@fluityy/designsystem 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,13 +1,13 @@
-import { jsx as n, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as d, useState as b, useRef as k, useEffect as y, createContext as C, useContext as v, useId as B, cloneElement as I, Children as Z, Fragment as ee, useCallback as V, useMemo as re } from "react";
+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 te } from "clsx";
-import { twMerge as ae } from "tailwind-merge";
-import { createPortal as ne } from "react-dom";
+import { clsx as le } from "clsx";
+import { twMerge as se } from "tailwind-merge";
+import { createPortal as ie } from "react-dom";
 function i(...e) {
-  return ae(te(e));
+  return se(le(e));
 }
-const oe = N(
+const ce = N(
   // 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 oe = N(
       size: "md"
     }
   }
-), le = d(
-  ({ className: e, variant: r, size: t, fullWidth: a, ...o }, s) => /* @__PURE__ */ n(
+), ue = p(
+  ({ className: e, variant: r, size: t, fullWidth: n, ...o }, s) => /* @__PURE__ */ a(
     "button",
     {
       ref: s,
-      className: i(oe({ variant: r, size: t, fullWidth: a }), e),
+      className: i(ce({ variant: r, size: t, fullWidth: n }), e),
       ...o
     }
   )
 );
-le.displayName = "Button";
-const se = N(
+ue.displayName = "Button";
+const fe = N(
   "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,26 +59,26 @@ const se = N(
     },
     defaultVariants: { size: "md", invalid: !1 }
   }
-), ie = d(
-  ({ className: e, size: r, invalid: t, label: a, id: o, ...s }, l) => {
-    const c = o ?? (a ? a.toLowerCase().replace(/\s+/g, "-") : void 0), u = /* @__PURE__ */ n(
+), 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(se({ size: r, invalid: t }), e),
+        className: i(fe({ size: r, invalid: t }), e),
         ...s
       }
     );
