@wealthx/shadcn 1.5.10 → 1.5.11

package/dist/chunk-3KLJ4XRE.mjs

@@ -0,0 +1,375 @@
+import {
+  Spinner
+} from "./chunk-JVMXMFBB.mjs";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+} from "./chunk-WE4YKBDE.mjs";
+import {
+  Textarea
+} from "./chunk-BS75ICOO.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-LI2CTS5O.mjs";
+import {
+  Label
+} from "./chunk-P7CEBZM6.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/share-details-dialog.tsx
+import * as React from "react";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Field({
+  id,
+  label,
+  required,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsxs(Label, { htmlFor: id, children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-destructive", children: "*" })
+    ] }),
+    children
+  ] });
+}
+function ShareDetailsDialog({
+  open,
+  onOpenChange,
+  contactName,
+  shareUrl,
+  onEmailLink,
+  isSendingEmail = false,
+  className
+}) {
+  const [copied, setCopied] = React.useState(false);
+  function handleCopy() {
+    navigator.clipboard.writeText(shareUrl).catch(() => {
+    });
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "md", className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Share Contact Details" }) }),
+    /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+      "Share a secure link to",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: contactName }),
+      "'s financial summary report."
+    ] }),
+    /* @__PURE__ */ jsxs(Field, { label: "Shareable link", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            readOnly: true,
+            value: shareUrl,
+            className: "flex-1 font-mono text-xs text-muted-foreground",
+            onClick: (e) => e.target.select()
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            onClick: handleCopy,
+            "aria-label": copied ? "Copied" : "Copy link",
+            className: "shrink-0",
+            children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 text-success" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-4" })
+          }
+        )
+      ] }),
+      copied && /* @__PURE__ */ jsx("p", { className: "text-xs text-success", children: "Link copied to clipboard!" })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Close" }),
+      onEmailLink && /* @__PURE__ */ jsx(Button, { onClick: onEmailLink, disabled: isSendingEmail, children: isSendingEmail ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
+        "Sending\u2026"
+      ] }) : "Email link" })
+    ] })
+  ] }) });
+}
+function EmailTemplateDialog({
+  open,
+  onOpenChange,
+  contactName,
+  contactEmail,
+  defaultSubject = "",
+  defaultBody = "",
+  onSend,
+  isSending = false,
+  className
+}) {
+  const [subject, setSubject] = React.useState(defaultSubject);
+  const [body, setBody] = React.useState(defaultBody);
+  React.useEffect(() => {
+    if (open) {
+      setSubject(defaultSubject);
+      setBody(defaultBody);
+    }
+  }, [open, defaultSubject, defaultBody]);
+  const canSend = subject.trim() !== "" && body.trim() !== "" && !isSending;
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: isSending ? void 0 : onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "lg", className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Send Email" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx(Field, { label: "To", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border border-border bg-muted/40 px-3 py-2 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: contactName }),
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          "<",
+          contactEmail,
+          ">"
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(Field, { id: "etd-subject", label: "Subject", required: true, children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "etd-subject",
+          placeholder: "Email subject",
+          value: subject,
+          onChange: (e) => setSubject(e.target.value),
+          disabled: isSending
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { id: "etd-body", label: "Message", required: true, children: /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id: "etd-body",
+          rows: 8,
+          placeholder: "Write your message here\u2026",
+          value: body,
+          onChange: (e) => setBody(e.target.value),
+          disabled: isSending
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          disabled: isSending,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { onClick: () => onSend({ subject, body }), disabled: !canSend, children: isSending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
+        "Sending\u2026"
+      ] }) : "Send Email" })
+    ] })
+  ] }) });
+}
+function ShareContactDialog({
+  open,
+  onOpenChange,
+  contactName,
+  internalAdvisors,
+  onShareInternal,
+  onShareExternal,
+  isSending = false,
+  className
+}) {
+  const [tab, setTab] = React.useState("internal");
+  const [search, setSearch] = React.useState("");
+  const [selectedId, setSelectedId] = React.useState(null);
+  const [internalNotes, setInternalNotes] = React.useState("");
+  const [firstName, setFirstName] = React.useState("");
+  const [lastName, setLastName] = React.useState("");
+  const [email, setEmail] = React.useState("");
+  const [externalNotes, setExternalNotes] = React.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__ */ jsx(Dialog, { open, onOpenChange: isSending ? void 0 : handleOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "md", className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Share Contact's Information" }) }),
+    /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+      "Share",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: contactName }),
+      "'s information with an advisor."
+    ] }),
+    /* @__PURE__ */ jsxs(Tabs, { value: tab, onValueChange: setTab, children: [
+      /* @__PURE__ */ jsxs(TabsList, { className: "w-full", children: [
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "internal", className: "flex-1", children: "Internal Advisor" }),
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "external", className: "flex-1", children: "External / Referral" })
+      ] }),
+      /* @__PURE__ */ jsxs(TabsContent, { value: "internal", className: "mt-4 flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Search Advisor", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: "Search by name or role\u2026",
+            value: search,
+            onChange: (e) => setSearch(e.target.value)
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "max-h-[200px] overflow-y-auto border border-border divide-y divide-border", children: filtered.length === 0 ? /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("div", { className: "size-2 rounded-full bg-primary" })
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: a.name }),
+                  /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                    a.role,
+                    " \xB7 ",
+                    a.practice
+                  ] })
+                ] })
+              ]
+            },
+            a.id
+          );
+        }) }),
+        /* @__PURE__ */ jsx(Field, { id: "sc-int-notes", label: "Notes", children: /* @__PURE__ */ 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__ */ jsxs(TabsContent, { value: "external", className: "mt-4 flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsx(Field, { id: "sc-first", label: "First Name", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "sc-first",
+              placeholder: "First name",
+              value: firstName,
+              onChange: (e) => setFirstName(e.target.value),
+              disabled: isSending
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { id: "sc-last", label: "Last Name", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "sc-last",
+              placeholder: "Last name",
+              value: lastName,
+              onChange: (e) => setLastName(e.target.value),
+              disabled: isSending
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(Field, { id: "sc-email", label: "Email", required: true, children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "sc-email",
+            type: "email",
+            placeholder: "advisor@company.com.au",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            disabled: isSending
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { id: "sc-ext-notes", label: "Notes", children: /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: "sc-ext-notes",
+            placeholder: "Optional message\u2026",
+            rows: 3,
+            value: externalNotes,
+            onChange: (e) => setExternalNotes(e.target.value),
+            disabled: isSending
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => handleOpenChange(false),
+          disabled: isSending,
+          children: "Cancel"
+        }
+      ),
+      tab === "internal" ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => onShareInternal(selectedId, internalNotes),
+          disabled: !selectedId || isSending,
+          children: isSending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
+            "Sharing\u2026"
+          ] }) : "Share Contact"
+        }
+      ) : /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => onShareExternal({
+            firstName,
+            lastName,
+            email,
+            notes: externalNotes
+          }),
+          disabled: !email || isSending,
+          children: isSending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
+            "Sending\u2026"
+          ] }) : "Send Invite"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+export {
+  ShareDetailsDialog,
+  EmailTemplateDialog,
+  ShareContactDialog
+};

