@lets-events/react 12.9.2 → 12.9.4

package/dist/index.js

@@ -149,7 +149,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;
@@ -208,7 +208,7 @@ var require_react_is_development = __commonJS({
         exports2.ContextProvider = ContextProvider;
         exports2.Element = Element;
         exports2.ForwardRef = ForwardRef;
-        exports2.Fragment = Fragment6;
+        exports2.Fragment = Fragment7;
         exports2.Lazy = Lazy;
         exports2.Memo = Memo;
         exports2.Portal = Portal;
@@ -959,6 +959,7 @@ __export(index_exports, {
   TimerPickerContentStyled: () => TimerPickerContentStyled,
   ToastItem: () => ToastItem,
   ToastProvider: () => ToastProvider,
+  ToggleElement: () => ToggleElement,
   Tooltip: () => Tooltip,
   TooltipContent: () => TooltipContent,
   TooltipProvider: () => TooltipProvider,
@@ -1563,6 +1564,7 @@ var ButtonStyled = styled(import_themes2.Button, {
   $$buttonBgColor: "$colors$grey50",
   $$buttonBorderColor: "inherit",
   $$buttonOutlinedColor: "inherit",
+  $$buttonToggleBgColor: "transparent",
   fontFamily: "$default",
   letterSpacing: 0,
   border: 0,
@@ -1585,6 +1587,7 @@ var ButtonStyled = styled(import_themes2.Button, {
         $$buttonColor: "$colors$brand500",
         $$buttonBorderColor: "$colors$brand600",
         $$buttonOutlinedColor: "$$buttonColor",
+        $$buttonToggleBgColor: "rgba(0, 78, 210, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$brand600",
           $$buttonBorderColor: "$colors$brand700"
@@ -1604,6 +1607,7 @@ var ButtonStyled = styled(import_themes2.Button, {
         $$buttonColor: "$colors$purple500",
         $$buttonBorderColor: "$colors$purple300",
         $$buttonOutlinedColor: "$$buttonColor",
+        $$buttonToggleBgColor: "rgba(137, 97, 216, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$purple600",
           $$buttonBorderColor: "$colors$purple700",
@@ -1627,6 +1631,7 @@ var ButtonStyled = styled(import_themes2.Button, {
         $$buttonColor: "$colors$error600",
         $$buttonBorderColor: "$colors$error500",
         $$buttonOutlinedColor: " $colors$error500",
+        $$buttonToggleBgColor: "rgba(219, 54, 68, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$error600",
           $$buttonBorderColor: "$colors$error700",
@@ -1647,6 +1652,7 @@ var ButtonStyled = styled(import_themes2.Button, {
         $$buttonColor: "$colors$info500",
         $$buttonBorderColor: "$colors$info600",
         $$buttonOutlinedColor: "$$buttonColor",
+        $$buttonToggleBgColor: "rgba(2, 120, 254, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$info600",
           $$buttonBorderColor: "$colors$info700",
@@ -1667,6 +1673,7 @@ var ButtonStyled = styled(import_themes2.Button, {
         $$buttonColor: "$colors$success500",
         $$buttonBorderColor: "$colors$success600",
         $$buttonOutlinedColor: "$$buttonColor",
+        $$buttonToggleBgColor: "rgba(38, 167, 67, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$success600",
           $$buttonBorderColor: "$colors$success700",
@@ -1687,6 +1694,7 @@ var ButtonStyled = styled(import_themes2.Button, {
         $$buttonColor: "$colors$warning500",
         $$buttonBorderColor: "$colors$warning600",
         $$buttonOutlinedColor: "$$buttonColor",
+        $$buttonToggleBgColor: "rgba(255, 193, 7, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$warning600",
           $$buttonBorderColor: "$colors$warning700",
@@ -1707,6 +1715,7 @@ var ButtonStyled = styled(import_themes2.Button, {
         $$buttonColor: "$colors$neutral600",
         $$buttonBorderColor: "$colors$neutral300",
         $$buttonOutlinedColor: "$$buttonColor",
+        $$buttonToggleBgColor: "rgba(76, 79, 84, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$neutral700",
           $$buttonBgColor: "$colors$neutral100",
@@ -1727,6 +1736,7 @@ var ButtonStyled = styled(import_themes2.Button, {
         $$buttonColor: "$colors$neutral50",
         $$buttonBorderColor: "$colors$neutral300",
         $$buttonOutlinedColor: "$colors$neutral50",
+        $$buttonToggleBgColor: "rgba(255, 255, 255, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$neutral100",
           $$buttonBorderColor: "$colors$neutral300",
@@ -1779,6 +1789,18 @@ var ButtonStyled = styled(import_themes2.Button, {
         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",
@@ -1804,7 +1826,7 @@ var ButtonStyled = styled(import_themes2.Button, {
       menuDropdownItem: {
         backgroundColor: "transparent",
         boxShadow: "none",
-        padding: "0.25rem 0.5rem",
+        padding: "0.5rem 1rem",
         border: 0,
         height: "unset",
         color: "$$buttonColor",
@@ -1814,6 +1836,20 @@ var ButtonStyled = styled(import_themes2.Button, {
         "&: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: {
@@ -1822,6 +1858,11 @@ var ButtonStyled = styled(import_themes2.Button, {
       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: {
@@ -1855,6 +1896,7 @@ var ButtonStyled = styled(import_themes2.Button, {
     color: "brand",
     size: "medium",
     fontWeight: "medium",
+    textAlign: "center",
     outlinedBgColor: "transparent"
   }
 });
@@ -1984,10 +2026,20 @@ function Flex(_a) {
 
 // src/components/Button/index.tsx
 var import_jsx_runtime4 = require("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 ? import_themes4.Button : "button";
-  const { size, disabled } = props;
+  const { size, disabled, textAlign = "center" } = props;
   const spinnerSize = (0, import_react2.useMemo)(() => {
     switch (size) {
       case "small":
@@ -2006,7 +2058,7 @@ function Button(_a) {
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       Flex,
       {
-        justify: "center",
+        justify: getJustifyByTextAlign(textAlign),
         align: "center",
         css: { visibility: loading ? "hidden" : void 0 },
         children
@@ -3862,7 +3914,7 @@ var MenuItemsContainerStyled = styled("div", {
   top: "2.125rem",
   zIndex: "999",
   width: "fit-content",
-  minWidth: "5rem",
+  minWidth: "6rem",
   background: "#fff",
   maxWidth: "18.75rem",
   margin: "auto",
@@ -8699,7 +8751,10 @@ function Drawer({
         css: {
           zIndex: zIndex + 1,
           width: width != null ? width : "34.25rem",
-          maxWidth: "100%"
+          maxWidth: "100%",
+          "@md": {
+            width: "100%"
+          }
         },
         open: isOpen,
         children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
@@ -10399,9 +10454,52 @@ var Divider = styled("div", {
   height: "1px"
 });
 
+// src/components/ToggleElement/index.tsx
+var import_react20 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function ToggleElement({
+  children,
+  label,
+  openedLabel,
+  defaultOpen = false,
+  open,
+  hideButtonWhenOpen = true,
+  buttonProps,
+  onOpenChange
+}) {
+  const [internalOpen, setInternalOpen] = (0, import_react20.useState)(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__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+    (!isOpen || !hideButtonWhenOpen) && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      Button,
+      __spreadProps(__spreadValues({
+        type: "button",
+        variant: "toggle",
+        color: "brand",
+        size: "small"
+      }, buttonProps), {
+        onClick: handleClick,
+        children: [
+          !isOpen && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "plus", size: "md" }),
+          isOpen ? openedLabel != null ? openedLabel : label : label
+        ]
+      })
+    ),
+    isOpen && children
+  ] });
+}
+
 // src/components/Grid.tsx
 var import_themes20 = require("@radix-ui/themes");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var GridStyled = styled(import_themes20.Grid, {
   display: "grid",
   variants: {
@@ -10523,12 +10621,12 @@ var GridStyled = styled(import_themes20.Grid, {
 });
 function Grid(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(GridStyled, __spreadProps(__spreadValues({}, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(GridStyled, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/Container.tsx
 var import_themes21 = require("@radix-ui/themes");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var ContainerStyled = styled(import_themes21.Container, {
   variants: {
     size: {
@@ -10558,12 +10656,12 @@ var ContainerStyled = styled(import_themes21.Container, {
 });
 function Container(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ContainerStyled, __spreadProps(__spreadValues({}, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ContainerStyled, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/Section.tsx
 var import_themes22 = require("@radix-ui/themes");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var SectionStyled = styled(import_themes22.Section, {
   variants: {
     size: {
@@ -10587,28 +10685,28 @@ var SectionStyled = styled(import_themes22.Section, {
 });
 function Section(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SectionStyled, __spreadProps(__spreadValues({}, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SectionStyled, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/FormFields/subComponents/ErrorFormMessage.tsx
 var import_free_solid_svg_icons4 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome4 = require("@fortawesome/react-fontawesome");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var ErrorFormMessage = ({ message: message2 }) => {
   if (!message2) return null;
   if (typeof message2 !== "string") {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Flex, { justify: "start", align: "center", gap: 6, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_fontawesome4.FontAwesomeIcon, { icon: import_free_solid_svg_icons4.faXmarkCircle, color: colors.error600, size: "1x" }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text, { typography: "bodyXS", fontWeight: "medium", color: "error600", children: message2 })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Flex, { justify: "start", align: "center", gap: 6, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_fontawesome4.FontAwesomeIcon, { icon: import_free_solid_svg_icons4.faXmarkCircle, color: colors.error600, size: "1x" }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Text, { typography: "bodyXS", fontWeight: "medium", color: "error600", children: message2 })
   ] });
 };
 
 // src/components/FormFields/subComponents/FormLabel.tsx
 var import_react_fontawesome5 = require("@fortawesome/react-fontawesome");
 var import_free_solid_svg_icons5 = require("@fortawesome/free-solid-svg-icons");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var FormLabel = ({
   name,
   label,
@@ -10616,8 +10714,8 @@ var FormLabel = ({
   required
 }) => {
   if (!label) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Flex, { align: "start", gap: 6, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Flex, { align: "start", gap: 6, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       Text,
       {
         typography: "labelMedium",
@@ -10627,13 +10725,13 @@ var FormLabel = ({
         children: label
       }
     ),
-    required && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_fontawesome5.FontAwesomeIcon, { icon: import_free_solid_svg_icons5.faAsterisk, fontSize: "8px", color: "#AD1F2B" })
+    required && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_fontawesome5.FontAwesomeIcon, { icon: import_free_solid_svg_icons5.faAsterisk, fontSize: "8px", color: "#AD1F2B" })
   ] });
 };
 
 // src/components/FormFields/TextAreaFormField.tsx
 var import_react_hook_form = require("react-hook-form");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var TextAreaFormField = (_a) => {
   var _b = _a, {
     name,
@@ -10665,8 +10763,8 @@ var TextAreaFormField = (_a) => {
     required: required ? validationErrorMessage : false,
     validate
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Flex, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Flex, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       FormLabel,
       {
         name,
@@ -10675,7 +10773,7 @@ var TextAreaFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       TextareaField,
       __spreadProps(__spreadValues(__spreadValues({}, props), register(name, validationRules)), {
         placeholder,
@@ -10685,15 +10783,15 @@ var TextAreaFormField = (_a) => {
         top
       })
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/TextFormField.tsx
 var import_react_hook_form2 = require("react-hook-form");
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_mask2 = require("@react-input/mask");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var TextFormField = (_a) => {
   var _b = _a, {
     name,
@@ -10714,7 +10812,7 @@ var TextFormField = (_a) => {
     "onChange",
     "valueFormatter"
   ]);
-  const handleValidate = (0, import_react20.useCallback)(
+  const handleValidate = (0, import_react21.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null || !required && value.trim() === "")
@@ -10736,7 +10834,7 @@ var TextFormField = (_a) => {
   const haveError = !!fieldError;
   const errorMsg = fieldError == null ? void 0 : fieldError.message;
   const { value: formValue, onChange: formChange } = field;
-  const formattedValue = (0, import_react20.useMemo)(() => {
+  const formattedValue = (0, import_react21.useMemo)(() => {
     let value = formValue;
     if (valueFormatter) value = valueFormatter.format(value);
     if (mask) value = (0, import_mask2.format)(value != null ? value : "", mask);
@@ -10748,8 +10846,8 @@ var TextFormField = (_a) => {
     if (valueFormatter) value = valueFormatter.unformat(value);
     formChange(value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Flex, { direction: "column", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Flex, { direction: "column", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       FormLabel,
       {
         name,
@@ -10758,7 +10856,7 @@ var TextFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       TextField,
       __spreadProps(__spreadValues(__spreadValues({
         mask,
@@ -10769,13 +10867,13 @@ var TextFormField = (_a) => {
         value: formattedValue
       })
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/Form.tsx
 var import_react_hook_form3 = require("react-hook-form");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var Form = (_a) => {
   var _b = _a, {
     onSubmit,
@@ -10787,7 +10885,7 @@ var Form = (_a) => {
   const formMethods = (0, import_react_hook_form3.useForm)(__spreadValues({
     mode: "onTouched"
   }, props));
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_hook_form3.FormProvider, __spreadProps(__spreadValues({}, formMethods), { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("form", { onSubmit: formMethods.handleSubmit(onSubmit), children: (() => {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_hook_form3.FormProvider, __spreadProps(__spreadValues({}, formMethods), { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("form", { onSubmit: formMethods.handleSubmit(onSubmit), children: (() => {
     if (typeof children === "function") {
       return children(formMethods);
     }
@@ -10797,7 +10895,7 @@ var Form = (_a) => {
 
 // src/components/FormFields/MultiSelectFormField.tsx
 var import_react_hook_form4 = require("react-hook-form");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var MultiSelectFormField = (_a) => {
   var _b = _a, {
     name,
@@ -10828,8 +10926,8 @@ var MultiSelectFormField = (_a) => {
   const handleChange = (v) => {
     onChange(v);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Flex, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Flex, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       FormLabel,
       {
         name,
@@ -10838,7 +10936,7 @@ var MultiSelectFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       MultiSelect,
       __spreadValues({
         value,
@@ -10850,7 +10948,7 @@ var MultiSelectFormField = (_a) => {
         maxHeight
       }, rest)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
@@ -10868,13 +10966,13 @@ var minMaxLength = (min, max, errorMsg) => (value) => {
 };
 
 // src/components/FormFields/PhoneFormField.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var PhoneFormField = ({
   name,
   label,
   required
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     TextFormField,
     {
       name,
@@ -10904,7 +11002,7 @@ var PhoneFormField = ({
 
 // src/components/FormFields/CPFFormField.tsx
 var import_react_hook_form5 = require("react-hook-form");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var isValidCPF = (cpf) => {
   cpf = cpf.replace(/[^\d]+/g, "");
   if (cpf.length !== 11 || /^(\d)\1{10}$/.test(cpf)) return false;
@@ -10930,8 +11028,8 @@ var CPFFormField = ({
 }) => {
   const { control, setValue } = (0, import_react_hook_form5.useFormContext)();
   const foreigner = (0, import_react_hook_form5.useWatch)({ name: "foreigner", control });
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Flex, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Flex, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       TextFormField,
       {
         name,
@@ -10949,7 +11047,7 @@ var CPFFormField = ({
         disabled: foreigner
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       CheckboxGroup,
       {
         value: foreigner ? ["true"] : [],
@@ -10961,14 +11059,14 @@ var CPFFormField = ({
             setValue(name, "");
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CheckboxItem, { value: "true", children: foreignerLabel })
+        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CheckboxItem, { value: "true", children: foreignerLabel })
       }
     )
   ] });
 };
 
 // src/components/FormFields/CNPJFormField.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var matchesNonDigit = new RegExp(/\D+/g);
 var getWeights = (size, start, end) => {
   const weights = [];
@@ -11017,7 +11115,7 @@ var CNPJFormField = ({
   placeholder,
   validationErrorMessage
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     TextFormField,
     {
       name,
@@ -11038,7 +11136,7 @@ var CNPJFormField = ({
 };
 
 // src/components/FormFields/BirthDateFormField.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("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;
@@ -11075,7 +11173,7 @@ var BirthDateFormField = ({
   language
 }) => {
   const inputPlaceholder = placeholder || (language === "pt-BR" ? "DD/MM/AAAA" : "MM/DD/YYYY");
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     TextFormField,
     {
       name,
@@ -11096,7 +11194,7 @@ var BirthDateFormField = ({
 };
 
 // src/components/FormFields/IdentityDocumentNumberFormField.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var IdentityDocumentNumberFormField = ({
   name,
   label,
@@ -11104,7 +11202,7 @@ var IdentityDocumentNumberFormField = ({
   placeholder,
   validationErrorMessage
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     TextFormField,
     {
       name,
@@ -11133,7 +11231,7 @@ function getNestedValue(obj, path) {
 }
 
 // src/components/FormFields/SelectFormField.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var SelectFormField = ({
   name,
   label,
@@ -11157,8 +11255,8 @@ var SelectFormField = ({
   const validationRules = __spreadValues({
     required: required ? validationErrorMessage : false
   }, validation);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Flex, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Flex, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       FormLabel,
       {
         name,
@@ -11167,7 +11265,7 @@ var SelectFormField = ({
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       import_react_hook_form6.Controller,
       {
         control,
@@ -11176,7 +11274,7 @@ var SelectFormField = ({
         defaultValue: defaultValue || "",
         render: ({ field: { value, onChange } }) => {
           const selectedOption = options.find((opt) => opt.value === value);
-          return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
             DropdownMenu2,
             {
               placeholder: (selectedOption == null ? void 0 : selectedOption.label) || placeholder,
@@ -11184,7 +11282,7 @@ var SelectFormField = ({
               typography: "labelLarge",
               color: haveError ? "error" : "default",
               children: [
-                options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   DropdownMenuItem,
                   {
                     value: option.value,
@@ -11195,7 +11293,7 @@ var SelectFormField = ({
                   },
                   `${option.value}${index}`
                 )),
-                showMoreButton && showMoreButtonOnClick && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                showMoreButton && showMoreButtonOnClick && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   Button,
                   {
                     variant: "menuDropdownItem",
@@ -11213,7 +11311,7 @@ var SelectFormField = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
@@ -11246,7 +11344,7 @@ function useCountries(language = "pt-BR") {
 }
 
 // src/components/FormFields/AddressFormFields/CountryFormField.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function CountryFormField({
   name,
   label,
@@ -11254,7 +11352,7 @@ function CountryFormField({
   language = "pt-BR"
 }) {
   const countries2 = useCountries(language);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Flex, { direction: "column", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Flex, { direction: "column", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     SelectFormField,
     {
       label,
@@ -11267,7 +11365,7 @@ function CountryFormField({
 }
 
 // src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var PostalCodeFormField = ({
   name,
   label,
@@ -11276,7 +11374,7 @@ var PostalCodeFormField = ({
   validationErrorMessage,
   onChange
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     TextFormField,
     {
       name,
@@ -11329,14 +11427,14 @@ var brazilianStates = [
 ];
 
 // src/components/FormFields/AddressFormFields/StateFormField.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function StateFormField({
   name,
   label,
   required,
   isBrazil
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: isBrazil ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: isBrazil ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     SelectFormField,
     {
       name,
@@ -11344,13 +11442,13 @@ function StateFormField({
       required,
       label
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TextFormField, { name, required, label }) });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TextFormField, { name, required, label }) });
 }
 
 // src/components/FormFields/AddressFormFields/CityFormField.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_react_hook_form7 = require("react-hook-form");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function CityFormField({
   name,
   label,
@@ -11361,9 +11459,9 @@ function CityFormField({
 }) {
   const { control, watch } = (0, import_react_hook_form7.useFormContext)();
   const selectedState = watch(stateName);
-  const [cities, setCities] = (0, import_react21.useState)([]);
-  const [loading, setLoading] = (0, import_react21.useState)(false);
-  (0, import_react21.useEffect)(() => {
+  const [cities, setCities] = (0, import_react22.useState)([]);
+  const [loading, setLoading] = (0, import_react22.useState)(false);
+  (0, import_react22.useEffect)(() => {
     if (!isBrazil) {
       setCities([]);
       return;
@@ -11402,13 +11500,13 @@ function CityFormField({
     }
     fetchCities();
   }, [selectedState, isBrazil]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: isBrazil && cities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: isBrazil && cities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_react_hook_form7.Controller,
     {
       name,
       control,
       rules: { required },
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         SelectFormField,
         __spreadProps(__spreadValues({
           label,
@@ -11422,7 +11520,7 @@ function CityFormField({
         })
       )
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     TextFormField,
     {
       name,
@@ -11434,7 +11532,7 @@ function CityFormField({
 }
 
 // src/components/FormFields/AddressFormFields/index.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function getNestedValue2(obj, path) {
   return path.split(".").reduce((acc, key) => acc == null ? void 0 : acc[key], obj);
 }
@@ -11484,8 +11582,8 @@ function AddressFormFields({
       console.error("Erro ao buscar CEP");
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(AddressContainerStyled, { layout, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(AddressContainerStyled, { layout, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       FormLabel,
       {
         name,
@@ -11494,7 +11592,7 @@ function AddressFormFields({
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       CountryFormField,
       {
         name: `${name}.country`,
@@ -11503,7 +11601,7 @@ function AddressFormFields({
         language: "pt-BR"
       }
     ),
-    isBrazil ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    isBrazil ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       PostalCodeFormField,
       {
         name: `${name}.zip_code`,
@@ -11513,7 +11611,7 @@ function AddressFormFields({
         validationErrorMessage: "CEP inv\xE1lido",
         onChange: handleCEPChange
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       TextFormField,
       {
         name: `${name}.zip_code`,
@@ -11521,7 +11619,7 @@ function AddressFormFields({
         required
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       StateFormField,
       {
         name: `${name}.state`,
@@ -11530,7 +11628,7 @@ function AddressFormFields({
         isBrazil
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       CityFormField,
       {
         name: `${name}.city`,
@@ -11540,8 +11638,8 @@ function AddressFormFields({
         isBrazil
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TextFormField, { name: `${name}.street`, label: "Rua", required }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(TextFormField, { name: `${name}.street`, label: "Rua", required }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       TextFormField,
       {
         name: `${name}.number`,
@@ -11549,7 +11647,7 @@ function AddressFormFields({
         required
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       TextFormField,
       {
         name: `${name}.neighborhood`,
@@ -11557,13 +11655,13 @@ function AddressFormFields({
         required
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TextFormField, { name: `${name}.complement`, label: "Complemento" })
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(TextFormField, { name: `${name}.complement`, label: "Complemento" })
   ] });
 }
 
 // src/components/FormFields/RadioGroupFormField.tsx
 var import_react_hook_form9 = require("react-hook-form");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var RadioGroupFormField = ({
   name,
   label,
@@ -11585,8 +11683,8 @@ var RadioGroupFormField = ({
   const validationRules = {
     required: required ? validationErrorMessage : false
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Flex, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Flex, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       FormLabel,
       {
         name,
@@ -11595,14 +11693,14 @@ var RadioGroupFormField = ({
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       import_react_hook_form9.Controller,
       {
         name,
         control,
         defaultValue: defaultValue || "",
         rules: validationRules,
-        render: ({ field: { value, onChange } }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        render: ({ field: { value, onChange } }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           RadioGroup,
           {
             value,
@@ -11610,18 +11708,18 @@ var RadioGroupFormField = ({
             color: haveError ? "error" : color,
             fontWeight,
             disabled,
-            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Flex, { direction: "column", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(RadioItem, { value: option.value, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Text, { typography: "labelSmall", children: option.label }) }, option.value)) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Flex, { direction: "column", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RadioItem, { value: option.value, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Text, { typography: "labelSmall", children: option.label }) }, option.value)) })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/CheckboxGroupFormField.tsx
 var import_react_hook_form10 = require("react-hook-form");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var CheckboxGroupFormField = ({
   name,
   label,
@@ -11644,8 +11742,8 @@ var CheckboxGroupFormField = ({
     required: required ? validationErrorMessage : false,
     validate: required ? (value) => (value == null ? void 0 : value.length) > 0 || validationErrorMessage : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Flex, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Flex, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       FormLabel,
       {
         name,
@@ -11654,14 +11752,14 @@ var CheckboxGroupFormField = ({
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       import_react_hook_form10.Controller,
       {
         name,
         control,
         rules: validationRules,
         defaultValue,
-        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           CheckboxGroup,
           {
             name,
@@ -11670,7 +11768,7 @@ var CheckboxGroupFormField = ({
             color: haveError ? "error" : color,
             fontWeight,
             disabled,
-            children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               CheckboxItem,
               {
                 value: option.value,
@@ -11683,13 +11781,13 @@ var CheckboxGroupFormField = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/SwitchFormField.tsx
 var import_react_hook_form11 = require("react-hook-form");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var SwitchFormField = ({
   name,
   label,
@@ -11703,15 +11801,15 @@ var SwitchFormField = ({
   if (watch) {
     watchForm(name);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Flex, { justify: "between", style: { margin: "1rem 0" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text, { typography: "labelMedium", fontWeight: "regular", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Flex, { justify: "between", style: { margin: "1rem 0" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text, { typography: "labelMedium", fontWeight: "regular", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       import_react_hook_form11.Controller,
       {
         control,
         name,
         defaultValue,
-        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           Switch,
           {
             checked: field.value,
@@ -11724,14 +11822,14 @@ var SwitchFormField = ({
 };
 
 // src/components/FormFields/EmailFormField.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var EmailFormField = ({
   name,
   label,
   required,
   placeholder
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     TextFormField,
     {
       name,
@@ -11748,10 +11846,10 @@ var EmailFormField = ({
 var import_react_hook_form12 = require("react-hook-form");
 
 // src/components/RichEditor/RichEditor.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // src/components/RichEditor/QuillComponent.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_react_quilljs = require("react-quilljs");
 
 // src/utils/uploadService.ts
@@ -12808,7 +12906,7 @@ var QuillEditor = styled("div", {
 });
 
 // src/components/RichEditor/QuillComponent.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var QuillComponent = ({
   value = "",
   onChange,
@@ -12821,12 +12919,12 @@ var QuillComponent = ({
   onCharacterCountChange,
   maxLength
 }) => {
-  const [showVideoModal, setShowVideoModal] = (0, import_react22.useState)(false);
-  const [videoUrl, setVideoUrl] = (0, import_react22.useState)("");
-  const [showLinkModal, setShowLinkModal] = (0, import_react22.useState)(false);
-  const [linkUrl, setLinkUrl] = (0, import_react22.useState)("");
-  const videoModalRef = (0, import_react22.useRef)(null);
-  const linkModalRef = (0, import_react22.useRef)(null);
+  const [showVideoModal, setShowVideoModal] = (0, import_react23.useState)(false);
+  const [videoUrl, setVideoUrl] = (0, import_react23.useState)("");
+  const [showLinkModal, setShowLinkModal] = (0, import_react23.useState)(false);
+  const [linkUrl, setLinkUrl] = (0, import_react23.useState)("");
+  const videoModalRef = (0, import_react23.useRef)(null);
+  const linkModalRef = (0, import_react23.useRef)(null);
   const { addToast, removeToast } = useToast();
   const formatHTML = (html) => {
     const parser = new DOMParser();
@@ -12899,7 +12997,7 @@ var QuillComponent = ({
     placeholder,
     readOnly: disabled
   });
-  const handleImageUpload = (0, import_react22.useCallback)(
+  const handleImageUpload = (0, import_react23.useCallback)(
     (file) => __async(null, null, function* () {
       if (disabled || !quill || !uploadConfig) return;
       try {
@@ -12931,7 +13029,7 @@ var QuillComponent = ({
     }),
     [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (quill && value) {
       const currentContent = quill.root.innerHTML;
       if (currentContent !== value) {
@@ -12945,7 +13043,7 @@ var QuillComponent = ({
       }
     }
   }, [quill, value]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (quill) {
       quill.on("text-change", (delta, oldDelta, source) => {
         if (source === "user") {
@@ -13000,7 +13098,7 @@ var QuillComponent = ({
       }, 2e3);
     }
   }, [quill, onChange, handleImageUpload, onCharacterCountChange]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (quill) {
       quill.enable(!disabled);
       if (!disabled) {
@@ -13011,11 +13109,11 @@ var QuillComponent = ({
       }
     }
   }, [quill, disabled]);
-  const handleLinkCancel = (0, import_react22.useCallback)(() => {
+  const handleLinkCancel = (0, import_react23.useCallback)(() => {
     setLinkUrl("");
     setShowLinkModal(false);
   }, []);
-  const handleLinkSubmit = (0, import_react22.useCallback)(() => {
+  const handleLinkSubmit = (0, import_react23.useCallback)(() => {
     if (!linkUrl.trim() || !quill) return;
     const url = linkUrl.trim();
     const selection = quill.getSelection();
@@ -13030,11 +13128,11 @@ var QuillComponent = ({
     setLinkUrl("");
     setShowLinkModal(false);
   }, [linkUrl, quill]);
-  const handleVideoCancel = (0, import_react22.useCallback)(() => {
+  const handleVideoCancel = (0, import_react23.useCallback)(() => {
     setVideoUrl("");
     setShowVideoModal(false);
   }, []);
-  const handleVideoSubmit = (0, import_react22.useCallback)(() => {
+  const handleVideoSubmit = (0, import_react23.useCallback)(() => {
     var _a, _b;
     if (!videoUrl.trim() || !quill) return;
     let processedUrl = videoUrl.trim();
@@ -13067,7 +13165,7 @@ var QuillComponent = ({
     setVideoUrl("");
     setShowVideoModal(false);
   }, [videoUrl, quill]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (showVideoModal && videoModalRef.current && !videoModalRef.current.contains(event.target)) {
         handleVideoCancel();
@@ -13079,9 +13177,9 @@ var QuillComponent = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [showVideoModal, showLinkModal, handleVideoCancel, handleLinkCancel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuillContainer, { className, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(QuillEditor, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ref: quillRef }),
-    showVideoModal && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(QuillContainer, { className, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(QuillEditor, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { ref: quillRef }),
+    showVideoModal && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       "div",
       {
         ref: videoModalRef,
@@ -13098,15 +13196,15 @@ var QuillComponent = ({
           zIndex: 1e3,
           width: "fit-content"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Flex, { gap: 8, align: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Flex, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             Text,
             {
               style: { fontSize: "14px", fontWeight: "500", color: "#333" },
               children: "V\xEDdeo:"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             "input",
             {
               type: "text",
@@ -13130,7 +13228,7 @@ var QuillComponent = ({
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             "button",
             {
               onClick: handleVideoSubmit,
@@ -13151,7 +13249,7 @@ var QuillComponent = ({
         ] })
       }
     ),
-    showLinkModal && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    showLinkModal && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       "div",
       {
         ref: linkModalRef,
@@ -13168,15 +13266,15 @@ var QuillComponent = ({
           zIndex: 1e3,
           width: "fit-content"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Flex, { gap: 8, align: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Flex, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             Text,
             {
               style: { fontSize: "14px", fontWeight: "500", color: "#333" },
               children: "Link:"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             "input",
             {
               type: "text",
@@ -13201,7 +13299,7 @@ var QuillComponent = ({
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             "button",
             {
               onClick: handleLinkSubmit,
@@ -13227,21 +13325,21 @@ var QuillComponent = ({
 var QuillComponent_default = QuillComponent;
 
 // src/components/RichEditor/RichEditor.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var RichEditor = (props) => {
-  const [isClient, setIsClient] = (0, import_react23.useState)(false);
-  (0, import_react23.useEffect)(() => {
+  const [isClient, setIsClient] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
     setIsClient(typeof window !== "undefined");
   }, []);
   if (!isClient) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(QuillComponent_default, __spreadValues({}, props)) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(QuillComponent_default, __spreadValues({}, props)) }) });
 };
 var RichEditor_default = RichEditor;
 
 // src/components/RichEditor/RichTextPresenter.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var RichTextPresenter = ({ richText }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(QuillEditor, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(QuillEditor, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
       className: "ql-editor",
@@ -13252,8 +13350,8 @@ var RichTextPresenter = ({ richText }) => {
 var RichTextPresenter_default = RichTextPresenter;
 
 // src/components/FormFields/RichEditorFormField.tsx
-var import_react24 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_react25 = require("react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var RichEditorFormField = (_a) => {
   var _b = _a, {
     name,
@@ -13287,7 +13385,7 @@ var RichEditorFormField = (_a) => {
     },
     defaultValue: ""
   });
-  const [caracterQuantity, setCaracterQuantity] = (0, import_react24.useState)(maxLength);
+  const [caracterQuantity, setCaracterQuantity] = (0, import_react25.useState)(maxLength);
   const handleCharacterCountChange = (count) => {
     if (maxLength !== void 0) {
       setCaracterQuantity(Math.max(0, maxLength - count));
@@ -13296,9 +13394,9 @@ var RichEditorFormField = (_a) => {
   const fieldError = fieldState.error;
   const haveError = !!fieldError;
   const errorMsg = fieldError == null ? void 0 : fieldError.message;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Flex, { direction: "column", children: [
-    maxLength ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Flex, { direction: "row", justify: "between", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Flex, { direction: "column", children: [
+    maxLength ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Flex, { direction: "row", justify: "between", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         FormLabel,
         {
           name,
@@ -13307,8 +13405,8 @@ var RichEditorFormField = (_a) => {
           haveError
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Badge, { color: "grey", size: "xs", children: caracterQuantity })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Badge, { color: "grey", size: "xs", children: caracterQuantity })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       FormLabel,
       {
         name,
@@ -13317,7 +13415,7 @@ var RichEditorFormField = (_a) => {
         haveError
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       RichEditor_default,
       __spreadProps(__spreadValues({}, props), {
         value: field.value,
@@ -13329,14 +13427,14 @@ var RichEditorFormField = (_a) => {
         simpleVersion
       })
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/CalendarFormField.tsx
 var import_react_hook_form13 = require("react-hook-form");
-var import_react25 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_react26 = require("react");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var CalendarFormField = (_a) => {
   var _b = _a, {
     name,
@@ -13361,7 +13459,7 @@ var CalendarFormField = (_a) => {
     "maxYearsFromNow",
     "maxDate"
   ]);
-  const handleValidate = (0, import_react25.useCallback)(
+  const handleValidate = (0, import_react26.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null) {
@@ -13387,8 +13485,8 @@ var CalendarFormField = (_a) => {
   const handleCalendarChange = (date) => {
     setSelected(date);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Flex, { direction: "column", style: { flex: "1" }, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Flex, { direction: "column", style: { flex: "1" }, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       FormLabel,
       {
         name,
@@ -13397,7 +13495,7 @@ var CalendarFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       Calendar,
       __spreadValues({
         selected,
@@ -13411,14 +13509,14 @@ var CalendarFormField = (_a) => {
         maxYearsFromNow
       }, calendarProps)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/DoubleCalendarFormField.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_react_hook_form14 = require("react-hook-form");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var DoubleCalendarFormField = (_a) => {
   var _b = _a, {
     name,
@@ -13443,7 +13541,7 @@ var DoubleCalendarFormField = (_a) => {
     "maxDate",
     "disabled"
   ]);
-  const handleValidate = (0, import_react26.useCallback)(
+  const handleValidate = (0, import_react27.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null) {
@@ -13469,9 +13567,9 @@ var DoubleCalendarFormField = (_a) => {
   const handleCalendarChange = (range) => {
     setSelected(range);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Flex, { direction: "column", style: { flex: "1" }, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FormLabel, { name, label, required, haveError }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Flex, { direction: "column", style: { flex: "1" }, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FormLabel, { name, label, required, haveError }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       DoubleCalendar,
       __spreadValues({
         selected,
@@ -13486,14 +13584,14 @@ var DoubleCalendarFormField = (_a) => {
         maxDate
       }, calendarProps)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/TimePickerFormField.tsx
 var import_react_hook_form15 = require("react-hook-form");
-var import_react27 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_react28 = require("react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var TimePickerFormField = (_a) => {
   var _b = _a, {
     name,
@@ -13510,7 +13608,7 @@ var TimePickerFormField = (_a) => {
     "validationErrorMessage",
     "rules"
   ]);
-  const handleValidate = (0, import_react27.useCallback)(
+  const handleValidate = (0, import_react28.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null || value === "") {
@@ -13536,8 +13634,8 @@ var TimePickerFormField = (_a) => {
   const handleTimePickerChange = (time) => {
     setSelected(time);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Flex, { direction: "column", style: { flex: "1" }, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Flex, { direction: "column", style: { flex: "1" }, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       FormLabel,
       {
         name,
@@ -13546,7 +13644,7 @@ var TimePickerFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       TimePicker,
       __spreadValues({
         selected,
@@ -13557,14 +13655,14 @@ var TimePickerFormField = (_a) => {
         hasError: haveError
       }, timePickerProps)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/DateAndTimeFormField.tsx
 var import_react_hook_form16 = require("react-hook-form");
-var import_react28 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_react29 = require("react");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var DateAndTimeFormField = (_a) => {
   var _b = _a, {
     name,
@@ -13592,7 +13690,7 @@ var DateAndTimeFormField = (_a) => {
     "maxDate"
   ]);
   const { addToast } = useToast();
-  const handleDisabledClick = (0, import_react28.useCallback)(
+  const handleDisabledClick = (0, import_react29.useCallback)(
     (event) => {
       if (!disabled) return;
       event.preventDefault();
@@ -13605,7 +13703,7 @@ var DateAndTimeFormField = (_a) => {
     },
     [addToast, disabled, disabledInfo]
   );
-  const handleDisabledMouseDown = (0, import_react28.useCallback)(
+  const handleDisabledMouseDown = (0, import_react29.useCallback)(
     (event) => {
       if (!disabled) return;
       event.preventDefault();
@@ -13613,7 +13711,7 @@ var DateAndTimeFormField = (_a) => {
     },
     [disabled]
   );
-  const handleValidate = (0, import_react28.useCallback)(
+  const handleValidate = (0, import_react29.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null || value === "") {
@@ -13636,7 +13734,7 @@ var DateAndTimeFormField = (_a) => {
   const haveError = !!fieldError;
   const errorMsg = fieldError == null ? void 0 : fieldError.message;
   const { value: isoValue, onChange: setIsoValue } = field;
-  const { selectedDateFromIso, selectedTimeFromIso } = (0, import_react28.useMemo)(() => {
+  const { selectedDateFromIso, selectedTimeFromIso } = (0, import_react29.useMemo)(() => {
     if (!isoValue) return { selectedDateFromIso: void 0, selectedTimeFromIso: void 0 };
     try {
       const date = new Date(isoValue);
@@ -13651,19 +13749,19 @@ var DateAndTimeFormField = (_a) => {
       return { selectedDateFromIso: void 0, selectedTimeFromIso: void 0 };
     }
   }, [isoValue]);
-  const [draftDate, setDraftDate] = (0, import_react28.useState)(selectedDateFromIso);
-  const [draftTime, setDraftTime] = (0, import_react28.useState)(selectedTimeFromIso);
-  (0, import_react28.useEffect)(() => {
+  const [draftDate, setDraftDate] = (0, import_react29.useState)(selectedDateFromIso);
+  const [draftTime, setDraftTime] = (0, import_react29.useState)(selectedTimeFromIso);
+  (0, import_react29.useEffect)(() => {
     setDraftDate(selectedDateFromIso);
     setDraftTime(selectedTimeFromIso);
   }, [selectedDateFromIso, selectedTimeFromIso]);
-  const combineDateTime = (0, import_react28.useCallback)(
+  const combineDateTime = (0, import_react29.useCallback)(
     (date, time) => {
-      if (!date || !time) {
+      if (!date) {
         setIsoValue("");
         return;
       }
-      const [hours, minutes] = time.split(":").map(Number);
+      const [hours, minutes] = (time != null ? time : "00:00").split(":").map(Number);
       const combined = new Date(date);
       combined.setHours(hours || 0, minutes || 0, 0, 0);
       setIsoValue(combined.toISOString());
@@ -13678,8 +13776,8 @@ var DateAndTimeFormField = (_a) => {
     setDraftTime(time);
     combineDateTime(draftDate, time);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Flex, { direction: "column", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Flex, { direction: "column", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       FormLabel,
       {
         name,
@@ -13688,14 +13786,14 @@ var DateAndTimeFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       Flex,
       {
         gap: 12,
         align: "start",
         style: disabled ? { position: "relative" } : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Flex, { direction: "column", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Flex, { direction: "column", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             Calendar,
             __spreadValues({
               selected: draftDate,
@@ -13710,7 +13808,7 @@ var DateAndTimeFormField = (_a) => {
               disabled
             }, props)
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Flex, { direction: "column", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Flex, { direction: "column", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             TimePicker,
             __spreadValues({
               selected: draftTime,
@@ -13722,7 +13820,7 @@ var DateAndTimeFormField = (_a) => {
               hasError: haveError
             }, props)
           ) }),
-          disabled && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          disabled && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             "div",
             {
               "aria-hidden": true,
@@ -13739,16 +13837,16 @@ var DateAndTimeFormField = (_a) => {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/hooks/useImageUpload.ts
-var import_react29 = require("react");
+var import_react30 = require("react");
 var useImageUpload = (options) => {
-  const [isUploading, setIsUploading] = (0, import_react29.useState)(false);
-  const [progress, setProgress] = (0, import_react29.useState)(null);
-  const [error, setError] = (0, import_react29.useState)(null);
+  const [isUploading, setIsUploading] = (0, import_react30.useState)(false);
+  const [progress, setProgress] = (0, import_react30.useState)(null);
+  const [error, setError] = (0, import_react30.useState)(null);
   const {
     onSuccess,
     onError,
@@ -13758,7 +13856,7 @@ var useImageUpload = (options) => {
     allowedTypes = ["image/jpeg", "image/png", "image/gif", "image/webp"],
     uploadConfig
   } = options;
-  const validateFile = (0, import_react29.useCallback)(
+  const validateFile = (0, import_react30.useCallback)(
     (file) => {
       if (!allowedTypes.includes(file.type)) {
         const errorMsg = "Tipo de arquivo n\xE3o suportado";
@@ -13776,7 +13874,7 @@ var useImageUpload = (options) => {
     },
     [allowedTypes, maxFileSize, onError]
   );
-  const uploadFile = (0, import_react29.useCallback)(
+  const uploadFile = (0, import_react30.useCallback)(
     (file) => __async(null, null, function* () {
       if (!validateFile(file)) {
         return null;
@@ -13829,7 +13927,7 @@ var useImageUpload = (options) => {
     }),
     [validateFile, onSuccess, onError, onProgress]
   );
-  const reset = (0, import_react29.useCallback)(() => {
+  const reset = (0, import_react30.useCallback)(() => {
     setIsUploading(false);
     setProgress(null);
     setError(null);
@@ -13941,6 +14039,7 @@ var useImageUpload = (options) => {
   TimerPickerContentStyled,
   ToastItem,
   ToastProvider,
+  ToggleElement,
   Tooltip,
   TooltipContent,
   TooltipProvider,