@wealthx/shadcn 1.2.2 → 1.3.1

package/dist/{chunk-UT4KJR7V.mjs → chunk-IHMFS7NZ.mjs}

@@ -6,6 +6,9 @@ import {
   TableHeader,
   TableRow
 } from "./chunk-66MI7Q4B.mjs";
+import {
+  PaginationNavButtons
+} from "./chunk-PBL4OQV2.mjs";
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -33,7 +36,7 @@ import {
 } from "./chunk-GYMYRIZP.mjs";
 import {
   Button
-} from "./chunk-2I5S2AMY.mjs";
+} from "./chunk-XREGSKX3.mjs";
 import {
   cn
 } from "./chunk-VLQZANBF.mjs";
@@ -56,10 +59,6 @@ import {
   ArrowUpDown,
   ArrowUp,
   ArrowDown,
-  ChevronLeftIcon,
-  ChevronRightIcon,
-  ChevronsLeftIcon,
-  ChevronsRightIcon,
   SlidersHorizontal
 } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -198,99 +197,62 @@ function DataTablePagination({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "flex items-center justify-between gap-4 py-4",
+      className: "flex items-center gap-4 py-4",
       "data-slot": "data-table-pagination",
       children: [
-        /* @__PURE__ */ jsx("p", { className: "text-body-small text-muted-foreground", children: table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-body-small text-muted-foreground", children: [
           table.getFilteredSelectedRowModel().rows.length,
           " of",
           " ",
           table.getFilteredRowModel().rows.length,
           " row(s) selected."
-        ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-6", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-body-small text-muted-foreground whitespace-nowrap", children: "Rows per page" }),
+            /* @__PURE__ */ jsx("span", { className: "text-body-small text-muted-foreground whitespace-nowrap", children: "Rows per page" }),
             /* @__PURE__ */ jsxs(
               Select,
               {
-                onValueChange: (value) => {
-                  table.setPageSize(Number(value));
-                },
+                onValueChange: (value) => table.setPageSize(Number(value)),
                 value: `${table.getState().pagination.pageSize}`,
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[70px]", size: "sm", children: /* @__PURE__ */ jsx(
-                    SelectValue,
+                  /* @__PURE__ */ jsx(
+                    SelectTrigger,
                     {
-                      placeholder: `${table.getState().pagination.pageSize}`
+                      "aria-label": "Rows per page",
+                      className: "w-[70px]",
+                      size: "sm",
+                      children: /* @__PURE__ */ jsx(
+                        SelectValue,
+                        {
+                          placeholder: `${table.getState().pagination.pageSize}`
+                        }
+                      )
                     }
-                  ) }),
+                  ),
                   /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs("p", { className: "text-body-small text-muted-foreground whitespace-nowrap", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-body-small text-muted-foreground whitespace-nowrap", children: [
             "Page ",
             table.getState().pagination.pageIndex + 1,
             " of",
             " ",
             table.getPageCount()
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                "aria-label": "Go to first page",
-                disabled: !table.getCanPreviousPage(),
-                onClick: () => {
-                  table.setPageIndex(0);
-                },
-                size: "icon-sm",
-                variant: "outline",
-                children: /* @__PURE__ */ jsx(ChevronsLeftIcon, { className: "size-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                "aria-label": "Go to previous page",
-                disabled: !table.getCanPreviousPage(),
-                onClick: () => {
-                  table.previousPage();
-                },
-                size: "icon-sm",
-                variant: "outline",
-                children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                "aria-label": "Go to next page",
-                disabled: !table.getCanNextPage(),
-                onClick: () => {
-                  table.nextPage();
-                },
-                size: "icon-sm",
-                variant: "outline",
-                children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                "aria-label": "Go to last page",
-                disabled: !table.getCanNextPage(),
-                onClick: () => {
-                  table.setPageIndex(table.getPageCount() - 1);
-                },
-                size: "icon-sm",
-                variant: "outline",
-                children: /* @__PURE__ */ jsx(ChevronsRightIcon, { className: "size-4" })
-              }
-            )
-          ] })
+          /* @__PURE__ */ jsx(
+            PaginationNavButtons,
+            {
+              hasNext: table.getCanNextPage(),
+              hasPrev: table.getCanPreviousPage(),
+              onFirst: () => table.setPageIndex(0),
+              onLast: () => table.setPageIndex(table.getPageCount() - 1),
+              onNext: () => table.nextPage(),
+              onPrev: () => table.previousPage()
+            }
+          )
         ] })
       ]
     }
@@ -369,8 +331,7 @@ function DataTable({
     },
     onColumnFiltersChange: (updater) => {
       const next = typeof updater === "function" ? updater(columnFilters) : updater;
-      if (controlledColumnFilters === void 0)
-        setInternalColumnFilters(next);
+      if (controlledColumnFilters === void 0) setInternalColumnFilters(next);
       onColumnFiltersChangeProp == null ? void 0 : onColumnFiltersChangeProp(next);
     },
     onPaginationChange: (updater) => {

package/dist/{chunk-PCPLO5HT.mjs → chunk-IOJRDS6V.mjs}

@@ -1,7 +1,3 @@
-import {
-  RadioGroup,
-  RadioGroupItem
-} from "./chunk-7XJHLGUV.mjs";
 import {
   FinancialDetailField,
   FinancialLvrBar,
@@ -9,9 +5,19 @@ import {
   FinancialSubtotalBlock,
   FinancialSubtotalFrame
 } from "./chunk-OGOYQ7BG.mjs";
+import {
+  formatDateShort
+} from "./chunk-7PV3IWCN.mjs";
+import {
+  RadioGroup,
+  RadioGroupItem
+} from "./chunk-7XJHLGUV.mjs";
 import {
   Badge
-} from "./chunk-WAZD7NFU.mjs";
+} from "./chunk-BKNFWEH2.mjs";
+import {
+  Button
+} from "./chunk-XREGSKX3.mjs";
 import {
   cn
 } from "./chunk-VLQZANBF.mjs";
@@ -70,12 +76,13 @@ function PropertyCard({
       ),
       children: [
         isLinkedToBank ? /* @__PURE__ */ jsxs(
-          "button",
+          Button,
           {
             type: "button",
+            variant: "ghost",
             "aria-expanded": expanded,
             onClick: () => setExpanded((prev) => !prev),
-            className: "flex items-center gap-1.5 px-5 py-3 text-left cursor-pointer hover:opacity-85",
+            className: "h-auto w-full justify-start gap-1.5 px-5 py-3 text-left",
             children: [
               /* @__PURE__ */ jsx("span", { className: "text-label-medium text-foreground", children: address }),
               type && /* @__PURE__ */ jsx(Badge, { variant: "outline", children: type }),
@@ -517,15 +524,28 @@ function AboutCard({
   lastName,
   phone,
   email,
+  dob,
   gender,
   maritalStatus,
+  numDependants,
   citizenStatus,
+  residentialAddress,
+  residentialStatus,
+  timeAtAddressYears,
+  timeAtAddressMonths,
+  driversLicence,
+  passport,
   propertyInTrust,
   companyOwnership
 }) {
   const fullName = [title, firstName, lastName].filter(Boolean).join(" ") || "\u2014";
+  const timeAtAddress = timeAtAddressYears || timeAtAddressMonths ? [
+    timeAtAddressYears && `${timeAtAddressYears}yr`,
+    timeAtAddressMonths && `${timeAtAddressMonths}mo`
+  ].filter(Boolean).join(" ") : void 0;
   return /* @__PURE__ */ jsx("div", { className: "border border-border overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-8 gap-y-4 px-5 py-4", children: [
     /* @__PURE__ */ jsx(FinancialDetailField, { label: "Full Name", value: fullName }),
+    /* @__PURE__ */ jsx(FinancialDetailField, { label: "Date of Birth", value: dob || "\u2014" }),
     /* @__PURE__ */ jsx(FinancialDetailField, { label: "Gender", value: gender || "\u2014" }),
     /* @__PURE__ */ jsx(FinancialDetailField, { label: "Phone", value: phone || "\u2014" }),
     /* @__PURE__ */ jsx(FinancialDetailField, { label: "Email", value: email || "\u2014" }),
@@ -536,6 +556,13 @@ function AboutCard({
         value: maritalStatus || "\u2014"
       }
     ),
+    /* @__PURE__ */ jsx(
+      FinancialDetailField,
+      {
+        label: "No. of Dependants",
+        value: numDependants != null ? numDependants : "\u2014"
+      }
+    ),
     /* @__PURE__ */ jsx(
       FinancialDetailField,
       {
@@ -543,6 +570,29 @@ function AboutCard({
         value: citizenStatus || "\u2014"
       }
     ),
+    /* @__PURE__ */ jsx(
+      FinancialDetailField,
+      {
+        label: "Residential Address",
+        value: residentialAddress || "\u2014"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FinancialDetailField,
+      {
+        label: "Residential Status",
+        value: residentialStatus || "\u2014"
+      }
+    ),
+    timeAtAddress && /* @__PURE__ */ jsx(FinancialDetailField, { label: "Time at Address", value: timeAtAddress }),
+    /* @__PURE__ */ jsx(
+      FinancialDetailField,
+      {
+        label: "Driver's Licence",
+        value: driversLicence || "\u2014"
+      }
+    ),
+    /* @__PURE__ */ jsx(FinancialDetailField, { label: "Passport", value: passport || "\u2014" }),
     /* @__PURE__ */ jsx(
       FinancialDetailField,
       {
@@ -568,19 +618,51 @@ function IncomeCard({ items, totalMonthly }) {
       "div",
       {
         className: cn(
-          "grid grid-cols-3 gap-x-6 px-5 py-[15px]",
+          "flex flex-col gap-3 px-5 py-[15px]",
           i < items.length - 1 && "border-b border-border"
         ),
         children: [
-          /* @__PURE__ */ jsx(FinancialDetailField, { label: "Type", value: item.incomeType || "\u2014" }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-x-6", children: [
+            /* @__PURE__ */ jsx(FinancialDetailField, { label: "Type", value: item.incomeType || "\u2014" }),
+            /* @__PURE__ */ jsx(
+              FinancialDetailField,
+              {
+                label: "Job Title",
+                value: item.jobTitle || "\u2014"
+              }
+            ),
+            /* @__PURE__ */ jsx(FinancialDetailField, { label: "Amount", value: item.amountLabel })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-x-6", children: [
+            /* @__PURE__ */ jsx(
+              FinancialDetailField,
+              {
+                label: "Company",
+                value: item.companyName || "\u2014"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              FinancialDetailField,
+              {
+                label: "Start Date",
+                value: formatDateShort(item.startDate)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              FinancialDetailField,
+              {
+                label: "Status",
+                value: item.stillInPosition === void 0 ? "\u2014" : item.stillInPosition ? "Still in position" : item.endDate ? `Ended ${formatDateShort(item.endDate)}` : "No longer in position"
+              }
+            )
+          ] }),
+          item.companyAddress && /* @__PURE__ */ jsx(
             FinancialDetailField,
             {
-              label: "Employer",
-              value: item.companyName || item.jobTitle || "\u2014"
+              label: "Company Address",
+              value: item.companyAddress
             }
-          ),
-          /* @__PURE__ */ jsx(FinancialDetailField, { label: "Amount", value: item.amountLabel })
+          )
         ]
       },
       i

package/dist/{chunk-LHYCMLVA.mjs → chunk-JKGDCQTZ.mjs}

@@ -8,7 +8,7 @@ import {
   FALLBACK_TICK,
   formatTooltipDate,
   hexToRgba
-} from "./chunk-FZIXGLMV.mjs";
+} from "./chunk-M3FV7LOK.mjs";
 import {
   Empty,
   EmptyDescription
@@ -19,7 +19,7 @@ import {
   CardContent,
   CardHeader,
   CardTitle
-} from "./chunk-CLIN5525.mjs";
+} from "./chunk-C7CQJNMR.mjs";
 import {
   useThemeVars
 } from "./chunk-FEZKMUCF.mjs";
@@ -40,7 +40,14 @@ import {
 } from "chart.js";
 import { Chart } from "react-chartjs-2";
 import { jsx, jsxs } from "react/jsx-runtime";
-ChartJS.register(CategoryScale, LinearScale, BarController, BarElement, Tooltip, Legend);
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  BarController,
+  BarElement,
+  Tooltip,
+  Legend
+);
 function LegendItem({
   label,
   fillColor,
@@ -251,7 +258,7 @@ function CashflowBarChart({
       style: { maxWidth: width, fontFamily },
       children: [
         /* @__PURE__ */ jsxs(CardHeader, { className: "px-3 sm:px-6", children: [
-          /* @__PURE__ */ jsx(CardTitle, { className: "text-sm sm:text-base uppercase tracking-wider", children: title }),
+          /* @__PURE__ */ jsx(CardTitle, { className: "text-xs font-semibold uppercase tracking-wide", children: title }),
           showPeriodSelector && /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx("div", { className: "flex gap-0.5 sm:gap-1", children: PERIODS.map((p) => /* @__PURE__ */ jsx(
             ChartPeriodButton,
             {

package/dist/{chunk-H45TKD34.mjs → chunk-JMHR3YGZ.mjs}

@@ -1,6 +1,6 @@
 import {
   buttonVariants
-} from "./chunk-2I5S2AMY.mjs";
+} from "./chunk-XREGSKX3.mjs";
 import {
   useThemeVars
 } from "./chunk-FEZKMUCF.mjs";

package/dist/{chunk-4MN6UQHG.mjs → chunk-K5A5L6T2.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskCheckItem
-} from "./chunk-FMAXJ2SI.mjs";
+} from "./chunk-MBON7YRJ.mjs";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -8,9 +8,16 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger
 } from "./chunk-EFRENWEJ.mjs";
+import {
+  formatCurrency
+} from "./chunk-MN5NYQCL.mjs";
+import {
+  formatDateDayMonth,
+  formatDateShort
+} from "./chunk-7PV3IWCN.mjs";
 import {
   Badge
-} from "./chunk-WAZD7NFU.mjs";
+} from "./chunk-BKNFWEH2.mjs";
 import {
   Accordion,
   AccordionContent,
@@ -23,7 +30,7 @@ import {
 import {
   Button,
   buttonVariants
-} from "./chunk-2I5S2AMY.mjs";
+} from "./chunk-XREGSKX3.mjs";
 import {
   cn
 } from "./chunk-VLQZANBF.mjs";
@@ -60,34 +67,6 @@ function resolvePriority(days, warningDays, priorityDays, priority) {
   if (warningDays !== void 0 || priorityDays !== void 0) return "LOW";
   return priority;
 }
-function formatAmount(amount) {
-  return new Intl.NumberFormat("en-AU", {
-    style: "currency",
-    currency: "AUD",
-    maximumFractionDigits: 0
-  }).format(amount);
-}
-function formatDate(iso) {
-  try {
-    return new Date(iso).toLocaleDateString("en-AU", {
-      day: "2-digit",
-      month: "short",
-      year: "numeric"
-    });
-  } catch (e) {
-    return iso;
-  }
-}
-function formatHoldDate(iso) {
-  try {
-    return new Date(iso).toLocaleDateString("en-AU", {
-      day: "2-digit",
-      month: "short"
-    });
-  } catch (e) {
-    return iso;
-  }
-}
 function formatLoanType(type) {
   return type.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
 }
@@ -149,7 +128,7 @@ function OpportunityCard({
             children: [
               /* @__PURE__ */ jsx(Clock, { className: "size-3 shrink-0" }),
               "On hold until ",
-              formatHoldDate(onHoldTo)
+              formatDateDayMonth(onHoldTo)
             ]
           }
         ),
@@ -164,17 +143,16 @@ function OpportunityCard({
         /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
             (loanPurposeLabel || loanType) && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "self-start", children: loanPurposeLabel != null ? loanPurposeLabel : formatLoanType(loanType) }),
-            /* @__PURE__ */ jsx("span", { className: "text-base font-bold tabular-nums text-foreground", children: formatAmount(amount) })
+            /* @__PURE__ */ jsx("span", { className: "text-base font-bold tabular-nums text-foreground", children: formatCurrency(amount) })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 -mr-1 -mt-1", children: [
             onLaunchAssistant && /* @__PURE__ */ jsx(
-              "button",
+              Button,
               {
                 type: "button",
-                className: cn(
-                  buttonVariants({ variant: "ghost", size: "icon" }),
-                  "size-7 shrink-0"
-                ),
+                variant: "ghost",
+                size: "icon",
+                className: "size-7 shrink-0",
                 onClick: onLaunchAssistant,
                 "aria-label": "Launch AI Assistant",
                 title: "Launch AI Assistant",
@@ -230,7 +208,7 @@ function OpportunityCard({
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
             /* @__PURE__ */ jsx(Calendar, { className: "size-3 shrink-0", "aria-hidden": "true" }),
-            formatDate(date)
+            formatDateShort(date)
           ] }),
           /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
             daysSinceColumnChanged !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [