@wealthx/shadcn 1.4.1 → 1.5.0

package/dist/components/ui/applicant-switcher.mjs

@@ -0,0 +1,46 @@
+import {
+  Button
+} from "../../chunk-NOOEKOWY.mjs";
+import "../../chunk-R4HCRDU5.mjs";
+import {
+  cn
+} from "../../chunk-AFML43VJ.mjs";
+import "../../chunk-WNQUEZJF.mjs";
+
+// src/components/ui/applicant-switcher.tsx
+import { jsx } from "react/jsx-runtime";
+function ApplicantSwitcher({
+  applicants,
+  selectedIndex,
+  onSelect,
+  className
+}) {
+  if (!applicants || applicants.length <= 1) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex w-fit items-center", className),
+      role: "group",
+      "aria-label": "Select applicant",
+      children: applicants.map((applicant, index) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: selectedIndex === index ? "default" : "outline",
+          onClick: () => onSelect(index),
+          "aria-pressed": selectedIndex === index,
+          className: cn(
+            "rounded-none",
+            // Remove left border on non-first items to create a joined look
+            index > 0 && "-ml-px"
+          ),
+          children: applicant.name
+        },
+        index
+      ))
+    }
+  );
+}
+export {
+  ApplicantSwitcher
+};

package/dist/components/ui/application-mobile-layout.js

