@wealthx/shadcn 1.5.42 → 1.5.44

package/dist/chunk-LFWNKXZU.mjs

@@ -0,0 +1,109 @@
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from "./chunk-3S6KVFF5.mjs";
+import {
+  formatCurrency
+} from "./chunk-XQDTFNVL.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/expense-categories-bar.tsx
+import { useState } from "react";
+import { Info } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ExpenseCategoriesBar({
+  title,
+  subtitle,
+  tooltipText,
+  parts = [],
+  icons = [],
+  color = "secondary",
+  className
+}) {
+  const [hoveredIndex, setHoveredIndex] = useState(-1);
+  const segmentBase = color === "primary" ? "bg-primary" : "bg-brand-secondary";
+  const segmentHover = color === "primary" ? "border-primary/50 bg-primary/60" : "border-brand-secondary/50 bg-brand-secondary/60";
+  const iconDefault = color === "primary" ? "[&_svg]:stroke-primary-foreground [&_svg]:text-primary-foreground" : "[&_svg]:stroke-brand-secondary-foreground [&_svg]:text-brand-secondary-foreground";
+  const iconHovered = "[&_svg]:stroke-foreground [&_svg]:text-foreground";
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
+    (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+      title && /* @__PURE__ */ jsx("p", { className: "m-0 overflow-hidden text-ellipsis whitespace-nowrap text-[22px] font-normal leading-tight", children: title }),
+      subtitle && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-sm text-muted-foreground", children: subtitle }),
+        tooltipText && /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(
+            TooltipTrigger,
+            {
+              render: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "flex items-center text-muted-foreground transition-colors hover:text-foreground"
+                }
+              ),
+              children: /* @__PURE__ */ jsx(Info, { className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: tooltipText })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "mt-4 mb-6 flex h-8 w-full gap-px",
+        onMouseLeave: () => setHoveredIndex(-1),
+        children: parts.length === 0 ? /* @__PURE__ */ jsx("div", { className: "grow bg-muted" }) : parts.map((part, index) => {
+          const isHovered = hoveredIndex === index;
+          const showIcon = part.percentage > 0.01;
+          const icon = icons[index];
+          return /* @__PURE__ */ jsxs(Tooltip, { open: isHovered, children: [
+            /* @__PURE__ */ jsx(
+              TooltipTrigger,
+              {
+                render: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "relative border border-transparent transition-colors duration-200",
+                      segmentBase,
+                      isHovered && segmentHover
+                    ),
+                    style: {
+                      flexGrow: Math.max(part.percentage, 1e-4) * 10
+                    },
+                    onMouseEnter: () => setHoveredIndex(index)
+                  }
+                ),
+                children: showIcon && icon && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "absolute left-2 top-0 bottom-0 flex items-center [&_svg]:size-4",
+                      isHovered ? iconHovered : iconDefault
+                    ),
+                    children: icon
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 min-w-[120px]", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                icon && /* @__PURE__ */ jsx("span", { className: "[&_svg]:size-4", children: icon }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold leading-tight line-clamp-2", children: part.title })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "self-end text-sm font-bold", children: formatCurrency(part.amount) })
+            ] }) })
+          ] }, part.id);
+        })
+      }
+    )
+  ] });
+}
+
+export {
+  ExpenseCategoriesBar
+};

package/dist/{chunk-IRZWYTGV.mjs → chunk-M32YSAWL.mjs}