package/dist/{chunk-6U4NQGVM.mjs → chunk-4X4MGYHE.mjs}

@@ -13,7 +13,7 @@ import {
   ExpensesCard,
   IncomeCard,
   PropertyCard
-} from "./chunk-W5QJ57PU.mjs";
+} from "./chunk-7LN5OGC2.mjs";
 import {
   FinancialDetailField,
   FinancialLineItem,
@@ -38,7 +38,7 @@ import {
 } from "./chunk-WE4YKBDE.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   formatCurrency
 } from "./chunk-MN5NYQCL.mjs";

package/dist/{chunk-CEEVYRQA.mjs → chunk-67DGIPQ4.mjs}

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

package/dist/{chunk-7UIL5UN3.mjs → chunk-7II6QRCZ.mjs}

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

package/dist/{chunk-W5QJ57PU.mjs → chunk-7LN5OGC2.mjs}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-JTK6VJXY.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   formatDateShort
 } from "./chunk-LHWJQNLG.mjs";

package/dist/{chunk-ZXEUBBHJ.mjs → chunk-7TMPOZDE.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2GIYVERS.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/{chunk-AHSCWXYJ.mjs → chunk-AJUAJC5O.mjs}

@@ -1,6 +1,6 @@
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/{chunk-3CGM3QXQ.mjs → chunk-AKWN5ZQG.mjs}

@@ -1,7 +1,7 @@
 import {
   LeadCard,
   OpportunityCard
-} from "./chunk-54MTIKNC.mjs";
+} from "./chunk-YV7XF32X.mjs";
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";
@@ -14,7 +14,7 @@ import {
 } from "./chunk-H5DTKPJ2.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   useThemeVars
 } from "./chunk-XYSRRDBH.mjs";

