rharuow-ds 1.7.1 → 1.8.1

package/dist/rharuow-ds.es.js

@@ -1,672 +1,706 @@
 import * as e from "react";
-import l, { useState as ue, useRef as pe, useEffect as Le } from "react";
-import { useFormContext as ie, useWatch as ce } from "react-hook-form";
-import { createPortal as ve } from "react-dom";
-function ge(t) {
-  var a, r, o = "";
-  if (typeof t == "string" || typeof t == "number") o += t;
+import o, { useState as le, useRef as pe, useEffect as be } from "react";
+import { useFormContext as ce, useWatch as de } from "react-hook-form";
+import { createPortal as he } from "react-dom";
+function xe(t) {
+  var n, r, a = "";
+  if (typeof t == "string" || typeof t == "number") a += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
-    var f = t.length;
-    for (a = 0; a < f; a++) t[a] && (r = ge(t[a])) && (o && (o += " "), o += r);
-  } else for (r in t) t[r] && (o && (o += " "), o += r);
-  return o;
+    var l = t.length;
+    for (n = 0; n < l; n++) t[n] && (r = xe(t[n])) && (a && (a += " "), a += r);
+  } else for (r in t) t[r] && (a && (a += " "), a += r);
+  return a;
 }
-function Me() {
-  for (var t, a, r = 0, o = "", f = arguments.length; r < f; r++) (t = arguments[r]) && (a = ge(t)) && (o && (o += " "), o += a);
-  return o;
+function Ae() {
+  for (var t, n, r = 0, a = "", l = arguments.length; r < l; r++) (t = arguments[r]) && (n = xe(t)) && (a && (a += " "), a += n);
+  return a;
 }
-function i(...t) {
-  return Me(...t);
+function d(...t) {
+  return Ae(...t);
 }
-const je = ({
+const Xe = ({
   children: t,
-  variant: a = "default",
+  variant: n = "default",
   className: r = "",
-  ...o
+  ...a
 }) => {
-  const f = "px-4 py-2 rounded font-medium transition", y = {
+  const l = "px-4 py-2 rounded font-medium transition", w = {
     default: "bg-[var(--primary,#2563eb)] text-[var(--primary-text,#fff)] hover:bg-[var(--primary-hover,#1d4ed8)]",
     outline: "border border-[var(--primary,#2563eb)] text-[var(--primary,#2563eb)] bg-white hover:bg-[var(--primary-hover,#e0e7ff)]",
     secondary: "bg-[var(--secondary,#fbbf24)] text-[var(--secondary-text,#222)] hover:bg-[var(--secondary-hover,#f59e42)]"
   };
-  return /* @__PURE__ */ l.createElement("button", { className: i(f, y[a], r), ...o }, t);
-}, Be = e.forwardRef(
+  return /* @__PURE__ */ o.createElement("button", { className: d(l, w[n], r), ...a }, t);
+}, we = (t) => t.replace(/\D/g, ""), Te = (t) => {
+  const r = we(t).slice(0, 11);
+  return r.length <= 3 ? r : r.length <= 6 ? `${r.slice(0, 3)}.${r.slice(3)}` : r.length <= 9 ? `${r.slice(0, 3)}.${r.slice(3, 6)}.${r.slice(6)}` : `${r.slice(0, 3)}.${r.slice(3, 6)}.${r.slice(6, 9)}-${r.slice(9, 11)}`;
+}, ve = (t) => {
+  const n = we(t);
+  if (n.length !== 11 || /^(\d)\1{10}$/.test(n))
+    return !1;
+  let r = 0;
+  for (let l = 0; l < 9; l++)
+    r += parseInt(n.charAt(l)) * (10 - l);
+  let a = r * 10 % 11;
+  if ((a === 10 || a === 11) && (a = 0), a !== parseInt(n.charAt(9)))
+    return !1;
+  r = 0;
+  for (let l = 0; l < 10; l++)
+    r += parseInt(n.charAt(l)) * (11 - l);
+  return a = r * 10 % 11, (a === 10 || a === 11) && (a = 0), a === parseInt(n.charAt(10));
+}, $e = e.forwardRef(
   ({
     name: t,
-    className: a,
+    className: n,
     type: r = "text",
-    label: o,
-    onFocus: f,
-    onBlur: y,
-    Icon: v,
-    iconClassName: T,
-    iconAction: P,
-    containerClassName: S,
-    ...x
-  }, h) => {
-    var G, V, W;
-    const [p, B] = e.useState(!1), [E, F] = e.useState(!1), m = ie(), g = m == null ? void 0 : m.control, w = m == null ? void 0 : m.register, N = g && t ? ce({ control: g, name: t }) : void 0, d = x.value ?? N ?? "", C = (W = (V = (G = m == null ? void 0 : m.formState) == null ? void 0 : G.errors) == null ? void 0 : V[t]) == null ? void 0 : W.message, _ = ["date", "datetime-local", "time", "month", "week"].includes(r), u = p || !!d || _, H = r === "password" ? E ? "text" : "password" : r, D = () => /* @__PURE__ */ e.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
+    label: a,
+    onFocus: l,
+    onBlur: w,
+    onChange: b,
+    Icon: M,
+    iconClassName: N,
+    iconAction: y,
+    containerClassName: f,
+    cpf: x = !1,
+    ...c
+  }, I) => {
+    var _, P, q;
+    const [k, S] = e.useState(!1), [v, h] = e.useState(!1), [E, C] = e.useState(null), i = ce(), R = i == null ? void 0 : i.control, F = i == null ? void 0 : i.register, B = R && t ? de({ control: R, name: t }) : void 0, p = c.value ?? B ?? "", V = ((q = (P = (_ = i == null ? void 0 : i.formState) == null ? void 0 : _.errors) == null ? void 0 : P[t]) == null ? void 0 : q.message) || E, L = ["date", "datetime-local", "time", "month", "week"].includes(r), J = k || !!p || L, Z = r === "password" ? v ? "text" : "password" : r, G = () => /* @__PURE__ */ e.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
       "path",
       {
         d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z",
         fill: "currentColor"
       }
-    )), R = () => /* @__PURE__ */ e.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
+    )), W = () => /* @__PURE__ */ e.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
       "path",
       {
         d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z",
         fill: "currentColor"
       }
-    )), U = () => {
-      F(!E);
+    )), $ = () => {
+      h(!v);
+    }, X = (z) => {
+      if (x) {
+        const Y = z.target.value, j = Te(Y);
+        z.target.value = j, j.length === 14 ? ve(j) ? C(null) : C("CPF inválido") : C(null);
+      }
+      b && b(z);
     };
-    return /* @__PURE__ */ e.createElement("div", { className: i("relative", S) }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", f) }, /* @__PURE__ */ e.createElement(
       "input",
       {
-        id: x.id || t,
-        type: H,
-        className: i(
+        id: c.id || t,
+        type: Z,
+        className: d(
           "peer flex h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 pt-6 pb-2 text-sm placeholder-transparent transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50",
-          r === "password" || v ? "pr-12" : "",
+          r === "password" || M ? "pr-12" : "",
           // espaço extra para qualquer ícone (password ou customizado)
-          a
+          V ? "border-red-500" : "",
+          n
         ),
-        onFocus: (L) => {
-          B(!0), f && f(L);
+        onFocus: (z) => {
+          S(!0), l && l(z);
         },
-        ...m && t ? (() => {
-          const L = w(t), q = L.onBlur;
+        maxLength: x ? 14 : c.maxLength,
+        inputMode: x ? "numeric" : c.inputMode,
+        ...i && t ? (() => {
+          const z = F(t, x ? {
+            validate: (D) => D ? D.length < 14 ? "CPF incompleto" : ve(D) ? !0 : "CPF inválido" : "CPF é obrigatório"
+          } : void 0), Y = z.onBlur, j = z.onChange;
           return {
-            ...L,
-            ref: (M) => {
-              typeof h == "function" ? h(M) : h && (h.current = M), L.ref && L.ref(M);
+            ...z,
+            ref: (D) => {
+              typeof I == "function" ? I(D) : I && (I.current = D), z.ref && z.ref(D);
             },
-            onBlur: (M) => {
-              B(!1), y && y(M), q && q(M);
+            onBlur: (D) => {
+              S(!1), w && w(D), Y && Y(D);
+            },
+            onChange: (D) => {
+              X(D), j && j(D);
             }
           };
         })() : {
-          ref: h,
-          onBlur: (L) => {
-            B(!1), y && y(L);
-          }
+          ref: I,
+          onBlur: (z) => {
+            S(!1), w && w(z);
+          },
+          onChange: X
         },
-        ...x
+        ...c
       }
-    ), o && /* @__PURE__ */ e.createElement(
+    ), a && /* @__PURE__ */ e.createElement(
       "label",
       {
-        htmlFor: x.id || t,
-        className: i(
+        htmlFor: c.id || t,
+        className: d(
           "absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
-          u ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
+          J ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
         )
       },
-      o
+      a
     ), r === "password" && /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
         className: "absolute top-1/2 right-3 -translate-y-1/2 text-gray-400 hover:text-[var(--primary,#2563eb)] transition-colors duration-200 focus:outline-none focus:text-[var(--primary,#2563eb)]",
-        onClick: U,
-        "aria-label": E ? "Esconder senha" : "Mostrar senha",
+        onClick: $,
+        "aria-label": v ? "Esconder senha" : "Mostrar senha",
         tabIndex: -1
       },
-      E ? /* @__PURE__ */ e.createElement(R, null) : /* @__PURE__ */ e.createElement(D, null)
-    ), v && r !== "password" && /* @__PURE__ */ e.createElement(
+      v ? /* @__PURE__ */ e.createElement(W, null) : /* @__PURE__ */ e.createElement(G, null)
+    ), M && r !== "password" && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: i(
+        className: d(
           "absolute top-1/2 right-3 -translate-y-1/2 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",
-          T
+          N
         ),
-        onClick: P
+        onClick: y
       },
-      /* @__PURE__ */ e.createElement(v, null)
-    ), C && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, C));
+      /* @__PURE__ */ e.createElement(M, null)
+    ), V && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, V));
   }
 );