@@ -11,7 +11,7 @@ import {
   FALLBACK_TICK,
   formatTooltipDate,
   hexToRgba
-} from "./chunk-YEWNFK5S.mjs";
+} from "./chunk-WLXP4OOF.mjs";
 import {
   Empty,
   EmptyDescription
@@ -67,7 +67,8 @@ function IncomeBarChart({
   height = 280,
   width = "100%",
   className,
-  isLoading = false
+  isLoading = false,
+  showPeriodSelector = true
 }) {
   const periods = CHART_PERIODS[granularity];
   const [period, setPeriod] = useState(defaultPeriod);
@@ -166,7 +167,7 @@ function IncomeBarChart({
           stacked: true,
           grid: { display: false },
           border: { display: false },
-          ticks: { font: { size: 10 }, color: FALLBACK_TICK }
+          ticks: { font: { size: 12 }, color: FALLBACK_TICK }
         },
         y: {
           display: showYAxis,
@@ -174,7 +175,7 @@ function IncomeBarChart({
           grid: { display: false },
           border: { display: false },
           ticks: {
-            font: { size: 10 },
+            font: { size: 12 },
             color: FALLBACK_TICK,
             maxTicksLimit: 5,
             padding: 8,
@@ -191,9 +192,9 @@ function IncomeBarChart({
       className: cn("w-full py-4 sm:py-6 gap-2", className),
       style: { maxWidth: width, fontFamily },
       children: [
-        /* @__PURE__ */ jsxs(CardHeader, { className: "px-3 sm:px-6", children: [
-          /* @__PURE__ */ jsx(CardTitle, { className: "text-xs font-semibold uppercase tracking-wide", children: title }),
-          /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx("div", { className: "flex gap-0.5 sm:gap-1", children: periods.map((p) => /* @__PURE__ */ jsx(
+        (title || showPeriodSelector) && /* @__PURE__ */ jsxs(CardHeader, { className: "px-3 sm:px-6", children: [
+          title && /* @__PURE__ */ jsx(CardTitle, { className: "text-xs font-semibold uppercase tracking-wide", children: title }),
+          showPeriodSelector && /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx("div", { className: "flex gap-0.5 sm:gap-1", children: periods.map((p) => /* @__PURE__ */ jsx(
             ChartPeriodButton,
             {
               period: p,

package/dist/{chunk-LLAGF6BA.mjs → chunk-MUB2G36A.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   formatCurrency,
   formatCurrencyAbbrev
-} from "./chunk-MN5NYQCL.mjs";
+} from "./chunk-XQDTFNVL.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/{chunk-DQNNP6I4.mjs → chunk-NIETQFJQ.mjs}

@@ -24,7 +24,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-T5FRVEJQ.mjs";
+} from "./chunk-JTMN36BK.mjs";
 import {
   Avatar,
   AvatarFallback

package/dist/{chunk-RUX3OLVZ.mjs → chunk-OTFG57ZF.mjs}

@@ -1,6 +1,6 @@
 import {
   formatCurrency
-} from "./chunk-MN5NYQCL.mjs";
+} from "./chunk-XQDTFNVL.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-OKIWXOJL.mjs → chunk-OWTW5WAJ.mjs}

@@ -14,7 +14,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-T5FRVEJQ.mjs";
+} from "./chunk-JTMN36BK.mjs";
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";

package/dist/{chunk-WWIWRNBK.mjs → chunk-P7NSCTAW.mjs}

@@ -9,7 +9,7 @@ import {
   formatMonthLabel,
   formatTooltipDate,
   hexToRgba
-} from "./chunk-YEWNFK5S.mjs";
+} from "./chunk-WLXP4OOF.mjs";
 import {
   Empty,
   EmptyDescription

package/dist/{chunk-BZWQU52U.mjs → chunk-QZREZL2F.mjs}

@@ -42,7 +42,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-T5FRVEJQ.mjs";
+} from "./chunk-JTMN36BK.mjs";
 import {
   Avatar,
   AvatarFallback,

package/dist/{chunk-E432NK23.mjs → chunk-RBQ4BZUV.mjs}

@@ -4,17 +4,17 @@ import {
   TooltipProvider,
   TooltipTrigger
 } from "./chunk-3S6KVFF5.mjs";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem
-} from "./chunk-UNACI2YK.mjs";
 import {
   formatCurrency
-} from "./chunk-MN5NYQCL.mjs";
+} from "./chunk-XQDTFNVL.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem
+} from "./chunk-UNACI2YK.mjs";
 import {
   cn,
   getInitials

package/dist/{chunk-I2EKKSEF.mjs → chunk-RKBLVNDC.mjs}

@@ -1,6 +1,6 @@
 import {
   formatCurrencyAbbrev
-} from "./chunk-MN5NYQCL.mjs";
+} from "./chunk-XQDTFNVL.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";
@@ -117,7 +117,7 @@ function LoanToValueRatio({
   ] });
 }
 function AddScenarioButton({
-  title = "Compare Loan Options",
+  title = "Add New Scenario",
   disabled = false,
   onClick,
   className
@@ -125,13 +125,10 @@ function AddScenarioButton({
   return /* @__PURE__ */ jsxs(
     Button,
     {
-      variant: "outline-secondary",
+      variant: "outline",
       disabled,
       onClick,
-      className: cn(
-        "w-full justify-between border-dashed text-base",
-        className
-      ),
+      className: cn("w-full justify-between", className),
       children: [
         /* @__PURE__ */ jsx("span", { children: title }),
         /* @__PURE__ */ jsx(Plus, { size: 18, className: "shrink-0" })

package/dist/{chunk-LHQACMZY.mjs → chunk-SPPQFW32.mjs}

@@ -5,7 +5,7 @@ import {
   FALLBACK_TICK,
   formatChartDateLabel,
   formatTooltipDate
-} from "./chunk-YEWNFK5S.mjs";
+} from "./chunk-WLXP4OOF.mjs";
 import {
   Empty,
   EmptyDescription
@@ -19,13 +19,13 @@ import {
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";
-import {
-  useThemeVars
-} from "./chunk-XYSRRDBH.mjs";
 import {
   formatCurrency,
   formatCurrencyAbbrev
-} from "./chunk-MN5NYQCL.mjs";
+} from "./chunk-XQDTFNVL.mjs";
+import {
+  useThemeVars
+} from "./chunk-XYSRRDBH.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";
@@ -68,7 +68,8 @@ function CashBalanceLineChart({
   showYAxis = true,
   showBalanceValue = false,
   showLegend = false,
-  legendPosition = "bottom"
+  legendPosition = "bottom",
+  extraDatasets
 }) {
   const themeVars = useThemeVars();
   const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
@@ -83,30 +84,48 @@ function CashBalanceLineChart({
     indices.add(count - 1);
     return indices;
   }, [hasData, chartData]);
+  const hasExtra = Array.isArray(extraDatasets) && extraDatasets.length > 0;
   const data = useMemo(() => {
     if (!hasData) return { labels: [], datasets: [] };
+    const mainDs = {
+      label: title,
+      data: chartData.map((p) => p.y),
+      fill: false,
+      borderColor: brandPrimary,
+      backgroundColor: "transparent",
+      borderWidth: 2.5,
+      borderDash: [],
+      tension: 0.4,
+      pointRadius: 0,
+      pointHoverRadius: 6,
+      pointHoverBackgroundColor: FALLBACK_BG,
+      pointHoverBorderColor: brandPrimary,
+      pointHoverBorderWidth: 3,
+      pointHitRadius: 10,
+      yAxisID: "y"
+    };
+    const extraDs = hasExtra ? extraDatasets.map((ds) => ({
+      label: ds.label,
+      data: ds.data.map((p) => p.y),
+      fill: false,
+      borderColor: ds.color,
+      backgroundColor: "transparent",
+      borderWidth: 1.5,
+      borderDash: ds.dashed ? [5, 4] : [],
+      tension: 0.4,
+      pointRadius: 0,
+      pointHoverRadius: 4,
+      pointHoverBackgroundColor: FALLBACK_BG,
+      pointHoverBorderColor: ds.color,
+      pointHoverBorderWidth: 2,
+      pointHitRadius: 10,
+      yAxisID: "y2"
+    })) : [];
     return {
       labels: chartData.map((p) => p.x),
-      // raw ISO — used for tooltip + tick lookup
-      datasets: [
-        {
-          label: title,
-          data: chartData.map((p) => p.y),
-          fill: false,
-          borderColor: brandPrimary,
-          backgroundColor: "transparent",
-          borderWidth: 2.5,
-          tension: 0.4,
-          pointRadius: 0,
-          pointHoverRadius: 6,
-          pointHoverBackgroundColor: FALLBACK_BG,
-          pointHoverBorderColor: brandPrimary,
-          pointHoverBorderWidth: 3,
-          pointHitRadius: 10
-        }
-      ]
+      datasets: [mainDs, ...extraDs]
     };
-  }, [hasData, chartData, brandPrimary, title]);
+  }, [hasData, chartData, brandPrimary, title, hasExtra, extraDatasets]);
   const options = useMemo(
     () => ({
       responsive: true,
@@ -118,11 +137,11 @@ function CashBalanceLineChart({
           enabled: true,
           mode: "index",
           intersect: false,
-          displayColors: false,
+          displayColors: hasExtra,
           padding: 12,
           cornerRadius: 0,
           titleFont: { size: 11, weight: "600", family: fontFamily },
-          bodyFont: { size: 13, weight: "700", family: fontFamily },
+          bodyFont: { size: 12, weight: "500", family: fontFamily },
           callbacks: {
             title: (items) => {
               var _a;
@@ -130,7 +149,8 @@ function CashBalanceLineChart({
               return iso ? formatDateTooltip(iso) : "";
             },
             label: (ctx) => {
-              return formatCurrency(ctx.parsed.y, { decimals: 2 });
+              const value = formatCurrency(ctx.parsed.y, { decimals: 2 });
+              return hasExtra ? ` ${ctx.dataset.label}: ${value}` : value;
             }
           }
         }
@@ -147,7 +167,7 @@ function CashBalanceLineChart({
             maxRotation: 0,
             minRotation: 0,
             color: FALLBACK_TICK,
-            font: { size: 10, family: fontFamily },
+            font: { size: 12, family: fontFamily },
             callback: function(_, index) {
               if (!tickIndices.has(index) || !chartData) return "";
               return formatDateLabel(chartData[index].x);
@@ -164,13 +184,27 @@ function CashBalanceLineChart({
             maxTicksLimit: 5,
             padding: 8,
             color: FALLBACK_TICK,
-            font: { size: 10, family: fontFamily },
+            font: { size: 12, family: fontFamily },
+            callback: (v) => formatCurrencyAbbrev(Number(v))
+          }
+        },
+        y2: {
+          display: hasExtra && showYAxis,
+          position: "right",
+          beginAtZero: true,
+          grid: { display: false },
+          border: { display: false },
+          ticks: {
+            maxTicksLimit: 5,
+            padding: 8,
+            color: FALLBACK_TICK,
+            font: { size: 12, family: fontFamily },
             callback: (v) => formatCurrencyAbbrev(Number(v))
           }
         }
       }
     }),
-    [tickIndices, chartData, showXAxis, showYAxis, fontFamily]
+    [tickIndices, chartData, showXAxis, showYAxis, fontFamily, hasExtra]
   );
   const latestValue = hasData ? chartData[chartData.length - 1].y : null;
   return /* @__PURE__ */ jsxs(
@@ -179,9 +213,9 @@ function CashBalanceLineChart({
       className: cn("w-full py-4 sm:py-6 gap-2", className),
       style: { maxWidth: width, fontFamily },
       children: [
-        /* @__PURE__ */ jsx(CardHeader, { className: "px-3 sm:px-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx(CardTitle, { className: "text-xs font-semibold uppercase tracking-wide", children: title }),
-          showBalanceValue && latestValue !== null && /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold tabular-nums leading-tight", children: formatCurrency(latestValue, { decimals: 2 }) })
+        (title || showBalanceValue && latestValue !== null) && /* @__PURE__ */ jsx(CardHeader, { className: "px-3 sm:px-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+          title && /* @__PURE__ */ jsx(CardTitle, { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: title }),
+          showBalanceValue && latestValue !== null && /* @__PURE__ */ jsx("p", { className: "text-lg font-bold tabular-nums leading-tight", children: formatCurrency(latestValue, { decimals: 2 }) })
         ] }) }),
         /* @__PURE__ */ jsx(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ jsx(
           "div",
@@ -191,14 +225,25 @@ function CashBalanceLineChart({
             children: /* @__PURE__ */ jsx(Spinner, { size: "lg" })
           }
         ) : !hasData ? /* @__PURE__ */ jsx(Empty, { className: "flex-none p-4", style: { height }, children: /* @__PURE__ */ jsx(EmptyDescription, { children: "No data available" }) }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-          showLegend && legendPosition === "top" && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1.5", children: /* @__PURE__ */ jsx(
-            ChartLegendItem,
-            {
-              label: title,
-              color: brandPrimary,
-              lineStyle: "solid"
-            }
-          ) }),
+          showLegend && legendPosition === "top" && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1.5", children: [
+            title && /* @__PURE__ */ jsx(
+              ChartLegendItem,
+              {
+                label: title,
+                color: brandPrimary,
+                lineStyle: "solid"
+              }
+            ),
+            extraDatasets == null ? void 0 : extraDatasets.map((ds) => /* @__PURE__ */ jsx(
+              ChartLegendItem,
+              {
+                label: ds.label,
+                color: ds.color,
+                lineStyle: ds.dashed ? "dashed" : "solid"
+              },
+              ds.label
+            ))
+          ] }),
           /* @__PURE__ */ jsx("div", { style: { height, width: "100%", position: "relative" }, children: /* @__PURE__ */ jsx(
             Chart,
             {
@@ -209,14 +254,25 @@ function CashBalanceLineChart({
             },
             brandPrimary
           ) }),
-          showLegend && legendPosition === "bottom" && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1.5", children: /* @__PURE__ */ jsx(
-            ChartLegendItem,
-            {
-              label: title,
-              color: brandPrimary,
-              lineStyle: "solid"
-            }
-          ) })
+          showLegend && legendPosition === "bottom" && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1.5", children: [
+            title && /* @__PURE__ */ jsx(
+              ChartLegendItem,
+              {
+                label: title,
+                color: brandPrimary,
+                lineStyle: "solid"
+              }
+            ),
+            extraDatasets == null ? void 0 : extraDatasets.map((ds) => /* @__PURE__ */ jsx(
+              ChartLegendItem,
+              {
+                label: ds.label,
+                color: ds.color,
+                lineStyle: ds.dashed ? "dashed" : "solid"
+              },
+              ds.label
+            ))
+          ] })
         ] }) })
       ]
     }

package/dist/{chunk-OSSS56CB.mjs → chunk-SUXJWKRI.mjs}

@@ -22,19 +22,19 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-T5FRVEJQ.mjs";
+} from "./chunk-JTMN36BK.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";
+import {
+  formatCurrency
+} from "./chunk-XQDTFNVL.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";
-import {
-  formatCurrency
-} from "./chunk-MN5NYQCL.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-SCGCGVDN.mjs → chunk-SZXIPE5J.mjs}

@@ -24,7 +24,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-T5FRVEJQ.mjs";
+} from "./chunk-JTMN36BK.mjs";
 import {
   ToggleGroup,
   ToggleGroupItem

package/dist/{chunk-VVURVETY.mjs → chunk-TOQRA2TD.mjs}

@@ -4,7 +4,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-T5FRVEJQ.mjs";
+} from "./chunk-JTMN36BK.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";

package/dist/{chunk-GYWOD2YI.mjs → chunk-TZSDYQFH.mjs}

@@ -5,7 +5,7 @@ import {
   DoughnutLegendRow,
   FALLBACK_PRIMARY,
   FALLBACK_SECONDARY
-} from "./chunk-YEWNFK5S.mjs";
+} from "./chunk-WLXP4OOF.mjs";
 import {
   Empty,
   EmptyDescription
@@ -16,12 +16,12 @@ import {
   CardHeader,
   CardTitle
 } from "./chunk-3VDET466.mjs";
+import {
+  formatCurrencyAbbrev
+} from "./chunk-XQDTFNVL.mjs";
 import {
   useThemeVars
 } from "./chunk-XYSRRDBH.mjs";
-import {
-  formatCurrencyAbbrev
-} from "./chunk-MN5NYQCL.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/{chunk-S7SBLNX4.mjs → chunk-UB3WG6I4.mjs}

@@ -9,7 +9,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-T5FRVEJQ.mjs";
+} from "./chunk-JTMN36BK.mjs";
 import {
   Avatar,
   AvatarFallback

package/dist/{chunk-PGJRZHN7.mjs → chunk-UVZ3JWFG.mjs}

@@ -9,7 +9,7 @@ import {
   formatMonthLabel,
   formatTooltipDate,
   hexToRgba
-} from "./chunk-YEWNFK5S.mjs";
+} from "./chunk-WLXP4OOF.mjs";
 import {
   Empty,
   EmptyDescription

package/dist/{chunk-UD5UF5OC.mjs → chunk-W7OPFKTZ.mjs}

@@ -26,7 +26,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-T5FRVEJQ.mjs";
+} from "./chunk-JTMN36BK.mjs";
 import {
   Textarea
 } from "./chunk-BS75ICOO.mjs";
@@ -43,14 +43,14 @@ import {
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
 import {
   Accordion,
   AccordionContent,
   AccordionItem
 } from "./chunk-UNACI2YK.mjs";
-import {
-  Button
-} from "./chunk-NOOEKOWY.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/{chunk-YEWNFK5S.mjs → chunk-WLXP4OOF.mjs}

@@ -1,6 +1,6 @@
 import {
   formatCurrencyAbbrev
-} from "./chunk-MN5NYQCL.mjs";
+} from "./chunk-XQDTFNVL.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";
@@ -98,7 +98,7 @@ function ChartLegendItem({
         }
       }
     ),
-    /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground leading-none", children: label })
+    /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground leading-none", children: label })
   ] });
 }
 function DoughnutLegendRow({
@@ -121,11 +121,11 @@ function DoughnutLegendRow({
           }
         }
       ),
-      /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground leading-none truncate", children: label })
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground leading-none truncate", children: label })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium leading-none", children: formatCurrencyAbbrev(value) }),
-      /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground leading-none w-10 text-right", children: percent })
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium leading-none", children: formatCurrencyAbbrev(value) }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground leading-none w-12 text-right", children: percent })
     ] })
   ] });
 }