@wealthx/shadcn 1.3.1 → 1.3.3

package/dist/components/ui/add-lead-modal.js

@@ -63,7 +63,7 @@ __export(add_lead_modal_exports, {
 });
 module.exports = __toCommonJS(add_lead_modal_exports);
 var React3 = __toESM(require("react"));
-var import_lucide_react5 = require("lucide-react");
+var import_lucide_react7 = require("lucide-react");
 
 // src/components/ui/dialog.tsx
 var import_lucide_react2 = require("lucide-react");
@@ -178,9 +178,9 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
         default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
         secondary: "bg-brand-secondary text-brand-secondary-foreground shadow-xs hover:bg-brand-secondary/80 focus-visible:ring-brand-secondary/30",
         destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground focus-visible:ring-border/50 dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground focus-visible:border-border focus-visible:ring-border/50 dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
         "outline-primary": "border border-primary text-foreground bg-transparent shadow-xs hover:bg-primary/5 focus-visible:ring-primary/50",
-        "outline-secondary": "border border-brand-secondary text-brand-secondary bg-transparent shadow-xs hover:bg-brand-secondary/10 focus-visible:ring-brand-secondary/30",
+        "outline-secondary": "border border-brand-secondary text-brand-secondary bg-transparent shadow-xs hover:bg-brand-secondary/10 focus-visible:border-brand-secondary focus-visible:ring-brand-secondary/30",
         ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs focus-visible:ring-border/50 dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },
@@ -489,8 +489,370 @@ function Spinner(_a) {
   );
 }
 
