@wealthx/shadcn 1.5.9 → 1.5.11

package/dist/components/ui/share-details-dialog.js

@@ -60,6 +60,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var share_details_dialog_exports = {};
 __export(share_details_dialog_exports, {
   EmailTemplateDialog: () => EmailTemplateDialog,
+  ShareContactDialog: () => ShareContactDialog,
   ShareDetailsDialog: () => ShareDetailsDialog
 });
 module.exports = __toCommonJS(share_details_dialog_exports);
@@ -485,18 +486,121 @@ function Textarea(_a) {
   );
 }
 
-// src/components/ui/share-details-dialog.tsx
+// src/components/ui/tabs.tsx
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_tabs = require("@base-ui/react/tabs");
 var import_jsx_runtime8 = require("react/jsx-runtime");
+function Tabs(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_tabs.Tabs.Root,
+    __spreadValues({
+      className: cn(
+        "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",
+        className
+      ),
+      "data-orientation": orientation,
+      "data-slot": "tabs"
+    }, props)
+  );
+}
+var tabsListVariants = (0, import_class_variance_authority3.cva)(
+  "group/tabs-list inline-flex w-fit items-center justify-center gap-1 rounded-none p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "bg-transparent p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function TabsList(_a) {
+  var _b = _a, {
+    className,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_tabs.Tabs.List,
+    __spreadValues({
+      className: cn(tabsListVariants({ variant }), className),
+      "data-slot": "tabs-list",
+      "data-variant": variant
+    }, props)
+  );
+}
+function TabsTrigger(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_tabs.Tabs.Tab,
+    __spreadValues({
+      className: cn(
+        // Base layout & typography
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap",
+        "rounded-none border border-transparent px-1.5 py-1 text-label-medium",
+        "text-muted-foreground transition-all",
+        // Vertical orientation
+        "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start",
+        // Hover & focus
+        "hover:text-foreground",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring",
+        // Disabled
+        "disabled:pointer-events-none disabled:opacity-50",
+        // Active state — Default variant: primary/10 bg + subtle shadow
+        // Base UI uses data-active attribute for the active/selected tab
+        "data-active:bg-primary/10 data-active:text-foreground",
+        "group-data-[variant=default]/tabs-list:data-active:shadow-sm",
+        // Active state — Line variant: suppress bg & shadow
+        "group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+        "group-data-[variant=line]/tabs-list:data-active:shadow-none",
+        // Indicator pseudo-element (visible only for Line variant, active state)
+        "after:absolute after:bg-primary after:opacity-0 after:transition-opacity",
+        "group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5",
+        "group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5",
+        "group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        // SVG icons
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      "data-slot": "tabs-trigger"
+    }, props)
+  );
+}
+function TabsContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_tabs.Tabs.Panel,
+    __spreadValues({
+      className: cn("flex-1 outline-none", className),
+      "data-slot": "tabs-content"
+    }, props)
+  );
+}
+
+// src/components/ui/share-details-dialog.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Field({
   id,
   label,
   required,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Label, { htmlFor: id, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Label, { htmlFor: id, children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ml-0.5 text-destructive", children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "ml-0.5 text-destructive", children: "*" })
     ] }),
     children
   ] });
@@ -517,17 +621,17 @@ function ShareDetailsDialog({
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogContent, { size: "md", className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogTitle, { children: "Share Contact Details" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogContent, { size: "md", className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogTitle, { children: "Share Contact Details" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
       "Share a secure link to",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-medium text-foreground", children: contactName }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "font-medium text-foreground", children: contactName }),
       "'s financial summary report."
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Field, { label: "Shareable link", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Field, { label: "Shareable link", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           Input,
           {
             readOnly: true,
@@ -536,7 +640,7 @@ function ShareDetailsDialog({
             onClick: (e) => e.target.select()
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           Button,
           {
             variant: "outline",
@@ -544,16 +648,16 @@ function ShareDetailsDialog({
             onClick: handleCopy,
             "aria-label": copied ? "Copied" : "Copy link",
             className: "shrink-0",
-            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.CheckIcon, { className: "size-4 text-success" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.CopyIcon, { className: "size-4" })
+            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.CheckIcon, { className: "size-4 text-success" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.CopyIcon, { className: "size-4" })
           }
         )
       ] }),
-      copied && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-success", children: "Link copied to clipboard!" })
+      copied && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-success", children: "Link copied to clipboard!" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Close" }),
-      onEmailLink && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { onClick: onEmailLink, disabled: isSendingEmail, children: isSendingEmail ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Spinner, { className: "size-3.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Close" }),
+      onEmailLink && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { onClick: onEmailLink, disabled: isSendingEmail, children: isSendingEmail ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Spinner, { className: "size-3.5" }),
         "Sending\u2026"
       ] }) : "Email link" })
     ] })
