@wealthx/shadcn 1.5.9 → 1.5.11

package/dist/{chunk-KWD6GANL.mjs → chunk-MPA2HV5U.mjs}

@@ -1,6 +1,6 @@
 import {
   badgeVariants
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-5LZZYODG.mjs → chunk-QHAMVWDG.mjs}

@@ -48,6 +48,7 @@ import {
 
 // src/components/ui/contact-alert-dialog/contact-alert-dialog.tsx
 import * as React2 from "react";
+import { AlertCircleIcon, EyeIcon, InfoIcon } from "lucide-react";
 import {
   Query,
   Utils as QbUtils4
@@ -837,7 +838,24 @@ function ContactAlertDialog({
           size: "sm",
           value: severity,
           onValueChange: (v) => v && setSeverity(v),
-          children: ["NEED_ACTION", "WATCH", "HEALTHY"].map((s) => /* @__PURE__ */ jsx2(ToggleGroupItem, { value: s, children: SEVERITY_LABELS[s] }, s))
+          children: ["NEED_ACTION", "WATCH", "HEALTHY"].map((s) => /* @__PURE__ */ jsxs2(
+            ToggleGroupItem,
+            {
+              value: s,
+              className: cn(
+                s === "NEED_ACTION" && "data-pressed:bg-destructive/10 data-pressed:inset-ring-destructive data-pressed:text-destructive-text data-pressed:hover:bg-destructive/10",
+                s === "WATCH" && "data-pressed:bg-warning/10 data-pressed:inset-ring-warning data-pressed:text-warning-text data-pressed:hover:bg-warning/10",
+                s === "HEALTHY" && "data-pressed:bg-info/10 data-pressed:inset-ring-info data-pressed:text-info-text data-pressed:hover:bg-info/10"
+              ),
+              children: [
+                s === "NEED_ACTION" && /* @__PURE__ */ jsx2(AlertCircleIcon, { className: "size-3.5" }),
+                s === "WATCH" && /* @__PURE__ */ jsx2(EyeIcon, { className: "size-3.5" }),
+                s === "HEALTHY" && /* @__PURE__ */ jsx2(InfoIcon, { className: "size-3.5" }),
+                SEVERITY_LABELS[s]
+              ]
+            },
+            s
+          ))
         }
       )
     ] }),

package/dist/{chunk-XUCDPAVI.mjs → chunk-R6U246E4.mjs}

@@ -1,7 +1,7 @@
 import {
   AppointmentConfirmDialog,
   AppointmentRescheduleDialog
-} from "./chunk-AANINK2B.mjs";
+} from "./chunk-2KNQZG5S.mjs";
 import {
   Sheet,
   SheetContent
@@ -15,7 +15,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-VCDGLN25.mjs → chunk-S6AYZJYO.mjs}

