rharuow-ds 1.3.1 → 1.3.2

package/dist/rharuow-ds.es.js

@@ -2,40 +2,40 @@ import * as e from "react";
 import L from "react";
 import { useFormContext as X, useWatch as G } from "react-hook-form";
 function se(t) {
-  var n, a, o = "";
-  if (typeof t == "string" || typeof t == "number") o += t;
+  var o, a, n = "";
+  if (typeof t == "string" || typeof t == "number") n += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
-    var c = t.length;
-    for (n = 0; n < c; n++) t[n] && (a = se(t[n])) && (o && (o += " "), o += a);
-  } else for (a in t) t[a] && (o && (o += " "), o += a);
-  return o;
+    var i = t.length;
+    for (o = 0; o < i; o++) t[o] && (a = se(t[o])) && (n && (n += " "), n += a);
+  } else for (a in t) t[a] && (n && (n += " "), n += a);
+  return n;
 }
 function ge() {
-  for (var t, n, a = 0, o = "", c = arguments.length; a < c; a++) (t = arguments[a]) && (n = se(t)) && (o && (o += " "), o += n);
-  return o;
+  for (var t, o, a = 0, n = "", i = arguments.length; a < i; a++) (t = arguments[a]) && (o = se(t)) && (n && (n += " "), n += o);
+  return n;
 }
 function s(...t) {
   return ge(...t);
 }
 const Fe = ({
   children: t,
-  variant: n = "default",
+  variant: o = "default",
   className: a = "",
-  ...o
+  ...n
 }) => {
-  const c = "px-4 py-2 rounded font-medium transition", C = {
+  const i = "px-4 py-2 rounded font-medium transition", C = {
     default: "bg-[var(--primary,#2563eb)] text-[var(--primary-text,#fff)] hover:bg-[var(--primary-hover,#1d4ed8)]",
     outline: "border border-[var(--primary,#2563eb)] text-[var(--primary,#2563eb)] bg-white hover:bg-[var(--primary-hover,#e0e7ff)]",
     secondary: "bg-[var(--secondary,#fbbf24)] text-[var(--secondary-text,#222)] hover:bg-[var(--secondary-hover,#f59e42)]"
   };
-  return /* @__PURE__ */ L.createElement("button", { className: s(c, C[n], a), ...o }, t);
+  return /* @__PURE__ */ L.createElement("button", { className: s(i, C[o], a), ...n }, t);
 }, he = e.forwardRef(
   ({
     name: t,
-    className: n,
+    className: o,
     type: a = "text",
-    label: o,
-    onFocus: c,
+    label: n,
+    onFocus: i,
     onBlur: C,
     Icon: w,
     iconClassName: z,
@@ -44,7 +44,7 @@ const Fe = ({
     ...N
   }, p) => {
     var A, H, O;
-    const [u, y] = e.useState(!1), [m, M] = e.useState(!1), x = X(), l = x == null ? void 0 : x.control, h = x == null ? void 0 : x.register, F = l && t ? G({ control: l, name: t }) : void 0, v = N.value ?? F ?? "", g = (O = (H = (A = x == null ? void 0 : x.formState) == null ? void 0 : A.errors) == null ? void 0 : H[t]) == null ? void 0 : O.message, T = u || !!v, R = a === "password" ? m ? "text" : "password" : a, S = () => /* @__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(
+    const [d, y] = e.useState(!1), [m, M] = e.useState(!1), x = X(), l = x == null ? void 0 : x.control, g = x == null ? void 0 : x.register, F = l && t ? G({ control: l, name: t }) : void 0, v = N.value ?? F ?? "", h = (O = (H = (A = x == null ? void 0 : x.formState) == null ? void 0 : A.errors) == null ? void 0 : H[t]) == null ? void 0 : O.message, T = d || !!v, R = a === "password" ? m ? "text" : "password" : a, S = () => /* @__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",
@@ -68,20 +68,20 @@ const Fe = ({
           "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",
           a === "password" || w ? "pr-12" : "",
           // espaço extra para qualquer ícone (password ou customizado)
-          n
+          o
         ),
         onFocus: (k) => {
-          y(!0), c && c(k);
+          y(!0), i && i(k);
         },
         ...x && t ? (() => {
-          const k = h(t), i = k.onBlur;
+          const k = g(t), c = k.onBlur;
           return {
             ...k,
             ref: (r) => {
               typeof p == "function" ? p(r) : p && (p.current = r), k.ref && k.ref(r);
             },
             onBlur: (r) => {
-              y(!1), C && C(r), i && i(r);
+              y(!1), C && C(r), c && c(r);
             }
           };
         })() : {
@@ -92,7 +92,7 @@ const Fe = ({
         },
         ...N
       }
-    ), o && /* @__PURE__ */ e.createElement(
+    ), n && /* @__PURE__ */ e.createElement(
       "label",
       {
         htmlFor: N.id || t,
@@ -101,7 +101,7 @@ const Fe = ({
           T ? "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white" : "top-3 scale-100 translate-y-0.5"
         )
       },
-      o
+      n
     ), a === "password" && /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -122,77 +122,77 @@ const Fe = ({
         onClick: f
       },
       /* @__PURE__ */ e.createElement(w, null)
-    ), g && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, g));
+    ), h && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, h));
   }
 );
 he.displayName = "Input";
 const we = e.forwardRef(
   ({
     name: t,
-    label: n,
+    label: o,
     options: a,
-    className: o,
-    containerClassName: c,
+    className: n,
+    containerClassName: i,
     isClearable: C,
     onFocus: w,
     onBlur: z,
     ...f
   }, E) => {
     var A, H, O, k;
-    const [N, p] = e.useState(!1), [u, y] = e.useState(!1), [m, M] = e.useState({
+    const [N, p] = e.useState(!1), [d, y] = e.useState(!1), [m, M] = e.useState({
       top: 0,
       left: 0,
       width: 0
-    }), x = e.useRef(null), l = X(), h = l == null ? void 0 : l.control, F = h && t ? G({ control: h, name: t }) : void 0, v = f.value ?? F ?? "", g = (O = (H = (A = l == null ? void 0 : l.formState) == null ? void 0 : A.errors) == null ? void 0 : H[t]) == null ? void 0 : O.message, T = N || !!v, R = e.useCallback(() => {
-      if (x.current && u) {
-        const i = x.current.getBoundingClientRect();
+    }), x = e.useRef(null), l = X(), g = l == null ? void 0 : l.control, F = g && t ? G({ control: g, name: t }) : void 0, v = f.value ?? F ?? "", h = (O = (H = (A = l == null ? void 0 : l.formState) == null ? void 0 : A.errors) == null ? void 0 : H[t]) == null ? void 0 : O.message, T = N || !!v, R = e.useCallback(() => {
+      if (x.current && d) {
+        const c = x.current.getBoundingClientRect();
         M({
-          top: i.bottom + window.scrollY + 4,
-          left: i.left + window.scrollX,
-          width: i.width
+          top: c.bottom + window.scrollY + 4,
+          left: c.left + window.scrollX,
+          width: c.width
         });
       }
-    }, [u]);
+    }, [d]);
     e.useEffect(() => {
-      if (R(), u) {
-        const i = () => R(), r = () => R();
-        return window.addEventListener("resize", i), window.addEventListener("scroll", r, !0), () => {
-          window.removeEventListener("resize", i), window.removeEventListener("scroll", r, !0);
+      if (R(), d) {
+        const c = () => R(), r = () => R();
+        return window.addEventListener("resize", c), window.addEventListener("scroll", r, !0), () => {
+          window.removeEventListener("resize", c), window.removeEventListener("scroll", r, !0);
         };
       }
-    }, [u, R]), e.useEffect(() => {
-      const i = (r) => {
+    }, [d, R]), e.useEffect(() => {
+      const c = (r) => {
         x.current && !x.current.contains(r.target) && (y(!1), p(!1));
       };
-      return document.addEventListener("mousedown", i), () => {
-        document.removeEventListener("mousedown", i);
+      return document.addEventListener("mousedown", c), () => {
+        document.removeEventListener("mousedown", c);
       };
     }, []);
     const S = () => {
-      y((i) => !i), p(!0);
-    }, V = (i) => {
-      p(!0), w && w(i);
-    }, I = (i) => {
-      z && z(i);
+      y((c) => !c), p(!0);
+    }, V = (c) => {
+      p(!0), w && w(c);
+    }, I = (c) => {
+      z && z(c);
     };
-    return /* @__PURE__ */ e.createElement("div", { className: s("relative", c), ref: x }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: s("relative", i), ref: x }, /* @__PURE__ */ e.createElement(
       "div",
       {
         id: f.id || t,
         tabIndex: 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": u,
+        "aria-expanded": d,
         className: s(
           "peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
-          o
+          n
         ),
         onClick: S,
         onFocus: V,
         onBlur: I,
         ref: E
       },
-      /* @__PURE__ */ e.createElement("span", { className: s("block truncate", !v && "text-gray-400") }, ((k = a.find((i) => i.value === v)) == null ? void 0 : k.label) || !n && "Selecione..."),
+      /* @__PURE__ */ e.createElement("span", { className: s("block truncate", !v && "text-gray-400") }, ((k = a.find((c) => c.value === v)) == null ? void 0 : k.label) || !o && "Selecione..."),
       C && v && /* @__PURE__ */ e.createElement(
         "button",
         {
@@ -200,8 +200,8 @@ const we = e.forwardRef(
           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: (i) => {
-            if (i.stopPropagation(), l && t && l.setValue(t, ""), f.onChange) {
+          onClick: (c) => {
+            if (c.stopPropagation(), l && t && l.setValue(t, ""), f.onChange) {
               const r = {
                 target: { value: "" }
               };
@@ -212,7 +212,7 @@ const we = e.forwardRef(
         },
         "✕"
       )
-    ), n && /* @__PURE__ */ e.createElement(
+    ), o && /* @__PURE__ */ e.createElement(
       "label",
       {
         htmlFor: f.id || t,
@@ -221,57 +221,60 @@ const we = e.forwardRef(
           T ? "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
+      o
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
         className: s(
-          "absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-[9999] transition-all duration-200 overflow-hidden",
-          u ? "border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
+          "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)]",
+          d ? "border max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
         ),
         style: {
-          maxHeight: u ? "9.5rem" : "0",
+          maxHeight: d ? "9.5rem" : "0",
           // 3 options * 2.5rem + padding
           overflowY: a.length > 3 ? "auto" : "hidden",
           position: "fixed",
           // Use fixed positioning to escape container overflow
-          top: u ? m.top : "auto",
-          left: u ? m.left : "auto",
-          width: u ? m.width : "auto",
-          zIndex: 9999
+          top: d ? m.top : "auto",
+          left: d ? m.left : "auto",
+          width: d ? m.width : "auto",
+          zIndex: 9999,
+          boxShadow: d ? "var(--select-dropdown-shadow)" : "none"
         }
       },
-      a.map((i) => /* @__PURE__ */ e.createElement(
+      a.map((c) => /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: i.value,
+          key: c.value,
           className: s(
-            "px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm",
-            v === i.value && "bg-blue-100"
+            "px-3 py-2 cursor-pointer text-sm transition-colors duration-150",
+            "hover:bg-[var(--select-dropdown-hover)]",
+            v === c.value && "bg-[var(--select-dropdown-selected)]"
           ),
           onMouseDown: () => {
-            if (l && t && l.setValue(t, i.value), f.onChange) {
+            if (l && t && l.setValue(t, c.value), f.onChange) {
               const r = {
-                target: { value: i.value }
+                target: { value: c.value }
               };
               f.onChange(r);
             }
             p(!0);
           }
         },
-        i.label
+        c.label
       ))
-    ), g && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, g));
+    ), h && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, h));
   }
 );
 we.displayName = "Select";
 const ye = e.forwardRef(
   ({
     name: t,
-    className: n,
+    className: o,
     label: a,
-    onFocus: o,
-    onBlur: c,
+    onFocus: n,
+    onBlur: i,
     Icon: C,
     iconClassName: w,
     iconAction: z,
@@ -279,8 +282,8 @@ const ye = e.forwardRef(
     rows: E = 4,
     ...N
   }, p) => {
-    var g, T, R;
-    const [u, y] = e.useState(!1), m = X(), M = m == null ? void 0 : m.control, x = m == null ? void 0 : m.register, l = M && t ? G({ control: M, name: t }) : void 0, h = N.value ?? l ?? "", F = (R = (T = (g = m == null ? void 0 : m.formState) == null ? void 0 : g.errors) == null ? void 0 : T[t]) == null ? void 0 : R.message, v = u || !!h;
+    var h, T, R;
+    const [d, y] = e.useState(!1), m = X(), M = m == null ? void 0 : m.control, x = m == null ? void 0 : m.register, l = M && t ? G({ control: M, name: t }) : void 0, g = N.value ?? l ?? "", F = (R = (T = (h = m == null ? void 0 : m.formState) == null ? void 0 : h.errors) == null ? void 0 : T[t]) == null ? void 0 : R.message, v = d || !!g;
     return /* @__PURE__ */ e.createElement("div", { className: s("relative", f) }, /* @__PURE__ */ e.createElement(
       "textarea",
       {
@@ -290,10 +293,10 @@ const ye = e.forwardRef(
           "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",
           C ? "pr-12" : "",
           // espaço extra para ícone customizado
-          n
+          o
         ),
         onFocus: (S) => {
-          y(!0), o && o(S);
+          y(!0), n && n(S);
         },
         ...m && t ? (() => {
           const S = x(t), V = S.onBlur;
@@ -303,13 +306,13 @@ const ye = e.forwardRef(
               typeof p == "function" ? p(I) : p && (p.current = I), S.ref && S.ref(I);
             },
             onBlur: (I) => {
-              y(!1), c && c(I), V && V(I);
+              y(!1), i && i(I), V && V(I);
             }
           };
         })() : {
           ref: p,
           onBlur: (S) => {
-            y(!1), c && c(S);
+            y(!1), i && i(S);
           }
         },
         ...N
@@ -341,10 +344,10 @@ ye.displayName = "Textarea";
 const Ee = e.forwardRef(
   ({
     name: t,
-    label: n,
+    label: o,
     loadOptions: a,
-    className: o,
-    containerClassName: c,
+    className: n,
+    containerClassName: i,
     isClearable: C,
     defaultOptions: w = !1,
     loadingMessage: z = "Carregando...",
@@ -352,15 +355,15 @@ const Ee = e.forwardRef(
     searchable: E = !1,
     debounceMs: N = 300,
     onFocus: p,
-    onBlur: u,
+    onBlur: d,
     ...y
   }, m) => {
     var q, te, J;
-    const [M, x] = e.useState(!1), [l, h] = e.useState(!1), [F, v] = e.useState([]), [g, T] = e.useState(!1), [R, S] = e.useState(""), [V, I] = e.useState(""), [A, H] = e.useState({
+    const [M, x] = e.useState(!1), [l, g] = e.useState(!1), [F, v] = e.useState([]), [h, T] = e.useState(!1), [R, S] = e.useState(""), [V, I] = e.useState(""), [A, H] = e.useState({
       top: 0,
       left: 0,
       width: 0
-    }), O = e.useRef(null), k = e.useRef(null), i = X(), r = i == null ? void 0 : i.control, B = r && t ? G({ control: r, name: t }) : void 0, W = y.value ?? B ?? "", _ = (J = (te = (q = i == null ? void 0 : i.formState) == null ? void 0 : q.errors) == null ? void 0 : te[t]) == null ? void 0 : J.message, Q = M || !!W, $ = e.useCallback(() => {
+    }), O = e.useRef(null), k = e.useRef(null), c = X(), r = c == null ? void 0 : c.control, B = r && t ? G({ control: r, name: t }) : void 0, W = y.value ?? B ?? "", _ = (J = (te = (q = c == null ? void 0 : c.formState) == null ? void 0 : q.errors) == null ? void 0 : te[t]) == null ? void 0 : J.message, Q = M || !!W, $ = e.useCallback(() => {
       if (O.current && l) {
         const b = O.current.getBoundingClientRect();
         H({
@@ -400,41 +403,41 @@ const Ee = e.forwardRef(
     };
     e.useEffect(() => {
       const b = (D) => {
-        O.current && !O.current.contains(D.target) && (h(!1), x(!1), S(""));
+        O.current && !O.current.contains(D.target) && (g(!1), x(!1), S(""));
       };
       return document.addEventListener("mousedown", b), () => {
         document.removeEventListener("mousedown", b);
       };
     }, []);
     const U = () => {
-      l || (h(!0), x(!0), E && k.current && setTimeout(() => {
+      l || (g(!0), x(!0), E && k.current && setTimeout(() => {
         var b;
         return (b = k.current) == null ? void 0 : b.focus();
       }, 0));
     }, Z = (b) => {
       x(!0), p && p(b);
     }, K = (b) => {
-      u && u(b);
+      d && d(b);
     }, ee = (b) => {
       S(b.target.value);
     }, ae = (b) => {
-      if (i && t && i.setValue(t, b), y.onChange) {
+      if (c && t && c.setValue(t, b), y.onChange) {
         const D = {
           target: { value: b }
         };
         y.onChange(D);
       }
-      h(!1), x(!1), S("");
-    }, ne = (b) => {
-      if (b.stopPropagation(), i && t && i.setValue(t, ""), y.onChange) {
+      g(!1), x(!1), S("");
+    }, oe = (b) => {
+      if (b.stopPropagation(), c && t && c.setValue(t, ""), y.onChange) {
         const D = {
           target: { value: "" }
         };
         y.onChange(D);
       }
-      h(!1), x(!1), S("");
-    }, Y = F.find((b) => b.value === W), oe = E && l ? R : (Y == null ? void 0 : Y.label) || "";
-    return /* @__PURE__ */ e.createElement("div", { className: s("relative", c), ref: O }, /* @__PURE__ */ e.createElement(
+      g(!1), x(!1), S("");
+    }, Y = F.find((b) => b.value === W), ne = E && l ? R : (Y == null ? void 0 : Y.label) || "";
+    return /* @__PURE__ */ e.createElement("div", { className: s("relative", i), ref: O }, /* @__PURE__ */ e.createElement(
       "div",
       {
         id: y.id || t,
@@ -444,7 +447,7 @@ const Ee = e.forwardRef(
         "aria-expanded": l,
         className: s(
           "peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
-          o
+          n
         ),
         onClick: U,
         onFocus: E ? void 0 : Z,
@@ -456,30 +459,30 @@ const Ee = e.forwardRef(
         {
           ref: k,
           type: "text",
-          value: oe,
+          value: ne,
           onChange: ee,
           onFocus: Z,
           onBlur: K,
-          placeholder: n ? "" : "Selecione...",
+          placeholder: o ? "" : "Selecione...",
           className: s(
             "w-full bg-transparent border-none outline-none text-sm",
             !W && !R && "text-gray-400"
           )
         }
-      ) : /* @__PURE__ */ e.createElement("span", { className: s("block truncate", !W && "text-gray-400") }, (Y == null ? void 0 : Y.label) || !n && "Selecione..."),
-      g && /* @__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)]" })),
-      C && W && !g && /* @__PURE__ */ e.createElement(
+      ) : /* @__PURE__ */ e.createElement("span", { className: s("block truncate", !W && "text-gray-400") }, (Y == null ? void 0 : Y.label) || !o && "Selecione..."),
+      h && /* @__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)]" })),
+      C && W && !h && /* @__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: ne
+          onClick: oe
         },
         "✕"
       )
-    ), n && /* @__PURE__ */ e.createElement(
+    ), o && /* @__PURE__ */ e.createElement(
       "label",
       {
         htmlFor: y.id || t,
@@ -488,13 +491,14 @@ const Ee = e.forwardRef(
           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"
         )
       },
-      n
+      o
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
         className: s(
-          "absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-[9999] transition-all duration-200 overflow-hidden",
-          l ? "border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
+          "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)]",
+          l ? "border max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
         ),
         style: {
           maxHeight: l ? "9.5rem" : "0",
@@ -504,16 +508,18 @@ const Ee = e.forwardRef(
           top: l ? A.top : "auto",
           left: l ? A.left : "auto",
           width: l ? A.width : "auto",
-          zIndex: 9999
+          zIndex: 9999,
+          boxShadow: l ? "var(--select-dropdown-shadow)" : "none"
         }
       },
-      g ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, z) : F.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, f) : F.map((b) => /* @__PURE__ */ e.createElement(
+      h ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, z) : F.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, f) : F.map((b) => /* @__PURE__ */ e.createElement(
         "div",
         {
           key: b.value,
           className: s(
-            "px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm",
-            W === b.value && "bg-blue-100"
+            "px-3 py-2 cursor-pointer text-sm transition-colors duration-150",
+            "hover:bg-[var(--select-dropdown-hover)]",
+            W === b.value && "bg-[var(--select-dropdown-selected)]"
           ),
           onMouseDown: () => ae(b.value)
         },
@@ -526,22 +532,22 @@ Ee.displayName = "AsyncSelect";
 const Ne = e.forwardRef(
   ({
     name: t,
-    label: n,
+    label: o,
     options: a,
-    className: o,
-    containerClassName: c,
+    className: n,
+    containerClassName: i,
     isClearable: C,
     onFocus: w,
     onBlur: z,
     ...f
   }, E) => {
-    var O, k, i;
-    const [N, p] = e.useState(!1), [u, y] = e.useState(!1), [m, M] = e.useState({
+    var O, k, c;
+    const [N, p] = e.useState(!1), [d, y] = e.useState(!1), [m, M] = e.useState({
       top: 0,
       left: 0,
       width: 0
-    }), x = e.useRef(null), l = X(), h = l == null ? void 0 : l.control, F = h && t ? G({ control: h, name: t }) : void 0, v = f.value ?? F ?? [], g = (i = (k = (O = l == null ? void 0 : l.formState) == null ? void 0 : O.errors) == null ? void 0 : k[t]) == null ? void 0 : i.message, T = N || v && v.length > 0, R = e.useCallback(() => {
-      if (x.current && u) {
+    }), x = e.useRef(null), l = X(), g = l == null ? void 0 : l.control, F = g && t ? G({ control: g, name: t }) : void 0, v = f.value ?? F ?? [], h = (c = (k = (O = l == null ? void 0 : l.formState) == null ? void 0 : O.errors) == null ? void 0 : k[t]) == null ? void 0 : c.message, T = N || v && v.length > 0, R = e.useCallback(() => {
+      if (x.current && d) {
         const r = x.current.getBoundingClientRect();
         M({
           top: r.bottom + window.scrollY + 4,
@@ -549,15 +555,15 @@ const Ne = e.forwardRef(
           width: r.width
         });
       }
-    }, [u]);
+    }, [d]);
     e.useEffect(() => {
-      if (R(), u) {
+      if (R(), d) {
         const r = () => R(), B = () => R();
         return window.addEventListener("resize", r), window.addEventListener("scroll", B, !0), () => {
           window.removeEventListener("resize", r), window.removeEventListener("scroll", B, !0);
         };
       }
-    }, [u, R]), e.useEffect(() => {
+    }, [d, R]), e.useEffect(() => {
       const r = (B) => {
         x.current && !x.current.contains(B.target) && (y(!1), p(!1));
       };
@@ -583,17 +589,17 @@ const Ne = e.forwardRef(
         target: { value: [] }
       })), y(!1), p(!1);
     };
-    return /* @__PURE__ */ e.createElement("div", { className: s("relative", c), ref: x }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: s("relative", i), ref: x }, /* @__PURE__ */ e.createElement(
       "div",
       {
         id: f.id || t,
         tabIndex: 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": u,
+        "aria-expanded": d,
         className: s(
           "peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
-          o
+          n
         ),
         onClick: S,
         onFocus: V,
@@ -649,7 +655,7 @@ const Ne = e.forwardRef(
               )
             )
           )
-        )) : !n && /* @__PURE__ */ e.createElement("span", { className: "text-gray-400 text-sm" }, "Selecione...")
+        )) : !o && /* @__PURE__ */ e.createElement("span", { className: "text-gray-400 text-sm" }, "Selecione...")
       ),
       C && v && v.length > 0 && /* @__PURE__ */ e.createElement(
         "button",
@@ -662,7 +668,7 @@ const Ne = e.forwardRef(
         },
         "✕"
       )
-    ), n && /* @__PURE__ */ e.createElement(
+    ), o && /* @__PURE__ */ e.createElement(
       "label",
       {
         htmlFor: f.id || t,
@@ -671,23 +677,25 @@ const Ne = e.forwardRef(
           T ? "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
+      o
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
         className: s(
-          "absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-[9999] transition-all duration-200 overflow-hidden",
-          u ? "border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
+          "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)]",
+          d ? "border max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
         ),
         style: {
-          maxHeight: u ? "9.5rem" : "0",
+          maxHeight: d ? "9.5rem" : "0",
           overflowY: a.length > 3 ? "auto" : "hidden",
           position: "fixed",
           // Use fixed positioning to escape container overflow
-          top: u ? m.top : "auto",
-          left: u ? m.left : "auto",
-          width: u ? m.width : "auto",
-          zIndex: 9999
+          top: d ? m.top : "auto",
+          left: d ? m.left : "auto",
+          width: d ? m.width : "auto",
+          zIndex: 9999,
+          boxShadow: d ? "var(--select-dropdown-shadow)" : "none"
         }
       },
       a.map((r) => /* @__PURE__ */ e.createElement(
@@ -695,8 +703,9 @@ const Ne = e.forwardRef(
         {
           key: r.value,
           className: s(
-            "px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm flex items-center gap-2",
-            v.includes(r.value) && "bg-blue-100 font-semibold"
+            "px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150",
+            "hover:bg-[var(--select-dropdown-hover)]",
+            v.includes(r.value) && "bg-[var(--select-dropdown-selected)] font-semibold"
           ),
           onMouseDown: () => A(r.value)
         },
@@ -711,17 +720,17 @@ const Ne = e.forwardRef(
         ),
         r.label
       ))
-    ), g && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, g));
+    ), h && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, h));
   }
 );
 Ne.displayName = "MultiSelect";
 const Ce = e.forwardRef(
   ({
     name: t,
-    label: n,
+    label: o,
     loadOptions: a,
-    className: o,
-    containerClassName: c,
+    className: n,
+    containerClassName: i,
     isClearable: C,
     defaultOptions: w = !1,
     loadingMessage: z = "Carregando...",
@@ -729,121 +738,121 @@ const Ce = e.forwardRef(
     searchable: E = !1,
     debounceMs: N = 300,
     maxSelectedDisplay: p = 3,
-    onFocus: u,
+    onFocus: d,
     onBlur: y,
     ...m
   }, M) => {
     var b, D, le;
-    const [x, l] = e.useState(!1), [h, F] = e.useState(!1), [v, g] = e.useState([]), [T, R] = e.useState(!1), [S, V] = e.useState(""), [I, A] = e.useState(""), [H, O] = e.useState({
+    const [x, l] = e.useState(!1), [g, F] = e.useState(!1), [v, h] = e.useState([]), [T, R] = e.useState(!1), [S, V] = e.useState(""), [I, A] = e.useState(""), [H, O] = e.useState({
       top: 0,
       left: 0,
       width: 0
-    }), k = e.useRef(null), i = e.useRef(null), r = X(), B = r == null ? void 0 : r.control, W = B && t ? G({ control: B, name: t }) : void 0, _ = m.value ?? W ?? [], Q = (le = (D = (b = r == null ? void 0 : r.formState) == null ? void 0 : b.errors) == null ? void 0 : D[t]) == null ? void 0 : le.message, $ = x || _ && _.length > 0, j = e.useCallback(() => {
-      if (k.current && h) {
-        const d = k.current.getBoundingClientRect();
+    }), k = e.useRef(null), c = e.useRef(null), r = X(), B = r == null ? void 0 : r.control, W = B && t ? G({ control: B, name: t }) : void 0, _ = m.value ?? W ?? [], Q = (le = (D = (b = r == null ? void 0 : r.formState) == null ? void 0 : b.errors) == null ? void 0 : D[t]) == null ? void 0 : le.message, $ = x || _ && _.length > 0, j = e.useCallback(() => {
+      if (k.current && g) {
+        const u = k.current.getBoundingClientRect();
         O({
-          top: d.bottom + window.scrollY + 4,
-          left: d.left + window.scrollX,
-          width: d.width
+          top: u.bottom + window.scrollY + 4,
+          left: u.left + window.scrollX,
+          width: u.width
         });
       }
-    }, [h]);
+    }, [g]);
     e.useEffect(() => {
-      if (j(), h) {
-        const d = () => j(), P = () => j();
-        return window.addEventListener("resize", d), window.addEventListener("scroll", P, !0), () => {
-          window.removeEventListener("resize", d), window.removeEventListener("scroll", P, !0);
+      if (j(), g) {
+        const u = () => j(), P = () => j();
+        return window.addEventListener("resize", u), window.addEventListener("scroll", P, !0), () => {
+          window.removeEventListener("resize", u), window.removeEventListener("scroll", P, !0);
         };
       }
-    }, [h, j]), e.useEffect(() => {
-      const d = setTimeout(() => {
+    }, [g, j]), e.useEffect(() => {
+      const u = setTimeout(() => {
         A(S);
       }, N);
-      return () => clearTimeout(d);
+      return () => clearTimeout(u);
     }, [S, N]), e.useEffect(() => {
-      (h || w && v.length === 0) && U(E ? I : void 0);
-    }, [I, h]), e.useEffect(() => {
-      w === !0 ? U() : Array.isArray(w) && g(w);
+      (g || w && v.length === 0) && U(E ? I : void 0);
+    }, [I, g]), e.useEffect(() => {
+      w === !0 ? U() : Array.isArray(w) && h(w);
     }, []);
-    const U = async (d) => {
+    const U = async (u) => {
       try {
         R(!0);
-        const P = await a(d);
-        g(P);
+        const P = await a(u);
+        h(P);
       } catch (P) {
-        console.error("Error loading options:", P), g([]);
+        console.error("Error loading options:", P), h([]);
       } finally {
         R(!1);
       }
     };
     e.useEffect(() => {
-      const d = (P) => {
+      const u = (P) => {
         k.current && !k.current.contains(P.target) && (F(!1), l(!1), V(""));
       };
-      return document.addEventListener("mousedown", d), () => {
-        document.removeEventListener("mousedown", d);
+      return document.addEventListener("mousedown", u), () => {
+        document.removeEventListener("mousedown", u);
       };
     }, []);
     const Z = () => {
-      h || (F(!0), l(!0), E && i.current && setTimeout(() => {
-        var d;
-        return (d = i.current) == null ? void 0 : d.focus();
+      g || (F(!0), l(!0), E && c.current && setTimeout(() => {
+        var u;
+        return (u = c.current) == null ? void 0 : u.focus();
       }, 0));
-    }, K = (d) => {
-      l(!0), u && u(d);
-    }, ee = (d) => {
-      y && y(d);
-    }, ae = (d) => {
-      V(d.target.value);
-    }, ne = (d) => {
+    }, K = (u) => {
+      l(!0), d && d(u);
+    }, ee = (u) => {
+      y && y(u);
+    }, ae = (u) => {
+      V(u.target.value);
+    }, oe = (u) => {
       let P;
-      _.includes(d) ? P = _.filter((re) => re !== d) : P = [..._, d], r && t && r.setValue(t, P), m.onChange && m.onChange({
+      _.includes(u) ? P = _.filter((re) => re !== u) : P = [..._, u], r && t && r.setValue(t, P), m.onChange && m.onChange({
         target: { value: P }
       }), l(!0);
-    }, Y = (d, P) => {
+    }, Y = (u, P) => {
       P.stopPropagation();
-      const re = _.filter((pe) => pe !== d);
+      const re = _.filter((pe) => pe !== u);
       r && t && r.setValue(t, re), m.onChange && m.onChange({
         target: { value: re }
       });
-    }, oe = (d) => {
-      d.stopPropagation(), r && t && r.setValue(t, []), m.onChange && m.onChange({
+    }, ne = (u) => {
+      u.stopPropagation(), r && t && r.setValue(t, []), m.onChange && m.onChange({
         target: { value: [] }
       }), F(!1), l(!1), V("");
-    }, q = v.filter((d) => _.includes(d.value)), te = q.slice(0, p), J = q.length - p;
-    return /* @__PURE__ */ e.createElement("div", { className: s("relative", c), ref: k }, /* @__PURE__ */ e.createElement(
+    }, q = v.filter((u) => _.includes(u.value)), te = q.slice(0, p), J = q.length - p;
+    return /* @__PURE__ */ e.createElement("div", { className: s("relative", i), ref: k }, /* @__PURE__ */ e.createElement(
       "div",
       {
         id: m.id || t,
         tabIndex: E ? -1 : 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": h,
+        "aria-expanded": g,
         className: s(
           "peer flex items-center min-h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-2 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
-          o
+          n
         ),
         onClick: Z,
         onFocus: E ? void 0 : K,
         onBlur: E ? void 0 : ee,
         ref: M
       },
-      /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full" }, te.map((d) => /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full" }, te.map((u) => /* @__PURE__ */ e.createElement(
         "span",
         {
-          key: d.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 gap-2",
           style: { maxWidth: "140px" }
         },
-        /* @__PURE__ */ e.createElement("span", { className: "truncate", title: d.label }, d.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 ${d.label}`,
+            "aria-label": `Remover ${u.label}`,
             tabIndex: -1,
-            onClick: (P) => Y(d.value, P)
+            onClick: (P) => Y(u.value, P)
           },
           /* @__PURE__ */ e.createElement(
             "svg",
@@ -868,16 +877,16 @@ const Ce = e.forwardRef(
       )), J > 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" }, "+", J, " mais"), E ? /* @__PURE__ */ e.createElement(
         "input",
         {
-          ref: i,
+          ref: c,
           type: "text",
           value: S,
           onChange: ae,
           onFocus: K,
           onBlur: ee,
-          placeholder: _.length === 0 && !n ? "Selecione..." : "",
+          placeholder: _.length === 0 && !o ? "Selecione..." : "",
           className: "flex-1 min-w-[120px] bg-transparent border-none outline-none text-sm"
         }
-      ) : _.length === 0 && !n && /* @__PURE__ */ e.createElement("span", { className: "text-gray-400 text-sm" }, "Selecione...")),
+      ) : _.length === 0 && !o && /* @__PURE__ */ e.createElement("span", { className: "text-gray-400 text-sm" }, "Selecione...")),
       T && /* @__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)]" })),
       C && _ && _.length > 0 && !T && /* @__PURE__ */ e.createElement(
         "button",
@@ -886,11 +895,11 @@ const Ce = e.forwardRef(
           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: oe
+          onClick: ne
         },
         "✕"
       )
-    ), n && /* @__PURE__ */ e.createElement(
+    ), o && /* @__PURE__ */ e.createElement(
       "label",
       {
         htmlFor: m.id || t,
@@ -899,45 +908,48 @@ const Ce = e.forwardRef(
           $ ? "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
+      o
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
         className: s(
-          "absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-[9999] transition-all duration-200 overflow-hidden",
-          h ? "border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
+          "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"
         ),
         style: {
-          maxHeight: h ? "9.5rem" : "0",
+          maxHeight: g ? "9.5rem" : "0",
           overflowY: v.length > 3 ? "auto" : "hidden",
           position: "fixed",
           // Use fixed positioning to escape container overflow
-          top: h ? H.top : "auto",
-          left: h ? H.left : "auto",
-          width: h ? H.width : "auto",
-          zIndex: 9999
+          top: g ? H.top : "auto",
+          left: g ? H.left : "auto",
+          width: g ? H.width : "auto",
+          zIndex: 9999,
+          boxShadow: g ? "var(--select-dropdown-shadow)" : "none"
         }
       },
-      T ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, z) : v.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, f) : v.map((d) => /* @__PURE__ */ e.createElement(
+      T ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, z) : v.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "px-3 py-2 text-sm text-gray-500 text-center" }, f) : v.map((u) => /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: d.value,
+          key: u.value,
           className: s(
-            "px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm flex items-center gap-2",
-            _.includes(d.value) && "bg-blue-100 font-semibold"
+            "px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150",
+            "hover:bg-[var(--select-dropdown-hover)]",
+            _.includes(u.value) && "bg-[var(--select-dropdown-selected)] font-semibold"
           ),
-          onMouseDown: () => ne(d.value)
+          onMouseDown: () => oe(u.value)
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             type: "checkbox",
-            checked: _.includes(d.value),
+            checked: _.includes(u.value),
             readOnly: !0,
             className: "accent-blue-500"
           }
         ),
-        d.label
+        u.label
       ))
     ), Q && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, Q));
   }
@@ -950,10 +962,10 @@ const ke = {
 }, Se = e.forwardRef(
   ({
     name: t,
-    label: n,
+    label: o,
     options: a,
-    className: o,
-    containerClassName: c,
+    className: n,
+    containerClassName: i,
     optionClassName: C,
     direction: w = "row",
     size: z = "md",
@@ -961,11 +973,11 @@ const ke = {
     onBlur: E,
     ...N
   }, p) => {
-    var h, F, v;
-    const u = X(), y = u == null ? void 0 : u.control, m = y && t ? G({ control: y, name: t }) : void 0, M = N.value ?? m ?? "", x = (v = (F = (h = u == null ? void 0 : u.formState) == null ? void 0 : h.errors) == null ? void 0 : F[t]) == null ? void 0 : v.message, l = (g) => {
-      u && t && u.setValue(t, g), N.onChange && N.onChange({ target: { value: g } });
+    var g, F, v;
+    const d = X(), y = d == null ? void 0 : d.control, m = y && t ? G({ control: y, name: t }) : void 0, M = N.value ?? m ?? "", x = (v = (F = (g = d == null ? void 0 : d.formState) == null ? void 0 : g.errors) == null ? void 0 : F[t]) == null ? void 0 : v.message, l = (h) => {
+      d && t && d.setValue(t, h), N.onChange && N.onChange({ target: { value: h } });
     };
-    return /* @__PURE__ */ e.createElement("div", { className: s("relative", c), ref: p }, n && /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("div", { className: s("relative", i), ref: p }, o && /* @__PURE__ */ e.createElement(
       "label",
       {
         htmlFor: t,
@@ -974,7 +986,7 @@ const ke = {
           "top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white"
         )
       },
-      n
+      o
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -982,89 +994,89 @@ const ke = {
           "flex gap-2 w-full pt-6",
           // espaço para label flutuante
           w === "row" ? "flex-row" : "flex-col",
-          o
+          n
         ),
-        "aria-label": n,
+        "aria-label": o,
         tabIndex: -1,
         onFocus: f,
         onBlur: E
       },
-      a.map((g) => /* @__PURE__ */ e.createElement(
+      a.map((h) => /* @__PURE__ */ e.createElement(
         "button",
         {
-          key: g.value,
+          key: h.value,
           type: "button",
           className: s(
             "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)]",
             ke[z],
-            M === g.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",
+            M === h.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",
             C
           ),
-          "aria-pressed": M === g.value,
-          "data-selected": M === g.value,
+          "aria-pressed": M === h.value,
+          "data-selected": M === h.value,
           tabIndex: 0,
-          onClick: () => l(g.value),
+          onClick: () => l(h.value),
           onKeyDown: (T) => {
-            (T.key === "Enter" || T.key === " ") && (T.preventDefault(), l(g.value));
+            (T.key === "Enter" || T.key === " ") && (T.preventDefault(), l(h.value));
           }
         },
-        g.icon && /* @__PURE__ */ e.createElement("span", { className: "mr-2 text-lg flex items-center" }, g.icon),
-        /* @__PURE__ */ e.createElement("span", { className: "truncate font-medium" }, g.label)
+        h.icon && /* @__PURE__ */ e.createElement("span", { className: "mr-2 text-lg flex items-center" }, h.icon),
+        /* @__PURE__ */ e.createElement("span", { className: "truncate font-medium" }, h.label)
       ))
     ), x && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, x));
   }
 );
 Se.displayName = "RadioGroup";
-const ie = L.forwardRef(
-  ({ children: t, className: n, as: a = "div", ...o }, c) => /* @__PURE__ */ L.createElement(
+const ce = L.forwardRef(
+  ({ children: t, className: o, as: a = "div", ...n }, i) => /* @__PURE__ */ L.createElement(
     a,
     {
-      ref: c,
+      ref: i,
       className: s(
         "px-6 py-4 border-b",
         "bg-[var(--card-header-bg,rgba(249,250,251,0.5))]",
         "border-[var(--card-header-border,#e5e7eb)]",
         "text-[var(--card-text,#111827)]",
-        n
+        o
       ),
-      ...o
+      ...n
     },
     t
   )
 );
-ie.displayName = "CardHeader";
-const ce = L.forwardRef(
-  ({ children: t, className: n, as: a = "div", ...o }, c) => /* @__PURE__ */ L.createElement(
+ce.displayName = "CardHeader";
+const ie = L.forwardRef(
+  ({ children: t, className: o, as: a = "div", ...n }, i) => /* @__PURE__ */ L.createElement(
     a,
     {
-      ref: c,
+      ref: i,
       className: s(
         "px-6 py-4",
         "flex-1",
         // Para ocupar o espaço disponível
         "bg-[var(--card-bg,#ffffff)]",
         "text-[var(--card-text,#111827)]",
-        n
+        o
       ),
-      ...o
+      ...n
     },
     t
   )
 );
-ce.displayName = "CardBody";
+ie.displayName = "CardBody";
 const de = L.forwardRef(
-  ({ children: t, className: n, as: a = "div", ...o }, c) => /* @__PURE__ */ L.createElement(
+  ({ children: t, className: o, as: a = "div", ...n }, i) => /* @__PURE__ */ L.createElement(
     a,
     {
-      ref: c,
+      ref: i,
       className: s(
         "px-6 py-4 border-t",
         "bg-[var(--card-footer-bg,rgba(249,250,251,0.5))]",
         "border-[var(--card-footer-border,#e5e7eb)]",
         "text-[var(--card-text,#111827)]",
-        n
+        o
       ),
-      ...o
+      ...n
     },
     t
   )
@@ -1073,10 +1085,10 @@ de.displayName = "CardFooter";
 const Re = L.forwardRef(
   ({
     children: t,
-    className: n,
+    className: o,
     variant: a = "default",
-    size: o = "md",
-    padding: c = "none",
+    size: n = "md",
+    padding: i = "none",
     // none pois cada seção tem seu próprio padding
     rounded: C = "lg",
     constrainWidth: w = !1,
@@ -1097,7 +1109,7 @@ const Re = L.forwardRef(
       sm: "p-3",
       md: "p-4",
       lg: "p-6"
-    }, u = {
+    }, d = {
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
@@ -1114,11 +1126,11 @@ const Re = L.forwardRef(
           "overflow-hidden",
           // Para manter os borders radius das seções
           E[a],
-          w && N[o],
+          w && N[n],
           // Aplicar max-width apenas se constrainWidth for true
-          p[c],
-          u[C],
-          n
+          p[i],
+          d[C],
+          o
         ),
         ...z
       },
@@ -1126,16 +1138,16 @@ const Re = L.forwardRef(
     );
   }
 ), _e = Object.assign(Re, {
-  Header: ie,
-  Body: ce,
+  Header: ce,
+  Body: ie,
   Footer: de
 }), ue = L.forwardRef(
   ({
     children: t,
-    className: n,
+    className: o,
     variant: a = "default",
-    size: o = "md",
-    responsive: c = !1,
+    size: n = "md",
+    responsive: i = !1,
     stickyHeader: C = !1,
     ...w
   }, z) => {
@@ -1148,14 +1160,14 @@ const Re = L.forwardRef(
       },
       // Size styles
       {
-        "text-sm": o === "sm",
-        "text-base": o === "md",
-        "text-lg": o === "lg"
+        "text-sm": n === "sm",
+        "text-base": n === "md",
+        "text-lg": n === "lg"
       },
-      n
+      o
     ), E = s(
       {
-        "overflow-x-auto": c,
+        "overflow-x-auto": i,
         "max-h-96 overflow-y-auto": C
       }
     ), N = /* @__PURE__ */ L.createElement(
@@ -1167,75 +1179,75 @@ const Re = L.forwardRef(
       },
       t
     );
-    return c || C ? /* @__PURE__ */ L.createElement("div", { className: E }, N) : N;
+    return i || C ? /* @__PURE__ */ L.createElement("div", { className: E }, N) : N;
   }
 ), fe = L.forwardRef(
-  ({ children: t, className: n, as: a = "thead", ...o }, c) => /* @__PURE__ */ L.createElement(
+  ({ children: t, className: o, as: a = "thead", ...n }, i) => /* @__PURE__ */ L.createElement(
     a,
     {
-      ref: c,
+      ref: i,
       className: s(
         "border-b border-[var(--table-border)] bg-[var(--table-header-bg)]",
         {
           "sticky top-0 z-10": a === "thead"
         },
-        n
+        o
       ),
-      ...o
+      ...n
     },
     t
   )
 ), me = L.forwardRef(
-  ({ children: t, className: n, as: a = "tbody", ...o }, c) => /* @__PURE__ */ L.createElement(
+  ({ children: t, className: o, as: a = "tbody", ...n }, i) => /* @__PURE__ */ L.createElement(
     a,
     {
-      ref: c,
+      ref: i,
       className: s(
         "[&_tr:nth-child(odd)]:bg-[var(--table-row-odd)]",
         "[&_tr:nth-child(even)]:bg-[var(--table-row-even)]",
-        n
+        o
       ),
-      ...o
+      ...n
     },
     t
   )
 ), be = L.forwardRef(
-  ({ children: t, className: n, as: a = "tfoot", ...o }, c) => /* @__PURE__ */ L.createElement(
+  ({ children: t, className: o, as: a = "tfoot", ...n }, i) => /* @__PURE__ */ L.createElement(
     a,
     {
-      ref: c,
+      ref: i,
       className: s(
         "border-t border-[var(--table-border)] bg-[var(--table-header-bg)] font-medium",
-        n
+        o
       ),
-      ...o
+      ...n
     },
     t
   )
 ), ve = L.forwardRef(
-  ({ children: t, className: n, variant: a = "default", ...o }, c) => /* @__PURE__ */ L.createElement(
+  ({ children: t, className: o, variant: a = "default", ...n }, i) => /* @__PURE__ */ L.createElement(
     "tr",
     {
-      ref: c,
+      ref: i,
       className: s(
         "border-b border-[var(--table-border)] transition-colors",
         {
           "hover:bg-[var(--table-row-hover)]": a === "hover",
           "bg-[var(--table-row-selected)]": a === "selected"
         },
-        n
+        o
       ),
-      ...o
+      ...n
     },
     t
   )
 ), xe = L.forwardRef(
   ({
     children: t,
-    className: n,
+    className: o,
     as: a = "td",
-    align: o = "left",
-    scope: c,
+    align: n = "left",
+    scope: i,
     colSpan: C,
     rowSpan: w,
     ...z
@@ -1243,7 +1255,7 @@ const Re = L.forwardRef(
     a,
     {
       ref: f,
-      scope: a === "th" ? c : void 0,
+      scope: a === "th" ? i : void 0,
       colSpan: C,
       rowSpan: w,
       className: s(
@@ -1251,10 +1263,10 @@ const Re = L.forwardRef(
         {
           "font-semibold": a === "th",
           "text-sm": a === "td",
-          "text-center": o === "center",
-          "text-right": o === "right"
+          "text-center": n === "center",
+          "text-right": n === "right"
         },
-        n
+        o
       ),
       ...z
     },
@@ -1278,9 +1290,9 @@ export {
   Ee as AsyncSelect,
   Fe as Button,
   _e as Card,
-  ce as CardBody,
+  ie as CardBody,
   de as CardFooter,
-  ie as CardHeader,
+  ce as CardHeader,
   he as Input,
   Ce as MultiAsyncSelect,
   Ne as MultiSelect,