@wealthx/shadcn 1.4.1 → 1.5.0

package/dist/{chunk-FEZKMUCF.mjs → chunk-WDTXHLYM.mjs}

@@ -1,7 +1,7 @@
 import {
   getContrastText,
   hexToOklch
-} from "./chunk-QOJ2DQD6.mjs";
+} from "./chunk-S4CTM3UE.mjs";
 
 // src/lib/theme-provider.tsx
 import { createContext, useContext, useMemo } from "react";

package/dist/chunk-WUA546RX.mjs

@@ -0,0 +1,129 @@
+import {
+  Checkbox
+} from "./chunk-IKXYTCSB.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  Label
+} from "./chunk-P7CEBZM6.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/review-alerts-dialog.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SEVERITY_CONFIG = {
+  NEED_ACTION: { dot: "bg-destructive", text: "text-destructive" },
+  WATCH: { dot: "bg-warning", text: "text-warning" },
+  INSIGHT: { dot: "bg-success", text: "text-success" }
+};
+function ReviewAlertsDialog({
+  open,
+  onOpenChange,
+  alerts,
+  onSave,
+  className
+}) {
+  const [markDone, setMarkDone] = React.useState(false);
+  const [snooze, setSnooze] = React.useState(false);
+  const activeAlert = alerts.find((a) => !a.dismissed && !a.snoozedUntil);
+  React.useEffect(() => {
+    if (open) {
+      setMarkDone(false);
+      setSnooze(false);
+    }
+  }, [open, activeAlert == null ? void 0 : activeAlert.id]);
+  const canSave = (markDone || snooze) && !!activeAlert;
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "sm", className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Alerts" }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: alerts.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No alerts for this contact." }) : alerts.map((alert) => {
+      const { dot, text } = SEVERITY_CONFIG[alert.severityCode];
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center gap-2",
+            alert.id !== (activeAlert == null ? void 0 : activeAlert.id) && "opacity-40"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": true,
+                className: cn(
+                  "inline-block size-2 shrink-0 rounded-full",
+                  dot
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: cn("text-sm font-medium", text), children: alert.name })
+          ]
+        },
+        alert.id
+      );
+    }) }),
+    activeAlert && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Actions" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id: "alert-mark-done",
+            checked: markDone,
+            onCheckedChange: (v) => setMarkDone(!!v)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Label,
+          {
+            htmlFor: "alert-mark-done",
+            className: "cursor-pointer font-normal",
+            children: "Mark as done (will reset in 6 months)"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id: "alert-snooze",
+            checked: snooze,
+            onCheckedChange: (v) => setSnooze(!!v)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Label,
+          {
+            htmlFor: "alert-snooze",
+            className: "cursor-pointer font-normal",
+            children: "Snooze for 30 days"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          disabled: !canSave,
+          onClick: () => onSave(activeAlert.id, { markDone, snooze }),
+          children: "Save"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+export {
+  ReviewAlertsDialog
+};

package/dist/chunk-XHGISOX5.mjs

@@ -0,0 +1,257 @@
+import {
+  Switch
+} from "./chunk-PNSYFE3K.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "./chunk-UNACI2YK.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/category-edit-dialog.tsx
+import { useEffect, useState } from "react";
+import { Check, Search } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ItemIcon({
+  icon,
+  active
+}) {
+  if (!icon) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "shrink-0",
+        active ? "text-primary" : "text-muted-foreground"
+      ),
+      children: icon
+    }
+  );
+}
+function CategoryRow({
+  name,
+  icon,
+  isSelected,
+  indent = false,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "flex w-full items-center gap-2 text-left text-body-small transition-colors hover:bg-muted",
+        indent ? "py-2 pl-9 pr-4" : "px-4 py-2.5",
+        isSelected && "bg-primary/10"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(ItemIcon, { icon, active: isSelected }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1", children: name }),
+        isSelected && /* @__PURE__ */ jsx(Check, { className: "size-3.5 shrink-0 text-primary" })
+      ]
+    }
+  );
+}
+function CategoryEditDialog({
+  open,
+  onOpenChange,
+  transactionDescription,
+  currentCategoryId,
+  categories,
+  onSave
+}) {
+  const [search, setSearch] = useState("");
+  const [selected, setSelected] = useState(currentCategoryId != null ? currentCategoryId : "");
+  const [applyToFuture, setApplyToFuture] = useState(false);
+  const [openItem, setOpenItem] = useState("");
+  useEffect(() => {
+    var _a;
+    if (!open) return;
+    setSelected(currentCategoryId != null ? currentCategoryId : "");
+    setSearch("");
+    setApplyToFuture(false);
+    const parent = categories.find(
+      (c) => {
+        var _a2;
+        return c.id === currentCategoryId || ((_a2 = c.subCategories) == null ? void 0 : _a2.some((s) => s.id === currentCategoryId));
+      }
+    );
+    setOpenItem((_a = parent == null ? void 0 : parent.id) != null ? _a : "");
+  }, [open, currentCategoryId, categories]);
+  const q = search.toLowerCase();
+  const filtered = categories.filter(
+    (c) => {
+      var _a;
+      return !q || c.name.toLowerCase().includes(q) || ((_a = c.subCategories) == null ? void 0 : _a.some((s) => s.name.toLowerCase().includes(q)));
+    }
+  );
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "sm", className: "gap-0 p-0", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "px-5 pt-5 pb-3", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Change Category" }),
+      transactionDescription && /* @__PURE__ */ jsx("p", { className: "truncate text-caption text-muted-foreground", children: transactionDescription })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "px-4 pb-3", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Search categories\u2026",
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          className: "h-8 pl-8 text-body-small"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto border-y border-border", children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-8 text-center text-caption text-muted-foreground", children: "No categories found" }) : q ? (
+      // Search mode — flat list, no animation
+      filtered.map((cat) => {
+        var _a, _b, _c;
+        const hasChildren = ((_b = (_a = cat.subCategories) == null ? void 0 : _a.length) != null ? _b : 0) > 0;
+        const matchingChildren = (_c = cat.subCategories) == null ? void 0 : _c.filter(
+          (s) => s.name.toLowerCase().includes(q)
+        );
+        return /* @__PURE__ */ jsxs("div", { children: [
+          (!hasChildren || cat.name.toLowerCase().includes(q)) && (hasChildren ? (
+            // Non-selectable group header
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-2.5 text-body-small", children: [
+              /* @__PURE__ */ jsx(ItemIcon, { icon: cat.icon, active: false }),
+              /* @__PURE__ */ jsx("span", { className: "flex-1 text-muted-foreground", children: cat.name })
+            ] })
+          ) : /* @__PURE__ */ jsx(
+            CategoryRow,
+            {
+              name: cat.name,
+              icon: cat.icon,
+              isSelected: selected === cat.id,
+              onClick: () => setSelected(cat.id)
+            }
+          )),
+          matchingChildren == null ? void 0 : matchingChildren.map((sub) => /* @__PURE__ */ jsx(
+            CategoryRow,
+            {
+              name: sub.name,
+              icon: sub.icon,
+              isSelected: selected === sub.id,
+              indent: true,
+              onClick: () => setSelected(sub.id)
+            },
+            sub.id
+          ))
+        ] }, cat.id);
+      })
+    ) : (
+      // Browse mode — accordion with animated expand/collapse
+      /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          type: "single",
+          collapsible: true,
+          value: openItem,
+          onValueChange: (v) => setOpenItem(v != null ? v : ""),
+          children: filtered.map((cat) => {
+            var _a, _b;
+            if (((_b = (_a = cat.subCategories) == null ? void 0 : _a.length) != null ? _b : 0) > 0) {
+              return /* @__PURE__ */ jsxs(
+                AccordionItem,
+                {
+                  value: cat.id,
+                  className: "border-b border-border last:border-0",
+                  children: [
+                    /* @__PURE__ */ jsxs(AccordionTrigger, { className: "gap-2 px-4 py-2.5 text-body-small hover:bg-muted hover:no-underline [&>svg:last-child]:size-3.5 [&>svg:last-child]:text-muted-foreground", children: [
+                      /* @__PURE__ */ jsx(ItemIcon, { icon: cat.icon, active: false }),
+                      /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: cat.name })
+                    ] }),
+                    /* @__PURE__ */ jsx(AccordionContent, { className: "p-0 text-current", children: cat.subCategories.map((sub) => /* @__PURE__ */ jsx(
+                      CategoryRow,
+                      {
+                        name: sub.name,
+                        icon: sub.icon,
+                        isSelected: selected === sub.id,
+                        indent: true,
+                        onClick: () => setSelected(sub.id)
+                      },
+                      sub.id
+                    )) })
+                  ]
+                },
+                cat.id
+              );
+            }
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "border-b border-border last:border-0",
+                children: /* @__PURE__ */ jsx(
+                  CategoryRow,
+                  {
+                    name: cat.name,
+                    icon: cat.icon,
+                    isSelected: selected === cat.id,
+                    onClick: () => setSelected(cat.id)
+                  }
+                )
+              },
+              cat.id
+            );
+          })
+        }
+      )
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 px-4 py-3", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-caption text-muted-foreground", children: "Apply to all future transactions from this merchant" }),
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: applyToFuture,
+          onCheckedChange: setApplyToFuture,
+          className: "shrink-0"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 px-4 pb-4", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "flex-1",
+          onClick: () => onOpenChange(false),
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          className: "flex-1",
+          disabled: !selected || selected === currentCategoryId,
+          onClick: () => {
+            onSave(selected, applyToFuture);
+            onOpenChange(false);
+          },
+          children: "Save"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+export {
+  CategoryEditDialog
+};

