@fluityy/designsystem 0.2.0 → 0.2.2

package/dist/index.js

@@ -1,13 +1,13 @@
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as p, useState as b, useRef as T, useEffect as y, createContext as C, useContext as w, useId as H, cloneElement as K, Children as ae, Fragment as ne, useCallback as M, useMemo as oe } from "react";
-import { cva as N } from "class-variance-authority";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as g, useState as b, useRef as T, useEffect as C, createContext as N, useContext as w, useId as H, cloneElement as K, Children as ae, Fragment as ne, useCallback as M, useMemo as oe } from "react";
+import { cva as V } from "class-variance-authority";
 import { clsx as le } from "clsx";
 import { twMerge as se } from "tailwind-merge";
 import { createPortal as ie } from "react-dom";
 function i(...e) {
   return se(le(e));
 }
-const ce = N(
+const ce = V(
   // base: tudo derivado de tokens via utilitários mapeados no @theme
   "inline-flex items-center justify-center gap-2 font-medium whitespace-nowrap transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 ring-offset-bg disabled:opacity-50 disabled:pointer-events-none select-none",
   {
@@ -32,18 +32,18 @@ const ce = N(
       size: "md"
     }
   }
-), ue = p(
-  ({ className: e, variant: r, size: t, fullWidth: n, ...o }, s) => /* @__PURE__ */ a(
+), ue = g(
+  ({ className: e, variant: r, size: a, fullWidth: n, ...o }, s) => /* @__PURE__ */ t(
     "button",
     {
       ref: s,
-      className: i(ce({ variant: r, size: t, fullWidth: n }), e),
+      className: i(ce({ variant: r, size: a, fullWidth: n }), e),
       ...o
     }
   )
 );
 ue.displayName = "Button";
-const fe = N(
+const fe = V(
   "flex w-full bg-bg-muted text-fg placeholder:text-fg-muted border border-transparent transition-colors outline-none rounded-lg focus-visible:border-border-strong disabled:opacity-50 disabled:pointer-events-none",
   {
     variants: {
@@ -59,29 +59,60 @@ const fe = N(
     },
     defaultVariants: { size: "md", invalid: !1 }
   }
-), de = p(
-  ({ className: e, size: r, invalid: t, label: n, id: o, ...s }, l) => {
-    const c = o ?? (n ? n.toLowerCase().replace(/\s+/g, "-") : void 0), u = /* @__PURE__ */ a(
-      "input",
-      {
-        ref: l,
-        id: c,
-        className: i(fe({ size: r, invalid: t }), e),
-        ...s
-      }
-    );
+), de = g(
+  ({ className: e, size: r, invalid: a, label: n, id: o, type: s, ...l }, c) => {
+    const [u, m] = b(!1), d = s === "password", p = d ? u ? "text" : "password" : s, h = o ?? (n ? n.toLowerCase().replace(/\s+/g, "-") : void 0), v = /* @__PURE__ */ f("div", { className: "relative flex w-full items-center", children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          ref: c,
+          id: h,
+          type: p,
+          className: i(
+            fe({ size: r, invalid: a }),
+            d && "pr-10",
+            e
+          ),
+          ...l
+        }
+      ),
+      d && /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          tabIndex: -1,
+          onClick: () => m((y) => !y),
+          "aria-label": u ? "Ocultar senha" : "Mostrar senha",
+          className: "absolute right-3 text-fg-muted transition-colors hover:text-fg",
+          children: u ? (
+            // olho fechado
+            /* @__PURE__ */ f("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+              /* @__PURE__ */ t("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
+              /* @__PURE__ */ t("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
+              /* @__PURE__ */ t("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+            ] })
+          ) : (
+            // olho aberto
+            /* @__PURE__ */ f("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+              /* @__PURE__ */ t("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+              /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "3" })
+            ] })
+          )
+        }
+      )
+    ] });
     return n ? /* @__PURE__ */ f("div", { className: "flex w-full flex-col gap-1.5", children: [
-      /* @__PURE__ */ a("label", { htmlFor: c, className: "text-xs font-medium text-fg", children: n }),
-      u
-    ] }) : u;
+      /* @__PURE__ */ t("label", { htmlFor: h, className: "text-xs font-medium text-fg", children: n }),
+      v
+    ] }) : v;
   }
 );
 de.displayName = "Input";
