npm - rharuow-ds - Versions diffs - 1.7.0 → 1.7.2 - Mend

rharuow-ds 1.7.0 → 1.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/rharuow-ds.cjs.js +1 -1
package/dist/rharuow-ds.es.js +954 -897
package/dist/styles.css +1 -1
package/dist/types/src/components/Input.d.ts +1 -0
package/dist/types/src/lib/cpf.utils.d.ts +18 -0
package/dist/types/src/lib/index.d.ts +2 -0
package/dist/types/src/stories/InputCpf.stories.d.ts +7 -0
package/package.json +1 -1

package/dist/rharuow-ds.es.js CHANGED Viewed

@@ -1,672 +1,706 @@
 import * as e from "react";
-import u, { useState as ue, useRef as pe, useEffect as Le } from "react";
+import i, { useState as ue, useRef as pe, useEffect as Be } 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;
+function he(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 s = t.length;
+    for (n = 0; n < s; n++) t[n] && (r = he(t[n])) && (a && (a += " "), a += r);
+  } else for (r in t) t[r] && (a && (a += " "), a += r);
+  return a;
 }
-function Be() {
-  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 Pe() {
+  for (var t, n, r = 0, a = "", s = arguments.length; r < s; r++) (t = arguments[r]) && (n = he(t)) && (a && (a += " "), a += n);
+  return a;
 }
-function s(...t) {
-  return Be(...t);
+function d(...t) {
+  return Pe(...t);
 }
-const je = ({
+const Ge = ({
   children: t,
-  variant: a = "default",
+  variant: n = "default",
   className: r = "",
-  ...o
+  ...a
 }) => {
-  const f = "px-4 py-2 rounded font-medium transition", y = {
+  const s = "px-4 py-2 rounded font-medium transition", x = {
     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__ */ u.createElement("button", { className: s(f, y[a], r), ...o }, t);
-}, Me = e.forwardRef(
+  return /* @__PURE__ */ i.createElement("button", { className: d(s, x[n], r), ...a }, t);
+}, xe = (t) => t.replace(/\D/g, ""), _e = (t) => {
+  const r = xe(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)}`;
+}, ge = (t) => {
+  const n = xe(t);
+  if (n.length !== 11 || /^(\d)\1{10}$/.test(n))
+    return !1;
+  let r = 0;
+  for (let s = 0; s < 9; s++)
+    r += parseInt(n.charAt(s)) * (10 - s);
+  let a = r * 10 % 11;
+  if ((a === 10 || a === 11) && (a = 0), a !== parseInt(n.charAt(9)))
+    return !1;
+  r = 0;
+  for (let s = 0; s < 10; s++)
+    r += parseInt(n.charAt(s)) * (11 - s);
+  return a = r * 10 % 11, (a === 10 || a === 11) && (a = 0), a === parseInt(n.charAt(10));
+}, Ie = e.forwardRef(
   ({
     name: t,
-    className: a,
+    className: n,
     type: r = "text",
-    label: o,
-    onFocus: f,
-    onBlur: y,
-    Icon: v,
-    iconClassName: I,
-    iconAction: _,
-    containerClassName: R,
-    ...x
-  }, h) => {
-    var q, V, A;
-    const [p, B] = e.useState(!1), [N, F] = e.useState(!1), m = ie(), g = m == null ? void 0 : m.control, w = m == null ? void 0 : m.register, C = g && t ? ce({ control: g, name: t }) : void 0, c = x.value ?? C ?? "", k = (A = (V = (q = m == null ? void 0 : m.formState) == null ? void 0 : q.errors) == null ? void 0 : V[t]) == null ? void 0 : A.message, M = ["date", "datetime-local", "time", "month", "week"].includes(r), d = p || !!c || M, H = r === "password" ? N ? "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: s,
+    onBlur: x,
+    onChange: b,
+    Icon: B,
+    iconClassName: _,
+    iconAction: S,
+    containerClassName: w,
+    cpf: y = !1,
+    ...u
+  }, L) => {
+    var I, P, q;
+    const [k, R] = e.useState(!1), [g, v] = e.useState(!1), [h, E] = e.useState(null), l = ie(), C = l == null ? void 0 : l.control, N = l == null ? void 0 : l.register, M = C && t ? ce({ control: C, name: t }) : void 0, m = u.value ?? M ?? "", V = ((q = (P = (I = l == null ? void 0 : l.formState) == null ? void 0 : I.errors) == null ? void 0 : P[t]) == null ? void 0 : q.message) || h, F = ["date", "datetime-local", "time", "month", "week"].includes(r), J = k || !!m || F, Z = r === "password" ? g ? "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"
       }
-    )), L = () => /* @__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(
+    )), O = () => /* @__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"
       }
-    )), Y = () => {
-      F(!N);
+    )), A = () => {
+      v(!g);
+    }, X = (z) => {
+      if (y) {
+        const Y = z.target.value, j = _e(Y);
+        z.target.value = j, j.length === 14 ? ge(j) ? E(null) : E("CPF inválido") : E(null);
+      }
+      b && b(z);
     };
-    return /* @__PURE__ */ e.createElement("div", { className: s("relative", R) }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", w) }, /* @__PURE__ */ e.createElement(
       "input",
       {
-        id: x.id || t,
-        type: H,
-        className: s(
+        id: u.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" || B ? "pr-12" : "",
           // espaço extra para qualquer ícone (password ou customizado)
-          a
+          V ? "border-red-500" : "",
+          n
         ),
-        onFocus: (E) => {
-          B(!0), f && f(E);
+        onFocus: (z) => {
+          R(!0), s && s(z);
         },
-        ...m && t ? (() => {
-          const E = w(t), j = E.onBlur;
+        maxLength: y ? 14 : u.maxLength,
+        inputMode: y ? "numeric" : u.inputMode,
+        ...l && t ? (() => {
+          const z = N(t, y ? {
+            validate: (D) => D ? D.length < 14 ? "CPF incompleto" : ge(D) ? !0 : "CPF inválido" : "CPF é obrigatório"
+          } : void 0), Y = z.onBlur, j = z.onChange;
           return {
-            ...E,
-            ref: (z) => {
-              typeof h == "function" ? h(z) : h && (h.current = z), E.ref && E.ref(z);
+            ...z,
+            ref: (D) => {
+              typeof L == "function" ? L(D) : L && (L.current = D), z.ref && z.ref(D);
             },
-            onBlur: (z) => {
-              B(!1), y && y(z), j && j(z);
+            onBlur: (D) => {
+              R(!1), x && x(D), Y && Y(D);
+            },
+            onChange: (D) => {
+              X(D), j && j(D);
             }
           };
         })() : {
-          ref: h,
-          onBlur: (E) => {
-            B(!1), y && y(E);
-          }
+          ref: L,
+          onBlur: (z) => {
+            R(!1), x && x(z);
+          },
+          onChange: X
         },
-        ...x
+        ...u
       }
-    ), o && /* @__PURE__ */ e.createElement(
+    ), a && /* @__PURE__ */ e.createElement(
       "label",
       {
-        htmlFor: x.id || t,
-        className: s(
+        htmlFor: u.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"
+          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: Y,
-        "aria-label": N ? "Esconder senha" : "Mostrar senha",
+        onClick: A,
+        "aria-label": g ? "Esconder senha" : "Mostrar senha",
         tabIndex: -1
       },
-      N ? /* @__PURE__ */ e.createElement(L, null) : /* @__PURE__ */ e.createElement(D, null)
-    ), v && r !== "password" && /* @__PURE__ */ e.createElement(
+      g ? /* @__PURE__ */ e.createElement(O, null) : /* @__PURE__ */ e.createElement(G, null)
+    ), B && r !== "password" && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: s(
+        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",
-          I
+          _
         ),
-        onClick: _
+        onClick: S
       },
-      /* @__PURE__ */ e.createElement(v, null)
-    ), k && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, k));
+      /* @__PURE__ */ e.createElement(B, null)
+    ), V && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, V));
   }
 );
-Me.displayName = "Input";
-const _e = e.forwardRef(
+Ie.displayName = "Input";
+const Te = e.forwardRef(
   ({
     name: t,
-    label: a,
+    label: n,
     options: r,
-    className: o,
-    containerClassName: f,
-    isClearable: y,
-    searchable: v = !1,
-    filterPlaceholder: I = "Digite para filtrar...",
+    className: a,
+    containerClassName: s,
+    isClearable: x,
+    searchable: b = !1,
+    filterPlaceholder: B = "Digite para filtrar...",
     caseSensitive: _ = !1,
-    filterFunction: R,
-    onFocus: x,
-    onBlur: h,
-    ...p
-  }, B) => {
-    var te, ae, l, T;
-    const [N, F] = e.useState(!1), [m, g] = e.useState(!1), [w, C] = e.useState(""), [c, k] = e.useState({
+    filterFunction: S,
+    onFocus: w,
+    onBlur: y,
+    ...u
+  }, L) => {
+    var re, ne, c, $;
+    const [k, R] = e.useState(!1), [g, v] = e.useState(!1), [h, E] = e.useState(""), [l, C] = e.useState({
       top: 0,
       left: 0,
       width: 0
-    }), S = e.useRef(null), M = e.useRef(null), d = ie(), H = d == null ? void 0 : d.control, D = H && t ? ce({ control: H, name: t }) : void 0, L = p.value ?? D ?? "", Y = (l = (ae = (te = d == null ? void 0 : d.formState) == null ? void 0 : te.errors) == null ? void 0 : ae[t]) == null ? void 0 : l.message, V = R || ((n, W) => {
-      const U = _ ? n.label : n.label.toLowerCase(), Q = _ ? W : W.toLowerCase();
-      return U.includes(Q);
-    }), A = w.trim() ? r.filter((n) => V(n, w.trim())) : r, E = r.find((n) => n.value === L), j = v && m ? w : (E == null ? void 0 : E.label) || "", z = N || !!L || v && !!w, $ = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), K = e.useCallback(() => {
-      if (S.current && m) {
-        const n = S.current.getBoundingClientRect(), W = $(), U = window.innerHeight, Q = window.innerWidth, G = 152;
-        let b = n.bottom + 4, O = n.left;
+    }), N = e.useRef(null), M = e.useRef(null), m = ie(), V = m == null ? void 0 : m.control, U = V && t ? ce({ control: V, name: t }) : void 0, F = u.value ?? U ?? "", J = (c = (ne = (re = m == null ? void 0 : m.formState) == null ? void 0 : re.errors) == null ? void 0 : ne[t]) == null ? void 0 : c.message, G = S || ((o, W) => {
+      const K = _ ? o.label : o.label.toLowerCase(), te = _ ? W : W.toLowerCase();
+      return K.includes(te);
+    }), O = h.trim() ? r.filter((o) => G(o, h.trim())) : r, A = r.find((o) => o.value === F), X = b && g ? h : (A == null ? void 0 : A.label) || "", I = k || !!F || b && !!h, P = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), q = e.useCallback(() => {
+      if (N.current && g) {
+        const o = N.current.getBoundingClientRect(), W = P(), K = window.innerHeight, te = window.innerWidth, Q = 152;
+        let p = o.bottom + 4, H = o.left;
         if (W) {
-          const re = U - n.bottom, i = n.top;
-          re < G && i > G && (b = n.top - G - 4);
-          const P = 16, J = Q - n.width - P;
-          O = Math.min(Math.max(O, P), J);
+          const ae = K - o.bottom, f = o.top;
+          ae < Q && f > Q && (p = o.top - Q - 4);
+          const T = 16, ee = te - o.width - T;
+          H = Math.min(Math.max(H, T), ee);
         } else
-          U - n.bottom < G && (b = n.top - G - 4);
-        k({
-          top: b,
-          left: O,
-          width: n.width
+          K - o.bottom < Q && (p = o.top - Q - 4);
+        C({
+          top: p,
+          left: H,
+          width: o.width
         });
       }
-    }, [m, $]);
+    }, [g, P]);
     e.useEffect(() => {
-      if (K(), m) {
-        const n = () => K(), W = () => K();
-        return window.addEventListener("resize", n), window.addEventListener("scroll", W, !0), () => {
-          window.removeEventListener("resize", n), window.removeEventListener("scroll", W, !0);
+      if (q(), g) {
+        const o = () => q(), W = () => q();
+        return window.addEventListener("resize", o), window.addEventListener("scroll", W, !0), () => {
+          window.removeEventListener("resize", o), window.removeEventListener("scroll", W, !0);
         };
       }
-    }, [m, K]), e.useEffect(() => {
-      const n = (W) => {
-        S.current && !S.current.contains(W.target) && (g(!1), F(!1));
+    }, [g, q]), e.useEffect(() => {
+      const o = (W) => {
+        N.current && !N.current.contains(W.target) && (v(!1), R(!1));
       };
-      return document.addEventListener("mousedown", n), () => {
-        document.removeEventListener("mousedown", n);
+      return document.addEventListener("mousedown", o), () => {
+        document.removeEventListener("mousedown", o);
       };
     }, []);
-    const X = () => {
-      g((n) => !n), F(!0);
-    }, Z = (n) => {
-      F(!0), x && x(n);
-    }, ee = (n) => {
-      h && h(n);
-    }, ne = (n) => {
-      C(n.target.value);
-    }, oe = (n) => {
-      if (d && t && d.setValue(t, n), p.onChange) {
+    const z = () => {
+      v((o) => !o), R(!0);
+    }, Y = (o) => {
+      R(!0), w && w(o);
+    }, j = (o) => {
+      y && y(o);
+    }, D = (o) => {
+      E(o.target.value);
+    }, oe = (o) => {
+      if (m && t && m.setValue(t, o), u.onChange) {
         const W = {
-          target: { value: n }
+          target: { value: o }
         };
-        p.onChange(W);
+        u.onChange(W);
       }
-      g(!1), F(!1), C("");
+      v(!1), R(!1), E("");
     };
-    return /* @__PURE__ */ e.createElement("div", { className: s("relative", f), ref: S }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", s), ref: N }, /* @__PURE__ */ e.createElement(
       "div",
       {
-        id: p.id || t,
+        id: u.id || t,
         tabIndex: 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": m,
-        className: s(
+        "aria-expanded": g,
+        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 : X,
-        onFocus: v ? void 0 : Z,
-        onBlur: v ? void 0 : ee,
-        ref: B
+        onClick: b ? void 0 : z,
+        onFocus: b ? void 0 : Y,
+        onBlur: b ? void 0 : j,
+        ref: L
       },
-      v ? /* @__PURE__ */ e.createElement(
+      b ? /* @__PURE__ */ e.createElement(
         "input",
         {
           ref: M,
           type: "text",
-          value: j,
-          onChange: ne,
-          onFocus: v ? (n) => {
-            F(!0), g(!0), x && x(n);
+          value: X,
+          onChange: D,
+          onFocus: b ? (o) => {
+            R(!0), v(!0), w && w(o);
           } : void 0,
-          onBlur: v ? (n) => {
-            h && h(n);
+          onBlur: b ? (o) => {
+            y && y(o);
           } : void 0,
-          placeholder: a ? "" : I || "Selecione...",
-          className: s(
+          placeholder: n ? "" : B || "Selecione...",
+          className: d(
             "w-full bg-transparent border-none outline-none text-sm",
-            !L && !w && "text-gray-400"
+            !F && !h && "text-gray-400"
           )
         }
-      ) : /* @__PURE__ */ e.createElement("span", { className: s("block truncate", !L && "text-gray-400") }, ((T = r.find((n) => n.value === L)) == null ? void 0 : T.label) || !a && "Selecione..."),
-      y && L && /* @__PURE__ */ e.createElement(
+      ) : /* @__PURE__ */ e.createElement("span", { className: d("block truncate", !F && "text-gray-400") }, (($ = r.find((o) => o.value === F)) == null ? void 0 : $.label) || !n && "Selecione..."),
+      x && 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: (n) => {
-            if (n.stopPropagation(), d && t && d.setValue(t, ""), p.onChange) {
+          onClick: (o) => {
+            if (o.stopPropagation(), m && t && m.setValue(t, ""), u.onChange) {
               const W = {
                 target: { value: "" }
               };
-              p.onChange(W);
+              u.onChange(W);
             }
-            g(!1), F(!1);
+            v(!1), R(!1);
           }
         },
         "✕"
       )
-    ), a && /* @__PURE__ */ e.createElement(
+    ), n && /* @__PURE__ */ e.createElement(
       "label",
       {
-        htmlFor: p.id || t,
-        className: s(
+        htmlFor: u.id || t,
+        className: d(
           "absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
-          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"
+          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"
         )
       },
-      a
+      n
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: s(
+        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"
+          g ? "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: g ? "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 ? `${c.top}px` : "auto",
-          left: m ? `${c.left}px` : "auto",
-          width: m ? `${c.width}px` : "auto",
+          top: g ? `${l.top}px` : "auto",
+          left: g ? `${l.left}px` : "auto",
+          width: g ? `${l.width}px` : "auto",
           zIndex: 9999,
-          boxShadow: m ? "var(--select-dropdown-shadow)" : "none"
+          boxShadow: g ? "var(--select-dropdown-shadow)" : "none"
         }
       },
-      A.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, "Nenhuma opção encontrada") : A.map((n) => /* @__PURE__ */ e.createElement(
+      O.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, "Nenhuma opção encontrada") : O.map((o) => /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: n.value,
-          className: s(
+          key: o.value,
+          className: d(
             "px-3 py-2 cursor-pointer text-sm transition-colors duration-150",
             "hover:bg-[var(--select-dropdown-hover)]",
-            L === n.value && "bg-[var(--select-dropdown-selected)]"
+            F === o.value && "bg-[var(--select-dropdown-selected)]"
           ),
-          onMouseDown: () => oe(n.value)
+          onMouseDown: () => oe(o.value)
         },
-        n.label
+        o.label
       ))
-    ), Y && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, Y));
+    ), J && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, J));
   }
 );
-_e.displayName = "Select";
-const Pe = e.forwardRef(
+Te.displayName = "Select";
+const $e = e.forwardRef(
   ({
     name: t,
-    className: a,
+    className: n,
     label: r,
-    onFocus: o,
-    onBlur: f,
-    Icon: y,
-    iconClassName: v,
-    iconAction: I,
+    onFocus: a,
+    onBlur: s,
+    Icon: x,
+    iconClassName: b,
+    iconAction: B,
     containerClassName: _,
-    rows: R = 4,
-    ...x
-  }, h) => {
-    var k, S, M;
-    const [p, B] = e.useState(!1), N = ie(), F = N == null ? void 0 : N.control, m = N == null ? void 0 : N.register, g = F && t ? ce({ control: F, name: t }) : void 0, w = x.value ?? g ?? "", C = (M = (S = (k = N == null ? void 0 : N.formState) == null ? void 0 : k.errors) == null ? void 0 : S[t]) == null ? void 0 : M.message, c = p || !!w;
-    return /* @__PURE__ */ e.createElement("div", { className: s("relative", _) }, /* @__PURE__ */ e.createElement(
+    rows: S = 4,
+    ...w
+  }, y) => {
+    var C, N, M;
+    const [u, L] = e.useState(!1), k = ie(), R = k == null ? void 0 : k.control, g = k == null ? void 0 : k.register, v = R && t ? ce({ control: R, name: t }) : void 0, h = w.value ?? v ?? "", E = (M = (N = (C = k == null ? void 0 : k.formState) == null ? void 0 : C.errors) == null ? void 0 : N[t]) == null ? void 0 : M.message, l = u || !!h;
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", _) }, /* @__PURE__ */ e.createElement(
       "textarea",
       {
-        id: x.id || t,
-        rows: R,
-        className: s(
+        id: w.id || t,
+        rows: S,
+        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" : "",
+          x ? "pr-12" : "",
           // espaço extra para ícone customizado
-          a
+          n
         ),
-        onFocus: (d) => {
-          B(!0), o && o(d);
+        onFocus: (m) => {
+          L(!0), a && a(m);
         },
-        ...N && t ? (() => {
-          const d = m(t), H = d.onBlur;
+        ...k && t ? (() => {
+          const m = g(t), V = m.onBlur;
           return {
-            ...d,
-            ref: (D) => {
-              typeof h == "function" ? h(D) : h && (h.current = D), d.ref && d.ref(D);
+            ...m,
+            ref: (U) => {
+              typeof y == "function" ? y(U) : y && (y.current = U), m.ref && m.ref(U);
             },
-            onBlur: (D) => {
-              B(!1), f && f(D), H && H(D);
+            onBlur: (U) => {
+              L(!1), s && s(U), V && V(U);
             }
           };
         })() : {
-          ref: h,
-          onBlur: (d) => {
-            B(!1), f && f(d);
+          ref: y,
+          onBlur: (m) => {
+            L(!1), s && s(m);
           }
         },
-        ...x
+        ...w
       }
     ), r && /* @__PURE__ */ e.createElement(
       "label",
       {
-        htmlFor: x.id || t,
-        className: s(
+        htmlFor: w.id || t,
+        className: d(
           "absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
-          c ? "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"
+          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"
         )
       },
       r
-    ), y && /* @__PURE__ */ e.createElement(
+    ), x && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: s(
+        className: d(
           "absolute top-3 right-3 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",
-          v
+          b
         ),
-        onClick: I
+        onClick: B
       },
-      /* @__PURE__ */ e.createElement(y, null)
-    ), C && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, C));
+      /* @__PURE__ */ e.createElement(x, null)
+    ), E && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, E));
   }
 );
-Pe.displayName = "Textarea";
-const Ie = e.forwardRef(
+$e.displayName = "Textarea";
+const Ae = e.forwardRef(
   ({
     name: t,
-    label: a,
+    label: n,
     loadOptions: r,
-    className: o,
-    containerClassName: f,
-    isClearable: y,
-    defaultOptions: v = !1,
-    loadingMessage: I = "Carregando...",
+    className: a,
+    containerClassName: s,
+    isClearable: x,
+    defaultOptions: b = !1,
+    loadingMessage: B = "Carregando...",
     noOptionsMessage: _ = "Nenhuma opção encontrada",
-    searchable: R = !1,
-    debounceMs: x = 300,
-    onFocus: h,
-    onBlur: p,
-    ...B
-  }, N) => {
-    var U, Q, G;
-    const [F, m] = e.useState(!1), [g, w] = e.useState(!1), [C, c] = e.useState([]), [k, S] = e.useState(!1), [M, d] = e.useState(""), [H, D] = e.useState(""), [L, Y] = e.useState({
+    searchable: S = !1,
+    debounceMs: w = 300,
+    onFocus: y,
+    onBlur: u,
+    ...L
+  }, k) => {
+    var K, te, Q;
+    const [R, g] = e.useState(!1), [v, h] = e.useState(!1), [E, l] = e.useState([]), [C, N] = e.useState(!1), [M, m] = e.useState(""), [V, U] = e.useState(""), [F, J] = e.useState({
       top: 0,
       left: 0,
       width: 0
-    }), q = e.useRef(null), V = e.useRef(null), A = ie(), E = A == null ? void 0 : A.control, j = E && t ? ce({ control: E, name: t }) : void 0, z = B.value ?? j ?? "", $ = (G = (Q = (U = A == null ? void 0 : A.formState) == null ? void 0 : U.errors) == null ? void 0 : Q[t]) == null ? void 0 : G.message, K = F || !!z, X = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), Z = e.useCallback(() => {
-      if (q.current && g) {
-        const b = q.current.getBoundingClientRect(), O = X(), re = window.innerHeight, i = window.innerWidth, P = 152;
-        let J = b.bottom + 4, se = b.left;
-        if (O) {
-          const le = re - b.bottom, fe = b.top;
-          le < P && fe > P && (J = b.top - P - 4);
-          const de = 16, me = i - b.width - de;
+    }), Z = e.useRef(null), G = e.useRef(null), O = ie(), A = O == null ? void 0 : O.control, X = A && t ? ce({ control: A, name: t }) : void 0, I = L.value ?? X ?? "", P = (Q = (te = (K = O == null ? void 0 : O.formState) == null ? void 0 : K.errors) == null ? void 0 : te[t]) == null ? void 0 : Q.message, q = R || !!I, 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 && v) {
+        const p = Z.current.getBoundingClientRect(), H = z(), ae = window.innerHeight, f = window.innerWidth, T = 152;
+        let ee = p.bottom + 4, se = p.left;
+        if (H) {
+          const le = ae - p.bottom, fe = p.top;
+          le < T && fe > T && (ee = p.top - T - 4);
+          const de = 16, me = f - p.width - de;
           se = Math.min(Math.max(se, de), me);
         } else
-          re - b.bottom < P && (J = b.top - P - 4);
-        Y({
-          top: J,
+          ae - p.bottom < T && (ee = p.top - T - 4);
+        J({
+          top: ee,
           left: se,
-          width: b.width
+          width: p.width
         });
       }
-    }, [g, X]);
+    }, [v, z]);
     e.useEffect(() => {
-      if (Z(), g) {
-        const b = () => Z(), O = () => Z();
-        return window.addEventListener("resize", b), window.addEventListener("scroll", O, !0), () => {
-          window.removeEventListener("resize", b), window.removeEventListener("scroll", O, !0);
+      if (Y(), v) {
+        const p = () => Y(), H = () => Y();
+        return window.addEventListener("resize", p), window.addEventListener("scroll", H, !0), () => {
+          window.removeEventListener("resize", p), window.removeEventListener("scroll", H, !0);
         };
       }
-    }, [g, Z]), e.useEffect(() => {
-      const b = setTimeout(() => {
-        D(M);
-      }, x);
-      return () => clearTimeout(b);
-    }, [M, x]), e.useEffect(() => {
-      (g || v && C.length === 0) && ee(R ? H : void 0);
-    }, [H, g]), e.useEffect(() => {
-      v === !0 ? ee() : Array.isArray(v) && c(v);
+    }, [v, Y]), e.useEffect(() => {
+      const p = setTimeout(() => {
+        U(M);
+      }, w);
+      return () => clearTimeout(p);
+    }, [M, w]), e.useEffect(() => {
+      (v || b && E.length === 0) && j(S ? V : void 0);
+    }, [V, v]), e.useEffect(() => {
+      b === !0 ? j() : Array.isArray(b) && l(b);
     }, []);
-    const ee = async (b) => {
+    const j = async (p) => {
       try {
-        S(!0);
-        const O = await r(b);
-        c(O);
-      } catch (O) {
-        console.error("Error loading options:", O), c([]);
+        N(!0);
+        const H = await r(p);
+        l(H);
+      } catch (H) {
+        console.error("Error loading options:", H), l([]);
       } finally {
-        S(!1);
+        N(!1);
       }
     };
     e.useEffect(() => {
-      const b = (O) => {
-        q.current && !q.current.contains(O.target) && (w(!1), m(!1), d(""));
+      const p = (H) => {
+        Z.current && !Z.current.contains(H.target) && (h(!1), g(!1), m(""));
       };
-      return document.addEventListener("mousedown", b), () => {
-        document.removeEventListener("mousedown", b);
+      return document.addEventListener("mousedown", p), () => {
+        document.removeEventListener("mousedown", p);
       };
     }, []);
-    const ne = () => {
-      g || (w(!0), m(!0), R && V.current && setTimeout(() => {
-        var b;
-        return (b = V.current) == null ? void 0 : b.focus();
+    const D = () => {
+      v || (h(!0), g(!0), S && G.current && setTimeout(() => {
+        var p;
+        return (p = G.current) == null ? void 0 : p.focus();
       }, 0));
-    }, oe = (b) => {
-      m(!0), h && h(b);
-    }, te = (b) => {
-      p && p(b);
-    }, ae = (b) => {
-      d(b.target.value);
-    }, l = (b) => {
-      if (A && t && A.setValue(t, b), B.onChange) {
-        const O = {
-          target: { value: b }
+    }, oe = (p) => {
+      g(!0), y && y(p);
+    }, re = (p) => {
+      u && u(p);
+    }, ne = (p) => {
+      m(p.target.value);
+    }, c = (p) => {
+      if (O && t && O.setValue(t, p), L.onChange) {
+        const H = {
+          target: { value: p }
         };
-        B.onChange(O);
+        L.onChange(H);
       }
-      w(!1), m(!1), d("");
-    }, T = (b) => {
-      if (b.stopPropagation(), A && t && A.setValue(t, ""), B.onChange) {
-        const O = {
+      h(!1), g(!1), m("");
+    }, $ = (p) => {
+      if (p.stopPropagation(), O && t && O.setValue(t, ""), L.onChange) {
+        const H = {
           target: { value: "" }
         };
-        B.onChange(O);
+        L.onChange(H);
       }
-      w(!1), m(!1), d("");
-    }, n = C.find((b) => b.value === z), W = R && g ? M : (n == null ? void 0 : n.label) || "";
-    return /* @__PURE__ */ e.createElement("div", { className: s("relative", f), ref: q }, /* @__PURE__ */ e.createElement(
+      h(!1), g(!1), m("");
+    }, o = E.find((p) => p.value === I), W = S && v ? M : (o == null ? void 0 : o.label) || "";
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", s), ref: Z }, /* @__PURE__ */ e.createElement(
       "div",
       {
-        id: B.id || t,
-        tabIndex: R ? -1 : 0,
+        id: L.id || t,
+        tabIndex: S ? -1 : 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": g,
-        className: s(
+        "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: ne,
-        onFocus: R ? void 0 : oe,
-        onBlur: R ? void 0 : te,
-        ref: N
+        onClick: D,
+        onFocus: S ? void 0 : oe,
+        onBlur: S ? void 0 : re,
+        ref: k
       },
-      R ? /* @__PURE__ */ e.createElement(
+      S ? /* @__PURE__ */ e.createElement(
         "input",
         {
-          ref: V,
+          ref: G,
           type: "text",
           value: W,
-          onChange: ae,
+          onChange: ne,
           onFocus: oe,
-          onBlur: te,
-          placeholder: a ? "" : "Selecione...",
-          className: s(
+          onBlur: re,
+          placeholder: n ? "" : "Selecione...",
+          className: d(
             "w-full bg-transparent border-none outline-none text-sm",
-            !z && !M && "text-gray-400"
+            !I && !M && "text-gray-400"
           )
         }
-      ) : /* @__PURE__ */ e.createElement("span", { className: s("block truncate", !z && "text-gray-400") }, (n == null ? void 0 : n.label) || !a && "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 && !k && /* @__PURE__ */ e.createElement(
+      ) : /* @__PURE__ */ e.createElement("span", { className: d("block truncate", !I && "text-gray-400") }, (o == null ? void 0 : o.label) || !n && "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)]" })),
+      x && I && !C && /* @__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: T
+          onClick: $
         },
         "✕"
       )
-    ), a && /* @__PURE__ */ e.createElement(
+    ), n && /* @__PURE__ */ e.createElement(
       "label",
       {
-        htmlFor: B.id || t,
-        className: s(
+        htmlFor: L.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: s(
+        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"
+          v ? "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: C.length > 3 ? "auto" : "hidden",
+          maxHeight: v ? "9.5rem" : "0",
+          overflowY: E.length > 3 ? "auto" : "hidden",
           position: "fixed",
           // Use fixed positioning to escape container overflow
-          top: g ? `${L.top}px` : "auto",
-          left: g ? `${L.left}px` : "auto",
-          width: g ? `${L.width}px` : "auto",
+          top: v ? `${F.top}px` : "auto",
+          left: v ? `${F.left}px` : "auto",
+          width: v ? `${F.width}px` : "auto",
           zIndex: 9999,
-          boxShadow: g ? "var(--select-dropdown-shadow)" : "none"
+          boxShadow: v ? "var(--select-dropdown-shadow)" : "none"
         }
       },
-      k ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, I) : C.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, _) : C.map((b) => /* @__PURE__ */ e.createElement(
+      C ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, B) : E.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, _) : E.map((p) => /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: b.value,
-          className: s(
+          key: p.value,
+          className: d(
             "px-3 py-2 cursor-pointer text-sm transition-colors duration-150",
             "hover:bg-[var(--select-dropdown-hover)]",
-            z === b.value && "bg-[var(--select-dropdown-selected)]"
+            I === p.value && "bg-[var(--select-dropdown-selected)]"
           ),
-          onMouseDown: () => l(b.value)
+          onMouseDown: () => c(p.value)
         },
-        b.label
+        p.label
       ))
-    ), $ && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, $));
+    ), P && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, P));
   }
 );
-Ie.displayName = "AsyncSelect";
-const Te = e.forwardRef(
+Ae.displayName = "AsyncSelect";
+const ze = e.forwardRef(
   ({
     name: t,
-    label: a,
+    label: n,
     options: r,
-    className: o,
-    containerClassName: f,
-    isClearable: y,
-    searchable: v = !1,
-    filterPlaceholder: I = "Digite para filtrar...",
+    className: a,
+    containerClassName: s,
+    isClearable: x,
+    searchable: b = !1,
+    filterPlaceholder: B = "Digite para filtrar...",
     caseSensitive: _ = !1,
-    filterFunction: R,
-    onFocus: x,
-    onBlur: h,
-    ...p
-  }, B) => {
-    var oe, te, ae;
-    const [N, F] = e.useState(!1), [m, g] = e.useState(!1), [w, C] = e.useState(""), [c, k] = e.useState({
+    filterFunction: S,
+    onFocus: w,
+    onBlur: y,
+    ...u
+  }, L) => {
+    var oe, re, ne;
+    const [k, R] = e.useState(!1), [g, v] = e.useState(!1), [h, E] = e.useState(""), [l, C] = e.useState({
       top: 0,
       left: 0,
       width: 0
-    }), S = e.useRef(null), M = e.useRef(null), d = ie(), H = d == null ? void 0 : d.control, D = H && t ? ce({ control: H, name: t }) : void 0, L = p.value ?? D ?? [], Y = (ae = (te = (oe = d == null ? void 0 : d.formState) == null ? void 0 : oe.errors) == null ? void 0 : te[t]) == null ? void 0 : ae.message, V = R || ((l, T) => {
-      const n = _ ? l.label : l.label.toLowerCase(), W = _ ? T : T.toLowerCase();
-      return n.includes(W);
-    }), A = w.trim() ? r.filter((l) => V(l, w.trim())) : r, E = N || L && L.length > 0 || v && !!w, j = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), z = e.useCallback(() => {
-      if (S.current && m) {
-        const l = S.current.getBoundingClientRect(), T = j(), n = window.innerHeight, W = window.innerWidth, U = 152;
-        let Q = l.bottom + 4, G = l.left;
-        if (T) {
-          const b = n - l.bottom, O = l.top;
-          b < U && O > U && (Q = l.top - U - 4);
-          const re = 16, i = W - l.width - re;
-          G = Math.min(Math.max(G, re), i);
+    }), N = e.useRef(null), M = e.useRef(null), m = ie(), V = m == null ? void 0 : m.control, U = V && t ? ce({ control: V, name: t }) : void 0, F = u.value ?? U ?? [], J = (ne = (re = (oe = m == null ? void 0 : m.formState) == null ? void 0 : oe.errors) == null ? void 0 : re[t]) == null ? void 0 : ne.message, G = S || ((c, $) => {
+      const o = _ ? c.label : c.label.toLowerCase(), W = _ ? $ : $.toLowerCase();
+      return o.includes(W);
+    }), O = h.trim() ? r.filter((c) => G(c, h.trim())) : r, A = k || F && F.length > 0 || b && !!h, X = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), I = e.useCallback(() => {
+      if (N.current && g) {
+        const c = N.current.getBoundingClientRect(), $ = X(), o = window.innerHeight, W = window.innerWidth, K = 152;
+        let te = c.bottom + 4, Q = c.left;
+        if ($) {
+          const p = o - c.bottom, H = c.top;
+          p < K && H > K && (te = c.top - K - 4);
+          const ae = 16, f = W - c.width - ae;
+          Q = Math.min(Math.max(Q, ae), f);
         } else
-          n - l.bottom < U && (Q = l.top - U - 4);
-        k({
-          top: Q,
-          left: G,
-          width: l.width
+          o - c.bottom < K && (te = c.top - K - 4);
+        C({
+          top: te,
+          left: Q,
+          width: c.width
         });
       }
-    }, [m, j]);
+    }, [g, X]);
     e.useEffect(() => {
-      if (z(), m) {
-        const l = () => z(), T = () => z();
-        return window.addEventListener("resize", l), window.addEventListener("scroll", T, !0), () => {
-          window.removeEventListener("resize", l), window.removeEventListener("scroll", T, !0);
+      if (I(), g) {
+        const c = () => I(), $ = () => I();
+        return window.addEventListener("resize", c), window.addEventListener("scroll", $, !0), () => {
+          window.removeEventListener("resize", c), window.removeEventListener("scroll", $, !0);
         };
       }
-    }, [m, z]), e.useEffect(() => {
-      const l = (T) => {
-        S.current && !S.current.contains(T.target) && (g(!1), F(!1));
+    }, [g, I]), e.useEffect(() => {
+      const c = ($) => {
+        N.current && !N.current.contains($.target) && (v(!1), R(!1));
       };
-      return document.addEventListener("mousedown", l), () => {
-        document.removeEventListener("mousedown", l);
+      return document.addEventListener("mousedown", c), () => {
+        document.removeEventListener("mousedown", c);
       };
     }, []);
-    const $ = () => {
-      g((l) => !l), F(!0);
-    }, K = (l) => {
-      F(!0), x && x(l);
-    }, X = (l) => {
-      h && h(l);
-    }, Z = (l) => {
-      var n;
-      let T;
-      L.includes(l) ? T = L.filter((W) => W !== l) : T = [...L, l], d && t && d.setValue(t, T), p.onChange && ((n = p.onChange) == null || n.call(p, {
-        target: { value: T }
-      })), F(!0);
-    }, ee = (l) => {
-      var T;
-      l.stopPropagation(), d && t && d.setValue(t, []), p.onChange && ((T = p.onChange) == null || T.call(p, {
+    const P = () => {
+      v((c) => !c), R(!0);
+    }, q = (c) => {
+      R(!0), w && w(c);
+    }, z = (c) => {
+      y && y(c);
+    }, Y = (c) => {
+      var o;
+      let $;
+      F.includes(c) ? $ = F.filter((W) => W !== c) : $ = [...F, c], m && t && m.setValue(t, $), u.onChange && ((o = u.onChange) == null || o.call(u, {
+        target: { value: $ }
+      })), R(!0);
+    }, j = (c) => {
+      var $;
+      c.stopPropagation(), m && t && m.setValue(t, []), u.onChange && (($ = u.onChange) == null || $.call(u, {
         target: { value: [] }
-      })), g(!1), F(!1);
-    }, ne = (l) => {
-      C(l.target.value);
+      })), v(!1), R(!1);
+    }, D = (c) => {
+      E(c.target.value);
     };
-    return /* @__PURE__ */ e.createElement("div", { className: s("relative", f), ref: S }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", s), ref: N }, /* @__PURE__ */ e.createElement(
       "div",
       {
-        id: p.id || t,
+        id: u.id || t,
         tabIndex: 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": m,
-        className: s(
+        "aria-expanded": g,
+        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 : $,
-        onFocus: v ? void 0 : K,
-        onBlur: v ? void 0 : X,
-        ref: B
+        onClick: b ? void 0 : P,
+        onFocus: b ? void 0 : q,
+        onBlur: b ? void 0 : z,
+        ref: L
       },
       /* @__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" }
         },
-        L && L.length > 0 ? r.filter((l) => L.includes(l.value)).map((l) => /* @__PURE__ */ e.createElement(
+        F && F.length > 0 ? r.filter((c) => F.includes(c.value)).map((c) => /* @__PURE__ */ e.createElement(
           "span",
           {
-            key: l.value,
+            key: c.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: l.label }, l.label),
+          /* @__PURE__ */ e.createElement("span", { className: "truncate", title: c.label }, c.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 ${l.label}`,
+              "aria-label": `Remover ${c.label}`,
               tabIndex: -1,
-              onClick: (T) => {
-                T.stopPropagation();
-                const n = L.filter((W) => W !== l.value);
-                d && t && d.setValue(t, n), p.onChange && p.onChange({
-                  target: { value: n }
+              onClick: ($) => {
+                $.stopPropagation();
+                const o = F.filter((W) => W !== c.value);
+                m && t && m.setValue(t, o), u.onChange && u.onChange({
+                  target: { value: o }
                 });
               }
             },
@@ -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: M,
             type: "text",
-            value: w,
-            onChange: ne,
-            onFocus: (l) => {
-              F(!0), g(!0), x && x(l);
+            value: h,
+            onChange: D,
+            onFocus: (c) => {
+              R(!0), v(!0), w && w(c);
             },
-            onBlur: (l) => {
-              h && h(l);
+            onBlur: (c) => {
+              y && y(c);
             },
-            placeholder: a ? L && L.length > 0 ? "" : I : I || "Selecione...",
+            placeholder: n ? F && F.length > 0 ? "" : B : B || "Selecione...",
             className: "flex-1 bg-transparent border-none outline-none text-sm min-w-[100px]"
           }
         )
       ),
-      y && L && L.length > 0 && /* @__PURE__ */ e.createElement(
+      x && F && F.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: ee
+          onClick: j
         },
         "✕"
       )
-    ), a && /* @__PURE__ */ e.createElement(
+    ), n && /* @__PURE__ */ e.createElement(
       "label",
       {
-        htmlFor: p.id || t,
-        className: s(
+        htmlFor: u.id || t,
+        className: d(
           "absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",
-          E ? "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 ? "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: s(
+        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"
+          g ? "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: g ? "9.5rem" : "0",
           overflowY: r.length > 3 ? "auto" : "hidden",
           position: "fixed",
           // Use fixed positioning to escape container overflow
-          top: m ? `${c.top}px` : "auto",
-          left: m ? `${c.left}px` : "auto",
-          width: m ? `${c.width}px` : "auto",
+          top: g ? `${l.top}px` : "auto",
+          left: g ? `${l.left}px` : "auto",
+          width: g ? `${l.width}px` : "auto",
           zIndex: 9999,
-          boxShadow: m ? "var(--select-dropdown-shadow)" : "none"
+          boxShadow: g ? "var(--select-dropdown-shadow)" : "none"
         }
       },
-      A.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, "Nenhuma opção encontrada") : A.map((l) => /* @__PURE__ */ e.createElement(
+      O.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, "Nenhuma opção encontrada") : O.map((c) => /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: l.value,
-          className: s(
+          key: c.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)]",
-            L.includes(l.value) && "bg-[var(--select-dropdown-selected)] font-semibold"
+            F.includes(c.value) && "bg-[var(--select-dropdown-selected)] font-semibold"
           ),
-          onMouseDown: () => Z(l.value)
+          onMouseDown: () => Y(c.value)
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             type: "checkbox",
-            checked: L.includes(l.value),
+            checked: F.includes(c.value),
             readOnly: !0,
             className: "accent-blue-500"
           }
         ),
-        l.label
+        c.label
       ))
-    ), Y && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, Y));
+    ), J && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, J));
   }
 );
