@wealthx/shadcn 1.0.2 → 1.2.0

package/dist/chunk-FMAXJ2SI.mjs

@@ -0,0 +1,71 @@
+import {
+  Badge
+} from "./chunk-WAZD7NFU.mjs";
+import {
+  Checkbox
+} from "./chunk-RGVKLTLH.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/pipeline-primitives.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function TaskCheckItem({
+  title,
+  completed,
+  aiAgentName,
+  onToggle,
+  disabled = false,
+  size = "xs",
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex cursor-pointer items-start gap-2 py-1.5",
+        disabled && "pointer-events-none opacity-60",
+        className
+      ),
+      onClick: () => onToggle == null ? void 0 : onToggle(),
+      "data-slot": "task-check-item",
+      children: [
+        /* @__PURE__ */ jsx("span", { onClick: (e) => e.stopPropagation(), className: "mt-0.5 shrink-0", children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: completed,
+            onCheckedChange: () => onToggle == null ? void 0 : onToggle(),
+            disabled
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "leading-snug text-foreground",
+                size === "sm" ? "text-sm" : "text-xs",
+                completed && "text-muted-foreground line-through"
+              ),
+              children: title
+            }
+          ),
+          aiAgentName && /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "gap-1 text-[10px]", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "size-1.5 rounded-full bg-primary",
+                "aria-hidden": "true"
+              }
+            ),
+            aiAgentName
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  TaskCheckItem
+};

package/dist/chunk-FZIXGLMV.mjs

@@ -0,0 +1,173 @@
+import {
+  Button
+} from "./chunk-2I5S2AMY.mjs";
+
+// src/components/ui/chart-shared.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CHART_SLICE_COUNT = {
+  monthly: { 1: 1, 3: 3, 6: 6, 12: 12 },
+  daily: { 1: 30, 3: 90, 6: 180, 12: 365 }
+};
+var CHART_PERIODS = {
+  monthly: [3, 6, 12],
+  daily: [1, 3, 6, 12]
+};
+function hexToRgba(hex, alpha) {
+  const clean = hex.replace("#", "");
+  const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
+  const r = parseInt(full.slice(0, 2), 16);
+  const g = parseInt(full.slice(2, 4), 16);
+  const b = parseInt(full.slice(4, 6), 16);
+  return `rgba(${r},${g},${b},${alpha})`;
+}
+var DATASET_ALPHAS = [1, 0.72, 0.52, 0.36, 0.24, 0.15];
+var FALLBACK_PRIMARY = "#33FF99";
+var FALLBACK_SECONDARY = "#162029";
+var FALLBACK_BG = "#ffffff";
+var FALLBACK_FOREGROUND = "#040D13";
+var FALLBACK_TICK = "#9EAAB5";
+var FALLBACK_NEUTRAL = "#B9BCBF";
+var SEVERITY_COLORS = {
+  high: "#F44336",
+  // default --destructive  oklch(0.643 0.215 28.8)
+  medium: "#FF9800",
+  // default --warning     oklch(0.77  0.174  64.1)
+  low: "#4CAF50"
+  // default --success        oklch(0.673 0.162 144.2)
+};
+function formatAbbrev(value) {
+  const abs = Math.abs(value);
+  const sign = value < 0 ? "-" : "";
+  if (abs >= 1e9)
+    return `${sign}$${(abs / 1e9).toFixed(1)}B`;
+  if (abs >= 1e6) return `${sign}$${(abs / 1e6).toFixed(1)}M`;
+  if (abs >= 1e3) return `${sign}$${(abs / 1e3).toFixed(0)}K`;
+  return `${sign}$${abs.toFixed(0)}`;
+}
+function formatTooltipDate(iso, granularity) {
+  const d = new Date(iso);
+  return d.toLocaleDateString(
+    "en-US",
+    granularity === "daily" ? { month: "short", day: "numeric", year: "numeric" } : { month: "short", year: "numeric" }
+  );
+}
+function formatMonthLabel(iso) {
+  return new Date(iso).toLocaleDateString("en-US", {
+    month: "short",
+    year: "2-digit"
+  });
+}
+function formatCount(n) {
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
+  return String(Math.round(n));
+}
+function ChartLegendItem({
+  label,
+  color,
+  lineStyle
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+    lineStyle ? /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: "20",
+        height: "10",
+        viewBox: "0 0 20 10",
+        "aria-hidden": "true",
+        style: { flexShrink: 0 },
+        children: /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: "0",
+            y1: "5",
+            x2: "20",
+            y2: "5",
+            stroke: color,
+            strokeWidth: "2",
+            strokeLinecap: "square",
+            strokeDasharray: lineStyle === "dashed" ? "5 3" : void 0
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          width: 10,
+          height: 10,
+          backgroundColor: color,
+          flexShrink: 0
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground leading-none", children: label })
+  ] });
+}
+function DoughnutLegendRow({
+  label,
+  color,
+  value,
+  percent
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            width: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: color,
+            flexShrink: 0
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-[11px] 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: formatAbbrev(value) }),
+      /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground leading-none w-10 text-right", children: percent })
+    ] })
+  ] });
+}
+function ChartPeriodButton({
+  period,
+  active,
+  onClick,
+  unit = "M"
+}) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: active ? "default" : "outline",
+      size: "xs",
+      onClick,
+      children: [
+        period,
+        unit
+      ]
+    }
+  );
+}
+
+export {
+  CHART_SLICE_COUNT,
+  CHART_PERIODS,
+  hexToRgba,
+  DATASET_ALPHAS,
+  FALLBACK_PRIMARY,
+  FALLBACK_SECONDARY,
+  FALLBACK_BG,
+  FALLBACK_FOREGROUND,
+  FALLBACK_TICK,
+  FALLBACK_NEUTRAL,
+  SEVERITY_COLORS,
+  formatAbbrev,
+  formatTooltipDate,
+  formatMonthLabel,
+  formatCount,
+  ChartLegendItem,
+  DoughnutLegendRow,
+  ChartPeriodButton
+};

