@wealthx/shadcn 1.4.1 → 1.5.0

package/dist/chunk-TXUBGKB7.mjs

@@ -0,0 +1,160 @@
+import {
+  PasswordStrengthTooltip
+} from "./chunk-F4O2YPXJ.mjs";
+import {
+  Field,
+  FieldError,
+  FieldLabel
+} from "./chunk-MUV4EGDW.mjs";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-TAX3KL66.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+
+// src/components/ui/signup-form-primitives.tsx
+import { useState } from "react";
+import { EyeIcon, EyeOffIcon, Trash2Icon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SectionHeading({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "font-semibold text-lg text-foreground", children });
+}
+function FormField({ label, required, children }) {
+  return /* @__PURE__ */ jsxs(Field, { children: [
+    /* @__PURE__ */ jsxs(FieldLabel, { children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+    ] }),
+    children
+  ] });
+}
+var STRENGTH_RULES = [
+  { test: (p) => p.length >= 8 },
+  { test: (p) => /[A-Z]/.test(p) },
+  { test: (p) => /[a-z]/.test(p) },
+  { test: (p) => /\d/.test(p) },
+  { test: (p) => /[^A-Za-z0-9]/.test(p) }
+];
+function PasswordField({
+  label,
+  placeholder,
+  required,
+  showStrengthPopover,
+  onValueChange
+}) {
+  const [show, setShow] = useState(false);
+  const [error, setError] = useState("");
+  const [touched, setTouched] = useState(false);
+  const [value, setValue] = useState("");
+  const [typingStarted, setTypingStarted] = useState(false);
+  const allRulesPass = STRENGTH_RULES.every((r) => r.test(value));
+  const isPopoverOpen = !!showStrengthPopover && typingStarted && !allRulesPass;
+  const validate = (v) => {
+    if (v.length > 0 && v.length < 8) return "Min. 8 characters required";
+    return "";
+  };
+  const inputEl = /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: show ? "text" : "password",
+        placeholder,
+        className: "pr-10",
+        value,
+        onChange: (e) => {
+          const v = e.target.value;
+          setValue(v);
+          onValueChange == null ? void 0 : onValueChange(v);
+          if (!typingStarted && v.length > 0) setTypingStarted(true);
+          if (touched) setError(validate(v));
+        },
+        onBlur: () => {
+          setTouched(true);
+          setError(validate(value));
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": show ? "Hide password" : "Show password",
+        className: "absolute right-3 top-2.5 text-muted-foreground hover:text-foreground",
+        onClick: () => setShow((s) => !s),
+        children: show ? /* @__PURE__ */ jsx(EyeOffIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "size-4" })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs(Field, { children: [
+    /* @__PURE__ */ jsxs(FieldLabel, { children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+    ] }),
+    showStrengthPopover ? /* @__PURE__ */ jsx(
+      PasswordStrengthTooltip,
+      {
+        open: isPopoverOpen,
+        password: value,
+        side: "right",
+        children: inputEl
+      }
+    ) : inputEl,
+    /* @__PURE__ */ jsx("div", { className: "min-h-5", children: touched && error && /* @__PURE__ */ jsx(FieldError, { children: error }) })
+  ] });
+}
+var DEFAULT_ROLE_OPTIONS = ["Admin", "Broker", "Support"];
+function StaffRowItem({
+  member,
+  onRemove,
+  onChange,
+  showRemove,
+  roleOptions = DEFAULT_ROLE_OPTIONS
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 w-full", children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        className: "flex-1",
+        placeholder: "staff@company.com",
+        value: member.email,
+        onChange: (e) => onChange(member.id, "email", e.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: member.role,
+        onValueChange: (v) => onChange(member.id, "role", v),
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[140px] shrink-0", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select Role" }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: roleOptions.map((r) => /* @__PURE__ */ jsx(SelectItem, { value: r, children: r }, r)) })
+        ]
+      }
+    ),
+    showRemove && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon-sm",
+        onClick: () => onRemove(member.id),
+        "aria-label": "Remove staff member",
+        children: /* @__PURE__ */ jsx(Trash2Icon, { className: "size-4" })
+      }
+    )
+  ] });
+}
+
+export {
+  SectionHeading,
+  FormField,
+  PasswordField,
+  StaffRowItem
+};

