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

rharuow-ds 1.7.2 → 1.8.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/README.md +83 -2
package/dist/rharuow-ds.cjs.js +1 -1
package/dist/rharuow-ds.es.js +857 -719
package/dist/styles.css +1 -1
package/dist/types/src/components/Accordion.d.ts +22 -0
package/dist/types/src/components/index.d.ts +1 -0
package/dist/types/src/stories/Accordion.stories.d.ts +18 -0
package/package.json +5 -2

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

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