@ezfit/ui 1.0.0

package/dist/index.js

@@ -0,0 +1,1501 @@
+import { clsx as Q } from "clsx";
+import { twMerge as Y } from "tailwind-merge";
+import { jsx as e, jsxs as l, Fragment as A } from "react/jsx-runtime";
+import { ArrowDown01Icon as W, InformationCircleIcon as Z, AlertCircleIcon as ee, Alert01Icon as te, CheckmarkCircle01Icon as re, Cancel01Icon as P, Loading03Icon as ae, BarChartIcon as ne, Tick02Icon as E, DropletIcon as oe, Search01Icon as se, UserIcon as ie, ChartUpIcon as le, ChartDownIcon as ce } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as u } from "@hugeicons/react";
+import * as k from "@radix-ui/react-accordion";
+import { forwardRef as c, useId as j, useState as de, useCallback as V, useMemo as pe, useContext as me, createContext as ue } from "react";
+import { ResponsiveContainer as _, AreaChart as xe, Tooltip as G, Area as ge, BarChart as fe, XAxis as be, Bar as he, Cell as H, PieChart as Ne, Pie as ve } from "recharts";
+import { cva as w } from "class-variance-authority";
+import * as $ from "@radix-ui/react-checkbox";
+import * as N from "@radix-ui/react-dialog";
+import * as O from "@radix-ui/react-radio-group";
+import * as b from "@radix-ui/react-select";
+import * as T from "@radix-ui/react-slider";
+import * as L from "@radix-ui/react-switch";
+import * as I from "@radix-ui/react-tabs";
+import * as C from "@radix-ui/react-toast";
+import * as h from "@radix-ui/react-tooltip";
+function s(...a) {
+  return Y(Q(a));
+}
+const Gt = k.Root, ye = c(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+  k.Item,
+  {
+    ref: t,
+    className: s("overflow-hidden rounded-list border border-border-soft", a),
+    ...r
+  }
+));
+ye.displayName = "AccordionItem";
+const we = c(({ className: a, children: r, ...t }, n) => /* @__PURE__ */ e(k.Header, { className: "flex", children: /* @__PURE__ */ l(
+  k.Trigger,
+  {
+    ref: n,
+    className: s(
+      "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",
+      a
+    ),
+    ...t,
+    children: [
+      r,
+      /* @__PURE__ */ e(
+        u,
+        {
+          icon: W,
+          className: "size-[18px] flex-none text-subtle-foreground transition-transform group-data-[state=open]:rotate-180"
+        }
+      )
+    ]
+  }
+) }));
+we.displayName = "AccordionTrigger";
+const Ce = c(({ className: a, children: r, ...t }, n) => /* @__PURE__ */ e(
+  k.Content,
+  {
+    ref: n,
+    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: s("px-4 pb-4", a), children: r })
+  }
+));
+Ce.displayName = "AccordionContent";
+const ke = w(
+  "inline-flex items-center gap-1.5 rounded-pill font-semibold whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        active: "bg-accent-300 text-accent-foreground",
+        pro: "bg-accent-300 text-accent-muted-foreground",
+        info: "bg-info-bg text-info",
+        success: "bg-success-bg text-success",
+        warning: "bg-warning-bg text-warning",
+        error: "bg-error-bg text-error",
+        neutral: "bg-secondary text-muted-foreground"
+      },
+      size: {
+        sm: "px-2.5 py-1 text-[11px]",
+        md: "px-3 py-[5px] text-xs"
+      }
+    },
+    defaultVariants: { variant: "neutral", size: "md" }
+  }
+), Te = c(
+  ({ className: a, variant: r, size: t, ...n }, o) => /* @__PURE__ */ e("span", { ref: o, className: s(ke({ variant: r, size: t }), a), ...n })
+);
+Te.displayName = "Badge";
+const Ie = w("flex items-center gap-3.5 rounded-list border p-[15px] px-[18px]", {
+  variants: {
+    variant: {
+      success: "border-success-border bg-success-bg",
+      warning: "border-warning-border bg-warning-bg",
+      error: "border-error-border bg-error-bg",
+      info: "border-info-border bg-info-bg"
+    }
+  },
+  defaultVariants: { variant: "info" }
+}), Fe = {
+  success: re,
+  warning: te,
+  error: ee,
+  info: Z
+}, M = {
+  success: "text-success",
+  warning: "text-warning",
+  error: "text-error",
+  info: "text-info"
+}, ze = {
+  success: "text-[#166534]",
+  warning: "text-[#92400E]",
+  error: "text-[#991B1B]",
+  info: "text-[#1E40AF]"
+}, Se = {
+  success: "text-[#15803D]",
+  warning: "text-[#B45309]",
+  error: "text-[#B91C1C]",
+  info: "text-[#1D4ED8]"
+}, Be = c(
+  ({ className: a, variant: r = "info", title: t, children: n, onDismiss: o, ...i }, p) => {
+    const d = r ?? "info", m = Fe[d];
+    return /* @__PURE__ */ l("div", { ref: p, role: "alert", className: s(Ie({ variant: r }), a), ...i, children: [
+      /* @__PURE__ */ e(
+        u,
+        {
+          icon: m,
+          className: s("size-5 flex-none", M[d]),
+          strokeWidth: 2
+        }
+      ),
+      /* @__PURE__ */ l("div", { className: "flex-1 text-sm", children: [
+        t ? /* @__PURE__ */ l("span", { className: s("font-semibold", ze[d]), children: [
+          t,
+          " "
+        ] }) : null,
+        /* @__PURE__ */ e("span", { className: Se[d], children: n })
+      ] }),
+      o ? /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: o,
+          "aria-label": "Fechar",
+          className: s(
+            "flex-none cursor-pointer opacity-60 transition-opacity hover:opacity-100",
+            M[d]
+          ),
+          children: /* @__PURE__ */ e(u, { icon: P, className: "size-[17px]" })
+        }
+      ) : null
+    ] });
+  }
+);
+Be.displayName = "Banner";
+const De = w(
+  "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: {
+      variant: {
+        primary: "bg-primary text-primary-foreground hover:bg-primary-hover",
+        accent: "bg-accent-300 text-accent-foreground hover:bg-accent",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover",
+        ghost: "bg-transparent text-muted-foreground hover:bg-secondary hover:text-foreground",
+        destructive: "bg-error-bg text-error hover:bg-error/15"
+      },
+      size: {
+        sm: "h-9 rounded-button px-4 text-[13px]",
+        md: "h-11 rounded-button px-[22px] text-sm",
+        icon: "h-11 w-11 rounded-button"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), Ae = c(
+  ({ className: a, variant: r, size: t, loading: n = !1, disabled: o, children: i, type: p = "button", ...d }, m) => /* @__PURE__ */ e(
+    "button",
+    {
+      ref: m,
+      type: p,
+      className: s(De({ variant: r, size: t }), a),
+      disabled: o || n,
+      ...d,
+      children: n ? /* @__PURE__ */ e(u, { icon: ae, className: "size-[18px] animate-spin-slow" }) : i
+    }
+  )
+);
+Ae.displayName = "Button";
+const Pe = w("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"
+    },
+    padding: {
+      none: "p-0",
+      sm: "p-5",
+      md: "p-7"
+    }
+  },
+  defaultVariants: { variant: "light", padding: "md" }
+}), Ee = c(
+  ({ className: a, variant: r, padding: t, ...n }, o) => /* @__PURE__ */ e("div", { ref: o, className: s(Pe({ variant: r, padding: t }), a), ...n })
+);
+Ee.displayName = "Card";
+const je = c(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      className: s("mb-4 flex items-start justify-between gap-3", a),
+      ...r
+    }
+  )
+);
+je.displayName = "CardHeader";
+const _e = c(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e("h3", { ref: t, className: s("text-base font-semibold", a), ...r })
+);
+_e.displayName = "CardTitle";
+const Re = c(({ className: a, ...r }, t) => /* @__PURE__ */ e("p", { ref: t, className: s("text-[13px] text-subtle-foreground", a), ...r }));
+Re.displayName = "CardDescription";
+const Ve = c(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e("div", { ref: t, className: s(a), ...r })
+);
+Ve.displayName = "CardContent";
+const y = {
+  primary: "#1E293B",
+  primaryForeground: "#FFFFFF",
+  accent: "#A3E635",
+  accent300: "#BEF264",
+  background: "#FFFFFF",
+  foreground: "#1E293B",
+  appBg: "#EEF1F5",
+  muted: "#F8FAFC",
+  mutedForeground: "#64748B",
+  subtleForeground: "#94A3B8",
+  secondary: "#F1F5F9",
+  secondaryForeground: "#0F172A",
+  border: "#E2E8F0",
+  ring: "#1E293B",
+  success: "#22C55E",
+  warning: "#F59E0B",
+  error: "#EF4444",
+  info: "#3B82F6",
+  protein: "#3B82F6",
+  carbs: "#EAB308",
+  carbsText: "#CA8A04",
+  fat: "#F97316",
+  cardio: "#22C55E"
+}, F = {
+  protein: y.protein,
+  carbs: y.carbs,
+  fat: y.fat,
+  cardio: y.cardio,
+  accent: y.accent,
+  primary: y.primary,
+  muted: y.secondary,
+  grid: "#F1F5F9"
+}, Ht = {
+  input: "8px",
+  field: "12px",
+  button: "14px",
+  list: "16px",
+  tile: "18px",
+  card: "24px",
+  pill: "999px"
+}, Ot = {
+  sans: "'Space Grotesk', ui-sans-serif, system-ui, sans-serif",
+  mono: "'Space Mono', ui-monospace, monospace"
+}, R = c(
+  ({ className: a, title: r, rows: t, ...n }, o) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: o,
+      className: s(
+        "min-w-[150px] rounded-[14px] bg-primary px-4 py-3 text-primary-foreground shadow-[0_8px_24px_rgba(15,23,42,0.25)]",
+        a
+      ),
+      ...n,
+      children: [
+        r ? /* @__PURE__ */ e("div", { className: "mb-1.5 text-[11px] text-subtle-foreground", children: r }) : null,
+        t.map((i) => /* @__PURE__ */ l("div", { className: "flex items-center gap-2 text-[13px] font-semibold", children: [
+          i.color ? /* @__PURE__ */ e("span", { className: "size-[9px] flex-none rounded-full", style: { background: i.color } }) : null,
+          i.label,
+          /* @__PURE__ */ e("span", { className: "ml-auto", children: i.value })
+        ] }, i.label))
+      ]
+    }
+  )
+);
+R.displayName = "ChartTooltip";
+function $e(a) {
+  return function({ active: t, payload: n, label: o }) {
+    if (!t || !(n != null && n.length)) return null;
+    const i = n[0];
+    return /* @__PURE__ */ e(
+      R,
+      {
+        title: String(o),
+        rows: [
+          {
+            label: "Valor",
+            value: `${(i == null ? void 0 : i.value) ?? 0}${a ? ` ${a}` : ""}`,
+            color: F.accent
+          }
+        ]
+      }
+    );
+  };
+}
+function Kt({
+  data: a,
+  height: r = 180,
+  color: t = F.accent,
+  unit: n = "",
+  className: o
+}) {
+  const i = "ezfit-area-gradient";
+  return /* @__PURE__ */ e("div", { className: s("w-full", o), style: { height: r }, children: /* @__PURE__ */ e(_, { width: "100%", height: "100%", children: /* @__PURE__ */ l(xe, { data: a, margin: { top: 8, right: 8, bottom: 0, left: 8 }, children: [
+    /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l("linearGradient", { id: i, 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(G, { cursor: !1, content: $e(n) }),
+    /* @__PURE__ */ e(
+      ge,
+      {
+        type: "monotone",
+        dataKey: "value",
+        stroke: t,
+        strokeWidth: 3,
+        strokeLinecap: "round",
+        fill: `url(#${i})`,
+        dot: !1,
+        activeDot: { r: 5, fill: "#fff", stroke: t, strokeWidth: 3 }
+      }
+    )
+  ] }) }) });
+}
+function Le(a) {
+  return function({ active: t, payload: n, label: o }) {
+    if (!t || !(n != null && n.length)) return null;
+    const i = n[0];
+    return /* @__PURE__ */ e(
+      R,
+      {
+        title: String(o),
+        rows: [
+          {
+            label: "Valor",
+            value: `${(i == null ? void 0 : i.value) ?? 0}${a ? ` ${a}` : ""}`,
+            color: F.accent
+          }
+        ]
+      }
+    );
+  };
+}
+function qt({ data: a, activeIndex: r, height: t = 220, unit: n = "", className: o }) {
+  return /* @__PURE__ */ e("div", { className: s("w-full", o), style: { height: t }, children: /* @__PURE__ */ e(_, { width: "100%", height: "100%", children: /* @__PURE__ */ l(fe, { data: a, margin: { top: 24, right: 0, bottom: 0, left: 0 }, children: [
+    /* @__PURE__ */ e(
+      be,
+      {
+        dataKey: "label",
+        axisLine: !1,
+        tickLine: !1,
+        tick: { fontSize: 11, fill: "#94A3B8" },
+        dy: 8
+      }
+    ),
+    /* @__PURE__ */ e(G, { cursor: !1, content: Le(n) }),
+    /* @__PURE__ */ e(he, { dataKey: "value", radius: [10, 10, 10, 10], maxBarSize: 40, children: a.map((i, p) => /* @__PURE__ */ e(
+      H,
+      {
+        fill: p === r ? F.accent : "#CBD5E1"
+      },
+      i.label
+    )) })
+  ] }) }) });
+}
+const Me = c(
+  ({
+    className: a,
+    icon: r = ne,
+    title: t = "0",
+    description: n = "Sem dados para o periodo",
+    ...o
+  }, i) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: i,
+      className: s(
+        "flex h-[148px] flex-col items-center justify-center rounded-tile border-2 border-dashed border-border text-center",
+        a
+      ),
+      ...o,
+      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: n })
+      ]
+    }
+  )
+);
+Me.displayName = "ChartEmptyState";
+const We = c(
+  ({ className: a, items: r, ...t }, n) => /* @__PURE__ */ e("div", { ref: n, className: s("flex flex-wrap gap-3", a), ...t, children: r.map((o) => /* @__PURE__ */ l("div", { className: "inline-flex items-center gap-[7px] text-[13px]", children: [
+    /* @__PURE__ */ e(
+      "span",
+      {
+        className: s(
+          "size-[11px] flex-none",
+          o.shape === "square" ? "rounded-[4px]" : "rounded-full"
+        ),
+        style: { background: o.color }
+      }
+    ),
+    o.label,
+    o.value ? /* @__PURE__ */ e("span", { className: "text-subtle-foreground", children: o.value }) : null
+  ] }, o.label)) })
+);
+We.displayName = "ChartLegend";
+function Ut({
+  data: a,
+  size: r = 120,
+  thickness: t = 18,
+  centerValue: n,
+  centerCaption: o,
+  className: i
+}) {
+  return /* @__PURE__ */ l("div", { className: s("relative flex-none", i), style: { width: r, height: r }, children: [
+    /* @__PURE__ */ e(_, { width: "100%", height: "100%", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
+      ve,
+      {
+        data: a,
+        dataKey: "value",
+        nameKey: "name",
+        cx: "50%",
+        cy: "50%",
+        innerRadius: r / 2 - t,
+        outerRadius: r / 2,
+        startAngle: 90,
+        endAngle: -270,
+        paddingAngle: 0,
+        stroke: "none",
+        children: a.map((p) => /* @__PURE__ */ e(H, { fill: p.color }, p.name))
+      }
+    ) }) }),
+    n || o ? /* @__PURE__ */ l("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
+      n ? /* @__PURE__ */ e("span", { className: "text-[22px] font-bold", children: n }) : null,
+      o ? /* @__PURE__ */ e("span", { className: "text-[10px] tracking-wide text-subtle-foreground uppercase", children: o }) : null
+    ] }) : null
+  ] });
+}
+const Ge = c(
+  ({ className: a, label: r, id: t, ...n }, o) => {
+    const i = j(), p = t ?? i, d = /* @__PURE__ */ e(
+      $.Root,
+      {
+        ref: o,
+        id: p,
+        className: s(
+          "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",
+          a
+        ),
+        ...n,
+        children: /* @__PURE__ */ e($.Indicator, { children: /* @__PURE__ */ e(
+          u,
+          {
+            icon: E,
+            className: "size-[15px] text-accent-foreground",
+            strokeWidth: 3
+          }
+        ) })
+      }
+    );
+    return r ? /* @__PURE__ */ l("label", { htmlFor: p, className: "flex cursor-pointer items-center gap-3.5", children: [
+      d,
+      /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: r })
+    ] }) : d;
+  }
+);
+Ge.displayName = "Checkbox";
+function Xt({ columns: a, data: r, getRowKey: t, className: n, ...o }) {
+  return /* @__PURE__ */ l("table", { className: s("w-full border-collapse", n), ...o, children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: a.map((i) => /* @__PURE__ */ e(
+      "th",
+      {
+        className: s(
+          "pb-3.5 font-mono text-[11px] font-bold tracking-wider text-subtle-foreground uppercase",
+          i.align === "right" ? "text-right" : "text-left"
+        ),
+        children: i.header
+      },
+      i.header
+    )) }) }),
+    /* @__PURE__ */ e("tbody", { children: r.map((i, p) => /* @__PURE__ */ e("tr", { className: "border-t border-border-soft", children: a.map((d) => /* @__PURE__ */ e(
+      "td",
+      {
+        className: s(
+          "py-3.5 text-sm",
+          d.align === "right" ? "text-right" : "text-left"
+        ),
+        children: d.cell(i)
+      },
+      d.header
+    )) }, t(i, p))) })
+  ] });
+}
+const Jt = N.Root, Qt = N.Trigger, Yt = N.Close, He = N.Portal, K = c(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+  N.Overlay,
+  {
+    ref: t,
+    className: s(
+      "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",
+      a
+    ),
+    ...r
+  }
+));
+K.displayName = "DialogOverlay";
+const Oe = c(({ className: a, children: r, showClose: t = !0, ...n }, o) => /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(K, { children: /* @__PURE__ */ l(
+  N.Content,
+  {
+    ref: o,
+    className: s(
+      "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",
+      a
+    ),
+    onOpenAutoFocus: (i) => i.preventDefault(),
+    ...n,
+    children: [
+      r,
+      t ? /* @__PURE__ */ e(
+        N.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: P, className: "size-[18px]" })
+        }
+      ) : null
+    ]
+  }
+) }) }));
+Oe.displayName = "DialogContent";
+const Ke = ({ className: a, ...r }) => /* @__PURE__ */ e("div", { className: s("mb-2 flex items-start justify-between gap-3", a), ...r });
+Ke.displayName = "DialogHeader";
+const qe = c(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+  N.Title,
+  {
+    ref: t,
+    className: s("mt-3.5 mb-1.5 text-xl font-bold", a),
+    ...r
+  }
+));
+qe.displayName = "DialogTitle";
+const Ue = c(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+  N.Description,
+  {
+    ref: t,
+    className: s("mb-6 text-sm leading-relaxed text-muted-foreground", a),
+    ...r
+  }
+));
+Ue.displayName = "DialogDescription";
+const Xe = ({ className: a, ...r }) => /* @__PURE__ */ e("div", { className: s("flex gap-3", a), ...r });
+Xe.displayName = "DialogFooter";
+const Je = w("flex flex-none items-center justify-center", {
+  variants: {
+    tone: {
+      neutral: "bg-secondary text-foreground",
+      protein: "bg-protein-bg text-protein",
+      carbs: "bg-carbs-bg text-carbs-text",
+      fat: "bg-fat-bg text-fat",
+      cardio: "bg-cardio-bg text-cardio",
+      success: "bg-success-bg text-success",
+      warning: "bg-warning-bg text-warning",
+      error: "bg-error-bg text-error",
+      info: "bg-info-bg text-info",
+      accent: "bg-accent text-accent-foreground",
+      onDark: "bg-white/10 text-accent",
+      onAccent: "bg-primary/10 text-primary"
+    },
+    size: {
+      sm: "size-[34px] rounded-[10px]",
+      md: "size-[42px] rounded-[14px]",
+      lg: "size-[46px] rounded-[14px]",
+      xl: "size-[72px] rounded-[22px]"
+    }
+  },
+  defaultVariants: { tone: "neutral", size: "md" }
+}), Qe = {
+  sm: "size-[18px]",
+  md: "size-5",
+  lg: "size-[22px]",
+  xl: "size-8"
+}, z = c(
+  ({ className: a, tone: r, size: t = "md", icon: n, ...o }, i) => /* @__PURE__ */ e("div", { ref: i, className: s(Je({ tone: r, size: t }), a), ...o, children: /* @__PURE__ */ e(u, { icon: n, className: Qe[t ?? "md"], strokeWidth: 2 }) })
+);
+z.displayName = "IconTile";
+const Ye = c(
+  ({ className: a, icon: r, title: t, description: n, action: o, ...i }, p) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: p,
+      className: s(
+        "flex flex-col items-center rounded-card bg-card p-12 text-center shadow-card",
+        a
+      ),
+      ...i,
+      children: [
+        /* @__PURE__ */ e(z, { 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 }),
+        n ? /* @__PURE__ */ e("p", { className: "mb-[22px] max-w-[340px] text-sm leading-relaxed text-subtle-foreground", children: n }) : null,
+        o
+      ]
+    }
+  )
+);
+Ye.displayName = "EmptyState";
+const q = c(
+  ({ className: a, selected: r = !1, ...t }, n) => /* @__PURE__ */ e(
+    "button",
+    {
+      ref: n,
+      type: "button",
+      "aria-pressed": r,
+      className: s(
+        "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",
+        a
+      ),
+      ...t
+    }
+  )
+);
+q.displayName = "FilterChip";
+const Ze = c(
+  ({ className: a, items: r, value: t, onValueChange: n, ...o }, i) => /* @__PURE__ */ e("div", { ref: i, className: s("flex flex-wrap gap-2", a), ...o, children: r.map((p) => /* @__PURE__ */ e(
+    q,
+    {
+      selected: p.value === t,
+      onClick: () => n(p.value),
+      children: p.label
+    },
+    p.value
+  )) })
+);
+Ze.displayName = "FilterChips";
+const et = c(
+  ({ className: a, total: r, filled: t, caption: n, onCupClick: o, ...i }, p) => /* @__PURE__ */ l("div", { ref: p, className: s("flex flex-col", a), ...i, children: [
+    /* @__PURE__ */ e("div", { className: "flex gap-2.5", children: Array.from({ length: r }).map((d, m) => {
+      const x = m < t;
+      return /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Copo ${m + 1}${x ? " preenchido" : ""}`,
+          onClick: o ? () => o(m) : void 0,
+          disabled: !o,
+          className: s(
+            "flex h-11 flex-1 items-center justify-center rounded-[14px] transition-colors",
+            o && "cursor-pointer",
+            x ? "bg-protein" : "bg-info-bg"
+          ),
+          children: /* @__PURE__ */ e(
+            u,
+            {
+              icon: oe,
+              className: s("size-[18px]", x ? "text-white" : "text-[#BFDBFE]"),
+              strokeWidth: 2
+            }
+          )
+        },
+        m
+      );
+    }) }),
+    n ? /* @__PURE__ */ e("div", { className: "mt-2.5 text-xs text-subtle-foreground", children: n }) : null
+  ] })
+);
+et.displayName = "HydrationTracker";
+const U = c(
+  ({ className: a, label: r, error: t, hint: n, startIcon: o, suffix: i, id: p, disabled: d, ...m }, x) => {
+    const g = j(), f = p ?? g, v = !!t, B = s(
+      "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",
+      v && "border-error ring-3 ring-error/10 focus-within:border-error focus-within:ring-error/10",
+      !v && "border-input",
+      d && "opacity-60"
+    );
+    return /* @__PURE__ */ l("div", { className: s("flex flex-col", a), children: [
+      r ? /* @__PURE__ */ e(
+        "label",
+        {
+          htmlFor: f,
+          className: s("mb-[7px] text-[13px] font-semibold", v && "text-error"),
+          children: r
+        }
+      ) : null,
+      /* @__PURE__ */ l("div", { className: B, children: [
+        o ? /* @__PURE__ */ e(
+          u,
+          {
+            icon: o,
+            className: "size-[17px] text-subtle-foreground",
+            strokeWidth: 2
+          }
+        ) : null,
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: x,
+            id: f,
+            disabled: d,
+            "aria-invalid": v,
+            className: "w-full min-w-0 bg-transparent py-3 font-sans text-sm text-foreground outline-none placeholder:text-subtle-foreground",
+            ...m
+          }
+        ),
+        i ? /* @__PURE__ */ e("span", { className: "font-mono text-xs text-subtle-foreground", children: i }) : null
+      ] }),
+      t ? /* @__PURE__ */ e("p", { className: "mt-1.5 text-xs text-error", children: t }) : null,
+      !t && n ? /* @__PURE__ */ e("p", { className: "mt-1.5 text-xs text-subtle-foreground", children: n }) : null
+    ] });
+  }
+);
+U.displayName = "Input";
+const tt = c(
+  ({ placeholder: a = "Buscar...", ...r }, t) => /* @__PURE__ */ e(U, { ref: t, type: "search", startIcon: se, placeholder: a, ...r })
+);
+tt.displayName = "SearchInput";
+const S = c(
+  ({
+    className: a,
+    icon: r,
+    iconTone: t = "neutral",
+    title: n,
+    subtitle: o,
+    trailing: i,
+    interactive: p = !1,
+    ...d
+  }, m) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: m,
+      className: s(
+        "flex items-center gap-4 rounded-list bg-muted p-4",
+        p && "cursor-pointer transition-colors hover:bg-secondary",
+        a
+      ),
+      ...d,
+      children: [
+        /* @__PURE__ */ e(z, { icon: r, tone: t, size: "lg" }),
+        /* @__PURE__ */ l("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e("div", { className: "truncate text-[15px] font-semibold", children: n }),
+          o ? /* @__PURE__ */ e("div", { className: "truncate text-xs text-subtle-foreground", children: o }) : null
+        ] }),
+        i ? /* @__PURE__ */ e("div", { className: "flex items-center gap-3.5", children: i }) : null
+      ]
+    }
+  )
+);
+S.displayName = "ListItem";
+const rt = c(
+  ({ protein: a, carbs: r, fat: t, calories: n, ...o }, i) => /* @__PURE__ */ e(
+    S,
+    {
+      ref: i,
+      trailing: /* @__PURE__ */ l(A, { children: [
+        /* @__PURE__ */ l("span", { className: "text-xs font-semibold text-protein", children: [
+          "P ",
+          a,
+          "g"
+        ] }),
+        /* @__PURE__ */ l("span", { className: "text-xs font-semibold text-carbs-text", children: [
+          "C ",
+          r,
+          "g"
+        ] }),
+        /* @__PURE__ */ l("span", { className: "text-xs font-semibold text-fat", children: [
+          "G ",
+          t,
+          "g"
+        ] }),
+        /* @__PURE__ */ l("span", { className: "min-w-16 text-right text-[15px] font-bold", children: [
+          n,
+          " kcal"
+        ] })
+      ] }),
+      ...o
+    }
+  )
+);
+rt.displayName = "MealListItem";
+const at = c(
+  ({ duration: a, calories: r, ...t }, n) => /* @__PURE__ */ e(
+    S,
+    {
+      ref: n,
+      trailing: /* @__PURE__ */ l(A, { children: [
+        /* @__PURE__ */ e("span", { className: "text-[13px] font-semibold text-muted-foreground", children: a }),
+        /* @__PURE__ */ l("span", { className: "min-w-20 text-right text-[15px] font-bold", children: [
+          r,
+          " kcal"
+        ] })
+      ] }),
+      ...t
+    }
+  )
+);
+at.displayName = "WorkoutListItem";
+const nt = c(
+  ({ amount: a, muted: r = !1, ...t }, n) => /* @__PURE__ */ e(
+    S,
+    {
+      ref: n,
+      trailing: /* @__PURE__ */ e("span", { className: s("text-[15px] font-bold", r && "text-subtle-foreground"), children: a }),
+      ...t
+    }
+  )
+);
+nt.displayName = "HydrationListItem";
+const ot = {
+  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/15", text: "text-accent-foreground" },
+  primary: { bg: "bg-secondary", text: "text-foreground" }
+}, st = {
+  protein: "var(--protein)",
+  carbs: "var(--carbs)",
+  fat: "var(--fat)",
+  cardio: "var(--cardio)",
+  accent: "var(--accent)",
+  primary: "var(--primary)"
+}, it = c(
+  ({ className: a, items: r, ...t }, n) => /* @__PURE__ */ l("div", { ref: n, className: s("flex flex-col", a), ...t, children: [
+    /* @__PURE__ */ e("div", { className: "grid gap-3.5", style: { gridTemplateColumns: `repeat(${r.length}, 1fr)` }, children: r.map((o) => {
+      const i = ot[o.color];
+      return /* @__PURE__ */ l("div", { className: s("rounded-tile p-5 text-center", i.bg), children: [
+        /* @__PURE__ */ e("div", { className: s("text-[26px] font-bold", i.text), children: o.value }),
+        /* @__PURE__ */ e("div", { className: s("mt-0.5 text-[13px] font-semibold", i.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: "mt-5 flex h-3 overflow-hidden rounded-pill", children: r.map((o) => /* @__PURE__ */ e(
+      "div",
+      {
+        style: { width: `${o.percent}%`, background: st[o.color] }
+      },
+      o.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,
+      " ",
+      o.percent,
+      "%"
+    ] }, o.label)) })
+  ] })
+);
+it.displayName = "MacroBreakdown";
+const lt = c(
+  ({ className: a, name: r, badge: t, online: n = !0, avatar: o, ...i }, p) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: p,
+      className: s(
+        "inline-flex items-center gap-3.5 rounded-pill bg-card py-3 pr-[18px] pl-3 shadow-card",
+        a
+      ),
+      ...i,
+      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,#BEF264,#A3E635]", children: o ?? /* @__PURE__ */ e(
+            u,
+            {
+              icon: ie,
+              className: "size-[22px] text-accent-foreground",
+              strokeWidth: 2
+            }
+          ) }),
+          n ? /* @__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
+        ] })
+      ]
+    }
+  )
+);
+lt.displayName = "ProfileCard";
+const ct = {
+  protein: "var(--protein)",
+  carbs: "var(--carbs)",
+  fat: "var(--fat)",
+  cardio: "var(--cardio)",
+  accent: "var(--accent)",
+  primary: "var(--primary)"
+}, dt = c(
+  ({ className: a, value: r, label: t, valueLabel: n, color: o = "accent", ...i }, p) => {
+    const d = Math.min(100, Math.max(0, r));
+    return /* @__PURE__ */ l("div", { ref: p, className: s("flex flex-col", a), ...i, children: [
+      t || n ? /* @__PURE__ */ l("div", { className: "mb-2 flex justify-between text-[13px]", children: [
+        t ? /* @__PURE__ */ e("span", { className: "font-semibold", children: t }) : /* @__PURE__ */ e("span", {}),
+        n ? /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: n }) : null
+      ] }) : null,
+      /* @__PURE__ */ e(
+        "div",
+        {
+          role: "progressbar",
+          "aria-valuenow": d,
+          "aria-valuemin": 0,
+          "aria-valuemax": 100,
+          className: "h-[9px] overflow-hidden rounded-pill bg-secondary",
+          children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: "h-full rounded-pill transition-[width] duration-300",
+              style: { width: `${d}%`, background: ct[o] }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+dt.displayName = "ProgressBar";
+const pt = c(
+  ({
+    className: a,
+    value: r,
+    size: t = 140,
+    strokeWidth: n = 14,
+    color: o = "var(--accent)",
+    trackColor: i = "var(--secondary)",
+    label: p,
+    caption: d,
+    ...m
+  }, x) => {
+    const g = Math.min(100, Math.max(0, r)), f = (t - n) / 2, v = 2 * Math.PI * f, B = v * (1 - g / 100);
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: x,
+        className: s("relative", a),
+        style: { width: t, height: t },
+        role: "progressbar",
+        "aria-valuenow": g,
+        "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__ */ e(
+              "circle",
+              {
+                cx: t / 2,
+                cy: t / 2,
+                r: f,
+                fill: "none",
+                stroke: i,
+                strokeWidth: n
+              }
+            ),
+            /* @__PURE__ */ e(
+              "circle",
+              {
+                cx: t / 2,
+                cy: t / 2,
+                r: f,
+                fill: "none",
+                stroke: o,
+                strokeWidth: n,
+                strokeLinecap: "round",
+                strokeDasharray: v,
+                strokeDashoffset: B,
+                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: p ?? `${Math.round(g)}%` }),
+            d ? /* @__PURE__ */ e("span", { className: "text-xs text-subtle-foreground", children: d }) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+pt.displayName = "ProgressRing";
+const mt = c(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+  O.Root,
+  {
+    ref: t,
+    className: s("flex flex-col gap-3.5", a),
+    ...r
+  }
+));
+mt.displayName = "RadioGroup";
+const ut = c(({ className: a, label: r, id: t, ...n }, o) => {
+  const i = j(), p = t ?? i, d = /* @__PURE__ */ e(
+    O.Item,
+    {
+      ref: o,
+      id: p,
+      className: s(
+        "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",
+        a
+      ),
+      ...n
+    }
+  );
+  return r ? /* @__PURE__ */ l("label", { htmlFor: p, className: "flex cursor-pointer items-center gap-3.5", children: [
+    d,
+    /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: r })
+  ] }) : d;
+});
+ut.displayName = "RadioGroupItem";
+const Zt = b.Root, er = b.Group, tr = b.Value, xt = c(({ className: a, children: r, ...t }, n) => /* @__PURE__ */ l(
+  b.Trigger,
+  {
+    ref: n,
+    className: s(
+      "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",
+      a
+    ),
+    ...t,
+    children: [
+      r,
+      /* @__PURE__ */ e(b.Icon, { asChild: !0, children: /* @__PURE__ */ e(
+        u,
+        {
+          icon: W,
+          className: "size-4 text-muted-foreground transition-transform"
+        }
+      ) })
+    ]
+  }
+));
+xt.displayName = "SelectTrigger";
+const gt = c(({ className: a, children: r, position: t = "popper", ...n }, o) => /* @__PURE__ */ e(b.Portal, { children: /* @__PURE__ */ e(
+  b.Content,
+  {
+    ref: o,
+    position: t,
+    className: s(
+      "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",
+      a
+    ),
+    ...n,
+    children: /* @__PURE__ */ e(
+      b.Viewport,
+      {
+        className: s(t === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]"),
+        children: r
+      }
+    )
+  }
+) }));
+gt.displayName = "SelectContent";
+const ft = c(({ className: a, children: r, ...t }, n) => /* @__PURE__ */ l(
+  b.Item,
+  {
+    ref: n,
+    className: s(
+      "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",
+      a
+    ),
+    ...t,
+    children: [
+      /* @__PURE__ */ e(b.ItemText, { children: r }),
+      /* @__PURE__ */ e(b.ItemIndicator, { children: /* @__PURE__ */ e(u, { icon: E, className: "size-4 text-accent-foreground", strokeWidth: 3 }) })
+    ]
+  }
+));
+ft.displayName = "SelectItem";
+const bt = c(
+  ({ className: a, icon: r, label: t, active: n = !1, ...o }, i) => /* @__PURE__ */ l(
+    "button",
+    {
+      ref: i,
+      type: "button",
+      "aria-current": n ? "page" : void 0,
+      className: s(
+        "flex w-full cursor-pointer items-center gap-3 rounded-pill 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",
+        n ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-secondary hover:text-foreground",
+        a
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ e(u, { icon: r, className: "size-[19px] flex-none", strokeWidth: 2 }),
+        /* @__PURE__ */ e("span", { children: t })
+      ]
+    }
+  )
+);
+bt.displayName = "NavItem";
+const ht = c(
+  ({ className: a, children: r, ...t }, n) => /* @__PURE__ */ e(
+    "nav",
+    {
+      ref: n,
+      className: s("rounded-card bg-card p-[18px] pt-[22px] shadow-card", a),
+      ...t,
+      children: r
+    }
+  )
+);
+ht.displayName = "Sidebar";
+const Nt = c(
+  ({ className: a, name: r, logo: t, ...n }, o) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: o,
+      className: s("flex items-center gap-3 px-2.5 pt-1.5 pb-[22px]", a),
+      ...n,
+      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 })
+      ]
+    }
+  )
+);
+Nt.displayName = "SidebarBrand";
+const vt = c(
+  ({ className: a, label: r, children: t, ...n }, o) => /* @__PURE__ */ l("div", { ref: o, className: s("flex flex-col", a), ...n, 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 })
+  ] })
+);
+vt.displayName = "SidebarSection";
+const yt = c(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e("div", { ref: t, className: s("skeleton rounded-[7px]", a), ...r })
+);
+yt.displayName = "Skeleton";
+const wt = c(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ l(
+    T.Root,
+    {
+      ref: t,
+      className: s("relative flex h-[22px] w-full touch-none items-center select-none", a),
+      ...r,
+      children: [
+        /* @__PURE__ */ e(T.Track, { className: "relative h-2 w-full grow rounded-pill bg-secondary", children: /* @__PURE__ */ e(T.Range, { className: "absolute h-full rounded-pill bg-accent" }) }),
+        /* @__PURE__ */ e(
+          T.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",
+            "aria-label": "Valor"
+          }
+        )
+      ]
+    }
+  )
+);
+wt.displayName = "Slider";
+const Ct = w("animate-spin-slow rounded-full border-secondary border-t-accent", {
+  variants: {
+    size: {
+      sm: "size-6 border-[3px]",
+      md: "size-9 border-4",
+      lg: "size-[54px] border-[5px]"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), kt = c(
+  ({ className: a, size: r, ...t }, n) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: n,
+      role: "status",
+      "aria-label": "Carregando",
+      className: s(Ct({ size: r }), a),
+      ...t
+    }
+  )
+);
+kt.displayName = "Spinner";
+const Tt = w("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"
+    }
+  },
+  defaultVariants: { variant: "light" }
+}), D = {
+  light: "text-muted-foreground",
+  accent: "text-accent-muted-foreground",
+  dark: "text-subtle-foreground"
+}, It = {
+  light: "neutral",
+  accent: "onAccent",
+  dark: "onDark"
+}, Ft = c(
+  ({ className: a, variant: r = "light", icon: t, iconTone: n, label: o, value: i, unit: p, trend: d, progress: m, ...x }, g) => {
+    const f = r ?? "light";
+    return /* @__PURE__ */ l("div", { ref: g, className: s(Tt({ variant: r }), a), ...x, children: [
+      /* @__PURE__ */ l("div", { className: "mb-[18px] flex items-start justify-between", children: [
+        /* @__PURE__ */ e(z, { icon: t, tone: n ?? It[f] }),
+        d ? /* @__PURE__ */ e("div", { children: d }) : null
+      ] }),
+      /* @__PURE__ */ e("div", { className: s("mb-1 text-[13px]", D[f]), children: o }),
+      /* @__PURE__ */ l("div", { className: "text-[34px] leading-none font-bold tracking-tight", children: [
+        i,
+        p ? /* @__PURE__ */ e("span", { className: s("ml-1 text-[15px] font-medium", D[f]), children: p }) : null
+      ] }),
+      m ? /* @__PURE__ */ l(A, { children: [
+        /* @__PURE__ */ e("div", { className: "mt-4 h-1.5 overflow-hidden rounded-pill bg-secondary", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "h-full rounded-pill",
+            style: {
+              width: `${m.value}%`,
+              background: m.color ?? "var(--accent)"
+            }
+          }
+        ) }),
+        m.caption ? /* @__PURE__ */ e("div", { className: s("mt-2 text-xs", D[f]), children: m.caption }) : null
+      ] }) : null
+    ] });
+  }
+);
+Ft.displayName = "StatCard";
+const zt = c(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e(
+    L.Root,
+    {
+      ref: t,
+      className: s(
+        "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",
+        a
+      ),
+      ...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]" })
+    }
+  )
+);
+zt.displayName = "Switch";
+const rr = I.Root, St = c(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+  I.List,
+  {
+    ref: t,
+    className: s("inline-flex items-center gap-1.5 rounded-pill bg-secondary p-1.5", a),
+    ...r
+  }
+));
+St.displayName = "TabsList";
+const Bt = c(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+  I.Trigger,
+  {
+    ref: t,
+    className: s(
+      "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",
+      a
+    ),
+    ...r
+  }
+));
+Bt.displayName = "TabsTrigger";
+const Dt = c(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+  I.Content,
+  {
+    ref: t,
+    className: s("mt-5 outline-none focus-visible:ring-3 focus-visible:ring-ring/25", a),
+    ...r
+  }
+));
+Dt.displayName = "TabsContent";
+const X = ue(null);
+function ar() {
+  const a = me(X);
+  if (!a) throw new Error("useToast deve ser usado dentro de ToastProvider");
+  return a;
+}
+function nr({ children: a, duration: r = 3600 }) {
+  const [t, n] = de([]), o = V((d) => {
+    n((m) => {
+      var g;
+      const x = (((g = m[m.length - 1]) == null ? void 0 : g.id) ?? 0) + 1;
+      return [...m, { ...d, id: x, open: !0 }];
+    });
+  }, []), i = V((d, m) => {
+    m || n((x) => x.filter((g) => g.id !== d));
+  }, []), p = pe(() => ({ toast: o }), [o]);
+  return /* @__PURE__ */ e(X.Provider, { value: p, children: /* @__PURE__ */ l(C.Provider, { duration: r, swipeDirection: "right", children: [
+    a,
+    t.map((d) => {
+      const m = d.icon ?? E;
+      return /* @__PURE__ */ l(
+        C.Root,
+        {
+          open: d.open,
+          duration: d.duration ?? r,
+          onOpenChange: (x) => i(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",
+          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__ */ 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(
+              C.Close,
+              {
+                "aria-label": "Fechar",
+                className: "flex-none cursor-pointer text-muted-foreground transition-colors hover:text-primary-foreground",
+                children: /* @__PURE__ */ e(u, { icon: P, className: "size-[17px]" })
+              }
+            )
+          ]
+        },
+        d.id
+      );
+    }),
+    /* @__PURE__ */ e(
+      C.Viewport,
+      {
+        className: s(
+          "fixed right-6 bottom-6 z-95 flex w-[340px] max-w-[calc(100vw-2rem)] flex-col gap-3 outline-none"
+        )
+      }
+    )
+  ] }) });
+}
+const or = h.Provider, sr = h.Root, ir = h.Trigger, J = c(({ className: a, sideOffset: r = 8, children: t, ...n }, o) => /* @__PURE__ */ e(h.Portal, { children: /* @__PURE__ */ l(
+  h.Content,
+  {
+    ref: o,
+    sideOffset: r,
+    className: s(
+      "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",
+      a
+    ),
+    ...n,
+    children: [
+      t,
+      /* @__PURE__ */ e(h.Arrow, { className: "fill-primary", width: 10, height: 5 })
+    ]
+  }
+) }));
+J.displayName = "TooltipContent";
+function lr({ content: a, children: r, side: t = "top", delayDuration: n = 150 }) {
+  return /* @__PURE__ */ e(h.Provider, { delayDuration: n, children: /* @__PURE__ */ l(h.Root, { children: [
+    /* @__PURE__ */ e(h.Trigger, { asChild: !0, children: r }),
+    /* @__PURE__ */ e(J, { side: t, children: a })
+  ] }) });
+}
+const At = c(
+  ({ className: a, brand: r, actions: t, title: n, subtitle: o, children: i, ...p }, d) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: d,
+      className: s("overflow-hidden rounded-card bg-card shadow-card", a),
+      ...p,
+      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
+        ] }),
+        n || o || i ? /* @__PURE__ */ l("div", { className: "p-6", children: [
+          n ? /* @__PURE__ */ e("h3", { className: "mb-1 text-[28px] font-bold tracking-tight", children: n }) : null,
+          o ? /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: o }) : null,
+          i
+        ] }) : null
+      ]
+    }
+  )
+);
+At.displayName = "Topbar";
+const Pt = c(
+  ({ className: a, label: r, delta: t, direction: n, positiveIsUp: o = !0, ...i }, p) => {
+    const d = n === "up" ? o : !o, m = n === "up" ? le : ce;
+    return /* @__PURE__ */ l("div", { ref: p, className: s("flex items-center justify-between", a), ...i, children: [
+      /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: r }),
+      /* @__PURE__ */ l(
+        "span",
+        {
+          className: s(
+            "inline-flex items-center gap-1.5 text-sm font-bold",
+            d ? "text-success" : "text-error"
+          ),
+          children: [
+            /* @__PURE__ */ e(u, { icon: m, className: "size-4" }),
+            t
+          ]
+        }
+      )
+    ] });
+  }
+);
+Pt.displayName = "TrendItem";
+const Et = c(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e("div", { ref: t, className: s("flex flex-col gap-4", a), ...r })
+);
+Et.displayName = "TrendList";
+export {
+  Gt as Accordion,
+  Ce as AccordionContent,
+  ye as AccordionItem,
+  we as AccordionTrigger,
+  Kt as AreaChart,
+  Te as Badge,
+  Be as Banner,
+  qt as BarChart,
+  Ae as Button,
+  Ee as Card,
+  Ve as CardContent,
+  Re as CardDescription,
+  je as CardHeader,
+  _e as CardTitle,
+  Me as ChartEmptyState,
+  We as ChartLegend,
+  R as ChartTooltip,
+  Ge as Checkbox,
+  Xt as DataTable,
+  Jt as Dialog,
+  Yt as DialogClose,
+  Oe as DialogContent,
+  Ue as DialogDescription,
+  Xe as DialogFooter,
+  Ke as DialogHeader,
+  K as DialogOverlay,
+  He as DialogPortal,
+  qe as DialogTitle,
+  Qt as DialogTrigger,
+  Ut as DonutChart,
+  Ye as EmptyState,
+  q as FilterChip,
+  Ze as FilterChips,
+  nt as HydrationListItem,
+  et as HydrationTracker,
+  z as IconTile,
+  U as Input,
+  S as ListItem,
+  it as MacroBreakdown,
+  rt as MealListItem,
+  Jt as Modal,
+  bt as NavItem,
+  lt as ProfileCard,
+  dt as ProgressBar,
+  pt as ProgressRing,
+  mt as RadioGroup,
+  ut as RadioGroupItem,
+  tt as SearchInput,
+  Zt as Select,
+  gt as SelectContent,
+  er as SelectGroup,
+  ft as SelectItem,
+  xt as SelectTrigger,
+  tr as SelectValue,
+  ht as Sidebar,
+  Nt as SidebarBrand,
+  vt as SidebarSection,
+  yt as Skeleton,
+  wt as Slider,
+  kt as Spinner,
+  Ft as StatCard,
+  zt as Switch,
+  rr as Tabs,
+  Dt as TabsContent,
+  St as TabsList,
+  Bt as TabsTrigger,
+  nr as ToastProvider,
+  lr as Tooltip,
+  J as TooltipContent,
+  or as TooltipProvider,
+  sr as TooltipRoot,
+  ir as TooltipTrigger,
+  At as Topbar,
+  Pt as TrendItem,
+  Et as TrendList,
+  at as WorkoutListItem,
+  ke as badgeVariants,
+  De as buttonVariants,
+  Pe as cardVariants,
+  F as chartColors,
+  s as cn,
+  y as colors,
+  Ot as fontFamily,
+  Je as iconTileVariants,
+  Ht as radius,
+  ar as useToast
+};