@wealthx/shadcn 1.2.2 → 1.3.0

package/dist/{chunk-4Y6R4WEC.mjs → chunk-2A5RRQGG.mjs}

@@ -3,7 +3,11 @@ import {
   FALLBACK_BG,
   FALLBACK_PRIMARY,
   FALLBACK_TICK
-} from "./chunk-FZIXGLMV.mjs";
+} from "./chunk-M3FV7LOK.mjs";
+import {
+  formatCurrency,
+  formatCurrencyAbbrev
+} from "./chunk-MN5NYQCL.mjs";
 import {
   Empty,
   EmptyDescription
@@ -13,7 +17,7 @@ import {
   CardContent,
   CardHeader,
   CardTitle
-} from "./chunk-CLIN5525.mjs";
+} from "./chunk-C7CQJNMR.mjs";
 import {
   Spinner
 } from "./chunk-7YAU5CY6.mjs";
@@ -45,23 +49,6 @@ ChartJS.register(
   PointElement,
   Tooltip
 );
-function formatAbbrev(value) {
-  const abs = Math.abs(value);
-  const sign = value < 0 ? "-" : "";
-  if (abs >= 1e9)
-    return `${sign}$${(abs / 1e9).toFixed(1)}B`;
-  if (abs >= 1e6) return `${sign}$${(abs / 1e6).toFixed(1)}M`;
-  if (abs >= 1e3) return `${sign}$${(abs / 1e3).toFixed(1)}K`;
-  return `${sign}$${abs.toFixed(0)}`;
-}
-function formatBalanceFull(value) {
-  const abs = Math.abs(value);
-  const sign = value < 0 ? "-" : "";
-  return `${sign}$${abs.toLocaleString(void 0, {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  })}`;
-}
 function formatDateLabel(iso) {
   const d = new Date(iso);
   return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
@@ -187,7 +174,7 @@ function CashBalanceLineChart({
             padding: 8,
             color: FALLBACK_TICK,
             font: { size: 10, family: fontFamily },
-            callback: (v) => formatAbbrev(Number(v))
+            callback: (v) => formatCurrencyAbbrev(Number(v))
           }
         }
       }
