@ezfit/ui 1.2.0 → 1.3.0

package/dist/index.js

@@ -1,66 +1,67 @@
-import { clsx as Z } from "clsx";
-import { twMerge as ee } from "tailwind-merge";
-import { jsx as e, jsxs as l, Fragment as P } from "react/jsx-runtime";
-import { ArrowDown01Icon as H, InformationCircleIcon as te, AlertCircleIcon as re, Alert01Icon as ne, CheckmarkCircle01Icon as ae, Cancel01Icon as j, Loading03Icon as oe, BarChartIcon as se, Tick02Icon as _, ArrowLeft01Icon as ie, ArrowRight01Icon as le, DropletIcon as ce, Search01Icon as de, UserIcon as pe, ChartUpIcon as me, ChartDownIcon as ue } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as u } from "@hugeicons/react";
-import * as k from "@radix-ui/react-accordion";
-import { forwardRef as p, useId as F, useState as xe, useCallback as V, useMemo as ge, useContext as fe, createContext as be } from "react";
-import { ResponsiveContainer as E, AreaChart as he, Tooltip as G, Area as ve, BarChart as Ne, XAxis as ye, Bar as we, Cell as O, PieChart as Ce, Pie as ke } from "recharts";
-import { cva as y } from "class-variance-authority";
-import * as $ from "@radix-ui/react-checkbox";
-import * as N from "@radix-ui/react-dialog";
-import * as K from "@radix-ui/react-radio-group";
-import * as h from "@radix-ui/react-select";
-import * as I from "@radix-ui/react-slider";
-import * as L from "@radix-ui/react-switch";
-import * as z from "@radix-ui/react-tabs";
-import * as C from "@radix-ui/react-toast";
-import * as v from "@radix-ui/react-tooltip";
-function i(...n) {
-  return ee(Z(n));
+import { clsx as fe } from "clsx";
+import { twMerge as ge } from "tailwind-merge";
+import { jsx as e, jsxs as l, Fragment as V } from "react/jsx-runtime";
+import { ArrowDown01Icon as te, InformationCircleIcon as be, AlertCircleIcon as he, Alert01Icon as ve, CheckmarkCircle01Icon as Ne, Cancel01Icon as W, Loading03Icon as ye, BarChartIcon as we, Tick02Icon as L, ArrowLeft01Icon as re, ArrowRight01Icon as ne, Calendar03Icon as Ce, DropletIcon as ke, Search01Icon as Te, UserIcon as De, ChartUpIcon as Ie, ChartDownIcon as Fe } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as x } from "@hugeicons/react";
+import * as F from "@radix-ui/react-accordion";
+import { forwardRef as u, useId as A, useState as R, useCallback as _, useMemo as ze, useContext as Se, createContext as Be } from "react";
+import { ResponsiveContainer as O, AreaChart as Pe, Tooltip as oe, Area as Ae, BarChart as je, XAxis as $e, Bar as Me, Cell as ae, PieChart as Ee, Pie as Re } from "recharts";
+import { cva as C } from "class-variance-authority";
+import * as J from "@radix-ui/react-checkbox";
+import * as S from "@radix-ui/react-popover";
+import * as w from "@radix-ui/react-dialog";
+import * as se from "@radix-ui/react-radio-group";
+import * as N from "@radix-ui/react-select";
+import * as B from "@radix-ui/react-slider";
+import * as Q from "@radix-ui/react-switch";
+import * as j from "@radix-ui/react-tabs";
+import * as T from "@radix-ui/react-toast";
+import * as y from "@radix-ui/react-tooltip";
+function i(...r) {
+  return ge(fe(r));
 }
-const Jt = k.Root, Te = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
-  k.Item,
+const xr = F.Root, Ve = u(({ className: r, ...t }, n) => /* @__PURE__ */ e(
+  F.Item,
   {
-    ref: t,
-    className: i("overflow-hidden rounded-list border border-border-soft", n),
-    ...r
+    ref: n,
+    className: i("overflow-hidden rounded-list border border-border-soft", r),
+    ...t
   }
 ));