package/dist/chunk-UEREFDAE.mjs

@@ -0,0 +1,75 @@
+import {
+  Step,
+  StepItem,
+  Stepper
+} from "./chunk-6TX73WG7.mjs";
+
+// src/components/ui/signup-shell.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_VIDEO_SRC = "https://d1rndq5v7rs3ry.cloudfront.net/padua-landing-video.mp4";
+function SignupVideoPanel({
+  videoSrc = DEFAULT_VIDEO_SRC
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "hidden @md:block relative bg-neutral-900 overflow-hidden", children: /* @__PURE__ */ jsx(
+    "video",
+    {
+      autoPlay: true,
+      muted: true,
+      loop: true,
+      playsInline: true,
+      className: "absolute inset-0 w-full h-full object-cover",
+      children: /* @__PURE__ */ jsx("source", { src: videoSrc, type: "video/mp4" })
+    }
+  ) });
+}
+function SignupShell({
+  steps,
+  step,
+  children,
+  footer,
+  videoSrc,
+  title = "Sign Up"
+}) {
+  const isSuccess = step >= steps.length;
+  return /* @__PURE__ */ jsxs("div", { className: "@md:grid @md:grid-cols-2 h-screen overflow-hidden", children: [
+    /* @__PURE__ */ jsx(SignupVideoPanel, { videoSrc }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col h-full overflow-hidden", children: isSuccess ? /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto min-h-0 flex items-center justify-center", children }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ jsx("div", { className: "flex min-h-full justify-center px-4 py-6 @sm:px-10 @sm:py-10", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-[560px] flex flex-col gap-8", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground text-center", children: title }),
+        /* @__PURE__ */ jsx(Stepper, { activeStep: step, className: "w-full", children: steps.map((label) => /* @__PURE__ */ jsx(Step, { children: /* @__PURE__ */ jsx(StepItem, { label }) }, label)) }),
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-foreground", children: steps[step] }),
+        children
+      ] }) }) }),
+      footer && /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border bg-background", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-[560px] mx-auto px-0 py-4 flex justify-between", children: footer }) })
+    ] }) })
+  ] });
+}
+function FrontendShell({
+  steps,
+  stepIndex,
+  children,
+  footer,
+  isSuccess = false,
+  videoSrc,
+  title = "Create Account"
+}) {
+  const hasStepper = stepIndex !== void 0 && steps !== void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "@md:grid @md:grid-cols-2 h-screen overflow-hidden", children: [
+    /* @__PURE__ */ jsx(SignupVideoPanel, { videoSrc }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col h-full overflow-hidden", children: isSuccess ? /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto min-h-0 flex items-center justify-center", children }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ jsx("div", { className: "flex min-h-full justify-center px-4 py-6 @sm:px-10 @sm:py-10", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-[520px] flex flex-col gap-8", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground text-center", children: title }),
+        hasStepper && /* @__PURE__ */ jsx(Stepper, { activeStep: stepIndex, className: "w-full", children: steps.map((label) => /* @__PURE__ */ jsx(Step, { children: /* @__PURE__ */ jsx(StepItem, { label }) }, label)) }),
+        hasStepper && /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-foreground", children: steps[stepIndex] }),
+        children
+      ] }) }) }),
+      footer && /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border bg-background", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-[520px] mx-auto px-0 py-4 flex justify-between", children: footer }) })
+    ] }) })
+  ] });
+}
+
+export {
+  SignupVideoPanel,
+  SignupShell,
+  FrontendShell
+};

package/dist/chunk-UTCQN6XU.mjs

