@wealthx/shadcn 1.3.0 → 1.3.1

package/dist/chunk-MLNEWRWV.mjs

@@ -0,0 +1,449 @@
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-6JQFUE5I.mjs";
+import {
+  formatCurrency
+} from "./chunk-MN5NYQCL.mjs";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem
+} from "./chunk-MARPPFOJ.mjs";
+import {
+  Button
+} from "./chunk-XREGSKX3.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/sidebar-nav.tsx
+import * as React from "react";
+import {
+  ChevronDown,
+  ChevronRight,
+  Info,
+  LogOut,
+  PanelLeftClose,
+  PanelLeftOpen
+} from "lucide-react";
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getInitials(name) {
+  return name.split(" ").filter(Boolean).map((word) => word[0]).join("").toUpperCase().slice(0, 2);
+}
+function navIconCn(isActive) {
+  return cn(
+    "shrink-0 transition-colors",
+    isActive ? "text-primary" : "text-brand-secondary-foreground/50 group-hover:text-brand-secondary-foreground"
+  );
+}
+function NavTooltip({ label, collapsed, children }) {
+  if (!collapsed) return children;
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { render: children }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: label })
+  ] });
+}
+function MetricsGroup({ group }) {
+  return /* @__PURE__ */ jsx("div", { className: "border-b border-white/15 py-4 px-5 flex flex-col gap-1.5", children: group.items.map((item) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center justify-between gap-2",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 min-w-0", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-sm truncate text-brand-secondary-foreground/80",
+                item.isNetItem && "font-semibold text-brand-secondary-foreground border-b-2 border-primary pb-px"
+              ),
+              children: item.name
+            }
+          ),
+          item.info && /* @__PURE__ */ jsx(
+            Info,
+            {
+              size: 11,
+              strokeWidth: 2,
+              className: "shrink-0 text-brand-secondary-foreground/50"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "text-sm font-semibold tabular-nums shrink-0 text-brand-secondary-foreground",
+              item.isNetItem && item.value < 0 && "text-destructive"
+            ),
+            children: formatCurrency(item.value, { showSign: item.isNetItem })
+          }
+        )
+      ]
+    },
+    item.name
+  )) });
+}
+function SidebarNavItemView({
+  item,
+  collapsed,
+  onNavigate
+}) {
+  var _a;
+  const Icon = item.icon;
+  return /* @__PURE__ */ jsx(NavTooltip, { label: item.title, collapsed, children: /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      onClick: () => onNavigate == null ? void 0 : onNavigate(item.href),
+      className: cn(
+        "group h-auto w-full items-center gap-3 py-2.5 text-base font-medium transition-colors",
+        "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground",
+        collapsed ? "justify-center px-2" : cn(
+          "justify-start px-3 border-l-4",
+          item.isActive ? "bg-white/15 text-brand-secondary-foreground border-primary" : "border-transparent"
+        )
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: navIconCn((_a = item.isActive) != null ? _a : false),
+            size: 24,
+            strokeWidth: 1.75
+          }
+        ),
+        !collapsed && /* @__PURE__ */ jsx("span", { className: "truncate", children: item.title })
+      ]
+    }
+  ) });
+}
+function CollapsibleNavItem({
+  item,
+  collapsed,
+  onNavigate
+}) {
+  var _a, _b;
+  const Icon = item.icon;
+  const hasActiveChild = (_b = (_a = item.subItems) == null ? void 0 : _a.some((sub) => sub.isActive)) != null ? _b : false;
+  const [open, setOpen] = React.useState(hasActiveChild);
+  React.useEffect(() => {
+    if (hasActiveChild) setOpen(true);
+  }, [hasActiveChild]);
+  if (collapsed) {
+    return /* @__PURE__ */ jsx(NavTooltip, { label: item.title, collapsed, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        onClick: () => onNavigate == null ? void 0 : onNavigate(item.href),
+        className: cn(
+          "group h-auto w-full justify-center px-2 py-2.5 transition-colors",
+          "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground",
+          hasActiveChild && "bg-white/15 text-brand-secondary-foreground"
+        ),
+        children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: navIconCn(hasActiveChild),
+            size: 24,
+            strokeWidth: 1.75
+          }
+        )
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(
+    Accordion,
+    {
+      value: open ? [item.href] : [],
+      onValueChange: (values) => setOpen(values.length > 0),
+      children: /* @__PURE__ */ jsxs(AccordionItem, { className: "border-none", value: item.href, children: [
+        /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+          AccordionPrimitive.Trigger,
+          {
+            className: cn(
+              "group flex h-auto w-full items-center justify-start gap-3 px-3 py-2.5 text-base font-medium transition-colors",
+              "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground",
+              "border-l-4 border-transparent",
+              hasActiveChild && "bg-white/15 text-brand-secondary-foreground border-primary"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  className: navIconCn(hasActiveChild),
+                  size: 24,
+                  strokeWidth: 1.75
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children: item.title }),
+              /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  className: cn(
+                    "ml-auto shrink-0 text-brand-secondary-foreground/40 transition-transform duration-200",
+                    "group-data-[panel-open]:rotate-180"
+                  ),
+                  size: 14,
+                  strokeWidth: 2
+                }
+              )
+            ]
+          }
+        ) }),
+        item.subItems && /* @__PURE__ */ jsx(AccordionContent, { className: "p-0 text-inherit", children: /* @__PURE__ */ jsx("div", { className: "ml-9 border-l border-white/15 pl-3", children: item.subItems.map((sub) => /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            onClick: () => onNavigate == null ? void 0 : onNavigate(sub.href),
+            className: cn(
+              "h-auto w-full justify-start gap-2 py-1.5 pl-1 text-sm transition-colors",
+              "text-brand-secondary-foreground/50 hover:text-brand-secondary-foreground",
+              sub.isActive && "text-primary font-medium"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                ChevronRight,
+                {
+                  size: 11,
+                  strokeWidth: 2,
+                  className: cn(
+                    "shrink-0",
+                    sub.isActive ? "text-primary" : "text-brand-secondary-foreground/30"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: sub.title })
+            ]
+          },
+          sub.href
+        )) }) })
+      ] })
+    }
+  );
+}
+function SidebarNav({
+  items,
+  userName = "Anonymous User",
+  collapsed = false,
+  logo,
+  logoCollapsed,
+  metricsGroups,
+  onNavigate,
+  onLogout,
+  onCollapsedChange,
+  className
+}) {
+  const [userMenuOpen, setUserMenuOpen] = React.useState(false);
+  const navScrollRef = React.useRef(null);
+  const expandedScrollRef = React.useRef(0);
+  React.useEffect(() => {
+    if (collapsed) setUserMenuOpen(false);
+  }, [collapsed]);
+  React.useLayoutEffect(() => {
+    const nav = navScrollRef.current;
+    if (!nav) return;
+    if (!collapsed) {
+      nav.scrollTop = expandedScrollRef.current;
+    }
+    return () => {
+      if (!collapsed && nav) {
+        expandedScrollRef.current = nav.scrollTop;
+      }
+    };
+  }, [collapsed]);
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      "data-slot": "sidebar-nav",
+      "data-collapsed": collapsed,
+      className: cn(
+        // Force dark-mode CSS variable resolution — sidebar is always dark-backgrounded
+        // regardless of system theme, so semantic tokens (destructive, success, etc.)
+        // must use their dark-mode values to maintain WCAG contrast.
+        "dark flex h-full flex-col bg-brand-secondary text-brand-secondary-foreground",
+        "transition-all duration-200 ease-in-out",
+        collapsed ? "w-14" : "w-[279px]",
+        className
+      ),
+      children: [
+        (logo || logoCollapsed) && /* @__PURE__ */ jsxs("div", { className: "relative flex items-center border-b border-white/15 py-4 overflow-hidden", children: [
+          logo && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: logo,
+              alt: "Logo",
+              className: cn(
+                "h-8 w-auto object-contain object-left px-5 transition-opacity duration-200",
+                collapsed ? "opacity-0" : "opacity-100"
+              ),
+              style: { filter: "brightness(0) invert(1)" }
+            }
+          ),
+          logoCollapsed && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: logoCollapsed,
+              alt: "Logo",
+              className: cn(
+                "absolute inset-y-0 left-0 right-0 m-auto h-8 w-8 object-contain transition-opacity duration-200",
+                collapsed ? "opacity-100" : "opacity-0"
+              ),
+              style: { filter: "brightness(0) invert(1)" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "relative border-b border-white/15", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                collapsed ? "opacity-0 pointer-events-none" : "opacity-100"
+              ),
+              children: /* @__PURE__ */ jsx(
+                Accordion,
+                {
+                  value: userMenuOpen ? ["user-menu"] : [],
+                  onValueChange: (values) => setUserMenuOpen(values.length > 0),
+                  children: /* @__PURE__ */ jsxs(AccordionItem, { className: "border-none", value: "user-menu", children: [
+                    /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+                      AccordionPrimitive.Trigger,
+                      {
+                        className: cn(
+                          "group flex h-auto w-full items-center justify-start gap-3 px-5 py-5 text-base transition-colors",
+                          "text-brand-secondary-foreground hover:bg-white/10"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center font-semibold text-xs bg-primary text-primary-foreground", children: getInitials(userName) }),
+                          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left font-medium text-brand-secondary-foreground", children: userName }),
+                          /* @__PURE__ */ jsx(
+                            ChevronDown,
+                            {
+                              className: "ml-auto shrink-0 text-brand-secondary-foreground/50 transition-transform duration-200 group-data-[panel-open]:rotate-180",
+                              size: 16,
+                              strokeWidth: 2
+                            }
+                          )
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(AccordionContent, { className: "p-0 text-inherit", children: /* @__PURE__ */ jsx("div", { className: "border-t border-white/15 bg-black/20", children: /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        onClick: onLogout,
+                        className: cn(
+                          "h-auto w-full justify-start gap-3 px-5 py-3 text-base",
+                          "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground transition-colors"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            LogOut,
+                            {
+                              size: 16,
+                              strokeWidth: 1.75,
+                              className: "shrink-0 text-destructive"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("span", { children: "Logout" })
+                        ]
+                      }
+                    ) }) })
+                  ] })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(NavTooltip, { label: userName, collapsed, children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "absolute inset-0 flex items-center justify-center transition-opacity duration-200",
+                collapsed ? "opacity-100" : "opacity-0 pointer-events-none"
+              ),
+              children: /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center font-semibold text-xs bg-primary text-primary-foreground", children: getInitials(userName) })
+            }
+          ) })
+        ] }),
+        !!(metricsGroups == null ? void 0 : metricsGroups.length) && /* @__PURE__ */ jsx(
+          Accordion,
+          {
+            value: !collapsed ? ["metrics"] : [],
+            onValueChange: () => {
+            },
+            children: /* @__PURE__ */ jsx(AccordionItem, { className: "border-none", value: "metrics", children: /* @__PURE__ */ jsx(AccordionContent, { className: "p-0 text-inherit", children: metricsGroups.map((group, i) => /* @__PURE__ */ jsx(MetricsGroup, { group }, i)) }) })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { ref: navScrollRef, className: "flex flex-col overflow-y-auto py-3", children: items.map(
+          (item) => item.isCollapsible ? /* @__PURE__ */ jsx(
+            CollapsibleNavItem,
+            {
+              item,
+              collapsed,
+              onNavigate
+            },
+            item.href
+          ) : /* @__PURE__ */ jsx(
+            SidebarNavItemView,
+            {
+              item,
+              collapsed,
+              onNavigate
+            },
+            item.href
+          )
+        ) }),
+        onCollapsedChange && /* @__PURE__ */ jsx("div", { className: "mt-auto border-t border-white/15 bg-white/8", children: /* @__PURE__ */ jsx(
+          NavTooltip,
+          {
+            label: collapsed ? "Expand" : "Collapse",
+            collapsed,
+            children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                onClick: () => onCollapsedChange(!collapsed),
+                className: cn(
+                  "h-12 w-full justify-start gap-3 px-3 py-3 transition-colors",
+                  "text-brand-secondary-foreground/80 hover:bg-white/10 hover:text-brand-secondary-foreground",
+                  collapsed && "justify-center px-2"
+                ),
+                children: [
+                  collapsed ? /* @__PURE__ */ jsx(
+                    PanelLeftOpen,
+                    {
+                      size: 24,
+                      strokeWidth: 1.75,
+                      className: "shrink-0"
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    PanelLeftClose,
+                    {
+                      size: 24,
+                      strokeWidth: 1.75,
+                      className: "shrink-0"
+                    }
+                  ),
+                  !collapsed && /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Collapse" })
+                ]
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+
+export {
+  SidebarNav
+};

package/dist/{chunk-FNQXOAYJ.mjs → chunk-Q2BGOAMG.mjs}

@@ -14,13 +14,15 @@ import {
 } from "./chunk-XREGSKX3.mjs";
 
 // src/components/ui/advisor-card.tsx
+import React from "react";
 import {
   Calendar,
   CalendarCheck,
   ChevronRight,
   Mail,
   MoreVertical,
-  Phone
+  Phone,
+  Plus
 } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var STATUS_VARIANT = {
@@ -46,31 +48,34 @@ function AdvisorCard({
   role,
   phone,
   email,
+  companyName,
   companyLogoUrl,
   avatarInitials,
   isPrimary = false,
-  appointment,
+  appointments,
   onRefer,
   onMoreOptions,
   onBookAppointment,
   onViewAppointment
 }) {
+  const hasAppointments = appointments !== void 0;
+  const appointmentList = appointments === null || Array.isArray(appointments) && appointments.length === 0 ? null : appointments;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col border border-border bg-card", children: [
     /* @__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 : name.slice(0, 2).toUpperCase() })
+        /* @__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__ */ 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__ */ jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(Phone, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm 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-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(Mail, { className: "h-3 w-3 shrink-0" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4 shrink-0" }),
             /* @__PURE__ */ jsx("span", { children: email })
           ] })
         ] })
@@ -90,14 +95,14 @@ function AdvisorCard({
         )
       ] })
     ] }),