@@ -0,0 +1,88 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/application-mobile-layout.tsx
+var application_mobile_layout_exports = {};
+__export(application_mobile_layout_exports, {
+  ApplicationMobileLayout: () => ApplicationMobileLayout
+});
+module.exports = __toCommonJS(application_mobile_layout_exports);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      "font-size": [
+        {
+          text: [
+            "display-large",
+            "display-medium",
+            "display-small",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "body-large",
+            "body-medium",
+            "body-small",
+            "label-large",
+            "label-medium",
+            "label-small",
+            "button",
+            "button-xs",
+            "caption",
+            "overline",
+            "code"
+          ]
+        }
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/application-mobile-layout.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function ApplicationMobileLayout({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: cn(
+        "min-h-screen bg-background font-sans",
+        // On desktop, center and cap the width so it doesn't span the full screen
+        "md:flex md:items-start md:justify-center md:py-8",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full md:max-w-2xl", children })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ApplicationMobileLayout
+});

package/dist/components/ui/application-mobile-layout.mjs

@@ -0,0 +1,8 @@
+import {
+  ApplicationMobileLayout
+} from "../../chunk-QQSOZQOC.mjs";
+import "../../chunk-AFML43VJ.mjs";
+import "../../chunk-WNQUEZJF.mjs";
+export {
+  ApplicationMobileLayout
+};

package/dist/components/ui/appointment-action-dialogs.js

@@ -671,7 +671,7 @@ function DialogContent(_a) {
     showCloseButton = true,
     style,
     container,
-    align = "center",
+    align = "top",
     size = "lg",
     minWidth
   } = _b, props = __objRest(_b, [

package/dist/components/ui/appointment-action-dialogs.mjs

@@ -1,21 +1,21 @@
 import {
   AppointmentConfirmDialog,
   AppointmentRescheduleDialog
-} from "../../chunk-SIVYAI3M.mjs";
-import "../../chunk-5VOTTIXF.mjs";
-import "../../chunk-6QAFGZC2.mjs";
+} from "../../chunk-2LLFNGJZ.mjs";
+import "../../chunk-FRT3S72S.mjs";
+import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
+import "../../chunk-NCUH54IZ.mjs";
 import "../../chunk-WL6WVV47.mjs";
-import "../../chunk-TLAWKTSA.mjs";
-import "../../chunk-6HIOM2HL.mjs";
-import "../../chunk-M4VYX2PV.mjs";
+import "../../chunk-BD3DWDT4.mjs";
+import "../../chunk-Q35PNFJ7.mjs";
+import "../../chunk-PV3Y7QGK.mjs";
 import "../../chunk-P7CEBZM6.mjs";
-import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-P2N2PEFY.mjs";
+import "../../chunk-6QAFGZC2.mjs";
+import "../../chunk-WDTXHLYM.mjs";
+import "../../chunk-S4CTM3UE.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";
-import "../../chunk-FEZKMUCF.mjs";
-import "../../chunk-QOJ2DQD6.mjs";
 import "../../chunk-AFML43VJ.mjs";
 import "../../chunk-WNQUEZJF.mjs";
 export {

package/dist/components/ui/appointment-availability-settings.js

@@ -60,6 +60,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var appointment_availability_settings_exports = {};
 __export(appointment_availability_settings_exports, {
   AppointmentAvailabilitySettings: () => AppointmentAvailabilitySettings,
+  MEETING_PLATFORM_OPTIONS: () => MEETING_PLATFORM_OPTIONS,
   TIMEZONE_OPTIONS: () => TIMEZONE_OPTIONS
 });
 module.exports = __toCommonJS(appointment_availability_settings_exports);
@@ -679,7 +680,7 @@ function DialogContent(_a) {
     showCloseButton = true,
     style,
     container,
-    align = "center",
+    align = "top",
     size = "lg",
     minWidth
   } = _b, props = __objRest(_b, [
@@ -1168,6 +1169,37 @@ var TIMEZONE_OPTIONS = [
   { value: "Asia/Singapore", label: "Singapore (SGT)" },
   { value: "UTC", label: "UTC" }
 ];
+var MEETING_PLATFORM_OPTIONS = [
+  { value: "google-meet", label: "Google Meet" },
+  { value: "microsoft-teams", label: "Microsoft Teams" },
+  { value: "any", label: "Let client choose" }
+];
+var MEETING_DURATION_OPTIONS = [
+  { value: "15", label: "15 minutes" },
+  { value: "30", label: "30 minutes" },
+  { value: "45", label: "45 minutes" },
+  { value: "60", label: "60 minutes" },
+  { value: "90", label: "90 minutes" }
+];
+var SCHEDULING_BUFFER_OPTIONS = [
+  { value: "0", label: "No buffer" },
+  { value: "5", label: "5 minutes" },
+  { value: "10", label: "10 minutes" },
+  { value: "15", label: "15 minutes" },
+  { value: "30", label: "30 minutes" }
+];
+var MAX_SLOTS_OPTIONS = [
+  { value: "2", label: "2 per day" },
+  { value: "4", label: "4 per day" },
+  { value: "6", label: "6 per day" },
+  { value: "8", label: "8 per day" },
+  { value: "10", label: "10 per day" },
+  { value: "unlimited", label: "Unlimited" }
+];
+var selectLabel = (opts, v) => {
+  var _a, _b;
+  return (_b = (_a = opts.find((o) => o.value === String(v))) == null ? void 0 : _a.label) != null ? _b : String(v != null ? v : "");
+};
 var TIME_OPTIONS = (() => {
   const opts = [];
   for (let h = 6; h <= 21; h++) {
@@ -1253,7 +1285,7 @@ function AddTimeOffDialog({
     reset();
     onOpenChange(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogContent, { size: "auto", minWidth: "26rem", align: "top", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogContent, { size: "auto", minWidth: "26rem", children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogHeader, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogTitle, { children: "Add time off" }),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogDescription, { children: "Block a date when you are unavailable. Clients cannot book on this date." })
@@ -1327,7 +1359,7 @@ function AppointmentAvailabilitySettings({
   onSave,
   onBlockedDatesChange
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const [schedule, setSchedule] = import_react4.default.useState(initialSchedule);
   const [meetingDuration, setMeetingDuration] = import_react4.default.useState(
     (_a = prefsProp == null ? void 0 : prefsProp.meetingDuration) != null ? _a : "30"
@@ -1341,6 +1373,7 @@ function AppointmentAvailabilitySettings({
   const [timezone, setTimezone] = import_react4.default.useState(
     (_d = prefsProp == null ? void 0 : prefsProp.timezone) != null ? _d : "Australia/Sydney"
   );
+  const [defaultMeetingPlatform, setDefaultMeetingPlatform] = import_react4.default.useState((_e = prefsProp == null ? void 0 : prefsProp.defaultMeetingPlatform) != null ? _e : "any");
   const [timeOffEntries, setTimeOffEntries] = import_react4.default.useState(
     () => {
       const holidays = publicHolidaysProp != null ? publicHolidaysProp : AU_PUBLIC_HOLIDAYS_2026;
@@ -1364,8 +1397,20 @@ function AppointmentAvailabilitySettings({
   );
   const [addMoreOpen, setAddMoreOpen] = import_react4.default.useState(false);
   const currentPrefs = import_react4.default.useMemo(
-    () => ({ meetingDuration, schedulingBuffer, maxSlotsPerDay, timezone }),
-    [meetingDuration, schedulingBuffer, maxSlotsPerDay, timezone]
+    () => ({
+      meetingDuration,
+      schedulingBuffer,
+      maxSlotsPerDay,
+      timezone,
+      defaultMeetingPlatform
+    }),
+    [
+      meetingDuration,
+      schedulingBuffer,
+      maxSlotsPerDay,
+      timezone,
+      defaultMeetingPlatform
+    ]
   );
   const saveGuard = import_react4.default.useRef(false);
   const timeOffGuard = import_react4.default.useRef(false);
@@ -1486,14 +1531,8 @@ function AppointmentAvailabilitySettings({
                 value: meetingDuration,
                 onValueChange: (v) => setMeetingDuration(v),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectValue, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SelectContent, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "15", children: "15 minutes" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "30", children: "30 minutes" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "45", children: "45 minutes" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "60", children: "60 minutes" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "90", children: "90 minutes" })
-                  ] })
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectValue, { children: (v) => selectLabel(MEETING_DURATION_OPTIONS, v) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectContent, { children: MEETING_DURATION_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
             )
@@ -1510,14 +1549,8 @@ function AppointmentAvailabilitySettings({
                 value: schedulingBuffer,
                 onValueChange: (v) => setSchedulingBuffer(v),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectValue, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SelectContent, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "0", children: "No buffer" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "5", children: "5 minutes" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "10", children: "10 minutes" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "15", children: "15 minutes" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "30", children: "30 minutes" })
-                  ] })
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectValue, { children: (v) => selectLabel(SCHEDULING_BUFFER_OPTIONS, v) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectContent, { children: SCHEDULING_BUFFER_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
             )
@@ -1534,15 +1567,8 @@ function AppointmentAvailabilitySettings({
                 value: maxSlotsPerDay,
                 onValueChange: (v) => setMaxSlotsPerDay(v),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectValue, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SelectContent, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "2", children: "2 per day" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "4", children: "4 per day" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "6", children: "6 per day" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "8", children: "8 per day" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "10", children: "10 per day" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: "unlimited", children: "Unlimited" })
-                  ] })
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectValue, { children: (v) => selectLabel(MAX_SLOTS_OPTIONS, v) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectContent, { children: MAX_SLOTS_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
             )
@@ -1559,12 +1585,32 @@ function AppointmentAvailabilitySettings({
                 value: timezone,
                 onValueChange: (v) => setTimezone(v),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectTrigger, { className: "w-56", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectValue, {}) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectTrigger, { className: "w-56", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectValue, { children: (v) => selectLabel(TIMEZONE_OPTIONS, v) }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectContent, { children: TIMEZONE_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
             )
           }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          PrefRow,
+          {
+            label: "Default Meeting Platform",
+            description: "Online meeting platform clients must use when booking",
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              Select,
+              {
+                value: defaultMeetingPlatform,
+                onValueChange: (v) => setDefaultMeetingPlatform(
+                  v
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectTrigger, { className: "w-48", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectValue, { children: (v) => selectLabel(MEETING_PLATFORM_OPTIONS, v) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectContent, { children: MEETING_PLATFORM_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+                ]
+              }
+            )
+          }
         )
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(TabsContent, { value: "time-off", children: [
@@ -1656,5 +1702,6 @@ function AppointmentAvailabilitySettings({
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppointmentAvailabilitySettings,
+  MEETING_PLATFORM_OPTIONS,
   TIMEZONE_OPTIONS
 });

package/dist/components/ui/appointment-availability-settings.mjs

@@ -1,25 +1,27 @@
 import {
   AppointmentAvailabilitySettings,
+  MEETING_PLATFORM_OPTIONS,
   TIMEZONE_OPTIONS
-} from "../../chunk-3ERBUVHC.mjs";
-import "../../chunk-OKTJFDPN.mjs";
-import "../../chunk-DGNHGNYH.mjs";
+} from "../../chunk-VJ3GC7W3.mjs";
+import "../../chunk-TAX3KL66.mjs";
 import "../../chunk-PNSYFE3K.mjs";
 import "../../chunk-WE4YKBDE.mjs";
-import "../../chunk-6HIOM2HL.mjs";
-import "../../chunk-M4VYX2PV.mjs";
-import "../../chunk-P7CEBZM6.mjs";
 import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-ZEDMKQK2.mjs";
+import "../../chunk-NCUH54IZ.mjs";
+import "../../chunk-BFB3UH7V.mjs";
+import "../../chunk-C6SWS7OW.mjs";
+import "../../chunk-Q35PNFJ7.mjs";
+import "../../chunk-PV3Y7QGK.mjs";
+import "../../chunk-P7CEBZM6.mjs";
 import "../../chunk-LBTHZSBT.mjs";
-import "../../chunk-P2N2PEFY.mjs";
+import "../../chunk-WDTXHLYM.mjs";
+import "../../chunk-S4CTM3UE.mjs";
 import "../../chunk-NOOEKOWY.mjs";
 import "../../chunk-R4HCRDU5.mjs";
-import "../../chunk-FEZKMUCF.mjs";
-import "../../chunk-QOJ2DQD6.mjs";
 import "../../chunk-AFML43VJ.mjs";
 import "../../chunk-WNQUEZJF.mjs";
 export {
   AppointmentAvailabilitySettings,
+  MEETING_PLATFORM_OPTIONS,
   TIMEZONE_OPTIONS
 };