@@ -0,0 +1,123 @@
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/applicant-document-checklist.tsx
+import * as React from "react";
+import { CheckCircle2, Circle, Upload } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function StatusIcon({ status }) {
+  if (status === "uploaded") {
+    return /* @__PURE__ */ jsx(CheckCircle2, { className: "size-5 shrink-0 text-primary" });
+  }
+  return /* @__PURE__ */ jsx(Circle, { className: "size-5 shrink-0 text-muted-foreground" });
+}
+function ApplicantDocumentChecklist({
+  applicantName,
+  items,
+  onUpload,
+  onRemove,
+  className
+}) {
+  const inputRefs = React.useRef({});
+  function handleFileChange(itemId, e) {
+    var _a;
+    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+    if (file) onUpload == null ? void 0 : onUpload(itemId, file);
+    e.target.value = "";
+  }
+  const { uploadedCount, totalRequired } = React.useMemo(() => {
+    let uploaded = 0;
+    let required = 0;
+    for (const i of items) {
+      if (i.status !== "not-required") required++;
+      if (i.status === "uploaded") uploaded++;
+    }
+    return { uploadedCount: uploaded, totalRequired: required };
+  }, [items]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6 font-sans", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      applicantName && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: applicantName }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-foreground", children: [
+        uploadedCount,
+        " of ",
+        totalRequired,
+        " documents uploaded"
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-1.5 w-full bg-muted", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-full bg-primary transition-all",
+          style: {
+            width: totalRequired > 0 ? `${Math.round(uploadedCount / totalRequired * 100)}%` : "0%"
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-border border border-border", children: items.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+      /* @__PURE__ */ jsx(StatusIcon, { status: item.status }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "text-sm font-medium",
+              item.status === "uploaded" ? "text-foreground" : "text-muted-foreground"
+            ),
+            children: item.category
+          }
+        ),
+        item.fileName && /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.fileName })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: item.status === "uploaded" ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "text-xs text-destructive hover:text-destructive",
+          onClick: () => onRemove == null ? void 0 : onRemove(item.id),
+          children: "Remove"
+        }
+      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            className: "gap-1.5 text-xs",
+            onClick: () => {
+              var _a;
+              return (_a = inputRefs.current[item.id]) == null ? void 0 : _a.click();
+            },
+            children: [
+              /* @__PURE__ */ jsx(Upload, { className: "size-3.5" }),
+              "Upload"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: (el) => {
+              inputRefs.current[item.id] = el;
+            },
+            type: "file",
+            accept: ".pdf,.jpg,.jpeg,.png",
+            className: "sr-only",
+            onChange: (e) => handleFileChange(item.id, e)
+          }
+        )
+      ] }) })
+    ] }, item.id)) }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Accepted formats: PDF, JPG, PNG. Max 10 MB per file." })
+  ] });
+}
+
+export {
+  ApplicantDocumentChecklist
+};

package/dist/{chunk-37AE3OM5.mjs → chunk-V4CUTCHS.mjs}

@@ -7,9 +7,6 @@ import {
   FALLBACK_PRIMARY,
   hexToRgba
 } from "./chunk-YEWNFK5S.mjs";
-import {
-  formatCurrencyAbbrev
-} from "./chunk-MN5NYQCL.mjs";
 import {
   Empty,
   EmptyDescription
@@ -22,7 +19,10 @@ import {
 } from "./chunk-3VDET466.mjs";
 import {
   useThemeVars
-} from "./chunk-FEZKMUCF.mjs";
+} from "./chunk-WDTXHLYM.mjs";
+import {
+  formatCurrencyAbbrev
+} from "./chunk-MN5NYQCL.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/{chunk-THVO2N47.mjs → chunk-VFH632TB.mjs}

@@ -1,16 +1,9 @@
-import {
-  ToggleGroup,
-  ToggleGroupItem
-} from "./chunk-OWFQSXVD.mjs";
-import {
-  DatePicker
-} from "./chunk-OKTJFDPN.mjs";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger
-} from "./chunk-ZEDMKQK2.mjs";
+} from "./chunk-TAX3KL66.mjs";
 import {
   Dialog,
   DialogContent,
@@ -18,7 +11,14 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-P2N2PEFY.mjs";
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  DatePicker
+} from "./chunk-BFB3UH7V.mjs";
+import {
+  ToggleGroup,
+  ToggleGroupItem
+} from "./chunk-OWFQSXVD.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-3ERBUVHC.mjs → chunk-VJ3GC7W3.mjs}