@@ -1,3 +1,9 @@
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "./chunk-H5DTKPJ2.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";
@@ -8,7 +14,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";
@@ -54,6 +60,7 @@ function AdvisorCard({
   isPrimary = false,
   appointments,
   onRefer,
+  menuItems,
   onMoreOptions,
   onBookAppointment,
   onViewAppointment
@@ -64,17 +71,17 @@ function AdvisorCard({
     /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 p-4", children: [
       /* @__PURE__ */ jsxs(Avatar, { className: "h-10 w-10 shrink-0", children: [
         companyLogoUrl && /* @__PURE__ */ jsx(AvatarImage, { src: companyLogoUrl, alt: `${name} company logo` }),
-        /* @__PURE__ */ jsx(AvatarFallback, { className: "text-sm", children: avatarInitials != null ? avatarInitials : companyName ? companyName.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase() : name.slice(0, 2).toUpperCase() })
+        /* @__PURE__ */ jsx(AvatarFallback, { className: "text-caption", children: avatarInitials != null ? avatarInitials : companyName ? companyName.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase() : name.slice(0, 2).toUpperCase() })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold leading-tight", children: name }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: role }),
+        /* @__PURE__ */ jsx("p", { className: "text-label-large leading-tight", children: name }),
+        /* @__PURE__ */ jsx("p", { className: "text-body-small text-muted-foreground", children: role }),
         /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-body-small text-muted-foreground", children: [
             /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4 shrink-0" }),
             /* @__PURE__ */ jsx("span", { children: phone })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-body-small text-muted-foreground", children: [
             /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4 shrink-0" }),
             /* @__PURE__ */ jsx("span", { children: email })
           ] })
@@ -82,7 +89,33 @@ function AdvisorCard({
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [
         isPrimary && /* @__PURE__ */ jsx(Badge, { variant: "success", children: "Primary" }),
-        /* @__PURE__ */ jsx(
+        menuItems && menuItems.length > 0 ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx(
+            DropdownMenuTrigger,
+            {
+              render: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-7 w-7",
+                  "aria-label": "More options"
+                }
+              ),
+              children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: menuItems.map((item, i) => /* @__PURE__ */ jsx(
+            DropdownMenuItem,
+            {
+              variant: item.variant,
+              disabled: item.disabled,
+              onClick: item.onClick,
+              children: item.label
+            },
+            i
+          )) })
+        ] }) : /* @__PURE__ */ jsx(
           Button,
           {
             variant: "ghost",
@@ -107,17 +140,10 @@ function AdvisorCard({
               /* @__PURE__ */ jsx(CalendarCheck, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
               /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(
-                    Badge,
-                    {
-                      variant: STATUS_VARIANT[appt.status],
-                      className: "text-[10px]",
-                      children: STATUS_LABEL[appt.status]
-                    }
-                  ),
-                  appt.appointmentType && /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold", children: appt.appointmentType })
+                  /* @__PURE__ */ jsx(Badge, { variant: STATUS_VARIANT[appt.status], children: STATUS_LABEL[appt.status] }),
+                  appt.appointmentType && /* @__PURE__ */ jsx("span", { className: "truncate text-h6", children: appt.appointmentType })
                 ] }),
-                /* @__PURE__ */ jsxs("p", { className: "whitespace-nowrap text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ jsxs("p", { className: "whitespace-nowrap text-body-small text-muted-foreground", children: [
                   appt.date,
                   " \xB7 ",
                   appt.timeStart,
@@ -145,7 +171,7 @@ function AdvisorCard({
         /* Empty state */
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
           /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsx("p", { className: "flex-1 text-xs text-muted-foreground", children: "No upcoming appointments" })
+          /* @__PURE__ */ jsx("p", { className: "flex-1 text-caption text-muted-foreground", children: "No upcoming appointments" })
         ] })
       )
     ] }),
@@ -164,7 +190,7 @@ function AdvisorCard({
       onRefer && /* @__PURE__ */ jsxs(
         Button,
         {
-          variant: "outline",
+          variant: "default",
           size: "sm",
           className: "w-full",
           onClick: onRefer,
@@ -188,8 +214,8 @@ function AdvisorInviteCard({ onInvite }) {
       children: [
         /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center border border-dashed border-muted-foreground/40", children: /* @__PURE__ */ jsx(Plus, { className: "h-5 w-5 text-muted-foreground" }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Add Another Advisor" }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Connect more advisors to your account" })
+          /* @__PURE__ */ jsx("p", { className: "text-label-large", children: "Add Another Advisor" }),
+          /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground", children: "Connect more advisors to your account" })
         ] })
       ]
     }

package/dist/{chunk-WL6WVV47.mjs → chunk-X6RC5UWB.mjs}

@@ -13,7 +13,7 @@ import {
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 var badgeVariants = cva(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {

package/dist/{chunk-4BHDDLWK.mjs → chunk-XAS6KBIG.mjs}

@@ -1,6 +1,6 @@
 import {
   AppointmentSlotSection
-} from "./chunk-FRT3S72S.mjs";
+} from "./chunk-CQ7HKBEX.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";
@@ -22,7 +22,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Calendar
 } from "./chunk-FBNEIYSE.mjs";

package/dist/{chunk-VWZS32ZQ.mjs → chunk-XYWEGBAA.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-LI2CTS5O.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-54MTIKNC.mjs → chunk-YV7XF32X.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskCheckItem
-} from "./chunk-2WCIORP7.mjs";
+} from "./chunk-EXI64H46.mjs";
 import {
   Progress
 } from "./chunk-JPGL36WQ.mjs";
@@ -16,7 +16,7 @@ import {
 } from "./chunk-2GIYVERS.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   formatDateDayMonth,
   formatDateShort
@@ -47,6 +47,8 @@ import {
   Users,
   Calendar,
   Check,
+  Copy,
+  Link2,
   MoreVertical,
   Clock,
   ArrowRight,
@@ -574,6 +576,45 @@ function OpportunityCard({
     }
   );
 }
+function normalizeUrl(url) {
+  return `https://${url.replace(/^https?:\/\//, "")}`;
+}
+function LoanApplicationLink({ url }) {
+  const [copied, setCopied] = useState(false);
+  const href = normalizeUrl(url);
+  function handleCopy() {
+    navigator.clipboard.writeText(href).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground", children: "Or the link below to fill out the loan application directly." }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx(Link2, { className: "size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noreferrer",
+          className: "min-w-0 flex-1 truncate text-body-small text-primary underline-offset-2 hover:underline",
+          children: url
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleCopy,
+          className: "shrink-0 rounded p-1 text-muted-foreground transition-colors hover:text-foreground",
+          "aria-label": "Copy link",
+          children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-4 text-success-text" }) : /* @__PURE__ */ jsx(Copy, { className: "size-4" })
+        }
+      )
+    ] })
+  ] });
+}
 function LeadCard({
   customerName,
   customerPhone,
@@ -596,13 +637,13 @@ function LeadCard({
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: customerName }),
-            customerPhone && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsx(Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "text-label-medium text-foreground", children: customerName }),
+            customerPhone && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-caption text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Phone, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
               customerPhone
             ] }),