@@ -202,8 +189,8 @@ function CashBalanceLineChart({
       style: { maxWidth: width, fontFamily },
       children: [
         /* @__PURE__ */ jsx(CardHeader, { className: "px-3 sm:px-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx(CardTitle, { className: "text-sm sm:text-base uppercase tracking-wider", children: title }),
-          showBalanceValue && latestValue !== null && /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold tabular-nums leading-tight", children: formatBalanceFull(latestValue) })
+          /* @__PURE__ */ jsx(CardTitle, { className: "text-xs font-semibold uppercase tracking-wide", children: title }),
+          showBalanceValue && latestValue !== null && /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold tabular-nums leading-tight", children: formatCurrency(latestValue, { decimals: 2 }) })
         ] }) }),
         /* @__PURE__ */ jsx(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ jsx(
           "div",

package/dist/{chunk-TS2ZX2VS.mjs → chunk-2UM72RJ7.mjs}

@@ -6,9 +6,12 @@ import {
   FALLBACK_BG,
   FALLBACK_FOREGROUND,
   FALLBACK_PRIMARY,
-  FALLBACK_TICK,
-  formatAbbrev
-} from "./chunk-FZIXGLMV.mjs";
+  FALLBACK_TICK
+} from "./chunk-M3FV7LOK.mjs";
+import {
+  formatCurrency,
+  formatCurrencyAbbrev
+} from "./chunk-MN5NYQCL.mjs";
 import {
   Empty,
   EmptyDescription
@@ -18,7 +21,7 @@ import {
   CardContent,
   CardHeader,
   CardTitle
-} from "./chunk-CLIN5525.mjs";
+} from "./chunk-C7CQJNMR.mjs";
 import {
   useThemeVars
 } from "./chunk-FEZKMUCF.mjs";
@@ -73,13 +76,6 @@ var SERIES_LEGEND_ORDER = [
   "desired-loan-amount"
 ];
 var DASH_PATTERN = [6, 4];
-function formatCurrencyFull(dollars) {
-  return new Intl.NumberFormat("en-AU", {
-    style: "currency",
-    currency: "AUD",
-    maximumFractionDigits: 0
-  }).format(dollars);
-}
 function formatDateLabel(iso) {
   const d = /* @__PURE__ */ new Date(`${iso.slice(0, 7)}-01T00:00:00`);
   return d.toLocaleDateString("en-US", { month: "short", year: "2-digit" });
@@ -179,7 +175,7 @@ function BorrowingCapacityLineChart({
             label: (ctx) => {
               var _a;
               const dollars = (_a = ctx.parsed.y) != null ? _a : 0;
-              return ` ${ctx.dataset.label}: ${formatCurrencyFull(dollars)}`;
+              return ` ${ctx.dataset.label}: ${formatCurrency(dollars)}`;
             }
           }
         }
@@ -214,7 +210,7 @@ function BorrowingCapacityLineChart({
             padding: 8,
             color: FALLBACK_TICK,
             font: { size: 10, family: fontFamily },
-            callback: (v) => formatAbbrev(Number(v))
+            callback: (v) => formatCurrencyAbbrev(Number(v))
           }
         }
       }
@@ -244,8 +240,8 @@ function BorrowingCapacityLineChart({
       style: { maxWidth: width, fontFamily },
       children: [
         /* @__PURE__ */ jsx(CardHeader, { className: "px-3 sm:px-6", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-          /* @__PURE__ */ jsx(CardTitle, { className: "text-sm sm:text-base uppercase tracking-wider", children: title }),
-          kpiValue != null && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xl font-bold tabular-nums", children: formatCurrencyFull(kpiValue / 100) })
+          /* @__PURE__ */ jsx(CardTitle, { className: "text-xs font-semibold uppercase tracking-wide", children: title }),
+          kpiValue != null && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xl font-bold tabular-nums", children: formatCurrency(kpiValue / 100) })
         ] }) }),
         /* @__PURE__ */ jsx(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { style: { height, width: "100%" } }) : !hasData ? /* @__PURE__ */ jsx(Empty, { className: "flex-none p-4", style: { height }, children: /* @__PURE__ */ jsx(EmptyDescription, { children: "No borrowing capacity data available" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           legendPosition === "top" && legendWrapper,

package/dist/{chunk-A56YQQHG.mjs → chunk-3NCUZIFP.mjs}

@@ -3,7 +3,7 @@ import {
   DebtCard,
   OtherLiabilityCard,
   PropertyCard
-} from "./chunk-PCPLO5HT.mjs";
+} from "./chunk-IOJRDS6V.mjs";
 import {
   FinancialCardHeader,
   FinancialDetailField,
@@ -23,7 +23,7 @@ import {
 } from "./chunk-FH6QVUVZ.mjs";
 import {
   Button
-} from "./chunk-2I5S2AMY.mjs";
+} from "./chunk-XREGSKX3.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-3OYFOX3X.mjs

@@ -0,0 +1,79 @@
+import {
+  Toggle
+} from "./chunk-BDYZCBRT.mjs";
+import {
+  Badge
+} from "./chunk-BKNFWEH2.mjs";
+
+// src/components/ui/appointment-time-slot-picker.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function AppointmentSlotSection({
+  label,
+  slots,
+  selectedSlotId,
+  onSelect
+}) {
+  const hasAvailable = slots.some((s) => s.available);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+      !hasAvailable && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-[10px]", children: "No availability" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: slots.map((slot) => /* @__PURE__ */ jsx(
+      Toggle,
+      {
+        variant: "outline",
+        pressed: selectedSlotId === slot.id,
+        onPressedChange: (pressed) => {
+          if (pressed && slot.available) onSelect == null ? void 0 : onSelect(slot);
+        },
+        disabled: !slot.available,
+        className: "min-w-[88px]",
+        children: slot.label
+      },
+      slot.id
+    )) })
+  ] });
+}
+function AppointmentTimeSlotPicker({
+  amSlots,
+  pmSlots,
+  selectedSlotId,
+  onSelect
+}) {
+  const totalAvailable = [...amSlots, ...pmSlots].filter(
+    (s) => s.available
+  ).length;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "Select a time slot" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        totalAvailable,
+        " available"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AppointmentSlotSection,
+      {
+        label: "Morning",
+        slots: amSlots,
+        selectedSlotId,
+        onSelect
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AppointmentSlotSection,
+      {
+        label: "Afternoon",
+        slots: pmSlots,
+        selectedSlotId,
+        onSelect
+      }
+    )
+  ] });
+}
+
+export {
+  AppointmentSlotSection,
+  AppointmentTimeSlotPicker
+};

package/dist/{chunk-RP3SQYA3.mjs → chunk-3TTACBDP.mjs}

@@ -1,6 +1,9 @@
 import {
   badgeVariants
-} from "./chunk-WAZD7NFU.mjs";
+} from "./chunk-BKNFWEH2.mjs";
+import {
+  Button
+} from "./chunk-XREGSKX3.mjs";
 import {
   cn
 } from "./chunk-VLQZANBF.mjs";
@@ -44,17 +47,19 @@ function Chip(_a) {
       children: [
         children,
         onRemove ? /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
             "aria-label": "Remove",
-            className: "ml-0.5 inline-flex shrink-0 items-center justify-center rounded-full p-0.5 opacity-60 hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none",
+            className: "ml-0.5 size-4 shrink-0 rounded-full p-0.5 opacity-60 hover:opacity-100 disabled:pointer-events-none",
             "data-slot": "chip-remove",
             disabled,
             onClick: (e) => {
               e.stopPropagation();
               onRemove();
             },
-            type: "button",
             children: /* @__PURE__ */ jsx(X, { className: "size-3" })
           }
         ) : null