@lets-events/react 11.5.4 → 11.6.1

package/dist/index.js

@@ -59,6 +59,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), 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({
@@ -242,7 +262,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;
@@ -301,7 +321,7 @@ var require_react_is_development = __commonJS({
         exports2.ContextProvider = ContextProvider;
         exports2.Element = Element;
         exports2.ForwardRef = ForwardRef;
-        exports2.Fragment = Fragment2;
+        exports2.Fragment = Fragment4;
         exports2.Lazy = Lazy;
         exports2.Memo = Memo;
         exports2.Portal = Portal;
@@ -1011,6 +1031,7 @@ var require_prop_types = __commonJS({
 // src/index.tsx
 var index_exports = {};
 __export(index_exports, {
+  AddressFormFields: () => AddressFormFields,
   Alert: () => Alert,
   AlertDialogCompleteStyled: () => AlertDialogCompleteStyled,
   AlertDialogDescriptionStyled: () => AlertDialogDescriptionStyled,
@@ -1023,16 +1044,20 @@ __export(index_exports, {
   AvatarStyled: () => AvatarStyled,
   Badge: () => Badge,
   BadgeStyled: () => BadgeStyled,
+  BirthDateFormField: () => BirthDateFormField,
   Box: () => Box,
   Button: () => Button,
   ButtonGroup: () => ButtonGroup,
   ButtonGroupStyled: () => ButtonGroupStyled,
   ButtonItem: () => ButtonItem,
   ButtonItemStyled: () => ButtonItemStyled,
+  CNPJFormField: () => CNPJFormField,
+  CPFFormField: () => CPFFormField,
   Calendar: () => Calendar,
   Card: () => Card,
   CardStyled: () => CardStyled,
   CheckboxGroup: () => CheckboxGroup,
+  CheckboxGroupFormField: () => CheckboxGroupFormField,
   CheckboxGroupStyled: () => CheckboxGroupStyled,
   CheckboxItem: () => CheckboxItem,
   Container: () => Container,
@@ -1050,6 +1075,7 @@ __export(index_exports, {
   Grid: () => Grid,
   GridStyled: () => GridStyled,
   Icon: () => Icon,
+  IdentityDocumentNumberFormField: () => IdentityDocumentNumberFormField,
   InputStyled: () => InputStyled,
   MenuDropdown: () => MenuDropdown,
   Modal: () => Modal,
@@ -1057,6 +1083,7 @@ __export(index_exports, {
   MultiSelectFormField: () => MultiSelectFormField,
   PhoneFormField: () => PhoneFormField,
   RadioGroup: () => RadioGroup,
+  RadioGroupFormField: () => RadioGroupFormField,
   RadioGroupStyled: () => RadioGroupStyled,
   RadioItem: () => RadioItem,
   Section: () => Section,
@@ -1092,6 +1119,7 @@ __export(index_exports, {
   TooltipProvider: () => TooltipProvider,
   TooltipRoot: () => TooltipRoot,
   TooltipTrigger: () => TooltipTrigger,
+  isValidCNPJ: () => isValidCNPJ,
   maskFormat: () => maskFormat,
   maskUnformat: () => maskUnformat,
   useToast: () => useToast
@@ -2810,9 +2838,7 @@ var TextField = import_react2.default.forwardRef(
             if (maskRef) maskRef.current = r;
             if (fowardedRef) {
               if (typeof fowardedRef === "function") fowardedRef(r);
-              else {
-                fowardedRef.current = r;
-              }
+              else fowardedRef.current = r;
             }
           }
         }, props), {
@@ -3104,25 +3130,15 @@ var CheckboxGroupStyled = styled(import_themes9.CheckboxGroup.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: {
@@ -3136,8 +3152,8 @@ var CheckboxGroupStyled = styled(import_themes9.CheckboxGroup.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: {},
@@ -3151,8 +3167,8 @@ var CheckboxGroupStyled = styled(import_themes9.CheckboxGroup.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")`
         }
       }
     },
@@ -3191,9 +3207,6 @@ var CheckboxGroupStyled = styled(import_themes9.CheckboxGroup.Root, {
         },
         "label button": {
           borderColor: "$dark300"
-        },
-        "label button[data-state=checked]:after": {
-          backgroundColor: "$brand500"
         }
       }
     },
@@ -3204,9 +3217,6 @@ var CheckboxGroupStyled = styled(import_themes9.CheckboxGroup.Root, {
         "label button": {
           borderColor: "$brand100",
           backgroundColor: "$dark50"
-        },
-        "label button[data-state=checked]:after": {
-          backgroundColor: "$brand100"
         }
       }
     },
@@ -3217,9 +3227,6 @@ var CheckboxGroupStyled = styled(import_themes9.CheckboxGroup.Root, {
         "label button": {
           borderColor: "$success100",
           backgroundColor: "$dark50"
-        },
-        "label button[data-state=checked]:after": {
-          backgroundColor: "$success100"
         }
       }
     },
@@ -3230,9 +3237,6 @@ var CheckboxGroupStyled = styled(import_themes9.CheckboxGroup.Root, {
         "label button": {
           borderColor: "$error100",
           backgroundColor: "$dark50"
-        },
-        "label button[data-state=checked]:after": {
-          backgroundColor: "$error100"
         }
       }
     }
@@ -3393,15 +3397,18 @@ function FilterItem(_a) {
 }
 
 // src/components/Dropdown.tsx
+var import_react3 = require("react");
+var import_free_solid_svg_icons2 = require("@fortawesome/free-solid-svg-icons");
 var import_themes11 = require("@radix-ui/themes");
+var import_react_fontawesome2 = require("@fortawesome/react-fontawesome");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var DropdownMenuItemStyled = styled(import_themes11.DropdownMenu.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"
@@ -3426,7 +3433,7 @@ var DropdownMenuStyled = styled("div", {
   padding: "$8 $12",
   width: "calc(100% - 24px)",
   display: "flex",
-  "button": {
+  button: {
     fontFamily: "$default",
     color: "$dark600",
     letterSpacing: "0px",
@@ -3438,82 +3445,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(import_themes11.DropdownMenu.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__ */ (0, import_jsx_runtime11.jsx)(import_themes11.Theme, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes11.DropdownMenu.Root, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DropdownMenuStyled, { typography, fontWeight, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes11.DropdownMenu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { "aria-label": placeholder || "Filtrar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: placeholder || "Filtrar" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes11.DropdownMenu.TriggerIcon, {})
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      DropdownMenuContentStyled,
-      {
-        avoidCollisions: false,
-        align: "start",
-        alignOffset: -14,
-        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes11.DropdownMenu.Group, { children })
-      }
-    )
-  ] }) })) });
+  const [isOpen, setIsOpen] = (0, import_react3.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes11.Theme, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes11.DropdownMenu.Root, __spreadProps(__spreadValues({ open: isOpen, onOpenChange: setIsOpen }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    DropdownMenuStyled,
+    {
+      typography,
+      fontWeight,
+      color,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes11.DropdownMenu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { "aria-label": placeholder || "Filtrar", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: placeholder || "Filtrar" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            import_react_fontawesome2.FontAwesomeIcon,
+            {
+              icon: isOpen ? import_free_solid_svg_icons2.faChevronUp : import_free_solid_svg_icons2.faChevronDown,
+              size: "sm",
+              color: colors.dark600
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          DropdownMenuContentStyled,
+          {
+            avoidCollisions: false,
+            align: "start",
+            alignOffset: -14,
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes11.DropdownMenu.Group, { children })
+          }
+        )
+      ]
+    }
+  ) })) });
 }
 function DropdownMenuItem(_a) {
   var _b = _a, {
@@ -3537,7 +3573,7 @@ function DropdownMenuItem(_a) {
 }
 
 // src/components/Badge.tsx
-var import_react3 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 var import_themes12 = require("@radix-ui/themes");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var BadgeStyled = styled(import_themes12.Badge, {
@@ -3641,9 +3677,9 @@ var BadgeStyled = styled(import_themes12.Badge, {
 });
 function Badge(_a) {
   var _b = _a, { asChild, children } = _b, props = __objRest(_b, ["asChild", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BadgeStyled, __spreadProps(__spreadValues({}, props), { children: import_react3.default.Children.map(children, (child) => {
-    if (import_react3.default.isValidElement(child)) {
-      return import_react3.default.cloneElement(child, { size: props.size });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BadgeStyled, __spreadProps(__spreadValues({}, props), { children: import_react4.default.Children.map(children, (child) => {
+    if (import_react4.default.isValidElement(child)) {
+      return import_react4.default.cloneElement(child, { size: props.size });
     }
     return child;
   }) }));
@@ -3718,7 +3754,7 @@ function Modal(_a) {
 }
 
 // src/components/MenuDropdown/index.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/components/MenuDropdown/styledComponents.ts
 var MenuDropdownContainerStyled = styled("div", {
@@ -3754,7 +3790,7 @@ var MenuItemsContainerStyled = styled("div", {
 // src/components/MenuDropdown/index.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function MenuDropdown({ children }) {
-  const [isOpen, setIsOpen] = (0, import_react4.useState)(false);
+  const [isOpen, setIsOpen] = (0, import_react5.useState)(false);
   function handleMenuDropdown() {
     setIsOpen(!isOpen);
   }
@@ -3765,12 +3801,12 @@ function MenuDropdown({ children }) {
 }
 
 // src/components/Calendar/index.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/hooks/useOnClickOutside.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 function useOnClickOutside(ref, handler) {
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const listener = (event) => {
       if (!ref.current || ref.current.contains(event.target)) {
         return;
@@ -7907,15 +7943,15 @@ function Calendar(_a) {
     "setSelected",
     "position"
   ]);
-  const [inputValue, setInputValue] = (0, import_react6.useState)("");
-  const [showContainer, setShowCalendar] = (0, import_react6.useState)(false);
-  const dropdownRef = (0, import_react6.useRef)(null);
+  const [inputValue, setInputValue] = (0, import_react7.useState)("");
+  const [showContainer, setShowCalendar] = (0, import_react7.useState)(false);
+  const dropdownRef = (0, import_react7.useRef)(null);
   useOnClickOutside(dropdownRef, () => {
     setShowCalendar(false);
   });
   const today = /* @__PURE__ */ new Date();
   const maxDate = addYears(today, 20);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (selected) {
       setInputValue(format2(selected, "dd/MM/yyyy"));
     } else {
@@ -8065,7 +8101,7 @@ function Drawer({
 }
 
 // src/components/TimePicker.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var TimePickerStyled = styled("div", {
   position: "relative",
@@ -8169,14 +8205,14 @@ function TimePicker({
   setSelected,
   position = "bottom"
 }) {
-  const [hours, setHours] = (0, import_react7.useState)("00");
-  const [minutes, setMinutes] = (0, import_react7.useState)("00");
-  const [rawHours, setRawHours] = (0, import_react7.useState)("00");
-  const [rawMinutes, setRawMinutes] = (0, import_react7.useState)("00");
-  const [isOpen, setIsOpen] = (0, import_react7.useState)(false);
-  const dropdownRef = (0, import_react7.useRef)(null);
+  const [hours, setHours] = (0, import_react8.useState)("00");
+  const [minutes, setMinutes] = (0, import_react8.useState)("00");
+  const [rawHours, setRawHours] = (0, import_react8.useState)("00");
+  const [rawMinutes, setRawMinutes] = (0, import_react8.useState)("00");
+  const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
+  const dropdownRef = (0, import_react8.useRef)(null);
   useOnClickOutside(dropdownRef, () => setIsOpen(false));
-  const handleIncrement = (0, import_react7.useCallback)(
+  const handleIncrement = (0, import_react8.useCallback)(
     (type) => {
       if (type === "hours") {
         const next = (parseInt(hours) + 1) % 24;
@@ -8190,7 +8226,7 @@ function TimePicker({
     },
     [hours, minutes]
   );
-  const handleDecrement = (0, import_react7.useCallback)(
+  const handleDecrement = (0, import_react8.useCallback)(
     (type) => {
       if (type === "hours") {
         const prev = (parseInt(hours) - 1 + 24) % 24;
@@ -8712,7 +8748,7 @@ function Switch(props) {
 }
 
 // src/components/Step.tsx
-var import_react8 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 var import_themes16 = require("@radix-ui/themes");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var StepStyled = styled("div", {
@@ -8828,9 +8864,9 @@ function StepList(_a) {
     "children",
     "currentStep"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StepListStyled, __spreadProps(__spreadValues({}, props), { children: import_react8.default.Children.map(children, (child) => {
-    if (import_react8.default.isValidElement(child) && child.type === StepTrigger) {
-      return import_react8.default.cloneElement(child, { currentStep });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StepListStyled, __spreadProps(__spreadValues({}, props), { children: import_react9.default.Children.map(children, (child) => {
+    if (import_react9.default.isValidElement(child) && child.type === StepTrigger) {
+      return import_react9.default.cloneElement(child, { currentStep });
     }
     return child;
   }) }));
@@ -8887,7 +8923,7 @@ function Card(_a) {
 
 // src/components/TextareaField.tsx
 var import_themes18 = require("@radix-ui/themes");
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var TextareaFieldStyle = styled(import_themes18.TextArea, {
   display: "flex",
@@ -8952,10 +8988,10 @@ var TextareaLimitIndicator = styled("div", {
     padding: "$4"
   }
 });
-var TextareaField = import_react9.default.forwardRef((_a, fowardedRef) => {
+var TextareaField = import_react10.default.forwardRef((_a, fowardedRef) => {
   var _b = _a, { maxLength, color } = _b, props = __objRest(_b, ["maxLength", "color"]);
-  const inputRef = (0, import_react9.useRef)(null);
-  const badgeRef = (0, import_react9.useRef)(null);
+  const inputRef = (0, import_react10.useRef)(null);
+  const badgeRef = (0, import_react10.useRef)(null);
   const updateCharCountBadge = () => {
     var _a2, _b2;
     if (!maxLength || !badgeRef.current) return;
@@ -8991,12 +9027,12 @@ var TextareaField = import_react9.default.forwardRef((_a, fowardedRef) => {
 });
 
 // src/components/Toast/components/ToastItem.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/components/Toast/styles/index.ts
-var import_react10 = require("@stitches/react");
+var import_react11 = require("@stitches/react");
 var ToastPrimitive = __toESM(require("@radix-ui/react-toast"));
-var slideIn = (0, import_react10.keyframes)({
+var slideIn = (0, import_react11.keyframes)({
   from: {
     transform: "translateX(calc(100% + 25px))",
     opacity: 0
@@ -9006,7 +9042,7 @@ var slideIn = (0, import_react10.keyframes)({
     opacity: 1
   }
 });
-var slideOut = (0, import_react10.keyframes)({
+var slideOut = (0, import_react11.keyframes)({
   from: {
     transform: "translateX(0)",
     opacity: 1
@@ -9016,7 +9052,7 @@ var slideOut = (0, import_react10.keyframes)({
     opacity: 0
   }
 });
-var swipeOut = (0, import_react10.keyframes)({
+var swipeOut = (0, import_react11.keyframes)({
   from: {
     transform: "translateX(var(--radix-toast-swipe-end-x))",
     opacity: 1
@@ -9122,7 +9158,7 @@ function ToastItem({
   toast,
   onRemove
 }) {
-  const [open, setOpen] = (0, import_react11.useState)(true);
+  const [open, setOpen] = (0, import_react12.useState)(true);
   const handleOpenChange = (open2) => {
     setOpen(open2);
     if (!open2) {
@@ -9146,17 +9182,17 @@ function ToastItem({
 }
 
 // src/components/Toast/components/ToastProvider.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var ToastPrimitive2 = __toESM(require("@radix-ui/react-toast"));
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var ToastContext = (0, import_react12.createContext)(null);
+var ToastContext = (0, import_react13.createContext)(null);
 function ToastProvider({
   children,
   defaultDuration = 5e3,
   maxToasts = 5,
   swipeDirection = "right"
 }) {
-  const [toasts, setToasts] = (0, import_react12.useState)([]);
+  const [toasts, setToasts] = (0, import_react13.useState)([]);
   const addToast = (toastData) => {
     const id = Math.random().toString(36).substr(2, 9);
     const newToast = __spreadProps(__spreadValues({
@@ -9192,9 +9228,9 @@ function ToastProvider({
 }
 
 // src/components/Toast/hooks/useToast.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 var useToast = () => {
-  const context = (0, import_react13.useContext)(ToastContext);
+  const context = (0, import_react14.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast deve ser usado dentro de um ToastProvider");
   }
@@ -9253,10 +9289,10 @@ function Tooltip({
 
 // src/components/MultiSelect.tsx
 var import_themes19 = require("@radix-ui/themes");
-var import_react_fontawesome2 = require("@fortawesome/react-fontawesome");
-var import_free_solid_svg_icons2 = require("@fortawesome/free-solid-svg-icons");
-var import_react14 = require("react");
-var import_react15 = __toESM(require("react"));
+var import_react_fontawesome3 = require("@fortawesome/react-fontawesome");
+var import_free_solid_svg_icons3 = require("@fortawesome/free-solid-svg-icons");
+var import_react15 = require("react");
+var import_react16 = __toESM(require("react"));
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var StyledContent = styled(import_themes19.DropdownMenu.Content, {
   backgroundColor: "$dark50",
@@ -9320,7 +9356,7 @@ var BadgeCloseBtn = styled("div", {
     backgroundColor: "$dark600"
   }
 });
-var MultiSelect = import_react15.default.forwardRef(
+var MultiSelect = import_react16.default.forwardRef(
   ({
     placeholder,
     value: selectedValues = [],
@@ -9331,16 +9367,16 @@ var MultiSelect = import_react15.default.forwardRef(
     zIndex = "auto"
   }, fowardedRef) => {
     var _a;
-    const [isOpen, setIsOpen] = (0, import_react14.useState)(false);
-    const triggerRef = (0, import_react14.useRef)(null);
-    const labelByValue = (0, import_react14.useMemo)(() => {
+    const [isOpen, setIsOpen] = (0, import_react15.useState)(false);
+    const triggerRef = (0, import_react15.useRef)(null);
+    const labelByValue = (0, import_react15.useMemo)(() => {
       return options.reduce((prev, curr) => {
         return __spreadProps(__spreadValues({}, prev), {
           [curr.value]: curr.label
         });
       }, {});
     }, [options]);
-    const handleRemove = (0, import_react14.useCallback)(
+    const handleRemove = (0, import_react15.useCallback)(
       (value) => {
         const newValue = selectedValues.filter((v) => v !== value);
         onValueChange == null ? void 0 : onValueChange(newValue);
@@ -9378,15 +9414,15 @@ var MultiSelect = import_react15.default.forwardRef(
                       handleRemove(value);
                     },
                     role: "button",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_fontawesome2.FontAwesomeIcon, { icon: import_free_solid_svg_icons2.faX, size: "xs" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_fontawesome3.FontAwesomeIcon, { icon: import_free_solid_svg_icons3.faX, size: "xs" })
                   }
                 )
               ] }) }, value);
             }) }),
             /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-              import_react_fontawesome2.FontAwesomeIcon,
+              import_react_fontawesome3.FontAwesomeIcon,
               {
-                icon: isOpen ? import_free_solid_svg_icons2.faChevronUp : import_free_solid_svg_icons2.faChevronDown,
+                icon: isOpen ? import_free_solid_svg_icons3.faChevronUp : import_free_solid_svg_icons3.faChevronDown,
                 size: "sm",
                 color: colors.dark600
               }
@@ -9609,8 +9645,8 @@ function Section(_a) {
 }
 
 // src/components/FormFields/ErrorFormMessage.tsx
-var import_free_solid_svg_icons3 = require("@fortawesome/free-solid-svg-icons");
-var import_react_fontawesome3 = require("@fortawesome/react-fontawesome");
+var import_free_solid_svg_icons4 = require("@fortawesome/free-solid-svg-icons");
+var import_react_fontawesome4 = require("@fortawesome/react-fontawesome");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var ErrorFormMessage = ({ message: message2 }) => {
   if (!message2) return null;
@@ -9618,7 +9654,7 @@ var ErrorFormMessage = ({ message: message2 }) => {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Flex2, { justify: "start", align: "center", gap: 6, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_fontawesome3.FontAwesomeIcon, { icon: import_free_solid_svg_icons3.faXmarkCircle, color: colors.error600, size: "1x" }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_fontawesome4.FontAwesomeIcon, { icon: import_free_solid_svg_icons4.faXmarkCircle, color: colors.error600, size: "1x" }),
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text, { typography: "bodyXS", fontWeight: "medium", color: "error600", children: message2 })
   ] });
 };
@@ -9693,22 +9729,39 @@ var TextAreaFormField = (_a) => {
 
 // src/components/FormFields/TextFormField.tsx
 var import_react_hook_form2 = require("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
 var import_jsx_runtime33 = require("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 }
   } = (0, import_react_hook_form2.useFormContext)();
-  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__ */ (0, import_jsx_runtime33.jsxs)(Flex2, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       FormLabel,
       {
         name,
@@ -9719,10 +9772,16 @@ var TextFormField = ({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       TextField,
-      __spreadProps(__spreadValues({}, register(name, { required })), {
+      __spreadProps(__spreadValues({
+        mask,
         placeholder,
+        disabled,
         color: haveError ? "error" : "default",
         "aria-labelledby": `${name}-label`
+      }, restFieldProps), {
+        ref,
+        onChange,
+        value
       })
     ),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ErrorFormMessage, { message: errorMsg })
@@ -9733,10 +9792,17 @@ var TextFormField = ({
 var import_react_hook_form3 = require("react-hook-form");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var Form = (_a) => {
-  var _b = _a, { onSubmit, children } = _b, props = __objRest(_b, ["onSubmit", "children"]);
-  const methods = (0, import_react_hook_form3.useForm)(props);
-  const { handleSubmit } = methods;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_hook_form3.FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("form", { onSubmit: handleSubmit(onSubmit), children }) }));
+  var _b = _a, {
+    onSubmit,
+    children,
+    methods
+  } = _b, props = __objRest(_b, [
+    "onSubmit",
+    "children",
+    "methods"
+  ]);
+  const formMethods = methods || (0, import_react_hook_form3.useForm)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_hook_form3.FormProvider, __spreadProps(__spreadValues({}, formMethods), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("form", { onSubmit: formMethods.handleSubmit(onSubmit), children }) }));
 };
 
 // src/components/FormFields/MultiSelectFormField.tsx
@@ -9832,8 +9898,792 @@ var PhoneFormField = (_a) => {
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
+
+// src/components/FormFields/CPFFormField.tsx
+var import_react_hook_form6 = require("react-hook-form");
+var import_jsx_runtime37 = require("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 } = (0, import_react_hook_form6.useFormContext)();
+  const foreigner = (0, import_react_hook_form6.useWatch)({ name: "foreigner", control });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      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__ */ (0, import_jsx_runtime37.jsx)(
+      CheckboxGroup,
+      {
+        name: "foreigner",
+        onValueChange: (value) => {
+          const isForeigner = value.includes("true");
+          setValue("foreigner", isForeigner);
+          if (isForeigner) {
+            setValue(name, "");
+          }
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CheckboxItem, { value: "true", children: foreignerLabel })
+      }
+    )
+  ] });
+};
+
+// src/components/FormFields/CNPJFormField.tsx
+var import_jsx_runtime38 = require("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__ */ (0, import_jsx_runtime38.jsx)(
+    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
+var import_jsx_runtime39 = 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;
+};
+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__ */ (0, import_jsx_runtime39.jsx)(
+    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
+var import_jsx_runtime40 = require("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__ */ (0, import_jsx_runtime40.jsx)(
+    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
+var import_react18 = require("react");
+var import_react_hook_form10 = require("react-hook-form");
+
+// src/components/FormFields/SelectFormField.tsx
+var import_react_hook_form7 = require("react-hook-form");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var SelectFormField = ({
+  name,
+  label,
+  required,
+  placeholder = "Selecione",
+  options,
+  validation,
+  validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
+  defaultValue
+}) => {
+  const {
+    control,
+    formState: { errors }
+  } = (0, import_react_hook_form7.useFormContext)();
+  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__ */ (0, import_jsx_runtime41.jsxs)(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      FormLabel,
+      {
+        name,
+        label,
+        required,
+        haveError
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      import_react_hook_form7.Controller,
+      {
+        control,
+        name,
+        rules: validationRules,
+        defaultValue: defaultValue || "",
+        render: ({ field: { value, onChange } }) => {
+          const selectedOption = options.find((opt) => opt.value === value);
+          return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            DropdownMenu2,
+            {
+              placeholder: (selectedOption == null ? void 0 : selectedOption.label) || placeholder,
+              fontWeight: "regular",
+              typography: "labelLarge",
+              color: haveError ? "error" : "default",
+              children: options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                DropdownMenuItem,
+                {
+                  value: option.value,
+                  onSelect: () => onChange(option.value),
+                  fontWeight: "regular",
+                  typography: "labelLarge",
+                  children: option.label
+                },
+                `${option.value}${index}`
+              ))
+            }
+          );
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ErrorFormMessage, { message: errorMsg })
+  ] });
+};
+
+// src/hooks/useCountries.ts
+var import_i18n_iso_countries = __toESM(require("i18n-iso-countries"));
+var import_pt = __toESM(require("i18n-iso-countries/langs/pt.json"));
+var import_en = __toESM(require("i18n-iso-countries/langs/en.json"));
+var import_es = __toESM(require("i18n-iso-countries/langs/es.json"));
+function useCountries(language = "pt-BR") {
+  import_i18n_iso_countries.default.registerLocale(import_pt.default);
+  import_i18n_iso_countries.default.registerLocale(import_en.default);
+  import_i18n_iso_countries.default.registerLocale(import_es.default);
+  const langMap = {
+    "pt-BR": "pt",
+    en: "en",
+    es: "es"
+  };
+  const langCode = langMap[language];
+  const namesPT = import_i18n_iso_countries.default.getNames("pt", { select: "official" });
+  const namesLang = import_i18n_iso_countries.default.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
+var import_jsx_runtime42 = require("react/jsx-runtime");
+function CountryFormField({
+  name,
+  label,
+  required,
+  language = "pt-BR"
+}) {
+  const countries2 = useCountries(language);
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Flex2, { direction: "column", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    SelectFormField,
+    {
+      label,
+      name,
+      options: countries2,
+      required,
+      defaultValue: "Brasil"
+    }
+  ) });
+}
+
+// src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx
+var import_react_hook_form8 = require("react-hook-form");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var PostalCodeFormField = ({
+  name,
+  label,
+  required,
+  placeholder,
+  validationErrorMessage
+}) => {
+  const { control } = (0, import_react_hook_form8.useFormContext)();
+  const {
+    field: { onChange, value }
+  } = (0, import_react_hook_form8.useController)({ name, control });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    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
+var import_jsx_runtime44 = require("react/jsx-runtime");
+function StateFormField({
+  name,
+  label,
+  required,
+  isBrazil
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: isBrazil ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    SelectFormField,
+    {
+      name,
+      options: brazilianStates,
+      required,
+      label
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TextFormField, { name, required, label }) });
+}
+
+// src/components/FormFields/AddressFormFields/CityFormField.tsx
+var import_react17 = require("react");
+var import_react_hook_form9 = require("react-hook-form");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function CityFormField({
+  name,
+  label,
+  stateName,
+  required,
+  isBrazil,
+  placeholder
+}) {
+  const { control, watch } = (0, import_react_hook_form9.useFormContext)();
+  const selectedState = watch(stateName);
+  const [cities, setCities] = (0, import_react17.useState)([]);
+  const [loading, setLoading] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: isBrazil && cities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_react_hook_form9.Controller,
+    {
+      name,
+      control,
+      rules: { required },
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        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__ */ (0, import_jsx_runtime45.jsx)(
+    TextFormField,
+    {
+      name,
+      required,
+      placeholder,
+      label
+    }
+  ) });
+}
+
+// src/components/FormFields/AddressFormFields/index.tsx
+var import_jsx_runtime46 = require("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 } = (0, import_react_hook_form10.useFormContext)();
+  const { errors } = (0, import_react_hook_form10.useFormState)({ control });
+  const selectedCountry = (0, import_react_hook_form10.useWatch)({ control, name: `${name}.country` });
+  const cep = (0, import_react_hook_form10.useWatch)({ control, name: `${name}.zip_code` });
+  const isBrazil = selectedCountry === "Brasil";
+  const addressErrors = getNestedValue2(errors, name);
+  const haveError = !!addressErrors;
+  (0, import_react18.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime46.jsxs)(AddressContainerStyled, { layout, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      FormLabel,
+      {
+        name,
+        label,
+        required,
+        haveError
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      CountryFormField,
+      {
+        name: `${name}.country`,
+        label: "Pa\xEDs",
+        required,
+        language: "pt-BR"
+      }
+    ),
+    isBrazil ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      PostalCodeFormField,
+      {
+        name: `${name}.zip_code`,
+        label: "CEP",
+        required,
+        placeholder: "00000-000",
+        validationErrorMessage: "CEP inv\xE1lido"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      TextFormField,
+      {
+        name: `${name}.zip_code`,
+        label: "C\xF3digo Postal",
+        required
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      StateFormField,
+      {
+        name: `${name}.state`,
+        label: "Estado",
+        required,
+        isBrazil
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      CityFormField,
+      {
+        name: `${name}.city`,
+        stateName: `${name}.state`,
+        label: "Cidade",
+        required,
+        isBrazil
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TextFormField, { name: `${name}.street`, label: "Rua", required }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      TextFormField,
+      {
+        name: `${name}.number`,
+        label: "N\xFAmero",
+        required
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      TextFormField,
+      {
+        name: `${name}.neighborhood`,
+        label: "Bairro",
+        required
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TextFormField, { name: `${name}.complement`, label: "Complemento" })
+  ] });
+}
+
+// src/components/FormFields/RadioGroupFormField.tsx
+var import_react_hook_form11 = require("react-hook-form");
+var import_jsx_runtime47 = require("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 }
+  } = (0, import_react_hook_form11.useFormContext)();
+  const fieldError = getNestedValue(errors, name);
+  const haveError = !!fieldError;
+  const errorMsg = fieldError == null ? void 0 : fieldError.message;
+  const validationRules = {
+    required: required ? validationErrorMessage : false
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      FormLabel,
+      {
+        name,
+        label,
+        required,
+        haveError
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      import_react_hook_form11.Controller,
+      {
+        name,
+        control,
+        defaultValue: defaultValue || "",
+        rules: validationRules,
+        render: ({ field: { value, onChange } }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          RadioGroup,
+          {
+            value,
+            onValueChange: onChange,
+            color: haveError ? "error" : color,
+            fontWeight,
+            disabled,
+            children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("label", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RadioItem, { value: option.value }),
+              option.label
+            ] }, option.value))
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ErrorFormMessage, { message: errorMsg })
+  ] });
+};
+
+// src/components/FormFields/CheckboxGroupFormField.tsx
+var import_react_hook_form12 = require("react-hook-form");
+var import_jsx_runtime48 = require("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 }
+  } = (0, import_react_hook_form12.useFormContext)();
+  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__ */ (0, import_jsx_runtime48.jsxs)(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      FormLabel,
+      {
+        name,
+        label,
+        required,
+        haveError
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react_hook_form12.Controller,
+      {
+        name,
+        control,
+        rules: validationRules,
+        defaultValue,
+        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          CheckboxGroup,
+          {
+            name,
+            onValueChange: field.onChange,
+            color: haveError ? "error" : color,
+            fontWeight,
+            disabled,
+            children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              CheckboxItem,
+              {
+                value: option.value,
+                disabled,
+                children: option.label
+              },
+              option.value
+            ))
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ErrorFormMessage, { message: errorMsg })
+  ] });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AddressFormFields,
   Alert,
   AlertDialogCompleteStyled,
   AlertDialogDescriptionStyled,
@@ -9846,16 +10696,20 @@ var PhoneFormField = (_a) => {
   AvatarStyled,
   Badge,
   BadgeStyled,
+  BirthDateFormField,
   Box,
   Button,
   ButtonGroup,
   ButtonGroupStyled,
   ButtonItem,
   ButtonItemStyled,
+  CNPJFormField,
+  CPFFormField,
   Calendar,
   Card,
   CardStyled,
   CheckboxGroup,
+  CheckboxGroupFormField,
   CheckboxGroupStyled,
   CheckboxItem,
   Container,
@@ -9873,6 +10727,7 @@ var PhoneFormField = (_a) => {
   Grid,
   GridStyled,
   Icon,
+  IdentityDocumentNumberFormField,
   InputStyled,
   MenuDropdown,
   Modal,
@@ -9880,6 +10735,7 @@ var PhoneFormField = (_a) => {
   MultiSelectFormField,
   PhoneFormField,
   RadioGroup,
+  RadioGroupFormField,
   RadioGroupStyled,
   RadioItem,
   Section,
@@ -9915,6 +10771,7 @@ var PhoneFormField = (_a) => {
   TooltipProvider,
   TooltipRoot,
   TooltipTrigger,
+  isValidCNPJ,
   maskFormat,
   maskUnformat,
   useToast