@fluityy/designsystem 0.2.1 → 0.2.3

package/dist/index.js

@@ -1,15 +1,15 @@
-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 { clsx as le } from "clsx";
-import { twMerge as se } from "tailwind-merge";
-import { createPortal as ie } from "react-dom";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as g, useState as b, useRef as T, useEffect as N, createContext as C, useContext as w, useId as K, cloneElement as q, Children as oe, Fragment as le, useCallback as M, useMemo as se } from "react";
+import { cva as V } from "class-variance-authority";
+import { clsx as ie } from "clsx";
+import { twMerge as ce } from "tailwind-merge";
+import { createPortal as ue } from "react-dom";
 function i(...e) {
-  return se(le(e));
+  return ce(ie(e));
 }
-const ce = N(
+const de = 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",
+  "inline-flex items-center justify-center gap-2 font-medium whitespace-nowrap cursor-pointer 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 disabled:cursor-not-allowed select-none",
   {
     variants: {
       variant: {
@@ -18,7 +18,8 @@ const ce = N(
         outline: "border border-border-strong bg-transparent text-fg hover:bg-bg-subtle",
         ghost: "bg-transparent text-fg hover:bg-bg-muted",
         accent: "bg-accent text-accent-fg hover:bg-accent-hover active:bg-accent-active",
-        danger: "bg-danger text-fg-on-brand hover:bg-danger-hover"
+        danger: "bg-danger text-fg-on-brand hover:bg-danger-hover",
+        "danger-ghost": "bg-transparent text-danger hover:bg-danger/10"
       },
       size: {
         sm: "h-8 px-3 text-sm rounded-lg",
@@ -32,18 +33,18 @@ const ce = N(
       size: "md"
     }
   }
-), ue = p(
-  ({ className: e, variant: r, size: t, fullWidth: n, ...o }, s) => /* @__PURE__ */ a(
+), L = 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(de({ variant: r, size: a, fullWidth: n }), e),
       ...o
     }
   )
 );
-ue.displayName = "Button";
-const fe = N(
+L.displayName = "Button";
+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 +60,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
-      }
-    );
-    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;
+), me = g(
+  ({ className: e, size: r, invalid: a, label: n, id: o, type: s, ...l }, c) => {
+    const [u, m] = b(!1), f = s === "password", p = f ? u ? "text" : "password" : s, h = o ?? (n ? n.toLowerCase().replace(/\s+/g, "-") : void 0), v = /* @__PURE__ */ d("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 }),
+            f && "pr-10",
+            e
+          ),
+          ...l
+        }
+      ),
+      f && /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          tabIndex: -1,
+          onClick: () => m((y) => !y),
+          "aria-label": u ? "Ocultar senha" : "Mostrar senha",
+          className: "absolute right-3 cursor-pointer text-fg-muted transition-colors hover:text-fg",
+          children: u ? (
+            // olho fechado
+            /* @__PURE__ */ d("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__ */ d("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__ */ d("div", { className: "flex w-full flex-col gap-1.5", children: [
+      /* @__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(
+me.displayName = "Input";
+const pe = 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
@@ -90,20 +122,20 @@ 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 })
+pe.displayName = "Card";
+const ge = 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 }));
-ge.displayName = "CardTitle";
-const be = p(({ className: e, ...r }, t) => /* @__PURE__ */ a("p", { ref: t, 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 })
+ge.displayName = "CardHeader";
+const be = g(({ className: e, ...r }, a) => /* @__PURE__ */ t("h3", { ref: a, className: i("text-lg font-semibold text-fg", e), ...r }));
+be.displayName = "CardTitle";
+const he = g(({ className: e, ...r }, a) => /* @__PURE__ */ t("p", { ref: a, className: i("text-sm text-fg-muted", e), ...r }));
+he.displayName = "CardDescription";
+const ve = g(
+  ({ className: e, ...r }, a) => /* @__PURE__ */ t("div", { ref: a, className: i("p-6 pt-0", e), ...r })
 );
-he.displayName = "CardContent";
-const ve = N(
+ve.displayName = "CardContent";
+const xe = 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 +144,7 @@ const ve = N(
     },
     defaultVariants: { size: "md", checked: !1 }
   }
-), xe = N(
+), we = V(
   "pointer-events-none absolute left-0.5 inline-block rounded-full bg-fg-on-brand shadow-sm transition-transform",
   {
     variants: {
@@ -125,39 +157,39 @@ 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(
+), G = g(
+  ({ className: e, size: r, checked: a, defaultChecked: n, onCheckedChange: o, disabled: s, ...l }, c) => {
+    const u = a !== void 0, [m, f] = 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 || f(v), o == null || o(v);
         },
-        className: i(ve({ size: r, checked: g }), e),
+        className: i(xe({ size: r, checked: p }), e),
         ...l,
-        children: /* @__PURE__ */ a("span", { className: xe({ size: r, checked: g }) })
+        children: /* @__PURE__ */ t("span", { className: we({ size: r, checked: p }) })
       }
     );
   }
 );
-we.displayName = "Switch";
-const ye = p(
-  ({ className: e, label: r, indeterminate: t = !1, disabled: n, id: o, ...s }, l) => {
+G.displayName = "Switch";
+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);
+    N(() => {
+      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(
+    return /* @__PURE__ */ d(
       "label",
       {
         className: i(
@@ -166,7 +198,7 @@ const ye = p(
           e
         ),
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "input",
             {
               ref: u,
@@ -177,7 +209,7 @@ const ye = p(
               ...s
             }
           ),
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ d(
             "span",
             {
               className: i(
@@ -191,7 +223,7 @@ const ye = p(
                 "peer-indeterminate:[&>span]:opacity-100"
               ),
               children: [
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ t(
                   "svg",
                   {
                     viewBox: "0 0 16 16",
@@ -202,47 +234,47 @@ 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);
-function or({
+const O = C(null);
+function lr({
   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 = K(), u = e !== void 0, [m, f] = b(r), p = u ? e : m, h = (v) => {
+    u || f(v), a == null || a(v);
   };
-  return /* @__PURE__ */ a(
-    q.Provider,
+  return /* @__PURE__ */ t(
+    O.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 l = w(q);
+const Ne = g(
+  ({ className: e, value: r, label: a, disabled: n, ...o }, s) => {
+    const l = w(O);
     if (!l) throw new Error("<Radio> precisa estar dentro de <RadioGroup>");
     const c = l.value === r;
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ d(
       "label",
       {
         className: i(
@@ -251,7 +283,7 @@ const Ce = p(
           e
         ),
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "input",
             {
               ref: s,
@@ -265,7 +297,7 @@ const Ce = p(
               ...o
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "span",
             {
               className: i(
@@ -274,17 +306,17 @@ 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(
+Ne.displayName = "Radio";
+const Ce = 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: {
@@ -300,18 +332,18 @@ const Ne = N(
     },
     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__ */ d("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(Ce({ size: r, invalid: a }), e),
         ...o,
         children: n
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ t(
       "svg",
       {
         viewBox: "0 0 16 16",
@@ -322,68 +354,68 @@ 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 e = w(G);
+const U = C(null);
+function j() {
+  const e = w(U);
   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(() => {
+function sr({ children: e }) {
+  const [r, a] = b(!1), n = T(null);
+  return N(() => {
     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(U.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();
-  return K(e, {
-    onClick: () => t(!r),
+function ir({ children: e }) {
+  const { open: r, setOpen: a } = j();
+  return q(e, {
+    onClick: () => a(!r),
     "aria-haspopup": "menu",
     "aria-expanded": r
   });
 }
-function ir({
+function cr({
   children: e,
   align: r = "start",
-  className: t
+  className: a
 }) {
-  const { open: n } = L();
-  return n ? /* @__PURE__ */ a(
+  const { open: n } = j();
+  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
     }
   ) : null;
 }
-function cr({
+function ur({
   children: e,
   onSelect: r,
-  destructive: t,
+  destructive: a,
   className: n,
   ...o
 }) {
-  const { setOpen: s } = L();
-  return /* @__PURE__ */ a(
+  const { setOpen: s } = j();
+  return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
@@ -392,9 +424,9 @@ function cr({
         r == null || r(), s(!1);
       },
       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",
+        "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors cursor-pointer",
+        "hover:bg-bg-muted focus-visible:bg-bg-muted disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed",
+        a ? "text-danger" : "text-fg",
         n
       ),
       ...o,
@@ -402,10 +434,10 @@ function cr({
     }
   );
 }
-function ur() {
-  return /* @__PURE__ */ a("div", { role: "separator", className: "my-1 h-px bg-border-default" });
+function dr() {
+  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 +458,18 @@ const ke = N(
     },
     defaultVariants: { variant: "neutral", size: "sm" }
   }
-), U = p(
-  ({ className: e, variant: r, size: t, ...n }, o) => /* @__PURE__ */ a(
+), Y = 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", {
+Y.displayName = "Badge";
+const ze = V("relative inline-flex shrink-0 select-none", {
   variants: {
     size: {
       xs: "h-6 w-6 text-xs",
@@ -462,24 +494,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;
-    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(
+const Pe = g(
+  ({ className: e, size: r = "md", src: a, alt: n, name: o, status: s, ...l }, c) => {
+    const [u, m] = b(!1), f = a && !u;
+    return /* @__PURE__ */ d("span", { ref: c, className: i(ze({ size: r }), e), ...l, children: [
+      /* @__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: f ? /* @__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 +525,8 @@ const De = p(
     ] });
   }
 );
-De.displayName = "Avatar";
-const Pe = N("animate-spin text-primary", {
+Pe.displayName = "Avatar";
+const De = V("animate-spin text-primary", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -503,20 +535,20 @@ const Pe = N("animate-spin text-primary", {
     }
   },
   defaultVariants: { size: "md" }
-}), Le = p(
-  ({ className: e, size: r, label: t = "Carregando", ...n }, o) => /* @__PURE__ */ f(
+}), Le = g(
+  ({ className: e, size: r, label: a = "Carregando", ...n }, o) => /* @__PURE__ */ d(
     "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(De({ 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",
@@ -530,23 +562,23 @@ 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(
+const je = 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",
+          "relative h-1 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 +589,9 @@ const Ie = p(
     );
   }
 );
-Ie.displayName = "Progress";
-const _e = p(
-  ({ className: e, orientation: r = "horizontal", label: t, ...n }, o) => r === "vertical" ? /* @__PURE__ */ a(
+je.displayName = "Progress";
+const Ie = g(
+  ({ className: e, orientation: r = "horizontal", label: a, ...n }, o) => r === "vertical" ? /* @__PURE__ */ t(
     "div",
     {
       ref: o,
@@ -568,7 +600,7 @@ const _e = p(
       className: i("mx-2 h-full w-px self-stretch bg-border-default", e),
       ...n
     }
-  ) : t ? /* @__PURE__ */ f(
+  ) : a ? /* @__PURE__ */ d(
     "div",
     {
       ref: o,
@@ -576,12 +608,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 +624,32 @@ const _e = p(
     }
   )
 );
-_e.displayName = "Divider";
-const Ae = p(
-  ({ className: e, children: r, ...t }, 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: [
+Ie.displayName = "Divider";
+const Se = g(
+  ({ className: e, children: r, ...a }, n) => {
+    const o = oe.toArray(r);
+    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__ */ d(le, { children: [
       s,
-      l < o.length - 1 && /* @__PURE__ */ a(Be, {})
+      l < o.length - 1 && /* @__PURE__ */ t(Ae, {})
     ] }, l)) }) });
   }
 );
-Ae.displayName = "Breadcrumb";
+Se.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,52 +658,52 @@ function fr({
     }
   ) });
 }
-function Be() {
-  return /* @__PURE__ */ a("li", { "aria-hidden": !0, className: "text-fg-muted", children: "/" });
+function Ae() {
+  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 Be(e, r = 1e3) {
+  const [a, n] = b(0);
+  return N(() => {
     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;
-    return /* @__PURE__ */ f(
+const _e = g(
+  ({ className: e, label: r, value: a, countUp: n, formatCount: o, delta: s, helpText: l, icon: c, ...u }, m) => {
+    const f = Be(n ?? 0), p = typeof s == "number", h = p && s >= 0, v = n !== void 0 ? o ? o(f) : Math.round(f).toLocaleString("pt-BR") : a;
+    return /* @__PURE__ */ d(
       "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
         ),
         ...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__ */ d("div", { className: "flex items-center justify-between", children: [
+            /* @__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__ */ d(Y, { 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", {
+_e.displayName = "StatCard";
+const Re = V("flex gap-3 rounded-lg p-4 text-sm", {
   variants: {
     variant: {
       info: "bg-primary/10 text-fg",
@@ -691,10 +723,10 @@ 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(
+    return /* @__PURE__ */ d(
       "div",
       {
         ref: l,
@@ -702,7 +734,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,
@@ -713,17 +745,17 @@ const Re = N("flex gap-3 rounded-lg p-4 text-sm", {
               children: We[c]
             }
           ),
-          /* @__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 })
+          /* @__PURE__ */ d("div", { className: "min-w-0 flex-1", children: [
+            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",
               onClick: n,
               "aria-label": "Fechar",
-              className: "shrink-0 rounded-sm px-1 text-fg-muted transition-colors hover:text-fg",
+              className: "shrink-0 cursor-pointer rounded-sm px-1 text-fg-muted transition-colors hover:text-fg",
               children: "✕"
             }
           )
@@ -736,26 +768,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);
+const $ = C(null);
 function I() {
-  const e = w(O);
+  const e = w($);
   if (!e) throw new Error("Componentes de Tabs precisam estar dentro de <Tabs>");
   return e;
 }
-function dr({
+function mr({
   value: e,
   defaultValue: r,
-  onValueChange: t,
+  onValueChange: a,
   className: n,
   children: o,
   ...s
@@ -763,27 +795,27 @@ 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($.Provider, { value: { value: l, setValue: c }, children: /* @__PURE__ */ t("div", { className: n, ...s, children: o }) });
 }
-function mr({ className: e, children: r, ...t }) {
+function pr({ className: e, children: r, ...a }) {
   const { value: n } = I(), o = T(null), [s, l] = b({ left: 0, width: 0, ready: !1 });
-  return y(() => {
+  return N(() => {
     const c = o.current;
     if (!c) return;
     const u = c.querySelector('[aria-selected="true"]');
     u && l({ left: u.offsetLeft, width: u.offsetWidth, ready: !0 });
-  }, [n]), /* @__PURE__ */ f(
+  }, [n]), /* @__PURE__ */ d(
     "div",
     {
       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 +827,9 @@ function mr({ className: e, children: r, ...t }) {
     }
   );
 }
-function pr({ value: e, className: r, ...t }) {
+function gr({ value: e, className: r, ...a }) {
   const n = I(), o = n.value === e;
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
@@ -805,85 +837,85 @@ function pr({ value: e, className: r, ...t }) {
       "aria-selected": o,
       onClick: () => n.setValue(e),
       className: i(
-        "px-4 py-2 text-sm font-medium transition-colors outline-none",
+        "px-4 py-2 text-sm font-medium transition-colors outline-none cursor-pointer",
         "focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 ring-offset-bg",
         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 br({ value: e, className: r, ...a }) {
+  return I().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("");
-function $() {
-  const e = w(Y);
+const J = C(null), S = C("");
+function Q() {
+  const e = w(J);
   if (!e) throw new Error("Componentes de Accordion precisam estar dentro de <Accordion>");
   return e;
 }
-function br({
+function hr({
   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((f) => {
+    const p = f.includes(m);
+    return e === "single" ? p ? [] : [m] : p ? f.filter((h) => h !== m) : [...f, m];
   });
-  return /* @__PURE__ */ a(Y.Provider, { value: { open: l, toggle: u }, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ t(J.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 vr({ value: e, children: r, ...a }) {
+  return /* @__PURE__ */ t(S.Provider, { value: e, children: /* @__PURE__ */ t("div", { ...a, children: r }) });
 }
-function vr({
+function xr({
   className: e,
   children: r,
-  ...t
+  ...a
 }) {
-  const n = $(), o = w(_), s = n.open.includes(o);
-  return /* @__PURE__ */ f(
+  const n = Q(), o = w(S), s = n.open.includes(o);
+  return /* @__PURE__ */ d(
     "button",
     {
       type: "button",
       "aria-expanded": s,
       onClick: () => n.toggle(o),
       className: i(
-        "flex w-full items-center justify-between gap-2 py-4 text-left text-sm font-medium text-fg outline-none",
+        "flex w-full items-center justify-between gap-2 py-4 text-left text-sm font-medium text-fg outline-none cursor-pointer",
         "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: "▾" })
       ]
     }
   );
 }
-function xr({
+function wr({
   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 = Q(), n = w(S);
+  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,9 +923,9 @@ 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 }) {
-  const [o, s] = b(!1), l = H();
-  return /* @__PURE__ */ f(
+function yr({ content: e, side: r = "top", children: a, className: n }) {
+  const [o, s] = b(!1), l = K();
+  return /* @__PURE__ */ d(
     "span",
     {
       className: "relative inline-flex",
@@ -902,8 +934,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,39 +953,39 @@ function wr({ content: e, side: r = "top", children: t, className: n }) {
     }
   );
 }
-const J = C(null);
-function Q() {
-  const e = w(J);
+const X = C(null);
+function Z() {
+  const e = w(X);
   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(() => {
+function Nr({ children: e }) {
+  const [r, a] = b(!1), n = T(null);
+  return N(() => {
     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(X.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();
-  return K(e, {
-    onClick: () => t(!r),
+  const { open: r, setOpen: a } = Z();
+  return q(e, {
+    onClick: () => a(!r),
     "aria-haspopup": "dialog",
     "aria-expanded": r
   });
 }
-function Nr({
+function Vr({
   children: e,
   align: r = "start",
-  className: t
+  className: a
 }) {
-  const { open: n } = Q();
-  return n ? /* @__PURE__ */ a(
+  const { open: n } = Z();
+  return n ? /* @__PURE__ */ t(
     "div",
     {
       role: "dialog",
@@ -961,46 +993,46 @@ 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;
+  const [r, a] = b(!1);
+  return N(() => a(!0), []), r ? ue(e, document.body) : null;
 }
-function X(e, r) {
-  y(() => {
+function ee(e, r) {
+  N(() => {
     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 re = C(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 ee(e, n), e ? /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t(re.Provider, { value: { close: n }, children: /* @__PURE__ */ d("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(
+  const n = w(re);
+  return /* @__PURE__ */ d(
     "div",
     {
       role: "dialog",
@@ -1010,16 +1042,16 @@ function Ue({
         "animate-[flui-slide-up_160ms_ease-out]",
         e
       ),
-      ...t,
+      ...a,
       children: [
         r,
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             onClick: () => n == null ? void 0 : n.close(),
             "aria-label": "Fechar",
-            className: "absolute right-4 top-4 rounded-sm px-1 text-fg-muted transition-colors hover:text-fg",
+            className: "absolute right-4 top-4 cursor-pointer rounded-sm px-1 text-fg-muted transition-colors hover:text-fg",
             children: "✕"
           }
         )
@@ -1027,34 +1059,34 @@ function Ue({
     }
   );
 }
-function Vr({ className: e, ...r }) {
-  return /* @__PURE__ */ a("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("div", { className: i("flex flex-col gap-1 p-6 pb-2", e), ...r });
 }
-function zr({
+function zr({ className: e, ...r }) {
+  return /* @__PURE__ */ t("h2", { className: i("text-lg font-semibold text-fg", e), ...r });
+}
+function Mr({
   className: e,
   ...r
 }) {
-  return /* @__PURE__ */ a("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("p", { className: i("text-sm text-fg-muted", 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("px-6 py-2", e), ...r });
+}
+function Er({ className: 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 te = C(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 Pr({ 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 ee(e, o), e ? /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t(te.Provider, { value: { close: o, side: a }, children: /* @__PURE__ */ d("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]",
@@ -1067,10 +1099,10 @@ function Er({ open: e, onOpenChange: r, side: t = "right", children: n }) {
 function Dr({
   className: e,
   children: r,
-  ...t
+  ...a
 }) {
-  const n = w(ee), o = (n == null ? void 0 : n.side) ?? "right";
-  return /* @__PURE__ */ f(
+  const n = w(te), o = (n == null ? void 0 : n.side) ?? "right";
+  return /* @__PURE__ */ d(
     "div",
     {
       role: "dialog",
@@ -1078,19 +1110,19 @@ 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",
             onClick: () => n == null ? void 0 : n.close(),
             "aria-label": "Fechar",
-            className: "absolute right-4 top-4 rounded-sm px-1 text-fg-muted transition-colors hover:text-fg",
+            className: "absolute right-4 top-4 cursor-pointer rounded-sm px-1 text-fg-muted transition-colors hover:text-fg",
             children: "✕"
           }
         )
@@ -1098,8 +1130,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 +1139,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 jr({ 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 });
+  return /* @__PURE__ */ t("div", { className: i("flex-1 overflow-y-auto p-6", e), ...r });
 }
-function _r({ className: e, ...r }) {
-  return /* @__PURE__ */ a(
+function Sr({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
     "div",
     {
       className: i("flex justify-end gap-2 border-t border-border-default p-6", e),
@@ -1122,50 +1154,50 @@ function _r({ className: e, ...r }) {
     }
   );
 }
-const re = C(null), D = {
+const ae = C(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));
+  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: [
+  return /* @__PURE__ */ d(ae.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(A, { 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 N(() => {
     if (!e.duration) return;
-    const t = setTimeout(r, e.duration);
-    return () => clearTimeout(t);
-  }, [e.duration, r]), /* @__PURE__ */ f(
+    const a = setTimeout(r, e.duration);
+    return () => clearTimeout(a);
+  }, [e.duration, r]), /* @__PURE__ */ d(
     "div",
     {
       role: "status",
       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__ */ d("div", { className: "min-w-0 flex-1", children: [
+          /* @__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 cursor-pointer rounded-sm px-1 transition-colors opacity-60 hover:opacity-100", P[e.variant ?? "info"].title),
             children: "✕"
           }
         )
@@ -1174,11 +1206,11 @@ function Ye({ item: e, onDismiss: r }) {
   );
 }
 function Br() {
-  const e = w(re);
+  const e = w(ae);
   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 +1221,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 +1235,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(
+  return /* @__PURE__ */ d("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__ */ d("div", { className: "flex items-center gap-2.5 px-1", children: [
+      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__ */ 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("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__ */ d("div", { className: "min-w-0", children: [
+        /* @__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,133 +1265,177 @@ 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(
+    r.map(({ group: l, items: c }) => /* @__PURE__ */ d("div", { children: [
+      /* @__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__ */ d(
         "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 _r({
+  title: e,
+  description: r,
+  checked: a,
+  onCheckedChange: n
+}) {
+  return /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-6 px-4 py-4", children: [
+    /* @__PURE__ */ d("div", { children: [
+      /* @__PURE__ */ t("p", { className: "text-sm font-medium text-fg", children: e }),
+      r && /* @__PURE__ */ t("p", { className: "mt-0.5 text-sm text-fg-muted", children: r })
+    ] }),
+    /* @__PURE__ */ t(G, { checked: a, onCheckedChange: n, className: "shrink-0" })
+  ] });
+}
+function Xe({ children: e }) {
+  return /* @__PURE__ */ t("div", { className: "divide-y divide-border-default rounded-xl bg-bg", children: e });
+}
+function Rr({
+  title: e,
+  children: r
+}) {
+  return /* @__PURE__ */ d("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ t("h3", { className: "text-base font-semibold text-fg", children: e }),
+    /* @__PURE__ */ t(Xe, { children: r })
+  ] });
+}
+function Fr({
+  icon: e,
+  title: r,
+  description: a,
+  connected: n = !1,
+  onConnect: o,
+  onDisconnect: s
+}) {
+  return /* @__PURE__ */ d("div", { className: "flex items-center gap-4 rounded-xl bg-bg px-4 py-4", children: [
+    /* @__PURE__ */ t("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-muted", children: /* @__PURE__ */ t("span", { className: "[&>svg]:h-4 [&>svg]:w-4", children: e }) }),
+    /* @__PURE__ */ d("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ t("p", { className: "text-sm font-medium text-fg", children: r }),
+      a && /* @__PURE__ */ t("p", { className: "mt-0.5 text-sm text-fg-muted", children: a })
+    ] }),
+    n ? /* @__PURE__ */ t(L, { variant: "danger-ghost", size: "sm", onClick: s, children: "Desconectar" }) : /* @__PURE__ */ t(L, { variant: "secondary", size: "sm", onClick: o, children: "Conectar" })
   ] });
 }
-function jr({
+function Wr({
   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: f
 }) {
-  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 _, R;
+  const p = ((R = (_ = n[0]) == null ? void 0 : _.items[0]) == null ? void 0 : R.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, B = u[y];
+  return /* @__PURE__ */ t(Ge, { open: e, onOpenChange: r, children: /* @__PURE__ */ t(Oe, { className: "max-w-[1300px] overflow-hidden p-0", children: /* @__PURE__ */ d("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: f
       }
     ),
-    /* @__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__ */ d("div", { className: "flex flex-1 flex-col overflow-hidden bg-bg-subtle", children: [
+      /* @__PURE__ */ d("div", { className: "relative px-[200px] pb-8 pt-8", children: [
+        /* @__PURE__ */ t("h2", { className: "font-display text-2xl font-semibold tracking-tight text-fg", children: E }),
+        B && /* @__PURE__ */ t("p", { className: "mt-0.5 text-sm text-fg-muted", children: B }),
+        /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-x-0 -bottom-6 h-6 bg-gradient-to-b from-bg-subtle to-transparent" })
       ] }),
-      /* @__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 pt-6", children: (m == null ? void 0 : m(y)) ?? /* @__PURE__ */ d("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";
-function Xe() {
+const ne = C(null), F = "flui-color-mode", W = "flui-brand";
+function Ze() {
   var e;
   return typeof window < "u" && ((e = window.matchMedia) == null ? void 0 : e.call(window, "(prefers-color-scheme: dark)").matches);
 }
-function W(e, r) {
+function H(e, r) {
   try {
     return localStorage.getItem(e) ?? r;
   } catch {
     return r;
   }
 }
-function Sr({
+function Hr({
   children: e,
   defaultMode: r = "system",
-  defaultBrand: t = "default",
+  defaultBrand: a = "default",
   target: n
 }) {
   const [o, s] = b(
-    () => W(R, r)
+    () => H(F, r)
   ), [l, c] = b(
-    () => W(F, t)
-  ), [u, d] = b(Xe);
-  y(() => {
+    () => H(W, a)
+  ), [u, m] = b(Ze);
+  N(() => {
     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 D = (E) => m(E.matches);
+    return x.addEventListener("change", D), () => x.removeEventListener("change", D);
   }, []);
-  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 f = o === "system" ? u ? "dark" : "light" : o;
+  N(() => {
+    const x = (n == null ? void 0 : n()) ?? document.documentElement;
+    x.setAttribute("data-theme", f), l && l !== "default" ? x.setAttribute("data-brand", l) : x.removeAttribute("data-brand");
+  }, [f, l, n]);
+  const p = M((x) => {
+    s(x);
     try {
-      localStorage.setItem(R, h);
+      localStorage.setItem(F, x);
     } catch {
     }
-  }, []), v = M((h) => {
-    c(h);
+  }, []), h = M((x) => {
+    c(x);
     try {
-      localStorage.setItem(F, h);
+      localStorage.setItem(W, 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(f === "dark" ? "light" : "dark");
+  }, [f, p]), y = se(
+    () => ({ mode: o, resolvedMode: f, brand: l, setMode: p, setBrand: h, toggleMode: v }),
+    [o, f, l, p, h, v]
   );
-  return /* @__PURE__ */ a(te.Provider, { value: V, children: e });
+  return /* @__PURE__ */ t(ne.Provider, { value: y, children: e });
 }
-function Rr() {
-  const e = w(te);
+function Kr() {
+  const e = w(ne);
   if (!e)
     throw new Error("useTheme precisa estar dentro de <ThemeProvider>");
   return e;
 }
-const Fr = [
+const qr = [
   {
     name: "flui-color-accent-scale-50",
     cssVar: "--flui-color-accent-scale-50",
@@ -2590,69 +2666,73 @@ const Fr = [
   }
 ];
 export {
-  br as Accordion,
-  xr as AccordionContent,
-  hr as AccordionItem,
-  vr as AccordionTrigger,
+  hr as Accordion,
+  wr as AccordionContent,
+  vr as AccordionItem,
+  xr as AccordionTrigger,
   He as Alert,
-  De as Avatar,
-  U as Badge,
-  Ae as Breadcrumb,
+  Pe as Avatar,
+  Y as Badge,
+  Se as Breadcrumb,
   fr as BreadcrumbItem,
-  Be as BreadcrumbSeparator,
-  ue as Button,
-  me as Card,
-  he as CardContent,
-  be as CardDescription,
-  pe as CardHeader,
-  ge as CardTitle,
+  Ae as BreadcrumbSeparator,
+  L as Button,
+  pe as Card,
+  ve as CardContent,
+  he as CardDescription,
+  ge as CardHeader,
+  be as CardTitle,
   ye as Checkbox,
-  _e as Divider,
-  Er as Drawer,
+  Ie as Divider,
+  Pr as Drawer,
   Ir as DrawerBody,
   Dr as DrawerContent,
-  _r as DrawerFooter,
-  Pr as DrawerHeader,
-  Lr as DrawerTitle,
-  lr as Dropdown,
-  ir as DropdownContent,
-  cr as DropdownItem,
-  ur as DropdownSeparator,
-  sr as DropdownTrigger,
-  de as Input,
+  Sr as DrawerFooter,
+  Lr as DrawerHeader,
+  jr as DrawerTitle,
+  sr as Dropdown,
+  cr as DropdownContent,
+  ur as DropdownItem,
+  dr as DropdownSeparator,
+  ir as DropdownTrigger,
+  me as Input,
+  Fr as IntegrationRow,
   Ge as Modal,
-  Mr as ModalBody,
-  Ue as ModalContent,
-  zr as ModalDescription,
-  Tr as ModalFooter,
-  Vr as ModalHeader,
-  kr as ModalTitle,
-  yr as Popover,
-  Nr as PopoverContent,
+  Tr as ModalBody,
+  Oe as ModalContent,
+  Mr as ModalDescription,
+  Er as ModalFooter,
+  kr as ModalHeader,
+  zr as ModalTitle,
+  Nr as Popover,
+  Vr as PopoverContent,
   Cr as PopoverTrigger,
-  jr as ProfileSettingsModal,
-  Ie as Progress,
-  Ce as Radio,
-  or as RadioGroup,
+  Wr as ProfileSettingsModal,
+  je as Progress,
+  Ne as Radio,
+  lr as RadioGroup,
   Ve as Select,
+  _r as SettingRow,
+  Xe as SettingsCard,
+  Rr as SettingsGroup,
   Le as Spinner,
-  Se as StatCard,
-  we as Switch,
-  dr as Tabs,
-  gr as TabsContent,
-  mr as TabsList,
-  pr as TabsTrigger,
+  _e as StatCard,
+  G as Switch,
+  mr as Tabs,
+  br as TabsContent,
+  pr as TabsList,
+  gr as TabsTrigger,
   Je as Textarea,
-  Sr as ThemeProvider,
+  Hr as ThemeProvider,
   Ar as ToastProvider,
-  wr as Tooltip,
+  yr as Tooltip,
   ke as badgeVariants,
-  ce as buttonVariants,
+  de as buttonVariants,
   i as cn,
   fe as inputVariants,
   $e as textareaVariants,
-  Fr as tokens,
-  Rr as useTheme,
+  qr as tokens,
+  Kr as useTheme,
   Br as useToast
 };
 //# sourceMappingURL=index.js.map