@@ -1,6 +1,10 @@
 import {
-  DatePicker
-} from "./chunk-OKTJFDPN.mjs";
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-TAX3KL66.mjs";
 import {
   Switch
 } from "./chunk-PNSYFE3K.mjs";
@@ -10,25 +14,9 @@ import {
   TabsList,
   TabsTrigger
 } from "./chunk-WE4YKBDE.mjs";
-import {
-  formatDateWithWeekday
-} from "./chunk-M4VYX2PV.mjs";
-import {
-  Label
-} from "./chunk-P7CEBZM6.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "./chunk-ZEDMKQK2.mjs";
-import {
-  Input
-} from "./chunk-LBTHZSBT.mjs";
 import {
   Dialog,
   DialogContent,
@@ -36,7 +24,19 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-P2N2PEFY.mjs";
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  DatePicker
+} from "./chunk-BFB3UH7V.mjs";
+import {
+  formatDateWithWeekday
+} from "./chunk-PV3Y7QGK.mjs";
+import {
+  Label
+} from "./chunk-P7CEBZM6.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";
@@ -74,6 +74,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++) {
@@ -159,7 +190,7 @@ function AddTimeOffDialog({
     reset();
     onOpenChange(false);
   };
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "auto", minWidth: "26rem", align: "top", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "auto", minWidth: "26rem", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: "Add time off" }),
       /* @__PURE__ */ jsx(DialogDescription, { children: "Block a date when you are unavailable. Clients cannot book on this date." })
