@wealthx/shadcn 1.3.1 → 1.3.3

package/dist/components/ui/ai-conversations.mjs

@@ -0,0 +1,41 @@
+import {
+  AICollectedDataSection,
+  AiConvAssignAdvisorDialog,
+  ChatBubble,
+  ChatComposer,
+  ChatThread,
+  ConversationList,
+  ConversationListItem,
+  ConversationStatusChip,
+  ConversationsPage,
+  LeadInfoPanel
+} from "../../chunk-OLKMCXAR.mjs";
+import "../../chunk-UALR6JGV.mjs";
+import "../../chunk-RSUIPKGX.mjs";
+import "../../chunk-OWFQSXVD.mjs";
+import "../../chunk-H6NQTIF4.mjs";
+import "../../chunk-6QAFGZC2.mjs";
+import "../../chunk-BS75ICOO.mjs";
+import "../../chunk-WL6WVV47.mjs";
+import "../../chunk-WE4YKBDE.mjs";
+import "../../chunk-2GIYVERS.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-AFML43VJ.mjs";
+import "../../chunk-WNQUEZJF.mjs";
+export {
+  AICollectedDataSection,
+  AiConvAssignAdvisorDialog,
+  ChatBubble,
+  ChatComposer,
+  ChatThread,
+  ConversationList,
+  ConversationListItem,
+  ConversationStatusChip,
+  ConversationsPage,
+  LeadInfoPanel
+};

package/dist/components/ui/alert-dialog.js

@@ -184,9 +184,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"
       },

package/dist/components/ui/alert-dialog.mjs

@@ -11,13 +11,13 @@ import {
   AlertDialogPortal,
   AlertDialogTitle,
   AlertDialogTrigger
-} from "../../chunk-JMHR3YGZ.mjs";
-import "../../chunk-XREGSKX3.mjs";
-import "../../chunk-DBHJ5KC3.mjs";
+} from "../../chunk-TLAWKTSA.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 {
   AlertDialog,
   AlertDialogAction,

package/dist/components/ui/alert.mjs

@@ -2,9 +2,9 @@ import {
   Alert,
   AlertDescription,
   AlertTitle
-} from "../../chunk-P76HMUI6.mjs";
-import "../../chunk-VLQZANBF.mjs";
-import "../../chunk-FWCSY2DS.mjs";
+} from "../../chunk-MDUKXXIL.mjs";
+import "../../chunk-AFML43VJ.mjs";
+import "../../chunk-WNQUEZJF.mjs";
 export {
   Alert,
   AlertDescription,

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

@@ -177,9 +177,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"
       },
@@ -407,6 +407,22 @@ function AlertDialogCancel(_a) {
 var React3 = __toESM(require("react"));
 var import_lucide_react2 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
+
+// src/lib/format-date.ts
+var import_date_fns = require("date-fns");
+function safeParse(iso) {
+  return (0, import_date_fns.parseISO)(iso);
+}
+function formatDateShort(iso) {
+  if (!iso) return "\u2014";
+  try {
+    return (0, import_date_fns.format)(safeParse(iso), "dd MMM yyyy");
+  } catch (e) {
+    return iso;
+  }
+}
+
+// src/components/ui/calendar.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function CalendarRoot(_a) {
   var _b = _a, {
@@ -591,7 +607,7 @@ function CalendarDayButton(_a) {
         defaultClassNames.day,
         className
       ),
-      "data-day": day.date.toLocaleDateString(),
+      "data-day": formatDateShort(day.date.toISOString()),
       "data-range-end": modifiers.range_end,
       "data-range-middle": modifiers.range_middle,
       "data-range-start": modifiers.range_start,

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

@@ -1,22 +1,23 @@
 import {
   AppointmentConfirmDialog,
   AppointmentRescheduleDialog
-} from "../../chunk-6AW4KJHE.mjs";
-import "../../chunk-JMHR3YGZ.mjs";
-import "../../chunk-3OYFOX3X.mjs";
-import "../../chunk-BDYZCBRT.mjs";
-import "../../chunk-34NWQURD.mjs";
-import "../../chunk-OODBHKG7.mjs";
-import "../../chunk-BKNFWEH2.mjs";
-import "../../chunk-NSLMILBT.mjs";
-import "../../chunk-FH6QVUVZ.mjs";
-import "../../chunk-6DZEXFNB.mjs";
-import "../../chunk-XREGSKX3.mjs";
-import "../../chunk-DBHJ5KC3.mjs";
+} from "../../chunk-SIVYAI3M.mjs";
+import "../../chunk-5VOTTIXF.mjs";
+import "../../chunk-6QAFGZC2.mjs";
+import "../../chunk-BS75ICOO.mjs";
+import "../../chunk-WL6WVV47.mjs";
+import "../../chunk-TLAWKTSA.mjs";
+import "../../chunk-6HIOM2HL.mjs";
+import "../../chunk-M4VYX2PV.mjs";
+import "../../chunk-P7CEBZM6.mjs";
+import "../../chunk-2GIYVERS.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 {
   AppointmentConfirmDialog,
   AppointmentRescheduleDialog

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

@@ -59,7 +59,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/ui/appointment-availability-settings.tsx
 var appointment_availability_settings_exports = {};
 __export(appointment_availability_settings_exports, {
-  AppointmentAvailabilitySettings: () => AppointmentAvailabilitySettings
+  AppointmentAvailabilitySettings: () => AppointmentAvailabilitySettings,
+  TIMEZONE_OPTIONS: () => TIMEZONE_OPTIONS
 });
 module.exports = __toCommonJS(appointment_availability_settings_exports);
 var import_react4 = __toESM(require("react"));
@@ -165,9 +166,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"
       },
