@lets-events/react 11.5.3 → 11.6.0

package/dist/index.mjs

@@ -53,6 +53,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
 // ../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
@@ -236,7 +256,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment2 = REACT_FRAGMENT_TYPE;
+        var Fragment4 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -295,7 +315,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment2;
+        exports.Fragment = Fragment4;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -2714,9 +2734,7 @@ var TextField = React.forwardRef(
             if (maskRef) maskRef.current = r;
             if (fowardedRef) {
               if (typeof fowardedRef === "function") fowardedRef(r);
-              else {
-                fowardedRef.current = r;
-              }
+              else fowardedRef.current = r;
             }
           }
         }, props), {
@@ -3008,25 +3026,15 @@ var CheckboxGroupStyled = styled(CheckboxGroupRadix.Root, {
     cursor: "pointer"
   },
   "label button[data-state=checked]:before": {
-    backgroundColor: "$dark50",
+    backgroundImage: `url("data:image/svg+xml,%3Csvg%20width='16'%20height='16'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M2%200C0.896875%200%200%200.896875%200%202V12C0%2013.1031%200.896875%2014%202%2014H12C13.1031%2014%2014%2013.1031%2014%2012V2C14%200.896875%2013.1031%200%2012%200H2ZM10.5312%205.53125L6.53125%209.53125C6.2375%209.825%205.7625%209.825%205.47188%209.53125L3.47187%207.53125C3.17812%207.2375%203.17812%206.7625%203.47187%206.47188C3.76562%206.18125%204.24062%206.17813%204.53125%206.47188L6%207.94063L9.46875%204.46875C9.7625%204.175%2010.2375%204.175%2010.5281%204.46875C10.8187%204.7625%2010.8219%205.2375%2010.5281%205.52812L10.5312%205.53125Z'%20fill='%23004ED2'/%3E%3C/svg%3E")`,
     content: "",
-    width: "8px",
-    height: "8px",
-    position: "absolute",
-    top: "2px",
-    right: "2px",
-    zIndex: 2
-  },
-  "label button[data-state=checked]:after": {
-    backgroundColor: "$brand500",
-    content: "",
-    height: "$16",
-    width: "$16",
+    width: "1rem",
+    height: "1rem",
     position: "absolute",
-    top: "-2px",
+    top: "-1px",
     right: "-2px",
-    borderRadius: "2px",
-    zIndex: 1
+    zIndex: 2,
+    backgroundRepeat: "no-repeat"
   },
   variants: {
     color: {
@@ -3040,8 +3048,8 @@ var CheckboxGroupStyled = styled(CheckboxGroupRadix.Root, {
           borderColor: "$green500",
           backgroundColor: "$dark50"
         },
-        "label button[data-state=checked]:after": {
-          backgroundColor: "$green500"
+        "label button[data-state=checked]:before": {
+          backgroundImage: `url("data:image/svg+xml,%3Csvg%20width='16'%20height='16'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M2%200C0.896875%200%200%200.896875%200%202V12C0%2013.1031%200.896875%2014%202%2014H12C13.1031%2014%2014%2013.1031%2014%2012V2C14%200.896875%2013.1031%200%2012%200H2ZM10.5312%205.53125L6.53125%209.53125C6.2375%209.825%205.7625%209.825%205.47188%209.53125L3.47187%207.53125C3.17812%207.2375%203.17812%206.7625%203.47187%206.47188C3.76562%206.18125%204.24062%206.17813%204.53125%206.47188L6%207.94063L9.46875%204.46875C9.7625%204.175%2010.2375%204.175%2010.5281%204.46875C10.8187%204.7625%2010.8219%205.2375%2010.5281%205.52812L10.5312%205.53125Z'%20fill='%2326A743'/%3E%3C/svg%3E")`
         }
       },
       blue: {},
@@ -3055,8 +3063,8 @@ var CheckboxGroupStyled = styled(CheckboxGroupRadix.Root, {
           borderColor: "$error400",
           backgroundColor: "$dark50"
         },
-        "label button[data-state=checked]:after": {
-          backgroundColor: "$error600"
+        "label button[data-state=checked]:before": {
+          backgroundImage: `url("data:image/svg+xml,%3Csvg%20width='16'%20height='16'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M2%200C0.896875%200%200%200.896875%200%202V12C0%2013.1031%200.896875%2014%202%2014H12C13.1031%2014%2014%2013.1031%2014%2012V2C14%200.896875%2013.1031%200%2012%200H2ZM10.5312%205.53125L6.53125%209.53125C6.2375%209.825%205.7625%209.825%205.47188%209.53125L3.47187%207.53125C3.17812%207.2375%203.17812%206.7625%203.47187%206.47188C3.76562%206.18125%204.24062%206.17813%204.53125%206.47188L6%207.94063L9.46875%204.46875C9.7625%204.175%2010.2375%204.175%2010.5281%204.46875C10.8187%204.7625%2010.8219%205.2375%2010.5281%205.52812L10.5312%205.53125Z'%20fill='%23DB3644'/%3E%3C/svg%3E")`
         }
       }
     },
@@ -3095,9 +3103,6 @@ var CheckboxGroupStyled = styled(CheckboxGroupRadix.Root, {
         },
         "label button": {
           borderColor: "$dark300"
-        },
-        "label button[data-state=checked]:after": {
-          backgroundColor: "$brand500"
         }
       }
     },
@@ -3108,9 +3113,6 @@ var CheckboxGroupStyled = styled(CheckboxGroupRadix.Root, {
         "label button": {
           borderColor: "$brand100",
           backgroundColor: "$dark50"
-        },
-        "label button[data-state=checked]:after": {
-          backgroundColor: "$brand100"
         }
       }
     },
@@ -3121,9 +3123,6 @@ var CheckboxGroupStyled = styled(CheckboxGroupRadix.Root, {
         "label button": {
           borderColor: "$success100",
           backgroundColor: "$dark50"
-        },
-        "label button[data-state=checked]:after": {
-          backgroundColor: "$success100"
         }
       }
     },
@@ -3134,9 +3133,6 @@ var CheckboxGroupStyled = styled(CheckboxGroupRadix.Root, {
         "label button": {
           borderColor: "$error100",
           backgroundColor: "$dark50"
-        },
-        "label button[data-state=checked]:after": {
-          backgroundColor: "$error100"
         }
       }
     }
@@ -3297,15 +3293,18 @@ function FilterItem(_a) {
 }
 
 // src/components/Dropdown.tsx
+import { useState } from "react";
+import { faChevronDown, faChevronUp } from "@fortawesome/free-solid-svg-icons";
 import { Theme as Theme2, DropdownMenu as DropdownMenuRadix } from "@radix-ui/themes";
+import { FontAwesomeIcon as FontAwesomeIcon2 } from "@fortawesome/react-fontawesome";
 import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 var DropdownMenuItemStyled = styled(DropdownMenuRadix.Item, {
   fontFamily: "$default",
   color: "$dark600",
   letterSpacing: "0px",
-  padding: "$8 $12",
+  padding: "$8 $16",
   "&:hover, &:focus": {
-    backgroundColor: "transparent",
+    backgroundColor: "$dark100",
     border: "none",
     outline: "none",
     cursor: "pointer"
@@ -3330,7 +3329,7 @@ var DropdownMenuStyled = styled("div", {
   padding: "$8 $12",
   width: "calc(100% - 24px)",
   display: "flex",
-  "button": {
+  button: {
     fontFamily: "$default",
     color: "$dark600",
     letterSpacing: "0px",
@@ -3342,82 +3341,111 @@ var DropdownMenuStyled = styled("div", {
     alignItems: "center",
     gap: "$8",
     cursor: "pointer",
-    "svg": {
+    svg: {
       marginLeft: "auto"
     }
   },
   variants: {
     typography: {
       labelLarge: {
-        "button": {
+        button: {
           fontSize: "$labelLarge",
           lineHeight: "$labelLarge"
         }
       },
       labelMedium: {
-        "button": {
+        button: {
           fontSize: "$labelMedium",
           lineHeight: "$labelMedium"
         }
       },
       labelSmall: {
-        "button": {
+        button: {
           fontSize: "$labelSmall",
           lineHeight: "$labelSmall"
         }
       },
       labelExtraSmall: {
-        "button": {
+        button: {
           fontSize: "$labelExtraSmall",
           lineHeight: "$labelExtraSmall"
         }
       }
     },
     fontWeight: {
-      regular: { "button": { fontWeight: "$regular" } },
-      medium: { "button": { fontWeight: "$medium" } },
-      semibold: { "button": { fontWeight: "$semibold" } },
-      bold: { "button": { fontWeight: "$bold" } }
+      regular: { button: { fontWeight: "$regular" } },
+      medium: { button: { fontWeight: "$medium" } },
+      semibold: { button: { fontWeight: "$semibold" } },
+      bold: { button: { fontWeight: "$bold" } }
+    },
+    color: {
+      default: {
+        border: "1px solid $dark300"
+      },
+      error: {
+        border: "1px solid $error400"
+      }
     }
   }
 });
 var DropdownMenuContentStyled = styled(DropdownMenuRadix.Content, {
   background: "white",
-  padding: "$8 $12",
   border: "1px solid $dark300",
   borderRadius: "$xs",
   boxShadow: "0px 4px 4px 0px rgba(35, 53, 67, 0.08)",
-  width: "calc(var(--radix-popper-anchor-width) - 24px);",
+  width: "calc(var(--radix-popper-anchor-width) + 24px);",
   minWidth: "100%",
-  marginTop: "3px"
+  marginTop: "3px",
+  maxHeight: "400px",
+  height: "100%",
+  position: "relative",
+  overflow: "auto"
 });
 function DropdownMenu2(_a) {
   var _b = _a, {
     children,
     placeholder,
     typography,
+    color,
     fontWeight
   } = _b, props = __objRest(_b, [
     "children",
     "placeholder",
     "typography",
+    "color",
     "fontWeight"
   ]);
-  return /* @__PURE__ */ jsx11(Theme2, { children: /* @__PURE__ */ jsx11(DropdownMenuRadix.Root, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs3(DropdownMenuStyled, { typography, fontWeight, children: [
-    /* @__PURE__ */ jsx11(DropdownMenuRadix.Trigger, { children: /* @__PURE__ */ jsxs3("button", { "aria-label": placeholder || "Filtrar", children: [
-      /* @__PURE__ */ jsx11("span", { children: placeholder || "Filtrar" }),
-      /* @__PURE__ */ jsx11(DropdownMenuRadix.TriggerIcon, {})
-    ] }) }),
-    /* @__PURE__ */ jsx11(
-      DropdownMenuContentStyled,
-      {
-        avoidCollisions: false,
-        align: "start",
-        alignOffset: -14,
-        children: /* @__PURE__ */ jsx11(DropdownMenuRadix.Group, { children })
-      }
-    )
-  ] }) })) });
+  const [isOpen, setIsOpen] = useState(false);
+  return /* @__PURE__ */ jsx11(Theme2, { children: /* @__PURE__ */ jsx11(DropdownMenuRadix.Root, __spreadProps(__spreadValues({ open: isOpen, onOpenChange: setIsOpen }, props), { children: /* @__PURE__ */ jsxs3(
+    DropdownMenuStyled,
+    {
+      typography,
+      fontWeight,
+      color,
+      children: [
+        /* @__PURE__ */ jsx11(DropdownMenuRadix.Trigger, { children: /* @__PURE__ */ jsxs3("button", { "aria-label": placeholder || "Filtrar", children: [
+          /* @__PURE__ */ jsx11("span", { children: placeholder || "Filtrar" }),
+          /* @__PURE__ */ jsx11(
+            FontAwesomeIcon2,
+            {
+              icon: isOpen ? faChevronUp : faChevronDown,
+              size: "sm",
+              color: colors.dark600
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx11(
+          DropdownMenuContentStyled,
+          {
+            avoidCollisions: false,
+            align: "start",
+            alignOffset: -14,
+            children: /* @__PURE__ */ jsx11(DropdownMenuRadix.Group, { children })
+          }
+        )
+      ]
+    }
+  ) })) });
 }
 function DropdownMenuItem(_a) {
   var _b = _a, {
@@ -3622,7 +3650,7 @@ function Modal(_a) {
 }
 
 // src/components/MenuDropdown/index.tsx
-import { useState } from "react";
+import { useState as useState2 } from "react";
 
 // src/components/MenuDropdown/styledComponents.ts
 var MenuDropdownContainerStyled = styled("div", {
@@ -3658,7 +3686,7 @@ var MenuItemsContainerStyled = styled("div", {
 // src/components/MenuDropdown/index.tsx
 import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
 function MenuDropdown({ children }) {
-  const [isOpen, setIsOpen] = useState(false);
+  const [isOpen, setIsOpen] = useState2(false);
   function handleMenuDropdown() {
     setIsOpen(!isOpen);
   }
@@ -3669,7 +3697,7 @@ function MenuDropdown({ children }) {
 }
 
 // src/components/Calendar/index.tsx
-import { useRef, useEffect as useEffect2, useState as useState2 } from "react";
+import { useRef, useEffect as useEffect2, useState as useState3 } from "react";
 
 // src/hooks/useOnClickOutside.tsx
 import { useEffect } from "react";
@@ -7811,8 +7839,8 @@ function Calendar(_a) {
     "setSelected",
     "position"
   ]);
-  const [inputValue, setInputValue] = useState2("");
-  const [showContainer, setShowCalendar] = useState2(false);
+  const [inputValue, setInputValue] = useState3("");
+  const [showContainer, setShowCalendar] = useState3(false);
   const dropdownRef = useRef(null);
   useOnClickOutside(dropdownRef, () => {
     setShowCalendar(false);
@@ -7969,7 +7997,7 @@ function Drawer({
 }
 
 // src/components/TimePicker.tsx
-import { useCallback, useRef as useRef2, useState as useState3 } from "react";
+import { useCallback, useRef as useRef2, useState as useState4 } from "react";
 import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 var TimePickerStyled = styled("div", {
   position: "relative",
@@ -8073,11 +8101,11 @@ function TimePicker({
   setSelected,
   position = "bottom"
 }) {
-  const [hours, setHours] = useState3("00");
-  const [minutes, setMinutes] = useState3("00");
-  const [rawHours, setRawHours] = useState3("00");
-  const [rawMinutes, setRawMinutes] = useState3("00");
-  const [isOpen, setIsOpen] = useState3(false);
+  const [hours, setHours] = useState4("00");
+  const [minutes, setMinutes] = useState4("00");
+  const [rawHours, setRawHours] = useState4("00");
+  const [rawMinutes, setRawMinutes] = useState4("00");
+  const [isOpen, setIsOpen] = useState4(false);
   const dropdownRef = useRef2(null);
   useOnClickOutside(dropdownRef, () => setIsOpen(false));
   const handleIncrement = useCallback(
@@ -8895,7 +8923,7 @@ var TextareaField = React6.forwardRef((_a, fowardedRef) => {
 });
 
 // src/components/Toast/components/ToastItem.tsx
-import { useState as useState4 } from "react";
+import { useState as useState5 } from "react";
 
 // src/components/Toast/styles/index.ts
 import { keyframes as keyframes2 } from "@stitches/react";
@@ -9026,7 +9054,7 @@ function ToastItem({
   toast,
   onRemove
 }) {
-  const [open, setOpen] = useState4(true);
+  const [open, setOpen] = useState5(true);
   const handleOpenChange = (open2) => {
     setOpen(open2);
     if (!open2) {
@@ -9050,7 +9078,7 @@ function ToastItem({
 }
 
 // src/components/Toast/components/ToastProvider.tsx
-import { createContext, useState as useState5 } from "react";
+import { createContext, useState as useState6 } from "react";
 import * as ToastPrimitive2 from "@radix-ui/react-toast";
 import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 var ToastContext = createContext(null);
@@ -9060,7 +9088,7 @@ function ToastProvider({
   maxToasts = 5,
   swipeDirection = "right"
 }) {
-  const [toasts, setToasts] = useState5([]);
+  const [toasts, setToasts] = useState6([]);
   const addToast = (toastData) => {
     const id = Math.random().toString(36).substr(2, 9);
     const newToast = __spreadProps(__spreadValues({
@@ -9157,13 +9185,13 @@ function Tooltip({
 
 // src/components/MultiSelect.tsx
 import { DropdownMenu as DropdownMenu3, Theme as Theme4 } from "@radix-ui/themes";
-import { FontAwesomeIcon as FontAwesomeIcon2 } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon as FontAwesomeIcon3 } from "@fortawesome/react-fontawesome";
 import {
-  faChevronDown,
-  faChevronUp,
+  faChevronDown as faChevronDown2,
+  faChevronUp as faChevronUp2,
   faX
 } from "@fortawesome/free-solid-svg-icons";
-import { useCallback as useCallback2, useMemo, useRef as useRef4, useState as useState6 } from "react";
+import { useCallback as useCallback2, useMemo, useRef as useRef4, useState as useState7 } from "react";
 import React7 from "react";
 import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 var StyledContent = styled(DropdownMenu3.Content, {
@@ -9239,7 +9267,7 @@ var MultiSelect = React7.forwardRef(
     zIndex = "auto"
   }, fowardedRef) => {
     var _a;
-    const [isOpen, setIsOpen] = useState6(false);
+    const [isOpen, setIsOpen] = useState7(false);
     const triggerRef = useRef4(null);
     const labelByValue = useMemo(() => {
       return options.reduce((prev, curr) => {
@@ -9286,15 +9314,15 @@ var MultiSelect = React7.forwardRef(
                       handleRemove(value);
                     },
                     role: "button",
-                    children: /* @__PURE__ */ jsx26(FontAwesomeIcon2, { icon: faX, size: "xs" })
+                    children: /* @__PURE__ */ jsx26(FontAwesomeIcon3, { icon: faX, size: "xs" })
                   }
                 )
               ] }) }, value);
             }) }),
             /* @__PURE__ */ jsx26(
-              FontAwesomeIcon2,
+              FontAwesomeIcon3,
               {
-                icon: isOpen ? faChevronUp : faChevronDown,
+                icon: isOpen ? faChevronUp2 : faChevronDown2,
                 size: "sm",
                 color: colors.dark600
               }
@@ -9518,7 +9546,7 @@ function Section(_a) {
 
 // src/components/FormFields/ErrorFormMessage.tsx
 import { faXmarkCircle } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon as FontAwesomeIcon3 } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon as FontAwesomeIcon4 } from "@fortawesome/react-fontawesome";
 import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
 var ErrorFormMessage = ({ message: message2 }) => {
   if (!message2) return null;
@@ -9526,7 +9554,7 @@ var ErrorFormMessage = ({ message: message2 }) => {
     return null;
   }
   return /* @__PURE__ */ jsxs15(Flex2, { justify: "start", align: "center", gap: 6, children: [
-    /* @__PURE__ */ jsx30(FontAwesomeIcon3, { icon: faXmarkCircle, color: colors.error600, size: "1x" }),
+    /* @__PURE__ */ jsx30(FontAwesomeIcon4, { icon: faXmarkCircle, color: colors.error600, size: "1x" }),
     /* @__PURE__ */ jsx30(Text, { typography: "bodyXS", fontWeight: "medium", color: "error600", children: message2 })
   ] });
 };
@@ -9558,20 +9586,25 @@ var FormLabel = ({
 // src/components/FormFields/TextAreaFormField.tsx
 import { useFormContext } from "react-hook-form";
 import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
-var TextAreaFormField = ({
-  name,
-  label,
-  required,
-  placeholder,
-  fieldProps
-}) => {
-  var _a;
+var TextAreaFormField = (_a) => {
+  var _b = _a, {
+    name,
+    label,
+    required,
+    placeholder
+  } = _b, props = __objRest(_b, [
+    "name",
+    "label",
+    "required",
+    "placeholder"
+  ]);
+  var _a2;
   const {
     register,
     formState: { errors }
   } = useFormContext();
   const haveError = !!errors[name];
-  const errorMsg = (_a = errors[name]) == null ? void 0 : _a.message;
+  const errorMsg = (_a2 = errors[name]) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ jsxs17(Flex2, { direction: "column", children: [
     /* @__PURE__ */ jsx32(
       FormLabel,
@@ -9584,7 +9617,7 @@ var TextAreaFormField = ({
     ),
     /* @__PURE__ */ jsx32(
       TextareaField,
-      __spreadProps(__spreadValues(__spreadValues({}, fieldProps), register(name, { required })), {
+      __spreadProps(__spreadValues(__spreadValues({}, props), register(name, { required })), {
         placeholder,
         color: haveError ? "error" : "default",
         "aria-labelledby": `${name}-label`
@@ -9596,22 +9629,39 @@ var TextAreaFormField = ({
 
 // src/components/FormFields/TextFormField.tsx
 import { useFormContext as useFormContext2 } from "react-hook-form";
+
+// src/utils/getNestedValue.ts
+function getNestedValue(obj, path) {
+  return path.split(".").reduce((acc, key) => acc == null ? void 0 : acc[key], obj);
+}
+
+// src/components/FormFields/TextFormField.tsx
 import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
 var TextFormField = ({
   name,
   label,
   required,
-  placeholder
+  placeholder,
+  mask,
+  validation,
+  validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
+  disabled = false,
+  value,
+  onChange
 }) => {
-  var _a;
   const {
     register,
     formState: { errors }
   } = useFormContext2();
-  const haveError = !!errors[name];
-  const errorMsg = (_a = errors[name]) == null ? void 0 : _a.message;
+  const validationRules = __spreadValues({
+    required: required ? validationErrorMessage : false
+  }, validation);
+  const _a = register(name, validationRules), { ref } = _a, restFieldProps = __objRest(_a, ["ref"]);
+  const fieldError = getNestedValue(errors, name);
+  const haveError = !!fieldError;
+  const errorMsg = fieldError == null ? void 0 : fieldError.message;
   return /* @__PURE__ */ jsxs18(Flex2, { direction: "column", children: [
-    /* @__PURE__ */ jsx33(
+    label && /* @__PURE__ */ jsx33(
       FormLabel,
       {
         name,
@@ -9622,10 +9672,16 @@ var TextFormField = ({
     ),
     /* @__PURE__ */ jsx33(
       TextField,
-      __spreadProps(__spreadValues({}, register(name, { required })), {
+      __spreadProps(__spreadValues({
+        mask,
         placeholder,
+        disabled,
         color: haveError ? "error" : "default",
         "aria-labelledby": `${name}-label`
+      }, restFieldProps), {
+        ref,
+        onChange,
+        value
       })
     ),
     /* @__PURE__ */ jsx33(ErrorFormMessage, { message: errorMsg })
@@ -9639,10 +9695,17 @@ import {
 } from "react-hook-form";
 import { jsx as jsx34 } from "react/jsx-runtime";
 var Form = (_a) => {
-  var _b = _a, { onSubmit, children } = _b, props = __objRest(_b, ["onSubmit", "children"]);
-  const methods = useForm(props);
-  const { handleSubmit } = methods;
-  return /* @__PURE__ */ jsx34(FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ jsx34("form", { onSubmit: handleSubmit(onSubmit), children }) }));
+  var _b = _a, {
+    onSubmit,
+    children,
+    methods
+  } = _b, props = __objRest(_b, [
+    "onSubmit",
+    "children",
+    "methods"
+  ]);
+  const formMethods = methods || useForm(props);
+  return /* @__PURE__ */ jsx34(FormProvider, __spreadProps(__spreadValues({}, formMethods), { children: /* @__PURE__ */ jsx34("form", { onSubmit: formMethods.handleSubmit(onSubmit), children }) }));
 };
 
 // src/components/FormFields/MultiSelectFormField.tsx
@@ -9738,7 +9801,791 @@ var PhoneFormField = (_a) => {
     /* @__PURE__ */ jsx36(ErrorFormMessage, { message: errorMsg })
   ] });
 };
+
+// src/components/FormFields/CPFFormField.tsx
+import { useFormContext as useFormContext5, useWatch } from "react-hook-form";
+import { jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";
+var isValidCPF = (cpf) => {
+  cpf = cpf.replace(/[^\d]+/g, "");
+  if (cpf.length !== 11 || /^(\d)\1{10}$/.test(cpf)) return false;
+  let sum = 0;
+  for (let i = 0; i < 9; i++) sum += parseInt(cpf.charAt(i)) * (10 - i);
+  let rest = sum * 10 % 11;
+  if (rest === 10 || rest === 11) rest = 0;
+  if (rest !== parseInt(cpf.charAt(9))) return false;
+  sum = 0;
+  for (let i = 0; i < 10; i++) sum += parseInt(cpf.charAt(i)) * (11 - i);
+  rest = sum * 10 % 11;
+  if (rest === 10 || rest === 11) rest = 0;
+  if (rest !== parseInt(cpf.charAt(10))) return false;
+  return true;
+};
+var CPFFormField = ({
+  name,
+  label,
+  required,
+  placeholder,
+  validationErrorMessage,
+  foreignerLabel
+}) => {
+  const { control, setValue } = useFormContext5();
+  const foreigner = useWatch({ name: "foreigner", control });
+  return /* @__PURE__ */ jsxs21(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ jsx37(
+      TextFormField,
+      {
+        name,
+        label,
+        required: required && !foreigner,
+        placeholder: placeholder || "000.000.000-00",
+        mask: {
+          mask: "___.___.___-__",
+          replacement: { _: /[0-9]/ }
+        },
+        validation: {
+          validate: (value) => {
+            if (!required || foreigner) return true;
+            return isValidCPF(value) || validationErrorMessage;
+          }
+        },
+        disabled: foreigner
+      }
+    ),
+    /* @__PURE__ */ jsx37(
+      CheckboxGroup,
+      {
+        name: "foreigner",
+        onValueChange: (value) => {
+          const isForeigner = value.includes("true");
+          setValue("foreigner", isForeigner);
+          if (isForeigner) {
+            setValue(name, "");
+          }
+        },
+        children: /* @__PURE__ */ jsx37(CheckboxItem, { value: "true", children: foreignerLabel })
+      }
+    )
+  ] });
+};
+
+// src/components/FormFields/CNPJFormField.tsx
+import { jsx as jsx38 } from "react/jsx-runtime";
+var matchesNonDigit = new RegExp(/\D+/g);
+var getWeights = (size, start, end) => {
+  const weights = [];
+  for (let i = size - 1; i >= 0; i--) {
+    weights.push((end ? i % (end - start + 1) : i) + start);
+  }
+  return weights;
+};
+var calcValidatorDigit = (basicDigits, weights) => {
+  const sum = basicDigits.reduce(
+    (sum2, digit, index) => sum2 + digit * weights[index],
+    0
+  );
+  const mod = sum % 11;
+  return mod < 2 ? 0 : 11 - mod;
+};
+var cnpjWeights1 = getWeights(12, 2, 9);
+var cnpjWeights2 = getWeights(13, 2, 9);
+var isValidCNPJ = (cnpj) => {
+  const digitsOnlyCnpj = cnpj.replace(matchesNonDigit, "");
+  if (digitsOnlyCnpj.length !== 14) {
+    return false;
+  }
+  if (/^(\d)\1+$/.test(digitsOnlyCnpj)) return false;
+  const cnpjArray = digitsOnlyCnpj.split("").map((digit) => Number.parseInt(digit));
+  const validatorDigit1 = cnpjArray[12];
+  const validatorDigit2 = cnpjArray[13];
+  const basicDigits = cnpjArray.slice(0, 12);
+  const expectedValidator1 = calcValidatorDigit(basicDigits, cnpjWeights1);
+  if (expectedValidator1 !== validatorDigit1) {
+    return false;
+  }
+  const expectedValidator2 = calcValidatorDigit(
+    [...basicDigits, validatorDigit1],
+    cnpjWeights2
+  );
+  if (expectedValidator2 !== validatorDigit2) {
+    return false;
+  }
+  return true;
+};
+var CNPJFormField = ({
+  name,
+  label,
+  required,
+  placeholder,
+  validationErrorMessage
+}) => {
+  return /* @__PURE__ */ jsx38(
+    TextFormField,
+    {
+      name,
+      label,
+      required,
+      placeholder: placeholder || "00.000.000/0000-00",
+      mask: {
+        mask: "__.___.___/____-__",
+        replacement: { _: /[0-9]/ }
+      },
+      validation: {
+        validate: (value) => {
+          const isEmpty = value.replace(matchesNonDigit, "").length === 0;
+          if (!required && isEmpty) return true;
+          return isValidCNPJ(value) || validationErrorMessage;
+        }
+      }
+    }
+  );
+};
+
+// src/components/FormFields/BirthDateFormField.tsx
+import { jsx as jsx39 } 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;
+};
+var isValidBirthDate = (value, language) => {
+  const [part1, part2, part3] = value.split("/").map(Number);
+  let day = 0, month = 0, year = 0;
+  if (language === "en") {
+    month = part1;
+    day = part2;
+    year = part3;
+  } else {
+    day = part1;
+    month = part2;
+    year = part3;
+  }
+  if (!isValidDate(day, month, year)) return false;
+  const today = /* @__PURE__ */ new Date();
+  const birthDate = new Date(year, month - 1, day);
+  if (birthDate > today) return false;
+  const age = today.getFullYear() - birthDate.getFullYear();
+  const beforeBirthday = today.getMonth() < birthDate.getMonth() || today.getMonth() === birthDate.getMonth() && today.getDate() < birthDate.getDate();
+  const realAge = beforeBirthday ? age - 1 : age;
+  return realAge <= 100;
+};
+var BirthDateFormField = ({
+  name,
+  label,
+  required,
+  placeholder,
+  validationErrorMessage,
+  language
+}) => {
+  const inputPlaceholder = placeholder || (language === "en" ? "MM/DD/YYYY" : "DD/MM/AAAA");
+  return /* @__PURE__ */ jsx39(
+    TextFormField,
+    {
+      name,
+      label,
+      required,
+      placeholder: inputPlaceholder,
+      mask: {
+        mask: "__/__/____",
+        replacement: { _: /[0-9]/ }
+      },
+      validation: {
+        validate: (value) => {
+          const isEmpty = value.replace(/[^\d]+/g, "").length === 0;
+          if (!required && isEmpty) return true;
+          return isValidBirthDate(value, language) || validationErrorMessage;
+        }
+      }
+    }
+  );
+};
+
+// src/components/FormFields/IdentityDocumentNumberFormField.tsx
+import { jsx as jsx40 } from "react/jsx-runtime";
+var isValidRG = (rg) => {
+  const cleaned = rg.replace(/[^\d]/g, "");
+  return /^\d{9}$/.test(cleaned);
+};
+var IdentityDocumentNumberFormField = ({
+  name,
+  label,
+  required,
+  placeholder,
+  validationErrorMessage
+}) => {
+  return /* @__PURE__ */ jsx40(
+    TextFormField,
+    {
+      name,
+      label,
+      required,
+      placeholder: placeholder || "__.___.___-_",
+      mask: {
+        mask: "__.___.___-_",
+        replacement: { _: /[0-9]/ }
+      },
+      validation: {
+        validate: (value) => {
+          const isEmpty = value.replace(/[^\d]/g, "").length === 0;
+          if (!required && isEmpty) return true;
+          return isValidRG(value) || validationErrorMessage;
+        }
+      }
+    }
+  );
+};
+
+// src/components/FormFields/AddressFormFields/index.tsx
+import { useEffect as useEffect4 } from "react";
+import { useFormContext as useFormContext9, useWatch as useWatch2, useFormState } from "react-hook-form";
+
+// src/components/FormFields/SelectFormField.tsx
+import { useFormContext as useFormContext6, Controller } from "react-hook-form";
+import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
+var SelectFormField = ({
+  name,
+  label,
+  required,
+  placeholder = "Selecione",
+  options,
+  validation,
+  validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
+  defaultValue
+}) => {
+  const {
+    control,
+    formState: { errors }
+  } = useFormContext6();
+  const fieldError = getNestedValue(errors, name);
+  const haveError = !!fieldError;
+  const errorMsg = fieldError == null ? void 0 : fieldError.message;
+  const validationRules = __spreadValues({
+    required: required ? validationErrorMessage : false
+  }, validation);
+  return /* @__PURE__ */ jsxs22(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ jsx41(
+      FormLabel,
+      {
+        name,
+        label,
+        required,
+        haveError
+      }
+    ),
+    /* @__PURE__ */ jsx41(
+      Controller,
+      {
+        control,
+        name,
+        rules: validationRules,
+        defaultValue: defaultValue || "",
+        render: ({ field: { value, onChange } }) => {
+          const selectedOption = options.find((opt) => opt.value === value);
+          return /* @__PURE__ */ jsx41(
+            DropdownMenu2,
+            {
+              placeholder: (selectedOption == null ? void 0 : selectedOption.label) || placeholder,
+              fontWeight: "regular",
+              typography: "labelLarge",
+              color: haveError ? "error" : "default",
+              children: options.map((option, index) => /* @__PURE__ */ jsx41(
+                DropdownMenuItem,
+                {
+                  value: option.value,
+                  onSelect: () => onChange(option.value),
+                  fontWeight: "regular",
+                  typography: "labelLarge",
+                  children: option.label
+                },
+                `${option.value}${index}`
+              ))
+            }
+          );
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx41(ErrorFormMessage, { message: errorMsg })
+  ] });
+};
+
+// src/hooks/useCountries.ts
+import countries from "i18n-iso-countries";
+import pt from "i18n-iso-countries/langs/pt.json";
+import en from "i18n-iso-countries/langs/en.json";
+import es from "i18n-iso-countries/langs/es.json";
+function useCountries(language = "pt-BR") {
+  countries.registerLocale(pt);
+  countries.registerLocale(en);
+  countries.registerLocale(es);
+  const langMap = {
+    "pt-BR": "pt",
+    en: "en",
+    es: "es"
+  };
+  const langCode = langMap[language];
+  const namesPT = countries.getNames("pt", { select: "official" });
+  const namesLang = countries.getNames(langCode, { select: "official" });
+  return Object.entries(namesPT).map(([_, namePT]) => {
+    var _a;
+    const nameTranslated = (_a = Object.entries(namesLang).find(([, name]) => namePT === name)) != null ? _a : Object.entries(namesPT).find(([, name]) => name === namePT);
+    const label = (nameTranslated == null ? void 0 : nameTranslated[1]) || namePT;
+    return {
+      value: namePT,
+      label
+    };
+  });
+}
+
+// src/components/FormFields/AddressFormFields/CountryFormField.tsx
+import { jsx as jsx42 } from "react/jsx-runtime";
+function CountryFormField({
+  name,
+  label,
+  required,
+  language = "pt-BR"
+}) {
+  const countries2 = useCountries(language);
+  return /* @__PURE__ */ jsx42(Flex2, { direction: "column", children: /* @__PURE__ */ jsx42(
+    SelectFormField,
+    {
+      label,
+      name,
+      options: countries2,
+      required,
+      defaultValue: "Brasil"
+    }
+  ) });
+}
+
+// src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx
+import { useController as useController2, useFormContext as useFormContext7 } from "react-hook-form";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var PostalCodeFormField = ({
+  name,
+  label,
+  required,
+  placeholder,
+  validationErrorMessage
+}) => {
+  const { control } = useFormContext7();
+  const {
+    field: { onChange, value }
+  } = useController2({ name, control });
+  return /* @__PURE__ */ jsx43(
+    TextFormField,
+    {
+      name,
+      label,
+      required,
+      placeholder: placeholder || "00000-000",
+      mask: {
+        mask: "_____-___",
+        replacement: { _: /[0-9]/ }
+      },
+      value,
+      onChange,
+      validation: {
+        validate: (value2) => {
+          const isEmpty = value2.replace(/[^\d]/g, "").length === 0;
+          if (!required && isEmpty) return true;
+          return /^\d{8}$/.test(value2.replace(/\D/g, "")) || validationErrorMessage;
+        }
+      }
+    }
+  );
+};
+
+// src/utils/states.ts
+var brazilianStates = [
+  { value: "AC", label: "Acre" },
+  { value: "AL", label: "Alagoas" },
+  { value: "AP", label: "Amap\xE1" },
+  { value: "AM", label: "Amazonas" },
+  { value: "BA", label: "Bahia" },
+  { value: "CE", label: "Cear\xE1" },
+  { value: "DF", label: "Distrito Federal" },
+  { value: "ES", label: "Esp\xEDrito Santo" },
+  { value: "GO", label: "Goi\xE1s" },
+  { value: "MA", label: "Maranh\xE3o" },
+  { value: "MT", label: "Mato Grosso" },
+  { value: "MS", label: "Mato Grosso do Sul" },
+  { value: "MG", label: "Minas Gerais" },
+  { value: "PA", label: "Par\xE1" },
+  { value: "PB", label: "Para\xEDba" },
+  { value: "PR", label: "Paran\xE1" },
+  { value: "PE", label: "Pernambuco" },
+  { value: "PI", label: "Piau\xED" },
+  { value: "RJ", label: "Rio de Janeiro" },
+  { value: "RN", label: "Rio Grande do Norte" },
+  { value: "RS", label: "Rio Grande do Sul" },
+  { value: "RO", label: "Rond\xF4nia" },
+  { value: "RR", label: "Roraima" },
+  { value: "SC", label: "Santa Catarina" },
+  { value: "SP", label: "S\xE3o Paulo" },
+  { value: "SE", label: "Sergipe" },
+  { value: "TO", label: "Tocantins" }
+];
+
+// src/components/FormFields/AddressFormFields/StateFormField.tsx
+import { Fragment as Fragment2, jsx as jsx44 } from "react/jsx-runtime";
+function StateFormField({
+  name,
+  label,
+  required,
+  isBrazil
+}) {
+  return /* @__PURE__ */ jsx44(Fragment2, { children: isBrazil ? /* @__PURE__ */ jsx44(
+    SelectFormField,
+    {
+      name,
+      options: brazilianStates,
+      required,
+      label
+    }
+  ) : /* @__PURE__ */ jsx44(TextFormField, { name, required, label }) });
+}
+
+// src/components/FormFields/AddressFormFields/CityFormField.tsx
+import { useEffect as useEffect3, useState as useState8 } from "react";
+import { useFormContext as useFormContext8, Controller as Controller2 } from "react-hook-form";
+import { Fragment as Fragment3, jsx as jsx45 } from "react/jsx-runtime";
+function CityFormField({
+  name,
+  label,
+  stateName,
+  required,
+  isBrazil,
+  placeholder
+}) {
+  const { control, watch } = useFormContext8();
+  const selectedState = watch(stateName);
+  const [cities, setCities] = useState8([]);
+  const [loading, setLoading] = useState8(false);
+  useEffect3(() => {
+    if (!isBrazil) {
+      setCities([]);
+      return;
+    }
+    if (!selectedState) {
+      setCities([]);
+      return;
+    }
+    function fetchCities() {
+      return __async(this, null, function* () {
+        setLoading(true);
+        try {
+          const ufResponse = yield fetch(
+            `https://servicodados.ibge.gov.br/api/v1/localidades/estados`
+          );
+          const estados = yield ufResponse.json();
+          const estadoSelecionado = estados.find(
+            (e) => e.sigla === selectedState
+          );
+          if (!estadoSelecionado) {
+            setCities([]);
+            setLoading(false);
+            return;
+          }
+          const response = yield fetch(
+            `https://servicodados.ibge.gov.br/api/v1/localidades/estados/${estadoSelecionado.id}/municipios`
+          );
+          const data = yield response.json();
+          setCities(data);
+        } catch (error) {
+          setCities([]);
+        } finally {
+          setLoading(false);
+        }
+      });
+    }
+    fetchCities();
+  }, [selectedState, isBrazil]);
+  return /* @__PURE__ */ jsx45(Fragment3, { children: isBrazil && cities.length > 0 ? /* @__PURE__ */ jsx45(
+    Controller2,
+    {
+      name,
+      control,
+      rules: { required },
+      render: ({ field }) => /* @__PURE__ */ jsx45(
+        SelectFormField,
+        __spreadProps(__spreadValues({
+          label,
+          required
+        }, field), {
+          options: cities.map((city) => ({
+            value: city.nome,
+            label: city.nome
+          })),
+          placeholder: loading ? "Carregando cidades..." : placeholder || "Selecione a cidade"
+        })
+      )
+    }
+  ) : /* @__PURE__ */ jsx45(
+    TextFormField,
+    {
+      name,
+      required,
+      placeholder,
+      label
+    }
+  ) });
+}
+
+// src/components/FormFields/AddressFormFields/index.tsx
+import { jsx as jsx46, jsxs as jsxs23 } from "react/jsx-runtime";
+function getNestedValue2(obj, path) {
+  return path.split(".").reduce((acc, key) => acc == null ? void 0 : acc[key], obj);
+}
+var AddressContainerStyled = styled("div", {
+  variants: {
+    layout: {
+      column: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "$4"
+      },
+      grid: {
+        display: "grid",
+        gap: "$8 $16",
+        gridTemplateColumns: "repeat(2, 1fr)",
+        "& > *:nth-child(1)": {
+          gridColumn: "span 2"
+        }
+      }
+    }
+  }
+});
+function AddressFormFields({
+  name,
+  label,
+  required,
+  layout = "column"
+}) {
+  const { control, setValue } = useFormContext9();
+  const { errors } = useFormState({ control });
+  const selectedCountry = useWatch2({ control, name: `${name}.country` });
+  const cep = useWatch2({ control, name: `${name}.zip_code` });
+  const isBrazil = selectedCountry === "Brasil";
+  const addressErrors = getNestedValue2(errors, name);
+  const haveError = !!addressErrors;
+  useEffect4(() => {
+    const cleanedCep = cep == null ? void 0 : cep.replace(/\D/g, "");
+    if (isBrazil && (cleanedCep == null ? void 0 : cleanedCep.length) === 8) {
+      fetch(`https://viacep.com.br/ws/${cleanedCep}/json`).then((res) => res.json()).then((data) => {
+        if (!data.erro) {
+          setValue(`${name}.street`, data.logradouro || "");
+          setValue(`${name}.neighborhood`, data.bairro || "");
+          setValue(`${name}.city`, data.localidade || "");
+          setValue(`${name}.state`, data.uf || "");
+        }
+      }).catch(() => {
+        console.error("Erro ao buscar CEP");
+      });
+    }
+  }, [cep, isBrazil]);
+  return /* @__PURE__ */ jsxs23(AddressContainerStyled, { layout, children: [
+    /* @__PURE__ */ jsx46(
+      FormLabel,
+      {
+        name,
+        label,
+        required,
+        haveError
+      }
+    ),
+    /* @__PURE__ */ jsx46(
+      CountryFormField,
+      {
+        name: `${name}.country`,
+        label: "Pa\xEDs",
+        required,
+        language: "pt-BR"
+      }
+    ),
+    isBrazil ? /* @__PURE__ */ jsx46(
+      PostalCodeFormField,
+      {
+        name: `${name}.zip_code`,
+        label: "CEP",
+        required,
+        placeholder: "00000-000",
+        validationErrorMessage: "CEP inv\xE1lido"
+      }
+    ) : /* @__PURE__ */ jsx46(
+      TextFormField,
+      {
+        name: `${name}.zip_code`,
+        label: "C\xF3digo Postal",
+        required
+      }
+    ),
+    /* @__PURE__ */ jsx46(
+      StateFormField,
+      {
+        name: `${name}.state`,
+        label: "Estado",
+        required,
+        isBrazil
+      }
+    ),
+    /* @__PURE__ */ jsx46(
+      CityFormField,
+      {
+        name: `${name}.city`,
+        stateName: `${name}.state`,
+        label: "Cidade",
+        required,
+        isBrazil
+      }
+    ),
+    /* @__PURE__ */ jsx46(TextFormField, { name: `${name}.street`, label: "Rua", required }),
+    /* @__PURE__ */ jsx46(
+      TextFormField,
+      {
+        name: `${name}.number`,
+        label: "N\xFAmero",
+        required
+      }
+    ),
+    /* @__PURE__ */ jsx46(
+      TextFormField,
+      {
+        name: `${name}.neighborhood`,
+        label: "Bairro",
+        required
+      }
+    ),
+    /* @__PURE__ */ jsx46(TextFormField, { name: `${name}.complement`, label: "Complemento" })
+  ] });
+}
+
+// src/components/FormFields/RadioGroupFormField.tsx
+import { Controller as Controller3, useFormContext as useFormContext10 } from "react-hook-form";
+import { jsx as jsx47, jsxs as jsxs24 } from "react/jsx-runtime";
+var RadioGroupFormField = ({
+  name,
+  label,
+  options,
+  required,
+  defaultValue,
+  validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
+  color = "blue",
+  fontWeight = "regular",
+  disabled = false
+}) => {
+  const {
+    control,
+    formState: { errors }
+  } = useFormContext10();
+  const fieldError = getNestedValue(errors, name);
+  const haveError = !!fieldError;
+  const errorMsg = fieldError == null ? void 0 : fieldError.message;
+  const validationRules = {
+    required: required ? validationErrorMessage : false
+  };
+  return /* @__PURE__ */ jsxs24(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ jsx47(
+      FormLabel,
+      {
+        name,
+        label,
+        required,
+        haveError
+      }
+    ),
+    /* @__PURE__ */ jsx47(
+      Controller3,
+      {
+        name,
+        control,
+        defaultValue: defaultValue || "",
+        rules: validationRules,
+        render: ({ field: { value, onChange } }) => /* @__PURE__ */ jsx47(
+          RadioGroup,
+          {
+            value,
+            onValueChange: onChange,
+            color: haveError ? "error" : color,
+            fontWeight,
+            disabled,
+            children: options.map((option) => /* @__PURE__ */ jsxs24("label", { children: [
+              /* @__PURE__ */ jsx47(RadioItem, { value: option.value }),
+              option.label
+            ] }, option.value))
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx47(ErrorFormMessage, { message: errorMsg })
+  ] });
+};
+
+// src/components/FormFields/CheckboxGroupFormField.tsx
+import { Controller as Controller4, useFormContext as useFormContext11 } from "react-hook-form";
+import { jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
+var CheckboxGroupFormField = ({
+  name,
+  label,
+  options,
+  required,
+  validationErrorMessage = "Selecione pelo menos uma op\xE7\xE3o.",
+  defaultValue = [],
+  color = "blue",
+  fontWeight = "regular",
+  disabled = false
+}) => {
+  const {
+    control,
+    formState: { errors }
+  } = useFormContext11();
+  const fieldError = getNestedValue(errors, name);
+  const haveError = !!fieldError;
+  const errorMsg = fieldError == null ? void 0 : fieldError.message;
+  const validationRules = {
+    required: required ? validationErrorMessage : false,
+    validate: required ? (value) => (value == null ? void 0 : value.length) > 0 || validationErrorMessage : void 0
+  };
+  return /* @__PURE__ */ jsxs25(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ jsx48(
+      FormLabel,
+      {
+        name,
+        label,
+        required,
+        haveError
+      }
+    ),
+    /* @__PURE__ */ jsx48(
+      Controller4,
+      {
+        name,
+        control,
+        rules: validationRules,
+        defaultValue,
+        render: ({ field }) => /* @__PURE__ */ jsx48(
+          CheckboxGroup,
+          {
+            name,
+            onValueChange: field.onChange,
+            color: haveError ? "error" : color,
+            fontWeight,
+            disabled,
+            children: options.map((option) => /* @__PURE__ */ jsx48(
+              CheckboxItem,
+              {
+                value: option.value,
+                disabled,
+                children: option.label
+              },
+              option.value
+            ))
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx48(ErrorFormMessage, { message: errorMsg })
+  ] });
+};
 export {
+  AddressFormFields,
   Alert,
   AlertDialogCompleteStyled,
   AlertDialogDescriptionStyled,
@@ -9751,16 +10598,20 @@ export {
   AvatarStyled,
   Badge,
   BadgeStyled,
+  BirthDateFormField,
   Box,
   Button,
   ButtonGroup,
   ButtonGroupStyled,
   ButtonItem,
   ButtonItemStyled,
+  CNPJFormField,
+  CPFFormField,
   Calendar,
   Card,
   CardStyled,
   CheckboxGroup,
+  CheckboxGroupFormField,
   CheckboxGroupStyled,
   CheckboxItem,
   Container,
@@ -9778,6 +10629,7 @@ export {
   Grid,
   GridStyled,
   Icon,
+  IdentityDocumentNumberFormField,
   InputStyled,
   MenuDropdown,
   Modal,
@@ -9785,6 +10637,7 @@ export {
   MultiSelectFormField,
   PhoneFormField,
   RadioGroup,
+  RadioGroupFormField,
   RadioGroupStyled,
   RadioItem,
   Section,
@@ -9820,6 +10673,7 @@ export {
   TooltipProvider,
   TooltipRoot,
   TooltipTrigger,
+  isValidCNPJ,
   maskFormat,
   maskUnformat,
   useToast