-const me = p(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ a(
+const me = g(
+  ({ className: e, ...r }, a) => /* @__PURE__ */ t(
     "div",
     {
-      ref: t,
+      ref: a,
       className: i(
         "bg-bg border border-border-default rounded-lg shadow-sm",
         e
@@ -91,19 +122,19 @@ const me = p(
   )
 );
 me.displayName = "Card";
-const pe = p(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ a("div", { ref: t, className: i("flex flex-col gap-1 p-6", e), ...r })
+const pe = g(
+  ({ className: e, ...r }, a) => /* @__PURE__ */ t("div", { ref: a, className: i("flex flex-col gap-1 p-6", e), ...r })
 );
 pe.displayName = "CardHeader";
-const ge = p(({ className: e, ...r }, t) => /* @__PURE__ */ a("h3", { ref: t, className: i("text-lg font-semibold text-fg", e), ...r }));
+const ge = g(({ className: e, ...r }, a) => /* @__PURE__ */ t("h3", { ref: a, className: i("text-lg font-semibold text-fg", e), ...r }));
 ge.displayName = "CardTitle";
-const be = p(({ className: e, ...r }, t) => /* @__PURE__ */ a("p", { ref: t, className: i("text-sm text-fg-muted", e), ...r }));
+const be = g(({ className: e, ...r }, a) => /* @__PURE__ */ t("p", { ref: a, className: i("text-sm text-fg-muted", e), ...r }));
 be.displayName = "CardDescription";
-const he = p(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ a("div", { ref: t, className: i("p-6 pt-0", e), ...r })
+const he = g(
+  ({ className: e, ...r }, a) => /* @__PURE__ */ t("div", { ref: a, className: i("p-6 pt-0", e), ...r })
 );
 he.displayName = "CardContent";
-const ve = N(
+const ve = V(
   "relative inline-flex shrink-0 cursor-pointer items-center rounded-full transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 ring-offset-bg disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
@@ -112,7 +143,7 @@ const ve = N(
     },
     defaultVariants: { size: "md", checked: !1 }
   }
-), xe = N(
+), xe = V(
   "pointer-events-none absolute left-0.5 inline-block rounded-full bg-fg-on-brand shadow-sm transition-transform",
   {
     variants: {
@@ -125,37 +156,37 @@ const ve = N(
     ],
     defaultVariants: { size: "md", checked: !1 }
   }
-), we = p(
-  ({ className: e, size: r, checked: t, defaultChecked: n, onCheckedChange: o, disabled: s, ...l }, c) => {
-    const u = t !== void 0, [d, m] = b(n ?? !1), g = u ? t : d;
-    return /* @__PURE__ */ a(
+), we = g(
+  ({ className: e, size: r, checked: a, defaultChecked: n, onCheckedChange: o, disabled: s, ...l }, c) => {
+    const u = a !== void 0, [m, d] = b(n ?? !1), p = u ? a : m;
+    return /* @__PURE__ */ t(
       "button",
       {
         ref: c,
         type: "button",
         role: "switch",
-        "aria-checked": g,
+        "aria-checked": p,
         disabled: s,
         onClick: () => {
-          const x = !g;
-          u || m(x), o == null || o(x);
+          const v = !p;
+          u || d(v), o == null || o(v);
         },
-        className: i(ve({ size: r, checked: g }), e),
+        className: i(ve({ size: r, checked: p }), e),
         ...l,
-        children: /* @__PURE__ */ a("span", { className: xe({ size: r, checked: g }) })
+        children: /* @__PURE__ */ t("span", { className: xe({ size: r, checked: p }) })
       }
     );
   }
 );
 we.displayName = "Switch";
-const ye = p(
-  ({ className: e, label: r, indeterminate: t = !1, disabled: n, id: o, ...s }, l) => {
+const ye = g(
+  ({ className: e, label: r, indeterminate: a = !1, disabled: n, id: o, ...s }, l) => {
     const c = T(null);
-    y(() => {
-      c.current && (c.current.indeterminate = t);
-    }, [t]);
-    const u = (d) => {
-      c.current = d, typeof l == "function" ? l(d) : l && (l.current = d);
+    C(() => {
+      c.current && (c.current.indeterminate = a);
+    }, [a]);
+    const u = (m) => {
+      c.current = m, typeof l == "function" ? l(m) : l && (l.current = m);
     };
     return /* @__PURE__ */ f(
       "label",
@@ -166,7 +197,7 @@ const ye = p(
           e
         ),
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "input",
             {
               ref: u,
@@ -191,7 +222,7 @@ const ye = p(
                 "peer-indeterminate:[&>span]:opacity-100"
               ),
               children: [
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ t(
                   "svg",
                   {
                     viewBox: "0 0 16 16",
@@ -202,43 +233,43 @@ const ye = p(
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     "aria-hidden": !0,
-                    children: /* @__PURE__ */ a("path", { d: "M3.5 8.5l3 3 6-6.5" })
+                    children: /* @__PURE__ */ t("path", { d: "M3.5 8.5l3 3 6-6.5" })
                   }
                 ),
-                /* @__PURE__ */ a("span", { className: "absolute h-0.5 w-2.5 rounded-full bg-fg-on-brand opacity-0" })
+                /* @__PURE__ */ t("span", { className: "absolute h-0.5 w-2.5 rounded-full bg-fg-on-brand opacity-0" })
               ]
             }
           ),
-          r && /* @__PURE__ */ a("span", { className: "text-sm text-fg", children: r })
+          r && /* @__PURE__ */ t("span", { className: "text-sm text-fg", children: r })
         ]
       }
     );
   }
 );
 ye.displayName = "Checkbox";
-const q = C(null);
+const q = N(null);
 function or({
   value: e,
   defaultValue: r,
-  onValueChange: t,
+  onValueChange: a,
   name: n,
   className: o,
   children: s,
   ...l
 }) {
-  const c = H(), u = e !== void 0, [d, m] = b(r), g = u ? e : d, v = (x) => {
-    u || m(x), t == null || t(x);
+  const c = H(), u = e !== void 0, [m, d] = b(r), p = u ? e : m, h = (v) => {
+    u || d(v), a == null || a(v);
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ t(
     q.Provider,
     {
-      value: { name: n ?? c, value: g, onChange: v },
-      children: /* @__PURE__ */ a("div", { role: "radiogroup", className: i("flex flex-col gap-2", o), ...l, children: s })
+      value: { name: n ?? c, value: p, onChange: h },
+      children: /* @__PURE__ */ t("div", { role: "radiogroup", className: i("flex flex-col gap-2", o), ...l, children: s })
     }
   );
 }
-const Ce = p(
-  ({ className: e, value: r, label: t, disabled: n, ...o }, s) => {
+const Ce = g(
+  ({ className: e, value: r, label: a, disabled: n, ...o }, s) => {
     const l = w(q);
     if (!l) throw new Error("<Radio> precisa estar dentro de <RadioGroup>");
     const c = l.value === r;
@@ -251,7 +282,7 @@ const Ce = p(
           e
         ),
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "input",
             {
               ref: s,
@@ -265,7 +296,7 @@ const Ce = p(
               ...o
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "span",
             {
               className: i(
@@ -274,44 +305,44 @@ const Ce = p(
                 "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2 ring-offset-bg",
                 "peer-checked:[&>span]:scale-100"
               ),
-              children: /* @__PURE__ */ a("span", { className: "h-2.5 w-2.5 scale-0 rounded-full bg-primary transition-transform" })
+              children: /* @__PURE__ */ t("span", { className: "h-2.5 w-2.5 scale-0 rounded-full bg-primary transition-transform" })
             }
           ),
-          t && /* @__PURE__ */ a("span", { className: "text-sm text-fg", children: t })
+          a && /* @__PURE__ */ t("span", { className: "text-sm text-fg", children: a })
         ]
       }
     );
   }
 );
 Ce.displayName = "Radio";
-const Ne = N(
-  "w-full appearance-none bg-bg text-fg border transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 ring-offset-bg disabled:opacity-50 disabled:pointer-events-none rounded-md pr-9",
+const Ne = V(
+  "w-full appearance-none bg-bg-muted text-fg border border-transparent transition-colors outline-none focus-visible:border-border-strong disabled:opacity-50 disabled:pointer-events-none rounded-lg pr-9",
   {
     variants: {
       size: {
-        sm: "h-8 pl-3 text-sm",
-        md: "h-10 pl-3 text-md",
-        lg: "h-12 pl-4 text-lg"
+        sm: "h-8 pl-3 text-xs",
+        md: "h-10 pl-3 text-sm",
+        lg: "h-12 pl-4 text-md"
       },
       invalid: {
-        true: "border-danger focus-visible:ring-danger",
-        false: "border-border-strong"
+        true: "border-danger!",
+        false: ""
       }
     },
     defaultVariants: { size: "md", invalid: !1 }
   }
-), Ve = p(
-  ({ className: e, size: r, invalid: t, children: n, ...o }, s) => /* @__PURE__ */ f("div", { className: "relative inline-flex w-full items-center", children: [
-    /* @__PURE__ */ a(
+), Ve = g(
+  ({ className: e, size: r, invalid: a, children: n, ...o }, s) => /* @__PURE__ */ f("div", { className: "relative inline-flex w-full items-center", children: [
+    /* @__PURE__ */ t(
       "select",
       {
         ref: s,
-        className: i(Ne({ size: r, invalid: t }), e),
+        className: i(Ne({ size: r, invalid: a }), e),
         ...o,
         children: n
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ t(
       "svg",
       {
         viewBox: "0 0 16 16",
@@ -322,36 +353,36 @@ const Ne = N(
         strokeLinecap: "round",
         strokeLinejoin: "round",
         "aria-hidden": !0,
-        children: /* @__PURE__ */ a("path", { d: "M4 6l4 4 4-4" })
+        children: /* @__PURE__ */ t("path", { d: "M4 6l4 4 4-4" })
       }
     )
   ] })
 );
 Ve.displayName = "Select";
-const G = C(null);
-function L() {
+const G = N(null);
+function D() {
   const e = w(G);
   if (!e) throw new Error("Componentes de Dropdown precisam estar dentro de <Dropdown>");
   return e;
 }
 function lr({ children: e }) {
-  const [r, t] = b(!1), n = T(null);
-  return y(() => {
+  const [r, a] = b(!1), n = T(null);
+  return C(() => {
     if (!r) return;
     const o = (l) => {
-      n.current && !n.current.contains(l.target) && t(!1);
+      n.current && !n.current.contains(l.target) && a(!1);
     }, s = (l) => {
-      l.key === "Escape" && t(!1);
+      l.key === "Escape" && a(!1);
     };
     return document.addEventListener("mousedown", o), document.addEventListener("keydown", s), () => {
       document.removeEventListener("mousedown", o), document.removeEventListener("keydown", s);
     };
-  }, [r]), /* @__PURE__ */ a(G.Provider, { value: { open: r, setOpen: t }, children: /* @__PURE__ */ a("div", { ref: n, className: "relative inline-block text-left", children: e }) });
+  }, [r]), /* @__PURE__ */ t(G.Provider, { value: { open: r, setOpen: a }, children: /* @__PURE__ */ t("div", { ref: n, className: "relative inline-block text-left", children: e }) });
 }
 function sr({ children: e }) {
-  const { open: r, setOpen: t } = L();
+  const { open: r, setOpen: a } = D();
   return K(e, {
-    onClick: () => t(!r),
+    onClick: () => a(!r),
     "aria-haspopup": "menu",
     "aria-expanded": r
   });
@@ -359,17 +390,17 @@ function sr({ children: e }) {
 function ir({
   children: e,
   align: r = "start",
-  className: t
+  className: a
 }) {
-  const { open: n } = L();
-  return n ? /* @__PURE__ */ a(
+  const { open: n } = D();
+  return n ? /* @__PURE__ */ t(
     "div",
     {
       role: "menu",
       className: i(
         "absolute z-50 mt-1 min-w-44 rounded-md border border-border-default bg-bg p-1 shadow-md",
         r === "end" ? "right-0" : "left-0",
-        t
+        a
       ),
       children: e
     }
@@ -378,12 +409,12 @@ function ir({
 function cr({
   children: e,
   onSelect: r,
-  destructive: t,
+  destructive: a,
   className: n,
   ...o
 }) {
-  const { setOpen: s } = L();
-  return /* @__PURE__ */ a(
+  const { setOpen: s } = D();
+  return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
@@ -394,7 +425,7 @@ function cr({
       className: i(
         "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors",
         "hover:bg-bg-muted focus-visible:bg-bg-muted disabled:opacity-50 disabled:pointer-events-none",
-        t ? "text-danger" : "text-fg",
+        a ? "text-danger" : "text-fg",
         n
       ),
       ...o,
@@ -403,9 +434,9 @@ function cr({
   );
 }
 function ur() {
-  return /* @__PURE__ */ a("div", { role: "separator", className: "my-1 h-px bg-border-default" });
+  return /* @__PURE__ */ t("div", { role: "separator", className: "my-1 h-px bg-border-default" });
 }
-const ke = N(
+const ke = V(
   "inline-flex items-center gap-1 font-medium whitespace-nowrap rounded-full",
   {
     variants: {
@@ -426,18 +457,18 @@ const ke = N(
     },
     defaultVariants: { variant: "neutral", size: "sm" }
   }
-), U = p(
-  ({ className: e, variant: r, size: t, ...n }, o) => /* @__PURE__ */ a(
+), O = g(
+  ({ className: e, variant: r, size: a, ...n }, o) => /* @__PURE__ */ t(
     "span",
     {
       ref: o,
-      className: i(ke({ variant: r, size: t }), e),
+      className: i(ke({ variant: r, size: a }), e),
       ...n
     }
   )
 );
-U.displayName = "Badge";
-const ze = N("relative inline-flex shrink-0 select-none", {
+O.displayName = "Badge";
+const ze = V("relative inline-flex shrink-0 select-none", {
   variants: {
     size: {
       xs: "h-6 w-6 text-xs",
@@ -462,24 +493,24 @@ const ze = N("relative inline-flex shrink-0 select-none", {
 };
 function Ee(e) {
   return e ? e.trim().split(/\s+/).slice(0, 2).map((r) => {
-    var t;
-    return ((t = r[0]) == null ? void 0 : t.toUpperCase()) ?? "";
+    var a;
+    return ((a = r[0]) == null ? void 0 : a.toUpperCase()) ?? "";
   }).join("") : "";
 }
-const De = p(
-  ({ className: e, size: r = "md", src: t, alt: n, name: o, status: s, ...l }, c) => {
-    const [u, d] = b(!1), m = t && !u;
+const Pe = g(
+  ({ className: e, size: r = "md", src: a, alt: n, name: o, status: s, ...l }, c) => {
+    const [u, m] = b(!1), d = a && !u;
     return /* @__PURE__ */ f("span", { ref: c, className: i(ze({ size: r }), e), ...l, children: [
-      /* @__PURE__ */ a("span", { className: "flex h-full w-full items-center justify-center overflow-hidden rounded-full bg-bg-muted font-medium text-fg", children: m ? /* @__PURE__ */ a(
+      /* @__PURE__ */ t("span", { className: "flex h-full w-full items-center justify-center overflow-hidden rounded-full bg-bg-muted font-medium text-fg", children: d ? /* @__PURE__ */ t(
         "img",
         {
-          src: t,
+          src: a,
           alt: n ?? o ?? "",
           className: "h-full w-full object-cover",
-          onError: () => d(!0)
+          onError: () => m(!0)
         }
-      ) : /* @__PURE__ */ a("span", { "aria-hidden": !0, children: Ee(o) }) }),
-      s && /* @__PURE__ */ a(
+      ) : /* @__PURE__ */ t("span", { "aria-hidden": !0, children: Ee(o) }) }),
+      s && /* @__PURE__ */ t(
         "span",
         {
           "aria-label": s,
@@ -493,8 +524,8 @@ const De = p(
     ] });
   }
 );
-De.displayName = "Avatar";
-const Pe = N("animate-spin text-primary", {
+Pe.displayName = "Avatar";
+const Le = V("animate-spin text-primary", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -503,20 +534,20 @@ const Pe = N("animate-spin text-primary", {
     }
   },
   defaultVariants: { size: "md" }
-}), Le = p(
-  ({ className: e, size: r, label: t = "Carregando", ...n }, o) => /* @__PURE__ */ f(
+}), De = g(
+  ({ className: e, size: r, label: a = "Carregando", ...n }, o) => /* @__PURE__ */ f(
     "svg",
     {
       ref: o,
       viewBox: "0 0 24 24",
       fill: "none",
       role: "status",
-      "aria-label": t,
-      className: i(Pe({ size: r }), e),
+      "aria-label": a,
+      className: i(Le({ size: r }), e),
       ...n,
       children: [
-        /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", className: "opacity-20" }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", className: "opacity-20" }),
+        /* @__PURE__ */ t(
           "path",
           {
             d: "M12 2a10 10 0 0 1 10 10",
@@ -529,24 +560,24 @@ const Pe = N("animate-spin text-primary", {
     }
   )
 );
-Le.displayName = "Spinner";
-const Ie = p(
-  ({ className: e, value: r = 0, max: t = 100, indeterminate: n, ...o }, s) => {
-    const l = Math.min(100, Math.max(0, r / t * 100));
-    return /* @__PURE__ */ a(
+De.displayName = "Spinner";
+const Ae = g(
+  ({ className: e, value: r = 0, max: a = 100, indeterminate: n, ...o }, s) => {
+    const l = Math.min(100, Math.max(0, r / a * 100));
+    return /* @__PURE__ */ t(
       "div",
       {
         ref: s,
         role: "progressbar",
         "aria-valuemin": 0,
-        "aria-valuemax": t,
+        "aria-valuemax": a,
         "aria-valuenow": n ? void 0 : r,
         className: i(
           "relative h-2 w-full overflow-hidden rounded-full bg-bg-muted",
           e
         ),
         ...o,
-        children: n ? /* @__PURE__ */ a("div", { className: "absolute inset-y-0 w-1/3 rounded-full bg-primary animate-[flui-indeterminate_1.2s_ease-in-out_infinite]" }) : /* @__PURE__ */ a(
+        children: n ? /* @__PURE__ */ t("div", { className: "absolute inset-y-0 w-1/3 rounded-full bg-primary animate-[flui-indeterminate_1.2s_ease-in-out_infinite]" }) : /* @__PURE__ */ t(
           "div",
           {
             className: "h-full rounded-full bg-primary transition-[width] duration-300",
@@ -557,9 +588,9 @@ const Ie = p(
     );
   }
 );
-Ie.displayName = "Progress";
-const _e = p(
-  ({ className: e, orientation: r = "horizontal", label: t, ...n }, o) => r === "vertical" ? /* @__PURE__ */ a(
+Ae.displayName = "Progress";
+const Be = g(
+  ({ className: e, orientation: r = "horizontal", label: a, ...n }, o) => r === "vertical" ? /* @__PURE__ */ t(
     "div",
     {
       ref: o,
@@ -568,7 +599,7 @@ const _e = p(
       className: i("mx-2 h-full w-px self-stretch bg-border-default", e),
       ...n
     }
-  ) : t ? /* @__PURE__ */ f(
+  ) : a ? /* @__PURE__ */ f(
     "div",
     {
       ref: o,
@@ -576,12 +607,12 @@ const _e = p(
       className: i("flex items-center gap-3 text-sm text-fg-muted", e),
       ...n,
       children: [
-        /* @__PURE__ */ a("span", { className: "h-px flex-1 bg-border-default" }),
-        t,
-        /* @__PURE__ */ a("span", { className: "h-px flex-1 bg-border-default" })
+        /* @__PURE__ */ t("span", { className: "h-px flex-1 bg-border-default" }),
+        a,
+        /* @__PURE__ */ t("span", { className: "h-px flex-1 bg-border-default" })
       ]
     }
-  ) : /* @__PURE__ */ a(
+  ) : /* @__PURE__ */ t(
     "div",
     {
       ref: o,
@@ -592,32 +623,32 @@ const _e = p(
     }
   )
 );
-_e.displayName = "Divider";
-const Ae = p(
-  ({ className: e, children: r, ...t }, n) => {
+Be.displayName = "Divider";
+const Ie = g(
+  ({ className: e, children: r, ...a }, n) => {
     const o = ae.toArray(r);
-    return /* @__PURE__ */ a("nav", { ref: n, "aria-label": "breadcrumb", className: e, ...t, children: /* @__PURE__ */ a("ol", { className: "flex flex-wrap items-center gap-1.5 text-sm", children: o.map((s, l) => /* @__PURE__ */ f(ne, { children: [
+    return /* @__PURE__ */ t("nav", { ref: n, "aria-label": "breadcrumb", className: e, ...a, children: /* @__PURE__ */ t("ol", { className: "flex flex-wrap items-center gap-1.5 text-sm", children: o.map((s, l) => /* @__PURE__ */ f(ne, { children: [
       s,
-      l < o.length - 1 && /* @__PURE__ */ a(Be, {})
+      l < o.length - 1 && /* @__PURE__ */ t(je, {})
     ] }, l)) }) });
   }
 );
-Ae.displayName = "Breadcrumb";
+Ie.displayName = "Breadcrumb";
 function fr({
   href: e,
   current: r,
-  className: t,
+  className: a,
   children: n,
   ...o
 }) {
-  return /* @__PURE__ */ a("li", { className: i("inline-flex items-center", t), ...o, children: r || !e ? /* @__PURE__ */ a(
+  return /* @__PURE__ */ t("li", { className: i("inline-flex items-center", a), ...o, children: r || !e ? /* @__PURE__ */ t(
     "span",
     {
       "aria-current": r ? "page" : void 0,
       className: i(r ? "font-medium text-fg" : "text-fg-muted"),
       children: n
     }
-  ) : /* @__PURE__ */ a(
+  ) : /* @__PURE__ */ t(
     "a",
     {
       href: e,
@@ -626,27 +657,27 @@ function fr({
     }
   ) });
 }
-function Be() {
-  return /* @__PURE__ */ a("li", { "aria-hidden": !0, className: "text-fg-muted", children: "/" });
+function je() {
+  return /* @__PURE__ */ t("li", { "aria-hidden": !0, className: "text-fg-muted", children: "/" });
 }
-function je(e, r = 1e3) {
-  const [t, n] = b(0);
-  return y(() => {
+function _e(e, r = 1e3) {
+  const [a, n] = b(0);
+  return C(() => {
     n(0);
     const o = performance.now(), s = (l) => {
       const c = Math.min((l - o) / r, 1), u = 1 - (1 - c) ** 4;
       n(e * u), c < 1 ? requestAnimationFrame(s) : n(e);
     };
     requestAnimationFrame(s);
-  }, [e, r]), t;
+  }, [e, r]), a;
 }
-const Se = p(
-  ({ className: e, label: r, value: t, countUp: n, formatCount: o, delta: s, helpText: l, icon: c, ...u }, d) => {
-    const m = je(n ?? 0), g = typeof s == "number", v = g && s >= 0, x = n !== void 0 ? o ? o(m) : Math.round(m).toLocaleString("pt-BR") : t;
+const Se = g(
+  ({ className: e, label: r, value: a, countUp: n, formatCount: o, delta: s, helpText: l, icon: c, ...u }, m) => {
+    const d = _e(n ?? 0), p = typeof s == "number", h = p && s >= 0, v = n !== void 0 ? o ? o(d) : Math.round(d).toLocaleString("pt-BR") : a;
     return /* @__PURE__ */ f(
       "div",
       {
-        ref: d,
+        ref: m,
         className: i(
           "flex flex-col gap-2 rounded-xl bg-bg-muted dark:bg-bg-subtle p-8 shadow-sm",
           e
@@ -654,24 +685,24 @@ const Se = p(
         ...u,
         children: [
           /* @__PURE__ */ f("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ a("span", { className: "text-sm text-fg-muted", children: r }),
-            c && /* @__PURE__ */ a("span", { className: "text-fg-muted", children: c })
+            /* @__PURE__ */ t("span", { className: "text-sm text-fg-muted", children: r }),
+            c && /* @__PURE__ */ t("span", { className: "text-fg-muted", children: c })
           ] }),
-          /* @__PURE__ */ a("span", { className: "text-3xl font-bold text-fg whitespace-nowrap tabular-nums", children: x }),
-          g && /* @__PURE__ */ f(U, { variant: v ? "success" : "danger", size: "sm", className: "self-start", children: [
-            v ? "▲" : "▼",
+          /* @__PURE__ */ t("span", { className: "text-3xl font-bold text-fg whitespace-nowrap tabular-nums", children: v }),
+          p && /* @__PURE__ */ f(O, { variant: h ? "success" : "danger", size: "sm", className: "self-start", children: [
+            h ? "▲" : "▼",
             " ",
             Math.abs(s),
             "%"
           ] }),
-          l && /* @__PURE__ */ a("span", { className: "text-xs text-fg-muted", children: l })
+          l && /* @__PURE__ */ t("span", { className: "text-xs text-fg-muted", children: l })
         ]
       }
     );
   }
 );
 Se.displayName = "StatCard";
-const Re = N("flex gap-3 rounded-lg p-4 text-sm", {
+const Re = V("flex gap-3 rounded-lg p-4 text-sm", {
   variants: {
     variant: {
       info: "bg-primary/10 text-fg",
@@ -691,8 +722,8 @@ const Re = N("flex gap-3 rounded-lg p-4 text-sm", {
   success: "✓",
   warning: "!",
   danger: "✕"
-}, He = p(
-  ({ className: e, variant: r = "info", title: t, onClose: n, children: o, ...s }, l) => {
+}, He = g(
+  ({ className: e, variant: r = "info", title: a, onClose: n, children: o, ...s }, l) => {
     const c = r ?? "info";
     return /* @__PURE__ */ f(
       "div",
@@ -702,7 +733,7 @@ const Re = N("flex gap-3 rounded-lg p-4 text-sm", {
         className: i(Re({ variant: r }), e),
         ...s,
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "span",
             {
               "aria-hidden": !0,
@@ -714,10 +745,10 @@ const Re = N("flex gap-3 rounded-lg p-4 text-sm", {
             }
           ),
           /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
-            t && /* @__PURE__ */ a("div", { className: "font-semibold text-fg", children: t }),
-            o && /* @__PURE__ */ a("div", { className: "text-fg-muted", children: o })
+            a && /* @__PURE__ */ t("div", { className: "font-semibold text-fg", children: a }),
+            o && /* @__PURE__ */ t("div", { className: "text-fg-muted", children: o })
           ] }),
-          n && /* @__PURE__ */ a(
+          n && /* @__PURE__ */ t(
             "button",
             {
               type: "button",
@@ -736,26 +767,26 @@ He.displayName = "Alert";
 function Ke({
   value: e,
   defaultValue: r,
-  onChange: t
+  onChange: a
 }) {
   const n = e !== void 0, [o, s] = b(r), l = n ? e : o, c = M(
     (u) => {
-      n || s(u), t == null || t(u);
+      n || s(u), a == null || a(u);
     },
-    [n, t]
+    [n, a]
   );
   return [l, c];
 }
-const O = C(null);
-function I() {
-  const e = w(O);
+const U = N(null);
+function A() {
+  const e = w(U);
   if (!e) throw new Error("Componentes de Tabs precisam estar dentro de <Tabs>");
   return e;
 }
 function dr({
   value: e,
   defaultValue: r,
-  onValueChange: t,
+  onValueChange: a,
   className: n,
   children: o,
   ...s
@@ -763,13 +794,13 @@ function dr({
   const [l, c] = Ke({
     value: e,
     defaultValue: r ?? "",
-    onChange: t
+    onChange: a
   });
-  return /* @__PURE__ */ a(O.Provider, { value: { value: l, setValue: c }, children: /* @__PURE__ */ a("div", { className: n, ...s, children: o }) });
+  return /* @__PURE__ */ t(U.Provider, { value: { value: l, setValue: c }, children: /* @__PURE__ */ t("div", { className: n, ...s, children: o }) });
 }
-function mr({ className: e, children: r, ...t }) {
-  const { value: n } = I(), o = T(null), [s, l] = b({ left: 0, width: 0, ready: !1 });
-  return y(() => {
+function mr({ className: e, children: r, ...a }) {
+  const { value: n } = A(), o = T(null), [s, l] = b({ left: 0, width: 0, ready: !1 });
+  return C(() => {
     const c = o.current;
     if (!c) return;
     const u = c.querySelector('[aria-selected="true"]');
@@ -780,10 +811,10 @@ function mr({ className: e, children: r, ...t }) {
       ref: o,
       role: "tablist",
       className: i("relative flex items-center gap-1 border-b border-border-default", e),
-      ...t,
+      ...a,
       children: [
         r,
-        s.ready && /* @__PURE__ */ a(
+        s.ready && /* @__PURE__ */ t(
           "span",
           {
             "aria-hidden": !0,
@@ -795,9 +826,9 @@ function mr({ className: e, children: r, ...t }) {
     }
   );
 }
-function pr({ value: e, className: r, ...t }) {
-  const n = I(), o = n.value === e;
-  return /* @__PURE__ */ a(
+function pr({ value: e, className: r, ...a }) {
+  const n = A(), o = n.value === e;
+  return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
@@ -810,21 +841,21 @@ function pr({ value: e, className: r, ...t }) {
         o ? "text-fg" : "text-fg-muted hover:text-fg",
         r
       ),
-      ...t
+      ...a
     }
   );
 }
-function gr({ value: e, className: r, ...t }) {
-  return I().value !== e ? null : /* @__PURE__ */ a(
+function gr({ value: e, className: r, ...a }) {
+  return A().value !== e ? null : /* @__PURE__ */ t(
     "div",
     {
       role: "tabpanel",
       className: i("pt-4 animate-[flui-slide-up_200ms_ease-out]", r),
-      ...t
+      ...a
     }
   );
 }
-const Y = C(null), _ = C("");
+const Y = N(null), B = N("");
 function $() {
   const e = w(Y);
   if (!e) throw new Error("Componentes de Accordion precisam estar dentro de <Accordion>");
@@ -833,32 +864,32 @@ function $() {
 function br({
   type: e = "single",
   defaultValue: r,
-  className: t,
+  className: a,
   children: n,
   ...o
 }) {
-  const s = r ? Array.isArray(r) ? r : [r] : [], [l, c] = b(s), u = (d) => c((m) => {
-    const g = m.includes(d);
-    return e === "single" ? g ? [] : [d] : g ? m.filter((v) => v !== d) : [...m, d];
+  const s = r ? Array.isArray(r) ? r : [r] : [], [l, c] = b(s), u = (m) => c((d) => {
+    const p = d.includes(m);
+    return e === "single" ? p ? [] : [m] : p ? d.filter((h) => h !== m) : [...d, m];
   });
-  return /* @__PURE__ */ a(Y.Provider, { value: { open: l, toggle: u }, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ t(Y.Provider, { value: { open: l, toggle: u }, children: /* @__PURE__ */ t(
     "div",
     {
-      className: i("border-y border-border-default divide-y divide-border-default", t),
+      className: i("border-y border-border-default divide-y divide-border-default", a),
       ...o,
       children: n
     }
   ) });
 }
-function hr({ value: e, children: r, ...t }) {
-  return /* @__PURE__ */ a(_.Provider, { value: e, children: /* @__PURE__ */ a("div", { ...t, children: r }) });
+function hr({ value: e, children: r, ...a }) {
+  return /* @__PURE__ */ t(B.Provider, { value: e, children: /* @__PURE__ */ t("div", { ...a, children: r }) });
 }
 function vr({
   className: e,
   children: r,
-  ...t
+  ...a
 }) {
-  const n = $(), o = w(_), s = n.open.includes(o);
+  const n = $(), o = w(B), s = n.open.includes(o);
   return /* @__PURE__ */ f(
     "button",
     {
@@ -870,10 +901,10 @@ function vr({
         "focus-visible:ring-2 focus-visible:ring-primary ring-offset-bg",
         e
       ),
-      ...t,
+      ...a,
       children: [
         r,
-        /* @__PURE__ */ a("span", { className: i("text-fg-muted transition-transform", s && "rotate-180"), children: "▾" })
+        /* @__PURE__ */ t("span", { className: i("text-fg-muted transition-transform", s && "rotate-180"), children: "▾" })
       ]
     }
   );
@@ -882,8 +913,8 @@ function xr({
   className: e,
   ...r
 }) {
-  const t = $(), n = w(_);
-  return t.open.includes(n) ? /* @__PURE__ */ a("div", { className: i("pb-4 text-sm text-fg-muted", e), ...r }) : null;
+  const a = $(), n = w(B);
+  return a.open.includes(n) ? /* @__PURE__ */ t("div", { className: i("pb-4 text-sm text-fg-muted", e), ...r }) : null;
 }
 const qe = {
   top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
@@ -891,7 +922,7 @@ const qe = {
   left: "right-full top-1/2 -translate-y-1/2 mr-2",
   right: "left-full top-1/2 -translate-y-1/2 ml-2"
 };
-function wr({ content: e, side: r = "top", children: t, className: n }) {
+function wr({ content: e, side: r = "top", children: a, className: n }) {
   const [o, s] = b(!1), l = H();
   return /* @__PURE__ */ f(
     "span",
@@ -902,8 +933,8 @@ function wr({ content: e, side: r = "top", children: t, className: n }) {
       onFocus: () => s(!0),
       onBlur: () => s(!1),
       children: [
-        /* @__PURE__ */ a("span", { "aria-describedby": o ? l : void 0, children: t }),
-        o && /* @__PURE__ */ a(
+        /* @__PURE__ */ t("span", { "aria-describedby": o ? l : void 0, children: a }),
+        o && /* @__PURE__ */ t(
           "span",
           {
             role: "tooltip",
@@ -921,28 +952,28 @@ function wr({ content: e, side: r = "top", children: t, className: n }) {
     }
   );
 }
-const J = C(null);
+const J = N(null);
 function Q() {
   const e = w(J);
   if (!e) throw new Error("Componentes de Popover precisam estar dentro de <Popover>");
   return e;
 }
 function yr({ children: e }) {
-  const [r, t] = b(!1), n = T(null);
-  return y(() => {
+  const [r, a] = b(!1), n = T(null);
+  return C(() => {
     if (!r) return;
     const o = (l) => {
-      n.current && !n.current.contains(l.target) && t(!1);
-    }, s = (l) => l.key === "Escape" && t(!1);
+      n.current && !n.current.contains(l.target) && a(!1);
+    }, s = (l) => l.key === "Escape" && a(!1);
     return document.addEventListener("mousedown", o), document.addEventListener("keydown", s), () => {
       document.removeEventListener("mousedown", o), document.removeEventListener("keydown", s);
     };
-  }, [r]), /* @__PURE__ */ a(J.Provider, { value: { open: r, setOpen: t }, children: /* @__PURE__ */ a("div", { ref: n, className: "relative inline-block", children: e }) });
+  }, [r]), /* @__PURE__ */ t(J.Provider, { value: { open: r, setOpen: a }, children: /* @__PURE__ */ t("div", { ref: n, className: "relative inline-block", children: e }) });
 }
 function Cr({ children: e }) {
-  const { open: r, setOpen: t } = Q();
+  const { open: r, setOpen: a } = Q();
   return K(e, {
-    onClick: () => t(!r),
+    onClick: () => a(!r),
     "aria-haspopup": "dialog",
     "aria-expanded": r
   });
@@ -950,10 +981,10 @@ function Cr({ children: e }) {
 function Nr({
   children: e,
   align: r = "start",
-  className: t
+  className: a
 }) {
   const { open: n } = Q();
-  return n ? /* @__PURE__ */ a(
+  return n ? /* @__PURE__ */ t(
     "div",
     {
       role: "dialog",
@@ -961,43 +992,43 @@ function Nr({
         "absolute z-50 mt-2 min-w-56 rounded-lg border border-border-default bg-bg p-4 shadow-lg",
         "animate-[flui-slide-up_140ms_ease-out]",
         r === "end" ? "right-0" : "left-0",
-        t
+        a
       ),
       children: e
     }
   ) : null;
 }
-function A({ children: e }) {
-  const [r, t] = b(!1);
-  return y(() => t(!0), []), r ? ie(e, document.body) : null;
+function I({ children: e }) {
+  const [r, a] = b(!1);
+  return C(() => a(!0), []), r ? ie(e, document.body) : null;
 }
 function X(e, r) {
-  y(() => {
+  C(() => {
     if (!e) return;
-    const t = (o) => o.key === "Escape" && r(), n = document.body.style.overflow;
-    return document.body.style.overflow = "hidden", document.addEventListener("keydown", t), () => {
-      document.body.style.overflow = n, document.removeEventListener("keydown", t);
+    const a = (o) => o.key === "Escape" && r(), n = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", document.addEventListener("keydown", a), () => {
+      document.body.style.overflow = n, document.removeEventListener("keydown", a);
     };
   }, [e, r]);
 }
-const Z = C(null);
-function Ge({ open: e, onOpenChange: r, children: t }) {
+const Z = N(null);
+function Ge({ open: e, onOpenChange: r, children: a }) {
   const n = () => r == null ? void 0 : r(!1);
-  return X(e, n), e ? /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(Z.Provider, { value: { close: n }, children: /* @__PURE__ */ f("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ a(
+  return X(e, n), e ? /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(Z.Provider, { value: { close: n }, children: /* @__PURE__ */ f("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ t(
       "div",
       {
         className: "absolute inset-0 bg-black/60 backdrop-blur-sm animate-[flui-fade-in_120ms_ease-out]",
         onClick: n
       }
     ),
-    t
+    a
   ] }) }) }) : null;
 }
-function Ue({
+function Oe({
   className: e,
   children: r,
-  ...t
+  ...a
 }) {
   const n = w(Z);
   return /* @__PURE__ */ f(
@@ -1010,10 +1041,10 @@ function Ue({
         "animate-[flui-slide-up_160ms_ease-out]",
         e
       ),
-      ...t,
+      ...a,
       children: [
         r,
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ t(
           "button",
           {
             type: "button",
@@ -1028,33 +1059,33 @@ function Ue({
   );
 }
 function Vr({ className: e, ...r }) {
-  return /* @__PURE__ */ a("div", { className: i("flex flex-col gap-1 p-6 pb-2", e), ...r });
+  return /* @__PURE__ */ t("div", { className: i("flex flex-col gap-1 p-6 pb-2", e), ...r });
 }
 function kr({ className: e, ...r }) {
-  return /* @__PURE__ */ a("h2", { className: i("text-lg font-semibold text-fg", e), ...r });
+  return /* @__PURE__ */ t("h2", { className: i("text-lg font-semibold text-fg", e), ...r });
 }
 function zr({
   className: e,
   ...r
 }) {
-  return /* @__PURE__ */ a("p", { className: i("text-sm text-fg-muted", e), ...r });
+  return /* @__PURE__ */ t("p", { className: i("text-sm text-fg-muted", e), ...r });
 }
 function Mr({ className: e, ...r }) {
-  return /* @__PURE__ */ a("div", { className: i("px-6 py-2", e), ...r });
+  return /* @__PURE__ */ t("div", { className: i("px-6 py-2", e), ...r });
 }
 function Tr({ className: e, ...r }) {
-  return /* @__PURE__ */ a("div", { className: i("flex justify-end gap-2 p-6 pt-4", e), ...r });
+  return /* @__PURE__ */ t("div", { className: i("flex justify-end gap-2 p-6 pt-4", e), ...r });
 }
-const ee = C(null), Oe = {
+const ee = N(null), Ue = {
   left: "left-0 top-0 h-full w-[420px] max-w-[96vw] border-r",
   right: "right-0 top-0 h-full w-[420px] max-w-[96vw] border-l",
   top: "top-0 left-0 w-full max-h-[90vh] border-b",
   bottom: "bottom-0 left-0 w-full max-h-[90vh] border-t"
 };
-function Er({ open: e, onOpenChange: r, side: t = "right", children: n }) {
+function Er({ open: e, onOpenChange: r, side: a = "right", children: n }) {
   const o = () => r == null ? void 0 : r(!1);
-  return X(e, o), e ? /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(ee.Provider, { value: { close: o, side: t }, children: /* @__PURE__ */ f("div", { className: "fixed inset-0 z-50", children: [
-    /* @__PURE__ */ a(
+  return X(e, o), e ? /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(ee.Provider, { value: { close: o, side: a }, children: /* @__PURE__ */ f("div", { className: "fixed inset-0 z-50", children: [
+    /* @__PURE__ */ t(
       "div",
       {
         className: "absolute inset-0 bg-black/60 backdrop-blur-sm animate-[flui-fade-in_120ms_ease-out]",
@@ -1064,10 +1095,10 @@ function Er({ open: e, onOpenChange: r, side: t = "right", children: n }) {
     n
   ] }) }) }) : null;
 }
-function Dr({
+function Pr({
   className: e,
   children: r,
-  ...t
+  ...a
 }) {
   const n = w(ee), o = (n == null ? void 0 : n.side) ?? "right";
   return /* @__PURE__ */ f(
@@ -1078,13 +1109,13 @@ function Dr({
       className: i(
         "absolute z-10 flex flex-col border-border-default bg-bg shadow-lg",
         "animate-[flui-fade-in_160ms_ease-out]",
-        Oe[o],
+        Ue[o],
         e
       ),
-      ...t,
+      ...a,
       children: [
         r,
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ t(
           "button",
           {
             type: "button",
@@ -1098,8 +1129,8 @@ function Dr({
     }
   );
 }
-function Pr({ className: e, ...r }) {
-  return /* @__PURE__ */ a(
+function Lr({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
     "div",
     {
       className: i("flex flex-col gap-1 border-b border-border-default p-6", e),
@@ -1107,14 +1138,14 @@ function Pr({ className: e, ...r }) {
     }
   );
 }
-function Lr({ className: e, ...r }) {
-  return /* @__PURE__ */ a("h2", { className: i("text-lg font-semibold text-fg", e), ...r });
+function Dr({ className: e, ...r }) {
+  return /* @__PURE__ */ t("h2", { className: i("text-lg font-semibold text-fg", e), ...r });
 }
-function Ir({ className: e, ...r }) {
-  return /* @__PURE__ */ a("div", { className: i("flex-1 overflow-y-auto p-6", e), ...r });
+function Ar({ className: e, ...r }) {
+  return /* @__PURE__ */ t("div", { className: i("flex-1 overflow-y-auto p-6", e), ...r });
 }
-function _r({ className: e, ...r }) {
-  return /* @__PURE__ */ a(
+function Br({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
     "div",
     {
       className: i("flex justify-end gap-2 border-t border-border-default p-6", e),
@@ -1122,29 +1153,29 @@ function _r({ className: e, ...r }) {
     }
   );
 }
-const re = C(null), D = {
+const re = N(null), P = {
   info: { wrapper: "bg-brand-100 border-l-primary", title: "text-fg", description: "text-fg-muted" },
   success: { wrapper: "bg-success-subtle border-l-success", title: "text-success-fg", description: "text-success-fg/70" },
   warning: { wrapper: "bg-warning/15 border-l-warning", title: "text-fg", description: "text-fg-muted" },
   danger: { wrapper: "bg-danger/10 border-l-danger", title: "text-danger", description: "text-danger/70" }
 };
-function Ar({ children: e }) {
-  const [r, t] = b([]), n = T(0), o = M((l) => {
-    t((c) => c.filter((u) => u.id !== l));
+function Ir({ children: e }) {
+  const [r, a] = b([]), n = T(0), o = M((l) => {
+    a((c) => c.filter((u) => u.id !== l));
   }, []), s = M((l) => {
     const c = ++n.current;
-    return t((u) => [...u, { id: c, variant: "info", duration: 4e3, ...l }]), c;
+    return a((u) => [...u, { id: c, variant: "info", duration: 4e3, ...l }]), c;
   }, []);
   return /* @__PURE__ */ f(re.Provider, { value: { toast: s, dismiss: o }, children: [
     e,
-    /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a("div", { className: "pointer-events-none fixed bottom-4 right-4 z-[60] flex w-80 max-w-[90vw] flex-col gap-2", children: r.map((l) => /* @__PURE__ */ a(Ye, { item: l, onDismiss: () => o(l.id) }, l.id)) }) })
+    /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t("div", { className: "pointer-events-none fixed bottom-4 right-4 z-[60] flex w-80 max-w-[90vw] flex-col gap-2", children: r.map((l) => /* @__PURE__ */ t(Ye, { item: l, onDismiss: () => o(l.id) }, l.id)) }) })
   ] });
 }
 function Ye({ item: e, onDismiss: r }) {
-  return y(() => {
+  return C(() => {
     if (!e.duration) return;
-    const t = setTimeout(r, e.duration);
-    return () => clearTimeout(t);
+    const a = setTimeout(r, e.duration);
+    return () => clearTimeout(a);
   }, [e.duration, r]), /* @__PURE__ */ f(
     "div",
     {
@@ -1152,20 +1183,20 @@ function Ye({ item: e, onDismiss: r }) {
       className: i(
         "pointer-events-auto flex items-start gap-3 rounded-lg border-l-4 p-4 shadow-md",
         "animate-[flui-slide-up_160ms_ease-out]",
-        D[e.variant ?? "info"].wrapper
+        P[e.variant ?? "info"].wrapper
       ),
       children: [
         /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ a("div", { className: i("text-sm font-semibold", D[e.variant ?? "info"].title), children: e.title }),
-          e.description && /* @__PURE__ */ a("div", { className: i("mt-0.5 text-sm", D[e.variant ?? "info"].description), children: e.description })
+          /* @__PURE__ */ t("div", { className: i("text-sm font-semibold", P[e.variant ?? "info"].title), children: e.title }),
+          e.description && /* @__PURE__ */ t("div", { className: i("mt-0.5 text-sm", P[e.variant ?? "info"].description), children: e.description })
         ] }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             onClick: r,
             "aria-label": "Fechar",
-            className: i("shrink-0 rounded-sm px-1 transition-colors opacity-60 hover:opacity-100", D[e.variant ?? "info"].title),
+            className: i("shrink-0 rounded-sm px-1 transition-colors opacity-60 hover:opacity-100", P[e.variant ?? "info"].title),
             children: "✕"
           }
         )
@@ -1173,12 +1204,12 @@ function Ye({ item: e, onDismiss: r }) {
     }
   );
 }
-function Br() {
+function jr() {
   const e = w(re);
   if (!e) throw new Error("useToast precisa estar dentro de <ToastProvider>");
   return e;
 }
-const $e = N(
+const $e = V(
   "flex w-full bg-bg-muted text-fg placeholder:text-fg-muted border border-transparent transition-colors outline-none resize-y rounded-lg min-h-28 px-3 py-3 text-sm focus-visible:border-border-strong disabled:opacity-50 disabled:pointer-events-none",
   {
     variants: {
@@ -1189,13 +1220,13 @@ const $e = N(
     },
     defaultVariants: { invalid: !1 }
   }
-), Je = p(
-  ({ className: e, invalid: r, ...t }, n) => /* @__PURE__ */ a(
+), Je = g(
+  ({ className: e, invalid: r, ...a }, n) => /* @__PURE__ */ t(
     "textarea",
     {
       ref: n,
       className: i($e({ invalid: r }), e),
-      ...t
+      ...a
     }
   )
 );
@@ -1203,26 +1234,26 @@ Je.displayName = "Textarea";
 function Qe({
   user: e,
   nav: r,
-  active: t,
+  active: a,
   onSelect: n,
   footerAction: o
 }) {
   const s = (l) => "flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left text-sm transition-colors " + (l ? "bg-bg-muted font-medium text-fg" : "text-fg hover:bg-bg-muted");
   return /* @__PURE__ */ f("aside", { className: "flex w-52 shrink-0 flex-col gap-5 overflow-y-auto border-r border-border-default py-5 pl-4 pr-2", children: [
     /* @__PURE__ */ f("div", { className: "flex items-center gap-2.5 px-1", children: [
-      e.avatar ? /* @__PURE__ */ a(
+      e.avatar ? /* @__PURE__ */ t(
         "img",
         {
           src: e.avatar,
           alt: e.name,
           className: "h-8 w-8 shrink-0 rounded-full object-cover"
         }
-      ) : /* @__PURE__ */ a("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary-subtle text-xs font-semibold text-primary", children: e.initials ?? e.name.slice(0, 2).toUpperCase() }),
+      ) : /* @__PURE__ */ t("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary-subtle text-xs font-semibold text-primary", children: e.initials ?? e.name.slice(0, 2).toUpperCase() }),
       /* @__PURE__ */ f("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ a("p", { className: "truncate text-sm font-medium text-fg", children: e.name }),
-        e.subtitle && /* @__PURE__ */ a("p", { className: "truncate text-xs text-fg-muted", children: e.subtitle })
+        /* @__PURE__ */ t("p", { className: "truncate text-sm font-medium text-fg", children: e.name }),
+        e.subtitle && /* @__PURE__ */ t("p", { className: "truncate text-xs text-fg-muted", children: e.subtitle })
       ] }),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ t(
         "svg",
         {
           viewBox: "0 0 16 16",
@@ -1233,72 +1264,72 @@ function Qe({
           strokeLinecap: "round",
           strokeLinejoin: "round",
           "aria-hidden": !0,
-          children: /* @__PURE__ */ a("path", { d: "M5 7l3-3 3 3M5 9l3 3 3-3" })
+          children: /* @__PURE__ */ t("path", { d: "M5 7l3-3 3 3M5 9l3 3 3-3" })
         }
       )
     ] }),
     r.map(({ group: l, items: c }) => /* @__PURE__ */ f("div", { children: [
-      /* @__PURE__ */ a("p", { className: "mb-1 px-1 text-xs font-semibold text-fg-muted", children: l }),
-      /* @__PURE__ */ a("ul", { className: "flex flex-col gap-0.5", children: c.map((u) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ f(
+      /* @__PURE__ */ t("p", { className: "mb-1 px-1 text-xs font-semibold text-fg-muted", children: l }),
+      /* @__PURE__ */ t("ul", { className: "flex flex-col gap-0.5", children: c.map((u) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ f(
         "button",
         {
           type: "button",
           onClick: () => n(u.id),
-          className: s(u.id === t),
+          className: s(u.id === a),
           children: [
-            u.icon && /* @__PURE__ */ a("span", { className: "shrink-0 text-fg [&>svg]:h-[15px] [&>svg]:w-[15px]", children: u.icon }),
+            u.icon && /* @__PURE__ */ t("span", { className: "shrink-0 text-fg [&>svg]:h-[15px] [&>svg]:w-[15px]", children: u.icon }),
             u.label
           ]
         }
       ) }, u.id)) })
     ] }, l)),
-    o && /* @__PURE__ */ a("div", { className: "mt-auto", children: o })
+    o && /* @__PURE__ */ t("div", { className: "mt-auto", children: o })
   ] });
 }
-function jr({
+function _r({
   open: e,
   onOpenChange: r,
-  user: t,
+  user: a,
   nav: n,
   defaultSection: o,
   activeSection: s,
   onSectionChange: l,
   sectionTitles: c = {},
   sectionSubtitles: u = {},
-  renderSection: d,
-  footerAction: m
+  renderSection: m,
+  footerAction: d
 }) {
-  var j, S;
-  const g = ((S = (j = n[0]) == null ? void 0 : j.items[0]) == null ? void 0 : S.id) ?? "", [v, x] = b(
-    o ?? g
-  ), V = s ?? v, h = (z) => {
-    x(z), l == null || l(z);
-  }, k = n.flatMap((z) => z.items).find((z) => z.id === V), E = c[V] ?? (k == null ? void 0 : k.label) ?? V, B = u[V];
-  return /* @__PURE__ */ a(Ge, { open: e, onOpenChange: r, children: /* @__PURE__ */ a(Ue, { className: "max-w-[1300px] overflow-hidden p-0", children: /* @__PURE__ */ f("div", { className: "flex h-[820px]", children: [
-    /* @__PURE__ */ a(
+  var _, S;
+  const p = ((S = (_ = n[0]) == null ? void 0 : _.items[0]) == null ? void 0 : S.id) ?? "", [h, v] = b(
+    o ?? p
+  ), y = s ?? h, x = (z) => {
+    v(z), l == null || l(z);
+  }, k = n.flatMap((z) => z.items).find((z) => z.id === y), E = c[y] ?? (k == null ? void 0 : k.label) ?? y, j = u[y];
+  return /* @__PURE__ */ t(Ge, { open: e, onOpenChange: r, children: /* @__PURE__ */ t(Oe, { className: "max-w-[1300px] overflow-hidden p-0", children: /* @__PURE__ */ f("div", { className: "flex h-[820px]", children: [
+    /* @__PURE__ */ t(
       Qe,
       {
-        user: t,
+        user: a,
         nav: n,
-        active: V,
-        onSelect: h,
-        footerAction: m
+        active: y,
+        onSelect: x,
+        footerAction: d
       }
     ),
     /* @__PURE__ */ f("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
       /* @__PURE__ */ f("div", { className: "px-[200px] pb-5 pt-8", children: [
-        /* @__PURE__ */ a("h2", { className: "font-display text-2xl font-semibold tracking-tight text-fg", children: E }),
-        B && /* @__PURE__ */ a("p", { className: "mt-0.5 text-sm text-fg-muted", children: B })
+        /* @__PURE__ */ t("h2", { className: "font-display text-2xl font-semibold tracking-tight text-fg", children: E }),
+        j && /* @__PURE__ */ t("p", { className: "mt-0.5 text-sm text-fg-muted", children: j })
       ] }),
-      /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto px-[200px] pb-8", children: (d == null ? void 0 : d(V)) ?? /* @__PURE__ */ f("p", { className: "text-sm text-fg-muted", children: [
+      /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto px-[200px] pb-8", children: (m == null ? void 0 : m(y)) ?? /* @__PURE__ */ f("p", { className: "text-sm text-fg-muted", children: [
         "Conteúdo de ",
-        /* @__PURE__ */ a("strong", { children: E }),
+        /* @__PURE__ */ t("strong", { children: E }),
         "."
       ] }) })
     ] })
   ] }) }) });
 }
-const te = C(null), R = "flui-color-mode", F = "flui-brand";
+const te = N(null), R = "flui-color-mode", F = "flui-brand";
 function Xe() {
   var e;
   return typeof window < "u" && ((e = window.matchMedia) == null ? void 0 : e.call(window, "(prefers-color-scheme: dark)").matches);
@@ -1313,45 +1344,45 @@ function W(e, r) {
 function Sr({
   children: e,
   defaultMode: r = "system",
-  defaultBrand: t = "default",
+  defaultBrand: a = "default",
   target: n
 }) {
   const [o, s] = b(
     () => W(R, r)
   ), [l, c] = b(
-    () => W(F, t)
-  ), [u, d] = b(Xe);
-  y(() => {
+    () => W(F, a)
+  ), [u, m] = b(Xe);
+  C(() => {
     var k;
-    const h = (k = window.matchMedia) == null ? void 0 : k.call(window, "(prefers-color-scheme: dark)");
-    if (!h) return;
-    const P = (E) => d(E.matches);
-    return h.addEventListener("change", P), () => h.removeEventListener("change", P);
+    const x = (k = window.matchMedia) == null ? void 0 : k.call(window, "(prefers-color-scheme: dark)");
+    if (!x) return;
+    const L = (E) => m(E.matches);
+    return x.addEventListener("change", L), () => x.removeEventListener("change", L);
   }, []);
-  const m = o === "system" ? u ? "dark" : "light" : o;
-  y(() => {
-    const h = (n == null ? void 0 : n()) ?? document.documentElement;
-    h.setAttribute("data-theme", m), l && l !== "default" ? h.setAttribute("data-brand", l) : h.removeAttribute("data-brand");
-  }, [m, l, n]);
-  const g = M((h) => {
-    s(h);
+  const d = o === "system" ? u ? "dark" : "light" : o;
+  C(() => {
+    const x = (n == null ? void 0 : n()) ?? document.documentElement;
+    x.setAttribute("data-theme", d), l && l !== "default" ? x.setAttribute("data-brand", l) : x.removeAttribute("data-brand");
+  }, [d, l, n]);
+  const p = M((x) => {
+    s(x);
     try {
-      localStorage.setItem(R, h);
+      localStorage.setItem(R, x);
     } catch {
     }
-  }, []), v = M((h) => {
-    c(h);
+  }, []), h = M((x) => {
+    c(x);
     try {
-      localStorage.setItem(F, h);
+      localStorage.setItem(F, x);
     } catch {
     }
-  }, []), x = M(() => {
-    g(m === "dark" ? "light" : "dark");
-  }, [m, g]), V = oe(
-    () => ({ mode: o, resolvedMode: m, brand: l, setMode: g, setBrand: v, toggleMode: x }),
-    [o, m, l, g, v, x]
+  }, []), v = M(() => {
+    p(d === "dark" ? "light" : "dark");
+  }, [d, p]), y = oe(
+    () => ({ mode: o, resolvedMode: d, brand: l, setMode: p, setBrand: h, toggleMode: v }),
+    [o, d, l, p, h, v]
   );
-  return /* @__PURE__ */ a(te.Provider, { value: V, children: e });
+  return /* @__PURE__ */ t(te.Provider, { value: y, children: e });
 }
 function Rr() {
   const e = w(te);
@@ -2595,11 +2626,11 @@ export {
   hr as AccordionItem,
   vr as AccordionTrigger,
   He as Alert,
-  De as Avatar,
-  U as Badge,
-  Ae as Breadcrumb,
+  Pe as Avatar,
+  O as Badge,
+  Ie as Breadcrumb,
   fr as BreadcrumbItem,
-  Be as BreadcrumbSeparator,
+  je as BreadcrumbSeparator,
   ue as Button,
   me as Card,
   he as CardContent,
@@ -2607,13 +2638,13 @@ export {
   pe as CardHeader,
   ge as CardTitle,
   ye as Checkbox,
-  _e as Divider,
+  Be as Divider,
   Er as Drawer,
-  Ir as DrawerBody,
-  Dr as DrawerContent,
-  _r as DrawerFooter,
-  Pr as DrawerHeader,
-  Lr as DrawerTitle,
+  Ar as DrawerBody,
+  Pr as DrawerContent,
+  Br as DrawerFooter,
+  Lr as DrawerHeader,
+  Dr as DrawerTitle,
   lr as Dropdown,
   ir as DropdownContent,
   cr as DropdownItem,
@@ -2622,7 +2653,7 @@ export {
   de as Input,
   Ge as Modal,
   Mr as ModalBody,
-  Ue as ModalContent,
+  Oe as ModalContent,
   zr as ModalDescription,
   Tr as ModalFooter,
   Vr as ModalHeader,
@@ -2630,12 +2661,12 @@ export {
   yr as Popover,
   Nr as PopoverContent,
   Cr as PopoverTrigger,
-  jr as ProfileSettingsModal,
-  Ie as Progress,
+  _r as ProfileSettingsModal,
+  Ae as Progress,
   Ce as Radio,
   or as RadioGroup,
   Ve as Select,
-  Le as Spinner,
+  De as Spinner,
   Se as StatCard,
   we as Switch,
   dr as Tabs,
@@ -2644,7 +2675,7 @@ export {
   pr as TabsTrigger,
   Je as Textarea,
   Sr as ThemeProvider,
-  Ar as ToastProvider,
+  Ir as ToastProvider,
   wr as Tooltip,
   ke as badgeVariants,
   ce as buttonVariants,
@@ -2653,6 +2684,6 @@ export {
   $e as textareaVariants,
   Fr as tokens,
   Rr as useTheme,
-  Br as useToast
+  jr as useToast
 };
 //# sourceMappingURL=index.js.map