@@ -231,7 +232,7 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
 
 // src/components/ui/date-picker.tsx
 var React4 = __toESM(require("react"));
-var import_date_fns = require("date-fns");
+var import_date_fns2 = require("date-fns");
 var import_lucide_react3 = require("lucide-react");
 
 // src/components/ui/input.tsx
@@ -257,6 +258,29 @@ function Input(_a) {
 var React2 = __toESM(require("react"));
 var import_lucide_react2 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
+
+// src/lib/format-date.ts
+var import_date_fns = require("date-fns");
+function safeParse(iso) {
+  return (0, import_date_fns.parseISO)(iso);
+}
+function formatDateShort(iso) {
+  if (!iso) return "\u2014";
+  try {
+    return (0, import_date_fns.format)(safeParse(iso), "dd MMM yyyy");
+  } catch (e) {
+    return iso;
+  }
+}
+function formatDateWithWeekday(iso) {
+  try {
+    return (0, import_date_fns.format)(safeParse(iso), "EEE, dd MMM yyyy");
+  } catch (e) {
+    return iso;
+  }
+}
+
+// src/components/ui/calendar.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function CalendarRoot(_a) {
   var _b = _a, {
@@ -441,7 +465,7 @@ function CalendarDayButton(_a) {
         defaultClassNames.day,
         className
       ),
-      "data-day": day.date.toLocaleDateString(),
+      "data-day": formatDateShort(day.date.toISOString()),
       "data-range-end": modifiers.range_end,
       "data-range-middle": modifiers.range_middle,
       "data-range-start": modifiers.range_start,
@@ -540,9 +564,9 @@ function DatePicker({
   const timeValue = value ? `${String(value.getHours()).padStart(2, "0")}:${String(value.getMinutes()).padStart(2, "0")}` : "";
   let displayValue;
   if (value && showTimePicker) {
-    displayValue = (0, import_date_fns.format)(value, "dd/MM/yyyy HH:mm");
+    displayValue = (0, import_date_fns2.format)(value, "dd/MM/yyyy HH:mm");
   } else if (value) {
-    displayValue = (0, import_date_fns.format)(value, "dd/MM/yyyy");
+    displayValue = (0, import_date_fns2.format)(value, "dd/MM/yyyy");
   }
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Popover, { onOpenChange: disabled ? void 0 : setOpen, open, children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
@@ -1119,19 +1143,6 @@ function TabsContent(_a) {
   );
 }
 
-// src/lib/format-date.ts
-var import_date_fns2 = require("date-fns");
-function safeParse(iso) {
-  return (0, import_date_fns2.parseISO)(iso);
-}
-function formatDateWithWeekday(iso) {
-  try {
-    return (0, import_date_fns2.format)(safeParse(iso), "EEE, dd MMM yyyy");
-  } catch (e) {
-    return iso;
-  }
-}
-
 // src/components/ui/appointment-availability-settings.tsx
 var import_lucide_react6 = require("lucide-react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
@@ -1146,6 +1157,17 @@ var AU_PUBLIC_HOLIDAYS_2026 = [
   { date: "2026-12-25", label: "Christmas Day" },
   { date: "2026-12-26", label: "Boxing Day" }
 ];
+var TIMEZONE_OPTIONS = [
+  { value: "Australia/Sydney", label: "Sydney / Melbourne (AEDT)" },
+  { value: "Australia/Brisbane", label: "Brisbane (AEST, no DST)" },
+  { value: "Australia/Adelaide", label: "Adelaide (ACDT)" },
+  { value: "Australia/Perth", label: "Perth (AWST)" },
+  { value: "Australia/Darwin", label: "Darwin (ACST, no DST)" },
+  { value: "Australia/Hobart", label: "Hobart (AEDT)" },
+  { value: "Asia/Ho_Chi_Minh", label: "Ho Chi Minh City (ICT)" },
+  { value: "Asia/Singapore", label: "Singapore (SGT)" },
+  { value: "UTC", label: "UTC" }
+];
 var TIME_OPTIONS = (() => {
   const opts = [];
   for (let h = 6; h <= 21; h++) {
@@ -1181,6 +1203,19 @@ function TimeSelect({
     }
   );
 }
+function PrefRow({
+  label,
+  description,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex min-h-[68px] items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-sm font-medium", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
+    ] }),
+    children
+  ] });
+}
 function AddTimeOffDialog({
   open,
   onOpenChange,
@@ -1286,22 +1321,31 @@ function AddTimeOffDialog({
 }
 function AppointmentAvailabilitySettings({
   schedule: initialSchedule,
+  prefs: prefsProp,
   blockedDates: blockedDatesProp,
+  publicHolidays: publicHolidaysProp,
   onSave,
   onBlockedDatesChange
 }) {
-  const hasMounted = import_react4.default.useRef(false);
-  import_react4.default.useEffect(() => {
-    hasMounted.current = true;
-  }, []);
+  var _a, _b, _c, _d;
   const [schedule, setSchedule] = import_react4.default.useState(initialSchedule);
-  const [meetingDuration, setMeetingDuration] = import_react4.default.useState("30");
-  const [schedulingBuffer, setSchedulingBuffer] = import_react4.default.useState("0");
-  const [maxSlotsPerDay, setMaxSlotsPerDay] = import_react4.default.useState("8");
+  const [meetingDuration, setMeetingDuration] = import_react4.default.useState(
+    (_a = prefsProp == null ? void 0 : prefsProp.meetingDuration) != null ? _a : "30"
+  );
+  const [schedulingBuffer, setSchedulingBuffer] = import_react4.default.useState(
+    (_b = prefsProp == null ? void 0 : prefsProp.schedulingBuffer) != null ? _b : "0"
+  );
+  const [maxSlotsPerDay, setMaxSlotsPerDay] = import_react4.default.useState(
+    (_c = prefsProp == null ? void 0 : prefsProp.maxSlotsPerDay) != null ? _c : "8"
+  );
+  const [timezone, setTimezone] = import_react4.default.useState(
+    (_d = prefsProp == null ? void 0 : prefsProp.timezone) != null ? _d : "Australia/Sydney"
+  );
   const [timeOffEntries, setTimeOffEntries] = import_react4.default.useState(
     () => {
-      const holidayDates = new Set(AU_PUBLIC_HOLIDAYS_2026.map((h) => h.date));
-      const entries = AU_PUBLIC_HOLIDAYS_2026.map((h) => __spreadProps(__spreadValues({}, h), {
+      const holidays = publicHolidaysProp != null ? publicHolidaysProp : AU_PUBLIC_HOLIDAYS_2026;
+      const holidayDates = new Set(holidays.map((h) => h.date));
+      const entries = holidays.map((h) => __spreadProps(__spreadValues({}, h), {
         enabled: true,
         isHoliday: true
       }));
@@ -1320,19 +1364,23 @@ function AppointmentAvailabilitySettings({
   );
   const [addMoreOpen, setAddMoreOpen] = import_react4.default.useState(false);
   const currentPrefs = import_react4.default.useMemo(
-    () => ({ meetingDuration, schedulingBuffer, maxSlotsPerDay }),
-    [meetingDuration, schedulingBuffer, maxSlotsPerDay]
+    () => ({ meetingDuration, schedulingBuffer, maxSlotsPerDay, timezone }),
+    [meetingDuration, schedulingBuffer, maxSlotsPerDay, timezone]
   );
+  const saveGuard = import_react4.default.useRef(false);
+  const timeOffGuard = import_react4.default.useRef(false);
   import_react4.default.useEffect(() => {
-    if (!hasMounted.current) return;
-    onSave == null ? void 0 : onSave(schedule, currentPrefs);
-  }, [schedule]);
-  import_react4.default.useEffect(() => {
-    if (!hasMounted.current) return;
+    if (!saveGuard.current) {
+      saveGuard.current = true;
+      return;
+    }
     onSave == null ? void 0 : onSave(schedule, currentPrefs);
-  }, [meetingDuration, schedulingBuffer, maxSlotsPerDay]);
+  }, [schedule, currentPrefs]);
   import_react4.default.useEffect(() => {
-    if (!hasMounted.current) return;
+    if (!timeOffGuard.current) {
+      timeOffGuard.current = true;
+      return;
+    }
     const blocked = timeOffEntries.filter((e) => e.enabled).map(({ date, label, timeStart, timeEnd }) => ({
       date,
       label,
@@ -1427,76 +1475,97 @@ function AppointmentAvailabilitySettings({
         day.day
       )) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TabsContent, { value: "booking", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col divide-y divide-border", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex min-h-[68px] items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-sm font-medium", children: "Meeting Duration" }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-xs text-muted-foreground", children: "Length of each appointment slot" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-            Select,
-            {
-              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.jsxs)("div", { className: "flex min-h-[68px] items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-sm font-medium", children: "Scheduling Buffer" }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-xs text-muted-foreground", children: "Gap between consecutive bookings" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-            Select,
-            {
-              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.jsxs)("div", { className: "flex min-h-[68px] items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-sm font-medium", children: "Daily Slot Limit" }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-xs text-muted-foreground", children: "Maximum bookings accepted per day" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-            Select,
-            {
-              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)(
+          PrefRow,
+          {
+            label: "Meeting Duration",
+            description: "Length of each appointment slot",
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              Select,
+              {
+                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)(
+          PrefRow,
+          {
+            label: "Scheduling Buffer",
+            description: "Gap between consecutive bookings",
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              Select,
+              {
+                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)(
+          PrefRow,
+          {
+            label: "Daily Slot Limit",
+            description: "Maximum bookings accepted per day",
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              Select,
+              {
+                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)(
+          PrefRow,
+          {
+            label: "Meeting Timezone",
+            description: "Timezone used for booking display and notifications",
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              Select,
+              {
+                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)(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.jsxs)(TabsContent, { value: "time-off", children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between px-6 py-4", children: [
@@ -1517,7 +1586,7 @@ function AppointmentAvailabilitySettings({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Separator, {}),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col divide-y divide-border", children: timeOffEntries.map((entry) => {
-          var _a;
+          var _a2;
           const formattedDate = formatDateWithWeekday(entry.date);
           const hasTimeRange = entry.timeStart && entry.timeEnd;
           return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
@@ -1542,7 +1611,7 @@ function AppointmentAvailabilitySettings({
                         "cursor-pointer text-sm font-medium",
                         !entry.enabled && "text-muted-foreground"
                       ),
-                      children: (_a = entry.label) != null ? _a : formattedDate
+                      children: (_a2 = entry.label) != null ? _a2 : formattedDate
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
@@ -1586,5 +1655,6 @@ function AppointmentAvailabilitySettings({
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AppointmentAvailabilitySettings
+  AppointmentAvailabilitySettings,
+  TIMEZONE_OPTIONS
 });

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

@@ -1,23 +1,25 @@
 import {
-  AppointmentAvailabilitySettings
-} from "../../chunk-HBZLGDIN.mjs";
-import "../../chunk-ZU4NV6RG.mjs";
-import "../../chunk-7PV3IWCN.mjs";
-import "../../chunk-DUJTAXMH.mjs";
-import "../../chunk-3GF7OVTP.mjs";
-import "../../chunk-OODBHKG7.mjs";
-import "../../chunk-JHJHG4GO.mjs";
-import "../../chunk-7PYJD5JI.mjs";
-import "../../chunk-NSLMILBT.mjs";
-import "../../chunk-FH6QVUVZ.mjs";
-import "../../chunk-GYMYRIZP.mjs";
-import "../../chunk-6DZEXFNB.mjs";
-import "../../chunk-XREGSKX3.mjs";
-import "../../chunk-DBHJ5KC3.mjs";
+  AppointmentAvailabilitySettings,
+  TIMEZONE_OPTIONS
+} from "../../chunk-3ERBUVHC.mjs";
+import "../../chunk-OKTJFDPN.mjs";
+import "../../chunk-DGNHGNYH.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-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 {
-  AppointmentAvailabilitySettings
+  AppointmentAvailabilitySettings,
+  TIMEZONE_OPTIONS
 };