package/dist/chunk-XIY5DJXI.mjs

@@ -0,0 +1,168 @@
+import {
+  Spinner
+} from "./chunk-JVMXMFBB.mjs";
+import {
+  Dialog,
+  DialogContent
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/bank-statement-pdf-viewer.tsx
+import { useEffect, useMemo, useRef, useState } from "react";
+import { ChevronLeft, ChevronRight, Download, X } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function BankStatementPDFViewer({
+  open,
+  onClose,
+  pdfBlob,
+  pdfFilename,
+  accounts,
+  currentAccountIndex,
+  onAccountChange,
+  className
+}) {
+  var _a, _b;
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const previousUrlRef = useRef(null);
+  const pdfUrl = useMemo(() => {
+    if (!pdfBlob) return null;
+    return `${URL.createObjectURL(pdfBlob)}#toolbar=0`;
+  }, [pdfBlob]);
+  useEffect(() => {
+    return () => {
+      if (pdfUrl) {
+        URL.revokeObjectURL(pdfUrl.split("#")[0]);
+      }
+    };
+  }, [pdfUrl]);
+  useEffect(() => {
+    if (!pdfUrl) {
+      setLoading(false);
+      return;
+    }
+    if (previousUrlRef.current !== pdfUrl) {
+      previousUrlRef.current = pdfUrl;
+      setLoading(true);
+      setError(null);
+    }
+    const timer = setTimeout(() => setLoading(false), 2e3);
+    return () => clearTimeout(timer);
+  }, [pdfUrl, currentAccountIndex]);
+  const canGoPrev = currentAccountIndex > 0;
+  const canGoNext = currentAccountIndex < accounts.length - 1;
+  const currentAccount = accounts[currentAccountIndex];
+  const accountLabel = (_b = (_a = currentAccount == null ? void 0 : currentAccount.name) != null ? _a : currentAccount == null ? void 0 : currentAccount.institutionName) != null ? _b : "Account";
+  const handleDownload = () => {
+    if (!pdfBlob) return;
+    const filename = pdfFilename != null ? pdfFilename : "bank-statement.pdf";
+    const url = URL.createObjectURL(pdfBlob);
+    const anchor = document.createElement("a");
+    anchor.href = url;
+    anchor.download = filename;
+    document.body.appendChild(anchor);
+    anchor.click();
+    document.body.removeChild(anchor);
+    URL.revokeObjectURL(url);
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      showCloseButton: false,
+      className: cn(
+        "flex h-[95vh] max-h-[95vh] w-[95vw] max-w-[95vw] flex-col gap-0 p-0",
+        className
+      ),
+      "data-slot": "bank-statement-pdf-viewer",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-between border-b border-border px-3 py-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": "Previous account",
+                onClick: () => onAccountChange(currentAccountIndex - 1),
+                disabled: !canGoPrev,
+                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "text-body-medium tabular-nums", children: [
+              "Account ",
+              currentAccountIndex + 1,
+              " of ",
+              accounts.length
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": "Next account",
+                onClick: () => onAccountChange(currentAccountIndex + 1),
+                disabled: !canGoNext,
+                children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "ml-2 text-body-medium text-muted-foreground", children: accountLabel })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": "Download PDF",
+                onClick: handleDownload,
+                disabled: !pdfBlob,
+                children: /* @__PURE__ */ jsx(Download, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": "Close viewer",
+                onClick: onClose,
+                children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "relative flex flex-1 items-start justify-center overflow-auto bg-muted", children: !pdfBlob ? /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx("p", { className: "text-body-medium text-muted-foreground", children: "No PDF document available" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          loading && /* @__PURE__ */ jsxs("div", { className: "absolute left-1/2 top-1/2 z-10 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Spinner, {}),
+            /* @__PURE__ */ jsx("p", { className: "text-body-medium text-muted-foreground", children: "Loading PDF\u2026" })
+          ] }),
+          error && !loading && /* @__PURE__ */ jsx("div", { className: "absolute left-1/2 top-1/2 z-10 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx("p", { className: "text-body-medium text-destructive", children: error }) }),
+          /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              src: pdfUrl != null ? pdfUrl : void 0,
+              className: "min-h-full w-full max-w-[1000px] border-none transition-opacity duration-300",
+              style: { opacity: loading ? 0 : 1 },
+              title: "Bank Statement PDF",
+              onLoad: () => setLoading(false),
+              onError: () => {
+                setLoading(false);
+                setError("Failed to load PDF");
+              }
+            },
+            pdfUrl != null ? pdfUrl : "no-url"
+          )
+        ] }) })
+      ]
+    }
+  ) });
+}
+
+export {
+  BankStatementPDFViewer
+};

