@ezfit/ui 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +103 -102
- package/dist/lib/tokens.d.ts +30 -29
- package/dist/styles.css +1 -1
- package/package.json +5 -1
package/dist/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { clsx as Z } from "clsx";
|
|
2
2
|
import { twMerge as ee } from "tailwind-merge";
|
|
3
3
|
import { jsx as e, jsxs as l, Fragment as P } from "react/jsx-runtime";
|
|
4
|
-
import { ArrowDown01Icon as
|
|
4
|
+
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";
|
|
5
5
|
import { HugeiconsIcon as u } from "@hugeicons/react";
|
|
6
6
|
import * as k from "@radix-ui/react-accordion";
|
|
7
7
|
import { forwardRef as p, useId as F, useState as xe, useCallback as V, useMemo as ge, useContext as fe, createContext as be } from "react";
|
|
8
|
-
import { ResponsiveContainer as
|
|
8
|
+
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";
|
|
9
9
|
import { cva as y } from "class-variance-authority";
|
|
10
10
|
import * as $ from "@radix-ui/react-checkbox";
|
|
11
11
|
import * as N from "@radix-ui/react-dialog";
|
|
@@ -42,7 +42,7 @@ const Ie = p(({ className: n, children: r, ...t }, a) => /* @__PURE__ */ e(k.Hea
|
|
|
42
42
|
/* @__PURE__ */ e(
|
|
43
43
|
u,
|
|
44
44
|
{
|
|
45
|
-
icon:
|
|
45
|
+
icon: H,
|
|
46
46
|
className: "size-[18px] flex-none text-subtle-foreground transition-transform group-data-[state=open]:rotate-180"
|
|
47
47
|
}
|
|
48
48
|
)
|
|
@@ -65,8 +65,8 @@ const ze = y(
|
|
|
65
65
|
{
|
|
66
66
|
variants: {
|
|
67
67
|
variant: {
|
|
68
|
-
active: "bg-accent-300 text-accent
|
|
69
|
-
pro: "bg-
|
|
68
|
+
active: "bg-accent-300 text-accent",
|
|
69
|
+
pro: "bg-white/20 text-white",
|
|
70
70
|
info: "bg-info-bg text-info",
|
|
71
71
|
success: "bg-success-bg text-success",
|
|
72
72
|
warning: "bg-warning-bg text-warning",
|
|
@@ -80,11 +80,11 @@ const ze = y(
|
|
|
80
80
|
},
|
|
81
81
|
defaultVariants: { variant: "neutral", size: "md" }
|
|
82
82
|
}
|
|
83
|
-
),
|
|
83
|
+
), Be = p(
|
|
84
84
|
({ className: n, variant: r, size: t, ...a }, o) => /* @__PURE__ */ e("span", { ref: o, className: i(ze({ variant: r, size: t }), n), ...a })
|
|
85
85
|
);
|
|
86
|
-
|
|
87
|
-
const
|
|
86
|
+
Be.displayName = "Badge";
|
|
87
|
+
const De = y("flex items-center gap-3.5 rounded-list border p-[15px] px-[18px]", {
|
|
88
88
|
variants: {
|
|
89
89
|
variant: {
|
|
90
90
|
success: "border-success-border bg-success-bg",
|
|
@@ -94,7 +94,7 @@ const Be = y("flex items-center gap-3.5 rounded-list border p-[15px] px-[18px]",
|
|
|
94
94
|
}
|
|
95
95
|
},
|
|
96
96
|
defaultVariants: { variant: "info" }
|
|
97
|
-
}),
|
|
97
|
+
}), Se = {
|
|
98
98
|
success: ae,
|
|
99
99
|
warning: ne,
|
|
100
100
|
error: re,
|
|
@@ -114,10 +114,10 @@ const Be = y("flex items-center gap-3.5 rounded-list border p-[15px] px-[18px]",
|
|
|
114
114
|
warning: "text-[#B45309]",
|
|
115
115
|
error: "text-[#B91C1C]",
|
|
116
116
|
info: "text-[#1D4ED8]"
|
|
117
|
-
},
|
|
117
|
+
}, je = p(
|
|
118
118
|
({ className: n, variant: r = "info", title: t, children: a, onDismiss: o, ...s }, c) => {
|
|
119
|
-
const d = r ?? "info", m =
|
|
120
|
-
return /* @__PURE__ */ l("div", { ref: c, role: "alert", className: i(
|
|
119
|
+
const d = r ?? "info", m = Se[d];
|
|
120
|
+
return /* @__PURE__ */ l("div", { ref: c, role: "alert", className: i(De({ variant: r }), n), ...s, children: [
|
|
121
121
|
/* @__PURE__ */ e(
|
|
122
122
|
u,
|
|
123
123
|
{
|
|
@@ -143,21 +143,21 @@ const Be = y("flex items-center gap-3.5 rounded-list border p-[15px] px-[18px]",
|
|
|
143
143
|
"flex-none cursor-pointer opacity-60 transition-opacity hover:opacity-100",
|
|
144
144
|
M[d]
|
|
145
145
|
),
|
|
146
|
-
children: /* @__PURE__ */ e(u, { icon:
|
|
146
|
+
children: /* @__PURE__ */ e(u, { icon: j, className: "size-[17px]" })
|
|
147
147
|
}
|
|
148
148
|
) : null
|
|
149
149
|
] });
|
|
150
150
|
}
|
|
151
151
|
);
|
|
152
|
-
|
|
153
|
-
const
|
|
152
|
+
je.displayName = "Banner";
|
|
153
|
+
const _e = y(
|
|
154
154
|
"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",
|
|
155
155
|
{
|
|
156
156
|
variants: {
|
|
157
157
|
variant: {
|
|
158
158
|
primary: "bg-primary text-primary-foreground hover:bg-primary-hover",
|
|
159
|
-
accent: "bg-accent
|
|
160
|
-
secondary: "bg-
|
|
159
|
+
accent: "bg-accent text-accent-foreground hover:bg-accent-hover",
|
|
160
|
+
secondary: "bg-accent-300 text-accent hover:brightness-95",
|
|
161
161
|
ghost: "bg-transparent text-muted-foreground hover:bg-secondary hover:text-foreground",
|
|
162
162
|
destructive: "bg-error-bg text-error hover:bg-error/15"
|
|
163
163
|
},
|
|
@@ -172,20 +172,20 @@ const je = y(
|
|
|
172
172
|
size: "md"
|
|
173
173
|
}
|
|
174
174
|
}
|
|
175
|
-
),
|
|
175
|
+
), Ee = p(
|
|
176
176
|
({ className: n, variant: r, size: t, loading: a = !1, disabled: o, children: s, type: c = "button", ...d }, m) => /* @__PURE__ */ e(
|
|
177
177
|
"button",
|
|
178
178
|
{
|
|
179
179
|
ref: m,
|
|
180
180
|
type: c,
|
|
181
|
-
className: i(
|
|
181
|
+
className: i(_e({ variant: r, size: t }), n),
|
|
182
182
|
disabled: o || a,
|
|
183
183
|
...d,
|
|
184
184
|
children: a ? /* @__PURE__ */ e(u, { icon: oe, className: "size-[18px] animate-spin-slow" }) : s
|
|
185
185
|
}
|
|
186
186
|
)
|
|
187
187
|
);
|
|
188
|
-
|
|
188
|
+
Ee.displayName = "Button";
|
|
189
189
|
const Re = y("rounded-card", {
|
|
190
190
|
variants: {
|
|
191
191
|
variant: {
|
|
@@ -219,37 +219,38 @@ const Le = p(
|
|
|
219
219
|
({ className: n, ...r }, t) => /* @__PURE__ */ e("h3", { ref: t, className: i("text-base font-semibold", n), ...r })
|
|
220
220
|
);
|
|
221
221
|
Le.displayName = "CardTitle";
|
|
222
|
-
const Me = p(({ className: n, ...r }, t) => /* @__PURE__ */ e("p", { ref: t, className: i("text-[13px] text-
|
|
222
|
+
const Me = p(({ className: n, ...r }, t) => /* @__PURE__ */ e("p", { ref: t, className: i("text-[13px] text-muted-foreground", n), ...r }));
|
|
223
223
|
Me.displayName = "CardDescription";
|
|
224
224
|
const We = p(
|
|
225
225
|
({ className: n, ...r }, t) => /* @__PURE__ */ e("div", { ref: t, className: i(n), ...r })
|
|
226
226
|
);
|
|
227
227
|
We.displayName = "CardContent";
|
|
228
228
|
const w = {
|
|
229
|
-
primary: "#
|
|
229
|
+
primary: "#16181D",
|
|
230
230
|
primaryForeground: "#FFFFFF",
|
|
231
|
-
accent: "#
|
|
232
|
-
|
|
231
|
+
accent: "#2B4BF2",
|
|
232
|
+
accentHover: "#2540DA",
|
|
233
|
+
accent300: "#E8ECFD",
|
|
233
234
|
background: "#FFFFFF",
|
|
234
|
-
foreground: "#
|
|
235
|
-
appBg: "#
|
|
236
|
-
muted: "#
|
|
237
|
-
mutedForeground: "#
|
|
238
|
-
subtleForeground: "#
|
|
239
|
-
secondary: "#
|
|
240
|
-
secondaryForeground: "#
|
|
241
|
-
border: "#
|
|
242
|
-
ring: "#
|
|
235
|
+
foreground: "#16181D",
|
|
236
|
+
appBg: "#F4F6FA",
|
|
237
|
+
muted: "#F5F7FA",
|
|
238
|
+
mutedForeground: "#6B7280",
|
|
239
|
+
subtleForeground: "#8B93A2",
|
|
240
|
+
secondary: "#EEF0F4",
|
|
241
|
+
secondaryForeground: "#16181D",
|
|
242
|
+
border: "#E5E7EB",
|
|
243
|
+
ring: "#2B4BF2",
|
|
243
244
|
success: "#22C55E",
|
|
244
245
|
warning: "#F59E0B",
|
|
245
|
-
error: "#
|
|
246
|
-
info: "#
|
|
247
|
-
protein: "#
|
|
248
|
-
carbs: "#
|
|
249
|
-
carbsText: "#
|
|
246
|
+
error: "#F23B47",
|
|
247
|
+
info: "#2B4BF2",
|
|
248
|
+
protein: "#2B4BF2",
|
|
249
|
+
carbs: "#C4C9D2",
|
|
250
|
+
carbsText: "#6B7280",
|
|
250
251
|
fat: "#F97316",
|
|
251
252
|
cardio: "#22C55E"
|
|
252
|
-
},
|
|
253
|
+
}, B = {
|
|
253
254
|
protein: w.protein,
|
|
254
255
|
carbs: w.carbs,
|
|
255
256
|
fat: w.fat,
|
|
@@ -257,17 +258,17 @@ const w = {
|
|
|
257
258
|
accent: w.accent,
|
|
258
259
|
primary: w.primary,
|
|
259
260
|
muted: w.secondary,
|
|
260
|
-
grid: "#
|
|
261
|
+
grid: "#EEF0F4"
|
|
261
262
|
}, Qt = {
|
|
262
263
|
input: "8px",
|
|
263
|
-
field: "
|
|
264
|
-
button: "
|
|
265
|
-
list: "
|
|
266
|
-
tile: "
|
|
267
|
-
card: "
|
|
264
|
+
field: "10px",
|
|
265
|
+
button: "10px",
|
|
266
|
+
list: "12px",
|
|
267
|
+
tile: "14px",
|
|
268
|
+
card: "16px",
|
|
268
269
|
pill: "999px"
|
|
269
270
|
}, Yt = {
|
|
270
|
-
sans: "'
|
|
271
|
+
sans: "'Manrope', ui-sans-serif, system-ui, sans-serif",
|
|
271
272
|
mono: "'Space Mono', ui-monospace, monospace"
|
|
272
273
|
}, R = p(
|
|
273
274
|
({ className: n, title: r, rows: t, ...a }, o) => /* @__PURE__ */ l(
|
|
@@ -291,7 +292,7 @@ const w = {
|
|
|
291
292
|
)
|
|
292
293
|
);
|
|
293
294
|
R.displayName = "ChartTooltip";
|
|
294
|
-
function
|
|
295
|
+
function He(n) {
|
|
295
296
|
return function({ active: t, payload: a, label: o }) {
|
|
296
297
|
if (!t || !(a != null && a.length)) return null;
|
|
297
298
|
const s = a[0];
|
|
@@ -303,7 +304,7 @@ function Ge(n) {
|
|
|
303
304
|
{
|
|
304
305
|
label: "Valor",
|
|
305
306
|
value: `${(s == null ? void 0 : s.value) ?? 0}${n ? ` ${n}` : ""}`,
|
|
306
|
-
color:
|
|
307
|
+
color: B.accent
|
|
307
308
|
}
|
|
308
309
|
]
|
|
309
310
|
}
|
|
@@ -313,17 +314,17 @@ function Ge(n) {
|
|
|
313
314
|
function Zt({
|
|
314
315
|
data: n,
|
|
315
316
|
height: r = 180,
|
|
316
|
-
color: t =
|
|
317
|
+
color: t = B.accent,
|
|
317
318
|
unit: a = "",
|
|
318
319
|
className: o
|
|
319
320
|
}) {
|
|
320
321
|
const s = "ezfit-area-gradient";
|
|
321
|
-
return /* @__PURE__ */ e("div", { className: i("w-full", o), style: { height: r }, children: /* @__PURE__ */ e(
|
|
322
|
+
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: [
|
|
322
323
|
/* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l("linearGradient", { id: s, x1: "0", y1: "0", x2: "0", y2: "1", children: [
|
|
323
324
|
/* @__PURE__ */ e("stop", { offset: "0%", stopColor: t, stopOpacity: 0.45 }),
|
|
324
325
|
/* @__PURE__ */ e("stop", { offset: "100%", stopColor: t, stopOpacity: 0 })
|
|
325
326
|
] }) }),
|
|
326
|
-
/* @__PURE__ */ e(
|
|
327
|
+
/* @__PURE__ */ e(G, { cursor: !1, content: He(a) }),
|
|
327
328
|
/* @__PURE__ */ e(
|
|
328
329
|
ve,
|
|
329
330
|
{
|
|
@@ -339,7 +340,7 @@ function Zt({
|
|
|
339
340
|
)
|
|
340
341
|
] }) }) });
|
|
341
342
|
}
|
|
342
|
-
function
|
|
343
|
+
function Ge(n) {
|
|
343
344
|
return function({ active: t, payload: a, label: o }) {
|
|
344
345
|
if (!t || !(a != null && a.length)) return null;
|
|
345
346
|
const s = a[0];
|
|
@@ -351,7 +352,7 @@ function He(n) {
|
|
|
351
352
|
{
|
|
352
353
|
label: "Valor",
|
|
353
354
|
value: `${(s == null ? void 0 : s.value) ?? 0}${n ? ` ${n}` : ""}`,
|
|
354
|
-
color:
|
|
355
|
+
color: B.accent
|
|
355
356
|
}
|
|
356
357
|
]
|
|
357
358
|
}
|
|
@@ -359,7 +360,7 @@ function He(n) {
|
|
|
359
360
|
};
|
|
360
361
|
}
|
|
361
362
|
function er({ data: n, activeIndex: r, height: t = 220, unit: a = "", className: o }) {
|
|
362
|
-
return /* @__PURE__ */ e("div", { className: i("w-full", o), style: { height: t }, children: /* @__PURE__ */ e(
|
|
363
|
+
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: [
|
|
363
364
|
/* @__PURE__ */ e(
|
|
364
365
|
ye,
|
|
365
366
|
{
|
|
@@ -370,11 +371,11 @@ function er({ data: n, activeIndex: r, height: t = 220, unit: a = "", className:
|
|
|
370
371
|
dy: 8
|
|
371
372
|
}
|
|
372
373
|
),
|
|
373
|
-
/* @__PURE__ */ e(
|
|
374
|
+
/* @__PURE__ */ e(G, { cursor: !1, content: Ge(a) }),
|
|
374
375
|
/* @__PURE__ */ e(we, { dataKey: "value", radius: [10, 10, 10, 10], maxBarSize: 40, children: n.map((s, c) => /* @__PURE__ */ e(
|
|
375
376
|
O,
|
|
376
377
|
{
|
|
377
|
-
fill: c === r ?
|
|
378
|
+
fill: c === r ? B.accent : "#CBD5E1"
|
|
378
379
|
},
|
|
379
380
|
s.label
|
|
380
381
|
)) })
|
|
@@ -431,7 +432,7 @@ function tr({
|
|
|
431
432
|
className: s
|
|
432
433
|
}) {
|
|
433
434
|
return /* @__PURE__ */ l("div", { className: i("relative flex-none", s), style: { width: r, height: r }, children: [
|
|
434
|
-
/* @__PURE__ */ e(
|
|
435
|
+
/* @__PURE__ */ e(E, { width: "100%", height: "100%", children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
|
|
435
436
|
ke,
|
|
436
437
|
{
|
|
437
438
|
data: n,
|
|
@@ -472,7 +473,7 @@ const qe = p(
|
|
|
472
473
|
children: /* @__PURE__ */ e($.Indicator, { children: /* @__PURE__ */ e(
|
|
473
474
|
u,
|
|
474
475
|
{
|
|
475
|
-
icon:
|
|
476
|
+
icon: _,
|
|
476
477
|
className: "size-[15px] text-accent-foreground",
|
|
477
478
|
strokeWidth: 3
|
|
478
479
|
}
|
|
@@ -582,7 +583,7 @@ const Je = p(({ className: n, children: r, showClose: t = !0, ...a }, o) => /* @
|
|
|
582
583
|
{
|
|
583
584
|
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",
|
|
584
585
|
"aria-label": "Fechar",
|
|
585
|
-
children: /* @__PURE__ */ e(u, { icon:
|
|
586
|
+
children: /* @__PURE__ */ e(u, { icon: j, className: "size-[18px]" })
|
|
586
587
|
}
|
|
587
588
|
) : null
|
|
588
589
|
]
|
|
@@ -624,8 +625,8 @@ const tt = y("flex flex-none items-center justify-center", {
|
|
|
624
625
|
error: "bg-error-bg text-error",
|
|
625
626
|
info: "bg-info-bg text-info",
|
|
626
627
|
accent: "bg-accent text-accent-foreground",
|
|
627
|
-
onDark: "bg-white/10 text-
|
|
628
|
-
onAccent: "bg-
|
|
628
|
+
onDark: "bg-white/10 text-white",
|
|
629
|
+
onAccent: "bg-white/15 text-white"
|
|
629
630
|
},
|
|
630
631
|
size: {
|
|
631
632
|
sm: "size-[34px] rounded-[10px]",
|
|
@@ -657,7 +658,7 @@ const nt = p(
|
|
|
657
658
|
children: [
|
|
658
659
|
/* @__PURE__ */ e(T, { icon: r, tone: "neutral", size: "xl", className: "mb-5 text-subtle-foreground" }),
|
|
659
660
|
/* @__PURE__ */ e("h3", { className: "mb-1.5 text-lg font-bold", children: t }),
|
|
660
|
-
a ? /* @__PURE__ */ e("p", { className: "mb-[22px] max-w-[340px] text-sm leading-relaxed text-
|
|
661
|
+
a ? /* @__PURE__ */ e("p", { className: "mb-[22px] max-w-[340px] text-sm leading-relaxed text-muted-foreground", children: a }) : null,
|
|
661
662
|
o
|
|
662
663
|
]
|
|
663
664
|
}
|
|
@@ -727,7 +728,7 @@ const ot = p(
|
|
|
727
728
|
ot.displayName = "HydrationTracker";
|
|
728
729
|
const X = p(
|
|
729
730
|
({ className: n, label: r, error: t, hint: a, startIcon: o, suffix: s, id: c, disabled: d, ...m }, x) => {
|
|
730
|
-
const g = F(), f = c ?? g, b = !!t,
|
|
731
|
+
const g = F(), f = c ?? g, b = !!t, S = i(
|
|
731
732
|
"flex items-center gap-2.5 rounded-field border bg-background px-3.5 transition-colors",
|
|
732
733
|
"focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/10",
|
|
733
734
|
b && "border-error ring-3 ring-error/10 focus-within:border-error focus-within:ring-error/10",
|
|
@@ -743,7 +744,7 @@ const X = p(
|
|
|
743
744
|
children: r
|
|
744
745
|
}
|
|
745
746
|
) : null,
|
|
746
|
-
/* @__PURE__ */ l("div", { className:
|
|
747
|
+
/* @__PURE__ */ l("div", { className: S, children: [
|
|
747
748
|
o ? /* @__PURE__ */ e(
|
|
748
749
|
u,
|
|
749
750
|
{
|
|
@@ -775,7 +776,7 @@ const st = p(
|
|
|
775
776
|
({ placeholder: n = "Buscar...", ...r }, t) => /* @__PURE__ */ e(X, { ref: t, type: "search", startIcon: de, placeholder: n, ...r })
|
|
776
777
|
);
|
|
777
778
|
st.displayName = "SearchInput";
|
|
778
|
-
const
|
|
779
|
+
const D = p(
|
|
779
780
|
({
|
|
780
781
|
className: n,
|
|
781
782
|
icon: r,
|
|
@@ -806,10 +807,10 @@ const B = p(
|
|
|
806
807
|
}
|
|
807
808
|
)
|
|
808
809
|
);
|
|
809
|
-
|
|
810
|
+
D.displayName = "ListItem";
|
|
810
811
|
const it = p(
|
|
811
812
|
({ protein: n, carbs: r, fat: t, calories: a, ...o }, s) => /* @__PURE__ */ e(
|
|
812
|
-
|
|
813
|
+
D,
|
|
813
814
|
{
|
|
814
815
|
ref: s,
|
|
815
816
|
trailing: /* @__PURE__ */ l(P, { children: [
|
|
@@ -840,7 +841,7 @@ const it = p(
|
|
|
840
841
|
it.displayName = "MealListItem";
|
|
841
842
|
const lt = p(
|
|
842
843
|
({ duration: n, calories: r, ...t }, a) => /* @__PURE__ */ e(
|
|
843
|
-
|
|
844
|
+
D,
|
|
844
845
|
{
|
|
845
846
|
ref: a,
|
|
846
847
|
trailing: /* @__PURE__ */ l(P, { children: [
|
|
@@ -857,7 +858,7 @@ const lt = p(
|
|
|
857
858
|
lt.displayName = "WorkoutListItem";
|
|
858
859
|
const ct = p(
|
|
859
860
|
({ amount: n, muted: r = !1, ...t }, a) => /* @__PURE__ */ e(
|
|
860
|
-
|
|
861
|
+
D,
|
|
861
862
|
{
|
|
862
863
|
ref: a,
|
|
863
864
|
trailing: /* @__PURE__ */ e("span", { className: i("text-[15px] font-bold", r && "text-subtle-foreground"), children: n }),
|
|
@@ -871,7 +872,7 @@ const dt = {
|
|
|
871
872
|
carbs: { bg: "bg-carbs-bg", text: "text-carbs-text" },
|
|
872
873
|
fat: { bg: "bg-fat-bg", text: "text-fat" },
|
|
873
874
|
cardio: { bg: "bg-cardio-bg", text: "text-cardio" },
|
|
874
|
-
accent: { bg: "bg-accent/
|
|
875
|
+
accent: { bg: "bg-accent/10", text: "text-accent" },
|
|
875
876
|
primary: { bg: "bg-secondary", text: "text-foreground" }
|
|
876
877
|
}, pt = {
|
|
877
878
|
protein: "var(--protein)",
|
|
@@ -918,7 +919,7 @@ const ut = p(
|
|
|
918
919
|
...s,
|
|
919
920
|
children: [
|
|
920
921
|
/* @__PURE__ */ l("div", { className: "relative", children: [
|
|
921
|
-
/* @__PURE__ */ e("div", { className: "flex size-[46px] items-center justify-center overflow-hidden rounded-full bg-linear-[135deg,#
|
|
922
|
+
/* @__PURE__ */ e("div", { className: "flex size-[46px] items-center justify-center overflow-hidden rounded-full bg-linear-[135deg,#5B77FF,#2B4BF2]", children: o ?? /* @__PURE__ */ e(
|
|
922
923
|
u,
|
|
923
924
|
{
|
|
924
925
|
icon: pe,
|
|
@@ -985,7 +986,7 @@ const ft = p(
|
|
|
985
986
|
caption: d,
|
|
986
987
|
...m
|
|
987
988
|
}, x) => {
|
|
988
|
-
const g = Math.min(100, Math.max(0, r)), f = (t - a) / 2, b = 2 * Math.PI * f,
|
|
989
|
+
const g = Math.min(100, Math.max(0, r)), f = (t - a) / 2, b = 2 * Math.PI * f, S = b * (1 - g / 100);
|
|
989
990
|
return /* @__PURE__ */ l(
|
|
990
991
|
"div",
|
|
991
992
|
{
|
|
@@ -1021,7 +1022,7 @@ const ft = p(
|
|
|
1021
1022
|
strokeWidth: a,
|
|
1022
1023
|
strokeLinecap: "round",
|
|
1023
1024
|
strokeDasharray: b,
|
|
1024
|
-
strokeDashoffset:
|
|
1025
|
+
strokeDashoffset: S,
|
|
1025
1026
|
className: "transition-[stroke-dashoffset] duration-500"
|
|
1026
1027
|
}
|
|
1027
1028
|
)
|
|
@@ -1124,7 +1125,7 @@ const ir = h.Root, lr = h.Group, cr = h.Value, Nt = p(({ className: n, children:
|
|
|
1124
1125
|
/* @__PURE__ */ e(h.Icon, { asChild: !0, children: /* @__PURE__ */ e(
|
|
1125
1126
|
u,
|
|
1126
1127
|
{
|
|
1127
|
-
icon:
|
|
1128
|
+
icon: H,
|
|
1128
1129
|
className: "size-4 text-muted-foreground transition-transform"
|
|
1129
1130
|
}
|
|
1130
1131
|
) })
|
|
@@ -1165,7 +1166,7 @@ const wt = p(({ className: n, children: r, ...t }, a) => /* @__PURE__ */ l(
|
|
|
1165
1166
|
...t,
|
|
1166
1167
|
children: [
|
|
1167
1168
|
/* @__PURE__ */ e(h.ItemText, { children: r }),
|
|
1168
|
-
/* @__PURE__ */ e(h.ItemIndicator, { children: /* @__PURE__ */ e(u, { icon:
|
|
1169
|
+
/* @__PURE__ */ e(h.ItemIndicator, { children: /* @__PURE__ */ e(u, { icon: _, className: "size-4 text-accent", strokeWidth: 3 }) })
|
|
1169
1170
|
]
|
|
1170
1171
|
}
|
|
1171
1172
|
));
|
|
@@ -1197,7 +1198,7 @@ const J = p(
|
|
|
1197
1198
|
a ? /* @__PURE__ */ e(T, { icon: a, tone: s ? "accent" : o, size: "sm" }) : null,
|
|
1198
1199
|
/* @__PURE__ */ l("div", { className: "min-w-0 flex-1", children: [
|
|
1199
1200
|
/* @__PURE__ */ e("div", { className: "text-sm font-semibold", children: r }),
|
|
1200
|
-
t ? /* @__PURE__ */ e("div", { className: "mt-0.5 text-[13px] text-
|
|
1201
|
+
t ? /* @__PURE__ */ e("div", { className: "mt-0.5 text-[13px] text-muted-foreground", children: t }) : null
|
|
1201
1202
|
] }),
|
|
1202
1203
|
c ? /* @__PURE__ */ e("div", { className: "flex-none", children: c }) : null
|
|
1203
1204
|
]
|
|
@@ -1242,8 +1243,8 @@ const Ct = p(
|
|
|
1242
1243
|
type: "button",
|
|
1243
1244
|
"aria-current": a ? "page" : void 0,
|
|
1244
1245
|
className: i(
|
|
1245
|
-
"flex w-full cursor-pointer items-center gap-3 rounded-
|
|
1246
|
-
a ? "bg-
|
|
1246
|
+
"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",
|
|
1247
|
+
a ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-secondary hover:text-foreground",
|
|
1247
1248
|
n
|
|
1248
1249
|
),
|
|
1249
1250
|
...o,
|
|
@@ -1314,7 +1315,7 @@ const zt = p(
|
|
|
1314
1315
|
)
|
|
1315
1316
|
);
|
|
1316
1317
|
zt.displayName = "Slider";
|
|
1317
|
-
const
|
|
1318
|
+
const Bt = y("animate-spin-slow rounded-full border-secondary border-t-accent", {
|
|
1318
1319
|
variants: {
|
|
1319
1320
|
size: {
|
|
1320
1321
|
sm: "size-6 border-[3px]",
|
|
@@ -1323,20 +1324,20 @@ const St = y("animate-spin-slow rounded-full border-secondary border-t-accent",
|
|
|
1323
1324
|
}
|
|
1324
1325
|
},
|
|
1325
1326
|
defaultVariants: { size: "md" }
|
|
1326
|
-
}),
|
|
1327
|
+
}), Dt = p(
|
|
1327
1328
|
({ className: n, size: r, ...t }, a) => /* @__PURE__ */ e(
|
|
1328
1329
|
"div",
|
|
1329
1330
|
{
|
|
1330
1331
|
ref: a,
|
|
1331
1332
|
role: "status",
|
|
1332
1333
|
"aria-label": "Carregando",
|
|
1333
|
-
className: i(
|
|
1334
|
+
className: i(Bt({ size: r }), n),
|
|
1334
1335
|
...t
|
|
1335
1336
|
}
|
|
1336
1337
|
)
|
|
1337
1338
|
);
|
|
1338
|
-
|
|
1339
|
-
const
|
|
1339
|
+
Dt.displayName = "Spinner";
|
|
1340
|
+
const St = y("rounded-card p-6", {
|
|
1340
1341
|
variants: {
|
|
1341
1342
|
variant: {
|
|
1342
1343
|
light: "bg-card text-card-foreground shadow-card",
|
|
@@ -1368,7 +1369,7 @@ const Dt = y("rounded-card p-6", {
|
|
|
1368
1369
|
...g
|
|
1369
1370
|
}, f) => {
|
|
1370
1371
|
const b = r ?? "light";
|
|
1371
|
-
return /* @__PURE__ */ l("div", { ref: f, className: i(
|
|
1372
|
+
return /* @__PURE__ */ l("div", { ref: f, className: i(St({ variant: r }), n), ...g, children: [
|
|
1372
1373
|
/* @__PURE__ */ l("div", { className: "mb-[18px] flex items-start justify-between", children: [
|
|
1373
1374
|
/* @__PURE__ */ e(T, { icon: t, tone: a ?? At[b] }),
|
|
1374
1375
|
d ? /* @__PURE__ */ e("div", { children: d }) : null
|
|
@@ -1396,7 +1397,7 @@ const Dt = y("rounded-card p-6", {
|
|
|
1396
1397
|
}
|
|
1397
1398
|
);
|
|
1398
1399
|
Pt.displayName = "StatCard";
|
|
1399
|
-
const
|
|
1400
|
+
const jt = p(
|
|
1400
1401
|
({ className: n, ...r }, t) => /* @__PURE__ */ e(
|
|
1401
1402
|
L.Root,
|
|
1402
1403
|
{
|
|
@@ -1412,8 +1413,8 @@ const Et = p(
|
|
|
1412
1413
|
}
|
|
1413
1414
|
)
|
|
1414
1415
|
);
|
|
1415
|
-
|
|
1416
|
-
const pr = z.Root,
|
|
1416
|
+
jt.displayName = "Switch";
|
|
1417
|
+
const pr = z.Root, _t = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
|
|
1417
1418
|
z.List,
|
|
1418
1419
|
{
|
|
1419
1420
|
ref: t,
|
|
@@ -1421,8 +1422,8 @@ const pr = z.Root, jt = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
|
|
|
1421
1422
|
...r
|
|
1422
1423
|
}
|
|
1423
1424
|
));
|
|
1424
|
-
|
|
1425
|
-
const
|
|
1425
|
+
_t.displayName = "TabsList";
|
|
1426
|
+
const Et = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
|
|
1426
1427
|
z.Trigger,
|
|
1427
1428
|
{
|
|
1428
1429
|
ref: t,
|
|
@@ -1435,7 +1436,7 @@ const _t = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
|
|
|
1435
1436
|
...r
|
|
1436
1437
|
}
|
|
1437
1438
|
));
|
|
1438
|
-
|
|
1439
|
+
Et.displayName = "TabsTrigger";
|
|
1439
1440
|
const Rt = p(({ className: n, ...r }, t) => /* @__PURE__ */ e(
|
|
1440
1441
|
z.Content,
|
|
1441
1442
|
{
|
|
@@ -1499,7 +1500,7 @@ function ur({ children: n, duration: r = 3600 }) {
|
|
|
1499
1500
|
return /* @__PURE__ */ e(Q.Provider, { value: c, children: /* @__PURE__ */ l(C.Provider, { duration: r, swipeDirection: "right", children: [
|
|
1500
1501
|
n,
|
|
1501
1502
|
t.map((d) => {
|
|
1502
|
-
const m = d.icon ??
|
|
1503
|
+
const m = d.icon ?? _;
|
|
1503
1504
|
return /* @__PURE__ */ l(
|
|
1504
1505
|
C.Root,
|
|
1505
1506
|
{
|
|
@@ -1518,7 +1519,7 @@ function ur({ children: n, duration: r = 3600 }) {
|
|
|
1518
1519
|
{
|
|
1519
1520
|
"aria-label": "Fechar",
|
|
1520
1521
|
className: "flex-none cursor-pointer text-muted-foreground transition-colors hover:text-primary-foreground",
|
|
1521
|
-
children: /* @__PURE__ */ e(u, { icon:
|
|
1522
|
+
children: /* @__PURE__ */ e(u, { icon: j, className: "size-[17px]" })
|
|
1522
1523
|
}
|
|
1523
1524
|
)
|
|
1524
1525
|
]
|
|
@@ -1613,10 +1614,10 @@ export {
|
|
|
1613
1614
|
Te as AccordionItem,
|
|
1614
1615
|
Ie as AccordionTrigger,
|
|
1615
1616
|
Zt as AreaChart,
|
|
1616
|
-
|
|
1617
|
-
|
|
1617
|
+
Be as Badge,
|
|
1618
|
+
je as Banner,
|
|
1618
1619
|
er as BarChart,
|
|
1619
|
-
|
|
1620
|
+
Ee as Button,
|
|
1620
1621
|
Ve as Card,
|
|
1621
1622
|
We as CardContent,
|
|
1622
1623
|
Me as CardDescription,
|
|
@@ -1646,7 +1647,7 @@ export {
|
|
|
1646
1647
|
ot as HydrationTracker,
|
|
1647
1648
|
T as IconTile,
|
|
1648
1649
|
X as Input,
|
|
1649
|
-
|
|
1650
|
+
D as ListItem,
|
|
1650
1651
|
mt as MacroBreakdown,
|
|
1651
1652
|
it as MealListItem,
|
|
1652
1653
|
nr as Modal,
|
|
@@ -1671,13 +1672,13 @@ export {
|
|
|
1671
1672
|
It as SidebarSection,
|
|
1672
1673
|
Ft as Skeleton,
|
|
1673
1674
|
zt as Slider,
|
|
1674
|
-
|
|
1675
|
+
Dt as Spinner,
|
|
1675
1676
|
Pt as StatCard,
|
|
1676
|
-
|
|
1677
|
+
jt as Switch,
|
|
1677
1678
|
pr as Tabs,
|
|
1678
1679
|
Rt as TabsContent,
|
|
1679
|
-
|
|
1680
|
-
|
|
1680
|
+
_t as TabsList,
|
|
1681
|
+
Et as TabsTrigger,
|
|
1681
1682
|
Vt as Textarea,
|
|
1682
1683
|
ur as ToastProvider,
|
|
1683
1684
|
br as Tooltip,
|
|
@@ -1690,9 +1691,9 @@ export {
|
|
|
1690
1691
|
Mt as TrendList,
|
|
1691
1692
|
lt as WorkoutListItem,
|
|
1692
1693
|
ze as badgeVariants,
|
|
1693
|
-
|
|
1694
|
+
_e as buttonVariants,
|
|
1694
1695
|
Re as cardVariants,
|
|
1695
|
-
|
|
1696
|
+
B as chartColors,
|
|
1696
1697
|
i as cn,
|
|
1697
1698
|
w as colors,
|
|
1698
1699
|
Yt as fontFamily,
|
package/dist/lib/tokens.d.ts
CHANGED
|
@@ -1,49 +1,50 @@
|
|
|
1
1
|
export declare const colors: {
|
|
2
|
-
readonly primary: "#
|
|
2
|
+
readonly primary: "#16181D";
|
|
3
3
|
readonly primaryForeground: "#FFFFFF";
|
|
4
|
-
readonly accent: "#
|
|
5
|
-
readonly
|
|
4
|
+
readonly accent: "#2B4BF2";
|
|
5
|
+
readonly accentHover: "#2540DA";
|
|
6
|
+
readonly accent300: "#E8ECFD";
|
|
6
7
|
readonly background: "#FFFFFF";
|
|
7
|
-
readonly foreground: "#
|
|
8
|
-
readonly appBg: "#
|
|
9
|
-
readonly muted: "#
|
|
10
|
-
readonly mutedForeground: "#
|
|
11
|
-
readonly subtleForeground: "#
|
|
12
|
-
readonly secondary: "#
|
|
13
|
-
readonly secondaryForeground: "#
|
|
14
|
-
readonly border: "#
|
|
15
|
-
readonly ring: "#
|
|
8
|
+
readonly foreground: "#16181D";
|
|
9
|
+
readonly appBg: "#F4F6FA";
|
|
10
|
+
readonly muted: "#F5F7FA";
|
|
11
|
+
readonly mutedForeground: "#6B7280";
|
|
12
|
+
readonly subtleForeground: "#8B93A2";
|
|
13
|
+
readonly secondary: "#EEF0F4";
|
|
14
|
+
readonly secondaryForeground: "#16181D";
|
|
15
|
+
readonly border: "#E5E7EB";
|
|
16
|
+
readonly ring: "#2B4BF2";
|
|
16
17
|
readonly success: "#22C55E";
|
|
17
18
|
readonly warning: "#F59E0B";
|
|
18
|
-
readonly error: "#
|
|
19
|
-
readonly info: "#
|
|
20
|
-
readonly protein: "#
|
|
21
|
-
readonly carbs: "#
|
|
22
|
-
readonly carbsText: "#
|
|
19
|
+
readonly error: "#F23B47";
|
|
20
|
+
readonly info: "#2B4BF2";
|
|
21
|
+
readonly protein: "#2B4BF2";
|
|
22
|
+
readonly carbs: "#C4C9D2";
|
|
23
|
+
readonly carbsText: "#6B7280";
|
|
23
24
|
readonly fat: "#F97316";
|
|
24
25
|
readonly cardio: "#22C55E";
|
|
25
26
|
};
|
|
26
27
|
export declare const chartColors: {
|
|
27
|
-
readonly protein: "#
|
|
28
|
-
readonly carbs: "#
|
|
28
|
+
readonly protein: "#2B4BF2";
|
|
29
|
+
readonly carbs: "#C4C9D2";
|
|
29
30
|
readonly fat: "#F97316";
|
|
30
31
|
readonly cardio: "#22C55E";
|
|
31
|
-
readonly accent: "#
|
|
32
|
-
readonly primary: "#
|
|
33
|
-
readonly muted: "#
|
|
34
|
-
readonly grid: "#
|
|
32
|
+
readonly accent: "#2B4BF2";
|
|
33
|
+
readonly primary: "#16181D";
|
|
34
|
+
readonly muted: "#EEF0F4";
|
|
35
|
+
readonly grid: "#EEF0F4";
|
|
35
36
|
};
|
|
36
37
|
export declare const radius: {
|
|
37
38
|
readonly input: "8px";
|
|
38
|
-
readonly field: "
|
|
39
|
-
readonly button: "
|
|
40
|
-
readonly list: "
|
|
41
|
-
readonly tile: "
|
|
42
|
-
readonly card: "
|
|
39
|
+
readonly field: "10px";
|
|
40
|
+
readonly button: "10px";
|
|
41
|
+
readonly list: "12px";
|
|
42
|
+
readonly tile: "14px";
|
|
43
|
+
readonly card: "16px";
|
|
43
44
|
readonly pill: "999px";
|
|
44
45
|
};
|
|
45
46
|
export declare const fontFamily: {
|
|
46
|
-
readonly sans: "'
|
|
47
|
+
readonly sans: "'Manrope', ui-sans-serif, system-ui, sans-serif";
|
|
47
48
|
readonly mono: "'Space Mono', ui-monospace, monospace";
|
|
48
49
|
};
|
|
49
50
|
export type CategoryColor = "protein" | "carbs" | "fat" | "cardio" | "accent" | "primary";
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:"Space Mono", ui-monospace, monospace;--animate-shimmer:ezshimmer 1.4s infinite linear}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border)}body{background-color:var(--app-bg);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}::selection{background:var(--accent-300);color:var(--foreground)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.top-\[30px\]{top:30px}.right-6{right:calc(var(--spacing) * 6)}.right-\[30px\]{right:30px}.right-px{right:1px}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-px{bottom:1px}.z-50{z-index:50}.z-90{z-index:90}.z-95{z-index:95}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-\[3px\]{margin-top:3px}.mt-\[18px\]{margin-top:18px}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-\[7px\]{margin-bottom:7px}.mb-\[18px\]{margin-bottom:18px}.mb-\[22px\]{margin-bottom:22px}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-\[9px\]{width:9px;height:9px}.size-\[11px\]{width:11px;height:11px}.size-\[15px\]{width:15px;height:15px}.size-\[17px\]{width:17px;height:17px}.size-\[18px\]{width:18px;height:18px}.size-\[19px\]{width:19px;height:19px}.size-\[21px\]{width:21px;height:21px}.size-\[22px\]{width:22px;height:22px}.size-\[34px\]{width:34px;height:34px}.size-\[38px\]{width:38px;height:38px}.size-\[42px\]{width:42px;height:42px}.size-\[46px\]{width:46px;height:46px}.size-\[54px\]{width:54px;height:54px}.size-\[72px\]{width:72px;height:72px}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-16{height:calc(var(--spacing) * 16)}.h-\[9px\]{height:9px}.h-\[22px\]{height:22px}.h-\[27px\]{height:27px}.h-\[92px\]{height:92px}.h-\[148px\]{height:148px}.h-full{height:100%}.min-h-\[150px\]{min-height:150px}.w-11{width:calc(var(--spacing) * 11)}.w-14{width:calc(var(--spacing) * 14)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[45\%\]{width:45%}.w-\[46px\]{width:46px}.w-\[60\%\]{width:60%}.w-\[70\%\]{width:70%}.w-\[80\%\]{width:80%}.w-\[320px\]{width:320px}.w-\[340px\]{width:340px}.w-\[420px\]{width:420px}.w-\[460px\]{width:460px}.w-\[560px\]{width:560px}.w-\[620px\]{width:620px}.w-\[640px\]{width:640px}.w-\[920px\]{width:920px}.w-full{width:100%}.max-w-\[340px\]{max-width:340px}.max-w-\[420px\]{max-width:420px}.max-w-\[520px\]{max-width:520px}.max-w-\[640px\]{max-width:640px}.max-w-\[820px\]{max-width:820px}.max-w-\[920px\]{max-width:920px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.min-w-0{min-width:0}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[150px\]{min-width:150px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-none{flex:none}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-rotate-90{rotate:-90deg}.skeleton{animation:var(--animate-shimmer);background:linear-gradient(90deg,#e9edf2 25%,#f4f6f9 37%,#e9edf2 63%) 0 0/960px 100%}.animate-spin-slow{animation:.9s linear infinite ezspin}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-y{resize:vertical}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[7px\]{gap:7px}.gap-\[18px\]{gap:18px}.gap-\[22px\]{gap:22px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[7px\]{border-radius:7px}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[22px\]{border-radius:22px}.rounded-button{border-radius:14px}.rounded-card{border-radius:24px}.rounded-field{border-radius:12px}.rounded-full{border-radius:3.40282e38px}.rounded-list{border-radius:16px}.rounded-pill{border-radius:999px}.rounded-tile{border-radius:18px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-\[5px\]{border-style:var(--tw-border-style);border-width:5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-border{border-color:var(--border)}.border-border-soft{border-color:var(--border-soft)}.border-card{border-color:var(--card)}.border-error{border-color:var(--error)}.border-error-border{border-color:var(--error-border)}.border-info-border{border-color:var(--info-border)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-success-border{border-color:var(--success-border)}.border-warning-border{border-color:var(--warning-border)}.border-t-accent{border-top-color:var(--accent)}.bg-\[rgba\(15\,23\,42\,0\.45\)\]{background-color:#0f172a73}.bg-accent{background-color:var(--accent)}.bg-accent-300{background-color:var(--accent-300)}.bg-accent\/15{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/15{background-color:color-mix(in oklab,var(--accent) 15%,transparent)}}.bg-accent\/20{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/20{background-color:color-mix(in oklab,var(--accent) 20%,transparent)}}.bg-background{background-color:var(--background)}.bg-carbs-bg{background-color:var(--carbs-bg)}.bg-card{background-color:var(--card)}.bg-cardio-bg{background-color:var(--cardio-bg)}.bg-error{background-color:var(--error)}.bg-error-bg{background-color:var(--error-bg)}.bg-fat-bg{background-color:var(--fat-bg)}.bg-info-bg{background-color:var(--info-bg)}.bg-input{background-color:var(--input)}.bg-muted{background-color:var(--muted)}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.bg-protein{background-color:var(--protein)}.bg-protein-bg{background-color:var(--protein-bg)}.bg-secondary{background-color:var(--secondary)}.bg-success{background-color:var(--success)}.bg-success-bg{background-color:var(--success-bg)}.bg-transparent{background-color:#0000}.bg-warning-bg{background-color:var(--warning-bg)}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-linear-\[135deg\,\#BEF264\,\#A3E635\]{--tw-gradient-position:135deg,#bef264,#a3e635;background-image:linear-gradient(var(--tw-gradient-stops,135deg,#bef264,#a3e635))}.fill-primary{fill:var(--primary)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-9{padding:calc(var(--spacing) * 9)}.p-12{padding:calc(var(--spacing) * 12)}.p-\[3px\]{padding:3px}.p-\[15px\]{padding:15px}.p-\[18px\]{padding:18px}.p-\[30px\]{padding:30px}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[18px\]{padding-inline:18px}.px-\[22px\]{padding-inline:22px}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-\[5px\]{padding-block:5px}.py-\[7px\]{padding-block:7px}.py-\[9px\]{padding-block:9px}.py-\[11px\]{padding-block:11px}.py-\[13px\]{padding-block:13px}.py-\[15px\]{padding-block:15px}.py-\[18px\]{padding-block:18px}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-\[22px\]{padding-top:22px}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-\[18px\]{padding-right:18px}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-\[22px\]{padding-bottom:22px}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-7{padding-left:calc(var(--spacing) * 7)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:Space Mono,ui-monospace,monospace}.font-sans{font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-\[40px\]{font-size:40px}.text-\[56px\]{font-size:56px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#1D4ED8\]{color:#1d4ed8}.text-\[\#1E40AF\]{color:#1e40af}.text-\[\#991B1B\]{color:#991b1b}.text-\[\#15803D\]{color:#15803d}.text-\[\#92400E\]{color:#92400e}.text-\[\#166534\]{color:#166534}.text-\[\#475569\]{color:#475569}.text-\[\#B91C1C\]{color:#b91c1c}.text-\[\#B45309\]{color:#b45309}.text-\[\#BFDBFE\]{color:#bfdbfe}.text-\[\#CBD5E1\]{color:#cbd5e1}.text-accent{color:var(--accent)}.text-accent-foreground{color:var(--accent-foreground)}.text-accent-muted-foreground{color:var(--accent-muted-foreground)}.text-carbs-text{color:var(--carbs-text)}.text-card-foreground{color:var(--card-foreground)}.text-cardio{color:var(--cardio)}.text-error{color:var(--error)}.text-fat{color:var(--fat)}.text-foreground{color:var(--foreground)}.text-info{color:var(--info)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-protein{color:var(--protein)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-subtle-foreground{color:var(--subtle-foreground)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-60{opacity:.6}.shadow-\[0_1px_3px_rgba\(15\,23\,42\,0\.3\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0f172a4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_6px_rgba\(15\,23\,42\,0\.2\)\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#0f172a33);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_6px_18px_rgba\(15\,23\,42\,0\.25\)\]{--tw-shadow:0 6px 18px var(--tw-shadow-color,#0f172a40);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(15\,23\,42\,0\.25\)\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0f172a40);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_12px_32px_rgba\(15\,23\,42\,0\.14\)\]{--tw-shadow:0 12px 32px var(--tw-shadow-color,#0f172a24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_40px_rgba\(15\,23\,42\,0\.35\)\]{--tw-shadow:0 16px 40px var(--tw-shadow-color,#0f172a59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_64px_rgba\(15\,23\,42\,0\.3\)\]{--tw-shadow:0 24px 64px var(--tw-shadow-color,#0f172a4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-accent{--tw-shadow:0 12px 40px var(--tw-shadow-color,#a3e63547);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-card{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 8px 24px var(--tw-shadow-color,#0f172a0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-dark{--tw-shadow:0 12px 40px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0f172a1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 18px 48px var(--tw-shadow-color,#0f172a29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-error\/10{--tw-ring-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.ring-error\/10{--tw-ring-color:color-mix(in oklab, var(--error) 10%, transparent)}}.backdrop-blur-\[3px\]{--tw-backdrop-blur:blur(3px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.placeholder\:text-subtle-foreground::placeholder{color:var(--subtle-foreground)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.focus-within\:border-error:focus-within{border-color:var(--error)}.focus-within\:border-ring:focus-within{border-color:var(--ring)}.focus-within\:ring-3:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-error\/10:focus-within{--tw-ring-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.focus-within\:ring-error\/10:focus-within{--tw-ring-color:color-mix(in oklab, var(--error) 10%, transparent)}}.focus-within\:ring-ring\/10:focus-within{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-within\:ring-ring\/10:focus-within{--tw-ring-color:color-mix(in oklab, var(--ring) 10%, transparent)}}@media(hover:hover){.hover\:border-input:hover{border-color:var(--input)}.hover\:border-subtle-foreground:hover{border-color:var(--subtle-foreground)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-error\/15:hover{background-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-error\/15:hover{background-color:color-mix(in oklab,var(--error) 15%,transparent)}}.hover\:bg-error\/90:hover{background-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-error\/90:hover{background-color:color-mix(in oklab,var(--error) 90%,transparent)}}.hover\:bg-primary-hover:hover{background-color:var(--primary-hover)}.hover\:bg-secondary:hover{background-color:var(--secondary)}.hover\:bg-secondary-hover:hover{background-color:var(--secondary-hover)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:opacity-100:hover{opacity:1}}.focus\:border-error:focus{border-color:var(--error)}.focus\:border-ring:focus{border-color:var(--ring)}.focus\:bg-secondary:focus{background-color:var(--secondary)}.focus\:ring-3:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-error\/10:focus{--tw-ring-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-error\/10:focus{--tw-ring-color:color-mix(in oklab, var(--error) 10%, transparent)}}.focus\:ring-ring\/10:focus{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-ring\/10:focus{--tw-ring-color:color-mix(in oklab, var(--ring) 10%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring\/10:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/10:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 10%, transparent)}}.focus-visible\:ring-ring\/25:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/25:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 25%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[placeholder\]\:text-subtle-foreground[data-placeholder]{color:var(--subtle-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=active\]\:bg-primary[data-state=active]{background-color:var(--primary)}.data-\[state\=active\]\:text-primary-foreground[data-state=active]{color:var(--primary-foreground)}@media(hover:hover){.data-\[state\=active\]\:hover\:text-primary-foreground[data-state=active]:hover{color:var(--primary-foreground)}}.data-\[state\=checked\]\:translate-x-\[19px\][data-state=checked]{--tw-translate-x:19px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-\[6px\][data-state=checked]{border-style:var(--tw-border-style);border-width:6px}.data-\[state\=checked\]\:border-accent[data-state=checked]{border-color:var(--accent)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-accent[data-state=checked]{background-color:var(--accent)}.data-\[state\=checked\]\:font-semibold[data-state=checked]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.data-\[state\=closed\]\:animate-\[ezfade_0\.18s_ease\][data-state=closed],.data-\[state\=delayed-open\]\:animate-fade-in[data-state=delayed-open],.data-\[state\=open\]\:animate-\[ezfade_0\.18s_ease\][data-state=open],.data-\[state\=open\]\:animate-fade-in[data-state=open]{animation:.18s ezfade}.data-\[state\=open\]\:animate-toast-in[data-state=open]{animation:.25s eztoast}}:root{--app-bg:#eef1f5;--background:#fff;--foreground:#1e293b;--card:#fff;--card-foreground:#1e293b;--primary:#1e293b;--primary-hover:#0f172a;--primary-foreground:#fff;--accent:#a3e635;--accent-300:#bef264;--accent-foreground:#1e293b;--accent-muted-foreground:#3f4d2a;--secondary:#f1f5f9;--secondary-hover:#e2e8f0;--secondary-foreground:#0f172a;--muted:#f8fafc;--muted-foreground:#64748b;--subtle-foreground:#94a3b8;--border:#e2e8f0;--border-soft:#f1f5f9;--input:#e2e8f0;--ring:#1e293b;--success:#22c55e;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning:#f59e0b;--warning-bg:#fffbeb;--warning-border:#fde68a;--error:#ef4444;--error-bg:#fef2f2;--error-border:#fecaca;--info:#3b82f6;--info-bg:#eff6ff;--info-border:#bfdbfe;--protein:#3b82f6;--protein-bg:#eff6ff;--carbs:#eab308;--carbs-text:#ca8a04;--carbs-bg:#fefce8;--fat:#f97316;--fat-bg:#fff7ed;--cardio:#22c55e;--cardio-bg:#f0fdf4}.dark{--app-bg:#0f172a;--background:#0f172a;--foreground:#f8fafc;--card:#1e293b;--card-foreground:#f8fafc;--secondary:#1e293b;--secondary-hover:#334155;--secondary-foreground:#f8fafc;--muted:#1e293b;--muted-foreground:#94a3b8;--border:#ffffff1a;--border-soft:#ffffff0f;--input:#ffffff24;--ring:#a3e635}.dark .skeleton{background:linear-gradient(90deg,#1e293b 25%,#273449 37%,#1e293b 63%) 0 0/960px 100%}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes ezspin{to{transform:rotate(360deg)}}@keyframes ezshimmer{0%{background-position:-480px 0}to{background-position:480px 0}}@keyframes eztoast{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ezfade{0%{opacity:0}to{opacity:1}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:"Manrope", ui-sans-serif, system-ui, sans-serif;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Manrope", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:"Space Mono", ui-monospace, monospace;--animate-shimmer:ezshimmer 1.4s infinite linear}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border)}body{background-color:var(--app-bg);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}::selection{background:var(--accent-300);color:var(--foreground)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.top-\[30px\]{top:30px}.right-6{right:calc(var(--spacing) * 6)}.right-\[30px\]{right:30px}.right-px{right:1px}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-px{bottom:1px}.z-50{z-index:50}.z-90{z-index:90}.z-95{z-index:95}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-\[3px\]{margin-top:3px}.mt-\[18px\]{margin-top:18px}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-\[7px\]{margin-bottom:7px}.mb-\[18px\]{margin-bottom:18px}.mb-\[22px\]{margin-bottom:22px}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-\[9px\]{width:9px;height:9px}.size-\[11px\]{width:11px;height:11px}.size-\[15px\]{width:15px;height:15px}.size-\[17px\]{width:17px;height:17px}.size-\[18px\]{width:18px;height:18px}.size-\[19px\]{width:19px;height:19px}.size-\[21px\]{width:21px;height:21px}.size-\[22px\]{width:22px;height:22px}.size-\[34px\]{width:34px;height:34px}.size-\[38px\]{width:38px;height:38px}.size-\[42px\]{width:42px;height:42px}.size-\[46px\]{width:46px;height:46px}.size-\[54px\]{width:54px;height:54px}.size-\[72px\]{width:72px;height:72px}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-16{height:calc(var(--spacing) * 16)}.h-\[9px\]{height:9px}.h-\[22px\]{height:22px}.h-\[27px\]{height:27px}.h-\[92px\]{height:92px}.h-\[148px\]{height:148px}.h-full{height:100%}.min-h-\[150px\]{min-height:150px}.w-11{width:calc(var(--spacing) * 11)}.w-14{width:calc(var(--spacing) * 14)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[45\%\]{width:45%}.w-\[46px\]{width:46px}.w-\[60\%\]{width:60%}.w-\[70\%\]{width:70%}.w-\[80\%\]{width:80%}.w-\[320px\]{width:320px}.w-\[340px\]{width:340px}.w-\[420px\]{width:420px}.w-\[460px\]{width:460px}.w-\[560px\]{width:560px}.w-\[620px\]{width:620px}.w-\[640px\]{width:640px}.w-\[920px\]{width:920px}.w-full{width:100%}.max-w-\[340px\]{max-width:340px}.max-w-\[420px\]{max-width:420px}.max-w-\[520px\]{max-width:520px}.max-w-\[640px\]{max-width:640px}.max-w-\[820px\]{max-width:820px}.max-w-\[920px\]{max-width:920px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.min-w-0{min-width:0}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[150px\]{min-width:150px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-none{flex:none}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-rotate-90{rotate:-90deg}.skeleton{animation:var(--animate-shimmer);background:linear-gradient(90deg,#e9edf2 25%,#f4f6f9 37%,#e9edf2 63%) 0 0/960px 100%}.animate-spin-slow{animation:.9s linear infinite ezspin}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-y{resize:vertical}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[7px\]{gap:7px}.gap-\[18px\]{gap:18px}.gap-\[22px\]{gap:22px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[7px\]{border-radius:7px}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[22px\]{border-radius:22px}.rounded-button{border-radius:10px}.rounded-card{border-radius:16px}.rounded-field{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-list{border-radius:12px}.rounded-pill{border-radius:999px}.rounded-tile{border-radius:14px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-\[5px\]{border-style:var(--tw-border-style);border-width:5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-border{border-color:var(--border)}.border-border-soft{border-color:var(--border-soft)}.border-card{border-color:var(--card)}.border-error{border-color:var(--error)}.border-error-border{border-color:var(--error-border)}.border-info-border{border-color:var(--info-border)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-success-border{border-color:var(--success-border)}.border-warning-border{border-color:var(--warning-border)}.border-t-accent{border-top-color:var(--accent)}.bg-\[rgba\(15\,23\,42\,0\.45\)\]{background-color:#0f172a73}.bg-accent{background-color:var(--accent)}.bg-accent-300{background-color:var(--accent-300)}.bg-accent\/10{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,var(--accent) 10%,transparent)}}.bg-accent\/20{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/20{background-color:color-mix(in oklab,var(--accent) 20%,transparent)}}.bg-background{background-color:var(--background)}.bg-carbs-bg{background-color:var(--carbs-bg)}.bg-card{background-color:var(--card)}.bg-cardio-bg{background-color:var(--cardio-bg)}.bg-error{background-color:var(--error)}.bg-error-bg{background-color:var(--error-bg)}.bg-fat-bg{background-color:var(--fat-bg)}.bg-info-bg{background-color:var(--info-bg)}.bg-input{background-color:var(--input)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-protein{background-color:var(--protein)}.bg-protein-bg{background-color:var(--protein-bg)}.bg-secondary{background-color:var(--secondary)}.bg-success{background-color:var(--success)}.bg-success-bg{background-color:var(--success-bg)}.bg-transparent{background-color:#0000}.bg-warning-bg{background-color:var(--warning-bg)}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-linear-\[135deg\,\#5B77FF\,\#2B4BF2\]{--tw-gradient-position:135deg,#5b77ff,#2b4bf2;background-image:linear-gradient(var(--tw-gradient-stops,135deg,#5b77ff,#2b4bf2))}.fill-primary{fill:var(--primary)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-9{padding:calc(var(--spacing) * 9)}.p-12{padding:calc(var(--spacing) * 12)}.p-\[3px\]{padding:3px}.p-\[15px\]{padding:15px}.p-\[18px\]{padding:18px}.p-\[30px\]{padding:30px}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[18px\]{padding-inline:18px}.px-\[22px\]{padding-inline:22px}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-\[5px\]{padding-block:5px}.py-\[7px\]{padding-block:7px}.py-\[9px\]{padding-block:9px}.py-\[11px\]{padding-block:11px}.py-\[13px\]{padding-block:13px}.py-\[15px\]{padding-block:15px}.py-\[18px\]{padding-block:18px}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-\[22px\]{padding-top:22px}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-\[18px\]{padding-right:18px}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-\[22px\]{padding-bottom:22px}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-7{padding-left:calc(var(--spacing) * 7)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:Space Mono,ui-monospace,monospace}.font-sans{font-family:Manrope,ui-sans-serif,system-ui,sans-serif}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-\[40px\]{font-size:40px}.text-\[56px\]{font-size:56px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#1D4ED8\]{color:#1d4ed8}.text-\[\#1E40AF\]{color:#1e40af}.text-\[\#991B1B\]{color:#991b1b}.text-\[\#15803D\]{color:#15803d}.text-\[\#92400E\]{color:#92400e}.text-\[\#166534\]{color:#166534}.text-\[\#475569\]{color:#475569}.text-\[\#B91C1C\]{color:#b91c1c}.text-\[\#B45309\]{color:#b45309}.text-\[\#BFDBFE\]{color:#bfdbfe}.text-\[\#CBD5E1\]{color:#cbd5e1}.text-accent{color:var(--accent)}.text-accent-foreground{color:var(--accent-foreground)}.text-accent-muted-foreground{color:var(--accent-muted-foreground)}.text-carbs-text{color:var(--carbs-text)}.text-card-foreground{color:var(--card-foreground)}.text-cardio{color:var(--cardio)}.text-error{color:var(--error)}.text-fat{color:var(--fat)}.text-foreground{color:var(--foreground)}.text-info{color:var(--info)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-protein{color:var(--protein)}.text-subtle-foreground{color:var(--subtle-foreground)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-60{opacity:.6}.shadow-\[0_1px_3px_rgba\(15\,23\,42\,0\.3\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0f172a4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_6px_rgba\(15\,23\,42\,0\.2\)\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#0f172a33);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_6px_18px_rgba\(15\,23\,42\,0\.25\)\]{--tw-shadow:0 6px 18px var(--tw-shadow-color,#0f172a40);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(15\,23\,42\,0\.25\)\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0f172a40);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_12px_32px_rgba\(15\,23\,42\,0\.14\)\]{--tw-shadow:0 12px 32px var(--tw-shadow-color,#0f172a24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_40px_rgba\(15\,23\,42\,0\.35\)\]{--tw-shadow:0 16px 40px var(--tw-shadow-color,#0f172a59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_64px_rgba\(15\,23\,42\,0\.3\)\]{--tw-shadow:0 24px 64px var(--tw-shadow-color,#0f172a4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-accent{--tw-shadow:0 12px 40px var(--tw-shadow-color,#2b4bf238);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-card{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 8px 24px var(--tw-shadow-color,#0f172a0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-dark{--tw-shadow:0 12px 40px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0f172a1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 18px 48px var(--tw-shadow-color,#0f172a29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-error\/10{--tw-ring-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.ring-error\/10{--tw-ring-color:color-mix(in oklab, var(--error) 10%, transparent)}}.backdrop-blur-\[3px\]{--tw-backdrop-blur:blur(3px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.placeholder\:text-subtle-foreground::placeholder{color:var(--subtle-foreground)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.focus-within\:border-error:focus-within{border-color:var(--error)}.focus-within\:border-ring:focus-within{border-color:var(--ring)}.focus-within\:ring-3:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-error\/10:focus-within{--tw-ring-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.focus-within\:ring-error\/10:focus-within{--tw-ring-color:color-mix(in oklab, var(--error) 10%, transparent)}}.focus-within\:ring-ring\/10:focus-within{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-within\:ring-ring\/10:focus-within{--tw-ring-color:color-mix(in oklab, var(--ring) 10%, transparent)}}@media(hover:hover){.hover\:border-input:hover{border-color:var(--input)}.hover\:border-subtle-foreground:hover{border-color:var(--subtle-foreground)}.hover\:bg-accent-hover:hover{background-color:var(--accent-hover)}.hover\:bg-error\/15:hover{background-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-error\/15:hover{background-color:color-mix(in oklab,var(--error) 15%,transparent)}}.hover\:bg-error\/90:hover{background-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-error\/90:hover{background-color:color-mix(in oklab,var(--error) 90%,transparent)}}.hover\:bg-primary-hover:hover{background-color:var(--primary-hover)}.hover\:bg-secondary:hover{background-color:var(--secondary)}.hover\:bg-secondary-hover:hover{background-color:var(--secondary-hover)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:opacity-100:hover{opacity:1}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-error:focus{border-color:var(--error)}.focus\:border-ring:focus{border-color:var(--ring)}.focus\:bg-secondary:focus{background-color:var(--secondary)}.focus\:ring-3:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-error\/10:focus{--tw-ring-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-error\/10:focus{--tw-ring-color:color-mix(in oklab, var(--error) 10%, transparent)}}.focus\:ring-ring\/10:focus{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-ring\/10:focus{--tw-ring-color:color-mix(in oklab, var(--ring) 10%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring\/10:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/10:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 10%, transparent)}}.focus-visible\:ring-ring\/25:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/25:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 25%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[placeholder\]\:text-subtle-foreground[data-placeholder]{color:var(--subtle-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=active\]\:bg-primary[data-state=active]{background-color:var(--primary)}.data-\[state\=active\]\:text-primary-foreground[data-state=active]{color:var(--primary-foreground)}@media(hover:hover){.data-\[state\=active\]\:hover\:text-primary-foreground[data-state=active]:hover{color:var(--primary-foreground)}}.data-\[state\=checked\]\:translate-x-\[19px\][data-state=checked]{--tw-translate-x:19px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-\[6px\][data-state=checked]{border-style:var(--tw-border-style);border-width:6px}.data-\[state\=checked\]\:border-accent[data-state=checked]{border-color:var(--accent)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-accent[data-state=checked]{background-color:var(--accent)}.data-\[state\=checked\]\:font-semibold[data-state=checked]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.data-\[state\=closed\]\:animate-\[ezfade_0\.18s_ease\][data-state=closed],.data-\[state\=delayed-open\]\:animate-fade-in[data-state=delayed-open],.data-\[state\=open\]\:animate-\[ezfade_0\.18s_ease\][data-state=open],.data-\[state\=open\]\:animate-fade-in[data-state=open]{animation:.18s ezfade}.data-\[state\=open\]\:animate-toast-in[data-state=open]{animation:.25s eztoast}}:root{--app-bg:#f4f6fa;--background:#fff;--foreground:#16181d;--card:#fff;--card-foreground:#16181d;--primary:#16181d;--primary-hover:#0b0c10;--primary-foreground:#fff;--accent:#2b4bf2;--accent-hover:#2540da;--accent-300:#e8ecfd;--accent-foreground:#fff;--accent-muted-foreground:#fffc;--secondary:#eef0f4;--secondary-hover:#e2e5ec;--secondary-foreground:#16181d;--muted:#f5f7fa;--muted-foreground:#6b7280;--subtle-foreground:#8b93a2;--border:#e5e7eb;--border-soft:#eef0f4;--input:#e5e7eb;--ring:#2b4bf2;--success:#22c55e;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning:#f59e0b;--warning-bg:#fffbeb;--warning-border:#fde68a;--error:#f23b47;--error-bg:#fce8ea;--error-border:#f7cdd2;--info:#2b4bf2;--info-bg:#e8ecfd;--info-border:#c9d4fb;--protein:#2b4bf2;--protein-bg:#e8ecfd;--carbs:#c4c9d2;--carbs-text:#6b7280;--carbs-bg:#eef0f4;--fat:#f97316;--fat-bg:#fff7ed;--cardio:#22c55e;--cardio-bg:#f0fdf4}.dark{--app-bg:#0d0e12;--background:#0d0e12;--foreground:#f5f7fa;--card:#16181d;--card-foreground:#f5f7fa;--secondary:#1d2027;--secondary-hover:#262a33;--secondary-foreground:#f5f7fa;--muted:#16181d;--muted-foreground:#9aa3b2;--subtle-foreground:#7e8694;--border:#ffffff1a;--border-soft:#ffffff0f;--input:#ffffff24;--ring:#2b4bf2}.dark .skeleton{background:linear-gradient(90deg,#1e293b 25%,#273449 37%,#1e293b 63%) 0 0/960px 100%}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes ezspin{to{transform:rotate(360deg)}}@keyframes ezshimmer{0%{background-position:-480px 0}to{background-position:480px 0}}@keyframes eztoast{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ezfade{0%{opacity:0}to{opacity:1}}
|
package/package.json
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ezfit/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "EZFIT Design System - biblioteca de componentes React para dashboards de saude, dieta e treino",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "git+https://github.com/izaiasmorais/ezfit-ui.git"
|
|
10
|
+
},
|
|
7
11
|
"sideEffects": [
|
|
8
12
|
"**/*.css"
|
|
9
13
|
],
|