-Be.displayName = "Input";
-const _e = e.forwardRef(
+$e.displayName = "Input";
+const ze = e.forwardRef(
   ({
     name: t,
-    label: a,
+    label: n,
     options: r,
-    className: o,
-    containerClassName: f,
-    isClearable: y,
-    searchable: v = !1,
-    filterPlaceholder: T = "Digite para filtrar...",
-    caseSensitive: P = !1,
-    filterFunction: S,
-    onFocus: x,
-    onBlur: h,
-    ...p
-  }, B) => {
-    var te, ae, s, A;
-    const [E, F] = e.useState(!1), [m, g] = e.useState(!1), [w, N] = e.useState(""), [d, C] = e.useState({
+    className: a,
+    containerClassName: l,
+    isClearable: w,
+    searchable: b = !1,
+    filterPlaceholder: M = "Digite para filtrar...",
+    caseSensitive: N = !1,
+    filterFunction: y,
+    onFocus: f,
+    onBlur: x,
+    ...c
+  }, I) => {
+    var re, ne, u, T;
+    const [k, S] = e.useState(!1), [v, h] = e.useState(!1), [E, C] = e.useState(""), [i, R] = e.useState({
       top: 0,
       left: 0,
       width: 0
-    }), k = e.useRef(null), _ = e.useRef(null), u = ie(), H = u == null ? void 0 : u.control, D = H && t ? ce({ control: H, name: t }) : void 0, R = p.value ?? D ?? "", U = (s = (ae = (te = u == null ? void 0 : u.formState) == null ? void 0 : te.errors) == null ? void 0 : ae[t]) == null ? void 0 : s.message, V = S || ((n, $) => {
-      const j = P ? n.label : n.label.toLowerCase(), Z = P ? $ : $.toLowerCase();
-      return j.includes(Z);
-    }), W = w.trim() ? r.filter((n) => V(n, w.trim())) : r, L = r.find((n) => n.value === R), q = v && m ? w : (L == null ? void 0 : L.label) || "", M = E || !!R || v && !!w, z = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), K = e.useCallback(() => {
-      if (k.current && m) {
-        const n = k.current.getBoundingClientRect(), $ = z(), j = window.innerHeight, Z = window.innerWidth, Y = 152;
-        let b = n.bottom + 4, O = n.left;
-        if ($) {
-          const re = j - n.bottom, c = n.top;
-          re < Y && c > Y && (b = n.top - Y - 4);
-          const I = 16, X = Z - n.width - I;
-          O = Math.min(Math.max(O, I), X);
+    }), F = e.useRef(null), B = e.useRef(null), p = ce(), V = p == null ? void 0 : p.control, U = V && t ? de({ control: V, name: t }) : void 0, L = c.value ?? U ?? "", J = (u = (ne = (re = p == null ? void 0 : p.formState) == null ? void 0 : re.errors) == null ? void 0 : ne[t]) == null ? void 0 : u.message, G = y || ((s, O) => {
+      const K = N ? s.label : s.label.toLowerCase(), te = N ? O : O.toLowerCase();
+      return K.includes(te);
+    }), W = E.trim() ? r.filter((s) => G(s, E.trim())) : r, $ = r.find((s) => s.value === L), X = b && v ? E : ($ == null ? void 0 : $.label) || "", _ = k || !!L || b && !!E, P = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), q = e.useCallback(() => {
+      if (F.current && v) {
+        const s = F.current.getBoundingClientRect(), O = P(), K = window.innerHeight, te = window.innerWidth, Q = 152;
+        let g = s.bottom + 4, H = s.left;
+        if (O) {
+          const ae = K - s.bottom, m = s.top;
+          ae < Q && m > Q && (g = s.top - Q - 4);
+          const A = 16, ee = te - s.width - A;
+          H = Math.min(Math.max(H, A), ee);
         } else
-          j - n.bottom < Y && (b = n.top - Y - 4);
-        C({
-          top: b,
-          left: O,
-          width: n.width
+          K - s.bottom < Q && (g = s.top - Q - 4);
+        R({
+          top: g,
+          left: H,
+          width: s.width
         });
       }
-    }, [m, z]);
+    }, [v, P]);
     e.useEffect(() => {
-      if (K(), m) {
-        const n = () => K(), $ = () => K();
-        return window.addEventListener("resize", n), window.addEventListener("scroll", $, !0), () => {
-          window.removeEventListener("resize", n), window.removeEventListener("scroll", $, !0);
+      if (q(), v) {
+        const s = () => q(), O = () => q();
+        return window.addEventListener("resize", s), window.addEventListener("scroll", O, !0), () => {
+          window.removeEventListener("resize", s), window.removeEventListener("scroll", O, !0);
         };
       }
-    }, [m, K]), e.useEffect(() => {
-      const n = ($) => {
-        k.current && !k.current.contains($.target) && (g(!1), F(!1));
+    }, [v, q]), e.useEffect(() => {
+      const s = (O) => {
+        F.current && !F.current.contains(O.target) && (h(!1), S(!1));
       };
-      return document.addEventListener("mousedown", n), () => {
-        document.removeEventListener("mousedown", n);
+      return document.addEventListener("mousedown", s), () => {
+        document.removeEventListener("mousedown", s);
       };
     }, []);
-    const ee = () => {
-      g((n) => !n), F(!0);
-    }, Q = (n) => {
-      F(!0), x && x(n);
-    }, J = (n) => {
-      h && h(n);
-    }, ne = (n) => {
-      N(n.target.value);
-    }, oe = (n) => {
-      if (u && t && u.setValue(t, n), p.onChange) {
-        const $ = {
-          target: { value: n }
+    const z = () => {
+      h((s) => !s), S(!0);
+    }, Y = (s) => {
+      S(!0), f && f(s);
+    }, j = (s) => {
+      x && x(s);
+    }, D = (s) => {
+      C(s.target.value);
+    }, oe = (s) => {
+      if (p && t && p.setValue(t, s), c.onChange) {
+        const O = {
+          target: { value: s }
         };
-        p.onChange($);
+        c.onChange(O);
       }
-      g(!1), F(!1), N("");
+      h(!1), S(!1), C("");
     };
-    return /* @__PURE__ */ e.createElement("div", { className: i("relative", f), ref: k }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", l), ref: F }, /* @__PURE__ */ e.createElement(
       "div",
       {
-        id: p.id || t,
+        id: c.id || t,
         tabIndex: 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": m,
-        className: i(
+        "aria-expanded": v,
+        className: d(
           "peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
-          o
+          a
         ),
-        onClick: v ? void 0 : ee,
-        onFocus: v ? void 0 : Q,
-        onBlur: v ? void 0 : J,
-        ref: B
+        onClick: b ? void 0 : z,
+        onFocus: b ? void 0 : Y,
+        onBlur: b ? void 0 : j,
+        ref: I
       },
-      v ? /* @__PURE__ */ e.createElement(
+      b ? /* @__PURE__ */ e.createElement(
         "input",
         {
-          ref: _,
+          ref: B,
           type: "text",
-          value: q,
-          onChange: ne,
-          onFocus: v ? (n) => {
-            F(!0), g(!0), x && x(n);
+          value: X,
+          onChange: D,
+          onFocus: b ? (s) => {
+            S(!0), h(!0), f && f(s);
           } : void 0,
-          onBlur: v ? (n) => {
-            h && h(n);
+          onBlur: b ? (s) => {
+            x && x(s);
           } : void 0,
-          placeholder: a ? "" : T || "Selecione...",
-          className: i(
+          placeholder: n ? "" : M || "Selecione...",
+          className: d(
             "w-full bg-transparent border-none outline-none text-sm",
-            !R && !w && "text-gray-400"
+            !L && !E && "text-gray-400"
           )
         }
-      ) : /* @__PURE__ */ e.createElement("span", { className: i("block truncate", !R && "text-gray-400") }, ((A = r.find((n) => n.value === R)) == null ? void 0 : A.label) || !a && "Selecione..."),
-      y && R && /* @__PURE__ */ e.createElement(
+      ) : /* @__PURE__ */ e.createElement("span", { className: d("block truncate", !L && "text-gray-400") }, ((T = r.find((s) => s.value === L)) == null ? void 0 : T.label) || !n && "Selecione..."),
+      w && L && /* @__PURE__ */ e.createElement(
         "button",
         {
           type: "button",
           tabIndex: -1,
           "aria-label": "Limpar seleção",
           className: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",
-          onClick: (n) => {
-            if (n.stopPropagation(), u && t && u.setValue(t, ""), p.onChange) {
-              const $ = {
+          onClick: (s) => {
+            if (s.stopPropagation(), p && t && p.setValue(t, ""), c.onChange) {
+              const O = {
                 target: { value: "" }
               };
-              p.onChange($);
+              c.onChange(O);
             }
-            g(!1), F(!1);
+            h(!1), S(!1);
           }
         },
         "✕"
       )
-    ), a && /* @__PURE__ */ e.createElement(
+    ), n && /* @__PURE__ */ e.createElement(
       "label",
       {
-        htmlFor: p.id || t,
-        className: i(
+        htmlFor: c.id || t,
+        className: d(
           "absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
-          M ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
+          _ ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
         )
       },
-      a
+      n
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: i(
+        className: d(
           "absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden",
           "bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",
-          m ? "border max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
+          v ? "border max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
         ),
         style: {
-          maxHeight: m ? "9.5rem" : "0",
+          maxHeight: v ? "9.5rem" : "0",
           // 3 options * 2.5rem + padding
           overflowY: r.length > 3 ? "auto" : "hidden",
           position: "fixed",
           // Use fixed positioning to escape container overflow
-          top: m ? `${d.top}px` : "auto",
-          left: m ? `${d.left}px` : "auto",
-          width: m ? `${d.width}px` : "auto",
+          top: v ? `${i.top}px` : "auto",
+          left: v ? `${i.left}px` : "auto",
+          width: v ? `${i.width}px` : "auto",
           zIndex: 9999,
-          boxShadow: m ? "var(--select-dropdown-shadow)" : "none"
+          boxShadow: v ? "var(--select-dropdown-shadow)" : "none"
         }
       },
-      W.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, "Nenhuma opção encontrada") : W.map((n) => /* @__PURE__ */ e.createElement(
+      W.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, "Nenhuma opção encontrada") : W.map((s) => /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: n.value,
-          className: i(
+          key: s.value,
+          className: d(
             "px-3 py-2 cursor-pointer text-sm transition-colors duration-150",
             "hover:bg-[var(--select-dropdown-hover)]",
-            R === n.value && "bg-[var(--select-dropdown-selected)]"
+            L === s.value && "bg-[var(--select-dropdown-selected)]"
           ),
-          onMouseDown: () => oe(n.value)
+          onMouseDown: () => oe(s.value)
         },
-        n.label
+        s.label
       ))
-    ), U && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, U));
+    ), J && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, J));
   }
 );
-_e.displayName = "Select";
-const Pe = e.forwardRef(
+ze.displayName = "Select";
+const Oe = e.forwardRef(
   ({
     name: t,
-    className: a,
+    className: n,
     label: r,
-    onFocus: o,
-    onBlur: f,
-    Icon: y,
-    iconClassName: v,
-    iconAction: T,
-    containerClassName: P,
-    rows: S = 4,
-    ...x
-  }, h) => {
-    var C, k, _;
-    const [p, B] = e.useState(!1), E = ie(), F = E == null ? void 0 : E.control, m = E == null ? void 0 : E.register, g = F && t ? ce({ control: F, name: t }) : void 0, w = x.value ?? g ?? "", N = (_ = (k = (C = E == null ? void 0 : E.formState) == null ? void 0 : C.errors) == null ? void 0 : k[t]) == null ? void 0 : _.message, d = p || !!w;
-    return /* @__PURE__ */ e.createElement("div", { className: i("relative", P) }, /* @__PURE__ */ e.createElement(
+    onFocus: a,
+    onBlur: l,
+    Icon: w,
+    iconClassName: b,
+    iconAction: M,
+    containerClassName: N,
+    rows: y = 4,
+    ...f
+  }, x) => {
+    var R, F, B;
+    const [c, I] = e.useState(!1), k = ce(), S = k == null ? void 0 : k.control, v = k == null ? void 0 : k.register, h = S && t ? de({ control: S, name: t }) : void 0, E = f.value ?? h ?? "", C = (B = (F = (R = k == null ? void 0 : k.formState) == null ? void 0 : R.errors) == null ? void 0 : F[t]) == null ? void 0 : B.message, i = c || !!E;
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", N) }, /* @__PURE__ */ e.createElement(
       "textarea",
       {
-        id: x.id || t,
-        rows: S,
-        className: i(
+        id: f.id || t,
+        rows: y,
+        className: d(
           "peer flex min-h-[80px] w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 pt-6 pb-2 text-sm placeholder-transparent transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 resize-vertical",
-          y ? "pr-12" : "",
+          w ? "pr-12" : "",
           // espaço extra para ícone customizado
-          a
+          n
         ),
-        onFocus: (u) => {
-          B(!0), o && o(u);
+        onFocus: (p) => {
+          I(!0), a && a(p);
         },
-        ...E && t ? (() => {
-          const u = m(t), H = u.onBlur;
+        ...k && t ? (() => {
+          const p = v(t), V = p.onBlur;
           return {
-            ...u,
-            ref: (D) => {
-              typeof h == "function" ? h(D) : h && (h.current = D), u.ref && u.ref(D);
+            ...p,
+            ref: (U) => {
+              typeof x == "function" ? x(U) : x && (x.current = U), p.ref && p.ref(U);
             },
-            onBlur: (D) => {
-              B(!1), f && f(D), H && H(D);
+            onBlur: (U) => {
+              I(!1), l && l(U), V && V(U);
             }
           };
         })() : {
-          ref: h,
-          onBlur: (u) => {
-            B(!1), f && f(u);
+          ref: x,
+          onBlur: (p) => {
+            I(!1), l && l(p);
           }
         },
-        ...x
+        ...f
       }
     ), r && /* @__PURE__ */ e.createElement(
       "label",
       {
-        htmlFor: x.id || t,
-        className: i(
+        htmlFor: f.id || t,
+        className: d(
           "absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
-          d ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
+          i ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
         )
       },
       r
-    ), y && /* @__PURE__ */ e.createElement(
+    ), w && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: i(
+        className: d(
           "absolute top-3 right-3 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",
-          v
+          b
         ),
-        onClick: T
+        onClick: M
       },
-      /* @__PURE__ */ e.createElement(y, null)
-    ), N && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, N));
+      /* @__PURE__ */ e.createElement(w, null)
+    ), C && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, C));
   }
 );
-Pe.displayName = "Textarea";
-const Ie = e.forwardRef(
+Oe.displayName = "Textarea";
+const We = e.forwardRef(
   ({
     name: t,
-    label: a,
+    label: n,
     loadOptions: r,
-    className: o,
-    containerClassName: f,
-    isClearable: y,
-    defaultOptions: v = !1,
-    loadingMessage: T = "Carregando...",
-    noOptionsMessage: P = "Nenhuma opção encontrada",
-    searchable: S = !1,
-    debounceMs: x = 300,
-    onFocus: h,
-    onBlur: p,
-    ...B
-  }, E) => {
-    var j, Z, Y;
-    const [F, m] = e.useState(!1), [g, w] = e.useState(!1), [N, d] = e.useState([]), [C, k] = e.useState(!1), [_, u] = e.useState(""), [H, D] = e.useState(""), [R, U] = e.useState({
+    className: a,
+    containerClassName: l,
+    isClearable: w,
+    defaultOptions: b = !1,
+    loadingMessage: M = "Carregando...",
+    noOptionsMessage: N = "Nenhuma opção encontrada",
+    searchable: y = !1,
+    debounceMs: f = 300,
+    onFocus: x,
+    onBlur: c,
+    ...I
+  }, k) => {
+    var K, te, Q;
+    const [S, v] = e.useState(!1), [h, E] = e.useState(!1), [C, i] = e.useState([]), [R, F] = e.useState(!1), [B, p] = e.useState(""), [V, U] = e.useState(""), [L, J] = e.useState({
       top: 0,
       left: 0,
       width: 0
-    }), G = e.useRef(null), V = e.useRef(null), W = ie(), L = W == null ? void 0 : W.control, q = L && t ? ce({ control: L, name: t }) : void 0, M = B.value ?? q ?? "", z = (Y = (Z = (j = W == null ? void 0 : W.formState) == null ? void 0 : j.errors) == null ? void 0 : Z[t]) == null ? void 0 : Y.message, K = F || !!M, ee = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), Q = e.useCallback(() => {
-      if (G.current && g) {
-        const b = G.current.getBoundingClientRect(), O = ee(), re = window.innerHeight, c = window.innerWidth, I = 152;
-        let X = b.bottom + 4, se = b.left;
-        if (O) {
-          const le = re - b.bottom, fe = b.top;
-          le < I && fe > I && (X = b.top - I - 4);
-          const de = 16, me = c - b.width - de;
-          se = Math.min(Math.max(se, de), me);
+    }), Z = e.useRef(null), G = e.useRef(null), W = ce(), $ = W == null ? void 0 : W.control, X = $ && t ? de({ control: $, name: t }) : void 0, _ = I.value ?? X ?? "", P = (Q = (te = (K = W == null ? void 0 : W.formState) == null ? void 0 : K.errors) == null ? void 0 : te[t]) == null ? void 0 : Q.message, q = S || !!_, z = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), Y = e.useCallback(() => {
+      if (Z.current && h) {
+        const g = Z.current.getBoundingClientRect(), H = z(), ae = window.innerHeight, m = window.innerWidth, A = 152;
+        let ee = g.bottom + 4, ie = g.left;
+        if (H) {
+          const se = ae - g.bottom, fe = g.top;
+          se < A && fe > A && (ee = g.top - A - 4);
+          const ue = 16, me = m - g.width - ue;
+          ie = Math.min(Math.max(ie, ue), me);
         } else
-          re - b.bottom < I && (X = b.top - I - 4);
-        U({
-          top: X,
-          left: se,
-          width: b.width
+          ae - g.bottom < A && (ee = g.top - A - 4);
+        J({
+          top: ee,
+          left: ie,
+          width: g.width
         });
       }
-    }, [g, ee]);
+    }, [h, z]);
     e.useEffect(() => {
-      if (Q(), g) {
-        const b = () => Q(), O = () => Q();
-        return window.addEventListener("resize", b), window.addEventListener("scroll", O, !0), () => {
-          window.removeEventListener("resize", b), window.removeEventListener("scroll", O, !0);
+      if (Y(), h) {
+        const g = () => Y(), H = () => Y();
+        return window.addEventListener("resize", g), window.addEventListener("scroll", H, !0), () => {
+          window.removeEventListener("resize", g), window.removeEventListener("scroll", H, !0);
         };
       }
-    }, [g, Q]), e.useEffect(() => {
-      const b = setTimeout(() => {
-        D(_);
-      }, x);
-      return () => clearTimeout(b);
-    }, [_, x]), e.useEffect(() => {
-      (g || v && N.length === 0) && J(S ? H : void 0);
-    }, [H, g]), e.useEffect(() => {
-      v === !0 ? J() : Array.isArray(v) && d(v);
+    }, [h, Y]), e.useEffect(() => {
+      const g = setTimeout(() => {
+        U(B);
+      }, f);
+      return () => clearTimeout(g);
+    }, [B, f]), e.useEffect(() => {
+      (h || b && C.length === 0) && j(y ? V : void 0);
+    }, [V, h]), e.useEffect(() => {
+      b === !0 ? j() : Array.isArray(b) && i(b);
     }, []);
-    const J = async (b) => {
+    const j = async (g) => {
       try {
-        k(!0);
-        const O = await r(b);
-        d(O);
-      } catch (O) {
-        console.error("Error loading options:", O), d([]);
+        F(!0);
+        const H = await r(g);
+        i(H);
+      } catch (H) {
+        console.error("Error loading options:", H), i([]);
       } finally {
-        k(!1);
+        F(!1);
       }
     };
     e.useEffect(() => {
-      const b = (O) => {
-        G.current && !G.current.contains(O.target) && (w(!1), m(!1), u(""));
+      const g = (H) => {
+        Z.current && !Z.current.contains(H.target) && (E(!1), v(!1), p(""));
       };
-      return document.addEventListener("mousedown", b), () => {
-        document.removeEventListener("mousedown", b);
+      return document.addEventListener("mousedown", g), () => {
+        document.removeEventListener("mousedown", g);
       };
     }, []);
-    const ne = () => {
-      g || (w(!0), m(!0), S && V.current && setTimeout(() => {
-        var b;
-        return (b = V.current) == null ? void 0 : b.focus();
+    const D = () => {
+      h || (E(!0), v(!0), y && G.current && setTimeout(() => {
+        var g;
+        return (g = G.current) == null ? void 0 : g.focus();
       }, 0));
-    }, oe = (b) => {
-      m(!0), h && h(b);
-    }, te = (b) => {
-      p && p(b);
-    }, ae = (b) => {
-      u(b.target.value);
-    }, s = (b) => {
-      if (W && t && W.setValue(t, b), B.onChange) {
-        const O = {
-          target: { value: b }
+    }, oe = (g) => {
+      v(!0), x && x(g);
+    }, re = (g) => {
+      c && c(g);
+    }, ne = (g) => {
+      p(g.target.value);
+    }, u = (g) => {
+      if (W && t && W.setValue(t, g), I.onChange) {
+        const H = {
+          target: { value: g }
         };
-        B.onChange(O);
+        I.onChange(H);
       }
-      w(!1), m(!1), u("");
-    }, A = (b) => {
-      if (b.stopPropagation(), W && t && W.setValue(t, ""), B.onChange) {
-        const O = {
+      E(!1), v(!1), p("");
+    }, T = (g) => {
+      if (g.stopPropagation(), W && t && W.setValue(t, ""), I.onChange) {
+        const H = {
           target: { value: "" }
         };
-        B.onChange(O);
+        I.onChange(H);
       }
-      w(!1), m(!1), u("");
-    }, n = N.find((b) => b.value === M), $ = S && g ? _ : (n == null ? void 0 : n.label) || "";
-    return /* @__PURE__ */ e.createElement("div", { className: i("relative", f), ref: G }, /* @__PURE__ */ e.createElement(
+      E(!1), v(!1), p("");
+    }, s = C.find((g) => g.value === _), O = y && h ? B : (s == null ? void 0 : s.label) || "";
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", l), ref: Z }, /* @__PURE__ */ e.createElement(
       "div",
       {
-        id: B.id || t,
-        tabIndex: S ? -1 : 0,
+        id: I.id || t,
+        tabIndex: y ? -1 : 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": g,
-        className: i(
+        "aria-expanded": h,
+        className: d(
           "peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
-          o
+          a
         ),
-        onClick: ne,
-        onFocus: S ? void 0 : oe,
-        onBlur: S ? void 0 : te,
-        ref: E
+        onClick: D,
+        onFocus: y ? void 0 : oe,
+        onBlur: y ? void 0 : re,
+        ref: k
       },
-      S ? /* @__PURE__ */ e.createElement(
+      y ? /* @__PURE__ */ e.createElement(
         "input",
         {
-          ref: V,
+          ref: G,
           type: "text",
-          value: $,
-          onChange: ae,
+          value: O,
+          onChange: ne,
           onFocus: oe,
-          onBlur: te,
-          placeholder: a ? "" : "Selecione...",
-          className: i(
+          onBlur: re,
+          placeholder: n ? "" : "Selecione...",
+          className: d(
             "w-full bg-transparent border-none outline-none text-sm",
-            !M && !_ && "text-gray-400"
+            !_ && !B && "text-gray-400"
           )
         }
-      ) : /* @__PURE__ */ e.createElement("span", { className: i("block truncate", !M && "text-gray-400") }, (n == null ? void 0 : n.label) || !a && "Selecione..."),
-      C && /* @__PURE__ */ e.createElement("div", { className: "absolute right-8 top-1/2 -translate-y-1/2" }, /* @__PURE__ */ e.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]" })),
-      y && M && !C && /* @__PURE__ */ e.createElement(
+      ) : /* @__PURE__ */ e.createElement("span", { className: d("block truncate", !_ && "text-gray-400") }, (s == null ? void 0 : s.label) || !n && "Selecione..."),
+      R && /* @__PURE__ */ e.createElement("div", { className: "absolute right-8 top-1/2 -translate-y-1/2" }, /* @__PURE__ */ e.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]" })),
+      w && _ && !R && /* @__PURE__ */ e.createElement(
         "button",
         {
           type: "button",
           tabIndex: -1,
           "aria-label": "Limpar seleção",
           className: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",
-          onClick: A
+          onClick: T
         },
         "✕"
       )
-    ), a && /* @__PURE__ */ e.createElement(
+    ), n && /* @__PURE__ */ e.createElement(
       "label",
       {
-        htmlFor: B.id || t,
-        className: i(
+        htmlFor: I.id || t,
+        className: d(
           "absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
-          K ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
+          q ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
         )
       },
-      a
+      n
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: i(
+        className: d(
           "absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden",
           "bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",
-          g ? "border max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
+          h ? "border max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
         ),
         style: {
-          maxHeight: g ? "9.5rem" : "0",
-          overflowY: N.length > 3 ? "auto" : "hidden",
+          maxHeight: h ? "9.5rem" : "0",
+          overflowY: C.length > 3 ? "auto" : "hidden",
           position: "fixed",
           // Use fixed positioning to escape container overflow
-          top: g ? `${R.top}px` : "auto",
-          left: g ? `${R.left}px` : "auto",
-          width: g ? `${R.width}px` : "auto",
+          top: h ? `${L.top}px` : "auto",
+          left: h ? `${L.left}px` : "auto",
+          width: h ? `${L.width}px` : "auto",
           zIndex: 9999,
-          boxShadow: g ? "var(--select-dropdown-shadow)" : "none"
+          boxShadow: h ? "var(--select-dropdown-shadow)" : "none"
         }
       },
-      C ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, T) : N.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, P) : N.map((b) => /* @__PURE__ */ e.createElement(
+      R ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, M) : C.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, N) : C.map((g) => /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: b.value,
-          className: i(
+          key: g.value,
+          className: d(
             "px-3 py-2 cursor-pointer text-sm transition-colors duration-150",
             "hover:bg-[var(--select-dropdown-hover)]",
-            M === b.value && "bg-[var(--select-dropdown-selected)]"
+            _ === g.value && "bg-[var(--select-dropdown-selected)]"
           ),
-          onMouseDown: () => s(b.value)
+          onMouseDown: () => u(g.value)
         },
-        b.label
+        g.label
       ))
-    ), z && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, z));
+    ), P && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, P));
   }
 );
-Ie.displayName = "AsyncSelect";
-const Te = e.forwardRef(
+We.displayName = "AsyncSelect";
+const Ve = e.forwardRef(
   ({
     name: t,
-    label: a,
+    label: n,
     options: r,
-    className: o,
-    containerClassName: f,
-    isClearable: y,
-    searchable: v = !1,
-    filterPlaceholder: T = "Digite para filtrar...",
-    caseSensitive: P = !1,
-    filterFunction: S,
-    onFocus: x,
-    onBlur: h,
-    ...p
-  }, B) => {
-    var oe, te, ae;
-    const [E, F] = e.useState(!1), [m, g] = e.useState(!1), [w, N] = e.useState(""), [d, C] = e.useState({
+    className: a,
+    containerClassName: l,
+    isClearable: w,
+    searchable: b = !1,
+    filterPlaceholder: M = "Digite para filtrar...",
+    caseSensitive: N = !1,
+    filterFunction: y,
+    onFocus: f,
+    onBlur: x,
+    ...c
+  }, I) => {
+    var oe, re, ne;
+    const [k, S] = e.useState(!1), [v, h] = e.useState(!1), [E, C] = e.useState(""), [i, R] = e.useState({
       top: 0,
       left: 0,
       width: 0
-    }), k = e.useRef(null), _ = e.useRef(null), u = ie(), H = u == null ? void 0 : u.control, D = H && t ? ce({ control: H, name: t }) : void 0, R = p.value ?? D ?? [], U = (ae = (te = (oe = u == null ? void 0 : u.formState) == null ? void 0 : oe.errors) == null ? void 0 : te[t]) == null ? void 0 : ae.message, V = S || ((s, A) => {
-      const n = P ? s.label : s.label.toLowerCase(), $ = P ? A : A.toLowerCase();
-      return n.includes($);
-    }), W = w.trim() ? r.filter((s) => V(s, w.trim())) : r, L = E || R && R.length > 0 || v && !!w, q = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), M = e.useCallback(() => {
-      if (k.current && m) {
-        const s = k.current.getBoundingClientRect(), A = q(), n = window.innerHeight, $ = window.innerWidth, j = 152;
-        let Z = s.bottom + 4, Y = s.left;
-        if (A) {
-          const b = n - s.bottom, O = s.top;
-          b < j && O > j && (Z = s.top - j - 4);
-          const re = 16, c = $ - s.width - re;
-          Y = Math.min(Math.max(Y, re), c);
+    }), F = e.useRef(null), B = e.useRef(null), p = ce(), V = p == null ? void 0 : p.control, U = V && t ? de({ control: V, name: t }) : void 0, L = c.value ?? U ?? [], J = (ne = (re = (oe = p == null ? void 0 : p.formState) == null ? void 0 : oe.errors) == null ? void 0 : re[t]) == null ? void 0 : ne.message, G = y || ((u, T) => {
+      const s = N ? u.label : u.label.toLowerCase(), O = N ? T : T.toLowerCase();
+      return s.includes(O);
+    }), W = E.trim() ? r.filter((u) => G(u, E.trim())) : r, $ = k || L && L.length > 0 || b && !!E, X = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), _ = e.useCallback(() => {
+      if (F.current && v) {
+        const u = F.current.getBoundingClientRect(), T = X(), s = window.innerHeight, O = window.innerWidth, K = 152;
+        let te = u.bottom + 4, Q = u.left;
+        if (T) {
+          const g = s - u.bottom, H = u.top;
+          g < K && H > K && (te = u.top - K - 4);
+          const ae = 16, m = O - u.width - ae;
+          Q = Math.min(Math.max(Q, ae), m);
         } else
-          n - s.bottom < j && (Z = s.top - j - 4);
-        C({
-          top: Z,
-          left: Y,
-          width: s.width
+          s - u.bottom < K && (te = u.top - K - 4);
+        R({
+          top: te,
+          left: Q,
+          width: u.width
         });
       }
-    }, [m, q]);
+    }, [v, X]);
     e.useEffect(() => {
-      if (M(), m) {
-        const s = () => M(), A = () => M();
-        return window.addEventListener("resize", s), window.addEventListener("scroll", A, !0), () => {
-          window.removeEventListener("resize", s), window.removeEventListener("scroll", A, !0);
+      if (_(), v) {
+        const u = () => _(), T = () => _();
+        return window.addEventListener("resize", u), window.addEventListener("scroll", T, !0), () => {
+          window.removeEventListener("resize", u), window.removeEventListener("scroll", T, !0);
         };
       }
-    }, [m, M]), e.useEffect(() => {
-      const s = (A) => {
-        k.current && !k.current.contains(A.target) && (g(!1), F(!1));
+    }, [v, _]), e.useEffect(() => {
+      const u = (T) => {
+        F.current && !F.current.contains(T.target) && (h(!1), S(!1));
       };
-      return document.addEventListener("mousedown", s), () => {
-        document.removeEventListener("mousedown", s);
+      return document.addEventListener("mousedown", u), () => {
+        document.removeEventListener("mousedown", u);
       };
     }, []);
-    const z = () => {
-      g((s) => !s), F(!0);
-    }, K = (s) => {
-      F(!0), x && x(s);
-    }, ee = (s) => {
-      h && h(s);
-    }, Q = (s) => {
-      var n;
-      let A;
-      R.includes(s) ? A = R.filter(($) => $ !== s) : A = [...R, s], u && t && u.setValue(t, A), p.onChange && ((n = p.onChange) == null || n.call(p, {
-        target: { value: A }
-      })), F(!0);
-    }, J = (s) => {
-      var A;
-      s.stopPropagation(), u && t && u.setValue(t, []), p.onChange && ((A = p.onChange) == null || A.call(p, {
+    const P = () => {
+      h((u) => !u), S(!0);
+    }, q = (u) => {
+      S(!0), f && f(u);
+    }, z = (u) => {
+      x && x(u);
+    }, Y = (u) => {
+      var s;
+      let T;
+      L.includes(u) ? T = L.filter((O) => O !== u) : T = [...L, u], p && t && p.setValue(t, T), c.onChange && ((s = c.onChange) == null || s.call(c, {
+        target: { value: T }
+      })), S(!0);
+    }, j = (u) => {
+      var T;
+      u.stopPropagation(), p && t && p.setValue(t, []), c.onChange && ((T = c.onChange) == null || T.call(c, {
         target: { value: [] }
-      })), g(!1), F(!1);
-    }, ne = (s) => {
-      N(s.target.value);
+      })), h(!1), S(!1);
+    }, D = (u) => {
+      C(u.target.value);
     };
-    return /* @__PURE__ */ e.createElement("div", { className: i("relative", f), ref: k }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", l), ref: F }, /* @__PURE__ */ e.createElement(
       "div",
       {
-        id: p.id || t,
+        id: c.id || t,
         tabIndex: 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": m,
-        className: i(
+        "aria-expanded": v,
+        className: d(
           "peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
-          o
+          a
         ),
-        onClick: v ? void 0 : z,
-        onFocus: v ? void 0 : K,
-        onBlur: v ? void 0 : ee,
-        ref: B
+        onClick: b ? void 0 : P,
+        onFocus: b ? void 0 : q,
+        onBlur: b ? void 0 : z,
+        ref: I
       },
       /* @__PURE__ */ e.createElement(
         "div",
@@ -674,26 +708,26 @@ const Te = e.forwardRef(
           className: "flex flex-nowrap gap-1 items-center min-h-[1.5rem] w-full overflow-x-auto",
           style: { scrollbarWidth: "none" }
         },
-        R && R.length > 0 ? r.filter((s) => R.includes(s.value)).map((s) => /* @__PURE__ */ e.createElement(
+        L && L.length > 0 ? r.filter((u) => L.includes(u.value)).map((u) => /* @__PURE__ */ e.createElement(
           "span",
           {
-            key: s.value,
+            key: u.value,
             className: "flex items-center border border-blue-200 bg-blue-50 text-blue-700 rounded-2xl px-3 py-1 text-xs shadow-sm mr-1 gap-2",
             style: { maxWidth: "140px" }
           },
-          /* @__PURE__ */ e.createElement("span", { className: "truncate", title: s.label }, s.label),
+          /* @__PURE__ */ e.createElement("span", { className: "truncate", title: u.label }, u.label),
           /* @__PURE__ */ e.createElement(
             "button",
             {
               type: "button",
               className: "ml-1 text-[var(--primary,#2563eb)] hover:text-red-500 focus:outline-none w-4 h-4 flex items-center justify-center rounded-full transition-colors duration-150",
-              "aria-label": `Remover ${s.label}`,
+              "aria-label": `Remover ${u.label}`,
               tabIndex: -1,
-              onClick: (A) => {
-                A.stopPropagation();
-                const n = R.filter(($) => $ !== s.value);
-                u && t && u.setValue(t, n), p.onChange && p.onChange({
-                  target: { value: n }
+              onClick: (T) => {
+                T.stopPropagation();
+                const s = L.filter((O) => O !== u.value);
+                p && t && p.setValue(t, s), c.onChange && c.onChange({
+                  target: { value: s }
                 });
               }
             },
@@ -717,229 +751,229 @@ const Te = e.forwardRef(
               )
             )
           )
-        )) : !a && !v && /* @__PURE__ */ e.createElement("span", { className: "text-gray-400 text-sm" }, "Selecione..."),
-        v && /* @__PURE__ */ e.createElement(
+        )) : !n && !b && /* @__PURE__ */ e.createElement("span", { className: "text-gray-400 text-sm" }, "Selecione..."),
+        b && /* @__PURE__ */ e.createElement(
           "input",
           {
-            ref: _,
+            ref: B,
             type: "text",
-            value: w,
-            onChange: ne,
-            onFocus: (s) => {
-              F(!0), g(!0), x && x(s);
+            value: E,
+            onChange: D,
+            onFocus: (u) => {
+              S(!0), h(!0), f && f(u);
             },
-            onBlur: (s) => {
-              h && h(s);
+            onBlur: (u) => {
+              x && x(u);
             },
-            placeholder: a ? R && R.length > 0 ? "" : T : T || "Selecione...",
+            placeholder: n ? L && L.length > 0 ? "" : M : M || "Selecione...",
             className: "flex-1 bg-transparent border-none outline-none text-sm min-w-[100px]"
           }
         )
       ),
-      y && R && R.length > 0 && /* @__PURE__ */ e.createElement(
+      w && L && L.length > 0 && /* @__PURE__ */ e.createElement(
         "button",
         {
           type: "button",
           tabIndex: -1,
           "aria-label": "Limpar seleção",
           className: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",
-          onClick: J
+          onClick: j
         },
         "✕"
       )
-    ), a && /* @__PURE__ */ e.createElement(
+    ), n && /* @__PURE__ */ e.createElement(
       "label",
       {
-        htmlFor: p.id || t,
-        className: i(
+        htmlFor: c.id || t,
+        className: d(
           "absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
-          L ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
+          $ ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
         )
       },
-      a
+      n
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: i(
+        className: d(
           "absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden",
           "bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",
-          m ? "border max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
+          v ? "border max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
         ),
         style: {
-          maxHeight: m ? "9.5rem" : "0",
+          maxHeight: v ? "9.5rem" : "0",
           overflowY: r.length > 3 ? "auto" : "hidden",
           position: "fixed",
           // Use fixed positioning to escape container overflow
-          top: m ? `${d.top}px` : "auto",
-          left: m ? `${d.left}px` : "auto",
-          width: m ? `${d.width}px` : "auto",
+          top: v ? `${i.top}px` : "auto",
+          left: v ? `${i.left}px` : "auto",
+          width: v ? `${i.width}px` : "auto",
           zIndex: 9999,
-          boxShadow: m ? "var(--select-dropdown-shadow)" : "none"
+          boxShadow: v ? "var(--select-dropdown-shadow)" : "none"
         }
       },
-      W.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, "Nenhuma opção encontrada") : W.map((s) => /* @__PURE__ */ e.createElement(
+      W.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, "Nenhuma opção encontrada") : W.map((u) => /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: s.value,
-          className: i(
+          key: u.value,
+          className: d(
             "px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150",
             "hover:bg-[var(--select-dropdown-hover)]",
-            R.includes(s.value) && "bg-[var(--select-dropdown-selected)] font-semibold"
+            L.includes(u.value) && "bg-[var(--select-dropdown-selected)] font-semibold"
           ),
-          onMouseDown: () => Q(s.value)
+          onMouseDown: () => Y(u.value)
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             type: "checkbox",
-            checked: R.includes(s.value),
+            checked: L.includes(u.value),
             readOnly: !0,
             className: "accent-blue-500"
           }
         ),
-        s.label
+        u.label
       ))
-    ), U && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, U));
+    ), J && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, J));
   }
 );
-Te.displayName = "MultiSelect";
-const ze = e.forwardRef(
+Ve.displayName = "MultiSelect";
+const He = e.forwardRef(
   ({
     name: t,
-    label: a,
+    label: n,
     loadOptions: r,
-    className: o,
-    containerClassName: f,
-    isClearable: y,
-    defaultOptions: v = !1,
-    loadingMessage: T = "Carregando...",
-    noOptionsMessage: P = "Nenhuma opção encontrada",
-    searchable: S = !1,
-    debounceMs: x = 300,
-    maxSelectedDisplay: h = 3,
-    onFocus: p,
-    onBlur: B,
-    ...E
-  }, F) => {
-    var b, O, re;
-    const [m, g] = e.useState(!1), [w, N] = e.useState(!1), [d, C] = e.useState([]), [k, _] = e.useState(!1), [u, H] = e.useState(""), [D, R] = e.useState(""), [U, G] = e.useState({
+    className: a,
+    containerClassName: l,
+    isClearable: w,
+    defaultOptions: b = !1,
+    loadingMessage: M = "Carregando...",
+    noOptionsMessage: N = "Nenhuma opção encontrada",
+    searchable: y = !1,
+    debounceMs: f = 300,
+    maxSelectedDisplay: x = 3,
+    onFocus: c,
+    onBlur: I,
+    ...k
+  }, S) => {
+    var g, H, ae;
+    const [v, h] = e.useState(!1), [E, C] = e.useState(!1), [i, R] = e.useState([]), [F, B] = e.useState(!1), [p, V] = e.useState(""), [U, L] = e.useState(""), [J, Z] = e.useState({
       top: 0,
       left: 0,
       width: 0
-    }), V = e.useRef(null), W = e.useRef(null), L = ie(), q = L == null ? void 0 : L.control, M = q && t ? ce({ control: q, name: t }) : void 0, z = E.value ?? M ?? [], K = (re = (O = (b = L == null ? void 0 : L.formState) == null ? void 0 : b.errors) == null ? void 0 : O[t]) == null ? void 0 : re.message, ee = m || z && z.length > 0, Q = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), J = e.useCallback(() => {
-      if (V.current && w) {
-        const c = V.current.getBoundingClientRect(), I = Q(), X = window.innerHeight, se = window.innerWidth, le = 152;
-        let fe = c.bottom + 4, de = c.left;
-        if (I) {
-          const me = X - c.bottom, Re = c.top;
-          me < le && Re > le && (fe = c.top - le - 4);
-          const be = 16, Fe = se - c.width - be;
-          de = Math.min(Math.max(de, be), Fe);
+    }), G = e.useRef(null), W = e.useRef(null), $ = ce(), X = $ == null ? void 0 : $.control, _ = X && t ? de({ control: X, name: t }) : void 0, P = k.value ?? _ ?? [], q = (ae = (H = (g = $ == null ? void 0 : $.formState) == null ? void 0 : g.errors) == null ? void 0 : H[t]) == null ? void 0 : ae.message, z = v || P && P.length > 0, Y = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), j = e.useCallback(() => {
+      if (G.current && E) {
+        const m = G.current.getBoundingClientRect(), A = Y(), ee = window.innerHeight, ie = window.innerWidth, se = 152;
+        let fe = m.bottom + 4, ue = m.left;
+        if (A) {
+          const me = ee - m.bottom, Pe = m.top;
+          me < se && Pe > se && (fe = m.top - se - 4);
+          const ge = 16, _e = ie - m.width - ge;
+          ue = Math.min(Math.max(ue, ge), _e);
         } else
-          X - c.bottom < le && (fe = c.top - le - 4);
-        G({
+          ee - m.bottom < se && (fe = m.top - se - 4);
+        Z({
           top: fe,
-          left: de,
-          width: c.width
+          left: ue,
+          width: m.width
         });
       }
-    }, [w, Q]);
+    }, [E, Y]);
     e.useEffect(() => {
-      if (J(), w) {
-        const c = () => J(), I = () => J();
-        return window.addEventListener("resize", c), window.addEventListener("scroll", I, !0), () => {
-          window.removeEventListener("resize", c), window.removeEventListener("scroll", I, !0);
+      if (j(), E) {
+        const m = () => j(), A = () => j();
+        return window.addEventListener("resize", m), window.addEventListener("scroll", A, !0), () => {
+          window.removeEventListener("resize", m), window.removeEventListener("scroll", A, !0);
         };
       }
-    }, [w, J]), e.useEffect(() => {
-      const c = setTimeout(() => {
-        R(u);
-      }, x);
-      return () => clearTimeout(c);
-    }, [u, x]), e.useEffect(() => {
-      (w || v && d.length === 0) && ne(S ? D : void 0);
-    }, [D, w]), e.useEffect(() => {
-      v === !0 ? ne() : Array.isArray(v) && C(v);
+    }, [E, j]), e.useEffect(() => {
+      const m = setTimeout(() => {
+        L(p);
+      }, f);
+      return () => clearTimeout(m);
+    }, [p, f]), e.useEffect(() => {
+      (E || b && i.length === 0) && D(y ? U : void 0);
+    }, [U, E]), e.useEffect(() => {
+      b === !0 ? D() : Array.isArray(b) && R(b);
     }, []);
-    const ne = async (c) => {
+    const D = async (m) => {
       try {
-        _(!0);
-        const I = await r(c);
-        C(I);
-      } catch (I) {
-        console.error("Error loading options:", I), C([]);
+        B(!0);
+        const A = await r(m);
+        R(A);
+      } catch (A) {
+        console.error("Error loading options:", A), R([]);
       } finally {
-        _(!1);
+        B(!1);
       }
     };
     e.useEffect(() => {
-      const c = (I) => {
-        V.current && !V.current.contains(I.target) && (N(!1), g(!1), H(""));
+      const m = (A) => {
+        G.current && !G.current.contains(A.target) && (C(!1), h(!1), V(""));
       };
-      return document.addEventListener("mousedown", c), () => {
-        document.removeEventListener("mousedown", c);
+      return document.addEventListener("mousedown", m), () => {
+        document.removeEventListener("mousedown", m);
       };
     }, []);
     const oe = () => {
-      w || (N(!0), g(!0), S && W.current && setTimeout(() => {
-        var c;
-        return (c = W.current) == null ? void 0 : c.focus();
+      E || (C(!0), h(!0), y && W.current && setTimeout(() => {
+        var m;
+        return (m = W.current) == null ? void 0 : m.focus();
       }, 0));
-    }, te = (c) => {
-      g(!0), p && p(c);
-    }, ae = (c) => {
-      B && B(c);
-    }, s = (c) => {
-      H(c.target.value);
-    }, A = (c) => {
-      let I;
-      z.includes(c) ? I = z.filter((X) => X !== c) : I = [...z, c], L && t && L.setValue(t, I), E.onChange && E.onChange({
-        target: { value: I }
-      }), g(!0);
-    }, n = (c, I) => {
-      I.stopPropagation();
-      const X = z.filter((se) => se !== c);
-      L && t && L.setValue(t, X), E.onChange && E.onChange({
-        target: { value: X }
+    }, re = (m) => {
+      h(!0), c && c(m);
+    }, ne = (m) => {
+      I && I(m);
+    }, u = (m) => {
+      V(m.target.value);
+    }, T = (m) => {
+      let A;
+      P.includes(m) ? A = P.filter((ee) => ee !== m) : A = [...P, m], $ && t && $.setValue(t, A), k.onChange && k.onChange({
+        target: { value: A }
+      }), h(!0);
+    }, s = (m, A) => {
+      A.stopPropagation();
+      const ee = P.filter((ie) => ie !== m);
+      $ && t && $.setValue(t, ee), k.onChange && k.onChange({
+        target: { value: ee }
       });
-    }, $ = (c) => {
-      c.stopPropagation(), L && t && L.setValue(t, []), E.onChange && E.onChange({
+    }, O = (m) => {
+      m.stopPropagation(), $ && t && $.setValue(t, []), k.onChange && k.onChange({
         target: { value: [] }
-      }), N(!1), g(!1), H("");
-    }, j = d.filter((c) => z.includes(c.value)), Z = j.slice(0, h), Y = j.length - h;
-    return /* @__PURE__ */ e.createElement("div", { className: i("relative", f), ref: V }, /* @__PURE__ */ e.createElement(
+      }), C(!1), h(!1), V("");
+    }, K = i.filter((m) => P.includes(m.value)), te = K.slice(0, x), Q = K.length - x;
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", l), ref: G }, /* @__PURE__ */ e.createElement(
       "div",
       {
-        id: E.id || t,
-        tabIndex: S ? -1 : 0,
+        id: k.id || t,
+        tabIndex: y ? -1 : 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": w,
-        className: i(
+        "aria-expanded": E,
+        className: d(
           "peer flex items-center min-h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-2 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
-          o
+          a
         ),
         onClick: oe,
-        onFocus: S ? void 0 : te,
-        onBlur: S ? void 0 : ae,
-        ref: F
+        onFocus: y ? void 0 : re,
+        onBlur: y ? void 0 : ne,
+        ref: S
       },
-      /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full" }, Z.map((c) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full" }, te.map((m) => /* @__PURE__ */ e.createElement(
         "span",
         {
-          key: c.value,
+          key: m.value,
           className: "flex items-center border border-blue-200 bg-blue-50 text-blue-700 rounded-2xl px-3 py-1 text-xs shadow-sm gap-2",
           style: { maxWidth: "140px" }
         },
-        /* @__PURE__ */ e.createElement("span", { className: "truncate", title: c.label }, c.label),
+        /* @__PURE__ */ e.createElement("span", { className: "truncate", title: m.label }, m.label),
         /* @__PURE__ */ e.createElement(
           "button",
           {
             type: "button",
             className: "ml-1 text-[var(--primary,#2563eb)] hover:text-red-500 focus:outline-none w-4 h-4 flex items-center justify-center rounded-full transition-colors duration-150",
-            "aria-label": `Remover ${c.label}`,
+            "aria-label": `Remover ${m.label}`,
             tabIndex: -1,
-            onClick: (I) => n(c.value, I)
+            onClick: (A) => s(m.value, A)
           },
           /* @__PURE__ */ e.createElement(
             "svg",
@@ -961,286 +995,286 @@ const ze = e.forwardRef(
             )
           )
         )
-      )), Y > 0 && /* @__PURE__ */ e.createElement("span", { className: "flex items-center border border-gray-200 bg-gray-100 text-gray-600 rounded-2xl px-3 py-1 text-xs" }, "+", Y, " mais"), S ? /* @__PURE__ */ e.createElement(
+      )), Q > 0 && /* @__PURE__ */ e.createElement("span", { className: "flex items-center border border-gray-200 bg-gray-100 text-gray-600 rounded-2xl px-3 py-1 text-xs" }, "+", Q, " mais"), y ? /* @__PURE__ */ e.createElement(
         "input",
         {
           ref: W,
           type: "text",
-          value: u,
-          onChange: s,
-          onFocus: te,
-          onBlur: ae,
-          placeholder: z.length === 0 && !a ? "Selecione..." : "",
+          value: p,
+          onChange: u,
+          onFocus: re,
+          onBlur: ne,
+          placeholder: P.length === 0 && !n ? "Selecione..." : "",
           className: "flex-1 min-w-[120px] bg-transparent border-none outline-none text-sm"
         }
-      ) : z.length === 0 && !a && /* @__PURE__ */ e.createElement("span", { className: "text-gray-400 text-sm" }, "Selecione...")),
-      k && /* @__PURE__ */ e.createElement("div", { className: "absolute right-8 top-1/2 -translate-y-1/2" }, /* @__PURE__ */ e.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]" })),
-      y && z && z.length > 0 && !k && /* @__PURE__ */ e.createElement(
+      ) : P.length === 0 && !n && /* @__PURE__ */ e.createElement("span", { className: "text-gray-400 text-sm" }, "Selecione...")),
+      F && /* @__PURE__ */ e.createElement("div", { className: "absolute right-8 top-1/2 -translate-y-1/2" }, /* @__PURE__ */ e.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]" })),
+      w && P && P.length > 0 && !F && /* @__PURE__ */ e.createElement(
         "button",
         {
           type: "button",
           tabIndex: -1,
           "aria-label": "Limpar seleção",
           className: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",
-          onClick: $
+          onClick: O
         },
         "✕"
       )
-    ), a && /* @__PURE__ */ e.createElement(
+    ), n && /* @__PURE__ */ e.createElement(
       "label",
       {
-        htmlFor: E.id || t,
-        className: i(
+        htmlFor: k.id || t,
+        className: d(
           "absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
-          ee ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
+          z ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
         )
       },
-      a
+      n
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: i(
+        className: d(
           "absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden",
           "bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",
-          w ? "border max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
+          E ? "border max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
         ),
         style: {
-          maxHeight: w ? "9.5rem" : "0",
-          overflowY: d.length > 3 ? "auto" : "hidden",
+          maxHeight: E ? "9.5rem" : "0",
+          overflowY: i.length > 3 ? "auto" : "hidden",
           position: "fixed",
           // Use fixed positioning to escape container overflow
-          top: w ? `${U.top}px` : "auto",
-          left: w ? `${U.left}px` : "auto",
-          width: w ? `${U.width}px` : "auto",
+          top: E ? `${J.top}px` : "auto",
+          left: E ? `${J.left}px` : "auto",
+          width: E ? `${J.width}px` : "auto",
           zIndex: 9999,
-          boxShadow: w ? "var(--select-dropdown-shadow)" : "none"
+          boxShadow: E ? "var(--select-dropdown-shadow)" : "none"
         }
       },
-      k ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, T) : d.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, P) : d.map((c) => /* @__PURE__ */ e.createElement(
+      F ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, M) : i.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, N) : i.map((m) => /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: c.value,
-          className: i(
+          key: m.value,
+          className: d(
             "px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150",
             "hover:bg-[var(--select-dropdown-hover)]",
-            z.includes(c.value) && "bg-[var(--select-dropdown-selected)] font-semibold"
+            P.includes(m.value) && "bg-[var(--select-dropdown-selected)] font-semibold"
           ),
-          onMouseDown: () => A(c.value)
+          onMouseDown: () => T(m.value)
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             type: "checkbox",
-            checked: z.includes(c.value),
+            checked: P.includes(m.value),
             readOnly: !0,
             className: "accent-blue-500"
           }
         ),
-        c.label
+        m.label
       ))
-    ), K && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, K));
+    ), q && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, q));
   }
 );
-ze.displayName = "MultiAsyncSelect";
-const Ae = {
+He.displayName = "MultiAsyncSelect";
+const De = {
   sm: "h-10 text-sm px-3",
   md: "h-12 text-base px-4",
   lg: "h-16 text-lg px-6"
-}, We = e.forwardRef(
+}, je = e.forwardRef(
   ({
     name: t,
-    label: a,
+    label: n,
     options: r,
-    className: o,
-    containerClassName: f,
-    optionClassName: y,
-    direction: v = "row",
-    size: T = "md",
-    onFocus: P,
-    onBlur: S,
-    ...x
-  }, h) => {
-    var w, N, d;
-    const p = ie(), B = p == null ? void 0 : p.control, E = B && t ? ce({ control: B, name: t }) : void 0, F = x.value ?? E ?? "", m = (d = (N = (w = p == null ? void 0 : p.formState) == null ? void 0 : w.errors) == null ? void 0 : N[t]) == null ? void 0 : d.message, g = (C) => {
-      p && t && p.setValue(t, C), x.onChange && x.onChange({ target: { value: C } });
+    className: a,
+    containerClassName: l,
+    optionClassName: w,
+    direction: b = "row",
+    size: M = "md",
+    onFocus: N,
+    onBlur: y,
+    ...f
+  }, x) => {
+    var E, C, i;
+    const c = ce(), I = c == null ? void 0 : c.control, k = I && t ? de({ control: I, name: t }) : void 0, S = f.value ?? k ?? "", v = (i = (C = (E = c == null ? void 0 : c.formState) == null ? void 0 : E.errors) == null ? void 0 : C[t]) == null ? void 0 : i.message, h = (R) => {
+      c && t && c.setValue(t, R), f.onChange && f.onChange({ target: { value: R } });
     };
-    return /* @__PURE__ */ e.createElement("div", { className: i("relative", f), ref: h }, a && /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", l), ref: x }, n && /* @__PURE__ */ e.createElement(
       "label",
       {
         htmlFor: t,
-        className: i(
+        className: d(
           "absolute left-3 z-10 origin-[0] cursor-text select-none text-sm transition-all duration-200",
           "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white"
         )
       },
-      a
+      n
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: i(
+        className: d(
           "flex gap-2 w-full pt-6",
           // espaço para label flutuante
-          v === "row" ? "flex-row" : "flex-col",
-          o
+          b === "row" ? "flex-row" : "flex-col",
+          a
         ),
-        "aria-label": a,
+        "aria-label": n,
         tabIndex: -1,
-        onFocus: P,
-        onBlur: S
+        onFocus: N,
+        onBlur: y
       },
-      r.map((C) => /* @__PURE__ */ e.createElement(
+      r.map((R) => /* @__PURE__ */ e.createElement(
         "button",
         {
-          key: C.value,
+          key: R.value,
           type: "button",
-          className: i(
+          className: d(
             "relative flex items-center justify-center border rounded-lg transition-all duration-200 shadow-sm px-4 focus:outline-none focus:ring-2 focus:ring-[var(--primary-hover,#dbeafe)]",
-            Ae[T],
-            F === C.value ? "border-[var(--primary,#2563eb)] bg-[var(--primary-hover,#dbeafe)] text-[var(--primary,#2563eb)] ring-2 ring-[var(--primary-hover,#dbeafe)] shadow-md transform scale-[1.02]" : "border-gray-200 bg-white text-gray-600 hover:border-[var(--primary,#2563eb)] hover:bg-[var(--primary-hover,#dbeafe)] hover:text-[var(--primary,#2563eb)] hover:shadow-md",
-            y
+            De[M],
+            S === R.value ? "border-[var(--primary,#2563eb)] bg-[var(--primary-hover,#dbeafe)] text-[var(--primary,#2563eb)] ring-2 ring-[var(--primary-hover,#dbeafe)] shadow-md transform scale-[1.02]" : "border-gray-200 bg-white text-gray-600 hover:border-[var(--primary,#2563eb)] hover:bg-[var(--primary-hover,#dbeafe)] hover:text-[var(--primary,#2563eb)] hover:shadow-md",
+            w
           ),
-          "aria-pressed": F === C.value,
-          "data-selected": F === C.value,
+          "aria-pressed": S === R.value,
+          "data-selected": S === R.value,
           tabIndex: 0,
-          onClick: () => g(C.value),
-          onKeyDown: (k) => {
-            (k.key === "Enter" || k.key === " ") && (k.preventDefault(), g(C.value));
+          onClick: () => h(R.value),
+          onKeyDown: (F) => {
+            (F.key === "Enter" || F.key === " ") && (F.preventDefault(), h(R.value));
           }
         },
-        C.icon && /* @__PURE__ */ e.createElement("span", { className: "mr-2 text-lg flex items-center" }, C.icon),
-        /* @__PURE__ */ e.createElement("span", { className: "truncate font-medium" }, C.label)
+        R.icon && /* @__PURE__ */ e.createElement("span", { className: "mr-2 text-lg flex items-center" }, R.icon),
+        /* @__PURE__ */ e.createElement("span", { className: "truncate font-medium" }, R.label)
       ))
-    ), m && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, m));
+    ), v && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, v));
   }
 );
-We.displayName = "RadioGroup";
-const xe = l.forwardRef(
-  ({ children: t, className: a, as: r = "div", ...o }, f) => /* @__PURE__ */ l.createElement(
+je.displayName = "RadioGroup";
+const ye = o.forwardRef(
+  ({ children: t, className: n, as: r = "div", ...a }, l) => /* @__PURE__ */ o.createElement(
     r,
     {
-      ref: f,
-      className: i(
+      ref: l,
+      className: d(
         "px-6 py-4 border-b",
         "bg-[var(--card-header-bg,rgba(249,250,251,0.5))]",
         "border-[var(--card-header-border,#e5e7eb)]",
         "text-[var(--card-text,#111827)]",
-        a
+        n
       ),
-      ...o
+      ...a
     },
     t
   )
 );
-xe.displayName = "CardHeader";
-const he = l.forwardRef(
-  ({ children: t, className: a, as: r = "div", ...o }, f) => /* @__PURE__ */ l.createElement(
+ye.displayName = "CardHeader";
+const Ee = o.forwardRef(
+  ({ children: t, className: n, as: r = "div", ...a }, l) => /* @__PURE__ */ o.createElement(
     r,
     {
-      ref: f,
-      className: i(
+      ref: l,
+      className: d(
         "px-6 py-4",
         "flex-1",
         // Para ocupar o espaço disponível
         "bg-[var(--card-bg,#ffffff)]",
         "text-[var(--card-text,#111827)]",
-        a
+        n
       ),
-      ...o
+      ...a
     },
     t
   )
 );
-he.displayName = "CardBody";
-const we = l.forwardRef(
-  ({ children: t, className: a, as: r = "div", ...o }, f) => /* @__PURE__ */ l.createElement(
+Ee.displayName = "CardBody";
+const Ce = o.forwardRef(
+  ({ children: t, className: n, as: r = "div", ...a }, l) => /* @__PURE__ */ o.createElement(
     r,
     {
-      ref: f,
-      className: i(
+      ref: l,
+      className: d(
         "px-6 py-4 border-t",
         "bg-[var(--card-footer-bg,rgba(249,250,251,0.5))]",
         "border-[var(--card-footer-border,#e5e7eb)]",
         "text-[var(--card-text,#111827)]",
-        a
+        n
       ),
-      ...o
+      ...a
     },
     t
   )
 );
-we.displayName = "CardFooter";
-const $e = l.forwardRef(
+Ce.displayName = "CardFooter";
+const Ue = o.forwardRef(
   ({
     children: t,
-    className: a,
+    className: n,
     variant: r = "default",
-    size: o = "md",
-    padding: f = "none",
+    size: a = "md",
+    padding: l = "none",
     // none pois cada seção tem seu próprio padding
-    rounded: y = "lg",
-    constrainWidth: v = !1,
+    rounded: w = "lg",
+    constrainWidth: b = !1,
     // Por padrão, não aplicar max-width
-    allowOverflow: T = !1,
+    allowOverflow: M = !1,
     // Por padrão, aplicar overflow hidden para interface limpa
-    ...P
-  }, S) => {
-    const x = {
+    ...N
+  }, y) => {
+    const f = {
       default: "bg-[var(--card-bg,#ffffff)] border border-[var(--card-border,#e5e7eb)] shadow-[var(--card-shadow-sm,0_1px_2px_0_rgb(0_0_0_/_0.05))]",
       outlined: "bg-[var(--card-bg,#ffffff)] border-2 border-[var(--primary,#2563eb)]",
       elevated: "bg-[var(--card-bg,#ffffff)] border border-[var(--card-border,#e5e7eb)] shadow-[var(--card-shadow-lg,0_10px_15px_-3px_rgb(0_0_0_/_0.1),_0_4px_6px_-4px_rgb(0_0_0_/_0.1))]",
       flat: "bg-[var(--card-bg,#ffffff)] border-0"
-    }, h = {
+    }, x = {
       sm: "max-w-sm",
       md: "max-w-md",
       lg: "max-w-lg"
-    }, p = {
+    }, c = {
       none: "",
       sm: "p-3",
       md: "p-4",
       lg: "p-6"
-    }, B = {
+    }, I = {
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
       lg: "rounded-lg",
       xl: "rounded-xl"
     };
-    return /* @__PURE__ */ l.createElement(
+    return /* @__PURE__ */ o.createElement(
       "div",
       {
-        ref: S,
-        className: i(
+        ref: y,
+        className: d(
           "flex flex-col",
           // Flex column para organizar header, body, footer
-          !T && "overflow-hidden",
+          !M && "overflow-hidden",
           // Overflow hidden por padrão para bordas limpas
-          x[r],
-          v && h[o],
+          f[r],
+          b && x[a],
           // Aplicar max-width apenas se constrainWidth for true
-          p[f],
-          B[y],
-          a
+          c[l],
+          I[w],
+          n
         ),
-        ...P
+        ...N
       },
       t
     );
   }
-), Ue = Object.assign($e, {
-  Header: xe,
-  Body: he,
-  Footer: we
-}), ye = l.forwardRef(
+), Ze = Object.assign(Ue, {
+  Header: ye,
+  Body: Ee,
+  Footer: Ce
+}), Ne = o.forwardRef(
   ({
     children: t,
-    className: a,
+    className: n,
     variant: r = "default",
-    size: o = "md",
-    responsive: f = !1,
-    stickyHeader: y = !1,
-    ...v
-  }, T) => {
-    const P = i(
+    size: a = "md",
+    responsive: l = !1,
+    stickyHeader: w = !1,
+    ...b
+  }, M) => {
+    const N = d(
       // Base styles
       "w-full border-collapse bg-[var(--table-bg)] text-[var(--table-text)]",
       // Variant styles
@@ -1249,397 +1283,397 @@ const $e = l.forwardRef(
       },
       // Size styles
       {
-        "text-sm": o === "sm",
-        "text-base": o === "md",
-        "text-lg": o === "lg"
+        "text-sm": a === "sm",
+        "text-base": a === "md",
+        "text-lg": a === "lg"
       },
-      a
-    ), S = i(
+      n
+    ), y = d(
       {
-        "overflow-x-auto": f,
-        "max-h-96 overflow-y-auto": y
+        "overflow-x-auto": l,
+        "max-h-96 overflow-y-auto": w
       }
-    ), x = /* @__PURE__ */ l.createElement(
+    ), f = /* @__PURE__ */ o.createElement(
       "table",
       {
-        ref: T,
-        className: P,
-        ...v
+        ref: M,
+        className: N,
+        ...b
       },
       t
     );
-    return f || y ? /* @__PURE__ */ l.createElement("div", { className: S }, x) : x;
+    return l || w ? /* @__PURE__ */ o.createElement("div", { className: y }, f) : f;
   }
-), Ee = l.forwardRef(
-  ({ children: t, className: a, as: r = "thead", ...o }, f) => /* @__PURE__ */ l.createElement(
+), ke = o.forwardRef(
+  ({ children: t, className: n, as: r = "thead", ...a }, l) => /* @__PURE__ */ o.createElement(
     r,
     {
-      ref: f,
-      className: i(
+      ref: l,
+      className: d(
         "border-b border-[var(--table-border)] bg-[var(--table-header-bg)]",
         {
           "sticky top-0 z-10": r === "thead"
         },
-        a
+        n
       ),
-      ...o
+      ...a
     },
     t
   )
-), Ne = l.forwardRef(
-  ({ children: t, className: a, as: r = "tbody", ...o }, f) => /* @__PURE__ */ l.createElement(
+), Se = o.forwardRef(
+  ({ children: t, className: n, as: r = "tbody", ...a }, l) => /* @__PURE__ */ o.createElement(
     r,
     {
-      ref: f,
-      className: i(
+      ref: l,
+      className: d(
         "[&_tr:nth-child(odd)]:bg-[var(--table-row-odd)]",
         "[&_tr:nth-child(even)]:bg-[var(--table-row-even)]",
-        a
+        n
       ),
-      ...o
+      ...a
     },
     t
   )
-), Ce = l.forwardRef(
-  ({ children: t, className: a, as: r = "tfoot", ...o }, f) => /* @__PURE__ */ l.createElement(
+), Re = o.forwardRef(
+  ({ children: t, className: n, as: r = "tfoot", ...a }, l) => /* @__PURE__ */ o.createElement(
     r,
     {
-      ref: f,
-      className: i(
+      ref: l,
+      className: d(
         "border-t border-[var(--table-border)] bg-[var(--table-header-bg)] font-medium",
-        a
+        n
       ),
-      ...o
+      ...a
     },
     t
   )
-), ke = l.forwardRef(
-  ({ children: t, className: a, variant: r = "default", ...o }, f) => /* @__PURE__ */ l.createElement(
+), Fe = o.forwardRef(
+  ({ children: t, className: n, variant: r = "default", ...a }, l) => /* @__PURE__ */ o.createElement(
     "tr",
     {
-      ref: f,
-      className: i(
+      ref: l,
+      className: d(
         "border-b border-[var(--table-border)] transition-colors",
         {
           "hover:bg-[var(--table-row-hover)]": r === "hover",
           "bg-[var(--table-row-selected)]": r === "selected"
         },
-        a
+        n
       ),
-      ...o
+      ...a
     },
     t
   )
-), Se = l.forwardRef(
+), Ie = o.forwardRef(
   ({
     children: t,
-    className: a,
+    className: n,
     as: r = "td",
-    align: o = "left",
-    scope: f,
-    colSpan: y,
-    rowSpan: v,
-    ...T
-  }, P) => /* @__PURE__ */ l.createElement(
+    align: a = "left",
+    scope: l,
+    colSpan: w,
+    rowSpan: b,
+    ...M
+  }, N) => /* @__PURE__ */ o.createElement(
     r,
     {
-      ref: P,
-      scope: r === "th" ? f : void 0,
-      colSpan: y,
-      rowSpan: v,
-      className: i(
+      ref: N,
+      scope: r === "th" ? l : void 0,
+      colSpan: w,
+      rowSpan: b,
+      className: d(
         "px-4 py-3 text-left",
         {
           "font-semibold": r === "th",
           "text-sm": r === "td",
-          "text-center": o === "center",
-          "text-right": o === "right"
+          "text-center": a === "center",
+          "text-right": a === "right"
         },
-        a
+        n
       ),
-      ...T
+      ...M
     },
     t
   )
 );
-ye.displayName = "Table";
-Ee.displayName = "TableHeader";
-Ne.displayName = "TableBody";
-Ce.displayName = "TableFooter";
-ke.displayName = "TableRow";
-Se.displayName = "TableCell";
-const Ye = Object.assign(ye, {
-  Header: Ee,
-  Body: Ne,
-  Footer: Ce,
-  Row: ke,
-  Cell: Se
-}), Ge = ({
+Ne.displayName = "Table";
+ke.displayName = "TableHeader";
+Se.displayName = "TableBody";
+Re.displayName = "TableFooter";
+Fe.displayName = "TableRow";
+Ie.displayName = "TableCell";
+const et = Object.assign(Ne, {
+  Header: ke,
+  Body: Se,
+  Footer: Re,
+  Row: Fe,
+  Cell: Ie
+}), tt = ({
   content: t,
-  children: a,
+  children: n,
   position: r = "top",
-  className: o = "",
-  disabled: f = !1
+  className: a = "",
+  disabled: l = !1
 }) => {
-  const [y, v] = ue(!1), [T, P] = ue(r), [S, x] = ue({}), h = pe(null), p = pe(null);
-  Le(() => {
-    if (!y || !p.current) return;
-    const d = p.current.getBoundingClientRect();
-    let C = r, k = 0, _ = 0;
+  const [w, b] = le(!1), [M, N] = le(r), [y, f] = le({}), x = pe(null), c = pe(null);
+  be(() => {
+    if (!w || !c.current) return;
+    const i = c.current.getBoundingClientRect();
+    let R = r, F = 0, B = 0;
     switch (r) {
       case "top":
-        k = d.top - 8, _ = d.left + d.width / 2;
+        F = i.top - 8, B = i.left + i.width / 2;
         break;
       case "bottom":
-        k = d.bottom + 8, _ = d.left + d.width / 2;
+        F = i.bottom + 8, B = i.left + i.width / 2;
         break;
       case "left":
-        k = d.top + d.height / 2, _ = d.left - 8;
+        F = i.top + i.height / 2, B = i.left - 8;
         break;
       case "right":
-        k = d.top + d.height / 2, _ = d.right + 8;
+        F = i.top + i.height / 2, B = i.right + 8;
         break;
     }
-    if (h.current) {
-      const u = h.current.getBoundingClientRect(), H = window.innerWidth, D = window.innerHeight;
-      r === "top" && d.top < u.height + 16 ? (C = "bottom", k = d.bottom + 8) : r === "bottom" && d.bottom + u.height + 16 > D ? (C = "top", k = d.top - 8) : r === "left" && d.left < u.width + 16 ? (C = "right", _ = d.right + 8) : r === "right" && d.right + u.width + 16 > H && (C = "left", _ = d.left - 8);
+    if (x.current) {
+      const p = x.current.getBoundingClientRect(), V = window.innerWidth, U = window.innerHeight;
+      r === "top" && i.top < p.height + 16 ? (R = "bottom", F = i.bottom + 8) : r === "bottom" && i.bottom + p.height + 16 > U ? (R = "top", F = i.top - 8) : r === "left" && i.left < p.width + 16 ? (R = "right", B = i.right + 8) : r === "right" && i.right + p.width + 16 > V && (R = "left", B = i.left - 8);
     }
-    P(C), x({
+    N(R), f({
       position: "fixed",
-      top: `${k}px`,
-      left: `${_}px`,
+      top: `${F}px`,
+      left: `${B}px`,
       zIndex: 9999
     });
-  }, [y, r]);
-  const B = () => {
-    f || v(!0);
-  }, E = () => {
-    v(!1);
-  }, F = () => {
-    f || v(!0);
-  }, m = () => {
-    v(!1);
-  }, g = () => {
-    const N = "pointer-events-none";
-    switch (T) {
+  }, [w, r]);
+  const I = () => {
+    l || b(!0);
+  }, k = () => {
+    b(!1);
+  }, S = () => {
+    l || b(!0);
+  }, v = () => {
+    b(!1);
+  }, h = () => {
+    const C = "pointer-events-none";
+    switch (M) {
       case "top":
-        return `${N} transform -translate-x-1/2 -translate-y-full`;
+        return `${C} transform -translate-x-1/2 -translate-y-full`;
       case "bottom":
-        return `${N} transform -translate-x-1/2`;
+        return `${C} transform -translate-x-1/2`;
       case "left":
-        return `${N} transform -translate-x-full -translate-y-1/2`;
+        return `${C} transform -translate-x-full -translate-y-1/2`;
       case "right":
-        return `${N} transform -translate-y-1/2`;
+        return `${C} transform -translate-y-1/2`;
       default:
-        return `${N} transform -translate-x-1/2 -translate-y-full`;
+        return `${C} transform -translate-x-1/2 -translate-y-full`;
     }
-  }, w = () => {
-    const N = "absolute w-2 h-2 bg-[var(--tooltip-bg,#374151)] transform rotate-45";
-    switch (T) {
+  }, E = () => {
+    const C = "absolute w-2 h-2 bg-[var(--tooltip-bg,#374151)] transform rotate-45";
+    switch (M) {
       case "top":
-        return `${N} top-full left-1/2 -translate-x-1/2 -translate-y-1/2`;
+        return `${C} top-full left-1/2 -translate-x-1/2 -translate-y-1/2`;
       case "bottom":
-        return `${N} bottom-full left-1/2 -translate-x-1/2 translate-y-1/2`;
+        return `${C} bottom-full left-1/2 -translate-x-1/2 translate-y-1/2`;
       case "left":
-        return `${N} left-full top-1/2 -translate-y-1/2 -translate-x-1/2`;
+        return `${C} left-full top-1/2 -translate-y-1/2 -translate-x-1/2`;
       case "right":
-        return `${N} right-full top-1/2 -translate-y-1/2 translate-x-1/2`;
+        return `${C} right-full top-1/2 -translate-y-1/2 translate-x-1/2`;
       default:
-        return `${N} top-full left-1/2 -translate-x-1/2 -translate-y-1/2`;
+        return `${C} top-full left-1/2 -translate-x-1/2 -translate-y-1/2`;
     }
   };
-  return f || !t ? /* @__PURE__ */ l.createElement(l.Fragment, null, a) : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
+  return l || !t ? /* @__PURE__ */ o.createElement(o.Fragment, null, n) : /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
     "div",
     {
       className: "relative inline-block",
-      ref: p,
-      onMouseEnter: B,
-      onMouseLeave: E,
-      onFocus: F,
-      onBlur: m
+      ref: c,
+      onMouseEnter: I,
+      onMouseLeave: k,
+      onFocus: S,
+      onBlur: v
     },
-    a
-  ), y && typeof document < "u" && ve(
-    /* @__PURE__ */ l.createElement(
+    n
+  ), w && typeof document < "u" && he(
+    /* @__PURE__ */ o.createElement(
       "div",
       {
-        ref: h,
-        style: S,
-        className: i(
-          g(),
+        ref: x,
+        style: y,
+        className: d(
+          h(),
           "px-2 py-1 text-sm rounded whitespace-nowrap",
           "bg-[var(--tooltip-bg,#374151)] text-[var(--tooltip-text,#fff)]",
           "shadow-[var(--tooltip-shadow,0_10px_15px_-3px_rgb(0_0_0_/_0.1),_0_4px_6px_-4px_rgb(0_0_0_/_0.1))]",
           "transition-opacity duration-200 ease-in-out",
-          o
+          a
         ),
         role: "tooltip",
-        "aria-hidden": !y
+        "aria-hidden": !w
       },
       t,
-      /* @__PURE__ */ l.createElement("div", { className: w() })
+      /* @__PURE__ */ o.createElement("div", { className: E() })
     ),
     document.body
   ));
-}, Oe = ({
+}, Ye = ({
   open: t,
-  onClose: a,
+  onClose: n,
   side: r = "right",
-  size: o = "md",
-  closeOnOverlayClick: f = !0,
-  children: y,
-  className: v = "",
-  ...T
+  size: a = "md",
+  closeOnOverlayClick: l = !0,
+  children: w,
+  className: b = "",
+  ...M
 }) => {
-  const P = typeof document < "u" ? document.body : null, S = o === "sm" ? "w-64" : o === "md" ? "w-96" : o === "lg" ? "w-[36rem]" : void 0, x = typeof o == "string" && !["sm", "md", "lg"].includes(o) ? { width: o } : void 0, h = /* @__PURE__ */ l.createElement(
+  const N = typeof document < "u" ? document.body : null, y = a === "sm" ? "w-64" : a === "md" ? "w-96" : a === "lg" ? "w-[36rem]" : void 0, f = typeof a == "string" && !["sm", "md", "lg"].includes(a) ? { width: a } : void 0, x = /* @__PURE__ */ o.createElement(
     "div",
     {
       "aria-hidden": !t,
-      className: i(
+      className: d(
         "fixed inset-0 z-50 flex",
         t ? "pointer-events-auto" : "pointer-events-none"
       )
     },
-    /* @__PURE__ */ l.createElement(
+    /* @__PURE__ */ o.createElement(
       "div",
       {
-        className: i(
+        className: d(
           "absolute inset-0 bg-black/40 transition-opacity duration-200",
           t ? "opacity-100" : "opacity-0"
         ),
-        onMouseDown: (p) => {
-          f && p.target === p.currentTarget && a();
+        onMouseDown: (c) => {
+          l && c.target === c.currentTarget && n();
         }
       }
     ),
-    /* @__PURE__ */ l.createElement(
+    /* @__PURE__ */ o.createElement(
       "div",
       {
-        className: i(
+        className: d(
           "relative h-full",
           r === "right" ? "ml-auto" : "mr-auto",
           // ensure the sheet doesn't shrink
           "flex-shrink-0"
         ),
-        style: x
+        style: f
       },
-      /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ o.createElement(
         "aside",
         {
           role: "dialog",
           "aria-modal": !0,
-          className: i(
+          className: d(
             "h-full bg-white shadow-xl border-l border-gray-100 overflow-auto transition-transform duration-300",
             r === "right" ? t ? "translate-x-0" : "translate-x-full" : t ? "translate-x-0" : "-translate-x-full",
-            S,
-            v
+            y,
+            b
           ),
-          style: x,
-          ...T
+          style: f,
+          ...M
         },
-        y
+        w
       )
     )
   );
-  return P ? ve(h, P) : null;
+  return N ? he(x, N) : null;
 };
-Oe.displayName = "AsideSheet";
-const qe = ({
+Ye.displayName = "AsideSheet";
+const rt = ({
   avatar: t = !1,
-  value: a,
+  value: n,
   onUpload: r,
-  onRemove: o,
-  accept: f = "image/*",
-  maxSize: y,
-  placeholder: v = "Selecionar imagem",
-  loading: T = !1,
-  size: P = "md",
-  label: S,
-  error: x,
-  disabled: h,
-  className: p,
-  ...B
+  onRemove: a,
+  accept: l = "image/*",
+  maxSize: w,
+  placeholder: b = "Selecionar imagem",
+  loading: M = !1,
+  size: N = "md",
+  label: y,
+  error: f,
+  disabled: x,
+  className: c,
+  ...I
 }) => {
-  const [E, F] = ue(null), [m, g] = ue(""), [w, N] = ue(!1), d = pe(null), C = !!a, k = !!E, _ = C || k, u = T || w, H = {
+  const [k, S] = le(null), [v, h] = le(""), [E, C] = le(!1), i = pe(null), R = !!n, F = !!k, B = R || F, p = M || E, V = {
     sm: t ? "w-16 h-16" : "w-24 h-16",
     md: t ? "w-24 h-24" : "w-32 h-24",
     lg: t ? "w-32 h-32" : "w-40 h-32"
-  }, R = v || (t ? "Adicionar foto" : "Selecionar imagem"), U = (M) => {
-    var ee;
-    const z = (ee = M.target.files) == null ? void 0 : ee[0];
-    if (!z) return;
-    if (y && z.size > y) {
-      alert(`Arquivo muito grande. Tamanho máximo: ${(y / 1024 / 1024).toFixed(1)}MB`);
+  }, L = b || (t ? "Adicionar foto" : "Selecionar imagem"), J = (_) => {
+    var z;
+    const P = (z = _.target.files) == null ? void 0 : z[0];
+    if (!P) return;
+    if (w && P.size > w) {
+      alert(`Arquivo muito grande. Tamanho máximo: ${(w / 1024 / 1024).toFixed(1)}MB`);
       return;
     }
-    const K = new FileReader();
-    K.onload = (Q) => {
-      var J;
-      g((J = Q.target) == null ? void 0 : J.result), F(z);
-    }, K.readAsDataURL(z);
-  }, G = async () => {
-    if (!(!E || !r))
+    const q = new FileReader();
+    q.onload = (Y) => {
+      var j;
+      h((j = Y.target) == null ? void 0 : j.result), S(P);
+    }, q.readAsDataURL(P);
+  }, Z = async () => {
+    if (!(!k || !r))
       try {
-        N(!0);
-        const M = await r(E);
-        F(null), g(""), d.current && (d.current.value = "");
-      } catch (M) {
-        console.error("Erro ao fazer upload:", M), alert("Erro ao fazer upload da imagem");
+        C(!0);
+        const _ = await r(k);
+        S(null), h(""), i.current && (i.current.value = "");
+      } catch (_) {
+        console.error("Erro ao fazer upload:", _), alert("Erro ao fazer upload da imagem");
       } finally {
-        N(!1);
+        C(!1);
       }
-  }, V = () => {
-    F(null), g(""), d.current && (d.current.value = "");
+  }, G = () => {
+    S(null), h(""), i.current && (i.current.value = "");
   }, W = async () => {
     try {
-      o && await o(a), F(null), g(""), d.current && (d.current.value = "");
-    } catch (M) {
-      console.error("Erro ao remover imagem:", M), alert("Erro ao remover imagem");
+      a && await a(n), S(null), h(""), i.current && (i.current.value = "");
+    } catch (_) {
+      console.error("Erro ao remover imagem:", _), alert("Erro ao remover imagem");
     }
-  }, L = () => {
-    var M;
-    h || u || (M = d.current) == null || M.click();
-  }, q = m || a;
-  return /* @__PURE__ */ l.createElement("div", { className: i("flex flex-col space-y-2", p) }, S && /* @__PURE__ */ l.createElement("label", { className: "text-sm font-medium text-gray-700" }, S), /* @__PURE__ */ l.createElement("div", { className: "relative flex flex-col items-center" }, /* @__PURE__ */ l.createElement(
+  }, $ = () => {
+    var _;
+    x || p || (_ = i.current) == null || _.click();
+  }, X = v || n;
+  return /* @__PURE__ */ o.createElement("div", { className: d("flex flex-col space-y-2", c) }, y && /* @__PURE__ */ o.createElement("label", { className: "text-sm font-medium text-gray-700" }, y), /* @__PURE__ */ o.createElement("div", { className: "relative flex flex-col items-center" }, /* @__PURE__ */ o.createElement(
     "input",
     {
-      ref: d,
+      ref: i,
       type: "file",
-      accept: f,
-      onChange: U,
-      disabled: h || u,
+      accept: l,
+      onChange: J,
+      disabled: x || p,
       className: "hidden",
-      ...B
+      ...I
     }
-  ), /* @__PURE__ */ l.createElement(
+  ), /* @__PURE__ */ o.createElement(
     "div",
     {
-      onClick: L,
-      className: i(
+      onClick: $,
+      className: d(
         // Base styles
         "relative border-2 border-dashed border-gray-300 transition-colors cursor-pointer",
         "hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",
         // Shape
         t ? "rounded-full" : "rounded-lg",
         // Size
-        H[P],
+        V[N],
         // States
-        h && "opacity-50 cursor-not-allowed",
-        u && "cursor-wait",
-        x && "border-red-300",
+        x && "opacity-50 cursor-not-allowed",
+        p && "cursor-wait",
+        f && "border-red-300",
         // Background
-        !_ && "bg-gray-50 hover:bg-gray-100",
-        _ && "border-solid border-gray-200"
+        !B && "bg-gray-50 hover:bg-gray-100",
+        B && "border-solid border-gray-200"
       )
     },
-    _ ? (
+    B ? (
       // Preview da imagem
-      /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ o.createElement(
         "img",
         {
-          src: q,
+          src: X,
           alt: "Preview",
-          className: i(
+          className: d(
             "w-full h-full object-cover",
             t ? "rounded-full" : "rounded-lg"
           )
@@ -1647,9 +1681,9 @@ const qe = ({
       )
     ) : (
       // Estado vazio
-      /* @__PURE__ */ l.createElement("div", { className: "flex flex-col items-center justify-center h-full text-gray-500 text-sm" }, t ? (
+      /* @__PURE__ */ o.createElement("div", { className: "flex flex-col items-center justify-center h-full text-gray-500 text-sm" }, t ? (
         // Ícone de usuário para avatar
-        /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
+        /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
           "svg",
           {
             className: "w-8 h-8 mb-1",
@@ -1657,7 +1691,7 @@ const qe = ({
             stroke: "currentColor",
             viewBox: "0 0 24 24"
           },
-          /* @__PURE__ */ l.createElement(
+          /* @__PURE__ */ o.createElement(
             "path",
             {
               strokeLinecap: "round",
@@ -1666,10 +1700,10 @@ const qe = ({
               d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
             }
           )
-        ), /* @__PURE__ */ l.createElement("span", { className: "text-center px-2 text-xs" }, R))
+        ), /* @__PURE__ */ o.createElement("span", { className: "text-center px-2 text-xs" }, L))
       ) : (
         // Ícone de adicionar imagem genérica
-        /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
+        /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
           "svg",
           {
             className: "w-6 h-6 mb-1",
@@ -1677,7 +1711,7 @@ const qe = ({
             stroke: "currentColor",
             viewBox: "0 0 24 24"
           },
-          /* @__PURE__ */ l.createElement(
+          /* @__PURE__ */ o.createElement(
             "path",
             {
               strokeLinecap: "round",
@@ -1686,64 +1720,202 @@ const qe = ({
               d: "M12 6v6m0 0v6m0-6h6m-6 0H6"
             }
           )
-        ), /* @__PURE__ */ l.createElement("span", { className: "text-center px-2" }, R))
+        ), /* @__PURE__ */ o.createElement("span", { className: "text-center px-2" }, L))
       ))
     ),
-    u && /* @__PURE__ */ l.createElement("div", { className: i(
+    p && /* @__PURE__ */ o.createElement("div", { className: d(
       "absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center",
       t ? "rounded-full" : "rounded-lg"
-    ) }, /* @__PURE__ */ l.createElement("div", { className: "w-6 h-6 border-2 border-white border-t-transparent rounded-full animate-spin" }))
-  ), _ && !u && /* @__PURE__ */ l.createElement("div", { className: "flex justify-center space-x-2 mt-3" }, k ? (
+    ) }, /* @__PURE__ */ o.createElement("div", { className: "w-6 h-6 border-2 border-white border-t-transparent rounded-full animate-spin" }))
+  ), B && !p && /* @__PURE__ */ o.createElement("div", { className: "flex justify-center space-x-2 mt-3" }, F ? (
     // Ações para arquivo selecionado (não salvo ainda)
-    /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
+    /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
       "button",
       {
-        onClick: G,
+        onClick: Z,
         disabled: !r,
         className: "px-3 py-1 bg-blue-600 text-white text-sm rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed"
       },
       "Confirmar"
-    ), /* @__PURE__ */ l.createElement(
+    ), /* @__PURE__ */ o.createElement(
       "button",
       {
-        onClick: V,
+        onClick: G,
         className: "px-3 py-1 bg-gray-600 text-white text-sm rounded hover:bg-gray-700"
       },
       "Cancelar"
     ))
   ) : (
     // Ações para imagem já salva
-    /* @__PURE__ */ l.createElement(
+    /* @__PURE__ */ o.createElement(
       "button",
       {
         onClick: W,
-        disabled: !o,
+        disabled: !a,
         className: "px-3 py-1 bg-red-600 text-white text-sm rounded hover:bg-red-700 disabled:opacity-50 disabled:cursor-not-allowed"
       },
       "Remover"
     )
-  ))), x && /* @__PURE__ */ l.createElement("p", { className: "text-sm text-red-600" }, x), y && !_ && /* @__PURE__ */ l.createElement("p", { className: "text-xs text-gray-500" }, "Tamanho máximo: ", (y / 1024 / 1024).toFixed(1), "MB"), t && !_ && /* @__PURE__ */ l.createElement("p", { className: "text-xs text-gray-500 text-center" }, "Use uma foto com seu rosto centralizado e bem visível"));
+  ))), f && /* @__PURE__ */ o.createElement("p", { className: "text-sm text-red-600" }, f), w && !B && /* @__PURE__ */ o.createElement("p", { className: "text-xs text-gray-500" }, "Tamanho máximo: ", (w / 1024 / 1024).toFixed(1), "MB"), t && !B && /* @__PURE__ */ o.createElement("p", { className: "text-xs text-gray-500 text-center" }, "Use uma foto com seu rosto centralizado e bem visível"));
+}, Me = o.createContext(null), Ge = () => {
+  const t = o.useContext(Me);
+  if (!t)
+    throw new Error("AccordionItem must be used within an Accordion");
+  return t;
+};
+let Le = 0;
+const Be = ({
+  title: t,
+  children: n,
+  defaultOpen: r = !1,
+  disabled: a = !1,
+  className: l,
+  headerClassName: w,
+  contentClassName: b,
+  icon: M
+}) => {
+  const { openItems: N, toggleItem: y, variant: f } = Ge(), [x] = le(() => Le++), c = N.has(x), I = pe(null), [k, S] = le(r ? void 0 : 0);
+  be(() => {
+    if (c) {
+      const C = I.current;
+      C && S(C.scrollHeight);
+    } else
+      S(0);
+  }, [c]);
+  const v = () => {
+    a || y(x);
+  }, E = {
+    default: {
+      item: "border-b border-[var(--accordion-border,#e5e7eb)] last:border-b-0",
+      header: "",
+      content: ""
+    },
+    bordered: {
+      item: "border border-[var(--accordion-border,#e5e7eb)] rounded-md mb-2",
+      header: "border-b border-[var(--accordion-border,#e5e7eb)]",
+      content: ""
+    },
+    separated: {
+      item: "border border-[var(--accordion-border,#e5e7eb)] rounded-md mb-3 shadow-sm",
+      header: "",
+      content: ""
+    }
+  }[f];
+  return /* @__PURE__ */ o.createElement("div", { className: d(E.item, l) }, /* @__PURE__ */ o.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: v,
+      disabled: a,
+      "aria-expanded": c,
+      className: d(
+        "w-full flex items-center justify-between px-4 py-3 text-left transition-colors",
+        "bg-[var(--accordion-header-bg,transparent)]",
+        "hover:bg-[var(--accordion-header-hover,rgba(0,0,0,0.05))]",
+        "text-[var(--accordion-text,#111827)]",
+        "font-medium",
+        a && "opacity-50 cursor-not-allowed",
+        c && f !== "default" && E.header,
+        w
+      )
+    },
+    /* @__PURE__ */ o.createElement("span", { className: "flex items-center gap-2" }, M && /* @__PURE__ */ o.createElement("span", { className: "flex-shrink-0" }, M), t),
+    /* @__PURE__ */ o.createElement(
+      "svg",
+      {
+        className: d(
+          "w-5 h-5 transition-transform duration-200 flex-shrink-0",
+          "text-[var(--accordion-icon,#6b7280)]",
+          c && "rotate-180"
+        ),
+        fill: "none",
+        strokeWidth: "2",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24"
+      },
+      /* @__PURE__ */ o.createElement("path", { d: "M19 9l-7 7-7-7" })
+    )
+  ), /* @__PURE__ */ o.createElement(
+    "div",
+    {
+      style: {
+        height: k,
+        overflow: "hidden",
+        transition: "height 0.3s ease-in-out"
+      }
+    },
+    /* @__PURE__ */ o.createElement(
+      "div",
+      {
+        ref: I,
+        className: d(
+          "px-4 py-3",
+          "text-[var(--accordion-content-text,#374151)]",
+          "bg-[var(--accordion-content-bg,transparent)]",
+          b
+        )
+      },
+      n
+    )
+  ));
+};
+Be.displayName = "AccordionItem";
+const qe = ({
+  children: t,
+  type: n = "single",
+  className: r,
+  variant: a = "default",
+  collapsible: l = !0
+}) => {
+  const [w, b] = le(/* @__PURE__ */ new Set());
+  be(() => {
+    Le = 0;
+    const N = o.Children.toArray(t), y = /* @__PURE__ */ new Set();
+    if (N.forEach((f, x) => {
+      o.isValidElement(f) && f.props.defaultOpen && y.add(x);
+    }), n === "single" && y.size > 1) {
+      const f = Array.from(y)[0];
+      b(/* @__PURE__ */ new Set([f]));
+    } else
+      b(y);
+  }, [t, n]);
+  const M = (N) => {
+    b((y) => {
+      const f = new Set(y);
+      return n === "single" ? f.has(N) ? l && f.clear() : (f.clear(), f.add(N)) : f.has(N) ? f.delete(N) : f.add(N), f;
+    });
+  };
+  return /* @__PURE__ */ o.createElement(
+    Me.Provider,
+    {
+      value: { type: n, openItems: w, toggleItem: M, collapsible: l, variant: a }
+    },
+    /* @__PURE__ */ o.createElement("div", { className: d("w-full", r) }, t)
+  );
 };
+qe.Item = Be;
 export {
-  Oe as AsideSheet,
-  Ie as AsyncSelect,
-  je as Button,
-  Ue as Card,
-  he as CardBody,
-  we as CardFooter,
-  xe as CardHeader,
-  qe as ImageInput,
-  Be as Input,
-  ze as MultiAsyncSelect,
-  Te as MultiSelect,
-  We as RadioGroup,
-  _e as Select,
-  Ye as Table,
-  Ne as TableBody,
-  Se as TableCell,
-  Ce as TableFooter,
-  Ee as TableHeader,
-  ke as TableRow,
-  Pe as Textarea,
-  Ge as Tooltip
+  qe as Accordion,
+  Be as AccordionItem,
+  Ye as AsideSheet,
+  We as AsyncSelect,
+  Xe as Button,
+  Ze as Card,
+  Ee as CardBody,
+  Ce as CardFooter,
+  ye as CardHeader,
+  rt as ImageInput,
+  $e as Input,
+  He as MultiAsyncSelect,
+  Ve as MultiSelect,
+  je as RadioGroup,
+  ze as Select,
+  et as Table,
+  Se as TableBody,
+  Ie as TableCell,
+  Re as TableFooter,
+  ke as TableHeader,
+  Fe as TableRow,
+  Oe as Textarea,
+  tt as Tooltip
 };