-    appointment !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+    hasAppointments && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Separator, {}),
-      appointment ? (
-        /* Has appointment */
+      appointmentList ? appointmentList.map((appt, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        i > 0 && /* @__PURE__ */ jsx(Separator, {}),
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: `flex items-center gap-3 px-4 py-3 ${STRIP_BG[appointment.status]}`,
+            className: `flex items-center gap-3 px-4 py-3 ${STRIP_BG[appt.status]}`,
             children: [
               /* @__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: [
@@ -105,19 +110,19 @@ function AdvisorCard({
                   /* @__PURE__ */ jsx(
                     Badge,
                     {
-                      variant: STATUS_VARIANT[appointment.status],
+                      variant: STATUS_VARIANT[appt.status],
                       className: "text-[10px]",
-                      children: STATUS_LABEL[appointment.status]
+                      children: STATUS_LABEL[appt.status]
                     }
                   ),
-                  appointment.appointmentType && /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: appointment.appointmentType })
+                  appt.appointmentType && /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold", children: appt.appointmentType })
                 ] }),
-                /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-                  appointment.date,
+                /* @__PURE__ */ jsxs("p", { className: "whitespace-nowrap text-sm text-muted-foreground", children: [
+                  appt.date,
                   " \xB7 ",
-                  appointment.timeStart,
+                  appt.timeStart,
                   "\u2013",
-                  appointment.timeEnd
+                  appt.timeEnd
                 ] })
               ] }),
               onViewAppointment && /* @__PURE__ */ jsxs(
@@ -126,7 +131,7 @@ function AdvisorCard({
                   variant: "ghost",
                   size: "sm",
                   className: "h-7 shrink-0 gap-1 px-2 text-xs",
-                  onClick: onViewAppointment,
+                  onClick: () => onViewAppointment(i),
                   children: [
                     "View",
                     /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3" })
@@ -136,8 +141,8 @@ function AdvisorCard({
             ]
           }
         )
-      ) : (
-        /* No appointment */
+      ] }, i)) : (
+        /* 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" })
@@ -145,25 +150,53 @@ function AdvisorCard({
       )
     ] }),
     /* @__PURE__ */ jsx(Separator, {}),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 px-4 py-3", children: [
       onBookAppointment && /* @__PURE__ */ jsx(
         Button,
         {
           variant: "outline-primary",
           size: "sm",
+          className: "w-full",
           onClick: onBookAppointment,
           children: "Book Appointment"
         }
       ),
-      onRefer && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onRefer, children: [
-        "Refer ",
-        name,
-        " to Others"
-      ] })
+      onRefer && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "w-full",
+          onClick: onRefer,
+          children: [
+            "Refer ",
+            name,
+            " to Others"
+          ]
+        }
+      )
     ] })
   ] });
 }
+function AdvisorInviteCard({ onInvite }) {
+  return /* @__PURE__ */ 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__ */ 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" })
+        ] })
+      ]
+    }
+  );
+}
 
 export {
-  AdvisorCard
+  AdvisorCard,
+  AdvisorInviteCard
 };