package/dist/{chunk-FRT3S72S.mjs → chunk-CQ7HKBEX.mjs}

@@ -1,6 +1,6 @@
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Toggle
 } from "./chunk-6QAFGZC2.mjs";

package/dist/{chunk-E2BNCA6L.mjs → chunk-EHQL64B7.mjs}

@@ -3,7 +3,7 @@ import {
   DebtCard,
   OtherLiabilityCard,
   PropertyCard
-} from "./chunk-W5QJ57PU.mjs";
+} from "./chunk-7LN5OGC2.mjs";
 import {
   FinancialCardHeader,
   FinancialDetailField,

package/dist/{chunk-2WCIORP7.mjs → chunk-EXI64H46.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-PNSYFE3K.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/{chunk-BBXSNDS3.mjs → chunk-FQYFPHDO.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/{chunk-3VZ6CYY2.mjs → chunk-GAXNO4JB.mjs}

@@ -20,7 +20,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-3WGFIFP6.mjs → chunk-I4P7RXAE.mjs}

@@ -3,7 +3,7 @@ import {
   ChatWidgetInputBar,
   ChatWidgetLauncher,
   ChatWidgetMessage
-} from "./chunk-BBXSNDS3.mjs";
+} from "./chunk-FQYFPHDO.mjs";
 import {
   Field,
   FieldError,

package/dist/{chunk-Z2BW5T7P.mjs → chunk-IODGRCQG.mjs}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   formatWeekdayShort
 } from "./chunk-LHWJQNLG.mjs";

package/dist/{chunk-GS47ZSSA.mjs → chunk-J7KQON2N.mjs}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-MXP2RX2V.mjs";
 import {
   AppointmentSlotSection
-} from "./chunk-FRT3S72S.mjs";
+} from "./chunk-CQ7HKBEX.mjs";
 import {
   Select,
   SelectContent,
@@ -37,7 +37,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Calendar
 } from "./chunk-FBNEIYSE.mjs";
@@ -127,6 +127,19 @@ var FORMAT_OPTIONS = [
     icon: /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4" })
   }
 ];
+var CLIENT_FORMAT_OPTIONS = [
+  { value: "call", label: "Call", icon: /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4" }) },
+  {
+    value: "online",
+    label: "Online Meeting",
+    icon: /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" })
+  },
+  {
+    value: "offline",
+    label: "Offline Meeting",
+    icon: /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4" })
+  }
+];
 function MeetingFormatSection({
   format,
   onFormatChange,
@@ -136,10 +149,11 @@ function MeetingFormatSection({
   onCustomAddressChange,
   advisorOfficeAddress,
   clientHomeAddress,
-  isClientMode
+  isClientMode,
+  formatOptions
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: FORMAT_OPTIONS.map((opt) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: formatOptions.map((opt) => /* @__PURE__ */ jsxs(
       Toggle,
       {
         variant: "outline",
@@ -432,7 +446,8 @@ function AppointmentBookDialog({
             onCustomAddressChange: setCustomAddress,
             advisorOfficeAddress,
             clientHomeAddress,
-            isClientMode
+            isClientMode,
+            formatOptions: isClientMode ? CLIENT_FORMAT_OPTIONS : FORMAT_OPTIONS
           }
         )
       ] }),

package/dist/{chunk-IQGKOT7A.mjs → chunk-K35TFQUB.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskCheckItem
-} from "./chunk-2WCIORP7.mjs";
+} from "./chunk-EXI64H46.mjs";
 import {
   Progress
 } from "./chunk-JPGL36WQ.mjs";

package/dist/{chunk-4DO3WM7V.mjs → chunk-K4VWSDJJ.mjs}

@@ -1,6 +1,6 @@
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

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";