@wealthx/shadcn 1.1.0 → 1.2.1

package/dist/{chunk-MQ72DIBH.mjs → chunk-3GF7OVTP.mjs}

@@ -1,9 +1,9 @@
 import {
   useThemeVars
-} from "./chunk-OXQQNQZI.mjs";
+} from "./chunk-FEZKMUCF.mjs";
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues
@@ -36,6 +36,7 @@ function PopoverContent(_a) {
   return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     PopoverPrimitive.Positioner,
     {
+      className: "z-[200]",
       align,
       sideOffset,
       children: /* @__PURE__ */ jsx(
@@ -57,17 +58,25 @@ function PopoverAnchor(_a) {
   return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "popover-anchor" }, props));
 }
 function PopoverHeader(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
-      className: cn("flex flex-col gap-1 text-sm", className),
+      className: cn("flex flex-col gap-1 text-body-small", className),
       "data-slot": "popover-header"
     }, props)
   );
 }
 function PopoverTitle(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return (
     // eslint-disable-next-line jsx-a11y/heading-has-content -- children passed via props spread
     /* @__PURE__ */ jsx(

package/dist/chunk-3WMX6KWS.mjs

@@ -0,0 +1,245 @@
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger
+} from "./chunk-7PYJD5JI.mjs";
+import {
+  Separator
+} from "./chunk-FH6QVUVZ.mjs";
+import {
+  Label
+} from "./chunk-NSLMILBT.mjs";
+import {
+  Input
+} from "./chunk-GYMYRIZP.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-XIRTEFKH.mjs";
+import {
+  Button,
+  buttonVariants
+} from "./chunk-2I5S2AMY.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+import {
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/add-column-modal.tsx
+import * as React from "react";
+import { Plus, Trash2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MAX_TASKS = 20;
+function AddColumnModal({
+  open,
+  onOpenChange,
+  onSave,
+  editData,
+  aiAgents = [],
+  loading = false,
+  className
+}) {
+  var _a, _b;
+  const isEdit = !!(editData == null ? void 0 : editData.id);
+  const nextId = React.useRef(0);
+  const [name, setName] = React.useState((_a = editData == null ? void 0 : editData.name) != null ? _a : "");
+  const [warningDays, setWarningDays] = React.useState(
+    (editData == null ? void 0 : editData.warningDays) != null ? String(editData.warningDays) : ""
+  );
+  const [priorityDays, setPriorityDays] = React.useState(
+    (editData == null ? void 0 : editData.priorityDays) != null ? String(editData.priorityDays) : ""
+  );
+  const [tasks, setTasks] = React.useState((_b = editData == null ? void 0 : editData.tasks) != null ? _b : []);
+  React.useEffect(() => {
+    var _a2, _b2;
+    if (open) {
+      setName((_a2 = editData == null ? void 0 : editData.name) != null ? _a2 : "");
+      setWarningDays(
+        (editData == null ? void 0 : editData.warningDays) != null ? String(editData.warningDays) : ""
+      );
+      setPriorityDays(
+        (editData == null ? void 0 : editData.priorityDays) != null ? String(editData.priorityDays) : ""
+      );
+      setTasks((_b2 = editData == null ? void 0 : editData.tasks) != null ? _b2 : []);
+    }
+  }, [open, editData]);
+  const wDays = warningDays !== "" ? parseInt(warningDays, 10) : null;
+  const pDays = priorityDays !== "" ? parseInt(priorityDays, 10) : null;
+  const daysError = wDays !== null && pDays !== null && wDays >= pDays ? "Warning days must be less than priority days." : null;
+  const taskNames = tasks.map((t) => t.name.trim().toLowerCase());
+  const hasDuplicateTasks = new Set(taskNames).size !== taskNames.filter(Boolean).length;
+  const isValid = name.trim().length > 0 && !daysError && !hasDuplicateTasks && tasks.every((t) => t.name.trim().length > 0);
+  function addTask() {
+    if (tasks.length >= MAX_TASKS) return;
+    setTasks((prev) => [
+      ...prev,
+      { id: nextId.current++, name: "", aiAgentId: null }
+    ]);
+  }
+  function removeTask(id) {
+    setTasks((prev) => prev.filter((t) => t.id !== id));
+  }
+  function updateTask(id, patch) {
+    setTasks((prev) => prev.map((t) => t.id === id ? __spreadValues(__spreadValues({}, t), patch) : t));
+  }
+  function handleSave() {
+    onSave({
+      id: editData == null ? void 0 : editData.id,
+      name: name.trim(),
+      orderIndex: editData == null ? void 0 : editData.orderIndex,
+      warningDays: wDays,
+      priorityDays: pDays,
+      tasks,
+      isTitleLocked: editData == null ? void 0 : editData.isTitleLocked
+    });
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: loading ? void 0 : onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: cn("max-w-md", className), children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: isEdit ? "Edit Column" : "Add New Column" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { children: "Column title" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            placeholder: "e.g. Pre-approval",
+            disabled: (editData == null ? void 0 : editData.isTitleLocked) || loading
+          }
+        ),
+        (editData == null ? void 0 : editData.isTitleLocked) && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "This column title is locked and cannot be changed." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: "Time-based alerts" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { className: "font-normal text-muted-foreground", children: "Warning after (days)" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "number",
+                min: 1,
+                value: warningDays,
+                onChange: (e) => setWarningDays(e.target.value),
+                placeholder: "e.g. 7",
+                disabled: loading
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { className: "font-normal text-muted-foreground", children: "Priority after (days)" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "number",
+                min: 1,
+                value: priorityDays,
+                onChange: (e) => setPriorityDays(e.target.value),
+                placeholder: "e.g. 14",
+                disabled: loading
+              }
+            )
+          ] })
+        ] }),
+        daysError && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: daysError })
+      ] }),
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: "Task templates" }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "h-7 gap-1 text-xs",
+              onClick: addTask,
+              disabled: tasks.length >= MAX_TASKS || loading,
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "size-3" }),
+                "Add (",
+                tasks.length,
+                "/",
+                MAX_TASKS,
+                ")"
+              ]
+            }
+          )
+        ] }),
+        tasks.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No tasks yet. Tasks will be created for each new opportunity added to this column." }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: tasks.map((task) => {
+          var _a2, _b2, _c;
+          return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: task.name,
+                  onChange: (e) => updateTask(task.id, { name: e.target.value }),
+                  placeholder: "Task name",
+                  className: "flex-1",
+                  disabled: loading
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => removeTask(task.id),
+                  disabled: loading,
+                  className: cn(
+                    buttonVariants({ variant: "ghost", size: "icon" }),
+                    "size-9 shrink-0 text-muted-foreground hover:text-destructive"
+                  ),
+                  "aria-label": "Remove task",
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+                }
+              )
+            ] }),
+            aiAgents.length > 0 && /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: (_a2 = task.aiAgentId) != null ? _a2 : void 0,
+                onValueChange: (v) => updateTask(task.id, { aiAgentId: v || null }),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-full", children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        !task.aiAgentId && "text-muted-foreground"
+                      ),
+                      children: task.aiAgentId ? (_c = (_b2 = aiAgents.find((a) => a.id === task.aiAgentId)) == null ? void 0 : _b2.name) != null ? _c : task.aiAgentId : "Select agent"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: aiAgents.map((agent) => /* @__PURE__ */ jsx(SelectItem, { value: agent.id, children: agent.name }, agent.id)) })
+                ]
+              }
+            )
+          ] }, task.id);
+        }) }),
+        hasDuplicateTasks && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: "Task names must be unique." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          disabled: loading,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: loading || !isValid, children: loading ? isEdit ? "Saving\u2026" : "Adding\u2026" : isEdit ? "Save changes" : "Add column" })
+    ] })
+  ] }) });
+}
+
+export {
+  AddColumnModal
+};

package/dist/{chunk-PMKODV6M.mjs → chunk-462HMNO4.mjs}

@@ -1,9 +1,9 @@
 import {
   useThemeVars
-} from "./chunk-OXQQNQZI.mjs";
+} from "./chunk-FEZKMUCF.mjs";
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -15,8 +15,8 @@ import { XIcon } from "lucide-react";
 import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
 import { jsx, jsxs } from "react/jsx-runtime";
 var SIDE_CLASSES = {
-  right: "inset-y-0 right-0 h-full w-3/4 border-l data-ending-style:slide-out-to-right data-open:slide-in-from-right sm:max-w-sm",
-  left: "inset-y-0 left-0 h-full w-3/4 border-r data-ending-style:slide-out-to-left data-open:slide-in-from-left sm:max-w-sm",
+  right: "inset-y-0 right-0 h-full w-1/2 border-l data-ending-style:slide-out-to-right data-open:slide-in-from-right",
+  left: "inset-y-0 left-0 h-full w-1/2 border-r data-ending-style:slide-out-to-left data-open:slide-in-from-left",
   top: "inset-x-0 top-0 h-auto border-b data-ending-style:slide-out-to-top data-open:slide-in-from-top",
   bottom: "inset-x-0 bottom-0 h-auto border-t data-ending-style:slide-out-to-bottom data-open:slide-in-from-bottom"
 };