-// src/components/ui/add-lead-modal.tsx
+// src/components/ui/table.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
+function Table(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      className: "relative w-full overflow-x-auto",
+      "data-slot": "table-container",
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "table",
+        __spreadValues({
+          className: cn("w-full caption-bottom text-body-small", className),
+          "data-slot": "table"
+        }, props)
+      )
+    }
+  );
+}
+function TableHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "thead",
+    __spreadValues({
+      className: cn("[&_tr]:border-b", className),
+      "data-slot": "table-header"
+    }, props)
+  );
+}
+function TableBody(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "tbody",
+    __spreadValues({
+      className: cn("[&_tr:last-child]:border-0", className),
+      "data-slot": "table-body"
+    }, props)
+  );
+}
+function TableRow(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "tr",
+    __spreadValues({
+      className: cn(
+        "border-b transition-[background-color,opacity] hover:bg-muted/50 data-[state=selected]:bg-primary/10",
+        className
+      ),
+      "data-slot": "table-row"
+    }, props)
+  );
+}
+function TableHead(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "th",
+    __spreadValues({
+      className: cn(
+        "h-10 px-4 text-left align-middle text-label-medium whitespace-nowrap text-muted-foreground",
+        "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      "data-slot": "table-head"
+    }, props)
+  );
+}
+function TableCell(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "td",
+    __spreadValues({
+      className: cn(
+        "px-4 py-3 align-middle whitespace-nowrap",
+        "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      "data-slot": "table-cell"
+    }, props)
+  );
+}
+
+// src/components/ui/pagination.tsx
+var import_lucide_react6 = require("lucide-react");
+
+// src/components/ui/select.tsx
+var import_lucide_react5 = require("lucide-react");
+var import_select = require("@base-ui/react/select");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Select(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
+}
+function SelectValue(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.Select.Value, __spreadValues({ "data-slot": "select-value" }, props));
+}
+function SelectTrigger(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    import_select.Select.Trigger,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-body-medium whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-popup-open:border-primary data-popup-open:ring-[3px] data-popup-open:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-placeholder:font-normal data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "select-trigger"
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.Select.Icon, { className: "transition-transform duration-200 data-popup-open:rotate-180", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    })
+  );
+}
+function SelectContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_select.Select.Positioner,
+    {
+      className: "z-[200]",
+      align: "start",
+      alignItemWithTrigger: false,
+      sideOffset: 4,
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        import_select.Select.Popup,
+        __spreadProps(__spreadValues({
+          className: cn(
+            "relative max-h-[var(--available-height)] min-w-[var(--anchor-width,8rem)] overflow-x-hidden overflow-y-auto border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+            className
+          ),
+          "data-slot": "select-content",
+          style: __spreadValues(__spreadValues({}, themeVars), style)
+        }, props), {
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectScrollUpButton, {}),
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectScrollDownButton, {})
+          ]
+        })
+      )
+    }
+  ) });
+}
+function SelectItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    import_select.Select.Item,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative flex w-full cursor-default items-center gap-2 py-1.5 pr-8 pl-2 text-body-small outline-hidden select-none data-highlighted:bg-primary/5 data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      "data-slot": "select-item"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "span",
+          {
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            "data-slot": "select-item-indicator",
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.CheckIcon, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.Select.ItemText, { children })
+      ]
+    })
+  );
+}
+function SelectScrollUpButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_select.Select.ScrollUpArrow,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      "data-slot": "select-scroll-up-button"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.ChevronUpIcon, { className: "size-4" })
+    })
+  );
+}
+function SelectScrollDownButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_select.Select.ScrollDownArrow,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      "data-slot": "select-scroll-down-button"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.ChevronDownIcon, { className: "size-4" })
+    })
+  );
+}
+
+// src/components/ui/pagination.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function PaginationNavButtons({
+  hasPrev,
+  hasNext,
+  onFirst,
+  onPrev,
+  onNext,
+  onLast
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Button,
+      {
+        "aria-label": "Go to first page",
+        disabled: !hasPrev,
+        onClick: onFirst,
+        size: "icon-sm",
+        variant: "outline",
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react6.ChevronsLeftIcon, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Button,
+      {
+        "aria-label": "Go to previous page",
+        disabled: !hasPrev,
+        onClick: onPrev,
+        size: "icon-sm",
+        variant: "outline",
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react6.ChevronLeftIcon, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Button,
+      {
+        "aria-label": "Go to next page",
+        disabled: !hasNext,
+        onClick: onNext,
+        size: "icon-sm",
+        variant: "outline",
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react6.ChevronRightIcon, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Button,
+      {
+        "aria-label": "Go to last page",
+        disabled: !hasNext,
+        onClick: onLast,
+        size: "icon-sm",
+        variant: "outline",
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react6.ChevronsRightIcon, { className: "size-4" })
+      }
+    )
+  ] });
+}
+function TablePagination({
+  page,
+  pageCount,
+  pageSize,
+  pageSizeOptions = [10, 20, 30, 50],
+  onPageChange,
+  onPageSizeChange,
+  selectedCount,
+  totalCount,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "div",
+    {
+      className: cn("flex items-center gap-4 py-4", className),
+      "data-slot": "table-pagination",
+      children: [
+        selectedCount != null && selectedCount > 0 && totalCount != null && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "text-body-small text-muted-foreground", children: [
+          selectedCount,
+          " of ",
+          totalCount,
+          " row(s) selected."
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "ml-auto flex items-center gap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-body-small text-muted-foreground whitespace-nowrap", children: "Rows per page" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              Select,
+              {
+                onValueChange: (value) => onPageSizeChange(Number(value)),
+                value: `${pageSize}`,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    SelectTrigger,
+                    {
+                      "aria-label": "Rows per page",
+                      className: "w-[70px]",
+                      size: "sm",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectValue, {})
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectContent, { children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: `${size}`, children: size }, size)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "text-body-small text-muted-foreground whitespace-nowrap", children: [
+            "Page ",
+            page,
+            " of ",
+            pageCount
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            PaginationNavButtons,
+            {
+              hasNext: page < pageCount,
+              hasPrev: page > 1,
+              onFirst: () => onPageChange(1),
+              onLast: () => onPageChange(pageCount),
+              onNext: () => onPageChange(page + 1),
+              onPrev: () => onPageChange(page - 1)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ui/add-lead-modal.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function toggleInSet(prev, value) {
+  const next = new Set(prev);
+  next.has(value) ? next.delete(value) : next.add(value);
+  return next;
+}
 function AddLeadModal({
   open,
   onOpenChange,
@@ -502,7 +864,9 @@ function AddLeadModal({
   onSearchChange,
   page = 0,
   pageSize = 10,
+  pageSizeOptions,
   onPageChange,
+  onPageSizeChange,
   onAdd,
   className
 }) {
@@ -523,21 +887,12 @@ function AddLeadModal({
       return next;
     });
   }
-  function toggleOne(id) {
-    setSelectedIds((prev) => {
-      const next = new Set(prev);
-      next.has(id) ? next.delete(id) : next.add(id);
-      return next;
-    });
-  }
   const totalPages = Math.max(1, Math.ceil(total / pageSize));
-  const canPrev = page > 0;
-  const canNext = page < totalPages - 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Dialog, { open, onOpenChange: isSubmitting ? void 0 : onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogContent, { className: cn("sm:max-w-2xl", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogTitle, { children: "Add Lead" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog, { open, onOpenChange: isSubmitting ? void 0 : onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogContent, { size: "2xl", align: "top", className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogTitle, { children: "Add Lead" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         Input,
         {
           placeholder: "Search contacts\u2026",
@@ -547,7 +902,7 @@ function AddLeadModal({
           disabled: isSubmitting
         }
       ),
-      searchValue && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      searchValue && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         Button,
         {
           type: "button",
@@ -556,15 +911,15 @@ function AddLeadModal({
           onClick: () => onSearchChange == null ? void 0 : onSearchChange(""),
           className: "absolute right-2.5 top-1/2 size-6 -translate-y-1/2 text-muted-foreground hover:text-foreground",
           "aria-label": "Clear search",
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.X, { className: "size-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.X, { className: "size-3.5" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative min-h-[200px] overflow-auto border border-border", children: [
-      isLoading && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-background/60", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Spinner, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("table", { className: "w-full border-separate border-spacing-0 text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { className: "sticky top-0 bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "w-10 border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex h-10 w-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative min-h-[200px] overflow-auto border border-border", children: [
+      isLoading && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-background/60", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Spinner, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Table, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(TableRow, { className: "hover:bg-transparent", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHead, { className: "w-10", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             Checkbox,
             {
               checked: somePageSelected && !allPageSelected ? "indeterminate" : allPageSelected,
@@ -572,42 +927,41 @@ function AddLeadModal({
               "aria-label": "Select all on page",
               disabled: contacts.length === 0 || isSubmitting
             }
-          ) }) }) }),
-          ["Name", "Email", "Phone"].map((col) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex h-10 items-center px-3 text-xs font-semibold text-foreground", children: col }) }, col))
+          ) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHead, { children: "Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHead, { children: "Email" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHead, { children: "Phone" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: contacts.length === 0 && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "td",
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableBody, { children: contacts.length === 0 && !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          TableCell,
           {
             colSpan: 4,
-            className: "py-10 text-center text-xs text-muted-foreground",
+            className: "py-10 text-center text-muted-foreground",
             children: "No contacts found."
           }
-        ) }) : contacts.map((contact, idx) => {
+        ) }) : contacts.map((contact) => {
           var _a, _b;
           const isSelected = selectedIds.has(contact.id);
-          const tdCls = cn(
-            idx < contacts.length - 1 && "border-b border-border"
-          );
-          return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-            "tr",
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            TableRow,
             {
-              className: cn(
-                "cursor-pointer",
-                isSelected ? "bg-primary/5 hover:bg-primary/10" : "hover:bg-muted/30"
-              ),
-              onClick: () => !isSubmitting && toggleOne(contact.id),
+              "data-state": isSelected ? "selected" : void 0,
+              className: "cursor-pointer",
+              onClick: () => !isSubmitting && setSelectedIds((prev) => toggleInSet(prev, contact.id)),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: tdCls, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex h-12 w-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableCell, { className: "h-12", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   Checkbox,
                   {
                     checked: isSelected,
-                    onCheckedChange: () => toggleOne(contact.id),
+                    onCheckedChange: () => setSelectedIds(
+                      (prev) => toggleInSet(prev, contact.id)
+                    ),
                     disabled: isSubmitting
                   }
-                ) }) }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: tdCls, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex h-12 items-center px-3 font-medium text-foreground", children: contact.name }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: tdCls, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex h-12 items-center px-3 text-muted-foreground", children: (_a = contact.email) != null ? _a : "\u2014" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: tdCls, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex h-12 items-center px-3 text-muted-foreground", children: (_b = contact.phone) != null ? _b : "\u2014" }) })
+                ) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableCell, { className: "h-12 font-medium text-foreground", children: contact.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableCell, { className: "h-12 text-muted-foreground", children: (_a = contact.email) != null ? _a : "\u2014" }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableCell, { className: "h-12 text-muted-foreground", children: (_b = contact.phone) != null ? _b : "\u2014" })
               ]
             },
             contact.id
@@ -615,44 +969,32 @@ function AddLeadModal({
         }) })
       ] })
     ] }),
-    totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
-        total,
-        " contact",
-        total !== 1 ? "s" : ""
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "h-7 text-xs",
-            onClick: () => onPageChange == null ? void 0 : onPageChange(page - 1),
-            disabled: !canPrev || isLoading || isSubmitting,
-            children: "Prev"
-          }
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "div",
+      {
+        className: cn(
+          (isLoading || isSubmitting) && "pointer-events-none opacity-50"
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
-          page + 1,
-          " / ",
-          totalPages
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          Button,
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          TablePagination,
           {
-            variant: "outline",
-            size: "sm",
-            className: "h-7 text-xs",
-            onClick: () => onPageChange == null ? void 0 : onPageChange(page + 1),
-            disabled: !canNext || isLoading || isSubmitting,
-            children: "Next"
+            page: page + 1,
+            pageCount: totalPages,
+            pageSize,
+            pageSizeOptions,
+            selectedCount: selectedIds.size || void 0,
+            totalCount: total,
+            onPageChange: (p) => onPageChange == null ? void 0 : onPageChange(p - 1),
+            onPageSizeChange: (size) => {
+              onPageSizeChange == null ? void 0 : onPageSizeChange(size);
+              onPageChange == null ? void 0 : onPageChange(0);
+            }
           }
         )
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         Button,
         {
           variant: "outline",
@@ -661,7 +1003,7 @@ function AddLeadModal({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         Button,
         {
           onClick: () => onAdd == null ? void 0 : onAdd([...selectedIds]),

package/dist/components/ui/add-lead-modal.mjs

@@ -1,16 +1,19 @@
 import {
   AddLeadModal
-} from "../../chunk-HVY6KCCF.mjs";
-import "../../chunk-RGVKLTLH.mjs";
-import "../../chunk-7YAU5CY6.mjs";
-import "../../chunk-GYMYRIZP.mjs";
-import "../../chunk-6DZEXFNB.mjs";
-import "../../chunk-XREGSKX3.mjs";
-import "../../chunk-DBHJ5KC3.mjs";
+} from "../../chunk-TOWTPLRC.mjs";
+import "../../chunk-GT3RU6GA.mjs";
+import "../../chunk-FTPBQVQ6.mjs";
+import "../../chunk-IKXYTCSB.mjs";
+import "../../chunk-JVMXMFBB.mjs";
+import "../../chunk-ZEDMKQK2.mjs";
+import "../../chunk-LBTHZSBT.mjs";
+import "../../chunk-P2N2PEFY.mjs";
+import "../../chunk-NOOEKOWY.mjs";
+import "../../chunk-R4HCRDU5.mjs";
 import "../../chunk-FEZKMUCF.mjs";
 import "../../chunk-QOJ2DQD6.mjs";
-import "../../chunk-VLQZANBF.mjs";
-import "../../chunk-FWCSY2DS.mjs";
+import "../../chunk-AFML43VJ.mjs";
+import "../../chunk-WNQUEZJF.mjs";
 export {
   AddLeadModal
 };

package/dist/components/ui/advisor-card.js

@@ -211,9 +211,9 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
         default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
         secondary: "bg-brand-secondary text-brand-secondary-foreground shadow-xs hover:bg-brand-secondary/80 focus-visible:ring-brand-secondary/30",
         destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground focus-visible:ring-border/50 dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground focus-visible:border-border focus-visible:ring-border/50 dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
         "outline-primary": "border border-primary text-foreground bg-transparent shadow-xs hover:bg-primary/5 focus-visible:ring-primary/50",
-        "outline-secondary": "border border-brand-secondary text-brand-secondary bg-transparent shadow-xs hover:bg-brand-secondary/10 focus-visible:ring-brand-secondary/30",
+        "outline-secondary": "border border-brand-secondary text-brand-secondary bg-transparent shadow-xs hover:bg-brand-secondary/10 focus-visible:border-brand-secondary focus-visible:ring-brand-secondary/30",
         ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs focus-visible:ring-border/50 dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },