@wealthx/shadcn 1.3.1 → 1.3.3

package/dist/{chunk-FAKPBKLT.mjs → chunk-7GWRPXHD.mjs}

@@ -2,16 +2,16 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-3GF7OVTP.mjs";
+} from "./chunk-DGNHGNYH.mjs";
 import {
   Input
-} from "./chunk-GYMYRIZP.mjs";
+} from "./chunk-LBTHZSBT.mjs";
 import {
   Button
-} from "./chunk-XREGSKX3.mjs";
+} from "./chunk-NOOEKOWY.mjs";
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 
 // src/components/ui/color-picker.tsx
 import * as React from "react";

package/dist/{chunk-NMOI6CQD.mjs → chunk-7YI3HEBH.mjs}

@@ -1,19 +1,19 @@
 import {
   Textarea
-} from "./chunk-34NWQURD.mjs";
+} from "./chunk-BS75ICOO.mjs";
 import {
   Input
-} from "./chunk-GYMYRIZP.mjs";
+} from "./chunk-LBTHZSBT.mjs";
 import {
   Button
-} from "./chunk-XREGSKX3.mjs";
+} from "./chunk-NOOEKOWY.mjs";
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 import {
   __objRest,
   __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
+} from "./chunk-WNQUEZJF.mjs";
 
 // src/components/ui/input-group.tsx
 import { cva } from "class-variance-authority";

package/dist/{chunk-T4BJLT57.mjs → chunk-AE7MASLF.mjs}

@@ -1,21 +1,21 @@
 import {
   Progress
-} from "./chunk-J5UICVJS.mjs";
+} from "./chunk-JPGL36WQ.mjs";
 import {
   TaskCheckItem
-} from "./chunk-MBON7YRJ.mjs";
+} from "./chunk-K5QV4TT6.mjs";
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger
-} from "./chunk-MARPPFOJ.mjs";
+} from "./chunk-UNACI2YK.mjs";
 import {
   Spinner
-} from "./chunk-7YAU5CY6.mjs";
+} from "./chunk-JVMXMFBB.mjs";
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 
 // src/components/ui/stage-timeline.tsx
 import { Check } from "lucide-react";

package/dist/{chunk-VLQZANBF.mjs → chunk-AFML43VJ.mjs}

