@wealthx/shadcn 1.4.1 → 1.5.0

package/dist/chunk-QHJDGB54.mjs

@@ -0,0 +1,135 @@
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-6SR4K5T5.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+import {
+  colorMixSwatch
+} from "./chunk-S4CTM3UE.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/editable-money-item.tsx
+import { useRef, useState } from "react";
+import { Info, Pencil } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EditableMoneyItem({
+  label,
+  value,
+  color,
+  fillOpacity = 0.4,
+  tooltip,
+  onEdit,
+  numericValue,
+  onValueChange,
+  className
+}) {
+  const [editing, setEditing] = useState(false);
+  const [draft, setDraft] = useState("");
+  const inputRef = useRef(null);
+  const inlineMode = numericValue !== void 0 && onValueChange !== void 0;
+  const hasEditAction = inlineMode || Boolean(onEdit);
+  const startEditing = () => {
+    if (!inlineMode) {
+      onEdit == null ? void 0 : onEdit();
+      return;
+    }
+    setDraft(String(numericValue != null ? numericValue : 0));
+    setEditing(true);
+    setTimeout(() => {
+      var _a;
+      return (_a = inputRef.current) == null ? void 0 : _a.select();
+    }, 0);
+  };
+  const commitEdit = () => {
+    const parsed = Number(draft.replace(/[^0-9.-]/g, ""));
+    onValueChange == null ? void 0 : onValueChange(isNaN(parsed) ? 0 : parsed);
+    setEditing(false);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") commitEdit();
+    if (e.key === "Escape") setEditing(false);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex items-center justify-between gap-3 py-2", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: "h-5 w-5 shrink-0 border",
+              style: {
+                borderColor: color,
+                backgroundColor: colorMixSwatch(color, fillOpacity)
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-foreground", children: label }),
+          tooltip && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "More info",
+                className: "shrink-0 text-muted-foreground transition-colors hover:text-foreground",
+                children: /* @__PURE__ */ jsx(Info, { size: 14 })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { className: "max-w-xs text-xs", children: tooltip }) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          editing && inlineMode ? /* @__PURE__ */ jsx(
+            Input,
+            {
+              ref: inputRef,
+              autoFocus: true,
+              value: draft,
+              onChange: (e) => setDraft(e.target.value),
+              onBlur: commitEdit,
+              onKeyDown: handleKeyDown,
+              className: "h-7 w-28 text-right text-base font-semibold tabular-nums"
+            }
+          ) : /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              disabled: !hasEditAction,
+              onClick: inlineMode ? startEditing : void 0,
+              className: cn(
+                "text-base font-semibold tabular-nums text-foreground",
+                inlineMode && "cursor-text hover:opacity-70"
+              ),
+              children: value
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Edit value",
+              onClick: startEditing,
+              className: cn(
+                "p-1 transition-colors",
+                hasEditAction ? "text-muted-foreground hover:text-foreground" : "invisible pointer-events-none"
+              ),
+              children: /* @__PURE__ */ jsx(Pencil, { size: 14 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  EditableMoneyItem
+};

package/dist/chunk-QQSOZQOC.mjs

@@ -0,0 +1,27 @@
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/application-mobile-layout.tsx
+import { jsx } from "react/jsx-runtime";
+function ApplicationMobileLayout({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "min-h-screen bg-background font-sans",
+        // On desktop, center and cap the width so it doesn't span the full screen
+        "md:flex md:items-start md:justify-center md:py-8",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: "w-full md:max-w-2xl", children })
+    }
+  );
+}
+
+export {
+  ApplicationMobileLayout
+};

package/dist/chunk-RUX3OLVZ.mjs

@@ -0,0 +1,59 @@
+import {
+  formatCurrency
+} from "./chunk-MN5NYQCL.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/property-list-carousel.tsx
+import { Plus } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PropertyCard({ item }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col gap-1.5 border border-border p-3 w-44", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: item.address }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold tabular-nums text-foreground", children: formatCurrency(item.value) }),
+    item.loanBalance !== void 0 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground tabular-nums", children: [
+      "Loan: ",
+      formatCurrency(item.loanBalance)
+    ] })
+  ] });
+}
+function PropertyListCarousel({
+  properties,
+  type,
+  onAddProperty,
+  className
+}) {
+  const showAddButton = type === "property" && onAddProperty;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex gap-2 overflow-x-auto pb-1 scrollbar-none",
+        className
+      ),
+      children: [
+        properties.map((property) => /* @__PURE__ */ jsx(PropertyCard, { item: property }, property.id)),
+        showAddButton && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            onClick: onAddProperty,
+            className: "shrink-0 h-auto w-44 flex-col gap-1.5 border-dashed p-3 text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs", children: "Add Property" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  PropertyListCarousel
+};