@@ -579,18 +683,18 @@ function EmailTemplateDialog({
     }
   }, [open, defaultSubject, defaultBody]);
   const canSend = subject.trim() !== "" && body.trim() !== "" && !isSending;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Dialog, { open, onOpenChange: isSending ? void 0 : onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogContent, { size: "lg", className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogTitle, { children: "Send Email" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Field, { label: "To", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 border border-border bg-muted/40 px-3 py-2 text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-medium text-foreground", children: contactName }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog, { open, onOpenChange: isSending ? void 0 : onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogContent, { size: "lg", className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogTitle, { children: "Send Email" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Field, { label: "To", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-2 border border-border bg-muted/40 px-3 py-2 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "font-medium text-foreground", children: contactName }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "text-muted-foreground", children: [
           "<",
           contactEmail,
           ">"
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Field, { id: "etd-subject", label: "Subject", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Field, { id: "etd-subject", label: "Subject", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         Input,
         {
           id: "etd-subject",
@@ -600,7 +704,7 @@ function EmailTemplateDialog({
           disabled: isSending
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Field, { id: "etd-body", label: "Message", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Field, { id: "etd-body", label: "Message", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         Textarea,
         {
           id: "etd-body",
@@ -612,8 +716,8 @@ function EmailTemplateDialog({
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         Button,
         {
           variant: "outline",
@@ -622,15 +726,207 @@ function EmailTemplateDialog({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { onClick: () => onSend({ subject, body }), disabled: !canSend, children: isSending ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Spinner, { className: "size-3.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { onClick: () => onSend({ subject, body }), disabled: !canSend, children: isSending ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Spinner, { className: "size-3.5" }),
         "Sending\u2026"
       ] }) : "Send Email" })
     ] })
   ] }) });
 }
+function ShareContactDialog({
+  open,
+  onOpenChange,
+  contactName,
+  internalAdvisors,
+  onShareInternal,
+  onShareExternal,
+  isSending = false,
+  className
+}) {
+  const [tab, setTab] = React3.useState("internal");
+  const [search, setSearch] = React3.useState("");
+  const [selectedId, setSelectedId] = React3.useState(null);
+  const [internalNotes, setInternalNotes] = React3.useState("");
+  const [firstName, setFirstName] = React3.useState("");
+  const [lastName, setLastName] = React3.useState("");
+  const [email, setEmail] = React3.useState("");
+  const [externalNotes, setExternalNotes] = React3.useState("");
+  function reset() {
+    setTab("internal");
+    setSearch("");
+    setSelectedId(null);
+    setInternalNotes("");
+    setFirstName("");
+    setLastName("");
+    setEmail("");
+    setExternalNotes("");
+  }
+  function handleOpenChange(v) {
+    if (!v) reset();
+    onOpenChange(v);
+  }
+  const filtered = internalAdvisors.filter((a) => {
+    const q = search.toLowerCase();
+    return a.name.toLowerCase().includes(q) || a.role.toLowerCase().includes(q);
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Dialog, { open, onOpenChange: isSending ? void 0 : handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogContent, { size: "md", className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogTitle, { children: "Share Contact's Information" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+      "Share",
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "font-medium text-foreground", children: contactName }),
+      "'s information with an advisor."
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Tabs, { value: tab, onValueChange: setTab, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(TabsList, { className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TabsTrigger, { value: "internal", className: "flex-1", children: "Internal Advisor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TabsTrigger, { value: "external", className: "flex-1", children: "External / Referral" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(TabsContent, { value: "internal", className: "mt-4 flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Field, { label: "Search Advisor", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          Input,
+          {
+            placeholder: "Search by name or role\u2026",
+            value: search,
+            onChange: (e) => setSearch(e.target.value)
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "max-h-[200px] overflow-y-auto border border-border divide-y divide-border", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No advisors found." }) : filtered.map((a) => {
+          const isSelected = selectedId === a.id;
+          return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setSelectedId(a.id),
+              className: cn(
+                "flex w-full items-center gap-3 px-3 py-2.5 text-left transition-colors hover:bg-muted/40",
+                isSelected && "bg-primary/5"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  "div",
+                  {
+                    className: cn(
+                      "flex size-4 shrink-0 items-center justify-center rounded-full border-2",
+                      isSelected ? "border-primary" : "border-border bg-background"
+                    ),
+                    children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "size-2 rounded-full bg-primary" })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium", children: a.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+                    a.role,
+                    " \xB7 ",
+                    a.practice
+                  ] })
+                ] })
+              ]
+            },
+            a.id
+          );
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Field, { id: "sc-int-notes", label: "Notes", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          Textarea,
+          {
+            id: "sc-int-notes",
+            placeholder: "Optional message for the advisor\u2026",
+            rows: 3,
+            value: internalNotes,
+            onChange: (e) => setInternalNotes(e.target.value),
+            disabled: isSending
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(TabsContent, { value: "external", className: "mt-4 flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Field, { id: "sc-first", label: "First Name", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            Input,
+            {
+              id: "sc-first",
+              placeholder: "First name",
+              value: firstName,
+              onChange: (e) => setFirstName(e.target.value),
+              disabled: isSending
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Field, { id: "sc-last", label: "Last Name", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            Input,
+            {
+              id: "sc-last",
+              placeholder: "Last name",
+              value: lastName,
+              onChange: (e) => setLastName(e.target.value),
+              disabled: isSending
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Field, { id: "sc-email", label: "Email", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          Input,
+          {
+            id: "sc-email",
+            type: "email",
+            placeholder: "advisor@company.com.au",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            disabled: isSending
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Field, { id: "sc-ext-notes", label: "Notes", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          Textarea,
+          {
+            id: "sc-ext-notes",
+            placeholder: "Optional message\u2026",
+            rows: 3,
+            value: externalNotes,
+            onChange: (e) => setExternalNotes(e.target.value),
+            disabled: isSending
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => handleOpenChange(false),
+          disabled: isSending,
+          children: "Cancel"
+        }
+      ),
+      tab === "internal" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        Button,
+        {
+          onClick: () => onShareInternal(selectedId, internalNotes),
+          disabled: !selectedId || isSending,
+          children: isSending ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Spinner, { className: "size-3.5" }),
+            "Sharing\u2026"
+          ] }) : "Share Contact"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        Button,
+        {
+          onClick: () => onShareExternal({
+            firstName,
+            lastName,
+            email,
+            notes: externalNotes
+          }),
+          disabled: !email || isSending,
+          children: isSending ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Spinner, { className: "size-3.5" }),
+            "Sending\u2026"
+          ] }) : "Send Invite"
+        }
+      )
+    ] })
+  ] }) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   EmailTemplateDialog,
+  ShareContactDialog,
   ShareDetailsDialog
 });