package/dist/{chunk-DS2AMHN2.mjs → chunk-GYMYRIZP.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues
@@ -14,7 +14,7 @@ function Input(_a) {
     "input",
     __spreadValues({
       className: cn(
-        "h-9 w-full min-w-0 border border-input bg-transparent px-3 py-1 text-base font-sans shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
+        "h-9 w-full min-w-0 border border-input bg-transparent px-3 py-1 text-body-medium font-sans shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-label-medium file:text-foreground placeholder:font-normal placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30",
         "focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20",
         "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
         className

package/dist/{chunk-KQDD5MU3.mjs → chunk-H45TKD34.mjs}

@@ -1,12 +1,12 @@
 import {
   buttonVariants
-} from "./chunk-4AJ5HWHD.mjs";
+} from "./chunk-2I5S2AMY.mjs";
 import {
   useThemeVars
-} from "./chunk-OXQQNQZI.mjs";
+} from "./chunk-FEZKMUCF.mjs";
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues
@@ -118,7 +118,7 @@ function AlertDialogTitle(_a) {
     AlertDialogPrimitive.Title,
     __spreadValues({
       className: cn(
-        "text-lg font-semibold sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        "text-h5 sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
         className
       ),
       "data-slot": "alert-dialog-title"
@@ -135,7 +135,7 @@ function AlertDialogDescription(_a) {
     AlertDialogPrimitive.Description,
     __spreadValues({
       className: cn(
-        "text-sm text-muted-foreground sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        "text-body-small text-muted-foreground sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
         className
       ),
       "data-slot": "alert-dialog-description"

package/dist/{chunk-BBJBJSXQ.mjs → chunk-J5UICVJS.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-RL772EH7.mjs → chunk-JHJHG4GO.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues
@@ -62,18 +62,14 @@ function TabsList(_a) {
   );
 }
 function TabsTrigger(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Tab,
     __spreadValues({
       className: cn(
         // Base layout & typography
         "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap",
-        "rounded-none border border-transparent px-1.5 py-1 text-sm font-medium",
+        "rounded-none border border-transparent px-1.5 py-1 text-label-medium",
         "text-muted-foreground transition-all",
         // Vertical orientation
         "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start",
@@ -103,11 +99,7 @@ function TabsTrigger(_a) {
   );
 }
 function TabsContent(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Panel,
     __spreadValues({

package/dist/chunk-KMCGSZTX.mjs

@@ -0,0 +1,177 @@
+import {
+  FALLBACK_PRIMARY,
+  FALLBACK_SECONDARY,
+  FALLBACK_TICK
+} from "./chunk-FZIXGLMV.mjs";
+import {
+  Empty,
+  EmptyDescription
+} from "./chunk-NQPOYKAQ.mjs";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle
+} from "./chunk-CLIN5525.mjs";
+import {
+  Spinner
+} from "./chunk-7YAU5CY6.mjs";
+import {
+  useThemeVars
+} from "./chunk-FEZKMUCF.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/transactions-income-expense-bar-chart.tsx
+import { useMemo } from "react";
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  Tooltip
+} from "chart.js";
+import ChartDataLabels from "chartjs-plugin-datalabels";
+import { Chart } from "react-chartjs-2";
+import { jsx, jsxs } from "react/jsx-runtime";
+ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip);
+function formatDollar(value) {
+  return `$${value.toLocaleString(void 0, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  })}`;
+}
+function TransactionsIncomeExpenseBarChart({
+  totalIncome,
+  totalExpense,
+  title = "Transactions \u2014 Income vs Expense",
+  height = 120,
+  width = "100%",
+  className,
+  isLoading = false
+}) {
+  const themeVars = useThemeVars();
+  const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
+  const brandSecondary = themeVars["--theme-secondary"] || FALLBACK_SECONDARY;
+  const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
+  const hasData = totalIncome != null && totalExpense != null;
+  const incomeVal = totalIncome != null ? totalIncome : 0;
+  const expenseVal = Math.abs(totalExpense != null ? totalExpense : 0);
+  const maxVal = Math.max(incomeVal, expenseVal);
+  const chartData = useMemo(() => {
+    if (!hasData) return { labels: [], datasets: [] };
+    return {
+      labels: ["Incoming", "Outgoing"],
+      datasets: [
+        {
+          barThickness: 40,
+          backgroundColor: [brandPrimary, brandSecondary],
+          hoverBackgroundColor: [brandPrimary, brandSecondary],
+          borderWidth: 0,
+          borderRadius: 0,
+          borderSkipped: false,
+          data: [incomeVal, expenseVal],
+          // chartjs-plugin-datalabels config — typed via plugin module augmentation
+          datalabels: {
+            labels: {
+              value: {
+                anchor: "end",
+                align: "end",
+                offset: 10,
+                clamp: false,
+                font: { weight: "bold", size: 14 },
+                color: FALLBACK_SECONDARY,
+                textAlign: "left",
+                // Returns array for multi-line: dollar value on line 1, blank on line 2
+                formatter: (v) => [formatDollar(v), ""]
+              },
+              name: {
+                anchor: "end",
+                align: "end",
+                offset: 10,
+                clamp: false,
+                font: { size: 12 },
+                color: FALLBACK_TICK,
+                textAlign: "left",
+                // Returns array for multi-line: blank on line 1, bar label on line 2
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                formatter: (_, ctx) => {
+                  var _a, _b;
+                  return [
+                    "",
+                    String((_b = (_a = ctx.chart.data.labels) == null ? void 0 : _a[ctx.dataIndex]) != null ? _b : "")
+                  ];
+                }
+              }
+            }
+          }
+        }
+      ]
+    };
+  }, [hasData, incomeVal, expenseVal, brandPrimary, brandSecondary]);
+  const options = useMemo(
+    () => ({
+      indexAxis: "y",
+      responsive: true,
+      maintainAspectRatio: false,
+      animation: { duration: 800, easing: "easeOutQuart" },
+      layout: {
+        // Right padding reserves space for the datalabels rendered outside the bar area
+        padding: { right: 180, left: 0, top: 10, bottom: 10 }
+      },
+      plugins: {
+        legend: { display: false },
+        tooltip: { enabled: false }
+      },
+      scales: {
+        y: {
+          display: true,
+          grid: { display: false },
+          border: { display: false },
+          ticks: { display: false }
+        },
+        x: {
+          display: true,
+          suggestedMax: maxVal * 1.3,
+          grid: { display: false },
+          border: { display: false },
+          ticks: { display: false }
+        }
+      }
+    }),
+    [maxVal]
+  );
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      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__ */ jsx(CardTitle, { className: "text-sm sm:text-base", children: title }) }),
+        /* @__PURE__ */ jsx(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex items-center justify-center text-muted-foreground",
+            style: { height, width: "100%" },
+            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__ */ jsx("div", { style: { height, width: "100%", position: "relative" }, children: /* @__PURE__ */ jsx(
+          Chart,
+          {
+            type: "bar",
+            data: chartData,
+            options,
+            plugins: [ChartDataLabels],
+            "aria-label": title
+          },
+          `${brandPrimary}__${brandSecondary}`
+        ) }) })
+      ]
+    }
+  );
+}
+
+export {
+  TransactionsIncomeExpenseBarChart
+};

package/dist/{chunk-FHNT55I5.mjs → chunk-KUDCQ4FI.mjs}

@@ -2,16 +2,16 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-MQ72DIBH.mjs";
+} from "./chunk-3GF7OVTP.mjs";
 import {
   Calendar
-} from "./chunk-3NQGYJEZ.mjs";
+} from "./chunk-P6AM5V7O.mjs";
 import {
   Button
-} from "./chunk-4AJ5HWHD.mjs";
+} from "./chunk-2I5S2AMY.mjs";
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __spreadProps,
   __spreadValues