@aspprev/versi-ds 0.1.0

package/dist/chunk-BY4HJZFJ.js

@@ -0,0 +1,3308 @@
+import {
+  Tooltip_default,
+  getFloatingLayerClass,
+  mergeAriaDescribedBy
+} from "./chunk-CWIPMGCA.js";
+import {
+  COUNTRY_OPTIONS,
+  PHONE_COUNTRY_OPTIONS,
+  filterCountryOptions,
+  getCountryFlagUrl
+} from "./chunk-A3PA5H7L.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/components/input/Input.tsx
+import React, { useRef, useCallback, useId, useState } from "react";
+import classNames2 from "classnames";
+import { PatternFormat } from "react-number-format";
+import { useField } from "formik";
+import { MdInfoOutline, MdVisibility, MdVisibilityOff } from "react-icons/md";
+
+// src/components/field/FieldFrame.tsx
+import classNames from "classnames";
+import { forwardRef } from "react";
+
+// src/components/field/field-styles.ts
+var FIELD_ROOT_CLASS = "field-layout flex w-full min-w-0 flex-col leading-6";
+var FIELD_LABEL_CLASS = "field-label-slot px-0.5 text-md tracking-wide text-field-content";
+var FIELD_CONTROL_CLASS = "field-control-slot field-keyboard-focus-ring relative mt-4xs mb-[4px] flex min-h-control-md w-full min-w-0 items-center gap-3 rounded-sm border border-field-border-default bg-field-surface px-3 text-field-icon transition-colors focus-within:border-field-border-active focus-within:text-field-content data-[has-value=true]:text-field-content";
+var FIELD_DISABLED_CLASS = "cursor-not-allowed border-field-border-default bg-field-surface-disabled text-field-content-disabled focus-within:border-field-border-default";
+var FIELD_ERROR_CLASS = "border-field-border-error text-field-assistive-error focus-within:border-field-border-error";
+var FIELD_MESSAGE_CLASS = "field-message-slot text-xs tracking-wide text-field-assistive-error";
+var FIELD_DESCRIPTION_CLASS = "field-message-slot text-xs tracking-wide text-field-assistive";
+var FIELD_INPUT_CLASS = "w-full border-none bg-transparent text-field-content outline-none placeholder:text-field-placeholder focus:outline-none disabled:text-field-content-disabled disabled:placeholder:text-field-content-disabled";
+
+// 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"
+    ]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        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(
+              "label",
+              {
+                id: labelId,
+                htmlFor: labelFor,
+                className: FIELD_LABEL_CLASS,
+                children: label
+              }
+            ),
+            labelAdornment
+          ] }),
+          children,
+          description !== void 0 && description !== null && !invalid && /* @__PURE__ */ jsx("span", { id: descriptionId, className: FIELD_DESCRIPTION_CLASS, children: description }),
+          message !== void 0 && message !== null && invalid && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: messageId,
+              role: "alert",
+              "aria-live": "polite",
+              className: FIELD_MESSAGE_CLASS,
+              children: message
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+FieldFrame.displayName = "FieldFrame";
+var FieldFrame_default = FieldFrame;
+
+// src/components/input/Input.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var BaseInput = React.forwardRef((props, ref) => /* @__PURE__ */ jsx2(
+  "input",
+  __spreadProps(__spreadValues({}, props), {
+    ref,
+    className: classNames2(FIELD_INPUT_CLASS, props.className)
+  })
+));
+BaseInput.displayName = "BaseInput";
+function normalizeCurrencyDigits(value) {
+  if (value === void 0 || value === null) return "";
+  return String(value).replace(/\D/g, "");
+}
+function formatCurrencyAmount(value) {
+  return value.toLocaleString("pt-BR", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+}
+function formatCurrencyDigitsForDisplay(value) {
+  if (value === void 0 || value === null || value === "") return "";
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return formatCurrencyAmount(value);
+  }
+  const stringValue = String(value).trim();
+  if (!stringValue) return "";
+  const digits = normalizeCurrencyDigits(stringValue);
+  if (!digits) return "";
+  const normalized = digits.padStart(3, "0");
+  const integerPart = normalized.slice(0, -2).replace(/^0+(?=\d)/, "") || "0";
+  const decimalPart = normalized.slice(-2);
+  const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+  return `${formattedInteger},${decimalPart}`;
+}
+function formatContaValue(value) {
+  const upperValue = value.toUpperCase();
+  const hasHyphen = upperValue.includes("-");
+  const [rawBody = "", rawDigit = ""] = upperValue.split("-", 2);
+  if (hasHyphen) {
+    const bodySeed = rawBody.replace(/\D/g, "");
+    const suffixChars = rawDigit.replace(/[^0-9X]/g, "");
+    const suffixBody = suffixChars.slice(0, -1).replace(/\D/g, "");
+    const body = `${bodySeed}${suffixBody}`.slice(0, 12);
+    const digit = suffixChars.slice(-1);
+    if (!body) return "";
+    return digit ? `${body}-${digit}` : `${body}-`;
+  }
+  const compactDigits = upperValue.replace(/\D/g, "").slice(0, 13);
+  if (!compactDigits) return "";
+  if (compactDigits.length <= 12) {
+    return `${compactDigits}-`;
+  }
+  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;
+  const [field, meta, helpers] = useField(name);
+  const inputRef = useRef(null);
+  const iconRef = useRef(null);
+  const [hovered, setHovered] = useState(false);
+  const isPasswordType = type === "password";
+  const [showPassword, setShowPassword] = useState(false);
+  const currentType = isPasswordType ? showPassword ? "text" : "password" : type;
+  const hasError = Boolean(meta.touched && meta.error);
+  const inputId = (_a2 = rest.id) != null ? _a2 : name;
+  const errorId = `${inputId}-error`;
+  const ariaDescribedBy = mergeAriaDescribedBy(
+    rest["aria-describedby"],
+    hasError ? errorId : void 0
+  );
+  const accessibilityProps = {
+    id: inputId,
+    "aria-invalid": hasError || void 0,
+    "aria-describedby": ariaDescribedBy
+  };
+  const safeValue = (v) => v === void 0 || v === null ? "" : v;
+  const sanitizeValue = useCallback(
+    (value) => {
+      if (!disallowSpaces) return value;
+      return value.replace(/\s/g, "");
+    },
+    [disallowSpaces]
+  );
+  const handlePasteFormik = useCallback(
+    (e) => {
+      var _a3, _b2;
+      if (!disallowSpaces) {
+        (_a3 = rest.onPaste) == null ? void 0 : _a3.call(rest, 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);
+    },
+    [disallowSpaces, helpers, rest, sanitizeValue]
+  );
+  const handleValueChange = useCallback(
+    (values) => {
+      helpers.setValue(values.value);
+    },
+    [helpers]
+  );
+  const handleCurrencyChange = useCallback(
+    (e) => {
+      const formattedCurrencyValue = formatCurrencyDigitsForDisplay(
+        e.target.value
+      );
+      helpers.setValue(formattedCurrencyValue);
+      if (rest.onChange) {
+        const event = __spreadProps(__spreadValues({}, e), {
+          target: __spreadProps(__spreadValues({}, e.target), { value: formattedCurrencyValue }),
+          currentTarget: __spreadProps(__spreadValues({}, e.currentTarget), {
+            value: formattedCurrencyValue
+          })
+        });
+        rest.onChange(event);
+      }
+    },
+    [helpers, rest]
+  );
+  const cleanSpecialChars = (value) => {
+    if (!value) return "";
+    let newValue = value;
+    newValue = newValue.replace(/[áàãâä]/gi, "a");
+    newValue = newValue.replace(/[éèêë]/gi, "e");
+    newValue = newValue.replace(/[íìîï]/gi, "i");
+    newValue = newValue.replace(/[óòõôö]/gi, "o");
+    newValue = newValue.replace(/[úùûü]/gi, "u");
+    newValue = newValue.replace(/[ç]/gi, "c");
+    newValue = newValue.replace(/['"`´@!#$%&¨()*;:?\-_+={}\[\]\\\/|<>.,]/g, "");
+    return newValue;
+  };
+  const patternMasks = {
+    cpf: "###.###.###-##",
+    cnpj: "##.###.###/####-##",
+    cep: "#####-###",
+    phone: "(##) #####-####",
+    date: "##/##/####",
+    agencia: "####"
+  };
+  const renderMaskedInput = (inputType) => {
+    const autoCompleteValue = rest.autoComplete;
+    if (mask === "currency") {
+      const rawCurrencyValue = typeof field.value === "string" || typeof field.value === "number" ? field.value : "";
+      return /* @__PURE__ */ jsx2(
+        "input",
+        __spreadProps(__spreadValues(__spreadValues({}, rest), accessibilityProps), {
+          name,
+          ref: inputRef,
+          type: "text",
+          inputMode: "numeric",
+          value: formatCurrencyDigitsForDisplay(rawCurrencyValue),
+          onChange: handleCurrencyChange,
+          onBlur: field.onBlur,
+          placeholder,
+          className: classNames2(FIELD_INPUT_CLASS, className),
+          autoComplete: autoCompleteValue,
+          disabled
+        })
+      );
+    }
+    if (mask === "specialChars") {
+      return /* @__PURE__ */ jsx2(
+        "input",
+        __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, 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);
+          },
+          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);
+          },
+          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), {
+          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);
+          },
+          onPaste: handlePasteFormik,
+          onChange: (e) => {
+            const cleanedValue = cleanSpecialChars(e.target.value);
+            const sanitizedValue = sanitizeValue(cleanedValue);
+            helpers.setValue(sanitizedValue);
+          },
+          autoComplete: autoCompleteValue,
+          className: classNames2(FIELD_INPUT_CLASS, className),
+          disabled
+        })
+      );
+    }
+    if (mask === "conta") {
+      return /* @__PURE__ */ jsx2(
+        "input",
+        __spreadProps(__spreadValues(__spreadValues({}, rest), accessibilityProps), {
+          name,
+          ref: inputRef,
+          placeholder,
+          maxLength: 14,
+          value: String(safeValue(field.value)),
+          disabled,
+          className: classNames2(FIELD_INPUT_CLASS, className),
+          onKeyDown: (e) => {
+            var _a3;
+            if (disallowSpaces && e.key === " ") {
+              e.preventDefault();
+            }
+            if (e.key === "Backspace" && e.currentTarget.selectionStart === e.currentTarget.selectionEnd && e.currentTarget.selectionStart === e.currentTarget.value.length && e.currentTarget.value.endsWith("-")) {
+              e.preventDefault();
+              const nextValue = formatContaValue(
+                e.currentTarget.value.slice(0, -2)
+              );
+              helpers.setValue(nextValue);
+              return;
+            }
+            (_a3 = rest.onKeyDown) == null ? void 0 : _a3.call(rest, 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);
+          },
+          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), {
+          name,
+          value: patternValue,
+          defaultValue: "",
+          getInputRef: inputRef,
+          customInput: BaseInput,
+          format: patternMasks[mask],
+          allowEmptyFormatting: false,
+          mask: "",
+          placeholder,
+          onValueChange: handleValueChange,
+          className: classNames2(FIELD_INPUT_CLASS, className),
+          autoComplete: autoCompleteValue,
+          disabled
+        })
+      );
+    }
+    return /* @__PURE__ */ jsx2(
+      "input",
+      __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, 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);
+        },
+        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);
+        },
+        autoComplete: autoCompleteValue,
+        className: classNames2(FIELD_INPUT_CLASS, className),
+        disabled
+      })
+    );
+  };
+  return /* @__PURE__ */ jsx2(
+    FieldFrame_default,
+    {
+      label,
+      labelFor: inputId,
+      invalid: Boolean(hasError),
+      message: meta.error,
+      messageId: errorId,
+      labelAdornment: helperText ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            ref: iconRef,
+            onMouseEnter: () => setHovered(true),
+            onMouseLeave: () => setHovered(false),
+            onFocus: () => setHovered(true),
+            onBlur: () => setHovered(false),
+            type: "button",
+            "aria-label": `Mais informa\xE7\xF5es sobre ${label != null ? 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" })
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          Tooltip_default,
+          {
+            targetRef: iconRef,
+            content: helperText,
+            visible: hovered,
+            preferredPosition: "bottom"
+          }
+        )
+      ] }) : void 0,
+      children: /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          "data-has-value": String(safeValue(field.value)).length > 0,
+          className: classNames2(
+            FIELD_CONTROL_CLASS,
+            {
+              [FIELD_DISABLED_CLASS]: disabled,
+              [FIELD_ERROR_CLASS]: hasError
+            }
+          ),
+          children: [
+            LeadIcon && /* @__PURE__ */ jsx2(
+              LeadIcon,
+              {
+                "aria-hidden": "true",
+                focusable: "false",
+                className: classNames2("h-5 w-5", {
+                  "text-field-assistive-error": hasError
+                })
+              }
+            ),
+            prefix && /* @__PURE__ */ jsx2("span", { children: prefix }),
+            renderMaskedInput(currentType),
+            suffix && /* @__PURE__ */ jsx2("span", { children: suffix }),
+            isPasswordType ? /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                "aria-label": showPassword ? "Ocultar senha" : "Mostrar senha",
+                "aria-pressed": showPassword,
+                onClick: () => setShowPassword((prev) => !prev),
+                className: "flex items-center justify-center rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1",
+                children: showPassword ? /* @__PURE__ */ jsx2(
+                  MdVisibilityOff,
+                  {
+                    "aria-hidden": "true",
+                    className: classNames2("h-5 w-5", {
+                      "text-field-assistive-error": hasError
+                    })
+                  }
+                ) : /* @__PURE__ */ jsx2(
+                  MdVisibility,
+                  {
+                    "aria-hidden": "true",
+                    className: classNames2("h-5 w-5", {
+                      "text-field-assistive-error": hasError
+                    })
+                  }
+                )
+              }
+            ) : EndIcon && /* @__PURE__ */ jsx2(
+              EndIcon,
+              {
+                "aria-hidden": "true",
+                focusable: "false",
+                className: classNames2("h-5 w-5", {
+                  "text-field-assistive-error": hasError
+                })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+var Input_default = Input;
+var InputStandalone = (props) => {
+  var _b, _c, _d;
+  const _a = props, {
+    label,
+    helperText,
+    prefix,
+    suffix,
+    mask,
+    disabled,
+    error,
+    errorText,
+    disallowSpaces,
+    leadIcon: LeadIcon,
+    endIcon: EndIcon,
+    type,
+    className
+  } = _a, rest = __objRest(_a, [
+    "label",
+    "helperText",
+    "prefix",
+    "suffix",
+    "mask",
+    "disabled",
+    "error",
+    "errorText",
+    "disallowSpaces",
+    "leadIcon",
+    "endIcon",
+    "type",
+    "className"
+  ]);
+  const inputRef = useRef(null);
+  const iconRef = useRef(null);
+  const [hovered, setHovered] = useState(false);
+  const isPasswordType = type === "password";
+  const [showPassword, setShowPassword] = useState(false);
+  const currentType = isPasswordType ? showPassword ? "text" : "password" : type;
+  const hasError = Boolean(error);
+  const generatedInputId = useId();
+  const inputId = (_b = rest.id) != null ? _b : generatedInputId;
+  const errorId = `${inputId}-error`;
+  const ariaDescribedBy = mergeAriaDescribedBy(
+    rest["aria-describedby"],
+    hasError && errorText ? errorId : void 0
+  );
+  const accessibilityProps = {
+    id: inputId,
+    "aria-invalid": hasError || void 0,
+    "aria-describedby": ariaDescribedBy
+  };
+  const safeValue = (v) => v === void 0 || v === null ? "" : v;
+  const sanitizeValue = useCallback(
+    (value) => {
+      if (!disallowSpaces) return value;
+      return value.replace(/\s/g, "");
+    },
+    [disallowSpaces]
+  );
+  const handlePasteStandalone = useCallback(
+    (e) => {
+      var _a2, _b2, _c2;
+      if (!disallowSpaces) {
+        (_a2 = rest.onPaste) == null ? void 0 : _a2.call(rest, e);
+        return;
+      }
+      e.preventDefault();
+      const pastedText = e.clipboardData.getData("text");
+      const sanitizedValue = sanitizeValue(pastedText);
+      const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+        target: __spreadProps(__spreadValues({}, e.target), {
+          value: sanitizedValue
+        }),
+        currentTarget: __spreadProps(__spreadValues({}, e.currentTarget), {
+          value: sanitizedValue
+        })
+      });
+      (_b2 = rest.onChange) == null ? void 0 : _b2.call(rest, syntheticEvent);
+      (_c2 = rest.onPaste) == null ? void 0 : _c2.call(rest, e);
+    },
+    [disallowSpaces, rest, sanitizeValue]
+  );
+  const cleanSpecialChars = (value) => {
+    if (!value) return "";
+    let newValue = value;
+    newValue = newValue.replace(/[áàãâä]/gi, "a");
+    newValue = newValue.replace(/[éèêë]/gi, "e");
+    newValue = newValue.replace(/[íìîï]/gi, "i");
+    newValue = newValue.replace(/[óòõôö]/gi, "o");
+    newValue = newValue.replace(/[úùûü]/gi, "u");
+    newValue = newValue.replace(/[ç]/gi, "c");
+    newValue = newValue.replace(/['"`´@!#$%&¨()*;:?\-_+={}\[\]\\\/|<>.,]/g, "");
+    return newValue;
+  };
+  const patternMasks = {
+    cpf: "###.###.###-##",
+    cnpj: "##.###.###/####-##",
+    cep: "#####-###",
+    phone: "(##) #####-####",
+    date: "##/##/####",
+    agencia: "####"
+  };
+  const renderMaskedInput = (inputType) => {
+    const autoCompleteValue = rest.autoComplete;
+    if (mask === "currency") {
+      const rawCurrencyValue = typeof rest.value === "string" || typeof rest.value === "number" ? rest.value : "";
+      return /* @__PURE__ */ jsx2(
+        "input",
+        __spreadProps(__spreadValues(__spreadValues({}, rest), accessibilityProps), {
+          ref: inputRef,
+          type: "text",
+          inputMode: "numeric",
+          value: formatCurrencyDigitsForDisplay(rawCurrencyValue),
+          onChange: (e) => {
+            if (rest.onChange) {
+              const formattedCurrencyValue = formatCurrencyDigitsForDisplay(
+                e.target.value
+              );
+              const event = {
+                target: { value: formattedCurrencyValue },
+                currentTarget: { value: formattedCurrencyValue }
+              };
+              rest.onChange(event);
+            }
+          },
+          placeholder: rest.placeholder,
+          className: classNames2(FIELD_INPUT_CLASS, className),
+          autoComplete: autoCompleteValue,
+          disabled
+        })
+      );
+    }
+    if (mask === "specialChars") {
+      return /* @__PURE__ */ jsx2(
+        "input",
+        __spreadProps(__spreadValues(__spreadValues({}, 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);
+          },
+          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);
+          },
+          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), {
+          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);
+          },
+          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);
+          },
+          autoComplete: autoCompleteValue,
+          className: classNames2(FIELD_INPUT_CLASS, className),
+          disabled
+        })
+      );
+    }
+    if (mask === "conta") {
+      return /* @__PURE__ */ jsx2(
+        "input",
+        __spreadProps(__spreadValues(__spreadValues({}, rest), accessibilityProps), {
+          ref: inputRef,
+          placeholder: rest.placeholder,
+          maxLength: 14,
+          value: String(safeValue(rest.value)),
+          disabled,
+          className: classNames2(FIELD_INPUT_CLASS, className),
+          onKeyDown: (e) => {
+            var _a2;
+            if (disallowSpaces && e.key === " ") {
+              e.preventDefault();
+            }
+            if (e.key === "Backspace" && e.currentTarget.selectionStart === e.currentTarget.selectionEnd && e.currentTarget.selectionStart === e.currentTarget.value.length && e.currentTarget.value.endsWith("-")) {
+              e.preventDefault();
+              const nextValue = formatContaValue(
+                e.currentTarget.value.slice(0, -2)
+              );
+              e.currentTarget.value = nextValue;
+              if (rest.onChange) {
+                const event = {
+                  target: { value: nextValue },
+                  currentTarget: { value: nextValue }
+                };
+                rest.onChange(event);
+              }
+              return;
+            }
+            (_a2 = rest.onKeyDown) == null ? void 0 : _a2.call(rest, 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);
+          },
+          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), {
+          value: patternValue,
+          defaultValue: "",
+          getInputRef: inputRef,
+          customInput: BaseInput,
+          format: patternMasks[mask],
+          allowEmptyFormatting: false,
+          mask: "",
+          placeholder: rest.placeholder,
+          onValueChange: (values) => {
+            if (rest.onChange) {
+              const event = {
+                target: { value: values.value }
+              };
+              rest.onChange(event);
+            }
+          },
+          className: classNames2(FIELD_INPUT_CLASS, className),
+          autoComplete: autoCompleteValue,
+          disabled
+        })
+      );
+    }
+    return /* @__PURE__ */ jsx2(
+      "input",
+      __spreadProps(__spreadValues(__spreadValues({}, 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);
+        },
+        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);
+        },
+        autoComplete: autoCompleteValue,
+        className: classNames2(FIELD_INPUT_CLASS, className),
+        disabled
+      })
+    );
+  };
+  return /* @__PURE__ */ jsx2(
+    FieldFrame_default,
+    {
+      label,
+      labelFor: inputId,
+      invalid: Boolean(hasError),
+      message: errorText,
+      messageId: errorId,
+      labelAdornment: helperText ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            ref: iconRef,
+            onMouseEnter: () => setHovered(true),
+            onMouseLeave: () => setHovered(false),
+            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"}`,
+            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" })
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          Tooltip_default,
+          {
+            targetRef: iconRef,
+            content: helperText,
+            visible: hovered,
+            preferredPosition: "bottom"
+          }
+        )
+      ] }) : void 0,
+      children: /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          "data-has-value": String(safeValue((_d = rest.value) != null ? _d : rest.defaultValue)).length > 0,
+          className: classNames2(
+            FIELD_CONTROL_CLASS,
+            {
+              [FIELD_DISABLED_CLASS]: disabled,
+              [FIELD_ERROR_CLASS]: hasError
+            }
+          ),
+          children: [
+            LeadIcon && /* @__PURE__ */ jsx2(
+              LeadIcon,
+              {
+                "aria-hidden": "true",
+                focusable: "false",
+                className: classNames2("h-5 w-5", {
+                  "text-field-assistive-error": hasError
+                })
+              }
+            ),
+            prefix && /* @__PURE__ */ jsx2("span", { children: prefix }),
+            renderMaskedInput(currentType),
+            suffix && /* @__PURE__ */ jsx2("span", { children: suffix }),
+            isPasswordType ? /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                "aria-label": showPassword ? "Ocultar senha" : "Mostrar senha",
+                "aria-pressed": showPassword,
+                onClick: () => setShowPassword((prev) => !prev),
+                className: "flex items-center justify-center rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1",
+                children: showPassword ? /* @__PURE__ */ jsx2(
+                  MdVisibilityOff,
+                  {
+                    "aria-hidden": "true",
+                    className: classNames2("h-5 w-5", {
+                      "text-field-assistive-error": hasError
+                    })
+                  }
+                ) : /* @__PURE__ */ jsx2(
+                  MdVisibility,
+                  {
+                    "aria-hidden": "true",
+                    className: classNames2("h-5 w-5", {
+                      "text-field-assistive-error": hasError
+                    })
+                  }
+                )
+              }
+            ) : EndIcon && /* @__PURE__ */ jsx2(
+              EndIcon,
+              {
+                "aria-hidden": "true",
+                focusable: "false",
+                className: classNames2("h-5 w-5", {
+                  "text-field-assistive-error": hasError
+                })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/components/inputSelect/InputSelect.tsx
+import classNames3 from "classnames";
+import { useField as useField2 } from "formik";
+import { useCallback as useCallback2, useEffect, useId as useId2, useRef as useRef2, useState as useState2 } from "react";
+import { createPortal } from "react-dom";
+
+// src/utils/floating-panel-position.ts
+function clamp(value, minimum, maximum) {
+  return Math.min(Math.max(value, minimum), Math.max(minimum, maximum));
+}
+function calculateFloatingPanelRect({
+  trigger,
+  panel,
+  viewport,
+  gap = 4,
+  margin = 8
+}) {
+  const viewportWidth = Math.max(0, viewport.width - margin * 2);
+  const viewportHeight = Math.max(0, viewport.height - margin * 2);
+  const width = Math.min(Math.max(0, panel.width), viewportWidth);
+  const desiredHeight = Math.min(Math.max(0, panel.height), viewportHeight);
+  const spaceBelow = Math.max(
+    0,
+    viewport.height - trigger.bottom - gap - margin
+  );
+  const spaceAbove = Math.max(0, trigger.top - gap - margin);
+  let top = margin;
+  let placement = "viewport";
+  if (spaceBelow >= desiredHeight) {
+    top = trigger.bottom + gap;
+    placement = "bottom";
+  } else if (spaceAbove >= desiredHeight) {
+    top = trigger.top - desiredHeight - gap;
+    placement = "top";
+  }
+  return {
+    top,
+    left: clamp(trigger.left, margin, viewport.width - width - margin),
+    width,
+    maxHeight: desiredHeight,
+    placement
+  };
+}
+
+// src/components/inputSelect/InputSelect.tsx
+import {
+  MdInfoOutline as MdInfoOutline2,
+  MdOutlineKeyboardArrowDown,
+  MdOutlineKeyboardArrowUp,
+  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;
+  const normalizeSearchText2 = (value) => value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+  const [field, meta, helpers] = useField2(name);
+  const inputRef = useRef2(null);
+  const dropdownRef = useRef2(null);
+  const iconRef = useRef2(null);
+  const searchInputRef = useRef2(null);
+  const [hovered, setHovered] = useState2(false);
+  const [open, setOpen] = useState2(false);
+  const [searchTerm, setSearchTerm] = useState2("");
+  const [selectionAnnouncement, setSelectionAnnouncement] = useState2("");
+  const [isMounted, setIsMounted] = useState2(false);
+  const rafRef = useRef2(null);
+  const selectId = useId2();
+  const labelId = `${selectId}-label`;
+  const listboxId = `${selectId}-listbox`;
+  const resultsId = `${selectId}-results`;
+  const valueDescriptionId = `${selectId}-value-description`;
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+  const updateDropdownPosition = useCallback2(() => {
+    if (open && inputRef.current) {
+      const rect = inputRef.current.getBoundingClientRect();
+      const dropdown = dropdownRef.current;
+      if (!dropdown) return;
+      const panelRect = calculateFloatingPanelRect({
+        trigger: rect,
+        panel: {
+          width: rect.width,
+          height: Math.min(dropdown.scrollHeight || 240, 240)
+        },
+        viewport: {
+          width: window.innerWidth,
+          height: window.innerHeight
+        }
+      });
+      dropdown.style.top = `${panelRect.top}px`;
+      dropdown.style.left = `${panelRect.left}px`;
+      dropdown.style.width = `${panelRect.width}px`;
+      dropdown.style.maxHeight = `${panelRect.maxHeight}px`;
+    }
+  }, [open]);
+  useEffect(() => {
+    var _a2, _b2, _c, _d;
+    if (!open) return;
+    if (isSearchable) {
+      (_a2 = searchInputRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
+      return;
+    }
+    const selectedOptionElement = (_b2 = dropdownRef.current) == null ? void 0 : _b2.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({
+      preventScroll: true
+    });
+  }, [isSearchable, open]);
+  useEffect(() => {
+    if (!open) {
+      setSearchTerm("");
+    }
+  }, [open]);
+  useEffect(() => {
+    if (open && dropdownRef.current) {
+      updateDropdownPosition();
+    }
+  }, [open, updateDropdownPosition]);
+  useEffect(() => {
+    if (!open) return;
+    const scheduleDropdownPosition = () => {
+      if (rafRef.current != null) return;
+      rafRef.current = window.requestAnimationFrame(() => {
+        rafRef.current = null;
+        updateDropdownPosition();
+      });
+    };
+    window.addEventListener("scroll", scheduleDropdownPosition, true);
+    window.addEventListener("resize", scheduleDropdownPosition);
+    return () => {
+      if (rafRef.current != null) {
+        window.cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
+      window.removeEventListener("scroll", scheduleDropdownPosition, true);
+      window.removeEventListener("resize", scheduleDropdownPosition);
+    };
+  }, [open, updateDropdownPosition]);
+  const selectedOption = options.find((o) => o.value === (field.value || (defaultValue == null ? void 0 : defaultValue.value))) || null;
+  const closeDropdown = useCallback2((restoreFocus = false) => {
+    var _a2;
+    setOpen(false);
+    if (restoreFocus) {
+      (_a2 = inputRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
+    }
+  }, []);
+  const moveFocusFromTrigger = useCallback2((backward) => {
+    var _a2;
+    const trigger = inputRef.current;
+    if (!trigger) return;
+    const focusableElements = Array.from(
+      document.querySelectorAll(
+        '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;
+      }
+    );
+    const triggerIndex = focusableElements.indexOf(trigger);
+    const targetIndex = triggerIndex + (backward ? -1 : 1);
+    (_a2 = focusableElements[targetIndex]) == null ? void 0 : _a2.focus({ preventScroll: true });
+  }, []);
+  const handleSelect = (value) => {
+    const option = options.find((candidate) => candidate.value === value);
+    helpers.setValue(value);
+    helpers.setTouched(true);
+    setSelectionAnnouncement(
+      option ? `Selecionado: ${option.label}` : "Sele\xE7\xE3o atualizada"
+    );
+    if (onChange) {
+      const syntheticEvent = {
+        target: { value, name },
+        currentTarget: { value, name }
+      };
+      onChange(syntheticEvent);
+    }
+    closeDropdown(true);
+  };
+  const handleBlur = useCallback2(() => {
+    helpers.setTouched(true);
+  }, [helpers]);
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (inputRef.current && !inputRef.current.contains(event.target) && (!dropdownRef.current || !dropdownRef.current.contains(event.target))) {
+        handleBlur();
+        closeDropdown();
+      }
+    };
+    if (open) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [closeDropdown, handleBlur, open]);
+  const hasError = meta.touched && meta.error;
+  const errorId = `${selectId}-error`;
+  const normalizedSearch = normalizeSearchText2(searchTerm.trim());
+  const filteredOptions = isSearchable ? options.filter((option) => {
+    const label2 = normalizeSearchText2(String(option.label || ""));
+    const value = normalizeSearchText2(String(option.value || ""));
+    const extraSearch = normalizeSearchText2(
+      String((searchAccessor == null ? void 0 : searchAccessor(option)) || "")
+    );
+    return label2.includes(normalizedSearch) || value.includes(normalizedSearch) || extraSearch.includes(normalizedSearch);
+  }) : options;
+  const resultAnnouncement = filteredOptions.length === 0 ? noOptionsText : normalizedSearch ? filteredOptions.length === 1 ? "1 resultado encontrado" : `${filteredOptions.length} resultados encontrados` : filteredOptions.length === 1 ? "1 op\xE7\xE3o dispon\xEDvel" : `${filteredOptions.length} op\xE7\xF5es dispon\xEDveis`;
+  const selectedValueDescription = selectedOption ? `Selecionado: ${selectedOption.label}` : placeholder ? `Nenhuma op\xE7\xE3o selecionada. ${placeholder}` : "Nenhuma op\xE7\xE3o selecionada";
+  const triggerDescribedBy = [
+    valueDescriptionId,
+    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(
+        '[role="option"]'
+      )) != null ? _b2 : []
+    );
+    const option = position === "first" ? optionElements[0] : optionElements[optionElements.length - 1];
+    option == null ? void 0 : 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(
+        '[role="option"]'
+      )) != null ? _b2 : []
+    );
+    const currentIndex = optionElements.indexOf(event.currentTarget);
+    if (event.key === "Escape") {
+      event.preventDefault();
+      closeDropdown(true);
+      return;
+    }
+    if (event.key === "Tab") {
+      event.preventDefault();
+      closeDropdown();
+      handleBlur();
+      moveFocusFromTrigger(event.shiftKey);
+      return;
+    }
+    if (event.key !== "ArrowDown" && event.key !== "ArrowUp" && event.key !== "Home" && event.key !== "End") {
+      return;
+    }
+    event.preventDefault();
+    if (event.key === "Home") {
+      (_c = optionElements[0]) == null ? void 0 : _c.focus({ preventScroll: true });
+      return;
+    }
+    if (event.key === "End") {
+      (_d = optionElements[optionElements.length - 1]) == null ? void 0 : _d.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 });
+  };
+  const selectedValueContent = renderValue ? renderValue(selectedOption, placeholder) : /* @__PURE__ */ jsx3(
+    "span",
+    {
+      className: classNames3("block w-full truncate overflow-hidden", {
+        "text-field-placeholder": !selectedOption && placeholder
+      }),
+      children: selectedOption ? selectedOption.label : placeholder
+    }
+  );
+  const dropdownContent = open && !disabled ? /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      ref: dropdownRef,
+      className: `fixed ${getFloatingLayerClass(inputRef.current, "popover")} overflow-y-auto overflow-x-hidden overscroll-contain rounded-sm border border-field-border-default bg-field-surface text-field-content shadow-lg`,
+      children: [
+        isSearchable && /* @__PURE__ */ jsxs3("div", { className: "sticky top-0 flex items-center gap-2 border-b border-field-border-default bg-field-surface p-2", children: [
+          /* @__PURE__ */ jsx3(MdSearch, { "aria-hidden": "true", className: "h-4 w-4 text-field-icon" }),
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              ref: searchInputRef,
+              type: "text",
+              value: searchTerm,
+              onChange: (e) => setSearchTerm(e.target.value),
+              onMouseDown: (e) => e.stopPropagation(),
+              onKeyDown: (event) => {
+                if (event.key === "Tab") {
+                  event.preventDefault();
+                  closeDropdown();
+                  handleBlur();
+                  moveFocusFromTrigger(event.shiftKey);
+                  return;
+                }
+                if (event.key === "Escape") {
+                  event.preventDefault();
+                  closeDropdown(true);
+                }
+                if (event.key === "ArrowDown") {
+                  event.preventDefault();
+                  focusOption("first");
+                }
+                if (event.key === "ArrowUp") {
+                  event.preventDefault();
+                  focusOption("last");
+                }
+              },
+              "aria-label": `Pesquisar op\xE7\xF5es de ${label != null ? label : name}`,
+              "aria-controls": listboxId,
+              "aria-describedby": resultsId,
+              placeholder: searchPlaceholder,
+              className: "w-full bg-transparent text-sm text-field-content outline-none placeholder:text-field-placeholder"
+            }
+          )
+        ] }),
+        isSearchable && /* @__PURE__ */ jsx3(
+          "span",
+          {
+            id: resultsId,
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            className: "sr-only",
+            children: resultAnnouncement
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          "div",
+          {
+            id: listboxId,
+            role: "listbox",
+            "aria-labelledby": label ? labelId : void 0,
+            children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "px-3 py-2 text-sm text-content-muted", children: noOptionsText }) : filteredOptions.map((opc) => /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": (selectedOption == null ? void 0 : selectedOption.value) === opc.value,
+                tabIndex: -1,
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                },
+                onClick: () => handleSelect(opc.value),
+                onKeyDown: handleOptionKeyDown,
+                className: "w-full px-3 py-2 text-left text-sm hover:bg-surface-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-focus-ring",
+                children: renderOption ? renderOption(opc) : opc.label
+              },
+              opc.value
+            ))
+          }
+        )
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs3(
+    FieldFrame_default,
+    __spreadProps(__spreadValues({
+      className,
+      label,
+      labelFor: selectId,
+      labelId: label ? labelId : void 0,
+      invalid: Boolean(hasError),
+      message: meta.error,
+      messageId: errorId,
+      labelAdornment: helperText ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        /* @__PURE__ */ jsx3(
+          "button",
+          {
+            ref: iconRef,
+            onMouseEnter: () => setHovered(true),
+            onMouseLeave: () => setHovered(false),
+            onFocus: () => setHovered(true),
+            onBlur: () => setHovered(false),
+            type: "button",
+            "aria-label": `Mais informa\xE7\xF5es sobre ${label != null ? 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,
+              {
+                "aria-hidden": "true",
+                className: "mr-0 text-content-muted"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Tooltip_default,
+          {
+            targetRef: iconRef,
+            content: helperText,
+            visible: hovered,
+            preferredPosition: "bottom"
+          }
+        )
+      ] }) : void 0
+    }, rest), {
+      children: [
+        /* @__PURE__ */ jsxs3(
+          "button",
+          {
+            type: "button",
+            id: selectId,
+            name,
+            ref: inputRef,
+            "data-has-value": Boolean(selectedOption),
+            role: "combobox",
+            "aria-controls": listboxId,
+            "aria-expanded": open,
+            "aria-haspopup": "listbox",
+            "aria-labelledby": label ? labelId : void 0,
+            "aria-label": label ? void 0 : placeholder != null ? placeholder : name,
+            "aria-invalid": Boolean(hasError) || void 0,
+            "aria-describedby": triggerDescribedBy,
+            disabled,
+            onBlur: () => !open && handleBlur(),
+            onClick: () => setOpen((prev) => !prev),
+            onKeyDown: (event) => {
+              if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                setOpen((prev) => !prev);
+              }
+              if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+                event.preventDefault();
+                setOpen(true);
+              }
+              if (event.key === "Escape") {
+                closeDropdown();
+              }
+            },
+            className: classNames3(`${FIELD_CONTROL_CLASS} px-2`, {
+              [FIELD_DISABLED_CLASS]: disabled,
+              [FIELD_ERROR_CLASS]: hasError,
+              "cursor-pointer": !disabled
+            }),
+            children: [
+              LeadIcon && /* @__PURE__ */ jsx3(
+                LeadIcon,
+                {
+                  "aria-hidden": "true",
+                  className: classNames3(`h-5 w-5`, {
+                    "text-field-assistive-error": hasError,
+                    "text-field-content": !hasError && (open || selectedOption),
+                    "text-field-content-disabled": disabled,
+                    "cursor-not-allowed": disabled,
+                    "cursor-pointer": !disabled
+                  })
+                }
+              ),
+              prefix && /* @__PURE__ */ jsx3("span", { children: prefix }),
+              /* @__PURE__ */ jsx3(
+                "span",
+                {
+                  className: classNames3(
+                    "flex-1 min-w-0 flex items-center justify-between leading-5",
+                    "bg-transparent text-field-content text-left",
+                    {
+                      "text-field-content-disabled": disabled,
+                      "cursor-not-allowed": disabled,
+                      "cursor-pointer": !disabled
+                    }
+                  ),
+                  children: selectedValueContent
+                }
+              ),
+              EndIcon ? /* @__PURE__ */ jsx3(
+                EndIcon,
+                {
+                  "aria-hidden": "true",
+                  className: classNames3(`h-5 w-5`, {
+                    "text-field-assistive-error": hasError,
+                    "text-field-content": !hasError && (open || selectedOption),
+                    "text-field-content-disabled": disabled,
+                    "cursor-not-allowed": disabled,
+                    "cursor-pointer": !disabled
+                  })
+                }
+              ) : /* @__PURE__ */ jsx3(
+                "span",
+                {
+                  className: classNames3(
+                    "flex items-center justify-center text-field-icon",
+                    {
+                      "text-field-assistive-error": hasError,
+                      "text-field-content": !hasError && (open || selectedOption),
+                      "text-field-content-disabled": disabled,
+                      "cursor-not-allowed": disabled,
+                      "cursor-pointer": !disabled
+                    }
+                  ),
+                  children: open ? /* @__PURE__ */ jsx3(
+                    MdOutlineKeyboardArrowUp,
+                    {
+                      "aria-hidden": "true",
+                      className: "h-5 w-5"
+                    }
+                  ) : /* @__PURE__ */ jsx3(
+                    MdOutlineKeyboardArrowDown,
+                    {
+                      "aria-hidden": "true",
+                      className: "h-5 w-5"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx3("span", { id: valueDescriptionId, className: "sr-only", children: selectedValueDescription }),
+        /* @__PURE__ */ jsx3(
+          "span",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            className: "sr-only",
+            children: selectionAnnouncement
+          }
+        ),
+        isMounted && dropdownContent ? createPortal(dropdownContent, document.body) : null
+      ]
+    })
+  );
+};
+var InputSelect_default = InputSelect;
+
+// src/components/textArea/TextArea.tsx
+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;
+  const [field, meta] = useField3(name);
+  const componentRef = useRef3(null);
+  const hasError = meta.touched && meta.error;
+  const errorId = `${name}-error`;
+  const descriptionId = `${name}-description`;
+  const ariaDescribedBy = mergeAriaDescribedBy(
+    rest["aria-describedby"],
+    helperText && !hasError ? descriptionId : void 0,
+    hasError ? errorId : void 0
+  );
+  return /* @__PURE__ */ jsx4(
+    FieldFrame_default,
+    {
+      label,
+      labelFor: name,
+      description: helperText,
+      descriptionId,
+      message: meta.error,
+      messageId: errorId,
+      invalid: Boolean(hasError),
+      children: /* @__PURE__ */ jsxs4(
+        "div",
+        {
+          "data-has-value": String((_a2 = field.value) != null ? _a2 : "").length > 0,
+          className: classNames4(
+            `${FIELD_CONTROL_CLASS} py-1`,
+            {
+              [FIELD_DISABLED_CLASS]: disabled,
+              [FIELD_ERROR_CLASS]: hasError
+            }
+          ),
+          children: [
+            Icon && /* @__PURE__ */ jsx4(Icon, { "aria-hidden": "true", className: "h-5 w-5" }),
+            prefix && /* @__PURE__ */ jsx4("span", { children: prefix }),
+            /* @__PURE__ */ jsx4(
+              "textarea",
+              __spreadProps(__spreadValues(__spreadValues({}, field), rest), {
+                id: name,
+                "aria-invalid": Boolean(hasError) || void 0,
+                "aria-describedby": ariaDescribedBy,
+                ref: componentRef,
+                placeholder,
+                disabled,
+                className: classNames4(FIELD_INPUT_CLASS, className)
+              })
+            ),
+            suffix && /* @__PURE__ */ jsx4("span", { children: suffix })
+          ]
+        }
+      )
+    }
+  );
+};
+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 {
+  MdOutlineKeyboardArrowDown as MdOutlineKeyboardArrowDown2,
+  MdOutlineKeyboardArrowUp as MdOutlineKeyboardArrowUp2,
+  MdSearch as MdSearch2
+} 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";
+var DEFAULT_BRAZIL_DDI = 55;
+var DEFAULT_BRAZIL_CCA2 = "BR";
+var phoneMasksByDdi = {
+  "1": "(###) ###-####",
+  "31": "## ########",
+  "32": "### ## ## ##",
+  "44": "#### ######",
+  "49": null,
+  "51": "### ### ###",
+  "55": "(##) #####-####",
+  "58": "### #######",
+  "351": "### ### ###"
+};
+function normalizeDigits(value) {
+  return String(value != null ? 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)
+  };
+}
+function getMaskForDdi(ddi) {
+  var _a;
+  return (_a = phoneMasksByDdi[normalizeDigits(ddi)]) != null ? _a : null;
+}
+function getAreaCodeLength(mask) {
+  if (!mask) return 0;
+  const match = mask.match(/\((#+)\)/);
+  return match ? match[1].length : 0;
+}
+function splitNationalNumber(localNumber, mask) {
+  const digits = normalizeDigits(localNumber);
+  const areaCodeLength = getAreaCodeLength(mask);
+  if (!areaCodeLength) {
+    return {
+      ddd: "",
+      numero: digits
+    };
+  }
+  return {
+    ddd: digits.slice(0, areaCodeLength),
+    numero: digits.slice(areaCodeLength)
+  };
+}
+function getDialDigits(country) {
+  var _a;
+  return normalizeDigits((_a = country == null ? void 0 : country.idd) == null ? void 0 : _a.display);
+}
+function getCountryByDdi(countries, ddi) {
+  const normalizedDdi = Number(normalizeDigits(ddi));
+  return countries.find(
+    (country) => Number(getDialDigits(country)) === normalizedDdi
+  ) || countries.find((country) => country.cca2 === DEFAULT_BRAZIL_CCA2) || countries[0] || null;
+}
+function getCountriesByDialLength(countries) {
+  return [...countries].sort((a, b) => {
+    return getDialDigits(b).length - getDialDigits(a).length;
+  });
+}
+function getExplicitCountryFromRawValue(rawValue, countries) {
+  if (typeof rawValue !== "string") return null;
+  const trimmedValue = rawValue.trim();
+  if (!trimmedValue || !/[^\d]/.test(trimmedValue)) return null;
+  return getCountriesByDialLength(countries).find((country) => {
+    const dialDigits = getDialDigits(country);
+    if (!dialDigits) return false;
+    const dialPattern = new RegExp(`^\\+?\\s*${dialDigits}(?=\\D|$)`);
+    return dialPattern.test(trimmedValue);
+  }) || null;
+}
+function parseStoredPhoneValue(rawValue, countries) {
+  if (rawValue && typeof rawValue === "object" && !Array.isArray(rawValue)) {
+    return {
+      ddi: Number(normalizeDigits(rawValue.ddi) || DEFAULT_BRAZIL_DDI),
+      ddd: normalizeDigits(rawValue.ddd),
+      numero: normalizeDigits(rawValue.numero)
+    };
+  }
+  const digits = normalizeDigits(
+    rawValue
+  );
+  if (!digits) {
+    return {
+      ddi: DEFAULT_BRAZIL_DDI,
+      ddd: "",
+      numero: ""
+    };
+  }
+  const explicitCountry = getExplicitCountryFromRawValue(rawValue, countries);
+  if (explicitCountry) {
+    const dialDigits2 = getDialDigits(explicitCountry);
+    const localDigits2 = digits.slice(dialDigits2.length);
+    const local2 = splitNationalNumber(
+      localDigits2,
+      getMaskForDdi(Number(dialDigits2))
+    );
+    return __spreadValues({
+      ddi: Number(dialDigits2)
+    }, local2);
+  }
+  if (digits.length <= 11) {
+    const local2 = splitNationalNumber(
+      digits,
+      getMaskForDdi(DEFAULT_BRAZIL_DDI)
+    );
+    return __spreadValues({
+      ddi: DEFAULT_BRAZIL_DDI
+    }, local2);
+  }
+  const optionsByDialLength = getCountriesByDialLength(countries);
+  const matchedCountry = optionsByDialLength.find((country) => {
+    const dialDigits2 = getDialDigits(country);
+    return dialDigits2 && digits.startsWith(dialDigits2) && digits.length > dialDigits2.length + 4;
+  });
+  if (!matchedCountry) {
+    const local2 = splitNationalNumber(
+      digits,
+      getMaskForDdi(DEFAULT_BRAZIL_DDI)
+    );
+    return __spreadValues({
+      ddi: DEFAULT_BRAZIL_DDI
+    }, local2);
+  }
+  const dialDigits = getDialDigits(matchedCountry);
+  const localDigits = digits.slice(dialDigits.length);
+  const local = splitNationalNumber(
+    localDigits,
+    getMaskForDdi(Number(dialDigits))
+  );
+  return __spreadValues({
+    ddi: Number(dialDigits)
+  }, local);
+}
+function buildPhonePayload(phoneValue) {
+  const normalized = toPhoneValue(phoneValue);
+  const ddiDigits = normalizeDigits(normalized.ddi);
+  const dddDigits = normalizeDigits(normalized.ddd);
+  const numberDigits = normalizeDigits(normalized.numero);
+  const phoneDigits = `${dddDigits}${numberDigits}`;
+  if (!phoneDigits) {
+    return "";
+  }
+  return `${ddiDigits}-${dddDigits}-${numberDigits}`;
+}
+function parsePhonePayload(rawValue, countries = PHONE_COUNTRY_OPTIONS) {
+  return parseStoredPhoneValue(rawValue, countries);
+}
+function renderFlag(option) {
+  var _a;
+  const svgSrc = String(
+    getCountryFlagUrl(option == null ? void 0 : option.cca2) || ((_a = option == null ? void 0 : option.flags) == null ? void 0 : _a.svg) || ""
+  ).trim();
+  if (!svgSrc) {
+    return /* @__PURE__ */ jsx5("span", { className: "h-5 w-7 shrink-0 rounded-sm bg-surface-muted" });
+  }
+  return /* @__PURE__ */ jsx5(
+    "img",
+    {
+      src: svgSrc,
+      alt: "",
+      "aria-hidden": "true",
+      className: "h-5 w-7 shrink-0 object-contain",
+      loading: "lazy",
+      referrerPolicy: "no-referrer"
+    }
+  );
+}
+function InputPhone({
+  name,
+  label,
+  placeholder,
+  countries,
+  countryList,
+  disabled,
+  className
+}) {
+  const availableCountries = useMemo(
+    () => filterCountryOptions(
+      countries || PHONE_COUNTRY_OPTIONS,
+      countryList
+    ),
+    [countries, countryList]
+  );
+  const [field, meta, helpers] = useField4(name);
+  const wrapperRef = useRef4(null);
+  const countryButtonRef = useRef4(null);
+  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 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),
+    [availableCountries, value.ddi, selectedCountryCode]
+  );
+  const phoneMask = getMaskForDdi(value.ddi);
+  const phoneDigits = `${normalizeDigits(value.ddd)}${normalizeDigits(value.numero)}`;
+  const normalizedSearch = normalizeSearchText(searchTerm.trim());
+  const filteredCountries = useMemo(() => {
+    return availableCountries.filter((country) => {
+      const searchableText = [
+        country.label,
+        country.cca2,
+        country.idd.display,
+        getDialDigits(country)
+      ].join(" ").trim();
+      return normalizeSearchText(searchableText).includes(normalizedSearch);
+    });
+  }, [availableCountries, normalizedSearch]);
+  const getErrorMessage = useCallback3(() => {
+    if (!meta.touched || !meta.error) return "";
+    if (typeof meta.error === "string") return meta.error;
+    if (typeof meta.error === "object") {
+      const phoneError = meta.error;
+      return String(phoneError.numero || phoneError.ddd || "");
+    }
+    return "";
+  }, [meta.error, meta.touched]);
+  const errorMessage = getErrorMessage();
+  const hasError = Boolean(errorMessage);
+  const errorId = `${name}-error`;
+  const dropdownId = `${name}-countries`;
+  const isDropdownPositioned = dropdownPosition !== null;
+  const updateDropdownPosition = useCallback3(() => {
+    const trigger = countryButtonRef.current;
+    const dropdown = dropdownRef.current;
+    if (!open || !trigger) return;
+    const rect = trigger.getBoundingClientRect();
+    const panelRect = calculateFloatingPanelRect({
+      trigger: {
+        top: rect.top,
+        bottom: rect.bottom,
+        left: rect.left,
+        width: 220
+      },
+      panel: {
+        width: 220,
+        height: Math.min((dropdown == null ? void 0 : dropdown.scrollHeight) || 320, 320)
+      },
+      viewport: {
+        width: window.innerWidth,
+        height: window.innerHeight
+      }
+    });
+    setDropdownPosition(panelRect);
+  }, [open]);
+  useEffect2(() => {
+    if (!open) {
+      setSearchTerm("");
+      setDropdownPosition(null);
+      return;
+    }
+    updateDropdownPosition();
+  }, [open, updateDropdownPosition]);
+  useEffect2(() => {
+    var _a;
+    if (open && isDropdownPositioned) {
+      (_a = searchInputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+    }
+  }, [isDropdownPositioned, open]);
+  useEffect2(() => {
+    if (disabled) setOpen(false);
+  }, [disabled]);
+  useEffect2(() => {
+    if (!open) return;
+    const scheduleDropdownPosition = () => updateDropdownPosition();
+    window.addEventListener("resize", scheduleDropdownPosition);
+    window.addEventListener("scroll", scheduleDropdownPosition, true);
+    return () => {
+      window.removeEventListener("resize", scheduleDropdownPosition);
+      window.removeEventListener("scroll", scheduleDropdownPosition, true);
+    };
+  }, [open, updateDropdownPosition]);
+  useEffect2(() => {
+    if (initializedRef.current || availableCountries.length === 0) return;
+    const parsed = parseStoredPhoneValue(
+      field.value,
+      availableCountries
+    );
+    helpers.setValue(parsed);
+    initializedRef.current = true;
+  }, [availableCountries, field.value, helpers]);
+  useEffect2(() => {
+    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))) {
+        setOpen(false);
+        helpers.setTouched(true);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [helpers, open]);
+  const setPhoneValue = (nextValue) => {
+    var _a, _b, _c;
+    helpers.setValue(__spreadProps(__spreadValues(__spreadValues({}, value), nextValue), {
+      ddi: Number(
+        normalizeDigits((_a = nextValue.ddi) != null ? _a : value.ddi) || DEFAULT_BRAZIL_DDI
+      ),
+      ddd: normalizeDigits((_b = nextValue.ddd) != null ? _b : value.ddd),
+      numero: normalizeDigits((_c = nextValue.numero) != null ? _c : value.numero)
+    }));
+  };
+  const dropdownLayerClass = getFloatingLayerClass(
+    countryButtonRef.current,
+    "popover"
+  );
+  const dropdownZClass = dropdownLayerClass === "z-popover" ? "z-menu" : dropdownLayerClass;
+  return /* @__PURE__ */ jsx5(
+    FieldFrame_default,
+    {
+      className,
+      label,
+      labelFor: name,
+      invalid: Boolean(hasError),
+      message: errorMessage,
+      messageId: errorId,
+      children: /* @__PURE__ */ jsxs5(
+        "div",
+        {
+          ref: wrapperRef,
+          className: "field-control-slot relative mt-4xs mb-[4px]",
+          children: [
+            /* @__PURE__ */ jsxs5(
+              "div",
+              {
+                "data-has-value": phoneDigits.length > 0,
+                className: classNames5(
+                  "field-keyboard-focus-ring flex min-h-control-md items-center overflow-hidden rounded-sm border border-field-border-default bg-field-surface text-field-icon transition-colors focus-within:border-field-border-active focus-within:text-field-content data-[has-value=true]:text-field-content",
+                  {
+                    [FIELD_ERROR_CLASS]: hasError,
+                    [FIELD_DISABLED_CLASS]: disabled
+                  }
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs5(
+                    "button",
+                    {
+                      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-haspopup": "dialog",
+                      "aria-expanded": open && !disabled,
+                      "aria-controls": open && !disabled ? dropdownId : void 0,
+                      disabled,
+                      onClick: () => setOpen((prev) => !prev),
+                      onKeyDown: (event) => {
+                        if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+                          event.preventDefault();
+                          setOpen(true);
+                        }
+                      },
+                      onBlur: () => helpers.setTouched(true),
+                      className: classNames5(
+                        "flex h-full items-center gap-1.5 pl-2 pr-1 text-left",
+                        "border-r border-field-border-default bg-transparent text-field-content focus:outline-none",
+                        {
+                          "cursor-pointer": !disabled,
+                          "cursor-not-allowed text-content-disabled": disabled
+                        }
+                      ),
+                      children: [
+                        renderFlag(selectedCountry),
+                        /* @__PURE__ */ jsx5("span", { className: "text-sm", children: (selectedCountry == null ? void 0 : selectedCountry.idd.display) || `+${value.ddi}` }),
+                        open ? /* @__PURE__ */ jsx5(
+                          MdOutlineKeyboardArrowUp2,
+                          {
+                            className: classNames5("h-4 w-4 shrink-0", {
+                              "text-field-assistive-error": hasError,
+                              "text-field-content": !hasError
+                            })
+                          }
+                        ) : /* @__PURE__ */ jsx5(
+                          MdOutlineKeyboardArrowDown2,
+                          {
+                            className: classNames5("h-4 w-4 shrink-0", {
+                              "text-field-assistive-error": hasError,
+                              "text-field-content": !hasError && phoneDigits.length > 0,
+                              "text-field-icon": !hasError && phoneDigits.length === 0
+                            })
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx5("div", { className: "min-w-0 flex-1 pl-1 pr-3", children: phoneMask ? /* @__PURE__ */ jsx5(
+                    PatternFormat2,
+                    {
+                      id: name,
+                      name,
+                      type: "tel",
+                      inputMode: "tel",
+                      "aria-label": label ? void 0 : name,
+                      "aria-invalid": hasError || void 0,
+                      "aria-describedby": hasError ? errorId : void 0,
+                      value: phoneDigits,
+                      format: phoneMask,
+                      allowEmptyFormatting: false,
+                      mask: "",
+                      placeholder: placeholder || phoneMask.replace(/#/g, "9"),
+                      disabled,
+                      className: FIELD_INPUT_CLASS,
+                      onBlur: () => helpers.setTouched(true),
+                      onValueChange: (values) => {
+                        const areaCodeLength = getAreaCodeLength(phoneMask);
+                        const digits = normalizeDigits(values.value);
+                        setPhoneValue({
+                          ddd: areaCodeLength ? digits.slice(0, areaCodeLength) : "",
+                          numero: areaCodeLength ? digits.slice(areaCodeLength) : digits
+                        });
+                      }
+                    }
+                  ) : /* @__PURE__ */ jsx5(
+                    "input",
+                    {
+                      id: name,
+                      name,
+                      "aria-label": label ? void 0 : name,
+                      "aria-invalid": hasError || void 0,
+                      "aria-describedby": hasError ? errorId : void 0,
+                      type: "tel",
+                      inputMode: "numeric",
+                      value: normalizeDigits(value.numero),
+                      placeholder: placeholder || "Digite o telefone",
+                      disabled,
+                      className: FIELD_INPUT_CLASS,
+                      onBlur: () => helpers.setTouched(true),
+                      onChange: (event) => setPhoneValue({ ddd: "", numero: event.target.value })
+                    }
+                  ) })
+                ]
+              }
+            ),
+            open && !disabled && dropdownPosition && typeof document !== "undefined" && createPortal2(
+              /* @__PURE__ */ jsxs5(
+                "div",
+                {
+                  ref: dropdownRef,
+                  id: dropdownId,
+                  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();
+                      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")) || []);
+                    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();
+                  },
+                  style: {
+                    top: dropdownPosition.top,
+                    left: dropdownPosition.left,
+                    width: dropdownPosition.width,
+                    maxHeight: dropdownPosition.maxHeight
+                  },
+                  className: classNames5(
+                    "fixed mt-1 overflow-hidden rounded-sm border border-field-border-default bg-field-surface shadow-lg",
+                    dropdownZClass
+                  ),
+                  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(
+                        "input",
+                        {
+                          ref: searchInputRef,
+                          type: "text",
+                          "aria-label": "Pesquisar pa\xEDs ou DDI",
+                          value: searchTerm,
+                          onChange: (event) => setSearchTerm(event.target.value),
+                          placeholder: "Busque um pa\xEDs ou DDI",
+                          className: "w-full bg-transparent text-sm text-field-content outline-none placeholder:text-field-placeholder"
+                        }
+                      )
+                    ] }),
+                    /* @__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(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-pressed": (selectedCountry == null ? void 0 : 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();
+                        },
+                        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 })
+                        ]
+                      },
+                      `${country.cca2}-${country.idd.display}`
+                    )) })
+                  ]
+                }
+              ),
+              document.body
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+var PhoneInput = InputPhone;
+var InputPhone_default = InputPhone;
+
+// src/components/datePicker/UnifiedDatePicker.tsx
+import classNames6 from "classnames";
+import {
+  addMonths,
+  addYears,
+  eachDayOfInterval,
+  endOfMonth,
+  endOfWeek,
+  format,
+  isAfter,
+  isBefore,
+  isSameDay,
+  isSameMonth,
+  isToday,
+  isValid,
+  parse,
+  startOfDay,
+  startOfMonth,
+  startOfWeek,
+  subMonths
+} from "date-fns";
+import { ptBR } from "date-fns/locale/pt-BR";
+import { FormikContext, getIn } from "formik";
+import { useContext, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef5, useState as useState4 } 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";
+var WEEKDAYS = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
+var CALENDAR_WIDTH = 256;
+var VIEWPORT_MARGIN = 8;
+var CALENDAR_GAP = 4;
+var MONTHS = [
+  "Janeiro",
+  "Fevereiro",
+  "Mar\xE7o",
+  "Abril",
+  "Maio",
+  "Junho",
+  "Julho",
+  "Agosto",
+  "Setembro",
+  "Outubro",
+  "Novembro",
+  "Dezembro"
+];
+var formatDateForInput = (date) => {
+  if (!date || !isValid(date)) return "";
+  return format(date, "dd/MM/yyyy");
+};
+var formatInputValue = (value) => {
+  const digits = value.replace(/\D/g, "").slice(0, 8);
+  if (digits.length <= 2) return digits;
+  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;
+};
+var parseDateValue = (value) => {
+  if (!value) return null;
+  if (value instanceof Date) {
+    return isValid(value) ? value : null;
+  }
+  if (typeof value === "string") {
+    const trimmedValue = value.trim();
+    if (!trimmedValue) return null;
+    const parsedPtBr = parse(trimmedValue, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+    if (isValid(parsedPtBr) && format(parsedPtBr, "dd/MM/yyyy") === trimmedValue) {
+      return parsedPtBr;
+    }
+    const nativeDate = new Date(trimmedValue);
+    return isValid(nativeDate) ? nativeDate : null;
+  }
+  return null;
+};
+var getSafeViewDate = (date) => date && isValid(date) ? date : /* @__PURE__ */ new Date();
+var UnifiedDatePicker = ({
+  value,
+  onChange,
+  onBlur,
+  label,
+  placeholder = "dd/mm/aaaa",
+  minDate = addYears(/* @__PURE__ */ new Date(), -120),
+  maxDate = addYears(/* @__PURE__ */ new Date(), 120),
+  isDisabled = false,
+  disabled = false,
+  name = "data",
+  error,
+  errorText,
+  defaultView = "days",
+  navigationVariant = "drilldown",
+  showAdjacentDays = true,
+  className
+}) => {
+  const formik = useContext(
+    FormikContext
+  );
+  const hasFormikField = Boolean(formik && name);
+  const formikRawValue = hasFormikField && formik ? getIn(formik.values, name) : void 0;
+  const selectedDate = useMemo2(
+    () => parseDateValue(hasFormikField ? formikRawValue : value),
+    [formikRawValue, hasFormikField, value]
+  );
+  const formikTouched = hasFormikField && formik ? Boolean(getIn(formik.touched, name)) : false;
+  const formikError = hasFormikField && formik ? getIn(formik.errors, name) : void 0;
+  const isFieldDisabled = disabled || isDisabled;
+  const [isOpen, setIsOpen] = useState4(false);
+  const [isEditing, setIsEditing] = useState4(false);
+  const [draftValue, setDraftValue] = useState4(
+    formatDateForInput(selectedDate)
+  );
+  const [viewDate, setViewDate] = useState4(getSafeViewDate(selectedDate));
+  const [mode, setMode] = useState4(defaultView);
+  const [inputError, setInputError] = useState4(null);
+  const containerRef = useRef5(null);
+  const inputRef = useRef5(null);
+  const dropdownRef = useRef5(null);
+  const rafRef = useRef5(null);
+  const [isMounted, setIsMounted] = useState4(false);
+  const [panelNeedsScroll, setPanelNeedsScroll] = useState4(false);
+  const [dropdownStyle, setDropdownStyle] = useState4({});
+  useEffect3(() => {
+    setIsMounted(true);
+  }, []);
+  useEffect3(() => {
+    if (!isEditing) {
+      setDraftValue(formatDateForInput(selectedDate));
+    }
+    setViewDate(getSafeViewDate(selectedDate));
+  }, [isEditing, selectedDate]);
+  useEffect3(() => {
+    if (!isOpen) return;
+    setMode(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))) {
+        setIsOpen(false);
+      }
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") setIsOpen(false);
+    };
+    document.addEventListener("mousedown", onMouseDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", onMouseDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [defaultView, isOpen, navigationVariant]);
+  useEffect3(() => {
+    if (!isOpen) return;
+    const updateDropdownPosition = () => {
+      var _a;
+      if (!containerRef.current) return;
+      const rect = ((_a = inputRef.current) != null ? _a : 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 panelRect = calculateFloatingPanelRect({
+        trigger: rect,
+        panel: {
+          width: CALENDAR_WIDTH,
+          height: panelHeight
+        },
+        viewport: {
+          width: window.innerWidth,
+          height: window.innerHeight
+        },
+        gap: CALENDAR_GAP,
+        margin: VIEWPORT_MARGIN
+      });
+      const needsScroll = panelHeight > panelRect.maxHeight + 1;
+      setPanelNeedsScroll(needsScroll);
+      setDropdownStyle({
+        position: "fixed",
+        top: panelRect.top,
+        left: panelRect.left,
+        width: panelRect.width,
+        maxHeight: needsScroll ? panelRect.maxHeight : void 0
+      });
+    };
+    const scheduleDropdownPosition = () => {
+      if (rafRef.current != null) return;
+      rafRef.current = window.requestAnimationFrame(() => {
+        rafRef.current = null;
+        updateDropdownPosition();
+      });
+    };
+    updateDropdownPosition();
+    window.addEventListener("resize", scheduleDropdownPosition);
+    window.addEventListener("scroll", scheduleDropdownPosition, true);
+    return () => {
+      if (rafRef.current != null) {
+        window.cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
+      window.removeEventListener("resize", scheduleDropdownPosition);
+      window.removeEventListener("scroll", scheduleDropdownPosition, true);
+    };
+  }, [isOpen, defaultView, navigationVariant, viewDate, draftValue]);
+  const syncValue = (nextDate) => {
+    if (hasFormikField && formik) {
+      formik.setFieldValue(name, nextDate);
+    }
+    onChange == null ? void 0 : onChange(nextDate);
+  };
+  const touchField = () => {
+    if (hasFormikField && formik) {
+      formik.setFieldTouched(name, true);
+    }
+  };
+  const openCalendar = () => {
+    var _a;
+    if (isFieldDisabled) return;
+    setIsOpen(true);
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  };
+  const getDaysInView = () => {
+    const start = startOfWeek(startOfMonth(viewDate), { weekStartsOn: 0 });
+    const end = endOfWeek(endOfMonth(viewDate), { weekStartsOn: 0 });
+    return eachDayOfInterval({ start, end });
+  };
+  const handleDayClick = (day) => {
+    if (isBefore(day, startOfDay(minDate)) || isAfter(day, startOfDay(maxDate)))
+      return;
+    syncValue(day);
+    setDraftValue(formatDateForInput(day));
+    setInputError(null);
+    setViewDate(day);
+    touchField();
+    setIsOpen(false);
+  };
+  const handleMonthClick = (monthIndex) => {
+    setViewDate((currentDate) => {
+      const nextDate = new Date(currentDate);
+      nextDate.setMonth(monthIndex);
+      return nextDate;
+    });
+    setMode("days");
+  };
+  const handleMonthChange = (monthIndex) => {
+    setViewDate((currentDate) => {
+      const nextDate = new Date(currentDate);
+      nextDate.setDate(1);
+      nextDate.setMonth(monthIndex);
+      return nextDate;
+    });
+  };
+  const handleYearClick = (year) => {
+    setViewDate((currentDate) => {
+      const nextDate = new Date(currentDate);
+      nextDate.setFullYear(year);
+      return nextDate;
+    });
+    setMode("days");
+  };
+  const handleYearChange = (year) => {
+    setViewDate((currentDate) => {
+      const nextDate = new Date(currentDate);
+      nextDate.setDate(1);
+      nextDate.setFullYear(year);
+      if (year === minDate.getFullYear() && nextDate < startOfMonth(minDate)) {
+        nextDate.setMonth(minDate.getMonth());
+      }
+      if (year === maxDate.getFullYear() && nextDate > startOfMonth(maxDate)) {
+        nextDate.setMonth(maxDate.getMonth());
+      }
+      return nextDate;
+    });
+  };
+  const commitDraftValue = (rawValue) => {
+    const normalizedValue = formatInputValue(rawValue);
+    setDraftValue(normalizedValue);
+    touchField();
+    if (!normalizedValue) {
+      syncValue(null);
+      setInputError(null);
+      return;
+    }
+    if (normalizedValue.length < 10) {
+      syncValue(null);
+      setInputError("Data incompleta");
+      return;
+    }
+    const parsedDate = parseDateValue(normalizedValue);
+    if (!parsedDate) {
+      syncValue(null);
+      setInputError("Data invalida");
+      return;
+    }
+    if (isBefore(parsedDate, startOfDay(minDate)) || isAfter(parsedDate, startOfDay(maxDate))) {
+      syncValue(null);
+      setInputError("Data fora do intervalo permitido");
+      return;
+    }
+    syncValue(parsedDate);
+    setViewDate(parsedDate);
+    setInputError(null);
+  };
+  const yearRangeStart = viewDate.getFullYear() - 5;
+  const years = Array.from(
+    { length: 12 },
+    (_, index) => yearRangeStart + index
+  );
+  const minYear = minDate.getFullYear();
+  const maxYear = maxDate.getFullYear();
+  const selectableYears = Array.from(
+    { length: Math.max(0, maxYear - minYear + 1) },
+    (_, index) => minYear + index
+  );
+  const previousMonth = subMonths(viewDate, 1);
+  const nextMonth = addMonths(viewDate, 1);
+  const previousMonthDisabled = isBefore(
+    endOfMonth(previousMonth),
+    startOfDay(minDate)
+  );
+  const nextMonthDisabled = isAfter(
+    startOfMonth(nextMonth),
+    startOfDay(maxDate)
+  );
+  const headerLabel = mode === "days" ? format(viewDate, "MMMM yyyy", { locale: ptBR }) : mode === "months" ? String(viewDate.getFullYear()) : `${yearRangeStart} - ${yearRangeStart + 11}`;
+  const resolvedErrorText = inputError || (formikTouched && typeof formikError === "string" ? formikError : errorText);
+  const hasError = Boolean(
+    inputError || formikTouched && formikError || error
+  );
+  const errorId = `${name}-error`;
+  return /* @__PURE__ */ jsxs6(
+    FieldFrame_default,
+    {
+      className: "relative",
+      ref: containerRef,
+      label,
+      labelFor: name,
+      invalid: hasError,
+      message: resolvedErrorText,
+      messageId: errorId,
+      children: [
+        /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            "data-has-value": draftValue.length > 0,
+            className: classNames6(
+              FIELD_CONTROL_CLASS,
+              {
+                [FIELD_DISABLED_CLASS]: isFieldDisabled,
+                [FIELD_ERROR_CLASS]: hasError
+              },
+              className
+            ),
+            children: [
+              /* @__PURE__ */ jsx6(
+                "input",
+                {
+                  ref: inputRef,
+                  id: name,
+                  name,
+                  "aria-invalid": hasError || void 0,
+                  "aria-describedby": hasError && resolvedErrorText ? errorId : void 0,
+                  type: "text",
+                  inputMode: "numeric",
+                  autoComplete: "off",
+                  maxLength: 10,
+                  disabled: isFieldDisabled,
+                  placeholder,
+                  value: draftValue,
+                  onClick: openCalendar,
+                  onFocus: () => {
+                    setIsEditing(true);
+                    openCalendar();
+                  },
+                  onChange: (event) => {
+                    const nextValue = formatInputValue(event.target.value);
+                    setDraftValue(nextValue);
+                    setInputError(null);
+                    if (nextValue.length === 10) {
+                      const parsedDate = parseDateValue(nextValue);
+                      if (parsedDate) {
+                        setViewDate(parsedDate);
+                      }
+                    }
+                  },
+                  onBlur: (event) => {
+                    setIsEditing(false);
+                    commitDraftValue(event.target.value);
+                    onBlur == null ? void 0 : onBlur(event);
+                  },
+                  onKeyDown: (event) => {
+                    if (event.key === "Enter") {
+                      commitDraftValue(draftValue);
+                      setIsOpen(false);
+                    }
+                  },
+                  className: FIELD_INPUT_CLASS
+                }
+              ),
+              /* @__PURE__ */ jsx6(
+                "button",
+                {
+                  type: "button",
+                  disabled: isFieldDisabled,
+                  onClick: openCalendar,
+                  className: "flex items-center justify-center disabled:cursor-not-allowed",
+                  "aria-label": "Abrir calendario",
+                  children: /* @__PURE__ */ jsx6(
+                    MdCalendarMonth,
+                    {
+                      className: classNames6("h-5 w-5", {
+                        "text-field-assistive-error": hasError
+                      })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        isMounted && isOpen ? createPortal3(
+          /* @__PURE__ */ jsxs6(
+            "div",
+            {
+              ref: dropdownRef,
+              style: dropdownStyle,
+              className: classNames6(
+                getFloatingLayerClass(containerRef.current, "popover"),
+                "rounded-sm border border-border-default bg-white shadow-md transition-all duration-150",
+                panelNeedsScroll ? "overflow-y-auto overscroll-contain" : "overflow-visible",
+                "py-3"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs6("div", { className: "mb-1 flex items-center justify-between px-1", children: [
+                  /* @__PURE__ */ jsx6(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": "Exibir m\xEAs anterior",
+                      disabled: navigationVariant === "dropdown" && previousMonthDisabled,
+                      onClick: () => mode === "days" ? setViewDate((currentDate) => subMonths(currentDate, 1)) : mode === "months" ? setViewDate((currentDate) => {
+                        const nextDate = new Date(currentDate);
+                        nextDate.setFullYear(nextDate.getFullYear() - 1);
+                        return nextDate;
+                      }) : setViewDate((currentDate) => {
+                        const nextDate = new Date(currentDate);
+                        nextDate.setFullYear(nextDate.getFullYear() - 12);
+                        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" })
+                    }
+                  ),
+                  navigationVariant === "dropdown" ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-[6px]", children: [
+                    /* @__PURE__ */ jsx6(
+                      "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(
+                          "option",
+                          {
+                            value: monthIndex,
+                            disabled: viewDate.getFullYear() === minYear && monthIndex < minDate.getMonth() || viewDate.getFullYear() === maxYear && monthIndex > maxDate.getMonth(),
+                            children: month
+                          },
+                          month
+                        ))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx6(
+                      "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))
+                      }
+                    )
+                  ] }) : /* @__PURE__ */ jsx6(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setMode(
+                        (currentMode) => currentMode === "days" ? "months" : currentMode === "months" ? "years" : "days"
+                      ),
+                      className: "px-2 text-sm font-semibold capitalize text-content-primary transition-colors hover:text-primary-1",
+                      children: headerLabel
+                    }
+                  ),
+                  /* @__PURE__ */ jsx6(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": "Exibir pr\xF3ximo m\xEAs",
+                      disabled: navigationVariant === "dropdown" && nextMonthDisabled,
+                      onClick: () => mode === "days" ? setViewDate((currentDate) => addMonths(currentDate, 1)) : mode === "months" ? setViewDate((currentDate) => {
+                        const nextDate = new Date(currentDate);
+                        nextDate.setFullYear(nextDate.getFullYear() + 1);
+                        return nextDate;
+                      }) : setViewDate((currentDate) => {
+                        const nextDate = new Date(currentDate);
+                        nextDate.setFullYear(nextDate.getFullYear() + 12);
+                        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" })
+                    }
+                  )
+                ] }),
+                mode === "days" && /* @__PURE__ */ jsxs6("div", { className: "px-3", children: [
+                  /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-7 gap-x-1", children: WEEKDAYS.map((weekday) => /* @__PURE__ */ jsx6(
+                    "div",
+                    {
+                      className: "select-none py-0.5 text-center text-2xs font-semibold text-content-muted",
+                      children: weekday
+                    },
+                    weekday
+                  )) }),
+                  /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-7 gap-x-1", children: getDaysInView().map((day, index) => {
+                    const selected = selectedDate ? isSameDay(day, selectedDate) : false;
+                    const currentDay = isToday(day);
+                    const inMonth = isSameMonth(day, viewDate);
+                    const dayDisabled = isBefore(day, startOfDay(minDate)) || isAfter(day, startOfDay(maxDate));
+                    if (!showAdjacentDays && !inMonth) {
+                      return /* @__PURE__ */ jsx6(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: "h-7"
+                        },
+                        `${day.toISOString()}-${index}`
+                      );
+                    }
+                    return /* @__PURE__ */ jsx6(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => handleDayClick(day),
+                        disabled: dayDisabled,
+                        className: classNames6(
+                          "group flex h-7 w-full items-center justify-center text-xs transition-colors",
+                          {
+                            "opacity-30 cursor-not-allowed": dayDisabled,
+                            "cursor-pointer": !dayDisabled
+                          }
+                        ),
+                        children: /* @__PURE__ */ jsx6(
+                          "span",
+                          {
+                            className: classNames6(
+                              "flex h-6 w-6 items-center justify-center rounded-sm transition-colors",
+                              {
+                                "border border-selection-border bg-selection-background font-semibold text-selection-content": selected,
+                                "border border-primary-1 text-primary-1 font-semibold group-hover:bg-primary-1/10": currentDay && inMonth && !selected,
+                                "text-content-primary group-hover:bg-primary-1/10": inMonth && !selected && !currentDay,
+                                "text-content-muted": !inMonth
+                              }
+                            ),
+                            children: format(day, "d")
+                          }
+                        )
+                      },
+                      `${day.toISOString()}-${index}`
+                    );
+                  }) })
+                ] }),
+                mode === "months" && /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-3 gap-1 px-3", children: MONTHS.map((month, index) => {
+                  const selected = index === viewDate.getMonth();
+                  return /* @__PURE__ */ jsx6(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => handleMonthClick(index),
+                      className: classNames6(
+                        "rounded-sm py-1 text-xs capitalize transition-colors",
+                        {
+                          "border border-selection-border bg-selection-background font-semibold text-selection-content": selected,
+                          "text-content-primary hover:bg-primary-1/10": !selected
+                        }
+                      ),
+                      children: month.slice(0, 3)
+                    },
+                    month
+                  );
+                }) }),
+                mode === "years" && /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-3 gap-1 px-3", children: years.map((year) => {
+                  const selected = year === viewDate.getFullYear();
+                  return /* @__PURE__ */ jsx6(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => handleYearClick(year),
+                      className: classNames6(
+                        "rounded-sm py-1 text-xs transition-colors",
+                        {
+                          "border border-selection-border bg-selection-background font-semibold text-selection-content": selected,
+                          "text-content-primary hover:bg-primary-1/10": !selected
+                        }
+                      ),
+                      children: year
+                    },
+                    year
+                  );
+                }) })
+              ]
+            }
+          ),
+          document.body
+        ) : null
+      ]
+    }
+  );
+};
+var UnifiedDatePicker_default = UnifiedDatePicker;
+
+// src/components/datePicker/datePicker.tsx
+var DatePicker = UnifiedDatePicker_default;
+var Datepicker = DatePicker;
+var datePicker_default = DatePicker;
+
+// src/components/selectMulti/SelectMultiView.tsx
+import cs from "classnames";
+import {
+  useEffect as useEffect4,
+  useId as useId3,
+  useRef as useRef6,
+  useState as useState5
+} from "react";
+import { MdClose, MdKeyboardArrowDown } from "react-icons/md";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function SelectMultiView(props) {
+  const { options, error, label, checkedList = [], onClear, disabled } = props;
+  const [isOpened, setIsOpened] = useState5(false);
+  const containerRef = useRef6(null);
+  const triggerRef = useRef6(null);
+  const groupRef = useRef6(null);
+  const baseId = useId3();
+  const triggerId = `${baseId}-trigger`;
+  const labelId = `${baseId}-label`;
+  const groupId = `${baseId}-options`;
+  const summaryId = `${baseId}-summary`;
+  const errorId = `${baseId}-error`;
+  const selectedCount = checkedList.length;
+  const selectedSummary = selectedCount === 0 ? "Nenhuma op\xE7\xE3o selecionada" : selectedCount === 1 ? "1 op\xE7\xE3o selecionada" : `${selectedCount} op\xE7\xF5es selecionadas`;
+  const describedBy = [summaryId, error ? errorId : void 0].filter(Boolean).join(" ");
+  const floatingLayerClass = getFloatingLayerClass(
+    triggerRef.current,
+    "popover"
+  );
+  const menuLayerClass = floatingLayerClass === "z-popover" ? "z-menu" : floatingLayerClass;
+  const closeAndFocusTrigger = () => {
+    var _a;
+    setIsOpened(false);
+    (_a = triggerRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+  };
+  useEffect4(() => {
+    var _a, _b;
+    if (!isOpened) return;
+    (_b = (_a = groupRef.current) == null ? void 0 : _a.querySelector('input[type="checkbox"]')) == null ? void 0 : _b.focus({ preventScroll: true });
+  }, [isOpened]);
+  useEffect4(() => {
+    function handleClickOutside(event) {
+      var _a;
+      if (!((_a = containerRef.current) == null ? void 0 : _a.contains(event.target))) {
+        setIsOpened(false);
+      }
+    }
+    if (isOpened) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isOpened]);
+  useEffect4(() => {
+    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(
+        'input[type="checkbox"]:not([disabled])'
+      )) != null ? _b : []
+    );
+    const currentIndex = checkboxes.indexOf(event.currentTarget);
+    if (event.key === "Escape") {
+      event.preventDefault();
+      closeAndFocusTrigger();
+      return;
+    }
+    if (event.key === "Enter") {
+      event.preventDefault();
+      event.currentTarget.click();
+      return;
+    }
+    if (event.key !== "ArrowDown" && event.key !== "ArrowUp" && event.key !== "Home" && event.key !== "End") {
+      return;
+    }
+    event.preventDefault();
+    if (event.key === "Home") {
+      (_c = checkboxes[0]) == null ? void 0 : _c.focus({ preventScroll: true });
+      return;
+    }
+    if (event.key === "End") {
+      (_d = checkboxes[checkboxes.length - 1]) == null ? void 0 : _d.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 });
+  };
+  return /* @__PURE__ */ jsx7(
+    FieldFrame_default,
+    {
+      ref: containerRef,
+      className: "multi-select-container",
+      label,
+      labelFor: triggerId,
+      labelId: label ? labelId : void 0,
+      invalid: Boolean(error),
+      message: error,
+      messageId: errorId,
+      children: /* @__PURE__ */ jsxs7(
+        "div",
+        {
+          "aria-invalid": Boolean(error) || void 0,
+          className: "relative mb-[4px] mt-4xs",
+          children: [
+            /* @__PURE__ */ jsxs7(
+              "button",
+              {
+                type: "button",
+                id: triggerId,
+                ref: triggerRef,
+                "aria-controls": groupId,
+                "aria-expanded": isOpened,
+                "aria-invalid": Boolean(error) || void 0,
+                "aria-labelledby": label ? labelId : void 0,
+                "aria-label": label ? void 0 : "Selecionar op\xE7\xF5es",
+                "aria-describedby": describedBy,
+                disabled,
+                onClick: () => setIsOpened((current) => !current),
+                onKeyDown: (event) => {
+                  if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+                    event.preventDefault();
+                    setIsOpened(true);
+                  }
+                  if (event.key === "Escape") {
+                    event.preventDefault();
+                    setIsOpened(false);
+                  }
+                },
+                className: cs(
+                  "flex h-control-md w-full cursor-pointer items-center justify-between rounded-sm border border-field-border-default bg-field-surface px-3 text-field-icon focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
+                  error && "border-field-border-error text-field-assistive-error",
+                  !error && isOpened && "border-field-border-active text-field-content",
+                  !error && selectedCount > 0 && "text-field-content",
+                  disabled && "cursor-not-allowed border-field-border-default bg-field-surface-disabled text-field-content-disabled"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx7(
+                    "span",
+                    {
+                      className: cs(
+                        "min-w-0 flex-1 truncate text-left text-base font-normal text-field-placeholder",
+                        {
+                          "pr-12 text-field-content": !disabled && selectedCount > 0,
+                          "text-field-content-disabled": disabled
+                        }
+                      ),
+                      children: "Selecione"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx7(
+                    MdKeyboardArrowDown,
+                    {
+                      "aria-hidden": "true",
+                      className: cs(
+                        "shrink-0 text-base text-field-icon transition-transform",
+                        {
+                          "rotate-180": isOpened,
+                          "text-field-assistive-error": error,
+                          "text-field-content": !error && (isOpened || selectedCount > 0),
+                          "text-field-content-disabled": disabled
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx7("span", { id: summaryId, className: "sr-only", children: selectedSummary }),
+            isOpened && /* @__PURE__ */ jsx7(
+              "div",
+              {
+                id: groupId,
+                ref: groupRef,
+                role: "group",
+                "aria-labelledby": label ? labelId : void 0,
+                "aria-label": label ? void 0 : "Op\xE7\xF5es dispon\xEDveis",
+                "aria-describedby": summaryId,
+                className: cs(
+                  "absolute top-[100%] w-full rounded-sm bg-surface-card p-3",
+                  menuLayerClass,
+                  "flex flex-col items-stretch gap-2 shadow-md"
+                ),
+                children: options.map((option, index) => {
+                  const isChecked = checkedList.includes(option.value);
+                  return /* @__PURE__ */ jsxs7(
+                    "label",
+                    {
+                      className: cs(
+                        "flex h-10 cursor-pointer items-center gap-2 rounded p-2",
+                        isChecked && "bg-primary-5 text-primary-1",
+                        disabled && "cursor-not-allowed"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx7(
+                          "input",
+                          {
+                            id: `${baseId}-option-${index}`,
+                            type: "checkbox",
+                            className: "peer sr-only",
+                            value: option.value,
+                            checked: isChecked,
+                            name: props.name,
+                            onChange: props.onChange,
+                            onKeyDown: handleOptionKeyDown,
+                            "aria-invalid": Boolean(error) || void 0,
+                            "aria-describedby": error ? errorId : void 0,
+                            disabled
+                          }
+                        ),
+                        /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "checkbox-control-proxy" }),
+                        option.label
+                      ]
+                    },
+                    option.value
+                  );
+                })
+              }
+            ),
+            selectedCount > 0 && onClear && /* @__PURE__ */ jsxs7(
+              "button",
+              {
+                type: "button",
+                "aria-label": `Limpar sele\xE7\xE3o de ${label != null ? 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 })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+var SelectMultiView_default = SelectMultiView;
+
+// src/components/selectMulti/SelectMulti.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function SelectMulti(props) {
+  return /* @__PURE__ */ jsx8(
+    SelectMultiView_default,
+    __spreadProps(__spreadValues({}, 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";
+function renderFlag2(option) {
+  var _a;
+  const svgSrc = String(
+    getCountryFlagUrl(option.cca2) || ((_a = option.flags) == null ? void 0 : _a.svg) || ""
+  ).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(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: "flex h-5 w-7 shrink-0 items-center justify-center",
+      children: /* @__PURE__ */ jsx9(
+        "img",
+        {
+          src: svgSrc,
+          alt: "",
+          className: "h-full w-full object-contain",
+          loading: "lazy",
+          referrerPolicy: "no-referrer"
+        }
+      )
+    }
+  );
+}
+function renderCountryContent(option, placeholder) {
+  if (!option) {
+    return /* @__PURE__ */ jsx9("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 })
+  ] });
+}
+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"
+  ]);
+  const availableOptions = filterCountryOptions(
+    options || COUNTRY_OPTIONS,
+    countryList
+  );
+  return /* @__PURE__ */ jsx9(
+    InputSelect_default,
+    __spreadProps(__spreadValues({}, props), {
+      className,
+      defaultValue,
+      onChange,
+      options: availableOptions,
+      searchable,
+      searchPlaceholder,
+      noOptionsText,
+      renderOption: (option) => renderCountryContent(option),
+      renderValue: (option, placeholder) => renderCountryContent(option, placeholder)
+    })
+  );
+}
+var CountrySelect = SelectCountry;
+var SelectCountry_default = SelectCountry;
+
+// src/components/radio-group/radio-group.tsx
+import { useField as useField5 } from "formik";
+import { useId as useId4 } 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"
+  ]);
+  const [field, meta] = useField5(name);
+  const hasError = Boolean(meta.touched && meta.error);
+  const errorId = `${useId4()}-error`;
+  return /* @__PURE__ */ jsxs9(
+    "fieldset",
+    {
+      className: `${FIELD_ROOT_CLASS} ${className != null ? 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",
+          {
+            className: "flex min-h-7 cursor-pointer items-center gap-2",
+            children: [
+              /* @__PURE__ */ jsx10(
+                "input",
+                __spreadProps(__spreadValues(__spreadValues({
+                  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 })
+            ]
+          },
+          option.value
+        )) }),
+        hasError && /* @__PURE__ */ jsx10(
+          "span",
+          {
+            id: errorId,
+            role: "alert",
+            "aria-live": "polite",
+            className: FIELD_MESSAGE_CLASS,
+            children: meta.error
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/radioCardGroup/RadioCardGroup.tsx
+import classNames7 from "classnames";
+import { FormikContext as FormikContext2, getIn as getIn2 } from "formik";
+import {
+  useContext as useContext2,
+  useId as useId5,
+  useMemo as useMemo3,
+  useState as useState6
+} from "react";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var isFormikContext = (context) => Boolean(context && typeof context.setFieldValue === "function");
+function RadioCardGroup({
+  name,
+  label,
+  options,
+  value,
+  defaultValue = "",
+  onChange,
+  error,
+  touched,
+  className,
+  optionClassName,
+  columnsClassName,
+  disabled = false
+}) {
+  const formikContext = useContext2(
+    FormikContext2
+  );
+  const generatedName = useId5();
+  const errorId = `${generatedName}-error`;
+  const [internalValue, setInternalValue] = useState6(defaultValue);
+  const hasFormikBinding = Boolean(name) && isFormikContext(formikContext);
+  const fieldName = name != null ? name : generatedName;
+  const fieldValue = useMemo3(() => {
+    var _a;
+    if (hasFormikBinding && name) {
+      return String((_a = getIn2(formikContext.values, name)) != null ? _a : "");
+    }
+    if (value !== void 0) {
+      return value;
+    }
+    return internalValue;
+  }, [formikContext == null ? void 0 : 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);
+  const helperText = typeof fieldError === "string" && hasError ? fieldError : void 0;
+  const handleChange = (nextValue, event) => {
+    if (hasFormikBinding && name) {
+      formikContext.setFieldValue(name, nextValue);
+      formikContext.setFieldTouched(name, true, false);
+    } else if (value === void 0) {
+      setInternalValue(nextValue);
+    }
+    onChange == null ? void 0 : onChange(nextValue, event);
+  };
+  return /* @__PURE__ */ jsxs10(
+    "fieldset",
+    {
+      className: classNames7("flex min-w-0 flex-col", className),
+      "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) => {
+          const optionId = `${fieldName}-${option.value}`;
+          const checked = fieldValue === option.value;
+          const optionDisabled = disabled || Boolean(option.disabled);
+          return /* @__PURE__ */ jsx11(
+            "label",
+            {
+              htmlFor: optionId,
+              className: classNames7(
+                "block rounded-md border p-4 transition-colors",
+                checked ? "border-primary-1 bg-primary-5" : "border-transparent bg-bg-light",
+                hasError && !checked ? "outline outline-1 outline-feedback-danger-border" : "outline outline-1 outline-transparent",
+                optionDisabled ? "cursor-not-allowed opacity-60" : "cursor-pointer",
+                optionClassName
+              ),
+              children: /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-3", children: [
+                /* @__PURE__ */ jsx11(
+                  "input",
+                  {
+                    id: optionId,
+                    type: "radio",
+                    name: fieldName,
+                    value: option.value,
+                    checked,
+                    disabled: optionDisabled,
+                    onChange: (event) => handleChange(option.value, event),
+                    onBlur: () => {
+                      if (hasFormikBinding && name) {
+                        formikContext.setFieldTouched(name, true, false);
+                      }
+                    },
+                    "aria-describedby": helperText ? errorId : void 0,
+                    className: "radio-control mt-0.5"
+                  }
+                ),
+                /* @__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 })
+                ] })
+              ] })
+            },
+            option.value
+          );
+        }) }),
+        helperText && /* @__PURE__ */ jsx11(
+          "span",
+          {
+            id: errorId,
+            role: "alert",
+            "aria-live": "assertive",
+            className: "mt-1 text-xs tracking-wide text-feedback-danger-content",
+            children: helperText
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  Input_default,
+  InputStandalone,
+  InputSelect_default,
+  TextArea_default,
+  buildPhonePayload,
+  parsePhonePayload,
+  PhoneInput,
+  InputPhone_default,
+  Datepicker,
+  datePicker_default,
+  MultiSelect,
+  SelectMulti_default,
+  CountrySelect,
+  SelectCountry_default,
+  RadioGroup,
+  RadioCardGroup
+};
+//# sourceMappingURL=chunk-BY4HJZFJ.js.map