package/dist/components/ui/share-details-dialog.mjs

@@ -1,8 +1,10 @@
 import {
   EmailTemplateDialog,
+  ShareContactDialog,
   ShareDetailsDialog
-} from "../../chunk-OZ2R6ERP.mjs";
+} from "../../chunk-3KLJ4XRE.mjs";
 import "../../chunk-JVMXMFBB.mjs";
+import "../../chunk-WE4YKBDE.mjs";
 import "../../chunk-BS75ICOO.mjs";
 import "../../chunk-LI2CTS5O.mjs";
 import "../../chunk-P7CEBZM6.mjs";
@@ -15,5 +17,6 @@ import "../../chunk-AFML43VJ.mjs";
 import "../../chunk-WNQUEZJF.mjs";
 export {
   EmailTemplateDialog,
+  ShareContactDialog,
   ShareDetailsDialog
 };

package/dist/components/ui/stage-timeline.js

@@ -263,7 +263,7 @@ Slot.displayName = "Slot";
 // src/components/ui/badge.tsx
 var import_jsx_runtime3 = 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: {

package/dist/components/ui/stage-timeline.mjs

@@ -1,12 +1,12 @@
 import {
   StageTimeline
-} from "../../chunk-IQGKOT7A.mjs";
-import "../../chunk-2WCIORP7.mjs";
+} from "../../chunk-K35TFQUB.mjs";
+import "../../chunk-EXI64H46.mjs";
 import "../../chunk-JPGL36WQ.mjs";
 import "../../chunk-IKXYTCSB.mjs";
 import "../../chunk-JVMXMFBB.mjs";
 import "../../chunk-PNSYFE3K.mjs";
-import "../../chunk-WL6WVV47.mjs";
+import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-UNACI2YK.mjs";
 import "../../chunk-R4HCRDU5.mjs";
 import "../../chunk-AFML43VJ.mjs";