@wealthx/shadcn 1.5.10 → 1.5.11

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

package/dist/components/ui/advisor-card.js

@@ -63,7 +63,7 @@ __export(advisor_card_exports, {
   AdvisorInviteCard: () => AdvisorInviteCard
 });
 module.exports = __toCommonJS(advisor_card_exports);
-var import_react2 = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 
 // src/components/ui/badge.tsx
 var import_class_variance_authority = require("class-variance-authority");
@@ -157,7 +157,7 @@ Slot.displayName = "Slot";
 // src/components/ui/badge.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority.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: {
@@ -350,9 +350,78 @@ function Separator(_a) {
   );
 }
 
-// src/components/ui/advisor-card.tsx
+// src/components/ui/dropdown-menu.tsx
 var import_lucide_react2 = require("lucide-react");
+var import_menu = require("@base-ui/react/menu");
+
+// src/lib/theme-provider.tsx
+var import_react2 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var ThemeVarsContext = (0, import_react2.createContext)({});
+function useThemeVars() {
+  return (0, import_react2.useContext)(ThemeVarsContext);
+}
+
+// src/components/ui/dropdown-menu.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function DropdownMenu(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+}
+function DropdownMenuTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Trigger, __spreadValues({ "data-slot": "dropdown-menu-trigger" }, props));
+}
+function DropdownMenuContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 4,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Positioner, { sideOffset, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_menu.Menu.Popup,
+    __spreadValues({
+      className: cn(
+        "z-50 min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-none border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+        className
+      ),
+      "data-slot": "dropdown-menu-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props)
+  ) }) });
+}
+function DropdownMenuItem(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "variant"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_menu.Menu.Item,
+    __spreadValues({
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-body-small outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
+        className
+      ),
+      "data-inset": inset,
+      "data-slot": "dropdown-menu-item",
+      "data-variant": variant
+    }, props)
+  );
+}
+
+// src/components/ui/advisor-card.tsx
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var STATUS_VARIANT = {
   pending: "warning",
   confirmed: "success",
@@ -382,35 +451,62 @@ function AdvisorCard({
   isPrimary = false,
   appointments,
   onRefer,
+  menuItems,
   onMoreOptions,
   onBookAppointment,
   onViewAppointment
 }) {
   const hasAppointments = appointments !== void 0;
   const appointmentList = appointments === null || Array.isArray(appointments) && appointments.length === 0 ? null : appointments;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col border border-border bg-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-start gap-4 p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Avatar, { className: "h-10 w-10 shrink-0", children: [
-        companyLogoUrl && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarImage, { src: companyLogoUrl, alt: `${name} company logo` }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.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() })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col border border-border bg-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-start gap-4 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Avatar, { className: "h-10 w-10 shrink-0", children: [
+        companyLogoUrl && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarImage, { src: companyLogoUrl, alt: `${name} company logo` }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.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__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-semibold leading-tight", children: name }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground", children: role }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mt-2 flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Phone, { className: "h-4 w-4 shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: phone })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-label-large leading-tight", children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-body-small text-muted-foreground", children: role }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mt-2 flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-1.5 text-body-small text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Phone, { className: "h-4 w-4 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: phone })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Mail, { className: "h-4 w-4 shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: email })
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-1.5 text-body-small text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Mail, { className: "h-4 w-4 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: email })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex shrink-0 items-center gap-1.5", children: [
-        isPrimary && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Badge, { variant: "success", children: "Primary" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex shrink-0 items-center gap-1.5", children: [
+        isPrimary && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "success", children: "Primary" }),
+        menuItems && menuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DropdownMenu, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            DropdownMenuTrigger,
+            {
+              render: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-7 w-7",
+                  "aria-label": "More options"
+                }
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.MoreVertical, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenuContent, { align: "end", children: menuItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            DropdownMenuItem,
+            {
+              variant: item.variant,
+              disabled: item.disabled,
+              onClick: item.onClick,
+              children: item.label
+            },
+            i
+          )) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           Button,
           {
             variant: "ghost",
@@ -418,34 +514,27 @@ function AdvisorCard({
             className: "h-7 w-7",
             onClick: onMoreOptions,
             "aria-label": "More options",
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.MoreVertical, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.MoreVertical, { className: "h-4 w-4" })
           }
         )
       ] })
     ] }),
-    hasAppointments && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Separator, {}),
-      appointmentList ? appointmentList.map((appt, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react2.default.Fragment, { children: [
-        i > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Separator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    hasAppointments && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Separator, {}),
+      appointmentList ? appointmentList.map((appt, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react3.default.Fragment, { children: [
+        i > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           "div",
           {
             className: `flex items-center gap-3 px-4 py-3 ${STRIP_BG[appt.status]}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.CalendarCheck, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                    Badge,
-                    {
-                      variant: STATUS_VARIANT[appt.status],
-                      className: "text-[10px]",
-                      children: STATUS_LABEL[appt.status]
-                    }
-                  ),
-                  appt.appointmentType && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "truncate text-sm font-semibold", children: appt.appointmentType })
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.CalendarCheck, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: STATUS_VARIANT[appt.status], children: STATUS_LABEL[appt.status] }),
+                  appt.appointmentType && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate text-h6", children: appt.appointmentType })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "whitespace-nowrap text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "whitespace-nowrap text-body-small text-muted-foreground", children: [
                   appt.date,
                   " \xB7 ",
                   appt.timeStart,
@@ -453,7 +542,7 @@ function AdvisorCard({
                   appt.timeEnd
                 ] })
               ] }),
-              onViewAppointment && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+              onViewAppointment && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
                 Button,
                 {
                   variant: "ghost",
@@ -462,7 +551,7 @@ function AdvisorCard({
                   onClick: () => onViewAppointment(i),
                   children: [
                     "View",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.ChevronRight, { className: "h-3 w-3" })
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.ChevronRight, { className: "h-3 w-3" })
                   ]
                 }
               )
@@ -471,15 +560,15 @@ function AdvisorCard({
         )
       ] }, i)) : (
         /* Empty state */
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Calendar, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "flex-1 text-xs text-muted-foreground", children: "No upcoming appointments" })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Calendar, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "flex-1 text-caption text-muted-foreground", children: "No upcoming appointments" })
         ] })
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 px-4 py-3", children: [
-      onBookAppointment && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Separator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col gap-2 px-4 py-3", children: [
+      onBookAppointment && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         Button,
         {
           variant: "outline-primary",
@@ -489,10 +578,10 @@ function AdvisorCard({
           children: "Book Appointment"
         }
       ),
-      onRefer && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      onRefer && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
         Button,
         {
-          variant: "outline",
+          variant: "default",
           size: "sm",
           className: "w-full",
           onClick: onRefer,
@@ -507,17 +596,17 @@ function AdvisorCard({
   ] });
 }
 function AdvisorInviteCard({ onInvite }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     Button,
     {
       variant: "ghost",
       onClick: onInvite,
       className: "flex h-auto w-full flex-col items-center justify-center gap-3 border border-dashed border-border bg-card p-8 text-center transition-colors hover:bg-muted/40",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex h-10 w-10 items-center justify-center border border-dashed border-muted-foreground/40", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Plus, { className: "h-5 w-5 text-muted-foreground" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-medium", children: "Add Another Advisor" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-muted-foreground", children: "Connect more advisors to your account" })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex h-10 w-10 items-center justify-center border border-dashed border-muted-foreground/40", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Plus, { className: "h-5 w-5 text-muted-foreground" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-label-large", children: "Add Another Advisor" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-caption text-muted-foreground", children: "Connect more advisors to your account" })
         ] })
       ]
     }