-Te.displayName = "MultiSelect";
-const Ae = e.forwardRef(
+ze.displayName = "MultiSelect";
+const We = e.forwardRef(
   ({
     name: t,
-    label: a,
+    label: n,
     loadOptions: r,
-    className: o,
-    containerClassName: f,
-    isClearable: y,
-    defaultOptions: v = !1,
-    loadingMessage: I = "Carregando...",
+    className: a,
+    containerClassName: s,
+    isClearable: x,
+    defaultOptions: b = !1,
+    loadingMessage: B = "Carregando...",
     noOptionsMessage: _ = "Nenhuma opção encontrada",
-    searchable: R = !1,
-    debounceMs: x = 300,
-    maxSelectedDisplay: h = 3,
-    onFocus: p,
-    onBlur: B,
-    ...N
-  }, F) => {
-    var b, O, re;
-    const [m, g] = e.useState(!1), [w, C] = e.useState(!1), [c, k] = e.useState([]), [S, M] = e.useState(!1), [d, H] = e.useState(""), [D, L] = e.useState(""), [Y, q] = e.useState({
+    searchable: S = !1,
+    debounceMs: w = 300,
+    maxSelectedDisplay: y = 3,
+    onFocus: u,
+    onBlur: L,
+    ...k
+  }, R) => {
+    var p, H, ae;
+    const [g, v] = e.useState(!1), [h, E] = e.useState(!1), [l, C] = e.useState([]), [N, M] = e.useState(!1), [m, V] = e.useState(""), [U, F] = e.useState(""), [J, Z] = e.useState({
       top: 0,
       left: 0,
       width: 0
-    }), V = e.useRef(null), A = e.useRef(null), E = ie(), j = E == null ? void 0 : E.control, z = j && t ? ce({ control: j, name: t }) : void 0, $ = N.value ?? z ?? [], K = (re = (O = (b = E == null ? void 0 : E.formState) == null ? void 0 : b.errors) == null ? void 0 : O[t]) == null ? void 0 : re.message, X = m || $ && $.length > 0, Z = e.useCallback(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768, []), ee = e.useCallback(() => {
-      if (V.current && w) {
-        const i = V.current.getBoundingClientRect(), P = Z(), J = window.innerHeight, se = window.innerWidth, le = 152;
-        let fe = i.bottom + 4, de = i.left;
-        if (P) {
-          const me = J - i.bottom, Re = i.top;
-          me < le && Re > le && (fe = i.top - le - 4);
-          const be = 16, Fe = se - i.width - be;
-          de = Math.min(Math.max(de, be), Fe);
+    }), G = e.useRef(null), O = e.useRef(null), A = ie(), X = A == null ? void 0 : A.control, I = X && t ? ce({ control: X, name: t }) : void 0, P = k.value ?? I ?? [], q = (ae = (H = (p = A == null ? void 0 : A.formState) == null ? void 0 : p.errors) == null ? void 0 : H[t]) == null ? void 0 : ae.message, z = g || 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 && h) {
+        const f = G.current.getBoundingClientRect(), T = Y(), ee = window.innerHeight, se = window.innerWidth, le = 152;
+        let fe = f.bottom + 4, de = f.left;
+        if (T) {
+          const me = ee - f.bottom, Le = f.top;
+          me < le && Le > le && (fe = f.top - le - 4);
+          const be = 16, Me = se - f.width - be;
+          de = Math.min(Math.max(de, be), Me);
         } else
-          J - i.bottom < le && (fe = i.top - le - 4);
-        q({
+          ee - f.bottom < le && (fe = f.top - le - 4);
+        Z({
           top: fe,
           left: de,
-          width: i.width
+          width: f.width
         });
       }
-    }, [w, Z]);
+    }, [h, Y]);
     e.useEffect(() => {
-      if (ee(), w) {
-        const i = () => ee(), P = () => ee();
-        return window.addEventListener("resize", i), window.addEventListener("scroll", P, !0), () => {
-          window.removeEventListener("resize", i), window.removeEventListener("scroll", P, !0);
+      if (j(), h) {
+        const f = () => j(), T = () => j();
+        return window.addEventListener("resize", f), window.addEventListener("scroll", T, !0), () => {
+          window.removeEventListener("resize", f), window.removeEventListener("scroll", T, !0);
         };
       }
-    }, [w, ee]), e.useEffect(() => {
-      const i = setTimeout(() => {
-        L(d);
-      }, x);
-      return () => clearTimeout(i);
-    }, [d, x]), e.useEffect(() => {
-      (w || v && c.length === 0) && ne(R ? D : void 0);
-    }, [D, w]), e.useEffect(() => {
-      v === !0 ? ne() : Array.isArray(v) && k(v);
+    }, [h, j]), e.useEffect(() => {
+      const f = setTimeout(() => {
+        F(m);
+      }, w);
+      return () => clearTimeout(f);
+    }, [m, w]), e.useEffect(() => {
+      (h || b && l.length === 0) && D(S ? U : void 0);
+    }, [U, h]), e.useEffect(() => {
+      b === !0 ? D() : Array.isArray(b) && C(b);
     }, []);
-    const ne = async (i) => {
+    const D = async (f) => {
       try {
         M(!0);
-        const P = await r(i);
-        k(P);
-      } catch (P) {
-        console.error("Error loading options:", P), k([]);
+        const T = await r(f);
+        C(T);
+      } catch (T) {
+        console.error("Error loading options:", T), C([]);
       } finally {
         M(!1);
       }
     };
     e.useEffect(() => {
-      const i = (P) => {
-        V.current && !V.current.contains(P.target) && (C(!1), g(!1), H(""));
+      const f = (T) => {
+        G.current && !G.current.contains(T.target) && (E(!1), v(!1), V(""));
       };
-      return document.addEventListener("mousedown", i), () => {
-        document.removeEventListener("mousedown", i);
+      return document.addEventListener("mousedown", f), () => {
+        document.removeEventListener("mousedown", f);
       };
     }, []);
     const oe = () => {
-      w || (C(!0), g(!0), R && A.current && setTimeout(() => {
-        var i;
-        return (i = A.current) == null ? void 0 : i.focus();
+      h || (E(!0), v(!0), S && O.current && setTimeout(() => {
+        var f;
+        return (f = O.current) == null ? void 0 : f.focus();
       }, 0));
-    }, te = (i) => {
-      g(!0), p && p(i);
-    }, ae = (i) => {
-      B && B(i);
-    }, l = (i) => {
-      H(i.target.value);
-    }, T = (i) => {
-      let P;
-      $.includes(i) ? P = $.filter((J) => J !== i) : P = [...$, i], E && t && E.setValue(t, P), N.onChange && N.onChange({
-        target: { value: P }
-      }), g(!0);
-    }, n = (i, P) => {
-      P.stopPropagation();
-      const J = $.filter((se) => se !== i);
-      E && t && E.setValue(t, J), N.onChange && N.onChange({
-        target: { value: J }
+    }, re = (f) => {
+      v(!0), u && u(f);
+    }, ne = (f) => {
+      L && L(f);
+    }, c = (f) => {
+      V(f.target.value);
+    }, $ = (f) => {
+      let T;
+      P.includes(f) ? T = P.filter((ee) => ee !== f) : T = [...P, f], A && t && A.setValue(t, T), k.onChange && k.onChange({
+        target: { value: T }
+      }), v(!0);
+    }, o = (f, T) => {
+      T.stopPropagation();
+      const ee = P.filter((se) => se !== f);
+      A && t && A.setValue(t, ee), k.onChange && k.onChange({
+        target: { value: ee }
       });
-    }, W = (i) => {
-      i.stopPropagation(), E && t && E.setValue(t, []), N.onChange && N.onChange({
+    }, W = (f) => {
+      f.stopPropagation(), A && t && A.setValue(t, []), k.onChange && k.onChange({
         target: { value: [] }
-      }), C(!1), g(!1), H("");
-    }, U = c.filter((i) => $.includes(i.value)), Q = U.slice(0, h), G = U.length - h;
-    return /* @__PURE__ */ e.createElement("div", { className: s("relative", f), ref: V }, /* @__PURE__ */ e.createElement(
+      }), E(!1), v(!1), V("");
+    }, K = l.filter((f) => P.includes(f.value)), te = K.slice(0, y), Q = K.length - y;
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", s), ref: G }, /* @__PURE__ */ e.createElement(
       "div",
       {
-        id: N.id || t,
-        tabIndex: R ? -1 : 0,
+        id: k.id || t,
+        tabIndex: S ? -1 : 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": w,
-        className: s(
+        "aria-expanded": h,
+        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: R ? void 0 : te,
-        onBlur: R ? void 0 : ae,
-        ref: F
+        onFocus: S ? void 0 : re,
+        onBlur: S ? void 0 : ne,
+        ref: R
       },
-      /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full" }, Q.map((i) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full" }, te.map((f) => /* @__PURE__ */ e.createElement(
         "span",
         {
-          key: i.value,
+          key: f.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: i.label }, i.label),
+        /* @__PURE__ */ e.createElement("span", { className: "truncate", title: f.label }, f.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 ${i.label}`,
+            "aria-label": `Remover ${f.label}`,
             tabIndex: -1,
-            onClick: (P) => n(i.value, P)
+            onClick: (T) => o(f.value, T)
           },
           /* @__PURE__ */ e.createElement(
             "svg",
@@ -961,21 +995,21 @@ const Ae = e.forwardRef(
             )
           )
         )
-      )), G > 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" }, "+", G, " mais"), R ? /* @__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"), S ? /* @__PURE__ */ e.createElement(
         "input",
         {
-          ref: A,
+          ref: O,
           type: "text",
-          value: d,
-          onChange: l,
-          onFocus: te,
-          onBlur: ae,
-          placeholder: $.length === 0 && !a ? "Selecione..." : "",
+          value: m,
+          onChange: c,
+          onFocus: re,
+          onBlur: ne,
+          placeholder: P.length === 0 && !n ? "Selecione..." : "",
           className: "flex-1 min-w-[120px] bg-transparent border-none outline-none text-sm"
         }
-      ) : $.length === 0 && !a && /* @__PURE__ */ e.createElement("span", { className: "text-gray-400 text-sm" }, "Selecione...")),
-      S && /* @__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 && $ && $.length > 0 && !S && /* @__PURE__ */ e.createElement(
+      ) : P.length === 0 && !n && /* @__PURE__ */ e.createElement("span", { className: "text-gray-400 text-sm" }, "Selecione...")),
+      N && /* @__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)]" })),
+      x && P && P.length > 0 && !N && /* @__PURE__ */ e.createElement(
         "button",
         {
           type: "button",
@@ -986,261 +1020,261 @@ const Ae = e.forwardRef(
         },
         "✕"
       )
-    ), a && /* @__PURE__ */ e.createElement(
+    ), n && /* @__PURE__ */ e.createElement(
       "label",
       {
-        htmlFor: N.id || t,
-        className: s(
+        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",
-          X ? "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: s(
+        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"
+          h ? "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: c.length > 3 ? "auto" : "hidden",
+          maxHeight: h ? "9.5rem" : "0",
+          overflowY: l.length > 3 ? "auto" : "hidden",
           position: "fixed",
           // Use fixed positioning to escape container overflow
-          top: w ? `${Y.top}px` : "auto",
-          left: w ? `${Y.left}px` : "auto",
-          width: w ? `${Y.width}px` : "auto",
+          top: h ? `${J.top}px` : "auto",
+          left: h ? `${J.left}px` : "auto",
+          width: h ? `${J.width}px` : "auto",
           zIndex: 9999,
-          boxShadow: w ? "var(--select-dropdown-shadow)" : "none"
+          boxShadow: h ? "var(--select-dropdown-shadow)" : "none"
         }
       },
-      S ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, I) : c.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, _) : c.map((i) => /* @__PURE__ */ e.createElement(
+      N ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, B) : l.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, _) : l.map((f) => /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: i.value,
-          className: s(
+          key: f.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)]",
-            $.includes(i.value) && "bg-[var(--select-dropdown-selected)] font-semibold"
+            P.includes(f.value) && "bg-[var(--select-dropdown-selected)] font-semibold"
           ),
-          onMouseDown: () => T(i.value)
+          onMouseDown: () => $(f.value)
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             type: "checkbox",
-            checked: $.includes(i.value),
+            checked: P.includes(f.value),
             readOnly: !0,
             className: "accent-blue-500"
           }
         ),
-        i.label
+        f.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));
   }
 );
-Ae.displayName = "MultiAsyncSelect";
-const ze = {
+We.displayName = "MultiAsyncSelect";
+const Oe = {
   sm: "h-10 text-sm px-3",
   md: "h-12 text-base px-4",
   lg: "h-16 text-lg px-6"
-}, We = e.forwardRef(
+}, Ve = e.forwardRef(
   ({
     name: t,
-    label: a,
+    label: n,
     options: r,
-    className: o,
-    containerClassName: f,
-    optionClassName: y,
-    direction: v = "row",
-    size: I = "md",
+    className: a,
+    containerClassName: s,
+    optionClassName: x,
+    direction: b = "row",
+    size: B = "md",
     onFocus: _,
-    onBlur: R,
-    ...x
-  }, h) => {
-    var w, C, c;
-    const p = ie(), B = p == null ? void 0 : p.control, N = B && t ? ce({ control: B, name: t }) : void 0, F = x.value ?? N ?? "", m = (c = (C = (w = p == null ? void 0 : p.formState) == null ? void 0 : w.errors) == null ? void 0 : C[t]) == null ? void 0 : c.message, g = (k) => {
-      p && t && p.setValue(t, k), x.onChange && x.onChange({ target: { value: k } });
+    onBlur: S,
+    ...w
+  }, y) => {
+    var h, E, l;
+    const u = ie(), L = u == null ? void 0 : u.control, k = L && t ? ce({ control: L, name: t }) : void 0, R = w.value ?? k ?? "", g = (l = (E = (h = u == null ? void 0 : u.formState) == null ? void 0 : h.errors) == null ? void 0 : E[t]) == null ? void 0 : l.message, v = (C) => {
+      u && t && u.setValue(t, C), w.onChange && w.onChange({ target: { value: C } });
     };
-    return /* @__PURE__ */ e.createElement("div", { className: s("relative", f), ref: h }, a && /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: d("relative", s), ref: y }, n && /* @__PURE__ */ e.createElement(
       "label",
       {
         htmlFor: t,
-        className: s(
+        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: s(
+        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: _,
-        onBlur: R
+        onBlur: S
       },
-      r.map((k) => /* @__PURE__ */ e.createElement(
+      r.map((C) => /* @__PURE__ */ e.createElement(
         "button",
         {
-          key: k.value,
+          key: C.value,
           type: "button",
-          className: s(
+          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)]",
-            ze[I],
-            F === k.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
+            Oe[B],
+            R === 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",
+            x
           ),
-          "aria-pressed": F === k.value,
-          "data-selected": F === k.value,
+          "aria-pressed": R === C.value,
+          "data-selected": R === C.value,
           tabIndex: 0,
-          onClick: () => g(k.value),
-          onKeyDown: (S) => {
-            (S.key === "Enter" || S.key === " ") && (S.preventDefault(), g(k.value));
+          onClick: () => v(C.value),
+          onKeyDown: (N) => {
+            (N.key === "Enter" || N.key === " ") && (N.preventDefault(), v(C.value));
           }
         },
-        k.icon && /* @__PURE__ */ e.createElement("span", { className: "mr-2 text-lg flex items-center" }, k.icon),
-        /* @__PURE__ */ e.createElement("span", { className: "truncate font-medium" }, k.label)
+        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)
       ))
-    ), m && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, m));
+    ), g && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, g));
   }
 );
-We.displayName = "RadioGroup";
-const xe = u.forwardRef(
-  ({ children: t, className: a, as: r = "div", ...o }, f) => /* @__PURE__ */ u.createElement(
+Ve.displayName = "RadioGroup";
+const we = i.forwardRef(
+  ({ children: t, className: n, as: r = "div", ...a }, s) => /* @__PURE__ */ i.createElement(
     r,
     {
-      ref: f,
-      className: s(
+      ref: s,
+      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 = u.forwardRef(
-  ({ children: t, className: a, as: r = "div", ...o }, f) => /* @__PURE__ */ u.createElement(
+we.displayName = "CardHeader";
+const ye = i.forwardRef(
+  ({ children: t, className: n, as: r = "div", ...a }, s) => /* @__PURE__ */ i.createElement(
     r,
     {
-      ref: f,
-      className: s(
+      ref: s,
+      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 = u.forwardRef(
-  ({ children: t, className: a, as: r = "div", ...o }, f) => /* @__PURE__ */ u.createElement(
+ye.displayName = "CardBody";
+const Ee = i.forwardRef(
+  ({ children: t, className: n, as: r = "div", ...a }, s) => /* @__PURE__ */ i.createElement(
     r,
     {
-      ref: f,
-      className: s(
+      ref: s,
+      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 = u.forwardRef(
+Ee.displayName = "CardFooter";
+const He = i.forwardRef(
   ({
     children: t,
-    className: a,
+    className: n,
     variant: r = "default",
-    size: o = "md",
-    padding: f = "none",
+    size: a = "md",
+    padding: s = "none",
     // none pois cada seção tem seu próprio padding
-    rounded: y = "lg",
-    constrainWidth: v = !1,
+    rounded: x = "lg",
+    constrainWidth: b = !1,
     // Por padrão, não aplicar max-width
-    allowOverflow: I = !1,
+    allowOverflow: B = !1,
     // Por padrão, aplicar overflow hidden para interface limpa
     ..._
-  }, R) => {
-    const x = {
+  }, S) => {
+    const w = {
       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 = {
+    }, y = {
       sm: "max-w-sm",
       md: "max-w-md",
       lg: "max-w-lg"
-    }, p = {
+    }, u = {
       none: "",
       sm: "p-3",
       md: "p-4",
       lg: "p-6"
-    }, B = {
+    }, L = {
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
       lg: "rounded-lg",
       xl: "rounded-xl"
     };
-    return /* @__PURE__ */ u.createElement(
+    return /* @__PURE__ */ i.createElement(
       "div",
       {
-        ref: R,
-        className: s(
+        ref: S,
+        className: d(
           "flex flex-col",
           // Flex column para organizar header, body, footer
-          !I && "overflow-hidden",
+          !B && "overflow-hidden",
           // Overflow hidden por padrão para bordas limpas
-          x[r],
-          v && h[o],
+          w[r],
+          b && y[a],
           // Aplicar max-width apenas se constrainWidth for true
-          p[f],
-          B[y],
-          a
+          u[s],
+          L[x],
+          n
         ),
         ..._
       },
       t
     );
   }
-), Ue = Object.assign($e, {
-  Header: xe,
-  Body: he,
-  Footer: we
-}), ye = u.forwardRef(
+), qe = Object.assign(He, {
+  Header: we,
+  Body: ye,
+  Footer: Ee
+}), Ce = i.forwardRef(
   ({
     children: t,
-    className: a,
+    className: n,
     variant: r = "default",
-    size: o = "md",
-    responsive: f = !1,
-    stickyHeader: y = !1,
-    ...v
-  }, I) => {
-    const _ = s(
+    size: a = "md",
+    responsive: s = !1,
+    stickyHeader: x = !1,
+    ...b
+  }, B) => {
+    const _ = d(
       // Base styles
       "w-full border-collapse bg-[var(--table-bg)] text-[var(--table-text)]",
       // Variant styles
@@ -1249,384 +1283,384 @@ const $e = u.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
-    ), R = s(
+      n
+    ), S = d(
       {
-        "overflow-x-auto": f,
-        "max-h-96 overflow-y-auto": y
+        "overflow-x-auto": s,
+        "max-h-96 overflow-y-auto": x
       }
-    ), x = /* @__PURE__ */ u.createElement(
+    ), w = /* @__PURE__ */ i.createElement(
       "table",
       {
-        ref: I,
+        ref: B,
         className: _,
-        ...v
+        ...b
       },
       t
     );
-    return f || y ? /* @__PURE__ */ u.createElement("div", { className: R }, x) : x;
+    return s || x ? /* @__PURE__ */ i.createElement("div", { className: S }, w) : w;
   }
-), Ee = u.forwardRef(
-  ({ children: t, className: a, as: r = "thead", ...o }, f) => /* @__PURE__ */ u.createElement(
+), Ne = i.forwardRef(
+  ({ children: t, className: n, as: r = "thead", ...a }, s) => /* @__PURE__ */ i.createElement(
     r,
     {
-      ref: f,
-      className: s(
+      ref: s,
+      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 = u.forwardRef(
-  ({ children: t, className: a, as: r = "tbody", ...o }, f) => /* @__PURE__ */ u.createElement(
+), ke = i.forwardRef(
+  ({ children: t, className: n, as: r = "tbody", ...a }, s) => /* @__PURE__ */ i.createElement(
     r,
     {
-      ref: f,
-      className: s(
+      ref: s,
+      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 = u.forwardRef(
-  ({ children: t, className: a, as: r = "tfoot", ...o }, f) => /* @__PURE__ */ u.createElement(
+), Se = i.forwardRef(
+  ({ children: t, className: n, as: r = "tfoot", ...a }, s) => /* @__PURE__ */ i.createElement(
     r,
     {
-      ref: f,
-      className: s(
+      ref: s,
+      className: d(
         "border-t border-[var(--table-border)] bg-[var(--table-header-bg)] font-medium",
-        a
+        n
       ),
-      ...o
+      ...a
     },
     t
   )
-), ke = u.forwardRef(
-  ({ children: t, className: a, variant: r = "default", ...o }, f) => /* @__PURE__ */ u.createElement(
+), Re = i.forwardRef(
+  ({ children: t, className: n, variant: r = "default", ...a }, s) => /* @__PURE__ */ i.createElement(
     "tr",
     {
-      ref: f,
-      className: s(
+      ref: s,
+      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 = u.forwardRef(
+), Fe = i.forwardRef(
   ({
     children: t,
-    className: a,
+    className: n,
     as: r = "td",
-    align: o = "left",
-    scope: f,
-    colSpan: y,
-    rowSpan: v,
-    ...I
-  }, _) => /* @__PURE__ */ u.createElement(
+    align: a = "left",
+    scope: s,
+    colSpan: x,
+    rowSpan: b,
+    ...B
+  }, _) => /* @__PURE__ */ i.createElement(
     r,
     {
       ref: _,
-      scope: r === "th" ? f : void 0,
-      colSpan: y,
-      rowSpan: v,
-      className: s(
+      scope: r === "th" ? s : void 0,
+      colSpan: x,
+      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
       ),
-      ...I
+      ...B
     },
     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 = ({
+Ce.displayName = "Table";
+Ne.displayName = "TableHeader";
+ke.displayName = "TableBody";
+Se.displayName = "TableFooter";
+Re.displayName = "TableRow";
+Fe.displayName = "TableCell";
+const Ke = Object.assign(Ce, {
+  Header: Ne,
+  Body: ke,
+  Footer: Se,
+  Row: Re,
+  Cell: Fe
+}), Je = ({
   content: t,
-  children: a,
+  children: n,
   position: r = "top",
-  className: o = "",
-  disabled: f = !1
+  className: a = "",
+  disabled: s = !1
 }) => {
-  const [y, v] = ue(!1), [I, _] = ue(r), [R, x] = ue({}), h = pe(null), p = pe(null);
-  Le(() => {
-    if (!y || !p.current) return;
-    const c = p.current.getBoundingClientRect();
-    let k = r, S = 0, M = 0;
+  const [x, b] = ue(!1), [B, _] = ue(r), [S, w] = ue({}), y = pe(null), u = pe(null);
+  Be(() => {
+    if (!x || !u.current) return;
+    const l = u.current.getBoundingClientRect();
+    let C = r, N = 0, M = 0;
     switch (r) {
       case "top":
-        S = c.top - 8, M = c.left + c.width / 2;
+        N = l.top - 8, M = l.left + l.width / 2;
         break;
       case "bottom":
-        S = c.bottom + 8, M = c.left + c.width / 2;
+        N = l.bottom + 8, M = l.left + l.width / 2;
         break;
       case "left":
-        S = c.top + c.height / 2, M = c.left - 8;
+        N = l.top + l.height / 2, M = l.left - 8;
         break;
       case "right":
-        S = c.top + c.height / 2, M = c.right + 8;
+        N = l.top + l.height / 2, M = l.right + 8;
         break;
     }
-    if (h.current) {
-      const d = h.current.getBoundingClientRect(), H = window.innerWidth, D = window.innerHeight;
-      r === "top" && c.top < d.height + 16 ? (k = "bottom", S = c.bottom + 8) : r === "bottom" && c.bottom + d.height + 16 > D ? (k = "top", S = c.top - 8) : r === "left" && c.left < d.width + 16 ? (k = "right", M = c.right + 8) : r === "right" && c.right + d.width + 16 > H && (k = "left", M = c.left - 8);
+    if (y.current) {
+      const m = y.current.getBoundingClientRect(), V = window.innerWidth, U = window.innerHeight;
+      r === "top" && l.top < m.height + 16 ? (C = "bottom", N = l.bottom + 8) : r === "bottom" && l.bottom + m.height + 16 > U ? (C = "top", N = l.top - 8) : r === "left" && l.left < m.width + 16 ? (C = "right", M = l.right + 8) : r === "right" && l.right + m.width + 16 > V && (C = "left", M = l.left - 8);
     }
-    _(k), x({
+    _(C), w({
       position: "fixed",
-      top: `${S}px`,
+      top: `${N}px`,
       left: `${M}px`,
       zIndex: 9999
     });
-  }, [y, r]);
-  const B = () => {
-    f || v(!0);
-  }, N = () => {
-    v(!1);
-  }, F = () => {
-    f || v(!0);
-  }, m = () => {
-    v(!1);
+  }, [x, r]);
+  const L = () => {
+    s || b(!0);
+  }, k = () => {
+    b(!1);
+  }, R = () => {
+    s || b(!0);
   }, g = () => {
-    const C = "pointer-events-none";
-    switch (I) {
+    b(!1);
+  }, v = () => {
+    const E = "pointer-events-none";
+    switch (B) {
       case "top":
-        return `${C} transform -translate-x-1/2 -translate-y-full`;
+        return `${E} transform -translate-x-1/2 -translate-y-full`;
       case "bottom":
-        return `${C} transform -translate-x-1/2`;
+        return `${E} transform -translate-x-1/2`;
       case "left":
-        return `${C} transform -translate-x-full -translate-y-1/2`;
+        return `${E} transform -translate-x-full -translate-y-1/2`;
       case "right":
-        return `${C} transform -translate-y-1/2`;
+        return `${E} transform -translate-y-1/2`;
       default:
-        return `${C} transform -translate-x-1/2 -translate-y-full`;
+        return `${E} transform -translate-x-1/2 -translate-y-full`;
     }
-  }, w = () => {
-    const C = "absolute w-2 h-2 bg-[var(--tooltip-bg,#374151)] transform rotate-45";
-    switch (I) {
+  }, h = () => {
+    const E = "absolute w-2 h-2 bg-[var(--tooltip-bg,#374151)] transform rotate-45";
+    switch (B) {
       case "top":
-        return `${C} top-full left-1/2 -translate-x-1/2 -translate-y-1/2`;
+        return `${E} top-full left-1/2 -translate-x-1/2 -translate-y-1/2`;
       case "bottom":
-        return `${C} bottom-full left-1/2 -translate-x-1/2 translate-y-1/2`;
+        return `${E} bottom-full left-1/2 -translate-x-1/2 translate-y-1/2`;
       case "left":
-        return `${C} left-full top-1/2 -translate-y-1/2 -translate-x-1/2`;
+        return `${E} left-full top-1/2 -translate-y-1/2 -translate-x-1/2`;
       case "right":
-        return `${C} right-full top-1/2 -translate-y-1/2 translate-x-1/2`;
+        return `${E} right-full top-1/2 -translate-y-1/2 translate-x-1/2`;
       default:
-        return `${C} top-full left-1/2 -translate-x-1/2 -translate-y-1/2`;
+        return `${E} top-full left-1/2 -translate-x-1/2 -translate-y-1/2`;
     }
   };
-  return f || !t ? /* @__PURE__ */ u.createElement(u.Fragment, null, a) : /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement(
+  return s || !t ? /* @__PURE__ */ i.createElement(i.Fragment, null, n) : /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
     "div",
     {
       className: "relative inline-block",
-      ref: p,
-      onMouseEnter: B,
-      onMouseLeave: N,
-      onFocus: F,
-      onBlur: m
+      ref: u,
+      onMouseEnter: L,
+      onMouseLeave: k,
+      onFocus: R,
+      onBlur: g
     },
-    a
-  ), y && typeof document < "u" && ve(
-    /* @__PURE__ */ u.createElement(
+    n
+  ), x && typeof document < "u" && ve(
+    /* @__PURE__ */ i.createElement(
       "div",
       {
-        ref: h,
-        style: R,
-        className: s(
-          g(),
+        ref: y,
+        style: S,
+        className: d(
+          v(),
           "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": !x
       },
       t,
-      /* @__PURE__ */ u.createElement("div", { className: w() })
+      /* @__PURE__ */ i.createElement("div", { className: h() })
     ),
     document.body
   ));
-}, Oe = ({
+}, De = ({
   open: t,
-  onClose: a,
+  onClose: n,
   side: r = "right",
-  size: o = "md",
-  closeOnOverlayClick: f = !0,
-  children: y,
-  className: v = "",
-  ...I
+  size: a = "md",
+  closeOnOverlayClick: s = !0,
+  children: x,
+  className: b = "",
+  ...B
 }) => {
-  const _ = typeof document < "u" ? document.body : null, R = 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__ */ u.createElement(
+  const _ = typeof document < "u" ? document.body : null, S = a === "sm" ? "w-64" : a === "md" ? "w-96" : a === "lg" ? "w-[36rem]" : void 0, w = typeof a == "string" && !["sm", "md", "lg"].includes(a) ? { width: a } : void 0, y = /* @__PURE__ */ i.createElement(
     "div",
     {
       "aria-hidden": !t,
-      className: s(
+      className: d(
         "fixed inset-0 z-50 flex",
         t ? "pointer-events-auto" : "pointer-events-none"
       )
     },
-    /* @__PURE__ */ u.createElement(
+    /* @__PURE__ */ i.createElement(
       "div",
       {
-        className: s(
+        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: (u) => {
+          s && u.target === u.currentTarget && n();
         }
       }
     ),
-    /* @__PURE__ */ u.createElement(
+    /* @__PURE__ */ i.createElement(
       "div",
       {
-        className: s(
+        className: d(
           "relative h-full",
           r === "right" ? "ml-auto" : "mr-auto",
           // ensure the sheet doesn't shrink
           "flex-shrink-0"
         ),
-        style: x
+        style: w
       },
-      /* @__PURE__ */ u.createElement(
+      /* @__PURE__ */ i.createElement(
         "aside",
         {
           role: "dialog",
           "aria-modal": !0,
-          className: s(
+          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",
-            R,
-            v
+            S,
+            b
           ),
-          style: x,
-          ...I
+          style: w,
+          ...B
         },
-        y
+        x
       )
     )
   );
-  return _ ? ve(h, _) : null;
+  return _ ? ve(y, _) : null;
 };
-Oe.displayName = "AsideSheet";
-const qe = ({
+De.displayName = "AsideSheet";
+const Qe = ({
   avatar: t = !1,
-  value: a,
+  value: n,
   onUpload: r,
-  onRemove: o,
-  accept: f = "image/*",
-  maxSize: y,
-  placeholder: v = "Selecionar imagem",
-  loading: I = !1,
+  onRemove: a,
+  accept: s = "image/*",
+  maxSize: x,
+  placeholder: b = "Selecionar imagem",
+  loading: B = !1,
   size: _ = "md",
-  label: R,
-  error: x,
-  disabled: h,
-  className: p,
-  ...B
+  label: S,
+  error: w,
+  disabled: y,
+  className: u,
+  ...L
 }) => {
-  const [N, F] = ue(null), [m, g] = ue(""), [w, C] = ue(!1), c = pe(null), k = !!a, S = !!N, M = k || S, d = I || w, H = {
+  const [k, R] = ue(null), [g, v] = ue(""), [h, E] = ue(!1), l = pe(null), C = !!n, N = !!k, M = C || N, m = B || h, 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"
-  }, D = (E) => {
-    var $;
-    const j = ($ = E.target.files) == null ? void 0 : $[0];
-    if (!j) return;
-    if (y && j.size > y) {
-      alert(`Arquivo muito grande. Tamanho máximo: ${(y / 1024 / 1024).toFixed(1)}MB`);
+  }, F = b || (t ? "Adicionar foto" : "Selecionar imagem"), J = (I) => {
+    var z;
+    const P = (z = I.target.files) == null ? void 0 : z[0];
+    if (!P) return;
+    if (x && P.size > x) {
+      alert(`Arquivo muito grande. Tamanho máximo: ${(x / 1024 / 1024).toFixed(1)}MB`);
       return;
     }
-    const z = new FileReader();
-    z.onload = (K) => {
-      var X;
-      g((X = K.target) == null ? void 0 : X.result), F(j);
-    }, z.readAsDataURL(j);
-  }, L = async () => {
-    if (!(!N || !r))
+    const q = new FileReader();
+    q.onload = (Y) => {
+      var j;
+      v((j = Y.target) == null ? void 0 : j.result), R(P);
+    }, q.readAsDataURL(P);
+  }, Z = async () => {
+    if (!(!k || !r))
       try {
-        C(!0);
-        const E = await r(N);
-        F(null), g(""), c.current && (c.current.value = "");
-      } catch (E) {
-        console.error("Erro ao fazer upload:", E), alert("Erro ao fazer upload da imagem");
+        E(!0);
+        const I = await r(k);
+        R(null), v(""), l.current && (l.current.value = "");
+      } catch (I) {
+        console.error("Erro ao fazer upload:", I), alert("Erro ao fazer upload da imagem");
       } finally {
-        C(!1);
+        E(!1);
       }
-  }, Y = () => {
-    F(null), g(""), c.current && (c.current.value = "");
-  }, q = async () => {
+  }, G = () => {
+    R(null), v(""), l.current && (l.current.value = "");
+  }, O = async () => {
     try {
-      o && await o(a), F(null), g(""), c.current && (c.current.value = "");
-    } catch (E) {
-      console.error("Erro ao remover imagem:", E), alert("Erro ao remover imagem");
+      a && await a(n), R(null), v(""), l.current && (l.current.value = "");
+    } catch (I) {
+      console.error("Erro ao remover imagem:", I), alert("Erro ao remover imagem");
     }
-  }, V = () => {
-    var E;
-    h || d || (E = c.current) == null || E.click();
-  }, A = m || a;
-  return /* @__PURE__ */ u.createElement("div", { className: s("flex flex-col space-y-2", p) }, R && /* @__PURE__ */ u.createElement("label", { className: "text-sm font-medium text-gray-700" }, R), /* @__PURE__ */ u.createElement("div", { className: "relative" }, /* @__PURE__ */ u.createElement(
+  }, A = () => {
+    var I;
+    y || m || (I = l.current) == null || I.click();
+  }, X = g || n;
+  return /* @__PURE__ */ i.createElement("div", { className: d("flex flex-col space-y-2", u) }, S && /* @__PURE__ */ i.createElement("label", { className: "text-sm font-medium text-gray-700" }, S), /* @__PURE__ */ i.createElement("div", { className: "relative flex flex-col items-center" }, /* @__PURE__ */ i.createElement(
     "input",
     {
-      ref: c,
+      ref: l,
       type: "file",
-      accept: f,
-      onChange: D,
-      disabled: h || d,
+      accept: s,
+      onChange: J,
+      disabled: y || m,
       className: "hidden",
-      ...B
+      ...L
     }
-  ), /* @__PURE__ */ u.createElement(
+  ), /* @__PURE__ */ i.createElement(
     "div",
     {
-      onClick: V,
-      className: s(
+      onClick: A,
+      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[_],
+        V[_],
         // States
-        h && "opacity-50 cursor-not-allowed",
-        d && "cursor-wait",
-        x && "border-red-300",
+        y && "opacity-50 cursor-not-allowed",
+        m && "cursor-wait",
+        w && "border-red-300",
         // Background
         !M && "bg-gray-50 hover:bg-gray-100",
         M && "border-solid border-gray-200"
@@ -1634,12 +1668,12 @@ const qe = ({
     },
     M ? (
       // Preview da imagem
-      /* @__PURE__ */ u.createElement(
+      /* @__PURE__ */ i.createElement(
         "img",
         {
-          src: A,
+          src: X,
           alt: "Preview",
-          className: s(
+          className: d(
             "w-full h-full object-cover",
             t ? "rounded-full" : "rounded-lg"
           )
@@ -1647,80 +1681,103 @@ const qe = ({
       )
     ) : (
       // Estado vazio
-      /* @__PURE__ */ u.createElement("div", { className: "flex flex-col items-center justify-center h-full text-gray-500 text-sm" }, /* @__PURE__ */ u.createElement(
-        "svg",
-        {
-          className: "w-6 h-6 mb-1",
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: "0 0 24 24"
-        },
-        /* @__PURE__ */ u.createElement(
-          "path",
+      /* @__PURE__ */ i.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__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
+          "svg",
           {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M12 6v6m0 0v6m0-6h6m-6 0H6"
-          }
-        )
-      ), /* @__PURE__ */ u.createElement("span", { className: "text-center px-2" }, v))
+            className: "w-8 h-8 mb-1",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          },
+          /* @__PURE__ */ i.createElement(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 1.5,
+              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__ */ i.createElement("span", { className: "text-center px-2 text-xs" }, F))
+      ) : (
+        // Ícone de adicionar imagem genérica
+        /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
+          "svg",
+          {
+            className: "w-6 h-6 mb-1",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          },
+          /* @__PURE__ */ i.createElement(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M12 6v6m0 0v6m0-6h6m-6 0H6"
+            }
+          )
+        ), /* @__PURE__ */ i.createElement("span", { className: "text-center px-2" }, F))
+      ))
     ),
-    d && /* @__PURE__ */ u.createElement("div", { className: s(
+    m && /* @__PURE__ */ i.createElement("div", { className: d(
       "absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center",
       t ? "rounded-full" : "rounded-lg"
-    ) }, /* @__PURE__ */ u.createElement("div", { className: "w-6 h-6 border-2 border-white border-t-transparent rounded-full animate-spin" }))
-  ), M && !d && /* @__PURE__ */ u.createElement("div", { className: "flex justify-center space-x-2 mt-3" }, S ? (
+    ) }, /* @__PURE__ */ i.createElement("div", { className: "w-6 h-6 border-2 border-white border-t-transparent rounded-full animate-spin" }))
+  ), M && !m && /* @__PURE__ */ i.createElement("div", { className: "flex justify-center space-x-2 mt-3" }, N ? (
     // Ações para arquivo selecionado (não salvo ainda)
-    /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement(
+    /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
       "button",
       {
-        onClick: L,
+        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__ */ u.createElement(
+    ), /* @__PURE__ */ i.createElement(
       "button",
       {
-        onClick: Y,
+        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__ */ u.createElement(
+    /* @__PURE__ */ i.createElement(
       "button",
       {
-        onClick: q,
-        disabled: !o,
+        onClick: 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__ */ u.createElement("p", { className: "text-sm text-red-600" }, x), y && !M && /* @__PURE__ */ u.createElement("p", { className: "text-xs text-gray-500" }, "Tamanho máximo: ", (y / 1024 / 1024).toFixed(1), "MB"));
+  ))), w && /* @__PURE__ */ i.createElement("p", { className: "text-sm text-red-600" }, w), x && !M && /* @__PURE__ */ i.createElement("p", { className: "text-xs text-gray-500" }, "Tamanho máximo: ", (x / 1024 / 1024).toFixed(1), "MB"), t && !M && /* @__PURE__ */ i.createElement("p", { className: "text-xs text-gray-500 text-center" }, "Use uma foto com seu rosto centralizado e bem visível"));
 };
 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,
-  Me as Input,
-  Ae 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
+  De as AsideSheet,
+  Ae as AsyncSelect,
+  Ge as Button,
+  qe as Card,
+  ye as CardBody,
+  Ee as CardFooter,
+  we as CardHeader,
+  Qe as ImageInput,
+  Ie as Input,
+  We as MultiAsyncSelect,
+  ze as MultiSelect,
+  Ve as RadioGroup,
+  Te as Select,
+  Ke as Table,
+  ke as TableBody,
+  Fe as TableCell,
+  Se as TableFooter,
+  Ne as TableHeader,
+  Re as TableRow,
+  $e as Textarea,
+  Je as Tooltip
 };