package/dist/{chunk-QOJ2DQD6.mjs → chunk-S4CTM3UE.mjs}

@@ -29,6 +29,10 @@ function getContrastText(backgroundColor) {
   const luminance = getLuminance(backgroundColor);
   return luminance > 0.179 ? CONTRAST_DARK : CONTRAST_LIGHT;
 }
+function colorMixSwatch(color, fillOpacity = 0.15) {
+  const percent = Math.round(fillOpacity * 100);
+  return `color-mix(in srgb, ${color} ${percent}%, transparent)`;
+}
 function hexToOklch(hex) {
   const [r, g, b] = hexToRgb(hex);
   const rl = linearizeSrgb(r);
@@ -53,5 +57,6 @@ export {
   hexToRgb,
   getLuminance,
   getContrastText,
+  colorMixSwatch,
   hexToOklch
 };

package/dist/{chunk-ZEDMKQK2.mjs → chunk-TAX3KL66.mjs}

@@ -1,6 +1,6 @@
 import {
   useThemeVars
-} from "./chunk-FEZKMUCF.mjs";
+} from "./chunk-WDTXHLYM.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/chunk-TC43SMIN.mjs

@@ -0,0 +1,133 @@
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "./chunk-GT3RU6GA.mjs";
+import {
+  Checkbox
+} from "./chunk-IKXYTCSB.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/bank-statement-document-table.tsx
+import { Download, Trash2 } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function BankStatementDocumentTable({
+  title,
+  documents,
+  selectedIds,
+  onToggle,
+  onToggleAll,
+  onDownloadAll,
+  onView,
+  onDownload,
+  onDelete,
+  isLoading = false,
+  isDeleting = false,
+  className
+}) {
+  const areAllSelected = documents.length > 0 && selectedIds.length === documents.length;
+  const isIndeterminate = selectedIds.length > 0 && !areAllSelected;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex flex-col gap-2", className),
+      "data-slot": "bank-statement-document-table",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-body-large font-semibold", children: title }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: onDownloadAll,
+              disabled: selectedIds.length === 0,
+              children: "Download All"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableHead, { className: "w-10", children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: areAllSelected,
+                indeterminate: isIndeterminate,
+                onCheckedChange: onToggleAll,
+                "aria-label": "Select all",
+                disabled: isLoading || documents.length === 0
+              }
+            ) }),
+            /* @__PURE__ */ jsx(TableHead, { children: "Name" }),
+            /* @__PURE__ */ jsx(TableHead, { children: "Type" }),
+            /* @__PURE__ */ jsx(TableHead, { children: "Date" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "w-20", children: "Action" })
+          ] }) }),
+          /* @__PURE__ */ jsx(TableBody, { children: isLoading ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 5, className: "py-8 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-body-medium text-muted-foreground", children: "Loading documents\u2026" }) }) }) : documents.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 5, className: "py-8 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-body-medium text-muted-foreground", children: "No documents found" }) }) }) : documents.map((doc) => /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: selectedIds.includes(doc.id),
+                onCheckedChange: () => onToggle(doc.id),
+                "aria-label": `Select ${doc.name}`
+              }
+            ) }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: cn(
+                  "text-body-medium max-w-[360px] overflow-hidden text-ellipsis whitespace-nowrap font-semibold align-bottom inline-block",
+                  doc.hasDownload && doc.statementReady ? "cursor-pointer text-primary hover:underline" : "cursor-default"
+                ),
+                onClick: () => {
+                  if (doc.hasDownload && doc.statementReady) {
+                    onView(doc);
+                  }
+                },
+                children: doc.name
+              }
+            ) }),
+            /* @__PURE__ */ jsx(TableCell, { children: doc.type }),
+            /* @__PURE__ */ jsx(TableCell, { children: doc.updatedDate }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: doc.hasDownload && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  "aria-label": "Download",
+                  onClick: () => onDownload(doc),
+                  disabled: !doc.statementReady,
+                  children: /* @__PURE__ */ jsx(Download, { className: "size-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  "aria-label": "Delete",
+                  onClick: () => onDelete(doc),
+                  disabled: !doc.statementReady || isDeleting,
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+                }
+              )
+            ] }) }) })
+          ] }, doc.id)) })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  BankStatementDocumentTable
+};

package/dist/chunk-TGVXRD53.mjs