-    return a ? /* @__PURE__ */ f("div", { className: "flex w-full flex-col gap-1.5", children: [
-      /* @__PURE__ */ n("label", { htmlFor: c, className: "text-xs font-medium text-fg", children: a }),
+    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;
   }
 );
-ie.displayName = "Input";
-const ce = d(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ n(
+de.displayName = "Input";
+const me = p(
+  ({ className: e, ...r }, t) => /* @__PURE__ */ a(
     "div",
     {
       ref: t,
@@ -90,20 +90,20 @@ const ce = d(
     }
   )
 );
-ce.displayName = "Card";
-const ue = d(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ n("div", { ref: t, className: i("flex flex-col gap-1 p-6", e), ...r })
+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 })
 );
-ue.displayName = "CardHeader";
-const fe = d(({ className: e, ...r }, t) => /* @__PURE__ */ n("h3", { ref: t, className: i("text-lg font-semibold text-fg", e), ...r }));
-fe.displayName = "CardTitle";
-const de = d(({ className: e, ...r }, t) => /* @__PURE__ */ n("p", { ref: t, className: i("text-sm text-fg-muted", e), ...r }));
-de.displayName = "CardDescription";
-const me = d(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ n("div", { ref: t, className: i("p-6 pt-0", 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 })
 );
-me.displayName = "CardContent";
-const pe = N(
+he.displayName = "CardContent";
+const ve = N(
   "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 +112,7 @@ const pe = N(
     },
     defaultVariants: { size: "md", checked: !1 }
   }
-), ge = N(
+), xe = N(
   "pointer-events-none absolute left-0.5 inline-block rounded-full bg-fg-on-brand shadow-sm transition-transform",
   {
     variants: {
@@ -125,10 +125,10 @@ const pe = N(
     ],
     defaultVariants: { size: "md", checked: !1 }
   }
-), be = d(
-  ({ className: e, size: r, checked: t, defaultChecked: a, onCheckedChange: o, disabled: s, ...l }, c) => {
-    const u = t !== void 0, [p, m] = b(a ?? !1), g = u ? t : p;
-    return /* @__PURE__ */ n(
+), 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(
       "button",
       {
         ref: c,
@@ -137,42 +137,42 @@ const pe = N(
         "aria-checked": g,
         disabled: s,
         onClick: () => {
-          const w = !g;
-          u || m(w), o == null || o(w);
+          const x = !g;
+          u || m(x), o == null || o(x);
         },
-        className: i(pe({ size: r, checked: g }), e),
+        className: i(ve({ size: r, checked: g }), e),
         ...l,
-        children: /* @__PURE__ */ n("span", { className: ge({ size: r, checked: g }) })
+        children: /* @__PURE__ */ a("span", { className: xe({ size: r, checked: g }) })
       }
     );
   }
 );
-be.displayName = "Switch";
-const he = d(
-  ({ className: e, label: r, indeterminate: t = !1, disabled: a, id: o, ...s }, l) => {
-    const c = k(null);
+we.displayName = "Switch";
+const ye = p(
+  ({ className: e, label: r, indeterminate: t = !1, disabled: n, id: o, ...s }, l) => {
+    const c = T(null);
     y(() => {
       c.current && (c.current.indeterminate = t);
     }, [t]);
-    const u = (p) => {
-      c.current = p, typeof l == "function" ? l(p) : l && (l.current = p);
+    const u = (d) => {
+      c.current = d, typeof l == "function" ? l(d) : l && (l.current = d);
     };
     return /* @__PURE__ */ f(
       "label",
       {
         className: i(
           "relative inline-flex items-center gap-2 select-none",
-          a ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+          n ? "cursor-not-allowed opacity-50" : "cursor-pointer",
           e
         ),
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ a(
             "input",
             {
               ref: u,
               id: o,
               type: "checkbox",
-              disabled: a,
+              disabled: n,
               className: "peer sr-only",
               ...s
             }
@@ -191,7 +191,7 @@ const he = d(
                 "peer-indeterminate:[&>span]:opacity-100"
               ),
               children: [
-                /* @__PURE__ */ n(
+                /* @__PURE__ */ a(
                   "svg",
                   {
                     viewBox: "0 0 16 16",
@@ -202,44 +202,44 @@ const he = d(
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     "aria-hidden": !0,
-                    children: /* @__PURE__ */ n("path", { d: "M3.5 8.5l3 3 6-6.5" })
+                    children: /* @__PURE__ */ a("path", { d: "M3.5 8.5l3 3 6-6.5" })
                   }
                 ),
-                /* @__PURE__ */ n("span", { className: "absolute h-0.5 w-2.5 rounded-full bg-fg-on-brand opacity-0" })
+                /* @__PURE__ */ a("span", { className: "absolute h-0.5 w-2.5 rounded-full bg-fg-on-brand opacity-0" })
               ]
             }
           ),
-          r && /* @__PURE__ */ n("span", { className: "text-sm text-fg", children: r })
+          r && /* @__PURE__ */ a("span", { className: "text-sm text-fg", children: r })
         ]
       }
     );
   }
 );
-he.displayName = "Checkbox";
-const j = C(null);
-function Xe({
+ye.displayName = "Checkbox";
+const q = C(null);
+function or({
   value: e,
   defaultValue: r,
   onValueChange: t,
-  name: a,
+  name: n,
   className: o,
   children: s,
   ...l
 }) {
-  const c = B(), u = e !== void 0, [p, m] = b(r), g = u ? e : p, x = (w) => {
-    u || m(w), t == null || t(w);
+  const c = H(), u = e !== void 0, [d, m] = b(r), g = u ? e : d, v = (x) => {
+    u || m(x), t == null || t(x);
   };
-  return /* @__PURE__ */ n(
-    j.Provider,
+  return /* @__PURE__ */ a(
+    q.Provider,
     {
-      value: { name: a ?? c, value: g, onChange: x },
-      children: /* @__PURE__ */ n("div", { role: "radiogroup", className: i("flex flex-col gap-2", o), ...l, children: s })
+      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 })
     }
   );
 }
-const ve = d(
-  ({ className: e, value: r, label: t, disabled: a, ...o }, s) => {
-    const l = v(j);
+const Ce = p(
+  ({ className: e, value: r, label: t, disabled: n, ...o }, s) => {
+    const l = w(q);
     if (!l) throw new Error("<Radio> precisa estar dentro de <RadioGroup>");
     const c = l.value === r;
     return /* @__PURE__ */ f(
@@ -247,11 +247,11 @@ const ve = d(
       {
         className: i(
           "inline-flex items-center gap-2 select-none",
-          a ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+          n ? "cursor-not-allowed opacity-50" : "cursor-pointer",
           e
         ),
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ a(
             "input",
             {
               ref: s,
@@ -259,13 +259,13 @@ const ve = d(
               name: l.name,
               value: r,
               checked: c,
-              disabled: a,
+              disabled: n,
               onChange: () => l.onChange(r),
               className: "peer sr-only",
               ...o
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ a(
             "span",
             {
               className: i(
@@ -274,17 +274,17 @@ const ve = d(
                 "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__ */ n("span", { className: "h-2.5 w-2.5 scale-0 rounded-full bg-primary transition-transform" })
+              children: /* @__PURE__ */ a("span", { className: "h-2.5 w-2.5 scale-0 rounded-full bg-primary transition-transform" })
             }
           ),
-          t && /* @__PURE__ */ n("span", { className: "text-sm text-fg", children: t })
+          t && /* @__PURE__ */ a("span", { className: "text-sm text-fg", children: t })
         ]
       }
     );
   }
 );
-ve.displayName = "Radio";
-const xe = N(
+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",
   {
     variants: {
@@ -300,18 +300,18 @@ const xe = N(
     },
     defaultVariants: { size: "md", invalid: !1 }
   }
-), we = d(
-  ({ className: e, size: r, invalid: t, children: a, ...o }, s) => /* @__PURE__ */ f("div", { className: "relative inline-flex w-full items-center", children: [
-    /* @__PURE__ */ n(
+), 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(
       "select",
       {
         ref: s,
-        className: i(xe({ size: r, invalid: t }), e),
+        className: i(Ne({ size: r, invalid: t }), e),
         ...o,
-        children: a
+        children: n
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ a(
       "svg",
       {
         viewBox: "0 0 16 16",
@@ -322,47 +322,47 @@ const xe = N(
         strokeLinecap: "round",
         strokeLinejoin: "round",
         "aria-hidden": !0,
-        children: /* @__PURE__ */ n("path", { d: "M4 6l4 4 4-4" })
+        children: /* @__PURE__ */ a("path", { d: "M4 6l4 4 4-4" })
       }
     )
   ] })
 );
-we.displayName = "Select";
-const R = C(null);
-function T() {
-  const e = v(R);
+Ve.displayName = "Select";
+const G = C(null);
+function L() {
+  const e = w(G);
   if (!e) throw new Error("Componentes de Dropdown precisam estar dentro de <Dropdown>");
   return e;
 }
-function Ze({ children: e }) {
-  const [r, t] = b(!1), a = k(null);
+function lr({ children: e }) {
+  const [r, t] = b(!1), n = T(null);
   return y(() => {
     if (!r) return;
     const o = (l) => {
-      a.current && !a.current.contains(l.target) && t(!1);
+      n.current && !n.current.contains(l.target) && t(!1);
     }, s = (l) => {
       l.key === "Escape" && t(!1);
     };
     return document.addEventListener("mousedown", o), document.addEventListener("keydown", s), () => {
       document.removeEventListener("mousedown", o), document.removeEventListener("keydown", s);
     };
-  }, [r]), /* @__PURE__ */ n(R.Provider, { value: { open: r, setOpen: t }, children: /* @__PURE__ */ n("div", { ref: a, className: "relative inline-block text-left", children: e }) });
+  }, [r]), /* @__PURE__ */ a(G.Provider, { value: { open: r, setOpen: t }, children: /* @__PURE__ */ a("div", { ref: n, className: "relative inline-block text-left", children: e }) });
 }
-function er({ children: e }) {
-  const { open: r, setOpen: t } = T();
-  return I(e, {
+function sr({ children: e }) {
+  const { open: r, setOpen: t } = L();
+  return K(e, {
     onClick: () => t(!r),
     "aria-haspopup": "menu",
     "aria-expanded": r
   });
 }
-function rr({
+function ir({
   children: e,
   align: r = "start",
   className: t
 }) {
-  const { open: a } = T();
-  return a ? /* @__PURE__ */ n(
+  const { open: n } = L();
+  return n ? /* @__PURE__ */ a(
     "div",
     {
       role: "menu",
@@ -375,15 +375,15 @@ function rr({
     }
   ) : null;
 }
-function tr({
+function cr({
   children: e,
   onSelect: r,
   destructive: t,
-  className: a,
+  className: n,
   ...o
 }) {
-  const { setOpen: s } = T();
-  return /* @__PURE__ */ n(
+  const { setOpen: s } = L();
+  return /* @__PURE__ */ a(
     "button",
     {
       type: "button",
@@ -395,17 +395,17 @@ function tr({
         "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
+        n
       ),
       ...o,
       children: e
     }
   );
 }
-function ar() {
-  return /* @__PURE__ */ n("div", { role: "separator", className: "my-1 h-px bg-border-default" });
+function ur() {
+  return /* @__PURE__ */ a("div", { role: "separator", className: "my-1 h-px bg-border-default" });
 }
-const ye = N(
+const ke = N(
   "inline-flex items-center gap-1 font-medium whitespace-nowrap rounded-full",
   {
     variants: {
@@ -426,18 +426,18 @@ const ye = N(
     },
     defaultVariants: { variant: "neutral", size: "sm" }
   }
-), F = d(
-  ({ className: e, variant: r, size: t, ...a }, o) => /* @__PURE__ */ n(
+), U = p(
+  ({ className: e, variant: r, size: t, ...n }, o) => /* @__PURE__ */ a(
     "span",
     {
       ref: o,
-      className: i(ye({ variant: r, size: t }), e),
-      ...a
+      className: i(ke({ variant: r, size: t }), e),
+      ...n
     }
   )
 );
-F.displayName = "Badge";
-const Ce = N("relative inline-flex shrink-0 select-none", {
+U.displayName = "Badge";
+const ze = N("relative inline-flex shrink-0 select-none", {
   variants: {
     size: {
       xs: "h-6 w-6 text-xs",
@@ -448,53 +448,53 @@ const Ce = N("relative inline-flex shrink-0 select-none", {
     }
   },
   defaultVariants: { size: "md" }
-}), Ne = {
+}), Me = {
   online: "bg-accent",
   busy: "bg-danger",
   away: "bg-warning",
   offline: "bg-border-strong"
-}, Ve = {
+}, Te = {
   xs: "h-1.5 w-1.5",
   sm: "h-2 w-2",
   md: "h-2.5 w-2.5",
   lg: "h-3 w-3",
   xl: "h-3.5 w-3.5"
 };
-function ke(e) {
+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()) ?? "";
   }).join("") : "";
 }
-const ze = d(
-  ({ className: e, size: r = "md", src: t, alt: a, name: o, status: s, ...l }, c) => {
-    const [u, p] = b(!1), m = t && !u;
-    return /* @__PURE__ */ f("span", { ref: c, className: i(Ce({ size: r }), e), ...l, children: [
-      /* @__PURE__ */ n("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__ */ n(
+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(
         "img",
         {
           src: t,
-          alt: a ?? o ?? "",
+          alt: n ?? o ?? "",
           className: "h-full w-full object-cover",
-          onError: () => p(!0)
+          onError: () => d(!0)
         }
-      ) : /* @__PURE__ */ n("span", { "aria-hidden": !0, children: ke(o) }) }),
-      s && /* @__PURE__ */ n(
+      ) : /* @__PURE__ */ a("span", { "aria-hidden": !0, children: Ee(o) }) }),
+      s && /* @__PURE__ */ a(
         "span",
         {
           "aria-label": s,
           className: i(
             "absolute bottom-[8%] right-[8%] rounded-full ring-2 ring-bg",
-            Ne[s],
-            Ve[r ?? "md"]
+            Me[s],
+            Te[r ?? "md"]
           )
         }
       )
     ] });
   }
 );
-ze.displayName = "Avatar";
-const Te = N("animate-spin text-primary", {
+De.displayName = "Avatar";
+const Pe = N("animate-spin text-primary", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -503,8 +503,8 @@ const Te = N("animate-spin text-primary", {
     }
   },
   defaultVariants: { size: "md" }
-}), Ee = d(
-  ({ className: e, size: r, label: t = "Carregando", ...a }, o) => /* @__PURE__ */ f(
+}), Le = p(
+  ({ className: e, size: r, label: t = "Carregando", ...n }, o) => /* @__PURE__ */ f(
     "svg",
     {
       ref: o,
@@ -512,11 +512,11 @@ const Te = N("animate-spin text-primary", {
       fill: "none",
       role: "status",
       "aria-label": t,
-      className: i(Te({ size: r }), e),
-      ...a,
+      className: i(Pe({ size: r }), e),
+      ...n,
       children: [
-        /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", className: "opacity-20" }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", className: "opacity-20" }),
+        /* @__PURE__ */ a(
           "path",
           {
             d: "M12 2a10 10 0 0 1 10 10",
@@ -529,24 +529,24 @@ const Te = N("animate-spin text-primary", {
     }
   )
 );
-Ee.displayName = "Spinner";
-const Me = d(
-  ({ className: e, value: r = 0, max: t = 100, indeterminate: a, ...o }, s) => {
+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__ */ n(
+    return /* @__PURE__ */ a(
       "div",
       {
         ref: s,
         role: "progressbar",
         "aria-valuemin": 0,
         "aria-valuemax": t,
-        "aria-valuenow": a ? void 0 : r,
+        "aria-valuenow": n ? void 0 : r,
         className: i(
           "relative h-2 w-full overflow-hidden rounded-full bg-bg-muted",
           e
         ),
         ...o,
-        children: a ? /* @__PURE__ */ n("div", { className: "absolute inset-y-0 w-1/3 rounded-full bg-primary animate-[flui-indeterminate_1.2s_ease-in-out_infinite]" }) : /* @__PURE__ */ n(
+        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(
           "div",
           {
             className: "h-full rounded-full bg-primary transition-[width] duration-300",
@@ -557,16 +557,16 @@ const Me = d(
     );
   }
 );
-Me.displayName = "Progress";
-const De = d(
-  ({ className: e, orientation: r = "horizontal", label: t, ...a }, o) => r === "vertical" ? /* @__PURE__ */ n(
+Ie.displayName = "Progress";
+const _e = p(
+  ({ className: e, orientation: r = "horizontal", label: t, ...n }, o) => r === "vertical" ? /* @__PURE__ */ a(
     "div",
     {
       ref: o,
       role: "separator",
       "aria-orientation": "vertical",
       className: i("mx-2 h-full w-px self-stretch bg-border-default", e),
-      ...a
+      ...n
     }
   ) : t ? /* @__PURE__ */ f(
     "div",
@@ -574,79 +574,79 @@ const De = d(
       ref: o,
       role: "separator",
       className: i("flex items-center gap-3 text-sm text-fg-muted", e),
-      ...a,
+      ...n,
       children: [
-        /* @__PURE__ */ n("span", { className: "h-px flex-1 bg-border-default" }),
+        /* @__PURE__ */ a("span", { className: "h-px flex-1 bg-border-default" }),
         t,
-        /* @__PURE__ */ n("span", { className: "h-px flex-1 bg-border-default" })
+        /* @__PURE__ */ a("span", { className: "h-px flex-1 bg-border-default" })
       ]
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ a(
     "div",
     {
       ref: o,
       role: "separator",
       "aria-orientation": "horizontal",
       className: i("h-px w-full bg-border-default", e),
-      ...a
+      ...n
     }
   )
 );
-De.displayName = "Divider";
-const Pe = d(
-  ({ className: e, children: r, ...t }, a) => {
-    const o = Z.toArray(r);
-    return /* @__PURE__ */ n("nav", { ref: a, "aria-label": "breadcrumb", className: e, ...t, children: /* @__PURE__ */ n("ol", { className: "flex flex-wrap items-center gap-1.5 text-sm", children: o.map((s, l) => /* @__PURE__ */ f(ee, { children: [
+_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: [
       s,
-      l < o.length - 1 && /* @__PURE__ */ n(Le, {})
+      l < o.length - 1 && /* @__PURE__ */ a(Be, {})
     ] }, l)) }) });
   }
 );
-Pe.displayName = "Breadcrumb";
-function nr({
+Ae.displayName = "Breadcrumb";
+function fr({
   href: e,
   current: r,
   className: t,
-  children: a,
+  children: n,
   ...o
 }) {
-  return /* @__PURE__ */ n("li", { className: i("inline-flex items-center", t), ...o, children: r || !e ? /* @__PURE__ */ n(
+  return /* @__PURE__ */ a("li", { className: i("inline-flex items-center", t), ...o, children: r || !e ? /* @__PURE__ */ a(
     "span",
     {
       "aria-current": r ? "page" : void 0,
       className: i(r ? "font-medium text-fg" : "text-fg-muted"),
-      children: a
+      children: n
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ a(
     "a",
     {
       href: e,
       className: "text-fg-muted transition-colors hover:text-fg hover:underline",
-      children: a
+      children: n
     }
   ) });
 }
-function Le() {
-  return /* @__PURE__ */ n("li", { "aria-hidden": !0, className: "text-fg-muted", children: "/" });
+function Be() {
+  return /* @__PURE__ */ a("li", { "aria-hidden": !0, className: "text-fg-muted", children: "/" });
 }
-function Ae(e, r = 1e3) {
-  const [t, a] = b(0);
+function je(e, r = 1e3) {
+  const [t, n] = b(0);
   return y(() => {
-    a(0);
+    n(0);
     const o = performance.now(), s = (l) => {
       const c = Math.min((l - o) / r, 1), u = 1 - (1 - c) ** 4;
-      a(e * u), c < 1 ? requestAnimationFrame(s) : a(e);
+      n(e * u), c < 1 ? requestAnimationFrame(s) : n(e);
     };
     requestAnimationFrame(s);
   }, [e, r]), t;
 }
-const _e = d(
-  ({ className: e, label: r, value: t, countUp: a, formatCount: o, delta: s, helpText: l, icon: c, ...u }, p) => {
-    const m = Ae(a ?? 0), g = typeof s == "number", x = g && s >= 0, w = a !== void 0 ? o ? o(m) : Math.round(m).toLocaleString("pt-BR") : t;
+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(
       "div",
       {
-        ref: p,
+        ref: d,
         className: i(
           "flex flex-col gap-2 rounded-xl bg-bg-muted dark:bg-bg-subtle p-8 shadow-sm",
           e
@@ -654,24 +654,24 @@ const _e = d(
         ...u,
         children: [
           /* @__PURE__ */ f("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ n("span", { className: "text-sm text-fg-muted", children: r }),
-            c && /* @__PURE__ */ n("span", { className: "text-fg-muted", children: c })
+            /* @__PURE__ */ a("span", { className: "text-sm text-fg-muted", children: r }),
+            c && /* @__PURE__ */ a("span", { className: "text-fg-muted", children: c })
           ] }),
-          /* @__PURE__ */ n("span", { className: "text-3xl font-bold text-fg whitespace-nowrap tabular-nums", children: w }),
-          g && /* @__PURE__ */ f(F, { variant: x ? "success" : "danger", size: "sm", className: "self-start", children: [
-            x ? "▲" : "▼",
+          /* @__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 ? "▲" : "▼",
             " ",
             Math.abs(s),
             "%"
           ] }),
-          l && /* @__PURE__ */ n("span", { className: "text-xs text-fg-muted", children: l })
+          l && /* @__PURE__ */ a("span", { className: "text-xs text-fg-muted", children: l })
         ]
       }
     );
   }
 );
-_e.displayName = "StatCard";
-const Se = N("flex gap-3 rounded-lg p-4 text-sm", {
+Se.displayName = "StatCard";
+const Re = N("flex gap-3 rounded-lg p-4 text-sm", {
   variants: {
     variant: {
       info: "bg-primary/10 text-fg",
@@ -681,47 +681,47 @@ const Se = N("flex gap-3 rounded-lg p-4 text-sm", {
     }
   },
   defaultVariants: { variant: "info" }
-}), Be = {
+}), Fe = {
   info: "text-primary",
   success: "text-success-fg",
   warning: "text-warning",
   danger: "text-danger"
-}, Ie = {
+}, We = {
   info: "ℹ",
   success: "✓",
   warning: "!",
   danger: "✕"
-}, je = d(
-  ({ className: e, variant: r = "info", title: t, onClose: a, children: o, ...s }, l) => {
+}, He = p(
+  ({ className: e, variant: r = "info", title: t, onClose: n, children: o, ...s }, l) => {
     const c = r ?? "info";
     return /* @__PURE__ */ f(
       "div",
       {
         ref: l,
         role: "alert",
-        className: i(Se({ variant: r }), e),
+        className: i(Re({ variant: r }), e),
         ...s,
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ a(
             "span",
             {
               "aria-hidden": !0,
               className: i(
                 "flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-xs font-bold",
-                Be[c]
+                Fe[c]
               ),
-              children: Ie[c]
+              children: We[c]
             }
           ),
           /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
-            t && /* @__PURE__ */ n("div", { className: "font-semibold text-fg", children: t }),
-            o && /* @__PURE__ */ n("div", { className: "text-fg-muted", children: o })
+            t && /* @__PURE__ */ a("div", { className: "font-semibold text-fg", children: t }),
+            o && /* @__PURE__ */ a("div", { className: "text-fg-muted", children: o })
           ] }),
-          a && /* @__PURE__ */ n(
+          n && /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              onClick: a,
+              onClick: n,
               "aria-label": "Fechar",
               className: "shrink-0 rounded-sm px-1 text-fg-muted transition-colors hover:text-fg",
               children: "✕"
@@ -732,49 +732,49 @@ const Se = N("flex gap-3 rounded-lg p-4 text-sm", {
     );
   }
 );
-je.displayName = "Alert";
-function Re({
+He.displayName = "Alert";
+function Ke({
   value: e,
   defaultValue: r,
   onChange: t
 }) {
-  const a = e !== void 0, [o, s] = b(r), l = a ? e : o, c = V(
+  const n = e !== void 0, [o, s] = b(r), l = n ? e : o, c = M(
     (u) => {
-      a || s(u), t == null || t(u);
+      n || s(u), t == null || t(u);
     },
-    [a, t]
+    [n, t]
   );
   return [l, c];
 }
-const H = C(null);
-function E() {
-  const e = v(H);
+const O = C(null);
+function I() {
+  const e = w(O);
   if (!e) throw new Error("Componentes de Tabs precisam estar dentro de <Tabs>");
   return e;
 }
-function or({
+function dr({
   value: e,
   defaultValue: r,
   onValueChange: t,
-  className: a,
+  className: n,
   children: o,
   ...s
 }) {
-  const [l, c] = Re({
+  const [l, c] = Ke({
     value: e,
     defaultValue: r ?? "",
     onChange: t
   });
-  return /* @__PURE__ */ n(H.Provider, { value: { value: l, setValue: c }, children: /* @__PURE__ */ n("div", { className: a, ...s, children: o }) });
+  return /* @__PURE__ */ a(O.Provider, { value: { value: l, setValue: c }, children: /* @__PURE__ */ a("div", { className: n, ...s, children: o }) });
 }
-function lr({ className: e, children: r, ...t }) {
-  const { value: a } = E(), o = k(null), [s, l] = b({ left: 0, width: 0, ready: !1 });
+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(() => {
     const c = o.current;
     if (!c) return;
     const u = c.querySelector('[aria-selected="true"]');
     u && l({ left: u.offsetLeft, width: u.offsetWidth, ready: !0 });
-  }, [a]), /* @__PURE__ */ f(
+  }, [n]), /* @__PURE__ */ f(
     "div",
     {
       ref: o,
@@ -783,7 +783,7 @@ function lr({ className: e, children: r, ...t }) {
       ...t,
       children: [
         r,
-        s.ready && /* @__PURE__ */ n(
+        s.ready && /* @__PURE__ */ a(
           "span",
           {
             "aria-hidden": !0,
@@ -795,15 +795,15 @@ function lr({ className: e, children: r, ...t }) {
     }
   );
 }
-function sr({ value: e, className: r, ...t }) {
-  const a = E(), o = a.value === e;
-  return /* @__PURE__ */ n(
+function pr({ value: e, className: r, ...t }) {
+  const n = I(), o = n.value === e;
+  return /* @__PURE__ */ a(
     "button",
     {
       type: "button",
       role: "tab",
       "aria-selected": o,
-      onClick: () => a.setValue(e),
+      onClick: () => n.setValue(e),
       className: i(
         "px-4 py-2 text-sm font-medium transition-colors outline-none",
         "focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 ring-offset-bg",
@@ -814,8 +814,8 @@ function sr({ value: e, className: r, ...t }) {
     }
   );
 }
-function ir({ value: e, className: r, ...t }) {
-  return E().value !== e ? null : /* @__PURE__ */ n(
+function gr({ value: e, className: r, ...t }) {
+  return I().value !== e ? null : /* @__PURE__ */ a(
     "div",
     {
       role: "tabpanel",
@@ -824,47 +824,47 @@ function ir({ value: e, className: r, ...t }) {
     }
   );
 }
-const W = C(null), M = C("");
-function K() {
-  const e = v(W);
+const Y = C(null), _ = C("");
+function $() {
+  const e = w(Y);
   if (!e) throw new Error("Componentes de Accordion precisam estar dentro de <Accordion>");
   return e;
 }
-function cr({
+function br({
   type: e = "single",
   defaultValue: r,
   className: t,
-  children: a,
+  children: n,
   ...o
 }) {
-  const s = r ? Array.isArray(r) ? r : [r] : [], [l, c] = b(s), u = (p) => c((m) => {
-    const g = m.includes(p);
-    return e === "single" ? g ? [] : [p] : g ? m.filter((x) => x !== p) : [...m, p];
+  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];
   });
-  return /* @__PURE__ */ n(W.Provider, { value: { open: l, toggle: u }, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(Y.Provider, { value: { open: l, toggle: u }, children: /* @__PURE__ */ a(
     "div",
     {
       className: i("border-y border-border-default divide-y divide-border-default", t),
       ...o,
-      children: a
+      children: n
     }
   ) });
 }
-function ur({ value: e, children: r, ...t }) {
-  return /* @__PURE__ */ n(M.Provider, { value: e, children: /* @__PURE__ */ n("div", { ...t, children: r }) });
+function hr({ value: e, children: r, ...t }) {
+  return /* @__PURE__ */ a(_.Provider, { value: e, children: /* @__PURE__ */ a("div", { ...t, children: r }) });
 }
-function fr({
+function vr({
   className: e,
   children: r,
   ...t
 }) {
-  const a = K(), o = v(M), s = a.open.includes(o);
+  const n = $(), o = w(_), s = n.open.includes(o);
   return /* @__PURE__ */ f(
     "button",
     {
       type: "button",
       "aria-expanded": s,
-      onClick: () => a.toggle(o),
+      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",
         "focus-visible:ring-2 focus-visible:ring-primary ring-offset-bg",
@@ -873,26 +873,26 @@ function fr({
       ...t,
       children: [
         r,
-        /* @__PURE__ */ n("span", { className: i("text-fg-muted transition-transform", s && "rotate-180"), children: "▾" })
+        /* @__PURE__ */ a("span", { className: i("text-fg-muted transition-transform", s && "rotate-180"), children: "▾" })
       ]
     }
   );
 }
-function dr({
+function xr({
   className: e,
   ...r
 }) {
-  const t = K(), a = v(M);
-  return t.open.includes(a) ? /* @__PURE__ */ n("div", { className: i("pb-4 text-sm text-fg-muted", e), ...r }) : null;
+  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 Fe = {
+const qe = {
   top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
   bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
   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 mr({ content: e, side: r = "top", children: t, className: a }) {
-  const [o, s] = b(!1), l = B();
+function wr({ content: e, side: r = "top", children: t, className: n }) {
+  const [o, s] = b(!1), l = H();
   return /* @__PURE__ */ f(
     "span",
     {
@@ -902,8 +902,8 @@ function mr({ content: e, side: r = "top", children: t, className: a }) {
       onFocus: () => s(!0),
       onBlur: () => s(!1),
       children: [
-        /* @__PURE__ */ n("span", { "aria-describedby": o ? l : void 0, children: t }),
-        o && /* @__PURE__ */ n(
+        /* @__PURE__ */ a("span", { "aria-describedby": o ? l : void 0, children: t }),
+        o && /* @__PURE__ */ a(
           "span",
           {
             role: "tooltip",
@@ -911,8 +911,8 @@ function mr({ content: e, side: r = "top", children: t, className: a }) {
             className: i(
               "pointer-events-none absolute z-50 whitespace-nowrap rounded-md bg-fg px-2 py-1 text-xs text-bg shadow-md",
               "animate-[flui-fade-in_120ms_ease-out]",
-              Fe[r],
-              a
+              qe[r],
+              n
             ),
             children: e
           }
@@ -921,39 +921,39 @@ function mr({ content: e, side: r = "top", children: t, className: a }) {
     }
   );
 }
-const q = C(null);
-function G() {
-  const e = v(q);
+const J = C(null);
+function Q() {
+  const e = w(J);
   if (!e) throw new Error("Componentes de Popover precisam estar dentro de <Popover>");
   return e;
 }
-function pr({ children: e }) {
-  const [r, t] = b(!1), a = k(null);
+function yr({ children: e }) {
+  const [r, t] = b(!1), n = T(null);
   return y(() => {
     if (!r) return;
     const o = (l) => {
-      a.current && !a.current.contains(l.target) && t(!1);
+      n.current && !n.current.contains(l.target) && t(!1);
     }, s = (l) => l.key === "Escape" && t(!1);
     return document.addEventListener("mousedown", o), document.addEventListener("keydown", s), () => {
       document.removeEventListener("mousedown", o), document.removeEventListener("keydown", s);
     };
-  }, [r]), /* @__PURE__ */ n(q.Provider, { value: { open: r, setOpen: t }, children: /* @__PURE__ */ n("div", { ref: a, className: "relative inline-block", children: e }) });
+  }, [r]), /* @__PURE__ */ a(J.Provider, { value: { open: r, setOpen: t }, children: /* @__PURE__ */ a("div", { ref: n, className: "relative inline-block", children: e }) });
 }
-function gr({ children: e }) {
-  const { open: r, setOpen: t } = G();
-  return I(e, {
+function Cr({ children: e }) {
+  const { open: r, setOpen: t } = Q();
+  return K(e, {
     onClick: () => t(!r),
     "aria-haspopup": "dialog",
     "aria-expanded": r
   });
 }
-function br({
+function Nr({
   children: e,
   align: r = "start",
   className: t
 }) {
-  const { open: a } = G();
-  return a ? /* @__PURE__ */ n(
+  const { open: n } = Q();
+  return n ? /* @__PURE__ */ a(
     "div",
     {
       role: "dialog",
@@ -967,39 +967,39 @@ function br({
     }
   ) : null;
 }
-function D({ children: e }) {
+function A({ children: e }) {
   const [r, t] = b(!1);
-  return y(() => t(!0), []), r ? ne(e, document.body) : null;
+  return y(() => t(!0), []), r ? ie(e, document.body) : null;
 }
-function O(e, r) {
+function X(e, r) {
   y(() => {
     if (!e) return;
-    const t = (o) => o.key === "Escape" && r(), a = document.body.style.overflow;
+    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 = a, document.removeEventListener("keydown", t);
+      document.body.style.overflow = n, document.removeEventListener("keydown", t);
     };
   }, [e, r]);
 }
-const U = C(null);
-function hr({ open: e, onOpenChange: r, children: t }) {
-  const a = () => r == null ? void 0 : r(!1);
-  return O(e, a), e ? /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n(U.Provider, { value: { close: a }, children: /* @__PURE__ */ f("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ n(
+const Z = C(null);
+function Ge({ open: e, onOpenChange: r, children: t }) {
+  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(
       "div",
       {
         className: "absolute inset-0 bg-black/60 backdrop-blur-sm animate-[flui-fade-in_120ms_ease-out]",
-        onClick: a
+        onClick: n
       }
     ),
     t
   ] }) }) }) : null;
 }
-function vr({
+function Ue({
   className: e,
   children: r,
   ...t
 }) {
-  const a = v(U);
+  const n = w(Z);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -1013,11 +1013,11 @@ function vr({
       ...t,
       children: [
         r,
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: () => a == null ? void 0 : a.close(),
+            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",
             children: "✕"
@@ -1027,49 +1027,49 @@ function vr({
     }
   );
 }
-function xr({ className: e, ...r }) {
-  return /* @__PURE__ */ n("div", { className: i("flex flex-col gap-1 p-6 pb-2", e), ...r });
+function Vr({ className: e, ...r }) {
+  return /* @__PURE__ */ a("div", { className: i("flex flex-col gap-1 p-6 pb-2", e), ...r });
 }
-function wr({ className: e, ...r }) {
-  return /* @__PURE__ */ n("h2", { className: i("text-lg font-semibold text-fg", e), ...r });
+function kr({ className: e, ...r }) {
+  return /* @__PURE__ */ a("h2", { className: i("text-lg font-semibold text-fg", e), ...r });
 }
-function yr({
+function zr({
   className: e,
   ...r
 }) {
-  return /* @__PURE__ */ n("p", { className: i("text-sm text-fg-muted", e), ...r });
+  return /* @__PURE__ */ a("p", { className: i("text-sm text-fg-muted", e), ...r });
 }
-function Cr({ className: e, ...r }) {
-  return /* @__PURE__ */ n("div", { className: i("px-6 py-2", e), ...r });
+function Mr({ className: e, ...r }) {
+  return /* @__PURE__ */ a("div", { className: i("px-6 py-2", e), ...r });
 }
-function Nr({ className: e, ...r }) {
-  return /* @__PURE__ */ n("div", { className: i("flex justify-end gap-2 p-6 pt-4", e), ...r });
+function Tr({ className: e, ...r }) {
+  return /* @__PURE__ */ a("div", { className: i("flex justify-end gap-2 p-6 pt-4", e), ...r });
 }
-const Y = C(null), He = {
+const ee = C(null), Oe = {
   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 Vr({ open: e, onOpenChange: r, side: t = "right", children: a }) {
+function Er({ open: e, onOpenChange: r, side: t = "right", children: n }) {
   const o = () => r == null ? void 0 : r(!1);
-  return O(e, o), e ? /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n(Y.Provider, { value: { close: o, side: t }, children: /* @__PURE__ */ f("div", { className: "fixed inset-0 z-50", children: [
-    /* @__PURE__ */ n(
+  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(
       "div",
       {
         className: "absolute inset-0 bg-black/60 backdrop-blur-sm animate-[flui-fade-in_120ms_ease-out]",
         onClick: o
       }
     ),
-    a
+    n
   ] }) }) }) : null;
 }
-function kr({
+function Dr({
   className: e,
   children: r,
   ...t
 }) {
-  const a = v(Y), o = (a == null ? void 0 : a.side) ?? "right";
+  const n = w(ee), o = (n == null ? void 0 : n.side) ?? "right";
   return /* @__PURE__ */ f(
     "div",
     {
@@ -1078,17 +1078,17 @@ function kr({
       className: i(
         "absolute z-10 flex flex-col border-border-default bg-bg shadow-lg",
         "animate-[flui-fade-in_160ms_ease-out]",
-        He[o],
+        Oe[o],
         e
       ),
       ...t,
       children: [
         r,
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: () => a == null ? void 0 : a.close(),
+            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",
             children: "✕"
@@ -1098,8 +1098,8 @@ function kr({
     }
   );
 }
-function zr({ className: e, ...r }) {
-  return /* @__PURE__ */ n(
+function Pr({ className: e, ...r }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       className: i("flex flex-col gap-1 border-b border-border-default p-6", e),
@@ -1107,14 +1107,14 @@ function zr({ className: e, ...r }) {
     }
   );
 }
-function Tr({ className: e, ...r }) {
-  return /* @__PURE__ */ n("h2", { className: i("text-lg font-semibold text-fg", e), ...r });
+function Lr({ className: e, ...r }) {
+  return /* @__PURE__ */ a("h2", { className: i("text-lg font-semibold text-fg", e), ...r });
 }
-function Er({ className: e, ...r }) {
-  return /* @__PURE__ */ n("div", { className: i("flex-1 overflow-y-auto p-6", e), ...r });
+function Ir({ className: e, ...r }) {
+  return /* @__PURE__ */ a("div", { className: i("flex-1 overflow-y-auto p-6", e), ...r });
 }
-function Mr({ className: e, ...r }) {
-  return /* @__PURE__ */ n(
+function _r({ className: e, ...r }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       className: i("flex justify-end gap-2 border-t border-border-default p-6", e),
@@ -1122,25 +1122,25 @@ function Mr({ className: e, ...r }) {
     }
   );
 }
-const $ = C(null), z = {
+const re = C(null), D = {
   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 Dr({ children: e }) {
-  const [r, t] = b([]), a = k(0), o = V((l) => {
+function Ar({ children: e }) {
+  const [r, t] = b([]), n = T(0), o = M((l) => {
     t((c) => c.filter((u) => u.id !== l));
-  }, []), s = V((l) => {
-    const c = ++a.current;
+  }, []), s = M((l) => {
+    const c = ++n.current;
     return t((u) => [...u, { id: c, variant: "info", duration: 4e3, ...l }]), c;
   }, []);
-  return /* @__PURE__ */ f($.Provider, { value: { toast: s, dismiss: o }, children: [
+  return /* @__PURE__ */ f(re.Provider, { value: { toast: s, dismiss: o }, children: [
     e,
-    /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n("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__ */ n(We, { item: l, onDismiss: () => o(l.id) }, l.id)) }) })
+    /* @__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)) }) })
   ] });
 }
-function We({ item: e, onDismiss: r }) {
+function Ye({ item: e, onDismiss: r }) {
   return y(() => {
     if (!e.duration) return;
     const t = setTimeout(r, e.duration);
@@ -1152,20 +1152,20 @@ function We({ 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]",
-        z[e.variant ?? "info"].wrapper
+        D[e.variant ?? "info"].wrapper
       ),
       children: [
         /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ n("div", { className: i("text-sm font-semibold", z[e.variant ?? "info"].title), children: e.title }),
-          e.description && /* @__PURE__ */ n("div", { className: i("mt-0.5 text-sm", z[e.variant ?? "info"].description), children: e.description })
+          /* @__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__ */ n(
+        /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             onClick: r,
             "aria-label": "Fechar",
-            className: i("shrink-0 rounded-sm px-1 transition-colors opacity-60 hover:opacity-100", z[e.variant ?? "info"].title),
+            className: i("shrink-0 rounded-sm px-1 transition-colors opacity-60 hover:opacity-100", D[e.variant ?? "info"].title),
             children: "✕"
           }
         )
@@ -1173,12 +1173,12 @@ function We({ item: e, onDismiss: r }) {
     }
   );
 }
-function Pr() {
-  const e = v($);
+function Br() {
+  const e = w(re);
   if (!e) throw new Error("useToast precisa estar dentro de <ToastProvider>");
   return e;
 }
-const Ke = N(
+const $e = N(
   "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,79 +1189,177 @@ const Ke = N(
     },
     defaultVariants: { invalid: !1 }
   }
-), qe = d(
-  ({ className: e, invalid: r, ...t }, a) => /* @__PURE__ */ n(
+), Je = p(
+  ({ className: e, invalid: r, ...t }, n) => /* @__PURE__ */ a(
     "textarea",
     {
-      ref: a,
-      className: i(Ke({ invalid: r }), e),
+      ref: n,
+      className: i($e({ invalid: r }), e),
       ...t
     }
   )
 );
-qe.displayName = "Textarea";
-const J = C(null), A = "flui-color-mode", _ = "flui-brand";
-function Ge() {
+Je.displayName = "Textarea";
+function Qe({
+  user: e,
+  nav: r,
+  active: t,
+  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(
+        "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__ */ a(
+        "svg",
+        {
+          viewBox: "0 0 16 16",
+          className: "ml-auto h-3.5 w-3.5 shrink-0 text-fg-muted",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ a("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(
+        "button",
+        {
+          type: "button",
+          onClick: () => n(u.id),
+          className: s(u.id === t),
+          children: [
+            u.icon && /* @__PURE__ */ a("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 })
+  ] });
+}
+function jr({
+  open: e,
+  onOpenChange: r,
+  user: t,
+  nav: n,
+  defaultSection: o,
+  activeSection: s,
+  onSectionChange: l,
+  sectionTitles: c = {},
+  sectionSubtitles: u = {},
+  renderSection: d,
+  footerAction: m
+}) {
+  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(
+      Qe,
+      {
+        user: t,
+        nav: n,
+        active: V,
+        onSelect: h,
+        footerAction: m
+      }
+    ),
+    /* @__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__ */ 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: [
+        "Conteúdo de ",
+        /* @__PURE__ */ a("strong", { children: E }),
+        "."
+      ] }) })
+    ] })
+  ] }) }) });
+}
+const te = C(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);
 }
-function S(e, r) {
+function W(e, r) {
   try {
     return localStorage.getItem(e) ?? r;
   } catch {
     return r;
   }
 }
-function Lr({
+function Sr({
   children: e,
   defaultMode: r = "system",
   defaultBrand: t = "default",
-  target: a
+  target: n
 }) {
   const [o, s] = b(
-    () => S(A, r)
+    () => W(R, r)
   ), [l, c] = b(
-    () => S(_, t)
-  ), [u, p] = b(Ge);
+    () => W(F, t)
+  ), [u, d] = b(Xe);
   y(() => {
-    var L;
-    const h = (L = window.matchMedia) == null ? void 0 : L.call(window, "(prefers-color-scheme: dark)");
+    var k;
+    const h = (k = window.matchMedia) == null ? void 0 : k.call(window, "(prefers-color-scheme: dark)");
     if (!h) return;
-    const P = (X) => p(X.matches);
+    const P = (E) => d(E.matches);
     return h.addEventListener("change", P), () => h.removeEventListener("change", P);
   }, []);
   const m = o === "system" ? u ? "dark" : "light" : o;
   y(() => {
-    const h = (a == null ? void 0 : a()) ?? document.documentElement;
+    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, a]);
-  const g = V((h) => {
+  }, [m, l, n]);
+  const g = M((h) => {
     s(h);
     try {
-      localStorage.setItem(A, h);
+      localStorage.setItem(R, h);
     } catch {
     }
-  }, []), x = V((h) => {
+  }, []), v = M((h) => {
     c(h);
     try {
-      localStorage.setItem(_, h);
+      localStorage.setItem(F, h);
     } catch {
     }
-  }, []), w = V(() => {
+  }, []), x = M(() => {
     g(m === "dark" ? "light" : "dark");
-  }, [m, g]), Q = re(
-    () => ({ mode: o, resolvedMode: m, brand: l, setMode: g, setBrand: x, toggleMode: w }),
-    [o, m, l, g, x, w]
+  }, [m, g]), V = oe(
+    () => ({ mode: o, resolvedMode: m, brand: l, setMode: g, setBrand: v, toggleMode: x }),
+    [o, m, l, g, v, x]
   );
-  return /* @__PURE__ */ n(J.Provider, { value: Q, children: e });
+  return /* @__PURE__ */ a(te.Provider, { value: V, children: e });
 }
-function Ar() {
-  const e = v(J);
+function Rr() {
+  const e = w(te);
   if (!e)
     throw new Error("useTheme precisa estar dentro de <ThemeProvider>");
   return e;
 }
-const _r = [
+const Fr = [
   {
     name: "flui-color-accent-scale-50",
     cssVar: "--flui-color-accent-scale-50",
@@ -2492,68 +2590,69 @@ const _r = [
   }
 ];
 export {
-  cr as Accordion,
-  dr as AccordionContent,
-  ur as AccordionItem,
-  fr as AccordionTrigger,
-  je as Alert,
-  ze as Avatar,
-  F as Badge,
-  Pe as Breadcrumb,
-  nr as BreadcrumbItem,
-  Le as BreadcrumbSeparator,
-  le as Button,
-  ce as Card,
-  me as CardContent,
-  de as CardDescription,
-  ue as CardHeader,
-  fe as CardTitle,
-  he as Checkbox,
-  De as Divider,
-  Vr as Drawer,
-  Er as DrawerBody,
-  kr as DrawerContent,
-  Mr as DrawerFooter,
-  zr as DrawerHeader,
-  Tr as DrawerTitle,
-  Ze as Dropdown,
-  rr as DropdownContent,
-  tr as DropdownItem,
-  ar as DropdownSeparator,
-  er as DropdownTrigger,
-  ie as Input,
-  hr as Modal,
-  Cr as ModalBody,
-  vr as ModalContent,
-  yr as ModalDescription,
-  Nr as ModalFooter,
-  xr as ModalHeader,
-  wr as ModalTitle,
-  pr as Popover,
-  br as PopoverContent,
-  gr as PopoverTrigger,
-  Me as Progress,
-  ve as Radio,
-  Xe as RadioGroup,
-  we as Select,
-  Ee as Spinner,
-  _e as StatCard,
-  be as Switch,
-  or as Tabs,
-  ir as TabsContent,
-  lr as TabsList,
-  sr as TabsTrigger,
-  qe as Textarea,
-  Lr as ThemeProvider,
-  Dr as ToastProvider,
-  mr as Tooltip,
-  ye as badgeVariants,
-  oe as buttonVariants,
+  br as Accordion,
+  xr as AccordionContent,
+  hr as AccordionItem,
+  vr as AccordionTrigger,
+  He as Alert,
+  De as Avatar,
+  U as Badge,
+  Ae 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,
+  ye as Checkbox,
+  _e as Divider,
+  Er 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,
+  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,
+  Cr as PopoverTrigger,
+  jr as ProfileSettingsModal,
+  Ie as Progress,
+  Ce as Radio,
+  or as RadioGroup,
+  Ve as Select,
+  Le as Spinner,
+  Se as StatCard,
+  we as Switch,
+  dr as Tabs,
+  gr as TabsContent,
+  mr as TabsList,
+  pr as TabsTrigger,
+  Je as Textarea,
+  Sr as ThemeProvider,
+  Ar as ToastProvider,
+  wr as Tooltip,
+  ke as badgeVariants,
+  ce as buttonVariants,
   i as cn,
-  se as inputVariants,
-  Ke as textareaVariants,
-  _r as tokens,
-  Ar as useTheme,
-  Pr as useToast
+  fe as inputVariants,
+  $e as textareaVariants,
+  Fr as tokens,
+  Rr as useTheme,
+  Br as useToast
 };
 //# sourceMappingURL=index.js.map