@@ -36,7 +36,12 @@ var twMerge = extendTailwindMerge({
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function getInitials(name) {
+  if (!name.trim()) return "?";
+  return name.split(" ").filter(Boolean).map((word) => word[0]).join("").toUpperCase().slice(0, 2);
+}
 
 export {
-  cn
+  cn,
+  getInitials
 };

package/dist/chunk-BBXSNDS3.mjs

@@ -0,0 +1,260 @@
+import {
+  Avatar,
+  AvatarFallback
+} from "./chunk-H6NQTIF4.mjs";
+import {
+  Badge
+} from "./chunk-WL6WVV47.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/chat-widget-primitives.tsx
+import {
+  Bot,
+  UserRound,
+  MessageCircle,
+  X,
+  ChevronDown,
+  Send,
+  Smile,
+  Paperclip
+} from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ChatWidgetLauncher({
+  isOpen,
+  onClick,
+  brandColor,
+  unreadCount,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "aria-label": isOpen ? "Close chat" : "Open chat",
+      onClick,
+      className: cn(
+        "relative flex size-14 items-center justify-center shadow-lg transition-all",
+        "rounded-full",
+        // intentional: circular FAB shape
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+        className
+      ),
+      style: { backgroundColor: brandColor != null ? brandColor : "var(--primary)" },
+      children: [
+        !isOpen && unreadCount && unreadCount > 0 ? /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant: "destructive",
+            className: "absolute -right-1 -top-1 size-5 justify-center bg-destructive px-0 py-0 text-[10px] font-semibold text-destructive-foreground",
+            children: unreadCount > 9 ? "9+" : unreadCount
+          }
+        ) : null,
+        isOpen ? /* @__PURE__ */ jsx(X, { className: "size-6 text-white" }) : /* @__PURE__ */ jsx(MessageCircle, { className: "size-6 text-white" })
+      ]
+    }
+  );
+}
+function ChatWidgetHeader({
+  brokerName,
+  subtitle = "Feel free to chat with us",
+  gradientFrom,
+  gradientTo,
+  onMinimize,
+  className
+}) {
+  const hasGradient = gradientFrom && gradientTo;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-start justify-between px-4 py-3",
+        !hasGradient && "bg-primary",
+        className
+      ),
+      style: hasGradient ? {
+        background: `linear-gradient(135deg, ${gradientFrom}, ${gradientTo})`
+      } : void 0,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-body-large font-semibold text-primary-foreground", children: brokerName }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: "text-body-small text-primary-foreground/70", children: subtitle })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: onMinimize && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon-sm",
+            "aria-label": "Minimize chat",
+            onClick: onMinimize,
+            className: "text-primary-foreground/70 hover:bg-primary-foreground/10 hover:text-primary-foreground",
+            children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
+          }
+        ) })
+      ]
+    }
+  );
+}
+function ChatWidgetMessage({
+  role,
+  content,
+  timestamp,
+  isStreaming,
+  className
+}) {
+  if (role === "system") {
+    return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center py-2", className), children: /* @__PURE__ */ jsx("span", { className: "text-body-small text-muted-foreground", children: content }) });
+  }
+  const isLeft = role === "bot" || role === "advisor";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex gap-2",
+        isLeft ? "items-start" : "flex-row-reverse items-start",
+        className
+      ),
+      children: [
+        isLeft && /* @__PURE__ */ jsx(Avatar, { className: "size-7", children: /* @__PURE__ */ jsx(
+          AvatarFallback,
+          {
+            className: role === "advisor" ? "bg-primary/15 text-foreground" : void 0,
+            children: role === "advisor" ? /* @__PURE__ */ jsx(UserRound, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Bot, { className: "size-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex max-w-[80%] flex-col gap-1",
+              !isLeft && "items-end"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "px-3 py-2 text-body-medium",
+                    isLeft ? "border border-border bg-card text-card-foreground shadow-sm" : "text-primary-foreground"
+                  ),
+                  style: !isLeft ? { backgroundColor: "var(--primary)" } : void 0,
+                  children: isStreaming ? /* @__PURE__ */ jsx(ChatWidgetTypingIndicator, {}) : content
+                }
+              ),
+              timestamp && !isStreaming && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: timestamp })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function ChatWidgetTypingIndicator({
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "status",
+      "aria-label": "Typing",
+      className: cn("flex items-center gap-1 py-0.5", className),
+      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "size-1.5 animate-bounce rounded-full bg-muted-foreground/60",
+          style: { animationDelay: `${i * 0.15}s` },
+          "aria-hidden": "true"
+        },
+        i
+      ))
+    }
+  );
+}
+function ChatWidgetInputBar({
+  value,
+  onChange,
+  onSend,
+  disabled,
+  placeholder = "Type your message here",
+  className
+}) {
+  const hasText = value.trim().length > 0;
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey && hasText && !disabled) {
+      e.preventDefault();
+      onSend(value);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-2 border-t border-border bg-muted/30 px-3 py-2.5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon-sm",
+            "aria-label": "Add emoji",
+            disabled,
+            className: "shrink-0 text-muted-foreground hover:text-foreground",
+            children: /* @__PURE__ */ jsx(Smile, { className: "size-5" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon-sm",
+            "aria-label": "Add attachment",
+            disabled,
+            className: "shrink-0 text-muted-foreground hover:text-foreground",
+            children: /* @__PURE__ */ jsx(Paperclip, { className: "size-5" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value,
+            onChange: (e) => onChange(e.target.value),
+            onKeyDown: handleKeyDown,
+            placeholder,
+            disabled,
+            className: "flex-1 border-0 bg-transparent px-0 shadow-none focus-visible:ring-0 text-body-medium placeholder:text-muted-foreground/60"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-sm",
+            "aria-label": "Send message",
+            disabled: disabled || !hasText,
+            onClick: () => hasText && !disabled && onSend(value),
+            className: "shrink-0",
+            children: /* @__PURE__ */ jsx(Send, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  ChatWidgetLauncher,
+  ChatWidgetHeader,
+  ChatWidgetMessage,
+  ChatWidgetTypingIndicator,
+  ChatWidgetInputBar
+};

package/dist/chunk-BOW7U26Y.mjs

@@ -0,0 +1,203 @@
+import {
+  Switch
+} from "./chunk-PNSYFE3K.mjs";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-ZEDMKQK2.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-WNQUEZJF.mjs";
+
+// src/components/ui/document-checklist-template.tsx
+import { useState } from "react";
+import { GripVertical, Plus, Trash2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DOCUMENT_TYPES = [
+  "Income Verification",
+  "Bank Statements",
+  "Rental Income",
+  "Property Evidence",
+  "Liabilities",
+  "Identity",
+  "Employment Contract",
+  "Notice of Assessment",
+  "Contract of Sale",
+  "Savings History"
+];
+function DocumentChecklistTemplate({
+  categories: initial = [],
+  onChange,
+  onSave,
+  onCancel,
+  className
+}) {
+  const [categories, setCategories] = useState(
+    () => initial.map((c) => {
+      var _a;
+      return __spreadProps(__spreadValues({}, c), {
+        custom: (_a = c.custom) != null ? _a : !DOCUMENT_TYPES.includes(c.name)
+      });
+    })
+  );
+  const [isDirty, setIsDirty] = useState(false);
+  function update(next) {
+    setCategories(next);
+    setIsDirty(true);
+    onChange == null ? void 0 : onChange(next);
+  }
+  function handleSelectType(id, value) {
+    if (value === "__custom__") {
+      update(
+        categories.map(
+          (c) => c.id === id ? __spreadProps(__spreadValues({}, c), { name: "", custom: true }) : c
+        )
+      );
+    } else {
+      update(
+        categories.map(
+          (c) => c.id === id ? __spreadProps(__spreadValues({}, c), { name: value, custom: false }) : c
+        )
+      );
+    }
+  }
+  function handleCustomName(id, name) {
+    update(categories.map((c) => c.id === id ? __spreadProps(__spreadValues({}, c), { name }) : c));
+  }
+  function handleToggle(id, field) {
+    update(
+      categories.map((c) => c.id === id ? __spreadProps(__spreadValues({}, c), { [field]: !c[field] }) : c)
+    );
+  }
+  function handleDelete(id) {
+    update(categories.filter((c) => c.id !== id));
+  }
+  function handleAdd() {
+    update([
+      ...categories,
+      {
+        id: `cat-${Date.now()}`,
+        name: "",
+        requiredMain: true,
+        requiredCo: false,
+        custom: false
+      }
+    ]);
+  }
+  const COLS = "grid-cols-[20px_1fr_64px_64px_32px]";
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b border-border px-6 py-4", children: /* @__PURE__ */ jsx("span", { className: "text-label-large text-foreground", children: "Document Checklist Template" }) }),
+    /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b border-border px-6 py-3", children: /* @__PURE__ */ jsx("p", { className: "text-body-small text-muted-foreground", children: "Define the document categories required for loan applications. Set required status separately for Main and Co-applicants." }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col overflow-y-auto", children: [
+      categories.length > 0 && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "grid shrink-0 items-center gap-3 border-b border-border bg-muted/30 px-6 py-2",
+            COLS
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", {}),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Category Name" }),
+            /* @__PURE__ */ jsx("span", { className: "text-center text-xs font-medium text-muted-foreground", children: "Main" }),
+            /* @__PURE__ */ jsx("span", { className: "text-center text-xs font-medium text-muted-foreground", children: "Co" }),
+            /* @__PURE__ */ jsx("span", {})
+          ]
+        }
+      ),
+      categories.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12 text-sm text-muted-foreground", children: "No categories yet. Add one below." }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border", children: categories.map((cat) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn("grid items-center gap-3 px-6 py-3", COLS),
+          children: [
+            /* @__PURE__ */ jsx(GripVertical, { className: "size-4 shrink-0 text-muted-foreground/30" }),
+            cat.custom ? /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: cat.name,
+                onChange: (e) => handleCustomName(cat.id, e.target.value),
+                placeholder: "Type category name\u2026",
+                className: "h-8 text-sm",
+                autoFocus: true
+              }
+            ) : /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: cat.name || "",
+                onValueChange: (v) => handleSelectType(cat.id, v),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select type\u2026" }) }),
+                  /* @__PURE__ */ jsxs(SelectContent, { children: [
+                    DOCUMENT_TYPES.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type }, type)),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "__custom__", children: "Custom\u2026" })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: cat.requiredMain,
+                onCheckedChange: () => handleToggle(cat.id, "requiredMain"),
+                size: "sm"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: cat.requiredCo,
+                onCheckedChange: () => handleToggle(cat.id, "requiredCo"),
+                size: "sm"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-8 text-muted-foreground hover:text-destructive",
+                onClick: () => handleDelete(cat.id),
+                children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+              }
+            )
+          ]
+        },
+        cat.id
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "border-t border-border px-6 py-4", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "gap-1.5",
+          onClick: handleAdd,
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+            "Add Category"
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 justify-end gap-2 border-t border-border px-6 py-4", children: [
+      onCancel && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => onSave == null ? void 0 : onSave(categories), disabled: !isDirty, children: "Save" })
+    ] })
+  ] });
+}
+
+export {
+  DocumentChecklistTemplate
+};

package/dist/{chunk-34NWQURD.mjs → chunk-BS75ICOO.mjs}

@@ -1,10 +1,10 @@
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 import {
   __objRest,
   __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
+} from "./chunk-WNQUEZJF.mjs";
 
 // src/components/ui/textarea.tsx
 import { jsx } from "react/jsx-runtime";