@@ -120,11 +120,7 @@ function SheetFooter(_a) {
   );
 }
 function SheetTitle(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     SheetPrimitive.Title,
     __spreadValues({
@@ -142,7 +138,7 @@ function SheetDescription(_a) {
   return /* @__PURE__ */ jsx(
     SheetPrimitive.Description,
     __spreadValues({
-      className: cn("text-sm text-muted-foreground", className),
+      className: cn("text-body-small text-muted-foreground", className),
       "data-slot": "sheet-description"
     }, props)
   );

package/dist/chunk-4CX4SBRO.mjs

@@ -0,0 +1,153 @@
+import {
+  KanbanColumn
+} from "./chunk-VACKZOMY.mjs";
+import {
+  ToggleGroup,
+  ToggleGroupItem
+} from "./chunk-PMB3A7V3.mjs";
+import {
+  Input
+} from "./chunk-GYMYRIZP.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/pipeline-board.tsx
+import { RefreshCw, Search, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Toolbar({
+  searchValue,
+  onSearchChange,
+  filterOptions,
+  activeFilters,
+  onFilterChange,
+  onRefresh
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 border-b border-border bg-background px-4 py-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative w-56 shrink-0", children: [
+      /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Search opportunities\u2026",
+          value: searchValue,
+          onChange: (e) => onSearchChange(e.target.value),
+          className: "h-8 pl-8 text-sm"
+        }
+      ),
+      searchValue && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => onSearchChange(""),
+          className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+          "aria-label": "Clear search",
+          children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+        }
+      )
+    ] }),
+    filterOptions.length > 0 && /* @__PURE__ */ jsx(
+      ToggleGroup,
+      {
+        type: "multiple",
+        variant: "outline",
+        size: "sm",
+        spacing: 1.5,
+        value: activeFilters,
+        onValueChange: (newValues) => {
+          var _a;
+          const toggled = (_a = newValues.find((v) => !activeFilters.includes(v))) != null ? _a : activeFilters.find((v) => !newValues.includes(v));
+          if (toggled) onFilterChange(toggled);
+        },
+        children: filterOptions.map((option) => /* @__PURE__ */ jsx(ToggleGroupItem, { value: option, children: option }, option))
+      }
+    ),
+    onRefresh && /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: onRefresh,
+        className: "ml-auto text-muted-foreground hover:text-foreground",
+        "aria-label": "Refresh board",
+        children: /* @__PURE__ */ jsx(RefreshCw, { className: "size-4" })
+      }
+    )
+  ] });
+}
+function PipelineBoard({
+  columns,
+  searchValue = "",
+  onSearchChange,
+  filterOptions = [],
+  activeFilters = [],
+  onFilterChange,
+  onRefresh,
+  onEditColumn,
+  onDeleteColumn,
+  onTaskToggle,
+  onMarkAsDone,
+  onMoveToNextStage,
+  onViewDetails,
+  onChangePriority,
+  onLaunchAssistant,
+  onPutOnHold,
+  onDeleteOpportunity,
+  submittingOpportunityId,
+  className
+}) {
+  const hasToolbar = onSearchChange || filterOptions.length > 0 && onFilterChange;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex h-full flex-col bg-muted/20", className),
+      "data-slot": "pipeline-board",
+      children: [
+        hasToolbar && /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            searchValue,
+            onSearchChange: onSearchChange != null ? onSearchChange : (() => {
+            }),
+            filterOptions,
+            activeFilters,
+            onFilterChange: onFilterChange != null ? onFilterChange : (() => {
+            }),
+            onRefresh
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 gap-3 overflow-x-auto p-4", children: [
+          columns.map((col) => /* @__PURE__ */ jsx(
+            KanbanColumn,
+            {
+              stage: col.stage,
+              opportunities: col.opportunities,
+              isDragging: col.isDragging,
+              isDropTarget: col.isDropTarget,
+              isDefault: col.isDefault,
+              isLoading: col.isLoading,
+              isLoadingMore: col.isLoadingMore,
+              hasMore: col.hasMore,
+              loaderRef: col.loaderRef,
+              onEditColumn: onEditColumn ? () => onEditColumn(col.stage.id) : void 0,
+              onDeleteColumn: onDeleteColumn && !col.isDefault ? () => onDeleteColumn(col.stage.id) : void 0,
+              onTaskToggle,
+              onMarkAsDone,
+              onMoveToNextStage,
+              onSendLoanApplication: col.onSendLoanApplication,
+              onViewDetails,
+              onChangePriority,
+              onLaunchAssistant,
+              onPutOnHold,
+              onDeleteOpportunity,
+              submittingOpportunityId
+            },
+            col.key
+          )),
+          columns.length === 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No columns to display." }) })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  PipelineBoard
+};