-Te.displayName = "AccordionItem";
-const Ie = p(({ className: n, children: r, ...t }, a) => /* @__PURE__ */ e(k.Header, { className: "flex", children: /* @__PURE__ */ l(
-  k.Trigger,
+Ve.displayName = "AccordionItem";
+const We = u(({ className: r, children: t, ...n }, o) => /* @__PURE__ */ e(F.Header, { className: "flex", children: /* @__PURE__ */ l(
+  F.Trigger,
   {
-    ref: a,
+    ref: o,
     className: i(
       "group flex flex-1 cursor-pointer items-center justify-between p-4 text-left text-sm font-semibold outline-none focus-visible:ring-3 focus-visible:ring-ring/25",
-      n
+      r
     ),
-    ...t,
+    ...n,
     children: [
-      r,
+      t,
       /* @__PURE__ */ e(
-        u,
+        x,
         {
-          icon: H,
+          icon: te,
           className: "size-[18px] flex-none text-subtle-foreground transition-transform group-data-[state=open]:rotate-180"
         }
       )
     ]
   }
 ) }));
-Ie.displayName = "AccordionTrigger";
-const Fe = p(({ className: n, children: r, ...t }, a) => /* @__PURE__ */ e(
-  k.Content,
+We.displayName = "AccordionTrigger";
+const Le = u(({ className: r, children: t, ...n }, o) => /* @__PURE__ */ e(
+  F.Content,
   {
-    ref: a,
+    ref: o,
     className: "overflow-hidden text-[13px] leading-relaxed text-muted-foreground data-[state=closed]:animate-[ezfade_0.18s_ease] data-[state=open]:animate-[ezfade_0.18s_ease]",
-    ...t,
-    children: /* @__PURE__ */ e("div", { className: i("px-4 pb-4", n), children: r })
+    ...n,
+    children: /* @__PURE__ */ e("div", { className: i("px-4 pb-4", r), children: t })
   }
 ));
-Fe.displayName = "AccordionContent";
-const ze = y(
+Le.displayName = "AccordionContent";
+const Oe = C(
   "inline-flex items-center gap-1.5 rounded-pill font-semibold whitespace-nowrap",
   {
     variants: {
@@ -80,11 +81,11 @@ const ze = y(
     },
     defaultVariants: { variant: "neutral", size: "md" }
   }
-), Be = p(
-  ({ className: n, variant: r, size: t, ...a }, o) => /* @__PURE__ */ e("span", { ref: o, className: i(ze({ variant: r, size: t }), n), ...a })
+), He = u(
+  ({ className: r, variant: t, size: n, ...o }, a) => /* @__PURE__ */ e("span", { ref: a, className: i(Oe({ variant: t, size: n }), r), ...o })
 );
-Be.displayName = "Badge";
-const De = y("flex items-center gap-3.5 rounded-list border p-[15px] px-[18px]", {
+He.displayName = "Badge";
+const Ge = C("flex items-center gap-3.5 rounded-list border p-[15px] px-[18px]", {
   variants: {
     variant: {
       success: "border-success-border bg-success-bg",
@@ -94,63 +95,63 @@ const De = y("flex items-center gap-3.5 rounded-list border p-[15px] px-[18px]",
     }
   },
   defaultVariants: { variant: "info" }
-}), Se = {
-  success: ae,
-  warning: ne,
-  error: re,
-  info: te
-}, M = {
+}), Ye = {
+  success: Ne,
+  warning: ve,
+  error: he,
+  info: be
+}, q = {
   success: "text-success",
   warning: "text-warning",
   error: "text-error",
   info: "text-info"
-}, Ae = {
+}, Ke = {
   success: "text-[#166534]",
   warning: "text-[#92400E]",
   error: "text-[#991B1B]",
   info: "text-[#1E40AF]"
-}, Pe = {
+}, _e = {
   success: "text-[#15803D]",
   warning: "text-[#B45309]",
   error: "text-[#B91C1C]",
   info: "text-[#1D4ED8]"
-}, je = p(
-  ({ className: n, variant: r = "info", title: t, children: a, onDismiss: o, ...s }, c) => {
-    const d = r ?? "info", m = Se[d];
-    return /* @__PURE__ */ l("div", { ref: c, role: "alert", className: i(De({ variant: r }), n), ...s, children: [
+}, Je = u(
+  ({ className: r, variant: t = "info", title: n, children: o, onDismiss: a, ...s }, c) => {
+    const d = t ?? "info", m = Ye[d];
+    return /* @__PURE__ */ l("div", { ref: c, role: "alert", className: i(Ge({ variant: t }), r), ...s, children: [
       /* @__PURE__ */ e(
-        u,
+        x,
         {
           icon: m,
-          className: i("size-5 flex-none", M[d]),
+          className: i("size-5 flex-none", q[d]),
           strokeWidth: 2
         }
       ),
       /* @__PURE__ */ l("div", { className: "flex-1 text-sm", children: [
-        t ? /* @__PURE__ */ l("span", { className: i("font-semibold", Ae[d]), children: [
-          t,
+        n ? /* @__PURE__ */ l("span", { className: i("font-semibold", Ke[d]), children: [
+          n,
           " "
         ] }) : null,
-        /* @__PURE__ */ e("span", { className: Pe[d], children: a })
+        /* @__PURE__ */ e("span", { className: _e[d], children: o })
       ] }),
-      o ? /* @__PURE__ */ e(
+      a ? /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          onClick: o,
+          onClick: a,
           "aria-label": "Fechar",
           className: i(
             "flex-none cursor-pointer opacity-60 transition-opacity hover:opacity-100",
-            M[d]
+            q[d]
           ),
-          children: /* @__PURE__ */ e(u, { icon: j, className: "size-[17px]" })
+          children: /* @__PURE__ */ e(x, { icon: W, className: "size-[17px]" })
         }
       ) : null
     ] });
   }
 );
-je.displayName = "Banner";
-const _e = y(
+Je.displayName = "Banner";
+const Qe = C(
   "inline-flex items-center justify-center gap-2 font-sans font-semibold whitespace-nowrap transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/25 disabled:pointer-events-none disabled:opacity-70",
   {
     variants: {
@@ -172,26 +173,26 @@ const _e = y(
       size: "md"
     }
   }
-), Ee = p(
-  ({ className: n, variant: r, size: t, loading: a = !1, disabled: o, children: s, type: c = "button", ...d }, m) => /* @__PURE__ */ e(
+), qe = u(
+  ({ className: r, variant: t, size: n, loading: o = !1, disabled: a, children: s, type: c = "button", ...d }, m) => /* @__PURE__ */ e(
     "button",
     {
       ref: m,
       type: c,
-      className: i(_e({ variant: r, size: t }), n),
-      disabled: o || a,
+      className: i(Qe({ variant: t, size: n }), r),
+      disabled: a || o,
       ...d,
-      children: a ? /* @__PURE__ */ e(u, { icon: oe, className: "size-[18px] animate-spin-slow" }) : s
+      children: o ? /* @__PURE__ */ e(x, { icon: ye, className: "size-[18px] animate-spin-slow" }) : s
     }
   )
 );
-Ee.displayName = "Button";
-const Re = y("rounded-card", {
+qe.displayName = "Button";
+const Ue = C("rounded-card", {
   variants: {
     variant: {
-      light: "bg-card text-card-foreground shadow-card",
-      dark: "bg-primary text-primary-foreground shadow-dark",
-      accent: "bg-accent text-accent-foreground shadow-accent"
+      light: "border border-border bg-card text-card-foreground",
+      dark: "bg-primary text-primary-foreground",
+      accent: "bg-accent text-accent-foreground"
     },
     padding: {
       none: "p-0",
@@ -200,32 +201,32 @@ const Re = y("rounded-card", {
     }
   },
   defaultVariants: { variant: "light", padding: "md" }
-}), Ve = p(
-  ({ className: n, variant: r, padding: t, ...a }, o) => /* @__PURE__ */ e("div", { ref: o, className: i(Re({ variant: r, padding: t }), n), ...a })
+}), Xe = u(
+  ({ className: r, variant: t, padding: n, ...o }, a) => /* @__PURE__ */ e("div", { ref: a, className: i(Ue({ variant: t, padding: n }), r), ...o })
 );
-Ve.displayName = "Card";
-const $e = p(
-  ({ className: n, ...r }, t) => /* @__PURE__ */ e(
+Xe.displayName = "Card";
+const Ze = u(
+  ({ className: r, ...t }, n) => /* @__PURE__ */ e(
     "div",
     {
-      ref: t,
-      className: i("mb-4 flex items-start justify-between gap-3", n),
-      ...r
+      ref: n,
+      className: i("mb-4 flex items-start justify-between gap-3", r),
+      ...t
     }
   )
 );
-$e.displayName = "CardHeader";
-const Le = p(
-  ({ className: n, ...r }, t) => /* @__PURE__ */ e("h3", { ref: t, className: i("text-base font-semibold", n), ...r })
+Ze.displayName = "CardHeader";
+const et = u(
+  ({ className: r, ...t }, n) => /* @__PURE__ */ e("h3", { ref: n, className: i("text-base font-semibold", r), ...t })
 );
-Le.displayName = "CardTitle";
-const Me = p(({ className: n, ...r }, t) => /* @__PURE__ */ e("p", { ref: t, className: i("text-[13px] text-muted-foreground", n), ...r }));
-Me.displayName = "CardDescription";
-const We = p(
-  ({ className: n, ...r }, t) => /* @__PURE__ */ e("div", { ref: t, className: i(n), ...r })
+et.displayName = "CardTitle";
+const tt = u(({ className: r, ...t }, n) => /* @__PURE__ */ e("p", { ref: n, className: i("text-[13px] text-muted-foreground", r), ...t }));
+tt.displayName = "CardDescription";
+const rt = u(
+  ({ className: r, ...t }, n) => /* @__PURE__ */ e("div", { ref: n, className: i(r), ...t })
 );
-We.displayName = "CardContent";
-const w = {
+rt.displayName = "CardContent";
+const k = {
   primary: "#16181D",
   primaryForeground: "#FFFFFF",
   accent: "#2B4BF2",
@@ -250,16 +251,16 @@ const w = {
   carbsText: "#6B7280",
   fat: "#F97316",
   cardio: "#22C55E"
-}, B = {
-  protein: w.protein,
-  carbs: w.carbs,
-  fat: w.fat,
-  cardio: w.cardio,
-  accent: w.accent,
-  primary: w.primary,
-  muted: w.secondary,
+}, $ = {
+  protein: k.protein,
+  carbs: k.carbs,
+  fat: k.fat,
+  cardio: k.cardio,
+  accent: k.accent,
+  primary: k.primary,
+  muted: k.secondary,
   grid: "#EEF0F4"
-}, Qt = {
+}, fr = {
   input: "8px",
   field: "10px",
   button: "10px",
@@ -267,22 +268,22 @@ const w = {
   tile: "14px",
   card: "16px",
   pill: "999px"
-}, Yt = {
+}, gr = {
   sans: "'Manrope', ui-sans-serif, system-ui, sans-serif",
   mono: "'Space Mono', ui-monospace, monospace"
-}, R = p(
-  ({ className: n, title: r, rows: t, ...a }, o) => /* @__PURE__ */ l(
+}, H = u(
+  ({ className: r, title: t, rows: n, ...o }, a) => /* @__PURE__ */ l(
     "div",
     {
-      ref: o,
+      ref: a,
       className: i(
-        "min-w-[150px] rounded-[14px] bg-primary px-4 py-3 text-primary-foreground shadow-[0_8px_24px_rgba(15,23,42,0.25)]",
-        n
+        "min-w-[150px] rounded-[14px] bg-primary px-4 py-3 text-primary-foreground",
+        r
       ),
-      ...a,
+      ...o,
       children: [
-        r ? /* @__PURE__ */ e("div", { className: "mb-1.5 text-[11px] text-subtle-foreground", children: r }) : null,
-        t.map((s) => /* @__PURE__ */ l("div", { className: "flex items-center gap-2 text-[13px] font-semibold", children: [
+        t ? /* @__PURE__ */ e("div", { className: "mb-1.5 text-[11px] text-subtle-foreground", children: t }) : null,
+        n.map((s) => /* @__PURE__ */ l("div", { className: "flex items-center gap-2 text-[13px] font-semibold", children: [
           s.color ? /* @__PURE__ */ e("span", { className: "size-[9px] flex-none rounded-full", style: { background: s.color } }) : null,
           s.label,
           /* @__PURE__ */ e("span", { className: "ml-auto", children: s.value })
@@ -291,78 +292,78 @@ const w = {
     }
   )
 );
-R.displayName = "ChartTooltip";
-function He(n) {
-  return function({ active: t, payload: a, label: o }) {
-    if (!t || !(a != null && a.length)) return null;
-    const s = a[0];
+H.displayName = "ChartTooltip";
+function nt(r) {
+  return function({ active: n, payload: o, label: a }) {
+    if (!n || !(o != null && o.length)) return null;
+    const s = o[0];
     return /* @__PURE__ */ e(
-      R,
+      H,
       {
-        title: String(o),
+        title: String(a),
         rows: [
           {
             label: "Valor",
-            value: `${(s == null ? void 0 : s.value) ?? 0}${n ? ` ${n}` : ""}`,
-            color: B.accent
+            value: `${(s == null ? void 0 : s.value) ?? 0}${r ? ` ${r}` : ""}`,
+            color: $.accent
           }
         ]
       }
     );
   };
 }
-function Zt({
-  data: n,
-  height: r = 180,
-  color: t = B.accent,
-  unit: a = "",
-  className: o
+function br({
+  data: r,
+  height: t = 180,
+  color: n = $.accent,
+  unit: o = "",
+  className: a
 }) {
   const s = "ezfit-area-gradient";
-  return /* @__PURE__ */ e("div", { className: i("w-full", o), style: { height: r }, children: /* @__PURE__ */ e(E, { width: "100%", height: "100%", children: /* @__PURE__ */ l(he, { data: n, margin: { top: 8, right: 8, bottom: 0, left: 8 }, children: [
+  return /* @__PURE__ */ e("div", { className: i("w-full", a), style: { height: t }, children: /* @__PURE__ */ e(O, { width: "100%", height: "100%", children: /* @__PURE__ */ l(Pe, { data: r, margin: { top: 8, right: 8, bottom: 0, left: 8 }, children: [
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l("linearGradient", { id: s, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-      /* @__PURE__ */ e("stop", { offset: "0%", stopColor: t, stopOpacity: 0.45 }),
-      /* @__PURE__ */ e("stop", { offset: "100%", stopColor: t, stopOpacity: 0 })
+      /* @__PURE__ */ e("stop", { offset: "0%", stopColor: n, stopOpacity: 0.45 }),
+      /* @__PURE__ */ e("stop", { offset: "100%", stopColor: n, stopOpacity: 0 })
     ] }) }),
-    /* @__PURE__ */ e(G, { cursor: !1, content: He(a) }),
+    /* @__PURE__ */ e(oe, { cursor: !1, content: nt(o) }),
     /* @__PURE__ */ e(
-      ve,
+      Ae,
       {
         type: "monotone",
         dataKey: "value",
-        stroke: t,
+        stroke: n,
         strokeWidth: 3,
         strokeLinecap: "round",
         fill: `url(#${s})`,
         dot: !1,
-        activeDot: { r: 5, fill: "#fff", stroke: t, strokeWidth: 3 }
+        activeDot: { r: 5, fill: "#fff", stroke: n, strokeWidth: 3 }
       }
     )
   ] }) }) });
 }
-function Ge(n) {
-  return function({ active: t, payload: a, label: o }) {
-    if (!t || !(a != null && a.length)) return null;
-    const s = a[0];
+function ot(r) {
+  return function({ active: n, payload: o, label: a }) {
+    if (!n || !(o != null && o.length)) return null;
+    const s = o[0];
     return /* @__PURE__ */ e(
-      R,
+      H,
       {
-        title: String(o),
+        title: String(a),
         rows: [
           {
             label: "Valor",
-            value: `${(s == null ? void 0 : s.value) ?? 0}${n ? ` ${n}` : ""}`,
-            color: B.accent
+            value: `${(s == null ? void 0 : s.value) ?? 0}${r ? ` ${r}` : ""}`,
+            color: $.accent
           }
         ]
       }
     );
   };
 }
-function er({ data: n, activeIndex: r, height: t = 220, unit: a = "", className: o }) {
-  return /* @__PURE__ */ e("div", { className: i("w-full", o), style: { height: t }, children: /* @__PURE__ */ e(E, { width: "100%", height: "100%", children: /* @__PURE__ */ l(Ne, { data: n, margin: { top: 24, right: 0, bottom: 0, left: 0 }, children: [
+function hr({ data: r, activeIndex: t, height: n = 220, unit: o = "", className: a }) {
+  return /* @__PURE__ */ e("div", { className: i("w-full", a), style: { height: n }, children: /* @__PURE__ */ e(O, { width: "100%", height: "100%", children: /* @__PURE__ */ l(je, { data: r, margin: { top: 24, right: 0, bottom: 0, left: 0 }, children: [
     /* @__PURE__ */ e(
-      ye,
+      $e,
       {
         dataKey: "label",
         axisLine: !1,
@@ -371,125 +372,125 @@ function er({ data: n, activeIndex: r, height: t = 220, unit: a = "", className:
         dy: 8
       }
     ),
-    /* @__PURE__ */ e(G, { cursor: !1, content: Ge(a) }),
-    /* @__PURE__ */ e(we, { dataKey: "value", radius: [10, 10, 10, 10], maxBarSize: 40, children: n.map((s, c) => /* @__PURE__ */ e(
-      O,
+    /* @__PURE__ */ e(oe, { cursor: !1, content: ot(o) }),
+    /* @__PURE__ */ e(Me, { dataKey: "value", radius: [10, 10, 10, 10], maxBarSize: 64, children: r.map((s, c) => /* @__PURE__ */ e(
+      ae,
       {
-        fill: c === r ? B.accent : "#CBD5E1"
+        fill: c === t ? $.accent : "#CBD5E1"
       },
       s.label
     )) })
   ] }) }) });
 }
-const Oe = p(
+const at = u(
   ({
-    className: n,
-    icon: r = se,
-    title: t = "0",
-    description: a = "Sem dados para o periodo",
-    ...o
+    className: r,
+    icon: t = we,
+    title: n = "0",
+    description: o = "Sem dados para o periodo",
+    ...a
   }, s) => /* @__PURE__ */ l(
     "div",
     {
       ref: s,
       className: i(
         "flex h-[148px] flex-col items-center justify-center rounded-tile border-2 border-dashed border-border text-center",
-        n
+        r
       ),
-      ...o,
+      ...a,
       children: [
-        /* @__PURE__ */ e("div", { className: "mb-3 flex size-[46px] items-center justify-center rounded-[14px] bg-secondary", children: /* @__PURE__ */ e(u, { icon: r, className: "size-[22px] text-subtle-foreground", strokeWidth: 2 }) }),
-        /* @__PURE__ */ e("div", { className: "text-[32px] leading-none font-bold text-[#CBD5E1]", children: t }),
-        /* @__PURE__ */ e("div", { className: "mt-1.5 text-xs text-subtle-foreground", children: a })
+        /* @__PURE__ */ e("div", { className: "mb-3 flex size-[46px] items-center justify-center rounded-[14px] bg-secondary", children: /* @__PURE__ */ e(x, { icon: t, className: "size-[22px] text-subtle-foreground", strokeWidth: 2 }) }),
+        /* @__PURE__ */ e("div", { className: "text-[32px] leading-none font-bold text-[#CBD5E1]", children: n }),
+        /* @__PURE__ */ e("div", { className: "mt-1.5 text-xs text-subtle-foreground", children: o })
       ]
     }
   )
 );
-Oe.displayName = "ChartEmptyState";
-const Ke = p(
-  ({ className: n, items: r, ...t }, a) => /* @__PURE__ */ e("div", { ref: a, className: i("flex flex-wrap gap-3", n), ...t, children: r.map((o) => /* @__PURE__ */ l("div", { className: "inline-flex items-center gap-[7px] text-[13px]", children: [
+at.displayName = "ChartEmptyState";
+const st = u(
+  ({ className: r, items: t, ...n }, o) => /* @__PURE__ */ e("div", { ref: o, className: i("flex flex-wrap gap-3", r), ...n, children: t.map((a) => /* @__PURE__ */ l("div", { className: "inline-flex items-center gap-[7px] text-[13px]", children: [
     /* @__PURE__ */ e(
       "span",
       {
         className: i(
           "size-[11px] flex-none",
-          o.shape === "square" ? "rounded-[4px]" : "rounded-full"
+          a.shape === "square" ? "rounded-[4px]" : "rounded-full"
         ),
-        style: { background: o.color }
+        style: { background: a.color }
       }
     ),
-    o.label,
-    o.value ? /* @__PURE__ */ e("span", { className: "text-subtle-foreground", children: o.value }) : null
-  ] }, o.label)) })
+    a.label,
+    a.value ? /* @__PURE__ */ e("span", { className: "text-subtle-foreground", children: a.value }) : null
+  ] }, a.label)) })
 );
-Ke.displayName = "ChartLegend";
-function tr({
-  data: n,
-  size: r = 120,
-  thickness: t = 18,
-  centerValue: a,
-  centerCaption: o,
+st.displayName = "ChartLegend";
+function vr({
+  data: r,
+  size: t = 120,
+  thickness: n = 18,
+  centerValue: o,
+  centerCaption: a,
   className: s
 }) {
-  return /* @__PURE__ */ l("div", { className: i("relative flex-none", s), style: { width: r, height: r }, children: [
-    /* @__PURE__ */ e(E, { width: "100%", height: "100%", children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
-      ke,
+  return /* @__PURE__ */ l("div", { className: i("relative flex-none", s), style: { width: t, height: t }, children: [
+    /* @__PURE__ */ e(O, { width: "100%", height: "100%", children: /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(
+      Re,
       {
-        data: n,
+        data: r,
         dataKey: "value",
         nameKey: "name",
         cx: "50%",
         cy: "50%",
-        innerRadius: r / 2 - t,
-        outerRadius: r / 2,
+        innerRadius: t / 2 - n,
+        outerRadius: t / 2,
         startAngle: 90,
         endAngle: -270,
         paddingAngle: 0,
         stroke: "none",
-        children: n.map((c) => /* @__PURE__ */ e(O, { fill: c.color }, c.name))
+        children: r.map((c) => /* @__PURE__ */ e(ae, { fill: c.color }, c.name))
       }
     ) }) }),
-    a || o ? /* @__PURE__ */ l("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
-      a ? /* @__PURE__ */ e("span", { className: "text-[22px] font-bold", children: a }) : null,
-      o ? /* @__PURE__ */ e("span", { className: "text-[10px] tracking-wide text-subtle-foreground uppercase", children: o }) : null
+    o || a ? /* @__PURE__ */ l("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
+      o ? /* @__PURE__ */ e("span", { className: "text-[22px] font-bold", children: o }) : null,
+      a ? /* @__PURE__ */ e("span", { className: "text-[10px] tracking-wide text-subtle-foreground uppercase", children: a }) : null
     ] }) : null
   ] });
 }
-const qe = p(
-  ({ className: n, label: r, id: t, ...a }, o) => {
-    const s = F(), c = t ?? s, d = /* @__PURE__ */ e(
-      $.Root,
+const it = u(
+  ({ className: r, label: t, id: n, ...o }, a) => {
+    const s = A(), c = n ?? s, d = /* @__PURE__ */ e(
+      J.Root,
       {
-        ref: o,
+        ref: a,
         id: c,
         className: i(
           "flex size-[22px] flex-none cursor-pointer items-center justify-center rounded-[7px] border-2 transition-colors outline-none",
           "border-input bg-background",
           "data-[state=checked]:border-accent data-[state=checked]:bg-accent",
           "focus-visible:ring-3 focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-60",
-          n
+          r
         ),
-        ...a,
-        children: /* @__PURE__ */ e($.Indicator, { children: /* @__PURE__ */ e(
-          u,
+        ...o,
+        children: /* @__PURE__ */ e(J.Indicator, { children: /* @__PURE__ */ e(
+          x,
           {
-            icon: _,
+            icon: L,
             className: "size-[15px] text-accent-foreground",
             strokeWidth: 3
           }
         ) })
       }
     );
-    return r ? /* @__PURE__ */ l("label", { htmlFor: c, className: "flex cursor-pointer items-center gap-3.5", children: [
+    return t ? /* @__PURE__ */ l("label", { htmlFor: c, className: "flex cursor-pointer items-center gap-3.5", children: [
       d,
-      /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: r })
+      /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: t })
     ] }) : d;
   }
 );
-qe.displayName = "Checkbox";
-function rr({ columns: n, data: r, getRowKey: t, className: a, ...o }) {
-  return /* @__PURE__ */ l("table", { className: i("w-full border-collapse", a), ...o, children: [
-    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: n.map((s) => /* @__PURE__ */ e(
+it.displayName = "Checkbox";
+function Nr({ columns: r, data: t, getRowKey: n, className: o, ...a }) {
+  return /* @__PURE__ */ l("table", { className: i("w-full border-collapse", o), ...a, children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: r.map((s) => /* @__PURE__ */ e(
       "th",
       {
         className: i(
@@ -500,7 +501,7 @@ function rr({ columns: n, data: r, getRowKey: t, className: a, ...o }) {
       },
       s.header
     )) }) }),
-    /* @__PURE__ */ e("tbody", { children: r.map((s, c) => /* @__PURE__ */ e("tr", { className: "border-t border-border-soft", children: n.map((d) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("tbody", { children: t.map((s, c) => /* @__PURE__ */ e("tr", { className: "border-t border-border-soft", children: r.map((d) => /* @__PURE__ */ e(
       "td",
       {
         className: i(
@@ -510,32 +511,32 @@ function rr({ columns: n, data: r, getRowKey: t, className: a, ...o }) {
         children: d.cell(s)
       },
       d.header
-    )) }, t(s, c))) })
+    )) }, n(s, c))) })
   ] });
 }
-const W = "flex size-9 flex-none cursor-pointer items-center justify-center rounded-pill text-muted-foreground transition-colors outline-none hover:bg-secondary hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-40", Ue = p(
-  ({ className: n, label: r, onPrev: t, onNext: a, onLabelClick: o, nextDisabled: s = !1, ...c }, d) => /* @__PURE__ */ l(
+const U = "flex size-9 flex-none cursor-pointer items-center justify-center rounded-pill text-muted-foreground transition-colors outline-none hover:bg-secondary hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-40", lt = u(
+  ({ className: r, label: t, onPrev: n, onNext: o, onLabelClick: a, nextDisabled: s = !1, ...c }, d) => /* @__PURE__ */ l(
     "div",
     {
       ref: d,
       className: i(
         "inline-flex items-center gap-1 rounded-pill border border-border bg-card p-1.5",
-        n
+        r
       ),
       ...c,
       children: [
-        /* @__PURE__ */ e("button", { type: "button", "aria-label": "Dia anterior", onClick: t, className: W, children: /* @__PURE__ */ e(u, { icon: ie, className: "size-[18px]", strokeWidth: 2 }) }),
+        /* @__PURE__ */ e("button", { type: "button", "aria-label": "Dia anterior", onClick: n, className: U, children: /* @__PURE__ */ e(x, { icon: re, className: "size-[18px]", strokeWidth: 2 }) }),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: o,
-            disabled: !o,
+            onClick: a,
+            disabled: !a,
             className: i(
               "min-w-20 rounded-pill px-3 py-1.5 text-center font-sans text-sm font-semibold whitespace-nowrap outline-none",
-              o && "cursor-pointer transition-colors hover:bg-secondary focus-visible:ring-3 focus-visible:ring-ring/25"
+              a && "cursor-pointer transition-colors hover:bg-secondary focus-visible:ring-3 focus-visible:ring-ring/25"
             ),
-            children: r
+            children: t
           }
         ),
         /* @__PURE__ */ e(
@@ -543,76 +544,242 @@ const W = "flex size-9 flex-none cursor-pointer items-center justify-center roun
           {
             type: "button",
             "aria-label": "Proximo dia",
-            onClick: a,
+            onClick: o,
             disabled: s,
-            className: W,
-            children: /* @__PURE__ */ e(u, { icon: le, className: "size-[18px]", strokeWidth: 2 })
+            className: U,
+            children: /* @__PURE__ */ e(x, { icon: ne, className: "size-[18px]", strokeWidth: 2 })
           }
         )
       ]
     }
   )
 );
-Ue.displayName = "DateNavigator";
-const nr = N.Root, ar = N.Trigger, or = N.Close, Xe = N.Portal, q = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
-  N.Overlay,
+lt.displayName = "DateNavigator";
+const ct = [
+  "Janeiro",
+  "Fevereiro",
+  "Março",
+  "Abril",
+  "Maio",
+  "Junho",
+  "Julho",
+  "Agosto",
+  "Setembro",
+  "Outubro",
+  "Novembro",
+  "Dezembro"
+], dt = ["D", "S", "T", "Q", "Q", "S", "S"];
+function P(r) {
+  return String(r).padStart(2, "0");
+}
+function X(r) {
+  const t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(r ?? "");
+  return t ? new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3])) : null;
+}
+function Z(r) {
+  return `${r.getFullYear()}-${P(r.getMonth() + 1)}-${P(r.getDate())}`;
+}
+function ut(r) {
+  return `${P(r.getDate())}/${P(r.getMonth() + 1)}/${r.getFullYear()}`;
+}
+function ee(r, t) {
+  return r.getFullYear() === t.getFullYear() && r.getMonth() === t.getMonth() && r.getDate() === t.getDate();
+}
+const mt = u(
+  ({ value: r, onChange: t, placeholder: n = "Selecionar data", className: o, disabled: a }, s) => {
+    const c = X(r), d = /* @__PURE__ */ new Date(), m = c ?? d, [p, f] = R({ year: m.getFullYear(), month: m.getMonth() }), [h, b] = R(!1);
+    function D(g) {
+      if (b(g), g) {
+        const v = X(r) ?? /* @__PURE__ */ new Date();
+        f({ year: v.getFullYear(), month: v.getMonth() });
+      }
+    }
+    function G(g) {
+      f((v) => {
+        const I = v.month + g;
+        return I < 0 ? { year: v.year - 1, month: 11 } : I > 11 ? { year: v.year + 1, month: 0 } : { year: v.year, month: I };
+      });
+    }
+    function Y(g) {
+      t == null || t(Z(g)), b(!1);
+    }
+    const pe = new Date(p.year, p.month, 1).getDay(), xe = Array.from(
+      { length: 42 },
+      (g, v) => new Date(p.year, p.month, 1 - pe + v)
+    );
+    return /* @__PURE__ */ l(S.Root, { open: h, onOpenChange: D, children: [
+      /* @__PURE__ */ e(S.Trigger, { asChild: !0, children: /* @__PURE__ */ l(
+        "button",
+        {
+          ref: s,
+          type: "button",
+          disabled: a,
+          className: i(
+            "flex h-11 w-full items-center justify-between gap-2.5 rounded-field border border-input bg-background px-3.5 font-sans text-sm transition-colors outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/10 disabled:opacity-60",
+            o
+          ),
+          children: [
+            /* @__PURE__ */ e("span", { className: c ? "text-foreground" : "text-subtle-foreground", children: c ? ut(c) : n }),
+            /* @__PURE__ */ e(
+              x,
+              {
+                icon: Ce,
+                className: "size-[18px] text-muted-foreground",
+                strokeWidth: 2
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(S.Portal, { children: /* @__PURE__ */ l(
+        S.Content,
+        {
+          align: "start",
+          sideOffset: 8,
+          className: "z-50 w-[300px] rounded-list border border-border bg-card p-3.5 outline-none data-[state=open]:animate-fade-in",
+          children: [
+            /* @__PURE__ */ l("div", { className: "mb-3 flex items-center justify-between", children: [
+              /* @__PURE__ */ l("span", { className: "text-sm font-semibold text-foreground", children: [
+                ct[p.month],
+                " ",
+                p.year
+              ] }),
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => G(-1),
+                    "aria-label": "Mês anterior",
+                    className: "flex size-8 items-center justify-center rounded-field text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground",
+                    children: /* @__PURE__ */ e(x, { icon: re, className: "size-[18px]", strokeWidth: 2 })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => G(1),
+                    "aria-label": "Próximo mês",
+                    className: "flex size-8 items-center justify-center rounded-field text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground",
+                    children: /* @__PURE__ */ e(x, { icon: ne, className: "size-[18px]", strokeWidth: 2 })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "mb-1 grid grid-cols-7 gap-1", children: dt.map((g, v) => /* @__PURE__ */ e(
+              "div",
+              {
+                className: "flex h-8 items-center justify-center text-[11px] font-medium text-subtle-foreground",
+                children: g
+              },
+              `${g}-${v}`
+            )) }),
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: xe.map((g) => {
+              const v = g.getMonth() === p.month, I = ee(g, d), K = c !== null && ee(g, c);
+              return /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => Y(g),
+                  className: i(
+                    "flex h-8 items-center justify-center rounded-field text-[13px] tabular-nums transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/25",
+                    K ? "bg-accent font-semibold text-accent-foreground" : v ? "text-foreground hover:bg-secondary" : "text-subtle-foreground hover:bg-secondary",
+                    !K && I && "border border-accent text-accent"
+                  ),
+                  children: g.getDate()
+                },
+                Z(g)
+              );
+            }) }),
+            /* @__PURE__ */ l("div", { className: "mt-3 flex items-center justify-between border-t border-border-soft pt-3", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    t == null || t(""), b(!1);
+                  },
+                  className: "text-[13px] font-semibold text-muted-foreground transition-colors hover:text-foreground",
+                  children: "Limpar"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => Y(/* @__PURE__ */ new Date()),
+                  className: "text-[13px] font-semibold text-accent transition-colors hover:brightness-95",
+                  children: "Hoje"
+                }
+              )
+            ] })
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+mt.displayName = "DatePicker";
+const yr = w.Root, wr = w.Trigger, Cr = w.Close, pt = w.Portal, ie = u(({ className: r, ...t }, n) => /* @__PURE__ */ e(
+  w.Overlay,
   {
-    ref: t,
+    ref: n,
     className: i(
       "fixed inset-0 z-90 flex items-center justify-center bg-[rgba(15,23,42,0.45)] p-6 backdrop-blur-[3px] data-[state=open]:animate-fade-in",
-      n
+      r
     ),
-    ...r
+    ...t
   }
 ));
-q.displayName = "DialogOverlay";
-const Je = p(({ className: n, children: r, showClose: t = !0, ...a }, o) => /* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ l(
-  N.Content,
+ie.displayName = "DialogOverlay";
+const xt = u(({ className: r, children: t, showClose: n = !0, ...o }, a) => /* @__PURE__ */ e(pt, { children: /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ l(
+  w.Content,
   {
-    ref: o,
+    ref: a,
     className: i(
-      "relative w-full max-w-[420px] rounded-card bg-card p-[30px] shadow-[0_24px_64px_rgba(15,23,42,0.3)] outline-none data-[state=open]:animate-toast-in",
-      n
+      "relative w-full max-w-[420px] rounded-card border border-border bg-card p-[30px] outline-none data-[state=open]:animate-toast-in",
+      r
     ),
     onOpenAutoFocus: (s) => s.preventDefault(),
-    ...a,
+    ...o,
     children: [
-      r,
-      t ? /* @__PURE__ */ e(
-        N.Close,
+      t,
+      n ? /* @__PURE__ */ e(
+        w.Close,
         {
           className: "absolute top-[30px] right-[30px] flex size-[34px] cursor-pointer items-center justify-center rounded-[11px] bg-secondary text-muted-foreground transition-colors hover:bg-secondary-hover outline-none focus-visible:ring-3 focus-visible:ring-ring/25",
           "aria-label": "Fechar",
-          children: /* @__PURE__ */ e(u, { icon: j, className: "size-[18px]" })
+          children: /* @__PURE__ */ e(x, { icon: W, className: "size-[18px]" })
         }
       ) : null
     ]
   }
 ) }) }));
-Je.displayName = "DialogContent";
-const Qe = ({ className: n, ...r }) => /* @__PURE__ */ e("div", { className: i("mb-2 flex items-start justify-between gap-3", n), ...r });
-Qe.displayName = "DialogHeader";
-const Ye = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
-  N.Title,
+xt.displayName = "DialogContent";
+const ft = ({ className: r, ...t }) => /* @__PURE__ */ e("div", { className: i("mb-2 flex items-start justify-between gap-3", r), ...t });
+ft.displayName = "DialogHeader";
+const gt = u(({ className: r, ...t }, n) => /* @__PURE__ */ e(
+  w.Title,
   {
-    ref: t,
-    className: i("mt-3.5 mb-1.5 text-xl font-bold", n),
-    ...r
+    ref: n,
+    className: i("mt-3.5 mb-1.5 text-xl font-bold", r),
+    ...t
   }
 ));
-Ye.displayName = "DialogTitle";
-const Ze = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
-  N.Description,
+gt.displayName = "DialogTitle";
+const bt = u(({ className: r, ...t }, n) => /* @__PURE__ */ e(
+  w.Description,
   {
-    ref: t,
-    className: i("mb-6 text-sm leading-relaxed text-muted-foreground", n),
-    ...r
+    ref: n,
+    className: i("mb-6 text-sm leading-relaxed text-muted-foreground", r),
+    ...t
   }
 ));
-Ze.displayName = "DialogDescription";
-const et = ({ className: n, ...r }) => /* @__PURE__ */ e("div", { className: i("flex gap-3", n), ...r });
-et.displayName = "DialogFooter";
-const tt = y("flex flex-none items-center justify-center", {
+bt.displayName = "DialogDescription";
+const ht = ({ className: r, ...t }) => /* @__PURE__ */ e("div", { className: i("flex gap-3", r), ...t });
+ht.displayName = "DialogFooter";
+const vt = C("flex flex-none items-center justify-center", {
   variants: {
     tone: {
       neutral: "bg-secondary text-foreground",
@@ -636,85 +803,85 @@ const tt = y("flex flex-none items-center justify-center", {
     }
   },
   defaultVariants: { tone: "neutral", size: "md" }
-}), rt = {
+}), Nt = {
   sm: "size-[18px]",
   md: "size-5",
   lg: "size-[22px]",
   xl: "size-8"
-}, T = p(
-  ({ className: n, tone: r, size: t = "md", icon: a, ...o }, s) => /* @__PURE__ */ e("div", { ref: s, className: i(tt({ tone: r, size: t }), n), ...o, children: /* @__PURE__ */ e(u, { icon: a, className: rt[t ?? "md"], strokeWidth: 2 }) })
+}, z = u(
+  ({ className: r, tone: t, size: n = "md", icon: o, ...a }, s) => /* @__PURE__ */ e("div", { ref: s, className: i(vt({ tone: t, size: n }), r), ...a, children: /* @__PURE__ */ e(x, { icon: o, className: Nt[n ?? "md"], strokeWidth: 2 }) })
 );
-T.displayName = "IconTile";
-const nt = p(
-  ({ className: n, icon: r, title: t, description: a, action: o, ...s }, c) => /* @__PURE__ */ l(
+z.displayName = "IconTile";
+const yt = u(
+  ({ className: r, icon: t, title: n, description: o, action: a, ...s }, c) => /* @__PURE__ */ l(
     "div",
     {
       ref: c,
       className: i(
-        "flex flex-col items-center rounded-card bg-card p-12 text-center shadow-card",
-        n
+        "flex flex-col items-center rounded-card border border-border bg-card p-12 text-center",
+        r
       ),
       ...s,
       children: [
-        /* @__PURE__ */ e(T, { icon: r, tone: "neutral", size: "xl", className: "mb-5 text-subtle-foreground" }),
-        /* @__PURE__ */ e("h3", { className: "mb-1.5 text-lg font-bold", children: t }),
-        a ? /* @__PURE__ */ e("p", { className: "mb-[22px] max-w-[340px] text-sm leading-relaxed text-muted-foreground", children: a }) : null,
-        o
+        /* @__PURE__ */ e(z, { icon: t, tone: "neutral", size: "xl", className: "mb-5 text-subtle-foreground" }),
+        /* @__PURE__ */ e("h3", { className: "mb-1.5 text-lg font-bold", children: n }),
+        o ? /* @__PURE__ */ e("p", { className: "mb-[22px] max-w-[340px] text-sm leading-relaxed text-muted-foreground", children: o }) : null,
+        a
       ]
     }
   )
 );
-nt.displayName = "EmptyState";
-const U = p(
-  ({ className: n, selected: r = !1, ...t }, a) => /* @__PURE__ */ e(
+yt.displayName = "EmptyState";
+const le = u(
+  ({ className: r, selected: t = !1, ...n }, o) => /* @__PURE__ */ e(
     "button",
     {
-      ref: a,
+      ref: o,
       type: "button",
-      "aria-pressed": r,
+      "aria-pressed": t,
       className: i(
         "cursor-pointer rounded-pill px-3.5 py-[7px] font-sans text-[13px] whitespace-nowrap transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/25",
-        r ? "bg-primary font-semibold text-primary-foreground" : "bg-secondary font-medium text-muted-foreground hover:bg-secondary-hover",
-        n
+        t ? "bg-primary font-semibold text-primary-foreground" : "bg-secondary font-medium text-muted-foreground hover:bg-secondary-hover",
+        r
       ),
-      ...t
+      ...n
     }
   )
 );
-U.displayName = "FilterChip";
-const at = p(
-  ({ className: n, items: r, value: t, onValueChange: a, ...o }, s) => /* @__PURE__ */ e("div", { ref: s, className: i("flex flex-wrap gap-2", n), ...o, children: r.map((c) => /* @__PURE__ */ e(
-    U,
+le.displayName = "FilterChip";
+const wt = u(
+  ({ className: r, items: t, value: n, onValueChange: o, ...a }, s) => /* @__PURE__ */ e("div", { ref: s, className: i("flex flex-wrap gap-2", r), ...a, children: t.map((c) => /* @__PURE__ */ e(
+    le,
     {
-      selected: c.value === t,
-      onClick: () => a(c.value),
+      selected: c.value === n,
+      onClick: () => o(c.value),
       children: c.label
     },
     c.value
   )) })
 );
-at.displayName = "FilterChips";
-const ot = p(
-  ({ className: n, total: r, filled: t, caption: a, onCupClick: o, ...s }, c) => /* @__PURE__ */ l("div", { ref: c, className: i("flex flex-col", n), ...s, children: [
-    /* @__PURE__ */ e("div", { className: "flex gap-2.5", children: Array.from({ length: r }).map((d, m) => {
-      const x = m < t;
+wt.displayName = "FilterChips";
+const Ct = u(
+  ({ className: r, total: t, filled: n, caption: o, onCupClick: a, ...s }, c) => /* @__PURE__ */ l("div", { ref: c, className: i("flex flex-col", r), ...s, children: [
+    /* @__PURE__ */ e("div", { className: "flex gap-2.5", children: Array.from({ length: t }).map((d, m) => {
+      const p = m < n;
       return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          "aria-label": `Copo ${m + 1}${x ? " preenchido" : ""}`,
-          onClick: o ? () => o(m) : void 0,
-          disabled: !o,
+          "aria-label": `Copo ${m + 1}${p ? " preenchido" : ""}`,
+          onClick: a ? () => a(m) : void 0,
+          disabled: !a,
           className: i(
             "flex h-11 flex-1 items-center justify-center rounded-[14px] transition-colors",
-            o && "cursor-pointer",
-            x ? "bg-protein" : "bg-info-bg"
+            a && "cursor-pointer",
+            p ? "bg-protein" : "bg-info-bg"
           ),
           children: /* @__PURE__ */ e(
-            u,
+            x,
             {
-              icon: ce,
-              className: i("size-[18px]", x ? "text-white" : "text-[#BFDBFE]"),
+              icon: ke,
+              className: i("size-[18px]", p ? "text-white" : "text-[#BFDBFE]"),
               strokeWidth: 2
             }
           )
@@ -722,33 +889,33 @@ const ot = p(
         m
       );
     }) }),
-    a ? /* @__PURE__ */ e("div", { className: "mt-2.5 text-xs text-subtle-foreground", children: a }) : null
+    o ? /* @__PURE__ */ e("div", { className: "mt-2.5 text-xs text-subtle-foreground", children: o }) : null
   ] })
 );
-ot.displayName = "HydrationTracker";
-const X = p(
-  ({ className: n, label: r, error: t, hint: a, startIcon: o, suffix: s, id: c, disabled: d, ...m }, x) => {
-    const g = F(), f = c ?? g, b = !!t, S = i(
+Ct.displayName = "HydrationTracker";
+const ce = u(
+  ({ className: r, label: t, error: n, hint: o, startIcon: a, suffix: s, id: c, disabled: d, ...m }, p) => {
+    const f = A(), h = c ?? f, b = !!n, D = i(
       "flex items-center gap-2.5 rounded-field border bg-background px-3.5 transition-colors",
       "focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/10",
       b && "border-error ring-3 ring-error/10 focus-within:border-error focus-within:ring-error/10",
       !b && "border-input",
       d && "opacity-60"
     );
-    return /* @__PURE__ */ l("div", { className: i("flex flex-col", n), children: [
-      r ? /* @__PURE__ */ e(
+    return /* @__PURE__ */ l("div", { className: i("flex flex-col", r), children: [
+      t ? /* @__PURE__ */ e(
         "label",
         {
-          htmlFor: f,
+          htmlFor: h,
           className: i("mb-[7px] text-[13px] font-semibold", b && "text-error"),
-          children: r
+          children: t
         }
       ) : null,
-      /* @__PURE__ */ l("div", { className: S, children: [
-        o ? /* @__PURE__ */ e(
-          u,
+      /* @__PURE__ */ l("div", { className: D, children: [
+        a ? /* @__PURE__ */ e(
+          x,
           {
-            icon: o,
+            icon: a,
             className: "size-[17px] text-subtle-foreground",
             strokeWidth: 2
           }
@@ -756,8 +923,8 @@ const X = p(
         /* @__PURE__ */ e(
           "input",
           {
-            ref: x,
-            id: f,
+            ref: p,
+            id: h,
             disabled: d,
             "aria-invalid": b,
             className: "w-full min-w-0 bg-transparent py-3 font-sans text-sm text-foreground outline-none placeholder:text-subtle-foreground",
@@ -766,23 +933,23 @@ const X = p(
         ),
         s ? /* @__PURE__ */ e("span", { className: "font-mono text-xs text-subtle-foreground", children: s }) : null
       ] }),
-      t ? /* @__PURE__ */ e("p", { className: "mt-1.5 text-xs text-error", children: t }) : null,
-      !t && a ? /* @__PURE__ */ e("p", { className: "mt-1.5 text-xs text-subtle-foreground", children: a }) : null
+      n ? /* @__PURE__ */ e("p", { className: "mt-1.5 text-xs text-error", children: n }) : null,
+      !n && o ? /* @__PURE__ */ e("p", { className: "mt-1.5 text-xs text-subtle-foreground", children: o }) : null
     ] });
   }
 );
-X.displayName = "Input";
-const st = p(
-  ({ placeholder: n = "Buscar...", ...r }, t) => /* @__PURE__ */ e(X, { ref: t, type: "search", startIcon: de, placeholder: n, ...r })
+ce.displayName = "Input";
+const kt = u(
+  ({ placeholder: r = "Buscar...", ...t }, n) => /* @__PURE__ */ e(ce, { ref: n, type: "search", startIcon: Te, placeholder: r, ...t })
 );
-st.displayName = "SearchInput";
-const D = p(
+kt.displayName = "SearchInput";
+const M = u(
   ({
-    className: n,
-    icon: r,
-    iconTone: t = "neutral",
-    title: a,
-    subtitle: o,
+    className: r,
+    icon: t,
+    iconTone: n = "neutral",
+    title: o,
+    subtitle: a,
     trailing: s,
     interactive: c = !1,
     ...d
@@ -793,165 +960,165 @@ const D = p(
       className: i(
         "flex items-center gap-4 rounded-list bg-muted p-4",
         c && "cursor-pointer transition-colors hover:bg-secondary",
-        n
+        r
       ),
       ...d,
       children: [
-        /* @__PURE__ */ e(T, { icon: r, tone: t, size: "lg" }),
+        /* @__PURE__ */ e(z, { icon: t, tone: n, size: "lg" }),
         /* @__PURE__ */ l("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("div", { className: "truncate text-[15px] font-semibold", children: a }),
-          o ? /* @__PURE__ */ e("div", { className: "truncate text-xs text-subtle-foreground", children: o }) : null
+          /* @__PURE__ */ e("div", { className: "truncate text-[15px] font-semibold", children: o }),
+          a ? /* @__PURE__ */ e("div", { className: "truncate text-xs text-subtle-foreground", children: a }) : null
         ] }),
         s ? /* @__PURE__ */ e("div", { className: "flex items-center gap-3.5", children: s }) : null
       ]
     }
   )
 );
-D.displayName = "ListItem";
-const it = p(
-  ({ protein: n, carbs: r, fat: t, calories: a, ...o }, s) => /* @__PURE__ */ e(
-    D,
+M.displayName = "ListItem";
+const Tt = u(
+  ({ protein: r, carbs: t, fat: n, calories: o, ...a }, s) => /* @__PURE__ */ e(
+    M,
     {
       ref: s,
-      trailing: /* @__PURE__ */ l(P, { children: [
+      trailing: /* @__PURE__ */ l(V, { children: [
         /* @__PURE__ */ l("span", { className: "text-xs font-semibold text-protein", children: [
           "P ",
-          n,
+          r,
           "g"
         ] }),
         /* @__PURE__ */ l("span", { className: "text-xs font-semibold text-carbs-text", children: [
           "C ",
-          r,
+          t,
           "g"
         ] }),
         /* @__PURE__ */ l("span", { className: "text-xs font-semibold text-fat", children: [
           "G ",
-          t,
+          n,
           "g"
         ] }),
         /* @__PURE__ */ l("span", { className: "min-w-16 text-right text-[15px] font-bold", children: [
-          a,
+          o,
           " kcal"
         ] })
       ] }),
-      ...o
+      ...a
     }
   )
 );
-it.displayName = "MealListItem";
-const lt = p(
-  ({ duration: n, calories: r, ...t }, a) => /* @__PURE__ */ e(
-    D,
+Tt.displayName = "MealListItem";
+const Dt = u(
+  ({ duration: r, calories: t, ...n }, o) => /* @__PURE__ */ e(
+    M,
     {
-      ref: a,
-      trailing: /* @__PURE__ */ l(P, { children: [
-        /* @__PURE__ */ e("span", { className: "text-[13px] font-semibold text-muted-foreground", children: n }),
+      ref: o,
+      trailing: /* @__PURE__ */ l(V, { children: [
+        /* @__PURE__ */ e("span", { className: "text-[13px] font-semibold text-muted-foreground", children: r }),
         /* @__PURE__ */ l("span", { className: "min-w-20 text-right text-[15px] font-bold", children: [
-          r,
+          t,
           " kcal"
         ] })
       ] }),
-      ...t
+      ...n
     }
   )
 );
-lt.displayName = "WorkoutListItem";
-const ct = p(
-  ({ amount: n, muted: r = !1, ...t }, a) => /* @__PURE__ */ e(
-    D,
+Dt.displayName = "WorkoutListItem";
+const It = u(
+  ({ amount: r, muted: t = !1, ...n }, o) => /* @__PURE__ */ e(
+    M,
     {
-      ref: a,
-      trailing: /* @__PURE__ */ e("span", { className: i("text-[15px] font-bold", r && "text-subtle-foreground"), children: n }),
-      ...t
+      ref: o,
+      trailing: /* @__PURE__ */ e("span", { className: i("text-[15px] font-bold", t && "text-subtle-foreground"), children: r }),
+      ...n
     }
   )
 );
-ct.displayName = "HydrationListItem";
-const dt = {
+It.displayName = "HydrationListItem";
+const Ft = {
   protein: { bg: "bg-protein-bg", text: "text-protein" },
   carbs: { bg: "bg-carbs-bg", text: "text-carbs-text" },
   fat: { bg: "bg-fat-bg", text: "text-fat" },
   cardio: { bg: "bg-cardio-bg", text: "text-cardio" },
   accent: { bg: "bg-accent/10", text: "text-accent" },
   primary: { bg: "bg-secondary", text: "text-foreground" }
-}, pt = {
+}, zt = {
   protein: "var(--protein)",
   carbs: "var(--carbs)",
   fat: "var(--fat)",
   cardio: "var(--cardio)",
   accent: "var(--accent)",
   primary: "var(--primary)"
-}, mt = p(
-  ({ className: n, items: r, ...t }, a) => /* @__PURE__ */ l("div", { ref: a, className: i("flex flex-col", n), ...t, children: [
-    /* @__PURE__ */ e("div", { className: "grid gap-3.5", style: { gridTemplateColumns: `repeat(${r.length}, 1fr)` }, children: r.map((o) => {
-      const s = dt[o.color];
+}, St = u(
+  ({ className: r, items: t, ...n }, o) => /* @__PURE__ */ l("div", { ref: o, className: i("flex flex-col", r), ...n, children: [
+    /* @__PURE__ */ e("div", { className: "grid gap-3.5", style: { gridTemplateColumns: `repeat(${t.length}, 1fr)` }, children: t.map((a) => {
+      const s = Ft[a.color];
       return /* @__PURE__ */ l("div", { className: i("rounded-tile p-5 text-center", s.bg), children: [
-        /* @__PURE__ */ e("div", { className: i("text-[26px] font-bold", s.text), children: o.value }),
-        /* @__PURE__ */ e("div", { className: i("mt-0.5 text-[13px] font-semibold", s.text), children: o.label }),
-        o.goal ? /* @__PURE__ */ e("div", { className: "mt-1.5 text-[11px] text-subtle-foreground", children: o.goal }) : null
-      ] }, o.label);
+        /* @__PURE__ */ e("div", { className: i("text-[26px] font-bold", s.text), children: a.value }),
+        /* @__PURE__ */ e("div", { className: i("mt-0.5 text-[13px] font-semibold", s.text), children: a.label }),
+        a.goal ? /* @__PURE__ */ e("div", { className: "mt-1.5 text-[11px] text-subtle-foreground", children: a.goal }) : null
+      ] }, a.label);
     }) }),
-    /* @__PURE__ */ e("div", { className: "mt-5 flex h-3 overflow-hidden rounded-pill", children: r.map((o) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "mt-5 flex h-3 overflow-hidden rounded-pill", children: t.map((a) => /* @__PURE__ */ e(
       "div",
       {
-        style: { width: `${o.percent}%`, background: pt[o.color] }
+        style: { width: `${a.percent}%`, background: zt[a.color] }
       },
-      o.label
+      a.label
     )) }),
-    /* @__PURE__ */ e("div", { className: "mt-2 flex justify-between text-[11px] text-subtle-foreground", children: r.map((o) => /* @__PURE__ */ l("span", { children: [
-      o.label,
+    /* @__PURE__ */ e("div", { className: "mt-2 flex justify-between text-[11px] text-subtle-foreground", children: t.map((a) => /* @__PURE__ */ l("span", { children: [
+      a.label,
       " ",
-      o.percent,
+      a.percent,
       "%"
-    ] }, o.label)) })
+    ] }, a.label)) })
   ] })
 );
-mt.displayName = "MacroBreakdown";
-const ut = p(
-  ({ className: n, name: r, badge: t, online: a = !0, avatar: o, ...s }, c) => /* @__PURE__ */ l(
+St.displayName = "MacroBreakdown";
+const Bt = u(
+  ({ className: r, name: t, badge: n, online: o = !0, avatar: a, ...s }, c) => /* @__PURE__ */ l(
     "div",
     {
       ref: c,
       className: i(
-        "inline-flex items-center gap-3.5 rounded-pill bg-card py-3 pr-[18px] pl-3 shadow-card",
-        n
+        "inline-flex items-center gap-3.5 rounded-pill border border-border bg-card py-3 pr-[18px] pl-3",
+        r
       ),
       ...s,
       children: [
         /* @__PURE__ */ l("div", { className: "relative", children: [
-          /* @__PURE__ */ e("div", { className: "flex size-[46px] items-center justify-center overflow-hidden rounded-full bg-linear-[135deg,#5B77FF,#2B4BF2]", children: o ?? /* @__PURE__ */ e(
-            u,
+          /* @__PURE__ */ e("div", { className: "flex size-[46px] items-center justify-center overflow-hidden rounded-full bg-linear-[135deg,#5B77FF,#2B4BF2]", children: a ?? /* @__PURE__ */ e(
+            x,
             {
-              icon: pe,
+              icon: De,
               className: "size-[22px] text-accent-foreground",
               strokeWidth: 2
             }
           ) }),
-          a ? /* @__PURE__ */ e("span", { className: "absolute right-px bottom-px size-3 rounded-full border-2 border-card bg-success" }) : null
+          o ? /* @__PURE__ */ e("span", { className: "absolute right-px bottom-px size-3 rounded-full border-2 border-card bg-success" }) : null
         ] }),
         /* @__PURE__ */ l("div", { className: "pr-2", children: [
-          /* @__PURE__ */ e("div", { className: "text-[15px] font-bold", children: r }),
-          t ? /* @__PURE__ */ e("div", { className: "mt-[3px]", children: t }) : null
+          /* @__PURE__ */ e("div", { className: "text-[15px] font-bold", children: t }),
+          n ? /* @__PURE__ */ e("div", { className: "mt-[3px]", children: n }) : null
         ] })
       ]
     }
   )
 );
-ut.displayName = "ProfileCard";
-const xt = {
+Bt.displayName = "ProfileCard";
+const Pt = {
   protein: "var(--protein)",
   carbs: "var(--carbs)",
   fat: "var(--fat)",
   cardio: "var(--cardio)",
   accent: "var(--accent)",
   primary: "var(--primary)"
-}, gt = p(
-  ({ className: n, value: r, label: t, valueLabel: a, color: o = "accent", ...s }, c) => {
-    const d = Math.min(100, Math.max(0, r));
-    return /* @__PURE__ */ l("div", { ref: c, className: i("flex flex-col", n), ...s, children: [
-      t || a ? /* @__PURE__ */ l("div", { className: "mb-2 flex justify-between text-[13px]", children: [
-        t ? /* @__PURE__ */ e("span", { className: "font-semibold", children: t }) : /* @__PURE__ */ e("span", {}),
-        a ? /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: a }) : null
+}, At = u(
+  ({ className: r, value: t, label: n, valueLabel: o, color: a = "accent", ...s }, c) => {
+    const d = Math.min(100, Math.max(0, t));
+    return /* @__PURE__ */ l("div", { ref: c, className: i("flex flex-col", r), ...s, children: [
+      n || o ? /* @__PURE__ */ l("div", { className: "mb-2 flex justify-between text-[13px]", children: [
+        n ? /* @__PURE__ */ e("span", { className: "font-semibold", children: n }) : /* @__PURE__ */ e("span", {}),
+        o ? /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: o }) : null
       ] }) : null,
       /* @__PURE__ */ e(
         "div",
@@ -965,7 +1132,7 @@ const xt = {
             "div",
             {
               className: "h-full rounded-pill transition-[width] duration-300",
-              style: { width: `${d}%`, background: xt[o] }
+              style: { width: `${d}%`, background: Pt[a] }
             }
           )
         }
@@ -973,62 +1140,62 @@ const xt = {
     ] });
   }
 );
-gt.displayName = "ProgressBar";
-const ft = p(
+At.displayName = "ProgressBar";
+const jt = u(
   ({
-    className: n,
-    value: r,
-    size: t = 140,
-    strokeWidth: a = 14,
-    color: o = "var(--accent)",
+    className: r,
+    value: t,
+    size: n = 140,
+    strokeWidth: o = 14,
+    color: a = "var(--accent)",
     trackColor: s = "var(--secondary)",
     label: c,
     caption: d,
     ...m
-  }, x) => {
-    const g = Math.min(100, Math.max(0, r)), f = (t - a) / 2, b = 2 * Math.PI * f, S = b * (1 - g / 100);
+  }, p) => {
+    const f = Math.min(100, Math.max(0, t)), h = (n - o) / 2, b = 2 * Math.PI * h, D = b * (1 - f / 100);
     return /* @__PURE__ */ l(
       "div",
       {
-        ref: x,
-        className: i("relative", n),
-        style: { width: t, height: t },
+        ref: p,
+        className: i("relative", r),
+        style: { width: n, height: n },
         role: "progressbar",
-        "aria-valuenow": g,
+        "aria-valuenow": f,
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         ...m,
         children: [
-          /* @__PURE__ */ l("svg", { width: t, height: t, viewBox: `0 0 ${t} ${t}`, className: "-rotate-90", children: [
+          /* @__PURE__ */ l("svg", { width: n, height: n, viewBox: `0 0 ${n} ${n}`, className: "-rotate-90", children: [
             /* @__PURE__ */ e(
               "circle",
               {
-                cx: t / 2,
-                cy: t / 2,
-                r: f,
+                cx: n / 2,
+                cy: n / 2,
+                r: h,
                 fill: "none",
                 stroke: s,
-                strokeWidth: a
+                strokeWidth: o
               }
             ),
             /* @__PURE__ */ e(
               "circle",
               {
-                cx: t / 2,
-                cy: t / 2,
-                r: f,
+                cx: n / 2,
+                cy: n / 2,
+                r: h,
                 fill: "none",
-                stroke: o,
-                strokeWidth: a,
+                stroke: a,
+                strokeWidth: o,
                 strokeLinecap: "round",
                 strokeDasharray: b,
-                strokeDashoffset: S,
+                strokeDashoffset: D,
                 className: "transition-[stroke-dashoffset] duration-500"
               }
             )
           ] }),
           /* @__PURE__ */ l("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
-            /* @__PURE__ */ e("span", { className: "text-[30px] font-bold", children: c ?? `${Math.round(g)}%` }),
+            /* @__PURE__ */ e("span", { className: "text-[30px] font-bold", children: c ?? `${Math.round(f)}%` }),
             d ? /* @__PURE__ */ e("span", { className: "text-xs text-subtle-foreground", children: d }) : null
           ] })
         ]
@@ -1036,38 +1203,38 @@ const ft = p(
     );
   }
 );
-ft.displayName = "ProgressRing";
-const bt = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
-  K.Root,
+jt.displayName = "ProgressRing";
+const $t = u(({ className: r, ...t }, n) => /* @__PURE__ */ e(
+  se.Root,
   {
-    ref: t,
-    className: i("flex flex-col gap-3.5", n),
-    ...r
+    ref: n,
+    className: i("flex flex-col gap-3.5", r),
+    ...t
   }
 ));
-bt.displayName = "RadioGroup";
-const ht = p(({ className: n, label: r, id: t, ...a }, o) => {
-  const s = F(), c = t ?? s, d = /* @__PURE__ */ e(
-    K.Item,
+$t.displayName = "RadioGroup";
+const Mt = u(({ className: r, label: t, id: n, ...o }, a) => {
+  const s = A(), c = n ?? s, d = /* @__PURE__ */ e(
+    se.Item,
     {
-      ref: o,
+      ref: a,
       id: c,
       className: i(
         "flex size-[22px] flex-none cursor-pointer items-center justify-center rounded-full border-2 bg-background transition-all outline-none",
         "border-input data-[state=checked]:border-[6px] data-[state=checked]:border-primary",
         "focus-visible:ring-3 focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-60",
-        n
+        r
       ),
-      ...a
+      ...o
     }
   );
-  return r ? /* @__PURE__ */ l("label", { htmlFor: c, className: "flex cursor-pointer items-center gap-3.5", children: [
+  return t ? /* @__PURE__ */ l("label", { htmlFor: c, className: "flex cursor-pointer items-center gap-3.5", children: [
     d,
-    /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: r })
+    /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: t })
   ] }) : d;
 });
-ht.displayName = "RadioGroupItem";
-const vt = y("inline-grid w-full rounded-pill bg-secondary", {
+Mt.displayName = "RadioGroupItem";
+const Et = C("inline-grid w-full rounded-pill bg-secondary", {
   variants: {
     size: {
       sm: "gap-1 p-1",
@@ -1076,31 +1243,31 @@ const vt = y("inline-grid w-full rounded-pill bg-secondary", {
   },
   defaultVariants: { size: "md" }
 });
-function sr({
-  className: n,
-  options: r,
-  value: t,
-  onValueChange: a,
-  size: o,
+function kr({
+  className: r,
+  options: t,
+  value: n,
+  onValueChange: o,
+  size: a,
   ...s
 }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: i(vt({ size: o }), n),
-      style: { gridTemplateColumns: `repeat(${r.length}, minmax(0, 1fr))` },
+      className: i(Et({ size: a }), r),
+      style: { gridTemplateColumns: `repeat(${t.length}, minmax(0, 1fr))` },
       ...s,
-      children: r.map((c) => {
-        const d = c.value === t;
+      children: t.map((c) => {
+        const d = c.value === n;
         return /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "aria-pressed": d,
-            onClick: () => a(c.value),
+            onClick: () => o(c.value),
             className: i(
               "cursor-pointer rounded-pill px-3 py-2 font-sans text-[13px] font-semibold whitespace-nowrap transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/25",
-              d ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+              d ? "border border-border bg-card text-foreground" : "border border-transparent text-muted-foreground hover:text-foreground"
             ),
             children: c.label
           },
@@ -1110,74 +1277,74 @@ function sr({
     }
   );
 }
-const ir = h.Root, lr = h.Group, cr = h.Value, Nt = p(({ className: n, children: r, ...t }, a) => /* @__PURE__ */ l(
-  h.Trigger,
+const Tr = N.Root, Dr = N.Group, Ir = N.Value, Rt = u(({ className: r, children: t, ...n }, o) => /* @__PURE__ */ l(
+  N.Trigger,
   {
-    ref: a,
+    ref: o,
     className: i(
       "flex w-full cursor-pointer items-center justify-between gap-2 rounded-field border border-input bg-background px-3.5 py-[11px] font-sans text-sm font-medium text-foreground transition-colors outline-none",
       "hover:border-subtle-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/10 disabled:cursor-not-allowed disabled:opacity-60 data-[placeholder]:text-subtle-foreground",
-      n
+      r
     ),
-    ...t,
+    ...n,
     children: [
-      r,
-      /* @__PURE__ */ e(h.Icon, { asChild: !0, children: /* @__PURE__ */ e(
-        u,
+      t,
+      /* @__PURE__ */ e(N.Icon, { asChild: !0, children: /* @__PURE__ */ e(
+        x,
         {
-          icon: H,
+          icon: te,
           className: "size-4 text-muted-foreground transition-transform"
         }
       ) })
     ]
   }
 ));
-Nt.displayName = "SelectTrigger";
-const yt = p(({ className: n, children: r, position: t = "popper", ...a }, o) => /* @__PURE__ */ e(h.Portal, { children: /* @__PURE__ */ e(
-  h.Content,
+Rt.displayName = "SelectTrigger";
+const Vt = u(({ className: r, children: t, position: n = "popper", ...o }, a) => /* @__PURE__ */ e(N.Portal, { children: /* @__PURE__ */ e(
+  N.Content,
   {
-    ref: o,
-    position: t,
+    ref: a,
+    position: n,
     className: i(
-      "z-50 min-w-[8rem] overflow-hidden rounded-list border border-border bg-card p-1.5 shadow-[0_12px_32px_rgba(15,23,42,0.14)]",
-      t === "popper" && "data-[side=bottom]:translate-y-1",
-      n
+      "z-50 min-w-[8rem] overflow-hidden rounded-list border border-border bg-card p-1.5",
+      n === "popper" && "data-[side=bottom]:translate-y-1",
+      r
     ),
-    ...a,
+    ...o,
     children: /* @__PURE__ */ e(
-      h.Viewport,
+      N.Viewport,
       {
-        className: i(t === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]"),
-        children: r
+        className: i(n === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]"),
+        children: t
       }
     )
   }
 ) }));
-yt.displayName = "SelectContent";
-const wt = p(({ className: n, children: r, ...t }, a) => /* @__PURE__ */ l(
-  h.Item,
+Vt.displayName = "SelectContent";
+const Wt = u(({ className: r, children: t, ...n }, o) => /* @__PURE__ */ l(
+  N.Item,
   {
-    ref: a,
+    ref: o,
     className: i(
       "relative flex cursor-pointer items-center justify-between rounded-[9px] px-3 py-[9px] text-sm outline-none select-none",
       "focus:bg-secondary data-[state=checked]:font-semibold data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      n
+      r
     ),
-    ...t,
+    ...n,
     children: [
-      /* @__PURE__ */ e(h.ItemText, { children: r }),
-      /* @__PURE__ */ e(h.ItemIndicator, { children: /* @__PURE__ */ e(u, { icon: _, className: "size-4 text-accent", strokeWidth: 3 }) })
+      /* @__PURE__ */ e(N.ItemText, { children: t }),
+      /* @__PURE__ */ e(N.ItemIndicator, { children: /* @__PURE__ */ e(x, { icon: L, className: "size-4 text-accent", strokeWidth: 3 }) })
     ]
   }
 ));
-wt.displayName = "SelectItem";
-const J = p(
+Wt.displayName = "SelectItem";
+const de = u(
   ({
-    className: n,
-    title: r,
-    description: t,
-    icon: a,
-    iconTone: o = "neutral",
+    className: r,
+    title: t,
+    description: n,
+    icon: o,
+    iconTone: a = "neutral",
     selected: s = !1,
     trailing: c,
     ...d
@@ -1191,122 +1358,122 @@ const J = p(
         "flex w-full cursor-pointer items-center gap-3.5 rounded-tile border-2 bg-card p-4 text-left transition-colors outline-none",
         "focus-visible:ring-3 focus-visible:ring-ring/25",
         s ? "border-primary" : "border-border hover:border-input",
-        n
+        r
       ),
       ...d,
       children: [
-        a ? /* @__PURE__ */ e(T, { icon: a, tone: s ? "accent" : o, size: "sm" }) : null,
+        o ? /* @__PURE__ */ e(z, { icon: o, tone: s ? "accent" : a, size: "sm" }) : null,
         /* @__PURE__ */ l("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e("div", { className: "text-sm font-semibold", children: r }),
-          t ? /* @__PURE__ */ e("div", { className: "mt-0.5 text-[13px] text-muted-foreground", children: t }) : null
+          /* @__PURE__ */ e("div", { className: "text-sm font-semibold", children: t }),
+          n ? /* @__PURE__ */ e("div", { className: "mt-0.5 text-[13px] text-muted-foreground", children: n }) : null
         ] }),
         c ? /* @__PURE__ */ e("div", { className: "flex-none", children: c }) : null
       ]
     }
   )
 );
-J.displayName = "SelectableCard";
-function dr({
-  className: n,
-  items: r,
-  value: t,
-  onValueChange: a,
-  columns: o = 1,
+de.displayName = "SelectableCard";
+function Fr({
+  className: r,
+  items: t,
+  value: n,
+  onValueChange: o,
+  columns: a = 1,
   ...s
 }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: i("grid gap-2.5", n),
-      style: { gridTemplateColumns: `repeat(${o}, minmax(0, 1fr))` },
+      className: i("grid gap-2.5", r),
+      style: { gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))` },
       ...s,
-      children: r.map((c) => /* @__PURE__ */ e(
-        J,
+      children: t.map((c) => /* @__PURE__ */ e(
+        de,
         {
           title: c.title,
           description: c.description,
           icon: c.icon,
           iconTone: c.iconTone,
-          selected: c.value === t,
-          onClick: () => a(c.value)
+          selected: c.value === n,
+          onClick: () => o(c.value)
         },
         c.value
       ))
     }
   );
 }
-const Ct = p(
-  ({ className: n, icon: r, label: t, active: a = !1, ...o }, s) => /* @__PURE__ */ l(
+const Lt = u(
+  ({ className: r, icon: t, label: n, active: o = !1, ...a }, s) => /* @__PURE__ */ l(
     "button",
     {
       ref: s,
       type: "button",
-      "aria-current": a ? "page" : void 0,
+      "aria-current": o ? "page" : void 0,
       className: i(
         "flex w-full cursor-pointer items-center gap-3 rounded-list px-4 py-[13px] text-left font-sans text-sm font-semibold transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/25",
-        a ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-secondary hover:text-foreground",
-        n
+        o ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-secondary hover:text-foreground",
+        r
       ),
-      ...o,
+      ...a,
       children: [
-        /* @__PURE__ */ e(u, { icon: r, className: "size-[19px] flex-none", strokeWidth: 2 }),
-        /* @__PURE__ */ e("span", { children: t })
+        /* @__PURE__ */ e(x, { icon: t, className: "size-[19px] flex-none", strokeWidth: 2 }),
+        /* @__PURE__ */ e("span", { children: n })
       ]
     }
   )
 );
-Ct.displayName = "NavItem";
-const kt = p(
-  ({ className: n, children: r, ...t }, a) => /* @__PURE__ */ e(
+Lt.displayName = "NavItem";
+const Ot = u(
+  ({ className: r, children: t, ...n }, o) => /* @__PURE__ */ e(
     "nav",
     {
-      ref: a,
-      className: i("rounded-card bg-card p-[18px] pt-[22px] shadow-card", n),
-      ...t,
-      children: r
+      ref: o,
+      className: i("rounded-card border border-border bg-card p-[18px] pt-[22px]", r),
+      ...n,
+      children: t
     }
   )
 );
-kt.displayName = "Sidebar";
-const Tt = p(
-  ({ className: n, name: r, logo: t, ...a }, o) => /* @__PURE__ */ l(
+Ot.displayName = "Sidebar";
+const Ht = u(
+  ({ className: r, name: t, logo: n, ...o }, a) => /* @__PURE__ */ l(
     "div",
     {
-      ref: o,
-      className: i("flex items-center gap-3 px-2.5 pt-1.5 pb-[22px]", n),
-      ...a,
+      ref: a,
+      className: i("flex items-center gap-3 px-2.5 pt-1.5 pb-[22px]", r),
+      ...o,
       children: [
-        /* @__PURE__ */ e("div", { className: "flex size-[42px] items-center justify-center rounded-[14px] bg-accent text-lg font-bold text-accent-foreground", children: t ?? r.charAt(0) }),
-        /* @__PURE__ */ e("span", { className: "text-lg font-bold", children: r })
+        n ? /* @__PURE__ */ e("div", { className: "flex size-[42px] items-center justify-center overflow-hidden rounded-[14px]", children: n }) : /* @__PURE__ */ e("div", { className: "flex size-[42px] items-center justify-center rounded-[14px] bg-accent text-lg font-bold text-accent-foreground", children: t.charAt(0) }),
+        /* @__PURE__ */ e("span", { className: "text-lg font-bold", children: t })
       ]
     }
   )
 );
-Tt.displayName = "SidebarBrand";
-const It = p(
-  ({ className: n, label: r, children: t, ...a }, o) => /* @__PURE__ */ l("div", { ref: o, className: i("flex flex-col", n), ...a, children: [
-    r ? /* @__PURE__ */ e("span", { className: "px-2.5 pt-5 pb-2.5 font-mono text-[11px] tracking-widest text-subtle-foreground uppercase", children: r }) : null,
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-1", children: t })
+Ht.displayName = "SidebarBrand";
+const Gt = u(
+  ({ className: r, label: t, children: n, ...o }, a) => /* @__PURE__ */ l("div", { ref: a, className: i("flex flex-col", r), ...o, children: [
+    t ? /* @__PURE__ */ e("span", { className: "px-2.5 pt-5 pb-2.5 font-mono text-[11px] tracking-widest text-subtle-foreground uppercase", children: t }) : null,
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-1", children: n })
   ] })
 );
-It.displayName = "SidebarSection";
-const Ft = p(
-  ({ className: n, ...r }, t) => /* @__PURE__ */ e("div", { ref: t, className: i("skeleton rounded-[7px]", n), ...r })
+Gt.displayName = "SidebarSection";
+const Yt = u(
+  ({ className: r, ...t }, n) => /* @__PURE__ */ e("div", { ref: n, className: i("skeleton rounded-[7px]", r), ...t })
 );
-Ft.displayName = "Skeleton";
-const zt = p(
-  ({ className: n, ...r }, t) => /* @__PURE__ */ l(
-    I.Root,
+Yt.displayName = "Skeleton";
+const Kt = u(
+  ({ className: r, ...t }, n) => /* @__PURE__ */ l(
+    B.Root,
     {
-      ref: t,
-      className: i("relative flex h-[22px] w-full touch-none items-center select-none", n),
-      ...r,
+      ref: n,
+      className: i("relative flex h-[22px] w-full touch-none items-center select-none", r),
+      ...t,
       children: [
-        /* @__PURE__ */ e(I.Track, { className: "relative h-2 w-full grow rounded-pill bg-secondary", children: /* @__PURE__ */ e(I.Range, { className: "absolute h-full rounded-pill bg-accent" }) }),
+        /* @__PURE__ */ e(B.Track, { className: "relative h-2 w-full grow rounded-pill bg-secondary", children: /* @__PURE__ */ e(B.Range, { className: "absolute h-full rounded-pill bg-accent" }) }),
         /* @__PURE__ */ e(
-          I.Thumb,
+          B.Thumb,
           {
-            className: "block size-[22px] rounded-full border-[3px] border-primary bg-white shadow-[0_2px_6px_rgba(15,23,42,0.2)] outline-none focus-visible:ring-3 focus-visible:ring-ring/25 disabled:opacity-60",
+            className: "block size-[22px] rounded-full border-[3px] border-accent bg-white outline-none focus-visible:ring-3 focus-visible:ring-ring/25 disabled:opacity-60",
             "aria-label": "Valor"
           }
         )
@@ -1314,8 +1481,8 @@ const zt = p(
     }
   )
 );
-zt.displayName = "Slider";
-const Bt = y("animate-spin-slow rounded-full border-secondary border-t-accent", {
+Kt.displayName = "Slider";
+const _t = C("animate-spin-slow rounded-full border-secondary border-t-accent", {
   variants: {
     size: {
       sm: "size-6 border-[3px]",
@@ -1324,62 +1491,62 @@ const Bt = y("animate-spin-slow rounded-full border-secondary border-t-accent",
     }
   },
   defaultVariants: { size: "md" }
-}), Dt = p(
-  ({ className: n, size: r, ...t }, a) => /* @__PURE__ */ e(
+}), Jt = u(
+  ({ className: r, size: t, ...n }, o) => /* @__PURE__ */ e(
     "div",
     {
-      ref: a,
+      ref: o,
       role: "status",
       "aria-label": "Carregando",
-      className: i(Bt({ size: r }), n),
-      ...t
+      className: i(_t({ size: t }), r),
+      ...n
     }
   )
 );
-Dt.displayName = "Spinner";
-const St = y("rounded-card p-6", {
+Jt.displayName = "Spinner";
+const Qt = C("rounded-card p-6", {
   variants: {
     variant: {
-      light: "bg-card text-card-foreground shadow-card",
-      accent: "bg-accent text-accent-foreground shadow-accent",
-      dark: "bg-primary text-primary-foreground shadow-dark"
+      light: "border border-border bg-card text-card-foreground",
+      accent: "bg-accent text-accent-foreground",
+      dark: "bg-primary text-primary-foreground"
     }
   },
   defaultVariants: { variant: "light" }
-}), A = {
+}), E = {
   light: "text-muted-foreground",
   accent: "text-accent-muted-foreground",
   dark: "text-subtle-foreground"
-}, At = {
+}, qt = {
   light: "neutral",
   accent: "onAccent",
   dark: "onDark"
-}, Pt = p(
+}, Ut = u(
   ({
-    className: n,
-    variant: r = "light",
-    icon: t,
-    iconTone: a,
-    label: o,
+    className: r,
+    variant: t = "light",
+    icon: n,
+    iconTone: o,
+    label: a,
     value: s,
     unit: c,
     trend: d,
     progress: m,
-    footer: x,
-    ...g
-  }, f) => {
-    const b = r ?? "light";
-    return /* @__PURE__ */ l("div", { ref: f, className: i(St({ variant: r }), n), ...g, children: [
+    footer: p,
+    ...f
+  }, h) => {
+    const b = t ?? "light";
+    return /* @__PURE__ */ l("div", { ref: h, className: i(Qt({ variant: t }), r), ...f, children: [
       /* @__PURE__ */ l("div", { className: "mb-[18px] flex items-start justify-between", children: [
-        /* @__PURE__ */ e(T, { icon: t, tone: a ?? At[b] }),
+        /* @__PURE__ */ e(z, { icon: n, tone: o ?? qt[b] }),
         d ? /* @__PURE__ */ e("div", { children: d }) : null
       ] }),
-      /* @__PURE__ */ e("div", { className: i("mb-1 text-[13px]", A[b]), children: o }),
+      /* @__PURE__ */ e("div", { className: i("mb-1 text-[13px]", E[b]), children: a }),
       /* @__PURE__ */ l("div", { className: "text-[34px] leading-none font-bold tracking-tight", children: [
         s,
-        c ? /* @__PURE__ */ e("span", { className: i("ml-1 text-[15px] font-medium", A[b]), children: c }) : null
+        c ? /* @__PURE__ */ e("span", { className: i("ml-1 text-[15px] font-medium", E[b]), children: c }) : null
       ] }),
-      m ? /* @__PURE__ */ l(P, { children: [
+      m ? /* @__PURE__ */ l(V, { children: [
         /* @__PURE__ */ e("div", { className: "mt-4 h-1.5 overflow-hidden rounded-pill bg-secondary", children: /* @__PURE__ */ e(
           "div",
           {
@@ -1390,136 +1557,136 @@ const St = y("rounded-card p-6", {
             }
           }
         ) }),
-        m.caption ? /* @__PURE__ */ e("div", { className: i("mt-2 text-xs", A[b]), children: m.caption }) : null
+        m.caption ? /* @__PURE__ */ e("div", { className: i("mt-2 text-xs", E[b]), children: m.caption }) : null
       ] }) : null,
-      x ? /* @__PURE__ */ e("div", { className: "mt-[18px]", children: x }) : null
+      p ? /* @__PURE__ */ e("div", { className: "mt-[18px]", children: p }) : null
     ] });
   }
 );
-Pt.displayName = "StatCard";
-const jt = p(
-  ({ className: n, ...r }, t) => /* @__PURE__ */ e(
-    L.Root,
+Ut.displayName = "StatCard";
+const Xt = u(
+  ({ className: r, ...t }, n) => /* @__PURE__ */ e(
+    Q.Root,
     {
-      ref: t,
+      ref: n,
       className: i(
         "peer inline-flex h-[27px] w-[46px] flex-none cursor-pointer items-center rounded-pill p-[3px] transition-colors outline-none",
         "focus-visible:ring-3 focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-60",
         "bg-input data-[state=checked]:bg-accent",
-        n
+        r
       ),
-      ...r,
-      children: /* @__PURE__ */ e(L.Thumb, { className: "pointer-events-none block size-[21px] rounded-full bg-white shadow-[0_1px_3px_rgba(15,23,42,0.3)] transition-transform data-[state=checked]:translate-x-[19px]" })
+      ...t,
+      children: /* @__PURE__ */ e(Q.Thumb, { className: "pointer-events-none block size-[21px] rounded-full bg-white transition-transform data-[state=checked]:translate-x-[19px]" })
     }
   )
 );
-jt.displayName = "Switch";
-const pr = z.Root, _t = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
-  z.List,
+Xt.displayName = "Switch";
+const zr = j.Root, Zt = u(({ className: r, ...t }, n) => /* @__PURE__ */ e(
+  j.List,
   {
-    ref: t,
-    className: i("inline-flex items-center gap-1.5 rounded-pill bg-secondary p-1.5", n),
-    ...r
+    ref: n,
+    className: i("inline-flex items-center gap-1.5 rounded-pill bg-secondary p-1.5", r),
+    ...t
   }
 ));
-_t.displayName = "TabsList";
-const Et = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
-  z.Trigger,
+Zt.displayName = "TabsList";
+const er = u(({ className: r, ...t }, n) => /* @__PURE__ */ e(
+  j.Trigger,
   {
-    ref: t,
+    ref: n,
     className: i(
       "cursor-pointer rounded-pill px-[18px] py-[9px] font-sans text-sm font-semibold whitespace-nowrap text-muted-foreground transition-colors outline-none",
       "hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/25",
       "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:hover:text-primary-foreground",
-      n
+      r
     ),
-    ...r
+    ...t
   }
 ));
-Et.displayName = "TabsTrigger";
-const Rt = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
-  z.Content,
+er.displayName = "TabsTrigger";
+const tr = u(({ className: r, ...t }, n) => /* @__PURE__ */ e(
+  j.Content,
   {
-    ref: t,
-    className: i("mt-5 outline-none focus-visible:ring-3 focus-visible:ring-ring/25", n),
-    ...r
+    ref: n,
+    className: i("mt-5 outline-none focus-visible:ring-3 focus-visible:ring-ring/25", r),
+    ...t
   }
 ));
-Rt.displayName = "TabsContent";
-const Vt = p(
-  ({ className: n, label: r, error: t, hint: a, id: o, disabled: s, rows: c = 3, ...d }, m) => {
-    const x = F(), g = o ?? x, f = !!t;
-    return /* @__PURE__ */ l("div", { className: i("flex flex-col", n), children: [
-      r ? /* @__PURE__ */ e(
+tr.displayName = "TabsContent";
+const rr = u(
+  ({ className: r, label: t, error: n, hint: o, id: a, disabled: s, rows: c = 3, ...d }, m) => {
+    const p = A(), f = a ?? p, h = !!n;
+    return /* @__PURE__ */ l("div", { className: i("flex flex-col", r), children: [
+      t ? /* @__PURE__ */ e(
         "label",
         {
-          htmlFor: g,
-          className: i("mb-[7px] text-[13px] font-semibold", f && "text-error"),
-          children: r
+          htmlFor: f,
+          className: i("mb-[7px] text-[13px] font-semibold", h && "text-error"),
+          children: t
         }
       ) : null,
       /* @__PURE__ */ e(
         "textarea",
         {
           ref: m,
-          id: g,
+          id: f,
           rows: c,
           disabled: s,
-          "aria-invalid": f,
+          "aria-invalid": h,
           className: i(
             "w-full min-w-0 resize-y rounded-field border bg-background px-3.5 py-3 font-sans text-sm text-foreground transition-colors outline-none",
             "placeholder:text-subtle-foreground focus:border-ring focus:ring-3 focus:ring-ring/10",
-            f ? "border-error ring-3 ring-error/10 focus:border-error focus:ring-error/10" : "border-input",
+            h ? "border-error ring-3 ring-error/10 focus:border-error focus:ring-error/10" : "border-input",
             s && "opacity-60"
           ),
           ...d
         }
       ),
-      t ? /* @__PURE__ */ e("p", { className: "mt-1.5 text-xs text-error", children: t }) : null,
-      !t && a ? /* @__PURE__ */ e("p", { className: "mt-1.5 text-xs text-subtle-foreground", children: a }) : null
+      n ? /* @__PURE__ */ e("p", { className: "mt-1.5 text-xs text-error", children: n }) : null,
+      !n && o ? /* @__PURE__ */ e("p", { className: "mt-1.5 text-xs text-subtle-foreground", children: o }) : null
     ] });
   }
 );
-Vt.displayName = "Textarea";
-const Q = be(null);
-function mr() {
-  const n = fe(Q);
-  if (!n) throw new Error("useToast deve ser usado dentro de ToastProvider");
-  return n;
+rr.displayName = "Textarea";
+const ue = Be(null);
+function Sr() {
+  const r = Se(ue);
+  if (!r) throw new Error("useToast deve ser usado dentro de ToastProvider");
+  return r;
 }
-function ur({ children: n, duration: r = 3600 }) {
-  const [t, a] = xe([]), o = V((d) => {
-    a((m) => {
-      var g;
-      const x = (((g = m[m.length - 1]) == null ? void 0 : g.id) ?? 0) + 1;
-      return [...m, { ...d, id: x, open: !0 }];
+function Br({ children: r, duration: t = 3600 }) {
+  const [n, o] = R([]), a = _((d) => {
+    o((m) => {
+      var f;
+      const p = (((f = m[m.length - 1]) == null ? void 0 : f.id) ?? 0) + 1;
+      return [...m, { ...d, id: p, open: !0 }];
     });
-  }, []), s = V((d, m) => {
-    m || a((x) => x.filter((g) => g.id !== d));
-  }, []), c = ge(() => ({ toast: o }), [o]);
-  return /* @__PURE__ */ e(Q.Provider, { value: c, children: /* @__PURE__ */ l(C.Provider, { duration: r, swipeDirection: "right", children: [
-    n,
-    t.map((d) => {
-      const m = d.icon ?? _;
+  }, []), s = _((d, m) => {
+    m || o((p) => p.filter((f) => f.id !== d));
+  }, []), c = ze(() => ({ toast: a }), [a]);
+  return /* @__PURE__ */ e(ue.Provider, { value: c, children: /* @__PURE__ */ l(T.Provider, { duration: t, swipeDirection: "right", children: [
+    r,
+    n.map((d) => {
+      const m = d.icon ?? L;
       return /* @__PURE__ */ l(
-        C.Root,
+        T.Root,
         {
           open: d.open,
-          duration: d.duration ?? r,
-          onOpenChange: (x) => s(d.id, x),
-          className: "flex items-center gap-3.5 rounded-list bg-primary px-[18px] py-[15px] text-primary-foreground shadow-[0_16px_40px_rgba(15,23,42,0.35)] data-[state=open]:animate-toast-in",
+          duration: d.duration ?? t,
+          onOpenChange: (p) => s(d.id, p),
+          className: "flex items-center gap-3.5 rounded-list bg-primary px-[18px] py-[15px] text-primary-foreground data-[state=open]:animate-toast-in",
           children: [
-            /* @__PURE__ */ e("div", { className: "flex size-[38px] flex-none items-center justify-center rounded-[12px] bg-accent/20", children: /* @__PURE__ */ e(u, { icon: m, className: "size-[19px] text-accent", strokeWidth: 3 }) }),
+            /* @__PURE__ */ e("div", { className: "flex size-[38px] flex-none items-center justify-center rounded-[12px] bg-accent/20", children: /* @__PURE__ */ e(x, { icon: m, className: "size-[19px] text-accent", strokeWidth: 3 }) }),
             /* @__PURE__ */ l("div", { className: "flex-1", children: [
-              /* @__PURE__ */ e(C.Title, { className: "text-sm font-semibold", children: d.title }),
-              d.description ? /* @__PURE__ */ e(C.Description, { className: "text-xs text-subtle-foreground", children: d.description }) : null
+              /* @__PURE__ */ e(T.Title, { className: "text-sm font-semibold", children: d.title }),
+              d.description ? /* @__PURE__ */ e(T.Description, { className: "text-xs text-subtle-foreground", children: d.description }) : null
             ] }),
             /* @__PURE__ */ e(
-              C.Close,
+              T.Close,
               {
                 "aria-label": "Fechar",
                 className: "flex-none cursor-pointer text-muted-foreground transition-colors hover:text-primary-foreground",
-                children: /* @__PURE__ */ e(u, { icon: j, className: "size-[17px]" })
+                children: /* @__PURE__ */ e(x, { icon: W, className: "size-[17px]" })
               }
             )
           ]
@@ -1528,7 +1695,7 @@ function ur({ children: n, duration: r = 3600 }) {
       );
     }),
     /* @__PURE__ */ e(
-      C.Viewport,
+      T.Viewport,
       {
         className: i(
           "fixed right-6 bottom-6 z-95 flex w-[340px] max-w-[calc(100vw-2rem)] flex-col gap-3 outline-none"
@@ -1537,56 +1704,56 @@ function ur({ children: n, duration: r = 3600 }) {
     )
   ] }) });
 }
-const xr = v.Provider, gr = v.Root, fr = v.Trigger, Y = p(({ className: n, sideOffset: r = 8, children: t, ...a }, o) => /* @__PURE__ */ e(v.Portal, { children: /* @__PURE__ */ l(
-  v.Content,
+const Pr = y.Provider, Ar = y.Root, jr = y.Trigger, me = u(({ className: r, sideOffset: t = 8, children: n, ...o }, a) => /* @__PURE__ */ e(y.Portal, { children: /* @__PURE__ */ l(
+  y.Content,
   {
-    ref: o,
-    sideOffset: r,
+    ref: a,
+    sideOffset: t,
     className: i(
-      "z-95 rounded-[10px] bg-primary px-3 py-2 text-xs font-medium text-primary-foreground shadow-[0_6px_18px_rgba(15,23,42,0.25)] data-[state=delayed-open]:animate-fade-in",
-      n
+      "z-95 rounded-[10px] bg-primary px-3 py-2 text-xs font-medium text-primary-foreground data-[state=delayed-open]:animate-fade-in",
+      r
     ),
-    ...a,
+    ...o,
     children: [
-      t,
-      /* @__PURE__ */ e(v.Arrow, { className: "fill-primary", width: 10, height: 5 })
+      n,
+      /* @__PURE__ */ e(y.Arrow, { className: "fill-primary", width: 10, height: 5 })
     ]
   }
 ) }));
-Y.displayName = "TooltipContent";
-function br({ content: n, children: r, side: t = "top", delayDuration: a = 150 }) {
-  return /* @__PURE__ */ e(v.Provider, { delayDuration: a, children: /* @__PURE__ */ l(v.Root, { children: [
-    /* @__PURE__ */ e(v.Trigger, { asChild: !0, children: r }),
-    /* @__PURE__ */ e(Y, { side: t, children: n })
+me.displayName = "TooltipContent";
+function $r({ content: r, children: t, side: n = "top", delayDuration: o = 150 }) {
+  return /* @__PURE__ */ e(y.Provider, { delayDuration: o, children: /* @__PURE__ */ l(y.Root, { children: [
+    /* @__PURE__ */ e(y.Trigger, { asChild: !0, children: t }),
+    /* @__PURE__ */ e(me, { side: n, children: r })
   ] }) });
 }
-const $t = p(
-  ({ className: n, brand: r, actions: t, title: a, subtitle: o, children: s, ...c }, d) => /* @__PURE__ */ l(
+const nr = u(
+  ({ className: r, brand: t, actions: n, title: o, subtitle: a, children: s, ...c }, d) => /* @__PURE__ */ l(
     "div",
     {
       ref: d,
-      className: i("overflow-hidden rounded-card bg-card shadow-card", n),
+      className: i("overflow-hidden rounded-card border border-border bg-card", r),
       ...c,
       children: [
         /* @__PURE__ */ l("div", { className: "flex items-center justify-between border-b border-border-soft px-6 py-[18px]", children: [
-          /* @__PURE__ */ e("div", { className: "text-[15px] font-bold tracking-wide", children: r }),
-          t ? /* @__PURE__ */ e("div", { className: "flex items-center gap-[18px] text-muted-foreground", children: t }) : null
+          /* @__PURE__ */ e("div", { className: "text-[15px] font-bold tracking-wide", children: t }),
+          n ? /* @__PURE__ */ e("div", { className: "flex items-center gap-[18px] text-muted-foreground", children: n }) : null
         ] }),
-        a || o || s ? /* @__PURE__ */ l("div", { className: "p-6", children: [
-          a ? /* @__PURE__ */ e("h3", { className: "mb-1 text-[28px] font-bold tracking-tight", children: a }) : null,
-          o ? /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: o }) : null,
+        o || a || s ? /* @__PURE__ */ l("div", { className: "p-6", children: [
+          o ? /* @__PURE__ */ e("h3", { className: "mb-1 text-[28px] font-bold tracking-tight", children: o }) : null,
+          a ? /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: a }) : null,
           s
         ] }) : null
       ]
     }
   )
 );
-$t.displayName = "Topbar";
-const Lt = p(
-  ({ className: n, label: r, delta: t, direction: a, positiveIsUp: o = !0, ...s }, c) => {
-    const d = a === "up" ? o : !o, m = a === "up" ? me : ue;
-    return /* @__PURE__ */ l("div", { ref: c, className: i("flex items-center justify-between", n), ...s, children: [
-      /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: r }),
+nr.displayName = "Topbar";
+const or = u(
+  ({ className: r, label: t, delta: n, direction: o, positiveIsUp: a = !0, ...s }, c) => {
+    const d = o === "up" ? a : !a, m = o === "up" ? Ie : Fe;
+    return /* @__PURE__ */ l("div", { ref: c, className: i("flex items-center justify-between", r), ...s, children: [
+      /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: t }),
       /* @__PURE__ */ l(
         "span",
         {
@@ -1595,109 +1762,110 @@ const Lt = p(
             d ? "text-success" : "text-error"
           ),
           children: [
-            /* @__PURE__ */ e(u, { icon: m, className: "size-4" }),
-            t
+            /* @__PURE__ */ e(x, { icon: m, className: "size-4" }),
+            n
           ]
         }
       )
     ] });
   }
 );
-Lt.displayName = "TrendItem";
-const Mt = p(
-  ({ className: n, ...r }, t) => /* @__PURE__ */ e("div", { ref: t, className: i("flex flex-col gap-4", n), ...r })
+or.displayName = "TrendItem";
+const ar = u(
+  ({ className: r, ...t }, n) => /* @__PURE__ */ e("div", { ref: n, className: i("flex flex-col gap-4", r), ...t })
 );
-Mt.displayName = "TrendList";
+ar.displayName = "TrendList";
 export {
-  Jt as Accordion,
-  Fe as AccordionContent,
-  Te as AccordionItem,
-  Ie as AccordionTrigger,
-  Zt as AreaChart,
-  Be as Badge,
-  je as Banner,
-  er as BarChart,
-  Ee as Button,
-  Ve as Card,
-  We as CardContent,
-  Me as CardDescription,
-  $e as CardHeader,
-  Le as CardTitle,
-  Oe as ChartEmptyState,
-  Ke as ChartLegend,
-  R as ChartTooltip,
-  qe as Checkbox,
-  rr as DataTable,
-  Ue as DateNavigator,
-  nr as Dialog,
-  or as DialogClose,
-  Je as DialogContent,
-  Ze as DialogDescription,
-  et as DialogFooter,
-  Qe as DialogHeader,
-  q as DialogOverlay,
-  Xe as DialogPortal,
-  Ye as DialogTitle,
-  ar as DialogTrigger,
-  tr as DonutChart,
-  nt as EmptyState,
-  U as FilterChip,
-  at as FilterChips,
-  ct as HydrationListItem,
-  ot as HydrationTracker,
-  T as IconTile,
-  X as Input,
-  D as ListItem,
-  mt as MacroBreakdown,
-  it as MealListItem,
-  nr as Modal,
-  Ct as NavItem,
-  ut as ProfileCard,
-  gt as ProgressBar,
-  ft as ProgressRing,
-  bt as RadioGroup,
-  ht as RadioGroupItem,
-  st as SearchInput,
-  sr as SegmentedControl,
-  ir as Select,
-  yt as SelectContent,
-  lr as SelectGroup,
-  wt as SelectItem,
-  Nt as SelectTrigger,
-  cr as SelectValue,
-  J as SelectableCard,
-  dr as SelectableCardGroup,
-  kt as Sidebar,
-  Tt as SidebarBrand,
-  It as SidebarSection,
-  Ft as Skeleton,
-  zt as Slider,
-  Dt as Spinner,
-  Pt as StatCard,
-  jt as Switch,
-  pr as Tabs,
-  Rt as TabsContent,
-  _t as TabsList,
-  Et as TabsTrigger,
-  Vt as Textarea,
-  ur as ToastProvider,
-  br as Tooltip,
-  Y as TooltipContent,
-  xr as TooltipProvider,
-  gr as TooltipRoot,
-  fr as TooltipTrigger,
-  $t as Topbar,
-  Lt as TrendItem,
-  Mt as TrendList,
-  lt as WorkoutListItem,
-  ze as badgeVariants,
-  _e as buttonVariants,
-  Re as cardVariants,
-  B as chartColors,
+  xr as Accordion,
+  Le as AccordionContent,
+  Ve as AccordionItem,
+  We as AccordionTrigger,
+  br as AreaChart,
+  He as Badge,
+  Je as Banner,
+  hr as BarChart,
+  qe as Button,
+  Xe as Card,
+  rt as CardContent,
+  tt as CardDescription,
+  Ze as CardHeader,
+  et as CardTitle,
+  at as ChartEmptyState,
+  st as ChartLegend,
+  H as ChartTooltip,
+  it as Checkbox,
+  Nr as DataTable,
+  lt as DateNavigator,
+  mt as DatePicker,
+  yr as Dialog,
+  Cr as DialogClose,
+  xt as DialogContent,
+  bt as DialogDescription,
+  ht as DialogFooter,
+  ft as DialogHeader,
+  ie as DialogOverlay,
+  pt as DialogPortal,
+  gt as DialogTitle,
+  wr as DialogTrigger,
+  vr as DonutChart,
+  yt as EmptyState,
+  le as FilterChip,
+  wt as FilterChips,
+  It as HydrationListItem,
+  Ct as HydrationTracker,
+  z as IconTile,
+  ce as Input,
+  M as ListItem,
+  St as MacroBreakdown,
+  Tt as MealListItem,
+  yr as Modal,
+  Lt as NavItem,
+  Bt as ProfileCard,
+  At as ProgressBar,
+  jt as ProgressRing,
+  $t as RadioGroup,
+  Mt as RadioGroupItem,
+  kt as SearchInput,
+  kr as SegmentedControl,
+  Tr as Select,
+  Vt as SelectContent,
+  Dr as SelectGroup,
+  Wt as SelectItem,
+  Rt as SelectTrigger,
+  Ir as SelectValue,
+  de as SelectableCard,
+  Fr as SelectableCardGroup,
+  Ot as Sidebar,
+  Ht as SidebarBrand,
+  Gt as SidebarSection,
+  Yt as Skeleton,
+  Kt as Slider,
+  Jt as Spinner,
+  Ut as StatCard,
+  Xt as Switch,
+  zr as Tabs,
+  tr as TabsContent,
+  Zt as TabsList,
+  er as TabsTrigger,
+  rr as Textarea,
+  Br as ToastProvider,
+  $r as Tooltip,
+  me as TooltipContent,
+  Pr as TooltipProvider,
+  Ar as TooltipRoot,
+  jr as TooltipTrigger,
+  nr as Topbar,
+  or as TrendItem,
+  ar as TrendList,
+  Dt as WorkoutListItem,
+  Oe as badgeVariants,
+  Qe as buttonVariants,
+  Ue as cardVariants,
+  $ as chartColors,
   i as cn,
-  w as colors,
-  Yt as fontFamily,
-  tt as iconTileVariants,
-  Qt as radius,
-  mr as useToast
+  k as colors,
+  gr as fontFamily,
+  vt as iconTileVariants,
+  fr as radius,
+  Sr as useToast
 };