package/dist/{chunk-TOWTPLRC.mjs → chunk-XN37434W.mjs}

@@ -1,3 +1,6 @@
+import {
+  TablePagination
+} from "./chunk-GNER6MCO.mjs";
 import {
   Table,
   TableBody,
@@ -6,25 +9,22 @@ import {
   TableHeader,
   TableRow
 } from "./chunk-GT3RU6GA.mjs";
-import {
-  TablePagination
-} from "./chunk-FTPBQVQ6.mjs";
 import {
   Checkbox
 } from "./chunk-IKXYTCSB.mjs";
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";
-import {
-  Input
-} from "./chunk-LBTHZSBT.mjs";
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-P2N2PEFY.mjs";
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";
@@ -76,7 +76,7 @@ function AddLeadModal({
     });
   }
   const totalPages = Math.max(1, Math.ceil(total / pageSize));
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: isSubmitting ? void 0 : onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "2xl", align: "top", className, children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: isSubmitting ? void 0 : onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "2xl", className, children: [
     /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Add Lead" }) }),
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),

package/dist/{chunk-KLTACJ2G.mjs → chunk-XTWAJWCQ.mjs}

@@ -24,7 +24,7 @@ import {
 } from "./chunk-3VDET466.mjs";
 import {
   useThemeVars
-} from "./chunk-FEZKMUCF.mjs";
+} from "./chunk-WDTXHLYM.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";