@aspprev/versi-ds 0.4.0 → 0.4.2

package/dist/{chunk-LPLXAKPJ.js → chunk-6NVJWI5B.js}

@@ -2,18 +2,12 @@ import {
   Tooltip_default,
   getFloatingLayerClass,
   mergeAriaDescribedBy
-} from "./chunk-FTRF27XF.js";
+} from "./chunk-MMTKCHRP.js";
 import {
   COUNTRY_OPTIONS,
   PHONE_COUNTRY_OPTIONS,
-  filterCountryOptions,
-  getCountryFlagUrl
-} from "./chunk-YCW3REQK.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
+  filterCountryOptions
+} from "./chunk-7IY43S3Y.js";
 
 // src/components/input/Input.tsx
 import React, { useRef, useCallback, useId, useState } from "react";
@@ -39,38 +33,26 @@ var FIELD_INPUT_CLASS = "w-full border-none bg-transparent text-field-content ou
 // src/components/field/FieldFrame.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var FieldFrame = forwardRef(
-  function FieldFrame2(_a, ref) {
-    var _b = _a, {
-      children,
-      label,
-      labelFor,
-      labelId,
-      labelAdornment,
-      description,
-      descriptionId,
-      message,
-      messageId,
-      invalid = false,
-      className
-    } = _b, rest = __objRest(_b, [
-      "children",
-      "label",
-      "labelFor",
-      "labelId",
-      "labelAdornment",
-      "description",
-      "descriptionId",
-      "message",
-      "messageId",
-      "invalid",
-      "className"
-    ]);
+  function FieldFrame2({
+    children,
+    label,
+    labelFor,
+    labelId,
+    labelAdornment,
+    description,
+    descriptionId,
+    message,
+    messageId,
+    invalid = false,
+    className,
+    ...rest
+  }, ref) {
     return /* @__PURE__ */ jsxs(
       "div",
-      __spreadProps(__spreadValues({
+      {
         ref,
-        className: classNames(FIELD_ROOT_CLASS, className)
-      }, rest), {
+        className: classNames(FIELD_ROOT_CLASS, className),
+        ...rest,
         children: [
           (label || labelAdornment) && /* @__PURE__ */ jsxs("div", { className: "field-label-slot flex flex-row items-end justify-between", children: [
             label && /* @__PURE__ */ jsx(
@@ -97,7 +79,7 @@ var FieldFrame = forwardRef(
             }
           )
         ]
-      })
+      }
     );
   }
 );
@@ -108,10 +90,11 @@ var FieldFrame_default = FieldFrame;
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var BaseInput = React.forwardRef((props, ref) => /* @__PURE__ */ jsx2(
   "input",
-  __spreadProps(__spreadValues({}, props), {
+  {
+    ...props,
     ref,
     className: classNames2(FIELD_INPUT_CLASS, props.className)
-  })
+  }
 ));
 BaseInput.displayName = "BaseInput";
 function normalizeCurrencyDigits(value) {
@@ -159,39 +142,23 @@ function formatContaValue(value) {
   }
   return `${compactDigits.slice(0, 12)}-${compactDigits.slice(12, 13)}`;
 }
-var Input = (_a) => {
-  var _b = _a, {
-    name,
-    label,
-    helperText,
-    placeholder,
-    prefix,
-    suffix,
-    mask,
-    disabled,
-    error,
-    disallowSpaces,
-    leadIcon: LeadIcon,
-    endIcon: EndIcon,
-    type,
-    className
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "label",
-    "helperText",
-    "placeholder",
-    "prefix",
-    "suffix",
-    "mask",
-    "disabled",
-    "error",
-    "disallowSpaces",
-    "leadIcon",
-    "endIcon",
-    "type",
-    "className"
-  ]);
-  var _a2;
+var Input = ({
+  name,
+  label,
+  helperText,
+  placeholder,
+  prefix,
+  suffix,
+  mask,
+  disabled,
+  error,
+  disallowSpaces,
+  leadIcon: LeadIcon,
+  endIcon: EndIcon,
+  type,
+  className,
+  ...rest
+}) => {
   const [field, meta, helpers] = useField(name);
   const inputRef = useRef(null);
   const iconRef = useRef(null);
@@ -200,7 +167,7 @@ var Input = (_a) => {
   const [showPassword, setShowPassword] = useState(false);
   const currentType = isPasswordType ? showPassword ? "text" : "password" : type;
   const hasError = Boolean(meta.touched && meta.error || error);
-  const inputId = (_a2 = rest.id) != null ? _a2 : name;
+  const inputId = rest.id ?? name;
   const errorId = `${inputId}-error`;
   const ariaDescribedBy = mergeAriaDescribedBy(
     rest["aria-describedby"],
@@ -221,16 +188,15 @@ var Input = (_a) => {
   );
   const handlePasteFormik = useCallback(
     (e) => {
-      var _a3, _b2;
       if (!disallowSpaces) {
-        (_a3 = rest.onPaste) == null ? void 0 : _a3.call(rest, e);
+        rest.onPaste?.(e);
         return;
       }
       e.preventDefault();
       const pastedText = e.clipboardData.getData("text");
       const sanitizedValue = sanitizeValue(pastedText);
       helpers.setValue(sanitizedValue);
-      (_b2 = rest.onPaste) == null ? void 0 : _b2.call(rest, e);
+      rest.onPaste?.(e);
     },
     [disallowSpaces, helpers, rest, sanitizeValue]
   );
@@ -247,12 +213,14 @@ var Input = (_a) => {
       );
       helpers.setValue(formattedCurrencyValue);
       if (rest.onChange) {
-        const event = __spreadProps(__spreadValues({}, e), {
-          target: __spreadProps(__spreadValues({}, e.target), { value: formattedCurrencyValue }),
-          currentTarget: __spreadProps(__spreadValues({}, e.currentTarget), {
+        const event = {
+          ...e,
+          target: { ...e.target, value: formattedCurrencyValue },
+          currentTarget: {
+            ...e.currentTarget,
             value: formattedCurrencyValue
-          })
-        });
+          }
+        };
         rest.onChange(event);
       }
     },
@@ -284,7 +252,9 @@ var Input = (_a) => {
       const rawCurrencyValue = typeof field.value === "string" || typeof field.value === "number" ? field.value : "";
       return /* @__PURE__ */ jsx2(
         "input",
-        __spreadProps(__spreadValues(__spreadValues({}, rest), accessibilityProps), {
+        {
+          ...rest,
+          ...accessibilityProps,
           name,
           ref: inputRef,
           type: "text",
@@ -296,55 +266,58 @@ var Input = (_a) => {
           className: classNames2(FIELD_INPUT_CLASS, className),
           autoComplete: autoCompleteValue,
           disabled
-        })
+        }
       );
     }
     if (mask === "specialChars") {
       return /* @__PURE__ */ jsx2(
         "input",
-        __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, rest), accessibilityProps), field), {
+        {
+          ...rest,
+          ...accessibilityProps,
+          ...field,
           name,
           ref: inputRef,
           placeholder,
           type: inputType === "date" ? "text" : inputType,
           value: String(safeValue(field.value)),
           onKeyDown: (e) => {
-            var _a3;
             if (disallowSpaces && e.key === " ") {
               e.preventDefault();
             }
-            (_a3 = rest.onKeyDown) == null ? void 0 : _a3.call(rest, e);
+            rest.onKeyDown?.(e);
           },
           onPaste: handlePasteFormik,
           onChange: (e) => {
-            var _a3;
             const cleanedValue = cleanSpecialChars(e.target.value);
             const sanitizedValue = sanitizeValue(cleanedValue);
             helpers.setValue(sanitizedValue);
-            (_a3 = rest.onChange) == null ? void 0 : _a3.call(rest, e);
+            rest.onChange?.(e);
           },
           autoComplete: autoCompleteValue,
           className: classNames2(FIELD_INPUT_CLASS, className),
           disabled
-        })
+        }
       );
     }
     if (mask === "datePicker") {
       const dateValue = field.value ? typeof field.value === "string" ? field.value : field.value instanceof Date ? field.value.toLocaleDateString("pt-BR") : String(field.value) : "";
       return /* @__PURE__ */ jsx2(
         "input",
-        __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, rest), accessibilityProps), field), {
+        {
+          ...rest,
+          ...accessibilityProps,
+          ...field,
           name,
           ref: inputRef,
           placeholder,
           type: inputType,
           value: dateValue,
           onKeyDown: (e) => {
-            var _a3;
             if (disallowSpaces && e.key === " ") {
               e.preventDefault();
             }
-            (_a3 = rest.onKeyDown) == null ? void 0 : _a3.call(rest, e);
+            rest.onKeyDown?.(e);
           },
           onPaste: handlePasteFormik,
           onChange: (e) => {
@@ -355,13 +328,15 @@ var Input = (_a) => {
           autoComplete: autoCompleteValue,
           className: classNames2(FIELD_INPUT_CLASS, className),
           disabled
-        })
+        }
       );
     }
     if (mask === "conta") {
       return /* @__PURE__ */ jsx2(
         "input",
-        __spreadProps(__spreadValues(__spreadValues({}, rest), accessibilityProps), {
+        {
+          ...rest,
+          ...accessibilityProps,
           name,
           ref: inputRef,
           placeholder,
@@ -370,7 +345,6 @@ var Input = (_a) => {
           disabled,
           className: classNames2(FIELD_INPUT_CLASS, className),
           onKeyDown: (e) => {
-            var _a3;
             if (disallowSpaces && e.key === " ") {
               e.preventDefault();
             }
@@ -382,26 +356,28 @@ var Input = (_a) => {
               helpers.setValue(nextValue);
               return;
             }
-            (_a3 = rest.onKeyDown) == null ? void 0 : _a3.call(rest, e);
+            rest.onKeyDown?.(e);
           },
           onPaste: handlePasteFormik,
           onChange: (e) => {
-            var _a3;
             const val = sanitizeValue(formatContaValue(e.target.value));
             e.target.value = val;
             e.currentTarget.value = val;
             helpers.setValue(val);
-            (_a3 = rest.onChange) == null ? void 0 : _a3.call(rest, e);
+            rest.onChange?.(e);
           },
           autoComplete: autoCompleteValue
-        })
+        }
       );
     }
     if (mask && patternMasks[mask]) {
       const patternValue = typeof field.value === "string" || typeof field.value === "number" ? field.value : "";
       return /* @__PURE__ */ jsx2(
         PatternFormat,
-        __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, rest), accessibilityProps), field), {
+        {
+          ...rest,
+          ...accessibilityProps,
+          ...field,
           name,
           value: patternValue,
           defaultValue: "",
@@ -415,35 +391,36 @@ var Input = (_a) => {
           className: classNames2(FIELD_INPUT_CLASS, className),
           autoComplete: autoCompleteValue,
           disabled
-        })
+        }
       );
     }
     return /* @__PURE__ */ jsx2(
       "input",
-      __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, rest), accessibilityProps), field), {
+      {
+        ...rest,
+        ...accessibilityProps,
+        ...field,
         name,
         ref: inputRef,
         placeholder,
         type: inputType === "date" ? "text" : inputType,
         value: String(safeValue(field.value)),
         onKeyDown: (e) => {
-          var _a3;
           if (disallowSpaces && e.key === " ") {
             e.preventDefault();
           }
-          (_a3 = rest.onKeyDown) == null ? void 0 : _a3.call(rest, e);
+          rest.onKeyDown?.(e);
         },
         onPaste: handlePasteFormik,
         onChange: (e) => {
-          var _a3;
           const sanitizedValue = sanitizeValue(e.target.value);
           helpers.setValue(sanitizedValue);
-          (_a3 = rest.onChange) == null ? void 0 : _a3.call(rest, e);
+          rest.onChange?.(e);
         },
         autoComplete: autoCompleteValue,
         className: classNames2(FIELD_INPUT_CLASS, className),
         disabled
-      })
+      }
     );
   };
   return /* @__PURE__ */ jsx2(
@@ -464,7 +441,7 @@ var Input = (_a) => {
             onFocus: () => setHovered(true),
             onBlur: () => setHovered(false),
             type: "button",
-            "aria-label": `Mais informa\xE7\xF5es sobre ${label != null ? label : name}`,
+            "aria-label": `Mais informa\xE7\xF5es sobre ${label ?? name}`,
             className: "rounded-sm pb-[3px] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1",
             children: /* @__PURE__ */ jsx2(MdInfoOutline, { "aria-hidden": "true", className: "mr-0 text-content-muted" })
           }
@@ -548,8 +525,7 @@ var Input = (_a) => {
 };
 var Input_default = Input;
 var InputStandalone = (props) => {
-  var _b, _c, _d;
-  const _a = props, {
+  const {
     label,
     helperText,
     prefix,
@@ -562,22 +538,9 @@ var InputStandalone = (props) => {
     leadIcon: LeadIcon,
     endIcon: EndIcon,
     type,
-    className
-  } = _a, rest = __objRest(_a, [
-    "label",
-    "helperText",
-    "prefix",
-    "suffix",
-    "mask",
-    "disabled",
-    "error",
-    "errorText",
-    "disallowSpaces",
-    "leadIcon",
-    "endIcon",
-    "type",
-    "className"
-  ]);
+    className,
+    ...rest
+  } = props;
   const inputRef = useRef(null);
   const iconRef = useRef(null);
   const [hovered, setHovered] = useState(false);
@@ -586,7 +549,7 @@ var InputStandalone = (props) => {
   const currentType = isPasswordType ? showPassword ? "text" : "password" : type;
   const hasError = Boolean(error);
   const generatedInputId = useId();
-  const inputId = (_b = rest.id) != null ? _b : generatedInputId;
+  const inputId = rest.id ?? generatedInputId;
   const errorId = `${inputId}-error`;
   const ariaDescribedBy = mergeAriaDescribedBy(
     rest["aria-describedby"],
@@ -607,24 +570,26 @@ var InputStandalone = (props) => {
   );
   const handlePasteStandalone = useCallback(
     (e) => {
-      var _a2, _b2, _c2;
       if (!disallowSpaces) {
-        (_a2 = rest.onPaste) == null ? void 0 : _a2.call(rest, e);
+        rest.onPaste?.(e);
         return;
       }
       e.preventDefault();
       const pastedText = e.clipboardData.getData("text");
       const sanitizedValue = sanitizeValue(pastedText);
-      const syntheticEvent = __spreadProps(__spreadValues({}, e), {
-        target: __spreadProps(__spreadValues({}, e.target), {
+      const syntheticEvent = {
+        ...e,
+        target: {
+          ...e.target,
           value: sanitizedValue
-        }),
-        currentTarget: __spreadProps(__spreadValues({}, e.currentTarget), {
+        },
+        currentTarget: {
+          ...e.currentTarget,
           value: sanitizedValue
-        })
-      });
-      (_b2 = rest.onChange) == null ? void 0 : _b2.call(rest, syntheticEvent);
-      (_c2 = rest.onPaste) == null ? void 0 : _c2.call(rest, e);
+        }
+      };
+      rest.onChange?.(syntheticEvent);
+      rest.onPaste?.(e);
     },
     [disallowSpaces, rest, sanitizeValue]
   );
@@ -654,7 +619,9 @@ var InputStandalone = (props) => {
       const rawCurrencyValue = typeof rest.value === "string" || typeof rest.value === "number" ? rest.value : "";
       return /* @__PURE__ */ jsx2(
         "input",
-        __spreadProps(__spreadValues(__spreadValues({}, rest), accessibilityProps), {
+        {
+          ...rest,
+          ...accessibilityProps,
           ref: inputRef,
           type: "text",
           inputMode: "numeric",
@@ -675,72 +642,74 @@ var InputStandalone = (props) => {
           className: classNames2(FIELD_INPUT_CLASS, className),
           autoComplete: autoCompleteValue,
           disabled
-        })
+        }
       );
     }
     if (mask === "specialChars") {
       return /* @__PURE__ */ jsx2(
         "input",
-        __spreadProps(__spreadValues(__spreadValues({}, rest), accessibilityProps), {
+        {
+          ...rest,
+          ...accessibilityProps,
           ref: inputRef,
           placeholder: rest.placeholder,
           type: inputType === "date" ? "text" : inputType,
           value: String(safeValue(rest.value)),
           onKeyDown: (e) => {
-            var _a2;
             if (disallowSpaces && e.key === " ") {
               e.preventDefault();
             }
-            (_a2 = rest.onKeyDown) == null ? void 0 : _a2.call(rest, e);
+            rest.onKeyDown?.(e);
           },
           onPaste: handlePasteStandalone,
           onChange: (e) => {
-            var _a2;
             const cleaned = cleanSpecialChars(e.target.value);
             const sanitizedValue = sanitizeValue(cleaned);
             e.target.value = sanitizedValue;
-            (_a2 = rest.onChange) == null ? void 0 : _a2.call(rest, e);
+            rest.onChange?.(e);
           },
           autoComplete: autoCompleteValue,
           className: classNames2(FIELD_INPUT_CLASS, className),
           disabled
-        })
+        }
       );
     }
     if (mask === "datePicker") {
       const dateValue = rest.value ? typeof rest.value === "string" ? rest.value : rest.value instanceof Date ? rest.value.toLocaleDateString("pt-BR") : String(rest.value) : "";
       return /* @__PURE__ */ jsx2(
         "input",
-        __spreadProps(__spreadValues(__spreadValues({}, rest), accessibilityProps), {
+        {
+          ...rest,
+          ...accessibilityProps,
           ref: inputRef,
           placeholder: rest.placeholder,
           type: inputType,
           value: dateValue,
           onKeyDown: (e) => {
-            var _a2;
             if (disallowSpaces && e.key === " ") {
               e.preventDefault();
             }
-            (_a2 = rest.onKeyDown) == null ? void 0 : _a2.call(rest, e);
+            rest.onKeyDown?.(e);
           },
           onPaste: handlePasteStandalone,
           onChange: (e) => {
-            var _a2;
             const cleaned = cleanSpecialChars(e.target.value);
             const sanitizedValue = sanitizeValue(cleaned);
             e.target.value = sanitizedValue;
-            (_a2 = rest.onChange) == null ? void 0 : _a2.call(rest, e);
+            rest.onChange?.(e);
           },
           autoComplete: autoCompleteValue,
           className: classNames2(FIELD_INPUT_CLASS, className),
           disabled
-        })
+        }
       );
     }
     if (mask === "conta") {
       return /* @__PURE__ */ jsx2(
         "input",
-        __spreadProps(__spreadValues(__spreadValues({}, rest), accessibilityProps), {
+        {
+          ...rest,
+          ...accessibilityProps,
           ref: inputRef,
           placeholder: rest.placeholder,
           maxLength: 14,
@@ -748,7 +717,6 @@ var InputStandalone = (props) => {
           disabled,
           className: classNames2(FIELD_INPUT_CLASS, className),
           onKeyDown: (e) => {
-            var _a2;
             if (disallowSpaces && e.key === " ") {
               e.preventDefault();
             }
@@ -767,24 +735,25 @@ var InputStandalone = (props) => {
               }
               return;
             }
-            (_a2 = rest.onKeyDown) == null ? void 0 : _a2.call(rest, e);
+            rest.onKeyDown?.(e);
           },
           onPaste: handlePasteStandalone,
           onChange: (e) => {
-            var _a2;
             const val = sanitizeValue(formatContaValue(e.target.value));
             e.target.value = val;
-            (_a2 = rest.onChange) == null ? void 0 : _a2.call(rest, e);
+            rest.onChange?.(e);
           },
           autoComplete: autoCompleteValue
-        })
+        }
       );
     }
     if (mask && patternMasks[mask]) {
       const patternValue = typeof rest.value === "string" || typeof rest.value === "number" ? rest.value : "";
       return /* @__PURE__ */ jsx2(
         PatternFormat,
-        __spreadProps(__spreadValues(__spreadValues({}, rest), accessibilityProps), {
+        {
+          ...rest,
+          ...accessibilityProps,
           value: patternValue,
           defaultValue: "",
           getInputRef: inputRef,
@@ -804,34 +773,34 @@ var InputStandalone = (props) => {
           className: classNames2(FIELD_INPUT_CLASS, className),
           autoComplete: autoCompleteValue,
           disabled
-        })
+        }
       );
     }
     return /* @__PURE__ */ jsx2(
       "input",
-      __spreadProps(__spreadValues(__spreadValues({}, rest), accessibilityProps), {
+      {
+        ...rest,
+        ...accessibilityProps,
         ref: inputRef,
         placeholder: rest.placeholder,
         type: inputType === "date" ? "text" : inputType,
         value: String(safeValue(rest.value)),
         onKeyDown: (e) => {
-          var _a2;
           if (disallowSpaces && e.key === " ") {
             e.preventDefault();
           }
-          (_a2 = rest.onKeyDown) == null ? void 0 : _a2.call(rest, e);
+          rest.onKeyDown?.(e);
         },
         onPaste: handlePasteStandalone,
         onChange: (e) => {
-          var _a2;
           const sanitizedValue = sanitizeValue(e.target.value);
           e.target.value = sanitizedValue;
-          (_a2 = rest.onChange) == null ? void 0 : _a2.call(rest, e);
+          rest.onChange?.(e);
         },
         autoComplete: autoCompleteValue,
         className: classNames2(FIELD_INPUT_CLASS, className),
         disabled
-      })
+      }
     );
   };
   return /* @__PURE__ */ jsx2(
@@ -852,7 +821,7 @@ var InputStandalone = (props) => {
             onFocus: () => setHovered(true),
             onBlur: () => setHovered(false),
             type: "button",
-            "aria-label": `Mais informa\xE7\xF5es sobre ${(_c = label != null ? label : rest.name) != null ? _c : "este campo"}`,
+            "aria-label": `Mais informa\xE7\xF5es sobre ${label ?? rest.name ?? "este campo"}`,
             className: "rounded-sm pb-[3px] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1",
             children: /* @__PURE__ */ jsx2(MdInfoOutline, { "aria-hidden": "true", className: "mr-0 text-content-muted" })
           }
@@ -870,7 +839,7 @@ var InputStandalone = (props) => {
       children: /* @__PURE__ */ jsxs2(
         "div",
         {
-          "data-has-value": String(safeValue((_d = rest.value) != null ? _d : rest.defaultValue)).length > 0,
+          "data-has-value": String(safeValue(rest.value ?? rest.defaultValue)).length > 0,
           className: classNames2(
             FIELD_CONTROL_CLASS,
             {
@@ -987,51 +956,30 @@ import {
   MdSearch
 } from "react-icons/md";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var InputSelect = (_a) => {
-  var _b = _a, {
-    name,
-    label,
-    helperText,
-    placeholder,
-    defaultValue,
-    options,
-    prefix,
-    suffix,
-    disabled,
-    error,
-    leadIcon: LeadIcon,
-    endIcon: EndIcon,
-    searchable,
-    searchPlaceholder = "Pesquisar...",
-    noOptionsText = "Nenhuma op\xE7\xE3o encontrada",
-    renderOption,
-    renderValue,
-    searchAccessor,
-    className,
-    onChange
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "label",
-    "helperText",
-    "placeholder",
-    "defaultValue",
-    "options",
-    "prefix",
-    "suffix",
-    "disabled",
-    "error",
-    "leadIcon",
-    "endIcon",
-    "searchable",
-    "searchPlaceholder",
-    "noOptionsText",
-    "renderOption",
-    "renderValue",
-    "searchAccessor",
-    "className",
-    "onChange"
-  ]);
-  const isSearchable = searchable != null ? searchable : options.length > 10;
+var InputSelect = ({
+  name,
+  label,
+  helperText,
+  placeholder,
+  defaultValue,
+  options,
+  prefix,
+  suffix,
+  disabled,
+  error,
+  leadIcon: LeadIcon,
+  endIcon: EndIcon,
+  searchable,
+  searchPlaceholder = "Pesquisar...",
+  noOptionsText = "Nenhuma op\xE7\xE3o encontrada",
+  renderOption,
+  renderValue,
+  searchAccessor,
+  className,
+  onChange,
+  ...rest
+}) => {
+  const isSearchable = searchable ?? options.length > 10;
   const normalizeSearchText2 = (value) => value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
   const [field, meta, helpers] = useField2(name);
   const inputRef = useRef2(null);
@@ -1075,17 +1023,16 @@ var InputSelect = (_a) => {
     }
   }, [open]);
   useEffect(() => {
-    var _a2, _b2, _c, _d;
     if (!open) return;
     if (isSearchable) {
-      (_a2 = searchInputRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
+      searchInputRef.current?.focus({ preventScroll: true });
       return;
     }
-    const selectedOptionElement = (_b2 = dropdownRef.current) == null ? void 0 : _b2.querySelector(
+    const selectedOptionElement = dropdownRef.current?.querySelector(
       '[role="option"][aria-selected="true"]'
     );
-    const firstOptionElement = (_c = dropdownRef.current) == null ? void 0 : _c.querySelector('[role="option"]');
-    (_d = selectedOptionElement != null ? selectedOptionElement : firstOptionElement) == null ? void 0 : _d.focus({
+    const firstOptionElement = dropdownRef.current?.querySelector('[role="option"]');
+    (selectedOptionElement ?? firstOptionElement)?.focus({
       preventScroll: true
     });
   }, [isSearchable, open]);
@@ -1119,16 +1066,14 @@ var InputSelect = (_a) => {
       window.removeEventListener("resize", scheduleDropdownPosition);
     };
   }, [open, updateDropdownPosition]);
-  const selectedOption = options.find((o) => o.value === (field.value || (defaultValue == null ? void 0 : defaultValue.value))) || null;
+  const selectedOption = options.find((o) => o.value === (field.value || defaultValue?.value)) || null;
   const closeDropdown = useCallback2((restoreFocus = false) => {
-    var _a2;
     setOpen(false);
     if (restoreFocus) {
-      (_a2 = inputRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
+      inputRef.current?.focus({ preventScroll: true });
     }
   }, []);
   const moveFocusFromTrigger = useCallback2((backward) => {
-    var _a2;
     const trigger = inputRef.current;
     if (!trigger) return;
     const focusableElements = Array.from(
@@ -1136,14 +1081,11 @@ var InputSelect = (_a) => {
         'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
       )
     ).filter(
-      (element) => {
-        var _a3;
-        return !((_a3 = dropdownRef.current) == null ? void 0 : _a3.contains(element)) && element.getAttribute("aria-hidden") !== "true" && element.getClientRects().length > 0;
-      }
+      (element) => !dropdownRef.current?.contains(element) && element.getAttribute("aria-hidden") !== "true" && element.getClientRects().length > 0
     );
     const triggerIndex = focusableElements.indexOf(trigger);
     const targetIndex = triggerIndex + (backward ? -1 : 1);
-    (_a2 = focusableElements[targetIndex]) == null ? void 0 : _a2.focus({ preventScroll: true });
+    focusableElements[targetIndex]?.focus({ preventScroll: true });
   }, []);
   const handleSelect = (value) => {
     const option = options.find((candidate) => candidate.value === value);
@@ -1185,7 +1127,7 @@ var InputSelect = (_a) => {
     const label2 = normalizeSearchText2(String(option.label || ""));
     const value = normalizeSearchText2(String(option.value || ""));
     const extraSearch = normalizeSearchText2(
-      String((searchAccessor == null ? void 0 : searchAccessor(option)) || "")
+      String(searchAccessor?.(option) || "")
     );
     return label2.includes(normalizedSearch) || value.includes(normalizedSearch) || extraSearch.includes(normalizedSearch);
   }) : options;
@@ -1196,21 +1138,19 @@ var InputSelect = (_a) => {
     hasError ? errorId : void 0
   ].filter(Boolean).join(" ");
   const focusOption = (position) => {
-    var _a2, _b2;
     const optionElements = Array.from(
-      (_b2 = (_a2 = dropdownRef.current) == null ? void 0 : _a2.querySelectorAll(
+      dropdownRef.current?.querySelectorAll(
         '[role="option"]'
-      )) != null ? _b2 : []
+      ) ?? []
     );
     const option = position === "first" ? optionElements[0] : optionElements[optionElements.length - 1];
-    option == null ? void 0 : option.focus({ preventScroll: true });
+    option?.focus({ preventScroll: true });
   };
   const handleOptionKeyDown = (event) => {
-    var _a2, _b2, _c, _d, _e;
     const optionElements = Array.from(
-      (_b2 = (_a2 = dropdownRef.current) == null ? void 0 : _a2.querySelectorAll(
+      dropdownRef.current?.querySelectorAll(
         '[role="option"]'
-      )) != null ? _b2 : []
+      ) ?? []
     );
     const currentIndex = optionElements.indexOf(event.currentTarget);
     if (event.key === "Escape") {
@@ -1230,18 +1170,18 @@ var InputSelect = (_a) => {
     }
     event.preventDefault();
     if (event.key === "Home") {
-      (_c = optionElements[0]) == null ? void 0 : _c.focus({ preventScroll: true });
+      optionElements[0]?.focus({ preventScroll: true });
       return;
     }
     if (event.key === "End") {
-      (_d = optionElements[optionElements.length - 1]) == null ? void 0 : _d.focus({
+      optionElements[optionElements.length - 1]?.focus({
         preventScroll: true
       });
       return;
     }
     const direction = event.key === "ArrowDown" ? 1 : -1;
     const nextIndex = (currentIndex + direction + optionElements.length) % optionElements.length;
-    (_e = optionElements[nextIndex]) == null ? void 0 : _e.focus({ preventScroll: true });
+    optionElements[nextIndex]?.focus({ preventScroll: true });
   };
   const selectedValueContent = renderValue ? renderValue(selectedOption, placeholder) : /* @__PURE__ */ jsx3(
     "span",
@@ -1289,7 +1229,7 @@ var InputSelect = (_a) => {
                   focusOption("last");
                 }
               },
-              "aria-label": `Pesquisar op\xE7\xF5es de ${label != null ? label : name}`,
+              "aria-label": `Pesquisar op\xE7\xF5es de ${label ?? name}`,
               "aria-controls": listboxId,
               "aria-describedby": resultsId,
               placeholder: searchPlaceholder,
@@ -1319,7 +1259,7 @@ var InputSelect = (_a) => {
               {
                 type: "button",
                 role: "option",
-                "aria-selected": (selectedOption == null ? void 0 : selectedOption.value) === opc.value,
+                "aria-selected": selectedOption?.value === opc.value,
                 tabIndex: -1,
                 onMouseDown: (e) => {
                   e.preventDefault();
@@ -1339,7 +1279,7 @@ var InputSelect = (_a) => {
   ) : null;
   return /* @__PURE__ */ jsxs3(
     FieldFrame_default,
-    __spreadProps(__spreadValues({
+    {
       className,
       label,
       labelFor: selectId,
@@ -1357,7 +1297,7 @@ var InputSelect = (_a) => {
             onFocus: () => setHovered(true),
             onBlur: () => setHovered(false),
             type: "button",
-            "aria-label": `Mais informa\xE7\xF5es sobre ${label != null ? label : name}`,
+            "aria-label": `Mais informa\xE7\xF5es sobre ${label ?? name}`,
             className: "rounded-sm pb-[3px] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1",
             children: /* @__PURE__ */ jsx3(
               MdInfoOutline2,
@@ -1377,8 +1317,8 @@ var InputSelect = (_a) => {
             preferredPosition: "bottom"
           }
         )
-      ] }) : void 0
-    }, rest), {
+      ] }) : void 0,
+      ...rest,
       children: [
         /* @__PURE__ */ jsxs3(
           "button",
@@ -1393,7 +1333,7 @@ var InputSelect = (_a) => {
             "aria-expanded": open,
             "aria-haspopup": "listbox",
             "aria-labelledby": label ? labelId : void 0,
-            "aria-label": label ? void 0 : placeholder != null ? placeholder : name,
+            "aria-label": label ? void 0 : placeholder ?? name,
             "aria-invalid": Boolean(hasError) || void 0,
             "aria-describedby": triggerDescribedBy,
             disabled,
@@ -1503,7 +1443,7 @@ var InputSelect = (_a) => {
         ),
         isMounted && dropdownContent ? createPortal(dropdownContent, document.body) : null
       ]
-    })
+    }
   );
 };
 var InputSelect_default = InputSelect;
@@ -1513,29 +1453,18 @@ import { useRef as useRef3 } from "react";
 import classNames4 from "classnames";
 import { useField as useField3 } from "formik";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var TextArea = (_a) => {
-  var _b = _a, {
-    name,
-    label,
-    helperText,
-    className,
-    placeholder,
-    prefix,
-    suffix,
-    disabled,
-    icon: Icon
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "label",
-    "helperText",
-    "className",
-    "placeholder",
-    "prefix",
-    "suffix",
-    "disabled",
-    "icon"
-  ]);
-  var _a2;
+var TextArea = ({
+  name,
+  label,
+  helperText,
+  className,
+  placeholder,
+  prefix,
+  suffix,
+  disabled,
+  icon: Icon,
+  ...rest
+}) => {
   const [field, meta] = useField3(name);
   const componentRef = useRef3(null);
   const hasError = meta.touched && meta.error;
@@ -1559,7 +1488,7 @@ var TextArea = (_a) => {
       children: /* @__PURE__ */ jsxs4(
         "div",
         {
-          "data-has-value": String((_a2 = field.value) != null ? _a2 : "").length > 0,
+          "data-has-value": String(field.value ?? "").length > 0,
           className: classNames4(
             `${FIELD_CONTROL_CLASS} py-1`,
             {
@@ -1572,7 +1501,9 @@ var TextArea = (_a) => {
             prefix && /* @__PURE__ */ jsx4("span", { children: prefix }),
             /* @__PURE__ */ jsx4(
               "textarea",
-              __spreadProps(__spreadValues(__spreadValues({}, field), rest), {
+              {
+                ...field,
+                ...rest,
                 id: name,
                 "aria-invalid": Boolean(hasError) || void 0,
                 "aria-describedby": ariaDescribedBy,
@@ -1580,7 +1511,7 @@ var TextArea = (_a) => {
                 placeholder,
                 disabled,
                 className: classNames4(FIELD_INPUT_CLASS, className)
-              })
+              }
             ),
             suffix && /* @__PURE__ */ jsx4("span", { children: suffix })
           ]
@@ -1594,7 +1525,7 @@ var TextArea_default = TextArea;
 // src/components/inputPhone/InputPhone.tsx
 import classNames5 from "classnames";
 import { useField as useField4 } from "formik";
-import { useCallback as useCallback3, useEffect as useEffect2, useMemo, useRef as useRef4, useState as useState3 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect3, useMemo, useRef as useRef4, useState as useState4 } from "react";
 import {
   MdOutlineKeyboardArrowDown as MdOutlineKeyboardArrowDown2,
   MdOutlineKeyboardArrowUp as MdOutlineKeyboardArrowUp2,
@@ -1602,7 +1533,99 @@ import {
 } from "react-icons/md";
 import { PatternFormat as PatternFormat2 } from "react-number-format";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+
+// src/components/countryFlag/CountryFlag.tsx
+import { useEffect as useEffect2, useState as useState3 } from "react";
+
+// src/data/country-flags-runtime.ts
+var countryFlags = null;
+var countryFlagsPromise = null;
+function getLoadedCountryFlagUrl(cca2) {
+  const code = String(cca2 || "").trim().toLowerCase();
+  return code && countryFlags ? countryFlags[code] || "" : "";
+}
+function loadCountryFlags() {
+  if (countryFlags) return Promise.resolve(countryFlags);
+  if (!countryFlagsPromise) {
+    countryFlagsPromise = Promise.all([
+      import("./flags-00-MPU4ISEM.js"),
+      import("./flags-01-PWC64NSQ.js"),
+      import("./flags-02-GNF7X6MP.js"),
+      import("./flags-03-STVDA6UG.js"),
+      import("./flags-04-Z6AHZIWG.js"),
+      import("./flags-05-QBADBC6C.js"),
+      import("./flags-06-O55E67OI.js"),
+      import("./flags-07-RSWJQIRW.js"),
+      import("./flags-08-HHXIPTKX.js"),
+      import("./flags-09-OEZBQ62G.js"),
+      import("./flags-10-XJY5UMQR.js"),
+      import("./flags-11-7M75OPUJ.js"),
+      import("./flags-12-JY22PFQH.js"),
+      import("./flags-13-BERDGZCT.js"),
+      import("./flags-14-XVPM2GQ2.js"),
+      import("./flags-15-WESIXIDR.js"),
+      import("./flags-16-PTNHBPYG.js"),
+      import("./flags-17-UYXBV5BH.js"),
+      import("./flags-18-VMKDO7W4.js"),
+      import("./flags-19-635PQOEQ.js")
+    ]).then((modules) => {
+      const mergedFlags = Object.assign(
+        {},
+        ...modules.map((module) => module.default)
+      );
+      countryFlags = mergedFlags;
+      return mergedFlags;
+    });
+  }
+  return countryFlagsPromise;
+}
+
+// src/components/countryFlag/CountryFlag.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function CountryFlag({
+  cca2,
+  src,
+  alt = "",
+  className,
+  loading = "lazy"
+}) {
+  const normalizedSrc = src?.trim() || "";
+  const [loadedSrc, setLoadedSrc] = useState3(
+    () => normalizedSrc || getLoadedCountryFlagUrl(cca2)
+  );
+  useEffect2(() => {
+    const immediateSrc = normalizedSrc || getLoadedCountryFlagUrl(cca2);
+    if (immediateSrc) {
+      setLoadedSrc(immediateSrc);
+      return;
+    }
+    setLoadedSrc("");
+    let mounted = true;
+    void loadCountryFlags().then(() => {
+      if (mounted) setLoadedSrc(getLoadedCountryFlagUrl(cca2));
+    });
+    return () => {
+      mounted = false;
+    };
+  }, [cca2, normalizedSrc]);
+  if (!loadedSrc) {
+    return /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", className: "h-5 w-7 shrink-0 rounded-sm bg-surface-muted" });
+  }
+  return /* @__PURE__ */ jsx5(
+    "img",
+    {
+      src: loadedSrc,
+      alt,
+      "aria-hidden": alt ? void 0 : true,
+      className,
+      loading,
+      referrerPolicy: "no-referrer"
+    }
+  );
+}
+
+// src/components/inputPhone/InputPhone.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var DEFAULT_BRAZIL_DDI = 55;
 var DEFAULT_BRAZIL_CCA2 = "BR";
 var phoneMasksByDdi = {
@@ -1617,21 +1640,20 @@ var phoneMasksByDdi = {
   "351": "### ### ###"
 };
 function normalizeDigits(value) {
-  return String(value != null ? value : "").replace(/\D/g, "");
+  return String(value ?? "").replace(/\D/g, "");
 }
 function normalizeSearchText(value) {
   return value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
 }
 function toPhoneValue(value) {
   return {
-    ddi: Number(normalizeDigits(value == null ? void 0 : value.ddi) || DEFAULT_BRAZIL_DDI),
-    ddd: normalizeDigits(value == null ? void 0 : value.ddd),
-    numero: normalizeDigits(value == null ? void 0 : value.numero)
+    ddi: Number(normalizeDigits(value?.ddi) || DEFAULT_BRAZIL_DDI),
+    ddd: normalizeDigits(value?.ddd),
+    numero: normalizeDigits(value?.numero)
   };
 }
 function getMaskForDdi(ddi) {
-  var _a;
-  return (_a = phoneMasksByDdi[normalizeDigits(ddi)]) != null ? _a : null;
+  return phoneMasksByDdi[normalizeDigits(ddi)] ?? null;
 }
 function getAreaCodeLength(mask) {
   if (!mask) return 0;
@@ -1653,8 +1675,7 @@ function splitNationalNumber(localNumber, mask) {
   };
 }
 function getDialDigits(country) {
-  var _a;
-  return normalizeDigits((_a = country == null ? void 0 : country.idd) == null ? void 0 : _a.display);
+  return normalizeDigits(country?.idd?.display);
 }
 function getCountryByDdi(countries, ddi) {
   const normalizedDdi = Number(normalizeDigits(ddi));
@@ -1704,18 +1725,20 @@ function parseStoredPhoneValue(rawValue, countries) {
       localDigits2,
       getMaskForDdi(Number(dialDigits2))
     );
-    return __spreadValues({
-      ddi: Number(dialDigits2)
-    }, local2);
+    return {
+      ddi: Number(dialDigits2),
+      ...local2
+    };
   }
   if (digits.length <= 11) {
     const local2 = splitNationalNumber(
       digits,
       getMaskForDdi(DEFAULT_BRAZIL_DDI)
     );
-    return __spreadValues({
-      ddi: DEFAULT_BRAZIL_DDI
-    }, local2);
+    return {
+      ddi: DEFAULT_BRAZIL_DDI,
+      ...local2
+    };
   }
   const optionsByDialLength = getCountriesByDialLength(countries);
   const matchedCountry = optionsByDialLength.find((country) => {
@@ -1727,9 +1750,10 @@ function parseStoredPhoneValue(rawValue, countries) {
       digits,
       getMaskForDdi(DEFAULT_BRAZIL_DDI)
     );
-    return __spreadValues({
-      ddi: DEFAULT_BRAZIL_DDI
-    }, local2);
+    return {
+      ddi: DEFAULT_BRAZIL_DDI,
+      ...local2
+    };
   }
   const dialDigits = getDialDigits(matchedCountry);
   const localDigits = digits.slice(dialDigits.length);
@@ -1737,9 +1761,10 @@ function parseStoredPhoneValue(rawValue, countries) {
     localDigits,
     getMaskForDdi(Number(dialDigits))
   );
-  return __spreadValues({
-    ddi: Number(dialDigits)
-  }, local);
+  return {
+    ddi: Number(dialDigits),
+    ...local
+  };
 }
 function buildPhonePayload(phoneValue) {
   const normalized = toPhoneValue(phoneValue);
@@ -1756,22 +1781,13 @@ function parsePhonePayload(rawValue, countries = PHONE_COUNTRY_OPTIONS) {
   return parseStoredPhoneValue(rawValue, countries);
 }
 function renderFlag(option) {
-  var _a, _b;
-  const svgSrc = String(
-    ((_b = (_a = option == null ? void 0 : option.flags) == null ? void 0 : _a.svg) == null ? void 0 : _b.trim()) || getCountryFlagUrl(option == null ? void 0 : option.cca2)
-  ).trim();
-  if (!svgSrc) {
-    return /* @__PURE__ */ jsx5("span", { className: "h-5 w-7 shrink-0 rounded-sm bg-surface-muted" });
-  }
-  return /* @__PURE__ */ jsx5(
-    "img",
+  return /* @__PURE__ */ jsx6(
+    CountryFlag,
     {
-      src: svgSrc,
+      cca2: option?.cca2,
+      src: option?.flags?.svg,
       alt: "",
-      "aria-hidden": "true",
-      className: "h-5 w-7 shrink-0 object-contain",
-      loading: "lazy",
-      referrerPolicy: "no-referrer"
+      className: "h-5 w-7 shrink-0 object-contain"
     }
   );
 }
@@ -1797,10 +1813,10 @@ function InputPhone({
   const dropdownRef = useRef4(null);
   const searchInputRef = useRef4(null);
   const initializedRef = useRef4(false);
-  const [open, setOpen] = useState3(false);
-  const [selectedCountryCode, setSelectedCountryCode] = useState3();
-  const [searchTerm, setSearchTerm] = useState3("");
-  const [dropdownPosition, setDropdownPosition] = useState3(null);
+  const [open, setOpen] = useState4(false);
+  const [selectedCountryCode, setSelectedCountryCode] = useState4();
+  const [searchTerm, setSearchTerm] = useState4("");
+  const [dropdownPosition, setDropdownPosition] = useState4(null);
   const value = useMemo(() => toPhoneValue(field.value), [field.value]);
   const selectedCountry = useMemo(
     () => availableCountries.find((country) => country.cca2 === selectedCountryCode && Number(getDialDigits(country)) === value.ddi) || getCountryByDdi(availableCountries, value.ddi),
@@ -1848,7 +1864,7 @@ function InputPhone({
       },
       panel: {
         width: 220,
-        height: Math.min((dropdown == null ? void 0 : dropdown.scrollHeight) || 320, 320)
+        height: Math.min(dropdown?.scrollHeight || 320, 320)
       },
       viewport: {
         width: window.innerWidth,
@@ -1857,7 +1873,7 @@ function InputPhone({
     });
     setDropdownPosition(panelRect);
   }, [open]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!open) {
       setSearchTerm("");
       setDropdownPosition(null);
@@ -1865,16 +1881,15 @@ function InputPhone({
     }
     updateDropdownPosition();
   }, [open, updateDropdownPosition]);
-  useEffect2(() => {
-    var _a;
+  useEffect3(() => {
     if (open && isDropdownPositioned) {
-      (_a = searchInputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+      searchInputRef.current?.focus({ preventScroll: true });
     }
   }, [isDropdownPositioned, open]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!open) return;
     const scheduleDropdownPosition = () => updateDropdownPosition();
     window.addEventListener("resize", scheduleDropdownPosition);
@@ -1884,7 +1899,7 @@ function InputPhone({
       window.removeEventListener("scroll", scheduleDropdownPosition, true);
     };
   }, [open, updateDropdownPosition]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (initializedRef.current || availableCountries.length === 0) return;
     const parsed = parseStoredPhoneValue(
       field.value,
@@ -1893,11 +1908,10 @@ function InputPhone({
     helpers.setValue(parsed);
     initializedRef.current = true;
   }, [availableCountries, field.value, helpers]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!open) return;
     const handleClickOutside = (event) => {
-      var _a, _b;
-      if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(event.target)) && !((_b = dropdownRef.current) == null ? void 0 : _b.contains(event.target))) {
+      if (!wrapperRef.current?.contains(event.target) && !dropdownRef.current?.contains(event.target)) {
         setOpen(false);
         helpers.setTouched(true);
       }
@@ -1908,21 +1922,22 @@ function InputPhone({
     };
   }, [helpers, open]);
   const setPhoneValue = (nextValue) => {
-    var _a, _b, _c;
-    helpers.setValue(__spreadProps(__spreadValues(__spreadValues({}, value), nextValue), {
+    helpers.setValue({
+      ...value,
+      ...nextValue,
       ddi: Number(
-        normalizeDigits((_a = nextValue.ddi) != null ? _a : value.ddi) || DEFAULT_BRAZIL_DDI
+        normalizeDigits(nextValue.ddi ?? value.ddi) || DEFAULT_BRAZIL_DDI
       ),
-      ddd: normalizeDigits((_b = nextValue.ddd) != null ? _b : value.ddd),
-      numero: normalizeDigits((_c = nextValue.numero) != null ? _c : value.numero)
-    }));
+      ddd: normalizeDigits(nextValue.ddd ?? value.ddd),
+      numero: normalizeDigits(nextValue.numero ?? value.numero)
+    });
   };
   const dropdownLayerClass = getFloatingLayerClass(
     countryButtonRef.current,
     "popover"
   );
   const dropdownZClass = dropdownLayerClass === "z-popover" ? "z-menu" : dropdownLayerClass;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     FieldFrame_default,
     {
       className,
@@ -1954,7 +1969,7 @@ function InputPhone({
                     {
                       ref: countryButtonRef,
                       type: "button",
-                      "aria-label": `Selecionar pa\xEDs de ${label || name}: ${(selectedCountry == null ? void 0 : selectedCountry.label) || ""} ${(selectedCountry == null ? void 0 : selectedCountry.idd.display) || `+${value.ddi}`}`,
+                      "aria-label": `Selecionar pa\xEDs de ${label || name}: ${selectedCountry?.label || ""} ${selectedCountry?.idd.display || `+${value.ddi}`}`,
                       "aria-haspopup": "dialog",
                       "aria-expanded": open && !disabled,
                       "aria-controls": open && !disabled ? dropdownId : void 0,
@@ -1977,8 +1992,8 @@ function InputPhone({
                       ),
                       children: [
                         renderFlag(selectedCountry),
-                        /* @__PURE__ */ jsx5("span", { className: "text-sm", children: (selectedCountry == null ? void 0 : selectedCountry.idd.display) || `+${value.ddi}` }),
-                        open ? /* @__PURE__ */ jsx5(
+                        /* @__PURE__ */ jsx6("span", { className: "text-sm", children: selectedCountry?.idd.display || `+${value.ddi}` }),
+                        open ? /* @__PURE__ */ jsx6(
                           MdOutlineKeyboardArrowUp2,
                           {
                             className: classNames5("h-4 w-4 shrink-0", {
@@ -1986,7 +2001,7 @@ function InputPhone({
                               "text-field-content": !hasError
                             })
                           }
-                        ) : /* @__PURE__ */ jsx5(
+                        ) : /* @__PURE__ */ jsx6(
                           MdOutlineKeyboardArrowDown2,
                           {
                             className: classNames5("h-4 w-4 shrink-0", {
@@ -1999,7 +2014,7 @@ function InputPhone({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx5("div", { className: "min-w-0 flex-1 pl-1 pr-3", children: phoneMask ? /* @__PURE__ */ jsx5(
+                  /* @__PURE__ */ jsx6("div", { className: "min-w-0 flex-1 pl-1 pr-3", children: phoneMask ? /* @__PURE__ */ jsx6(
                     PatternFormat2,
                     {
                       id: name,
@@ -2026,7 +2041,7 @@ function InputPhone({
                         });
                       }
                     }
-                  ) : /* @__PURE__ */ jsx5(
+                  ) : /* @__PURE__ */ jsx6(
                     "input",
                     {
                       id: name,
@@ -2056,23 +2071,22 @@ function InputPhone({
                   role: "dialog",
                   "aria-label": `Selecionar pa\xEDs de ${label || name}`,
                   onKeyDown: (event) => {
-                    var _a, _b, _c, _d;
                     if (event.key === "Escape" || event.key === "Tab") {
                       event.preventDefault();
                       setOpen(false);
                       helpers.setTouched(true);
-                      if (event.key === "Escape" || event.shiftKey) (_a = countryButtonRef.current) == null ? void 0 : _a.focus();
-                      else (_b = document.getElementById(name)) == null ? void 0 : _b.focus();
+                      if (event.key === "Escape" || event.shiftKey) countryButtonRef.current?.focus();
+                      else document.getElementById(name)?.focus();
                       return;
                     }
                     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) return;
                     if (event.target === searchInputRef.current && ["Home", "End"].includes(event.key)) return;
-                    const options = Array.from(((_c = dropdownRef.current) == null ? void 0 : _c.querySelectorAll("button")) || []);
+                    const options = Array.from(dropdownRef.current?.querySelectorAll("button") || []);
                     if (!options.length) return;
                     event.preventDefault();
                     const index = options.indexOf(document.activeElement);
                     const next = event.key === "Home" ? 0 : event.key === "End" ? options.length - 1 : event.key === "ArrowDown" ? (index + 1) % options.length : (index <= 0 ? options.length : index) - 1;
-                    (_d = options[next]) == null ? void 0 : _d.focus();
+                    options[next]?.focus();
                   },
                   style: {
                     top: dropdownPosition.top,
@@ -2086,8 +2100,8 @@ function InputPhone({
                   ),
                   children: [
                     /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 border-b border-field-border-default bg-field-surface p-2", children: [
-                      /* @__PURE__ */ jsx5(MdSearch2, { className: "h-4 w-4 text-field-icon" }),
-                      /* @__PURE__ */ jsx5(
+                      /* @__PURE__ */ jsx6(MdSearch2, { className: "h-4 w-4 text-field-icon" }),
+                      /* @__PURE__ */ jsx6(
                         "input",
                         {
                           ref: searchInputRef,
@@ -2100,24 +2114,23 @@ function InputPhone({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx5("div", { className: "max-h-60 overflow-y-auto", children: filteredCountries.length === 0 ? /* @__PURE__ */ jsx5("div", { role: "status", className: "px-3 py-2 text-sm text-content-muted", children: "Nenhum DDI encontrado" }) : filteredCountries.map((country) => /* @__PURE__ */ jsxs5(
+                    /* @__PURE__ */ jsx6("div", { className: "max-h-60 overflow-y-auto", children: filteredCountries.length === 0 ? /* @__PURE__ */ jsx6("div", { role: "status", className: "px-3 py-2 text-sm text-content-muted", children: "Nenhum DDI encontrado" }) : filteredCountries.map((country) => /* @__PURE__ */ jsxs5(
                       "button",
                       {
                         type: "button",
-                        "aria-pressed": (selectedCountry == null ? void 0 : selectedCountry.cca2) === country.cca2,
+                        "aria-pressed": selectedCountry?.cca2 === country.cca2,
                         onClick: () => {
-                          var _a;
                           setSelectedCountryCode(country.cca2);
                           setPhoneValue({ ddi: Number(getDialDigits(country)) });
                           helpers.setTouched(true);
                           setOpen(false);
-                          (_a = countryButtonRef.current) == null ? void 0 : _a.focus();
+                          countryButtonRef.current?.focus();
                         },
                         className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-surface-muted focus-visible:bg-surface-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-ring",
                         children: [
                           renderFlag(country),
-                          /* @__PURE__ */ jsx5("span", { className: "min-w-0 flex-1 truncate text-field-content", children: country.label }),
-                          /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-content-muted", children: country.idd.display })
+                          /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1 truncate text-field-content", children: country.label }),
+                          /* @__PURE__ */ jsx6("span", { className: "shrink-0 text-content-muted", children: country.idd.display })
                         ]
                       },
                       `${country.cca2}-${country.idd.display}`
@@ -2161,15 +2174,15 @@ import { ptBR } from "date-fns/locale/pt-BR";
 import { FormikContext, getIn } from "formik";
 import {
   useContext,
-  useEffect as useEffect3,
+  useEffect as useEffect4,
   useId as useId3,
   useMemo as useMemo2,
   useRef as useRef5,
-  useState as useState4
+  useState as useState5
 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import { MdCalendarMonth, MdChevronLeft, MdChevronRight } from "react-icons/md";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var WEEKDAYS = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
 var CALENDAR_WIDTH = 256;
 var VIEWPORT_MARGIN = 8;
@@ -2251,47 +2264,45 @@ var UnifiedDatePicker = ({
   const formikError = hasFormikField && formik ? getIn(formik.errors, name) : void 0;
   const isFieldDisabled = disabled || isDisabled;
   const resolvedPlaceholder = selectionMode === "year" ? "aaaa" : placeholder;
-  const [isOpen, setIsOpen] = useState4(false);
-  const [isEditing, setIsEditing] = useState4(false);
-  const [draftValue, setDraftValue] = useState4(
+  const [isOpen, setIsOpen] = useState5(false);
+  const [isEditing, setIsEditing] = useState5(false);
+  const [draftValue, setDraftValue] = useState5(
     formatDateForInput(selectedDate, selectionMode)
   );
-  const [viewDate, setViewDate] = useState4(getSafeViewDate(selectedDate));
-  const [mode, setMode] = useState4(defaultView);
-  const [inputError, setInputError] = useState4(null);
+  const [viewDate, setViewDate] = useState5(getSafeViewDate(selectedDate));
+  const [mode, setMode] = useState5(defaultView);
+  const [inputError, setInputError] = useState5(null);
   const containerRef = useRef5(null);
   const inputRef = useRef5(null);
   const dropdownRef = useRef5(null);
   const calendarId = `date-picker-${useId3()}`;
   const wasOpenRef = useRef5(false);
   const rafRef = useRef5(null);
-  const [isMounted, setIsMounted] = useState4(false);
-  const [panelNeedsScroll, setPanelNeedsScroll] = useState4(false);
-  const [dropdownStyle, setDropdownStyle] = useState4({});
-  useEffect3(() => {
-    var _a, _b;
-    if (wasOpenRef.current && !isOpen && ((_a = dropdownRef.current) == null ? void 0 : _a.contains(document.activeElement))) {
-      (_b = inputRef.current) == null ? void 0 : _b.focus();
+  const [isMounted, setIsMounted] = useState5(false);
+  const [panelNeedsScroll, setPanelNeedsScroll] = useState5(false);
+  const [dropdownStyle, setDropdownStyle] = useState5({});
+  useEffect4(() => {
+    if (wasOpenRef.current && !isOpen && dropdownRef.current?.contains(document.activeElement)) {
+      inputRef.current?.focus();
     }
     wasOpenRef.current = isOpen;
   }, [isOpen]);
-  useEffect3(() => {
+  useEffect4(() => {
     setIsMounted(true);
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isEditing) {
       setDraftValue(formatDateForInput(selectedDate, selectionMode));
     }
     setViewDate(getSafeViewDate(selectedDate));
   }, [isEditing, selectedDate, selectionMode]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isOpen) return;
     setMode(
       selectionMode === "year" ? "years" : selectionMode === "month" ? "months" : navigationVariant === "dropdown" ? "days" : defaultView
     );
     const onMouseDown = (event) => {
-      var _a, _b;
-      if (!((_a = containerRef.current) == null ? void 0 : _a.contains(event.target)) && !((_b = dropdownRef.current) == null ? void 0 : _b.contains(event.target))) {
+      if (!containerRef.current?.contains(event.target) && !dropdownRef.current?.contains(event.target)) {
         setIsOpen(false);
       }
     };
@@ -2305,19 +2316,18 @@ var UnifiedDatePicker = ({
       document.removeEventListener("keydown", onKeyDown);
     };
   }, [defaultView, isOpen, navigationVariant, selectionMode]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isOpen) return;
     const updateDropdownPosition = () => {
-      var _a;
       if (!containerRef.current) return;
-      const rect = ((_a = inputRef.current) != null ? _a : containerRef.current).getBoundingClientRect();
+      const rect = (inputRef.current ?? containerRef.current).getBoundingClientRect();
       const isOutOfViewport = rect.bottom <= 0 || rect.top >= window.innerHeight || rect.right <= 0 || rect.left >= window.innerWidth;
       if (isOutOfViewport) {
         setIsOpen(false);
         return;
       }
       const dropdown = dropdownRef.current;
-      const panelHeight = (dropdown == null ? void 0 : dropdown.scrollHeight) || 320;
+      const panelHeight = dropdown?.scrollHeight || 320;
       const panelRect = calculateFloatingPanelRect({
         trigger: rect,
         panel: {
@@ -2364,7 +2374,7 @@ var UnifiedDatePicker = ({
     if (hasFormikField && formik) {
       formik.setFieldValue(name, nextDate);
     }
-    onChange == null ? void 0 : onChange(nextDate);
+    onChange?.(nextDate);
   };
   const touchField = () => {
     if (hasFormikField && formik) {
@@ -2372,15 +2382,13 @@ var UnifiedDatePicker = ({
     }
   };
   const openCalendar = () => {
-    var _a;
     if (isFieldDisabled) return;
     setIsOpen(true);
-    (_a = inputRef.current) == null ? void 0 : _a.focus();
+    inputRef.current?.focus();
   };
   const closeCalendar = () => {
-    var _a;
     setIsOpen(false);
-    (_a = inputRef.current) == null ? void 0 : _a.focus();
+    inputRef.current?.focus();
   };
   const getDaysInView = () => {
     const start = startOfWeek(startOfMonth(viewDate), { weekStartsOn: 0 });
@@ -2460,7 +2468,6 @@ var UnifiedDatePicker = ({
     });
   };
   const moveCalendarFocus = (event, columns) => {
-    var _a, _b;
     const movement = {
       ArrowLeft: -1,
       ArrowRight: 1,
@@ -2468,9 +2475,9 @@ var UnifiedDatePicker = ({
       ArrowDown: columns
     };
     const buttons = Array.from(
-      (_b = (_a = dropdownRef.current) == null ? void 0 : _a.querySelectorAll(
+      dropdownRef.current?.querySelectorAll(
         '[data-calendar-option="true"]:not(:disabled)'
-      )) != null ? _b : []
+      ) ?? []
     );
     const currentIndex = buttons.indexOf(event.currentTarget);
     if (currentIndex < 0) return;
@@ -2587,13 +2594,13 @@ var UnifiedDatePicker = ({
               className
             ),
             children: [
-              /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7(
                 "input",
                 {
                   ref: inputRef,
                   id: name,
                   name,
-                  "aria-label": ariaLabel != null ? ariaLabel : !label ? "Data" : void 0,
+                  "aria-label": ariaLabel ?? (!label ? "Data" : void 0),
                   role: "combobox",
                   "aria-invalid": hasError || void 0,
                   "aria-describedby": mergeAriaDescribedBy(
@@ -2629,7 +2636,7 @@ var UnifiedDatePicker = ({
                   onBlur: (event) => {
                     setIsEditing(false);
                     commitDraftValue(event.target.value);
-                    onBlur == null ? void 0 : onBlur(event);
+                    onBlur?.(event);
                   },
                   onKeyDown: (event) => {
                     if (event.key === "Enter") {
@@ -2640,7 +2647,7 @@ var UnifiedDatePicker = ({
                   className: FIELD_INPUT_CLASS
                 }
               ),
-              /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7(
                 "button",
                 {
                   type: "button",
@@ -2648,7 +2655,7 @@ var UnifiedDatePicker = ({
                   onClick: openCalendar,
                   className: "flex items-center justify-center disabled:cursor-not-allowed",
                   "aria-label": "Abrir calendario",
-                  children: /* @__PURE__ */ jsx6(
+                  children: /* @__PURE__ */ jsx7(
                     MdCalendarMonth,
                     {
                       className: classNames6("h-5 w-5", {
@@ -2678,7 +2685,7 @@ var UnifiedDatePicker = ({
               ),
               children: [
                 /* @__PURE__ */ jsxs6("div", { className: "mb-1 flex items-center justify-between px-1", children: [
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx7(
                     "button",
                     {
                       type: "button",
@@ -2694,18 +2701,18 @@ var UnifiedDatePicker = ({
                         return nextDate;
                       }),
                       className: "rounded-sm p-1 text-primary-1 transition-colors hover:bg-primary-1/10 disabled:cursor-not-allowed disabled:text-content-disabled",
-                      children: /* @__PURE__ */ jsx6(MdChevronLeft, { "aria-hidden": "true", className: "h-5 w-5" })
+                      children: /* @__PURE__ */ jsx7(MdChevronLeft, { "aria-hidden": "true", className: "h-5 w-5" })
                     }
                   ),
                   navigationVariant === "dropdown" ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-[6px]", children: [
-                    /* @__PURE__ */ jsx6(
+                    /* @__PURE__ */ jsx7(
                       "select",
                       {
                         "aria-label": "Selecionar m\xEAs do calend\xE1rio",
                         value: viewDate.getMonth(),
                         onChange: (event) => handleMonthChange(Number(event.target.value)),
                         className: "h-6 w-24 rounded-sm border-2 border-border-default bg-field-surface px-0.5 text-xs leading-3 text-field-content focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
-                        children: MONTHS.map((month, monthIndex) => /* @__PURE__ */ jsx6(
+                        children: MONTHS.map((month, monthIndex) => /* @__PURE__ */ jsx7(
                           "option",
                           {
                             value: monthIndex,
@@ -2716,17 +2723,17 @@ var UnifiedDatePicker = ({
                         ))
                       }
                     ),
-                    /* @__PURE__ */ jsx6(
+                    /* @__PURE__ */ jsx7(
                       "select",
                       {
                         "aria-label": "Selecionar ano do calend\xE1rio",
                         value: viewDate.getFullYear(),
                         onChange: (event) => handleYearChange(Number(event.target.value)),
                         className: "h-6 w-[58px] rounded-sm border-2 border-border-default bg-field-surface px-0.5 text-xs leading-3 text-field-content focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
-                        children: selectableYears.map((year) => /* @__PURE__ */ jsx6("option", { value: year, children: year }, year))
+                        children: selectableYears.map((year) => /* @__PURE__ */ jsx7("option", { value: year, children: year }, year))
                       }
                     )
-                  ] }) : /* @__PURE__ */ jsx6(
+                  ] }) : /* @__PURE__ */ jsx7(
                     "button",
                     {
                       type: "button",
@@ -2737,7 +2744,7 @@ var UnifiedDatePicker = ({
                       children: headerLabel
                     }
                   ),
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx7(
                     "button",
                     {
                       type: "button",
@@ -2753,12 +2760,12 @@ var UnifiedDatePicker = ({
                         return nextDate;
                       }),
                       className: "rounded-sm p-1 text-primary-1 transition-colors hover:bg-primary-1/10 disabled:cursor-not-allowed disabled:text-content-disabled",
-                      children: /* @__PURE__ */ jsx6(MdChevronRight, { "aria-hidden": "true", className: "h-5 w-5" })
+                      children: /* @__PURE__ */ jsx7(MdChevronRight, { "aria-hidden": "true", className: "h-5 w-5" })
                     }
                   )
                 ] }),
                 mode === "days" && /* @__PURE__ */ jsxs6("div", { className: "px-3", children: [
-                  /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-7 gap-x-1", role: "row", children: WEEKDAYS.map((weekday) => /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx7("div", { className: "grid grid-cols-7 gap-x-1", role: "row", children: WEEKDAYS.map((weekday) => /* @__PURE__ */ jsx7(
                     "div",
                     {
                       role: "columnheader",
@@ -2767,7 +2774,7 @@ var UnifiedDatePicker = ({
                     },
                     weekday
                   )) }),
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx7(
                     "div",
                     {
                       className: "grid grid-cols-7 gap-x-1",
@@ -2779,7 +2786,7 @@ var UnifiedDatePicker = ({
                         const inMonth = isSameMonth(day, viewDate);
                         const dayDisabled = isBefore(day, startOfDay(minDate)) || isAfter(day, startOfDay(maxDate));
                         if (!showAdjacentDays && !inMonth) {
-                          return /* @__PURE__ */ jsx6(
+                          return /* @__PURE__ */ jsx7(
                             "span",
                             {
                               "aria-hidden": "true",
@@ -2788,7 +2795,7 @@ var UnifiedDatePicker = ({
                             `${day.toISOString()}-${index}`
                           );
                         }
-                        return /* @__PURE__ */ jsx6(
+                        return /* @__PURE__ */ jsx7(
                           "button",
                           {
                             type: "button",
@@ -2806,7 +2813,7 @@ var UnifiedDatePicker = ({
                                 "cursor-pointer": !dayDisabled
                               }
                             ),
-                            children: /* @__PURE__ */ jsx6(
+                            children: /* @__PURE__ */ jsx7(
                               "span",
                               {
                                 className: classNames6(
@@ -2828,7 +2835,7 @@ var UnifiedDatePicker = ({
                     }
                   )
                 ] }),
-                mode === "months" && /* @__PURE__ */ jsx6(
+                mode === "months" && /* @__PURE__ */ jsx7(
                   "div",
                   {
                     className: "grid grid-cols-3 gap-1 px-3",
@@ -2838,7 +2845,7 @@ var UnifiedDatePicker = ({
                       const selected = index === viewDate.getMonth();
                       const monthDate = new Date(viewDate.getFullYear(), index, 1);
                       const monthDisabled = isBefore(endOfMonth(monthDate), startOfDay(minDate)) || isAfter(startOfMonth(monthDate), startOfDay(maxDate));
-                      return /* @__PURE__ */ jsx6(
+                      return /* @__PURE__ */ jsx7(
                         "button",
                         {
                           type: "button",
@@ -2861,7 +2868,7 @@ var UnifiedDatePicker = ({
                     })
                   }
                 ),
-                mode === "years" && /* @__PURE__ */ jsx6(
+                mode === "years" && /* @__PURE__ */ jsx7(
                   "div",
                   {
                     className: "grid grid-cols-3 gap-1 px-3",
@@ -2870,7 +2877,7 @@ var UnifiedDatePicker = ({
                     children: years.map((year) => {
                       const selected = year === viewDate.getFullYear();
                       const yearDisabled = year < minYear || year > maxYear;
-                      return /* @__PURE__ */ jsx6(
+                      return /* @__PURE__ */ jsx7(
                         "button",
                         {
                           type: "button",
@@ -2912,16 +2919,16 @@ var datePicker_default = DatePicker;
 // src/components/selectMulti/SelectMultiView.tsx
 import cs from "classnames";
 import {
-  useEffect as useEffect4,
+  useEffect as useEffect5,
   useId as useId4,
   useRef as useRef6,
-  useState as useState5
+  useState as useState6
 } from "react";
 import { MdClose, MdKeyboardArrowDown } from "react-icons/md";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function SelectMultiView(props) {
   const { options, error, label, checkedList = [], onClear, disabled } = props;
-  const [isOpened, setIsOpened] = useState5(false);
+  const [isOpened, setIsOpened] = useState6(false);
   const containerRef = useRef6(null);
   const triggerRef = useRef6(null);
   const groupRef = useRef6(null);
@@ -2940,19 +2947,16 @@ function SelectMultiView(props) {
   );
   const menuLayerClass = floatingLayerClass === "z-popover" ? "z-menu" : floatingLayerClass;
   const closeAndFocusTrigger = () => {
-    var _a;
     setIsOpened(false);
-    (_a = triggerRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+    triggerRef.current?.focus({ preventScroll: true });
   };
-  useEffect4(() => {
-    var _a, _b;
+  useEffect5(() => {
     if (!isOpened) return;
-    (_b = (_a = groupRef.current) == null ? void 0 : _a.querySelector('input[type="checkbox"]')) == null ? void 0 : _b.focus({ preventScroll: true });
+    groupRef.current?.querySelector('input[type="checkbox"]')?.focus({ preventScroll: true });
   }, [isOpened]);
-  useEffect4(() => {
+  useEffect5(() => {
     function handleClickOutside(event) {
-      var _a;
-      if (!((_a = containerRef.current) == null ? void 0 : _a.contains(event.target))) {
+      if (!containerRef.current?.contains(event.target)) {
         setIsOpened(false);
       }
     }
@@ -2963,15 +2967,14 @@ function SelectMultiView(props) {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isOpened]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (disabled) setIsOpened(false);
   }, [disabled]);
   const handleOptionKeyDown = (event) => {
-    var _a, _b, _c, _d, _e;
     const checkboxes = Array.from(
-      (_b = (_a = groupRef.current) == null ? void 0 : _a.querySelectorAll(
+      groupRef.current?.querySelectorAll(
         'input[type="checkbox"]:not([disabled])'
-      )) != null ? _b : []
+      ) ?? []
     );
     const currentIndex = checkboxes.indexOf(event.currentTarget);
     if (event.key === "Escape") {
@@ -2989,18 +2992,18 @@ function SelectMultiView(props) {
     }
     event.preventDefault();
     if (event.key === "Home") {
-      (_c = checkboxes[0]) == null ? void 0 : _c.focus({ preventScroll: true });
+      checkboxes[0]?.focus({ preventScroll: true });
       return;
     }
     if (event.key === "End") {
-      (_d = checkboxes[checkboxes.length - 1]) == null ? void 0 : _d.focus({ preventScroll: true });
+      checkboxes[checkboxes.length - 1]?.focus({ preventScroll: true });
       return;
     }
     const direction = event.key === "ArrowDown" ? 1 : -1;
     const nextIndex = (currentIndex + direction + checkboxes.length) % checkboxes.length;
-    (_e = checkboxes[nextIndex]) == null ? void 0 : _e.focus({ preventScroll: true });
+    checkboxes[nextIndex]?.focus({ preventScroll: true });
   };
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     FieldFrame_default,
     {
       ref: containerRef,
@@ -3049,7 +3052,7 @@ function SelectMultiView(props) {
                   disabled && "cursor-not-allowed border-field-border-default bg-field-surface-disabled text-field-content-disabled"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsx8(
                     "span",
                     {
                       className: cs(
@@ -3062,7 +3065,7 @@ function SelectMultiView(props) {
                       children: "Selecione"
                     }
                   ),
-                  /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsx8(
                     MdKeyboardArrowDown,
                     {
                       "aria-hidden": "true",
@@ -3080,8 +3083,8 @@ function SelectMultiView(props) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx7("span", { id: summaryId, className: "sr-only", children: selectedSummary }),
-            isOpened && /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8("span", { id: summaryId, className: "sr-only", children: selectedSummary }),
+            isOpened && /* @__PURE__ */ jsx8(
               "div",
               {
                 id: groupId,
@@ -3106,7 +3109,7 @@ function SelectMultiView(props) {
                         disabled && "cursor-not-allowed"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx7(
+                        /* @__PURE__ */ jsx8(
                           "input",
                           {
                             id: `${baseId}-option-${index}`,
@@ -3122,7 +3125,7 @@ function SelectMultiView(props) {
                             disabled
                           }
                         ),
-                        /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "checkbox-control-proxy" }),
+                        /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "checkbox-control-proxy" }),
                         option.label
                       ]
                     },
@@ -3135,13 +3138,13 @@ function SelectMultiView(props) {
               "button",
               {
                 type: "button",
-                "aria-label": `Limpar sele\xE7\xE3o de ${label != null ? label : "op\xE7\xF5es"}`,
+                "aria-label": `Limpar sele\xE7\xE3o de ${label ?? "op\xE7\xF5es"}`,
                 disabled,
                 onClick: onClear,
                 className: "absolute right-9 top-1/2 flex min-h-6 min-w-6 -translate-y-1/2 touch-manipulation items-center justify-center gap-1 rounded-full bg-action-primary px-2 text-xs text-action-primary-content focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring disabled:cursor-not-allowed",
                 children: [
-                  /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: selectedCount }),
-                  /* @__PURE__ */ jsx7(MdClose, { "aria-hidden": "true", size: 10 })
+                  /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: selectedCount }),
+                  /* @__PURE__ */ jsx8(MdClose, { "aria-hidden": "true", size: 10 })
                 ]
               }
             )
@@ -3154,48 +3157,34 @@ function SelectMultiView(props) {
 var SelectMultiView_default = SelectMultiView;
 
 // src/components/selectMulti/SelectMulti.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function SelectMulti(props) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     SelectMultiView_default,
-    __spreadProps(__spreadValues({}, props), {
+    {
+      ...props,
       checkedList: props.value,
       onClear: props.onReset
-    })
+    }
   );
 }
 var MultiSelect = SelectMulti;
 var SelectMulti_default = SelectMulti;
 
 // src/components/selectCountry/SelectCountry.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function renderFlag2(option) {
-  var _a, _b;
-  const svgSrc = String(
-    ((_b = (_a = option.flags) == null ? void 0 : _a.svg) == null ? void 0 : _b.trim()) || getCountryFlagUrl(option.cca2)
-  ).trim();
-  if (!svgSrc) {
-    return /* @__PURE__ */ jsx9(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: "h-5 w-7 shrink-0 rounded-sm bg-surface-muted"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "span",
     {
       "aria-hidden": "true",
       className: "flex h-5 w-7 shrink-0 items-center justify-center",
-      children: /* @__PURE__ */ jsx9(
-        "img",
+      children: /* @__PURE__ */ jsx10(
+        CountryFlag,
         {
-          src: svgSrc,
-          alt: "",
-          className: "h-full w-full object-contain",
-          loading: "lazy",
-          referrerPolicy: "no-referrer"
+          cca2: option.cca2,
+          src: option.flags?.svg,
+          className: "h-full w-full object-contain"
         }
       )
     }
@@ -3203,40 +3192,32 @@ function renderFlag2(option) {
 }
 function renderCountryContent(option, placeholder) {
   if (!option) {
-    return /* @__PURE__ */ jsx9("span", { className: "block w-full truncate overflow-hidden text-content-muted", children: placeholder });
+    return /* @__PURE__ */ jsx10("span", { className: "block w-full truncate overflow-hidden text-content-muted", children: placeholder });
   }
   return /* @__PURE__ */ jsxs8("span", { className: "flex w-full min-w-0 items-center gap-2", children: [
     renderFlag2(option),
-    /* @__PURE__ */ jsx9("span", { className: "block truncate overflow-hidden", children: option.label })
+    /* @__PURE__ */ jsx10("span", { className: "block truncate overflow-hidden", children: option.label })
   ] });
 }
-function SelectCountry(_a) {
-  var _b = _a, {
-    options,
-    countryList,
-    searchable = true,
-    searchPlaceholder = "Busque um pa\xEDs",
-    noOptionsText = "Nenhum pa\xEDs encontrado",
-    defaultValue,
-    onChange,
-    className
-  } = _b, props = __objRest(_b, [
-    "options",
-    "countryList",
-    "searchable",
-    "searchPlaceholder",
-    "noOptionsText",
-    "defaultValue",
-    "onChange",
-    "className"
-  ]);
+function SelectCountry({
+  options,
+  countryList,
+  searchable = true,
+  searchPlaceholder = "Busque um pa\xEDs",
+  noOptionsText = "Nenhum pa\xEDs encontrado",
+  defaultValue,
+  onChange,
+  className,
+  ...props
+}) {
   const availableOptions = filterCountryOptions(
     options || COUNTRY_OPTIONS,
     countryList
   );
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     InputSelect_default,
-    __spreadProps(__spreadValues({}, props), {
+    {
+      ...props,
       className,
       defaultValue,
       onChange,
@@ -3246,7 +3227,7 @@ function SelectCountry(_a) {
       noOptionsText,
       renderOption: (option) => renderCountryContent(option),
       renderValue: (option, placeholder) => renderCountryContent(option, placeholder)
-    })
+    }
   );
 }
 var CountrySelect = SelectCountry;
@@ -3255,53 +3236,49 @@ var SelectCountry_default = SelectCountry;
 // src/components/radio-group/radio-group.tsx
 import { useField as useField5 } from "formik";
 import { useId as useId5 } from "react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-function RadioGroup(_a) {
-  var _b = _a, {
-    name,
-    label,
-    options,
-    className
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "label",
-    "options",
-    "className"
-  ]);
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function RadioGroup({
+  name,
+  label,
+  options,
+  className,
+  ...rest
+}) {
   const [field, meta] = useField5(name);
   const hasError = Boolean(meta.touched && meta.error);
   const errorId = `${useId5()}-error`;
   return /* @__PURE__ */ jsxs9(
     "fieldset",
     {
-      className: `${FIELD_ROOT_CLASS} ${className != null ? className : ""}`,
+      className: `${FIELD_ROOT_CLASS} ${className ?? ""}`,
       "aria-describedby": hasError ? errorId : void 0,
       "aria-invalid": hasError || void 0,
       children: [
-        label && /* @__PURE__ */ jsx10("legend", { className: FIELD_LABEL_CLASS, children: label }),
-        /* @__PURE__ */ jsx10("div", { className: "field-control-slot mt-4xs mb-[4px] flex min-h-control-md flex-wrap items-center gap-x-6 gap-y-2", children: options.map((option) => /* @__PURE__ */ jsxs9(
+        label && /* @__PURE__ */ jsx11("legend", { className: FIELD_LABEL_CLASS, children: label }),
+        /* @__PURE__ */ jsx11("div", { className: "field-control-slot mt-4xs mb-[4px] flex min-h-control-md flex-wrap items-center gap-x-6 gap-y-2", children: options.map((option) => /* @__PURE__ */ jsxs9(
           "label",
           {
             className: "flex min-h-7 cursor-pointer items-center gap-2",
             children: [
-              /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx11(
                 "input",
-                __spreadProps(__spreadValues(__spreadValues({
-                  type: "radio"
-                }, rest), field), {
+                {
+                  type: "radio",
+                  ...rest,
+                  ...field,
                   value: option.value,
                   checked: field.value === option.value,
                   "aria-describedby": hasError ? errorId : void 0,
                   "data-invalid": hasError || void 0,
                   className: "radio-control"
-                })
+                }
               ),
-              /* @__PURE__ */ jsx10("span", { className: "text-content-secondary", children: option.label })
+              /* @__PURE__ */ jsx11("span", { className: "text-content-secondary", children: option.label })
             ]
           },
           option.value
         )) }),
-        hasError && /* @__PURE__ */ jsx10(
+        hasError && /* @__PURE__ */ jsx11(
           "span",
           {
             id: errorId,
@@ -3323,9 +3300,9 @@ import {
   useContext as useContext2,
   useId as useId6,
   useMemo as useMemo3,
-  useState as useState6
+  useState as useState7
 } from "react";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var isFormikContext = (context) => Boolean(context && typeof context.setFieldValue === "function");
 function RadioCardGroup({
   name,
@@ -3346,19 +3323,18 @@ function RadioCardGroup({
   );
   const generatedName = useId6();
   const errorId = `${generatedName}-error`;
-  const [internalValue, setInternalValue] = useState6(defaultValue);
+  const [internalValue, setInternalValue] = useState7(defaultValue);
   const hasFormikBinding = Boolean(name) && isFormikContext(formikContext);
-  const fieldName = name != null ? name : generatedName;
+  const fieldName = name ?? generatedName;
   const fieldValue = useMemo3(() => {
-    var _a;
     if (hasFormikBinding && name) {
-      return String((_a = getIn2(formikContext.values, name)) != null ? _a : "");
+      return String(getIn2(formikContext.values, name) ?? "");
     }
     if (value !== void 0) {
       return value;
     }
     return internalValue;
-  }, [formikContext == null ? void 0 : formikContext.values, hasFormikBinding, internalValue, name, value]);
+  }, [formikContext?.values, hasFormikBinding, internalValue, name, value]);
   const fieldTouched = hasFormikBinding && name ? Boolean(getIn2(formikContext.touched, name)) : Boolean(touched);
   const fieldError = hasFormikBinding && name ? getIn2(formikContext.errors, name) : error;
   const hasError = Boolean(fieldTouched && fieldError);
@@ -3370,7 +3346,7 @@ function RadioCardGroup({
     } else if (value === void 0) {
       setInternalValue(nextValue);
     }
-    onChange == null ? void 0 : onChange(nextValue, event);
+    onChange?.(nextValue, event);
   };
   return /* @__PURE__ */ jsxs10(
     "fieldset",
@@ -3379,12 +3355,12 @@ function RadioCardGroup({
       "aria-describedby": helperText ? errorId : void 0,
       "aria-invalid": hasError || void 0,
       children: [
-        label && /* @__PURE__ */ jsx11("legend", { className: "mb-2 px-0.5 text-[16px] tracking-wide", children: label }),
-        /* @__PURE__ */ jsx11("div", { className: classNames7("grid gap-3", columnsClassName), children: options.map((option) => {
+        label && /* @__PURE__ */ jsx12("legend", { className: "mb-2 px-0.5 text-[16px] tracking-wide", children: label }),
+        /* @__PURE__ */ jsx12("div", { className: classNames7("grid gap-3", columnsClassName), children: options.map((option) => {
           const optionId = `${fieldName}-${option.value}`;
           const checked = fieldValue === option.value;
           const optionDisabled = disabled || Boolean(option.disabled);
-          return /* @__PURE__ */ jsx11(
+          return /* @__PURE__ */ jsx12(
             "label",
             {
               htmlFor: optionId,
@@ -3396,7 +3372,7 @@ function RadioCardGroup({
                 optionClassName
               ),
               children: /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-3", children: [
-                /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx12(
                   "input",
                   {
                     id: optionId,
@@ -3416,15 +3392,15 @@ function RadioCardGroup({
                   }
                 ),
                 /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx11("div", { className: "font-bold text-content-primary", children: option.title }),
-                  option.description && /* @__PURE__ */ jsx11("div", { className: "mt-1 text-content-primary", children: option.description })
+                  /* @__PURE__ */ jsx12("div", { className: "font-bold text-content-primary", children: option.title }),
+                  option.description && /* @__PURE__ */ jsx12("div", { className: "mt-1 text-content-primary", children: option.description })
                 ] })
               ] })
             },
             option.value
           );
         }) }),
-        helperText && /* @__PURE__ */ jsx11(
+        helperText && /* @__PURE__ */ jsx12(
           "span",
           {
             id: errorId,
@@ -3443,13 +3419,13 @@ function RadioCardGroup({
 import classNames8 from "classnames";
 import {
   forwardRef as forwardRef2,
-  useEffect as useEffect5,
+  useEffect as useEffect6,
   useId as useId7,
   useImperativeHandle,
   useRef as useRef7,
-  useState as useState7
+  useState as useState8
 } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 import { createElement } from "react";
 var normalizeMask = (value, mask) => {
   if (typeof mask === "function") return mask(value).slice(0, 1);
@@ -3461,64 +3437,42 @@ var normalizeMask = (value, mask) => {
   return value.replace(/\D/g, "").slice(0, 1);
 };
 var normalizeValues = (source, length, mask) => {
-  const values = Array.isArray(source) ? source : Array.from(source != null ? source : "");
-  return Array.from({ length }, (_, index) => {
-    var _a;
-    return normalizeMask((_a = values[index]) != null ? _a : "", mask);
-  });
+  const values = Array.isArray(source) ? source : Array.from(source ?? "");
+  return Array.from({ length }, (_, index) => normalizeMask(values[index] ?? "", mask));
 };
 var OtpCodeInput = forwardRef2(
-  function OtpCodeInput2(_a, ref) {
-    var _b = _a, {
-      length = 6,
-      value,
-      values,
-      onChange,
-      onComplete,
-      onPaste,
-      autoFocus = false,
-      disabled = false,
-      error = false,
-      errorText,
-      helperText,
-      label = "C\xF3digo de uso \xFAnico",
-      inputMode = "numeric",
-      mask = "numeric",
-      name,
-      onFocus: onInputFocus,
-      onKeyDown: onInputKeyDown,
-      className
-    } = _b, inputProps = __objRest(_b, [
-      "length",
-      "value",
-      "values",
-      "onChange",
-      "onComplete",
-      "onPaste",
-      "autoFocus",
-      "disabled",
-      "error",
-      "errorText",
-      "helperText",
-      "label",
-      "inputMode",
-      "mask",
-      "name",
-      "onFocus",
-      "onKeyDown",
-      "className"
-    ]);
+  function OtpCodeInput2({
+    length = 6,
+    value,
+    values,
+    onChange,
+    onComplete,
+    onPaste,
+    autoFocus = false,
+    disabled = false,
+    error = false,
+    errorText,
+    helperText,
+    label = "C\xF3digo de uso \xFAnico",
+    inputMode = "numeric",
+    mask = "numeric",
+    name,
+    onFocus: onInputFocus,
+    onKeyDown: onInputKeyDown,
+    className,
+    ...inputProps
+  }, ref) {
     const safeLength = Math.max(1, Number.isFinite(length) ? Math.floor(length) : 6);
     const groupId = useId7();
     const errorId = `${groupId}-error`;
     const helperId = `${groupId}-helper`;
     const inputRefs = useRef7([]);
     const isControlled = value !== void 0 || values !== void 0;
-    const [internalValues, setInternalValues] = useState7(
-      () => normalizeValues(values != null ? values : value, safeLength, mask)
+    const [internalValues, setInternalValues] = useState8(
+      () => normalizeValues(values ?? value, safeLength, mask)
     );
-    const currentValues = isControlled ? normalizeValues(values != null ? values : value, safeLength, mask) : internalValues;
-    useEffect5(() => {
+    const currentValues = isControlled ? normalizeValues(values ?? value, safeLength, mask) : internalValues;
+    useEffect6(() => {
       if (!isControlled) {
         setInternalValues((previous) => {
           const normalized = normalizeValues(previous, safeLength, mask);
@@ -3529,36 +3483,30 @@ var OtpCodeInput = forwardRef2(
       }
     }, [isControlled, mask, safeLength]);
     useImperativeHandle(ref, () => ({
-      focus: (index = 0) => {
-        var _a2;
-        return (_a2 = inputRefs.current[Math.min(Math.max(index, 0), safeLength - 1)]) == null ? void 0 : _a2.focus();
-      },
+      focus: (index = 0) => inputRefs.current[Math.min(Math.max(index, 0), safeLength - 1)]?.focus(),
       clear: () => {
-        var _a2;
         const next = Array.from({ length: safeLength }, () => "");
         if (!isControlled) setInternalValues(next);
-        onChange == null ? void 0 : onChange("", next);
-        (_a2 = inputRefs.current[0]) == null ? void 0 : _a2.focus();
+        onChange?.("", next);
+        inputRefs.current[0]?.focus();
       }
     }), [isControlled, onChange, safeLength]);
-    useEffect5(() => {
-      var _a2;
-      if (autoFocus) (_a2 = inputRefs.current[0]) == null ? void 0 : _a2.focus();
+    useEffect6(() => {
+      if (autoFocus) inputRefs.current[0]?.focus();
     }, [autoFocus]);
     const emit = (next, focusIndex) => {
-      var _a2;
       const normalized = normalizeValues(next, safeLength, mask);
       if (!isControlled) setInternalValues(normalized);
       const nextValue = normalized.join("");
       const wasComplete = currentValues.every(Boolean) && currentValues.length === safeLength;
-      onChange == null ? void 0 : onChange(nextValue, normalized);
+      onChange?.(nextValue, normalized);
       if (!wasComplete && normalized.every(Boolean) && nextValue.length === safeLength) {
-        onComplete == null ? void 0 : onComplete(nextValue);
+        onComplete?.(nextValue);
       }
-      if (focusIndex !== void 0) (_a2 = inputRefs.current[focusIndex]) == null ? void 0 : _a2.focus();
+      if (focusIndex !== void 0) inputRefs.current[focusIndex]?.focus();
     };
     const handlePaste = (event, index) => {
-      onPaste == null ? void 0 : onPaste(event);
+      onPaste?.(event);
       if (event.defaultPrevented) return;
       event.preventDefault();
       const pasted = Array.from(event.clipboardData.getData("text")).map((item) => normalizeMask(item, mask)).filter(Boolean).slice(0, safeLength - index);
@@ -3570,13 +3518,12 @@ var OtpCodeInput = forwardRef2(
       emit(next, Math.min(index + pasted.length, safeLength - 1));
     };
     const handleKeyDown = (event, index) => {
-      var _a2, _b2, _c, _d;
       if (event.key === "ArrowLeft" && index > 0) {
         event.preventDefault();
-        (_a2 = inputRefs.current[index - 1]) == null ? void 0 : _a2.focus();
+        inputRefs.current[index - 1]?.focus();
       } else if (event.key === "ArrowRight" && index < safeLength - 1) {
         event.preventDefault();
-        (_b2 = inputRefs.current[index + 1]) == null ? void 0 : _b2.focus();
+        inputRefs.current[index + 1]?.focus();
       } else if (event.key === "Backspace") {
         if (currentValues[index]) {
           const next = [...currentValues];
@@ -3594,15 +3541,15 @@ var OtpCodeInput = forwardRef2(
         emit(next);
       } else if (event.key === "Home") {
         event.preventDefault();
-        (_c = inputRefs.current[0]) == null ? void 0 : _c.focus();
+        inputRefs.current[0]?.focus();
       } else if (event.key === "End") {
         event.preventDefault();
-        (_d = inputRefs.current[safeLength - 1]) == null ? void 0 : _d.focus();
+        inputRefs.current[safeLength - 1]?.focus();
       }
     };
     const hasError = Boolean(error || errorText);
     const describedBy = [helperText ? helperId : "", hasError && errorText ? errorId : ""].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       FieldFrame_default,
       {
         label,
@@ -3614,7 +3561,7 @@ var OtpCodeInput = forwardRef2(
         descriptionId: helperId,
         invalid: hasError,
         className,
-        children: /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsx13(
           "div",
           {
             role: "group",
@@ -3624,7 +3571,8 @@ var OtpCodeInput = forwardRef2(
             className: "mt-1 flex flex-wrap gap-2",
             children: Array.from({ length: safeLength }, (_, index) => /* @__PURE__ */ createElement(
               "input",
-              __spreadProps(__spreadValues({}, inputProps), {
+              {
+                ...inputProps,
                 key: index,
                 ref: (element) => {
                   inputRefs.current[index] = element;
@@ -3648,18 +3596,18 @@ var OtpCodeInput = forwardRef2(
                 },
                 onPaste: (event) => handlePaste(event, index),
                 onKeyDown: (event) => {
-                  onInputKeyDown == null ? void 0 : onInputKeyDown(event);
+                  onInputKeyDown?.(event);
                   if (!event.defaultPrevented) handleKeyDown(event, index);
                 },
                 onFocus: (event) => {
-                  onInputFocus == null ? void 0 : onInputFocus(event);
+                  onInputFocus?.(event);
                   if (!event.defaultPrevented) event.currentTarget.select();
                 },
                 className: classNames8(
                   "h-11 w-11 rounded-sm border bg-field-surface text-center text-lg font-bold text-field-content outline-none transition-colors focus-visible:border-field-border-active focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring disabled:cursor-not-allowed disabled:bg-field-surface-disabled",
                   hasError ? "border-field-border-error" : "border-field-border-default"
                 )
-              })
+              }
             ))
           }
         )
@@ -3689,4 +3637,4 @@ export {
   RadioCardGroup,
   OtpCodeInput_default
 };
-//# sourceMappingURL=chunk-LPLXAKPJ.js.map
+//# sourceMappingURL=chunk-6NVJWI5B.js.map