-            customerEmail && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsx(Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+            customerEmail && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-caption text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Mail, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
               /* @__PURE__ */ jsx("span", { className: "truncate", children: customerEmail })
             ] })
           ] }),
@@ -641,23 +682,7 @@ function LeadCard({
               children: "Send Loan Application Request"
             }
           ),
-          loanApplicationUrl && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-            "Or the link below to fill out the loan application directly.",
-            /* @__PURE__ */ jsx("br", {}),
-            /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: `https://${loanApplicationUrl.replace(
-                  /^https?:\/\//,
-                  ""
-                )}`,
-                target: "_blank",
-                rel: "noreferrer",
-                className: "text-primary underline-offset-2 hover:underline",
-                children: loanApplicationUrl
-              }
-            )
-          ] })
+          loanApplicationUrl && /* @__PURE__ */ jsx(LoanApplicationLink, { url: loanApplicationUrl })
         ] })
       ]
     }

package/dist/{chunk-E5EDZQ5J.mjs → chunk-ZA44WICP.mjs}

@@ -1,6 +1,6 @@
 import {
   KanbanColumn
-} from "./chunk-3CGM3QXQ.mjs";
+} from "./chunk-AKWN5ZQG.mjs";
 import {
   ToggleGroup,
   ToggleGroupItem

package/dist/{chunk-54TRNCID.mjs → chunk-ZMTCMP2G.mjs}

@@ -1,10 +1,3 @@
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from "./chunk-H5DTKPJ2.mjs";
 import {
   Tooltip,
   TooltipContent,
@@ -16,6 +9,13 @@ import {
   TabsList,
   TabsTrigger
 } from "./chunk-WE4YKBDE.mjs";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "./chunk-H5DTKPJ2.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";
@@ -36,7 +36,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   ToggleGroup,
   ToggleGroupItem