@@ -0,0 +1,174 @@
+import {
+  Spinner
+} from "./chunk-JVMXMFBB.mjs";
+import {
+  Textarea
+} from "./chunk-BS75ICOO.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  Label
+} from "./chunk-P7CEBZM6.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+
+// src/components/ui/share-details-dialog.tsx
+import * as React from "react";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Field({
+  id,
+  label,
+  required,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsxs(Label, { htmlFor: id, children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-destructive", children: "*" })
+    ] }),
+    children
+  ] });
+}
+function ShareDetailsDialog({
+  open,
+  onOpenChange,
+  contactName,
+  shareUrl,
+  onEmailLink,
+  isSendingEmail = false,
+  className
+}) {
+  const [copied, setCopied] = React.useState(false);
+  function handleCopy() {
+    navigator.clipboard.writeText(shareUrl).catch(() => {
+    });
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "md", className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Share Contact Details" }) }),
+    /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+      "Share a secure link to",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: contactName }),
+      "'s financial summary report."
+    ] }),
+    /* @__PURE__ */ jsxs(Field, { label: "Shareable link", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            readOnly: true,
+            value: shareUrl,
+            className: "flex-1 font-mono text-xs text-muted-foreground",
+            onClick: (e) => e.target.select()
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            onClick: handleCopy,
+            "aria-label": copied ? "Copied" : "Copy link",
+            className: "shrink-0",
+            children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 text-success" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-4" })
+          }
+        )
+      ] }),
+      copied && /* @__PURE__ */ jsx("p", { className: "text-xs text-success", children: "Link copied to clipboard!" })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Close" }),
+      onEmailLink && /* @__PURE__ */ jsx(Button, { onClick: onEmailLink, disabled: isSendingEmail, children: isSendingEmail ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
+        "Sending\u2026"
+      ] }) : "Email link" })
+    ] })
+  ] }) });
+}
+function EmailTemplateDialog({
+  open,
+  onOpenChange,
+  contactName,
+  contactEmail,
+  defaultSubject = "",
+  defaultBody = "",
+  onSend,
+  isSending = false,
+  className
+}) {
+  const [subject, setSubject] = React.useState(defaultSubject);
+  const [body, setBody] = React.useState(defaultBody);
+  React.useEffect(() => {
+    if (open) {
+      setSubject(defaultSubject);
+      setBody(defaultBody);
+    }
+  }, [open, defaultSubject, defaultBody]);
+  const canSend = subject.trim() !== "" && body.trim() !== "" && !isSending;
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: isSending ? void 0 : onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "lg", className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Send Email" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx(Field, { label: "To", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border border-border bg-muted/40 px-3 py-2 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: contactName }),
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          "<",
+          contactEmail,
+          ">"
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(Field, { id: "etd-subject", label: "Subject", required: true, children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "etd-subject",
+          placeholder: "Email subject",
+          value: subject,
+          onChange: (e) => setSubject(e.target.value),
+          disabled: isSending
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { id: "etd-body", label: "Message", required: true, children: /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id: "etd-body",
+          rows: 8,
+          placeholder: "Write your message here\u2026",
+          value: body,
+          onChange: (e) => setBody(e.target.value),
+          disabled: isSending
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          disabled: isSending,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { onClick: () => onSend({ subject, body }), disabled: !canSend, children: isSending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
+        "Sending\u2026"
+      ] }) : "Send Email" })
+    ] })
+  ] }) });
+}
+
+export {
+  ShareDetailsDialog,
+  EmailTemplateDialog
+};

package/dist/{chunk-K5VHK7CM.mjs → chunk-TLYSVRSK.mjs}

@@ -2,14 +2,8 @@ import {
   Skeleton
 } from "./chunk-GTAVSBDO.mjs";
 import {
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from "./chunk-RSUIPKGX.mjs";
+  PaginationNavButtons
+} from "./chunk-GNER6MCO.mjs";
 import {
   Table,
   TableBody,
@@ -18,9 +12,6 @@ import {
   TableHeader,
   TableRow
 } from "./chunk-GT3RU6GA.mjs";
-import {
-  PaginationNavButtons
-} from "./chunk-FTPBQVQ6.mjs";
 import {
   Checkbox
 } from "./chunk-IKXYTCSB.mjs";
@@ -30,7 +21,16 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-ZEDMKQK2.mjs";
+} from "./chunk-TAX3KL66.mjs";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "./chunk-HNDTLT5X.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/{chunk-YCWLFG27.mjs → chunk-TOIVHWNC.mjs}

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