@@ -233,7 +264,7 @@ function AppointmentAvailabilitySettings({
   onSave,
   onBlockedDatesChange
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const [schedule, setSchedule] = React.useState(initialSchedule);
   const [meetingDuration, setMeetingDuration] = React.useState(
     (_a = prefsProp == null ? void 0 : prefsProp.meetingDuration) != null ? _a : "30"
@@ -247,6 +278,7 @@ function AppointmentAvailabilitySettings({
   const [timezone, setTimezone] = React.useState(
     (_d = prefsProp == null ? void 0 : prefsProp.timezone) != null ? _d : "Australia/Sydney"
   );
+  const [defaultMeetingPlatform, setDefaultMeetingPlatform] = React.useState((_e = prefsProp == null ? void 0 : prefsProp.defaultMeetingPlatform) != null ? _e : "any");
   const [timeOffEntries, setTimeOffEntries] = React.useState(
     () => {
       const holidays = publicHolidaysProp != null ? publicHolidaysProp : AU_PUBLIC_HOLIDAYS_2026;
@@ -270,8 +302,20 @@ function AppointmentAvailabilitySettings({
   );
   const [addMoreOpen, setAddMoreOpen] = React.useState(false);
   const currentPrefs = React.useMemo(
-    () => ({ meetingDuration, schedulingBuffer, maxSlotsPerDay, timezone }),
-    [meetingDuration, schedulingBuffer, maxSlotsPerDay, timezone]
+    () => ({
+      meetingDuration,
+      schedulingBuffer,
+      maxSlotsPerDay,
+      timezone,
+      defaultMeetingPlatform
+    }),
+    [
+      meetingDuration,
+      schedulingBuffer,
+      maxSlotsPerDay,
+      timezone,
+      defaultMeetingPlatform
+    ]
   );
   const saveGuard = React.useRef(false);
   const timeOffGuard = React.useRef(false);
@@ -392,14 +436,8 @@ function AppointmentAvailabilitySettings({
                 value: meetingDuration,
                 onValueChange: (v) => setMeetingDuration(v),
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                  /* @__PURE__ */ jsxs(SelectContent, { children: [
-                    /* @__PURE__ */ jsx(SelectItem, { value: "15", children: "15 minutes" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "30", children: "30 minutes" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "45", children: "45 minutes" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "60", children: "60 minutes" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "90", children: "90 minutes" })
-                  ] })
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ jsx(SelectValue, { children: (v) => selectLabel(MEETING_DURATION_OPTIONS, v) }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: MEETING_DURATION_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
             )
@@ -416,14 +454,8 @@ function AppointmentAvailabilitySettings({
                 value: schedulingBuffer,
                 onValueChange: (v) => setSchedulingBuffer(v),
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                  /* @__PURE__ */ jsxs(SelectContent, { children: [
-                    /* @__PURE__ */ jsx(SelectItem, { value: "0", children: "No buffer" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "5", children: "5 minutes" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "10", children: "10 minutes" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "15", children: "15 minutes" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "30", children: "30 minutes" })
-                  ] })
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ jsx(SelectValue, { children: (v) => selectLabel(SCHEDULING_BUFFER_OPTIONS, v) }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: SCHEDULING_BUFFER_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
             )
@@ -440,15 +472,8 @@ function AppointmentAvailabilitySettings({
                 value: maxSlotsPerDay,
                 onValueChange: (v) => setMaxSlotsPerDay(v),
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                  /* @__PURE__ */ jsxs(SelectContent, { children: [
-                    /* @__PURE__ */ jsx(SelectItem, { value: "2", children: "2 per day" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "4", children: "4 per day" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "6", children: "6 per day" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "8", children: "8 per day" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "10", children: "10 per day" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "unlimited", children: "Unlimited" })
-                  ] })
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ jsx(SelectValue, { children: (v) => selectLabel(MAX_SLOTS_OPTIONS, v) }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: MAX_SLOTS_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
             )
@@ -465,12 +490,32 @@ function AppointmentAvailabilitySettings({
                 value: timezone,
                 onValueChange: (v) => setTimezone(v),
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-56", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-56", children: /* @__PURE__ */ jsx(SelectValue, { children: (v) => selectLabel(TIMEZONE_OPTIONS, v) }) }),
                   /* @__PURE__ */ jsx(SelectContent, { children: TIMEZONE_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                 ]
               }
             )
           }
+        ),
+        /* @__PURE__ */ jsx(
+          PrefRow,
+          {
+            label: "Default Meeting Platform",
+            description: "Online meeting platform clients must use when booking",
+            children: /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: defaultMeetingPlatform,
+                onValueChange: (v) => setDefaultMeetingPlatform(
+                  v
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-48", children: /* @__PURE__ */ jsx(SelectValue, { children: (v) => selectLabel(MEETING_PLATFORM_OPTIONS, v) }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: MEETING_PLATFORM_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+                ]
+              }
+            )
+          }
         )
       ] }) }),
       /* @__PURE__ */ jsxs(TabsContent, { value: "time-off", children: [
@@ -562,5 +607,6 @@ function AppointmentAvailabilitySettings({
 
 export {
   TIMEZONE_OPTIONS,
+  MEETING_PLATFORM_OPTIONS,
   AppointmentAvailabilitySettings
 };

package/dist/{chunk-V6XGXYCJ.mjs → chunk-VLELWBEW.mjs}

@@ -3,7 +3,7 @@ import {
   DebtCard,
   OtherLiabilityCard,
   PropertyCard
-} from "./chunk-L4NSRQ3T.mjs";
+} from "./chunk-HROG643K.mjs";
 import {
   FinancialCardHeader,
   FinancialDetailField,
@@ -12,15 +12,15 @@ import {
   FinancialSubtotalBlock,
   FinancialSubtotalFrame
 } from "./chunk-DQB4EPIS.mjs";
+import {
+  Separator
+} from "./chunk-2GIYVERS.mjs";
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger
 } from "./chunk-UNACI2YK.mjs";
-import {
-  Separator
-} from "./chunk-2GIYVERS.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";