@voyantjs/ui 0.28.1 → 0.29.0

package/dist/components/big-calendar/week-and-day-view/calendar-week-view.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { addDays, areIntervalsOverlapping, format, isSameDay, parseISO, startOfWeek, } from "date-fns";
+import { cn } from "../../../lib/utils.js";
+import { ScrollArea } from "../../scroll-area.js";
+import { useCalendar } from "../context.js";
+import { getEventBlockStyle, getVisibleHours, groupEvents, isWorkingHour } from "../helpers.js";
+import { CalendarTimeline } from "./calendar-time-line.js";
+import { EventBlock } from "./event-block.js";
+import { WeekViewMultiDayEventsRow } from "./week-view-multi-day-events-row.js";
+export function CalendarWeekView({ singleDayEvents, multiDayEvents }) {
+    const { selectedDate, workingHours, visibleHours, onAddEvent } = useCalendar();
+    const { hours, earliestEventHour, latestEventHour } = getVisibleHours(visibleHours, singleDayEvents);
+    const weekStart = startOfWeek(selectedDate);
+    const weekDays = Array.from({ length: 7 }, (_, i) => addDays(weekStart, i));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col items-center justify-center border-b py-4 text-sm text-muted-foreground sm:hidden", children: [_jsx("p", { children: "Weekly view is not available on smaller devices." }), _jsx("p", { children: "Please switch to daily or monthly view." })] }), _jsxs("div", { className: "hidden flex-col sm:flex", children: [_jsxs("div", { children: [_jsx(WeekViewMultiDayEventsRow, { selectedDate: selectedDate, multiDayEvents: multiDayEvents }), _jsxs("div", { className: "relative z-20 flex border-b", children: [_jsx("div", { className: "w-18" }), _jsx("div", { className: "grid flex-1 grid-cols-7 divide-x border-l", children: weekDays.map((day) => (_jsxs("span", { className: "py-2 text-center text-xs font-medium text-muted-foreground", children: [format(day, "EE"), " ", _jsx("span", { className: "ml-1 font-semibold text-foreground", children: format(day, "d") })] }, day.toISOString()))) })] })] }), _jsx(ScrollArea, { className: "h-[736px]", children: _jsxs("div", { className: "flex overflow-hidden", children: [_jsx("div", { className: "relative w-18", children: hours.map((hour, index) => (_jsx("div", { className: "relative", style: { height: "96px" }, children: _jsx("div", { className: "absolute -top-3 right-2 flex h-6 items-center", children: index !== 0 ? (_jsx("span", { className: "text-xs text-muted-foreground", children: format(new Date().setHours(hour, 0, 0, 0), "hh a") })) : null }) }, hour))) }), _jsxs("div", { className: "relative flex-1 border-l", children: [_jsx("div", { className: "grid grid-cols-7 divide-x", children: weekDays.map((day) => {
+                                                const dayEvents = singleDayEvents.filter((event) => isSameDay(parseISO(event.startDate), day) ||
+                                                    isSameDay(parseISO(event.endDate), day));
+                                                const groupedEvents = groupEvents(dayEvents);
+                                                return (_jsxs("div", { className: "relative", children: [hours.map((hour, index) => {
+                                                            const isDisabled = !isWorkingHour(day, hour, workingHours);
+                                                            return (_jsxs("div", { className: cn("relative", isDisabled && "bg-calendar-disabled-hour"), style: { height: "96px" }, children: [index !== 0 ? (_jsx("div", { className: "pointer-events-none absolute inset-x-0 top-0 border-b" })) : null, [0, 15, 30, 45].map((minute, slot) => (_jsx("button", { type: "button", onClick: () => onAddEvent?.({ date: day, hour, minute }), disabled: !onAddEvent, className: "absolute inset-x-0 h-[24px] cursor-pointer transition-colors hover:bg-accent disabled:cursor-default disabled:hover:bg-transparent", style: { top: slot * 24 }, "aria-label": `Add event at ${hour}:${String(minute).padStart(2, "0")}` }, minute))), _jsx("div", { className: "pointer-events-none absolute inset-x-0 top-1/2 border-b border-dashed" })] }, hour));
+                                                        }), groupedEvents.map((group, groupIndex) => group.map((event) => {
+                                                            let style = getEventBlockStyle(event, day, groupIndex, groupedEvents.length, {
+                                                                from: earliestEventHour,
+                                                                to: latestEventHour,
+                                                            });
+                                                            const hasOverlap = groupedEvents.some((otherGroup, otherIndex) => otherIndex !== groupIndex &&
+                                                                otherGroup.some((otherEvent) => areIntervalsOverlapping({
+                                                                    start: parseISO(event.startDate),
+                                                                    end: parseISO(event.endDate),
+                                                                }, {
+                                                                    start: parseISO(otherEvent.startDate),
+                                                                    end: parseISO(otherEvent.endDate),
+                                                                })));
+                                                            if (!hasOverlap)
+                                                                style = { ...style, width: "100%", left: "0%" };
+                                                            return (_jsx("div", { className: "absolute p-1", style: style, children: _jsx(EventBlock, { event: event }) }, event.id));
+                                                        }))] }, day.toISOString()));
+                                            }) }), _jsx(CalendarTimeline, { firstVisibleHour: earliestEventHour, lastVisibleHour: latestEventHour })] })] }) })] })] }));
+}

package/dist/components/big-calendar/week-and-day-view/day-view-multi-day-events-row.d.ts

@@ -0,0 +1,8 @@
+import type { IEvent } from "../interfaces.js";
+interface IProps {
+    selectedDate: Date;
+    multiDayEvents: IEvent[];
+}
+export declare function DayViewMultiDayEventsRow({ selectedDate, multiDayEvents }: IProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=day-view-multi-day-events-row.d.ts.map

package/dist/components/big-calendar/week-and-day-view/day-view-multi-day-events-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"day-view-multi-day-events-row.d.ts","sourceRoot":"","sources":["../../../../src/components/big-calendar/week-and-day-view/day-view-multi-day-events-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,MAAM;IACd,YAAY,EAAE,IAAI,CAAA;IAClB,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB;AAED,wBAAgB,wBAAwB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,MAAM,kDAiDhF"}

package/dist/components/big-calendar/week-and-day-view/day-view-multi-day-events-row.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { differenceInDays, endOfDay, isWithinInterval, parseISO, startOfDay } from "date-fns";
+import { MonthEventBadge } from "../month-view/month-event-badge.js";
+export function DayViewMultiDayEventsRow({ selectedDate, multiDayEvents }) {
+    const dayStart = startOfDay(selectedDate);
+    const dayEnd = endOfDay(selectedDate);
+    const multiDayEventsInDay = multiDayEvents
+        .filter((event) => {
+        const eventStart = parseISO(event.startDate);
+        const eventEnd = parseISO(event.endDate);
+        const isOverlapping = isWithinInterval(dayStart, { start: eventStart, end: eventEnd }) ||
+            isWithinInterval(dayEnd, { start: eventStart, end: eventEnd }) ||
+            (eventStart <= dayStart && eventEnd >= dayEnd);
+        return isOverlapping;
+    })
+        .sort((a, b) => {
+        const durationA = differenceInDays(parseISO(a.endDate), parseISO(a.startDate));
+        const durationB = differenceInDays(parseISO(b.endDate), parseISO(b.startDate));
+        return durationB - durationA;
+    });
+    if (multiDayEventsInDay.length === 0)
+        return null;
+    return (_jsxs("div", { className: "flex border-b", children: [_jsx("div", { className: "w-18" }), _jsx("div", { className: "flex flex-1 flex-col gap-1 border-l py-1", children: multiDayEventsInDay.map((event) => {
+                    const eventStart = startOfDay(parseISO(event.startDate));
+                    const eventEnd = startOfDay(parseISO(event.endDate));
+                    const currentDate = startOfDay(selectedDate);
+                    const eventTotalDays = differenceInDays(eventEnd, eventStart) + 1;
+                    const eventCurrentDay = differenceInDays(currentDate, eventStart) + 1;
+                    return (_jsx(MonthEventBadge, { event: event, cellDate: selectedDate, eventCurrentDay: eventCurrentDay, eventTotalDays: eventTotalDays }, event.id));
+                }) })] }));
+}

package/dist/components/big-calendar/week-and-day-view/event-block.d.ts

@@ -0,0 +1,8 @@
+import type { IEvent } from "../interfaces.js";
+interface IProps {
+    event: IEvent;
+    className?: string;
+}
+export declare function EventBlock({ event, className }: IProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=event-block.d.ts.map

package/dist/components/big-calendar/week-and-day-view/event-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-block.d.ts","sourceRoot":"","sources":["../../../../src/components/big-calendar/week-and-day-view/event-block.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAiC9C,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,2CA+CtD"}

package/dist/components/big-calendar/week-and-day-view/event-block.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { differenceInMinutes, format, parseISO } from "date-fns";
+import { cn } from "../../../lib/utils.js";
+import { useCalendar } from "../context.js";
+const calendarWeekEventCardVariants = cva("flex select-none flex-col gap-0.5 truncate whitespace-nowrap rounded-md border px-2 py-1.5 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", {
+    variants: {
+        color: {
+            blue: "border-blue-200 bg-blue-50 text-blue-700 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300 [&_.event-dot]:fill-blue-600",
+            green: "border-green-200 bg-green-50 text-green-700 dark:border-green-800 dark:bg-green-950 dark:text-green-300 [&_.event-dot]:fill-green-600",
+            red: "border-red-200 bg-red-50 text-red-700 dark:border-red-800 dark:bg-red-950 dark:text-red-300 [&_.event-dot]:fill-red-600",
+            yellow: "border-yellow-200 bg-yellow-50 text-yellow-700 dark:border-yellow-800 dark:bg-yellow-950 dark:text-yellow-300 [&_.event-dot]:fill-yellow-600",
+            purple: "border-purple-200 bg-purple-50 text-purple-700 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-300 [&_.event-dot]:fill-purple-600",
+            orange: "border-orange-200 bg-orange-50 text-orange-700 dark:border-orange-800 dark:bg-orange-950 dark:text-orange-300 [&_.event-dot]:fill-orange-600",
+            gray: "border-neutral-200 bg-neutral-50 text-neutral-700 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 [&_.event-dot]:fill-neutral-600",
+            "blue-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-blue-600",
+            "green-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-green-600",
+            "red-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-red-600",
+            "orange-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-orange-600",
+            "purple-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-purple-600",
+            "yellow-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-yellow-600",
+            "gray-dot": "bg-neutral-50 dark:bg-neutral-900 [&_.event-dot]:fill-neutral-600",
+        },
+    },
+    defaultVariants: {
+        color: "blue-dot",
+    },
+});
+export function EventBlock({ event, className }) {
+    const { badgeVariant, onEventClick } = useCalendar();
+    const start = parseISO(event.startDate);
+    const end = parseISO(event.endDate);
+    const durationInMinutes = differenceInMinutes(end, start);
+    const heightInPixels = (durationInMinutes / 60) * 96 - 8;
+    const color = (badgeVariant === "dot" ? `${event.color}-dot` : event.color);
+    const calendarWeekEventCardClasses = cn(calendarWeekEventCardVariants({ color, className }), durationInMinutes < 35 && "py-0 justify-center");
+    return (_jsxs("button", { type: "button", className: calendarWeekEventCardClasses, style: { height: `${heightInPixels}px` }, onClick: () => onEventClick?.(event), children: [_jsxs("div", { className: "flex items-center gap-1.5 truncate", children: [["mixed", "dot"].includes(badgeVariant) ? (_jsx("svg", { "aria-hidden": "true", width: "8", height: "8", viewBox: "0 0 8 8", className: "event-dot shrink-0", children: _jsx("circle", { cx: "4", cy: "4", r: "4" }) })) : null, _jsx("p", { className: "truncate font-semibold", children: event.title })] }), durationInMinutes > 25 ? (_jsxs("p", { children: [format(start, "h:mm a"), " - ", format(end, "h:mm a")] })) : null] }));
+}

package/dist/components/big-calendar/week-and-day-view/week-view-multi-day-events-row.d.ts

@@ -0,0 +1,8 @@
+import type { IEvent } from "../interfaces.js";
+interface IProps {
+    selectedDate: Date;
+    multiDayEvents: IEvent[];
+}
+export declare function WeekViewMultiDayEventsRow({ selectedDate, multiDayEvents }: IProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=week-view-multi-day-events-row.d.ts.map

package/dist/components/big-calendar/week-and-day-view/week-view-multi-day-events-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"week-view-multi-day-events-row.d.ts","sourceRoot":"","sources":["../../../../src/components/big-calendar/week-and-day-view/week-view-multi-day-events-row.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,UAAU,MAAM;IACd,YAAY,EAAE,IAAI,CAAA;IAClB,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB;AAED,wBAAgB,yBAAyB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,MAAM,kDA2GjF"}

package/dist/components/big-calendar/week-and-day-view/week-view-multi-day-events-row.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { addDays, differenceInDays, endOfWeek, isAfter, isBefore, parseISO, startOfDay, startOfWeek, } from "date-fns";
+import * as React from "react";
+import { MonthEventBadge } from "../month-view/month-event-badge.js";
+export function WeekViewMultiDayEventsRow({ selectedDate, multiDayEvents }) {
+    const weekStart = startOfWeek(selectedDate);
+    const weekEnd = endOfWeek(selectedDate);
+    const weekDays = Array.from({ length: 7 }, (_, i) => addDays(weekStart, i));
+    const processedEvents = React.useMemo(() => {
+        return multiDayEvents
+            .map((event) => {
+            const start = parseISO(event.startDate);
+            const end = parseISO(event.endDate);
+            const adjustedStart = isBefore(start, weekStart) ? weekStart : start;
+            const adjustedEnd = isAfter(end, weekEnd) ? weekEnd : end;
+            const startIndex = differenceInDays(adjustedStart, weekStart);
+            const endIndex = differenceInDays(adjustedEnd, weekStart);
+            return {
+                ...event,
+                adjustedStart,
+                adjustedEnd,
+                startIndex,
+                endIndex,
+            };
+        })
+            .sort((a, b) => {
+            const startDiff = a.adjustedStart.getTime() - b.adjustedStart.getTime();
+            if (startDiff !== 0)
+                return startDiff;
+            return b.endIndex - b.startIndex - (a.endIndex - a.startIndex);
+        });
+    }, [multiDayEvents, weekStart, weekEnd]);
+    const eventRows = React.useMemo(() => {
+        const rows = [];
+        processedEvents.forEach((event) => {
+            let rowIndex = rows.findIndex((row) => row.every((e) => e.endIndex < event.startIndex || e.startIndex > event.endIndex));
+            if (rowIndex === -1) {
+                rowIndex = rows.length;
+                rows.push([]);
+            }
+            const target = rows[rowIndex];
+            if (target)
+                target.push(event);
+        });
+        return rows;
+    }, [processedEvents]);
+    const hasEventsInWeek = React.useMemo(() => {
+        return multiDayEvents.some((event) => {
+            const start = parseISO(event.startDate);
+            const end = parseISO(event.endDate);
+            return ((start >= weekStart && start <= weekEnd) ||
+                (end >= weekStart && end <= weekEnd) ||
+                (start <= weekStart && end >= weekEnd));
+        });
+    }, [multiDayEvents, weekStart, weekEnd]);
+    if (!hasEventsInWeek) {
+        return null;
+    }
+    return (_jsxs("div", { className: "hidden overflow-hidden sm:flex", children: [_jsx("div", { className: "w-18 border-b" }), _jsx("div", { className: "grid flex-1 grid-cols-7 divide-x border-b border-l", children: weekDays.map((day, dayIndex) => (_jsx("div", { className: "flex h-full flex-col gap-1 py-1", children: eventRows.map((row, rowIndex) => {
+                        const event = row.find((e) => e.startIndex <= dayIndex && e.endIndex >= dayIndex);
+                        if (!event) {
+                            // biome-ignore lint/suspicious/noArrayIndexKey: empty layout spacer slot has no semantic id; rowIndex is stable within the column
+                            return _jsx("div", { className: "h-6.5" }, `empty-${rowIndex}`);
+                        }
+                        let position = "none";
+                        if (dayIndex === event.startIndex && dayIndex === event.endIndex) {
+                            position = "none";
+                        }
+                        else if (dayIndex === event.startIndex) {
+                            position = "first";
+                        }
+                        else if (dayIndex === event.endIndex) {
+                            position = "last";
+                        }
+                        else {
+                            position = "middle";
+                        }
+                        return (_jsx(MonthEventBadge, { event: event, cellDate: startOfDay(day), position: position }, `${event.id}-${day.toISOString()}`));
+                    }) }, day.toISOString()))) })] }));
+}

package/dist/components/notification-reminder-rule-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-reminder-rule-dialog.d.ts","sourceRoot":"","sources":["../../src/components/notification-reminder-rule-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,8BAA8B,EAGpC,MAAM,+BAA+B,CAAA;AAuDtC,KAAK,mCAAmC,GAAG;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,IAAI,CAAC,EAAE,8BAA8B,CAAA;IACrC,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,SAAS,GACV,EAAE,mCAAmC,2CAiNrC"}
+{"version":3,"file":"notification-reminder-rule-dialog.d.ts","sourceRoot":"","sources":["../../src/components/notification-reminder-rule-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,8BAA8B,EAGpC,MAAM,+BAA+B,CAAA;AAsDtC,KAAK,mCAAmC,GAAG;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,IAAI,CAAC,EAAE,8BAA8B,CAAA;IACrC,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,SAAS,GACV,EAAE,mCAAmC,2CAkMrC"}

package/dist/components/notification-reminder-rule-dialog.js

@@ -21,8 +21,9 @@ const reminderRuleFormSchema = z.object({
         "booking_cancelled_non_payment",
     ]),
     channel: z.enum(["email", "sms"]),
-    templateId: z.string().min(1, "Template is required"),
-    relativeDaysFromDueDate: z.number().int().min(-365).max(365),
+    // Optional default template — stages own per-channel templates and
+    // override this. Empty string is normalized to null in the payload.
+    templateId: z.string().optional(),
 });
 const reminderTargetOptions = [
     { value: "booking_confirmed", label: "Booking confirmed" },
@@ -30,7 +31,6 @@ const reminderTargetOptions = [
     { value: "booking_cancelled_non_payment", label: "Booking cancelled (non-payment)" },
     { value: "booking_payment_schedule", label: "Booking payment schedule" },
 ];
-const dueDateTargetTypes = new Set(["booking_payment_schedule"]);
 function slugifyReminderRule(value) {
     const slug = value
         .trim()
@@ -50,12 +50,9 @@ export function NotificationReminderRuleDialog({ open, onOpenChange, rule, onSuc
             targetType: "booking_payment_schedule",
             channel: "email",
             templateId: "",
-            relativeDaysFromDueDate: 0,
         },
     });
     const channel = form.watch("channel");
-    const targetType = form.watch("targetType");
-    const usesDueDateTiming = dueDateTargetTypes.has(targetType);
     const { data: templates } = useNotificationTemplates({
         channel,
         status: "active",
@@ -75,7 +72,6 @@ export function NotificationReminderRuleDialog({ open, onOpenChange, rule, onSuc
                 targetType: rule.targetType === "invoice" ? "booking_payment_schedule" : rule.targetType,
                 channel: rule.channel,
                 templateId: resolvedTemplateId,
-                relativeDaysFromDueDate: rule.relativeDaysFromDueDate,
             });
             return;
         }
@@ -92,11 +88,8 @@ export function NotificationReminderRuleDialog({ open, onOpenChange, rule, onSuc
             targetType: values.targetType,
             channel: values.channel,
             provider: null,
-            templateId: values.templateId,
+            templateId: values.templateId ? values.templateId : null,
             templateSlug: null,
-            relativeDaysFromDueDate: dueDateTargetTypes.has(values.targetType)
-                ? values.relativeDaysFromDueDate
-                : 0,
             isSystem: rule?.isSystem ?? false,
             metadata: rule?.metadata ?? null,
         };
@@ -117,13 +110,13 @@ export function NotificationReminderRuleDialog({ open, onOpenChange, rule, onSuc
                                                         if (!value)
                                                             return;
                                                         form.setValue("status", value);
-                                                    }, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "draft", children: "Draft" }), _jsx(SelectItem, { value: "active", children: "Active" }), _jsx(SelectItem, { value: "archived", children: "Archived" })] })] })] })] }), _jsxs("div", { className: usesDueDateTiming ? "grid grid-cols-2 gap-4" : "grid gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Channel" }), _jsxs(Select, { value: form.watch("channel"), onValueChange: (value) => {
-                                                        if (!value)
-                                                            return;
-                                                        form.setValue("channel", value);
-                                                    }, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "email", children: "Email" }), _jsx(SelectItem, { value: "sms", children: "SMS" })] })] })] }), usesDueDateTiming ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Send timing" }), _jsx(Input, { type: "number", value: form.watch("relativeDaysFromDueDate"), onChange: (event) => form.setValue("relativeDaysFromDueDate", Number.parseInt(event.target.value || "0", 10)) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Days from due date: -3 sends 3 days before, 0 on the due date, 3 after." })] })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Template" }), _jsxs(Select, { value: form.watch("templateId"), onValueChange: (value) => {
+                                                    }, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "draft", children: "Draft" }), _jsx(SelectItem, { value: "active", children: "Active" }), _jsx(SelectItem, { value: "archived", children: "Archived" })] })] })] })] }), _jsx("div", { className: "grid gap-4", children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Channel" }), _jsxs(Select, { value: form.watch("channel"), onValueChange: (value) => {
+                                                    if (!value)
+                                                        return;
+                                                    form.setValue("channel", value);
+                                                }, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "email", children: "Email" }), _jsx(SelectItem, { value: "sms", children: "SMS" })] })] })] }) }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Default template" }), _jsxs(Select, { value: form.watch("templateId"), onValueChange: (value) => {
                                                 if (!value)
                                                     return;
                                                 form.setValue("templateId", value);
-                                            }, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: "Select template" }) }), _jsx(SelectContent, { children: (templates?.data ?? []).map((template) => (_jsxs(SelectItem, { value: template.id, children: [template.name, " (", template.slug, ")"] }, template.id))) })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isPending, children: [isPending ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? "Save Changes" : "Create Rule"] })] })] })] }) }));
+                                            }, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: "Select template" }) }), _jsx(SelectContent, { children: (templates?.data ?? []).map((template) => (_jsxs(SelectItem, { value: template.id, children: [template.name, " (", template.slug, ")"] }, template.id))) })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Used as a fallback. Per-stage channels can override this." })] }), !isEditing ? (_jsxs("p", { className: "rounded-md border border-dashed bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: ["After creating the rule, click ", _jsx("strong", { children: "Manage stages" }), " on the row to define when it fires (anchor, window, cadence) and which channels deliver it."] })) : null] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isPending, children: [isPending ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? "Save Changes" : "Create Rule"] })] })] })] }) }));
 }

package/dist/components/notification-reminder-rules-page.d.ts

@@ -1,2 +1,10 @@
-export declare function NotificationReminderRulesPage(): import("react/jsx-runtime").JSX.Element;
+export interface NotificationReminderRulesPageProps {
+    /**
+     * Path used for the per-rule "Manage stages" link. Receives the rule id and
+     * returns the URL the consumer's router understands. Defaults to
+     * `/notifications/reminder-rules/<id>`.
+     */
+    manageStagesHref?: (ruleId: string) => string;
+}
+export declare function NotificationReminderRulesPage({ manageStagesHref, }?: NotificationReminderRulesPageProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=notification-reminder-rules-page.d.ts.map

package/dist/components/notification-reminder-rules-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-reminder-rules-page.d.ts","sourceRoot":"","sources":["../../src/components/notification-reminder-rules-page.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,6BAA6B,4CA+J5C"}
+{"version":3,"file":"notification-reminder-rules-page.d.ts","sourceRoot":"","sources":["../../src/components/notification-reminder-rules-page.tsx"],"names":[],"mappings":"AA4BA,MAAM,WAAW,kCAAkC;IACjD;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;CAC9C;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,gBAAgE,GACjE,GAAE,kCAAuC,2CAoKzC"}

package/dist/components/notification-reminder-rules-page.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNotificationReminderRules, } from "@voyantjs/notifications-react";
-import { Loader2, Pencil, Plus, Search } from "lucide-react";
+import { Layers, Loader2, Pencil, Plus, Search } from "lucide-react";
 import { useState } from "react";
 import { Badge } from "./badge.js";
-import { Button } from "./button.js";
+import { Button, buttonVariants } from "./button.js";
 import { Input } from "./input.js";
 import { NotificationReminderRuleDialog } from "./notification-reminder-rule-dialog.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
@@ -14,22 +14,12 @@ const reminderTargetLabels = {
     payment_complete: "Payment complete",
     booking_cancelled_non_payment: "Booking cancelled (non-payment)",
 };
-const dueDateTargetTypes = new Set([
-    "booking_payment_schedule",
-]);
 function getReminderTargetLabel(targetType) {
     if (targetType === "invoice")
         return "Invoice";
     return reminderTargetLabels[targetType] ?? targetType;
 }
-function formatReminderTiming(targetType, days) {
-    if (!dueDateTargetTypes.has(targetType))
-        return "Event";
-    if (days === 0)
-        return "Due date";
-    return days < 0 ? `${Math.abs(days)} days before` : `${days} days after`;
-}
-export function NotificationReminderRulesPage() {
+export function NotificationReminderRulesPage({ manageStagesHref = (id) => `/notifications/reminder-rules/${id}`, } = {}) {
     const [search, setSearch] = useState("");
     const [channel, setChannel] = useState("all");
     const [status, setStatus] = useState("all");
@@ -45,10 +35,10 @@ export function NotificationReminderRulesPage() {
     return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: "Reminder Rules" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Schedule booking payment reminders and event notifications against templates and channels." })] }), _jsxs(Button, { onClick: () => {
                             setEditing(undefined);
                             setDialogOpen(true);
-                        }, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "New Rule"] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "relative max-w-sm flex-1", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Search rules...", value: search, onChange: (event) => setSearch(event.target.value), className: "pl-9" })] }), _jsxs(Select, { value: targetType, onValueChange: (value) => setTargetType(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-[190px]", children: _jsx(SelectValue, { placeholder: "Target" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All targets" }), Object.entries(reminderTargetLabels).map(([value, label]) => (_jsx(SelectItem, { value: value, children: label }, value)))] })] }), _jsxs(Select, { value: channel, onValueChange: (value) => setChannel(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-[140px]", children: _jsx(SelectValue, { placeholder: "Channel" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All channels" }), _jsx(SelectItem, { value: "email", children: "Email" }), _jsx(SelectItem, { value: "sms", children: "SMS" })] })] }), _jsxs(Select, { value: status, onValueChange: (value) => setStatus(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-[140px]", children: _jsx(SelectValue, { placeholder: "Status" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All statuses" }), _jsx(SelectItem, { value: "draft", children: "Draft" }), _jsx(SelectItem, { value: "active", children: "Active" }), _jsx(SelectItem, { value: "archived", children: "Archived" })] })] })] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : null, !isPending && (!data?.data || data.data.length === 0) ? (_jsx("div", { className: "rounded-md border border-dashed p-8 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "No reminder rules yet." }) })) : null, !isPending && data?.data && data.data.length > 0 ? (_jsx("div", { className: "rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/40 text-left text-xs uppercase tracking-wide text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "px-4 py-3", children: "Rule" }), _jsx("th", { className: "px-4 py-3", children: "Target" }), _jsx("th", { className: "px-4 py-3", children: "Channel" }), _jsx("th", { className: "px-4 py-3", children: "Timing" }), _jsx("th", { className: "px-4 py-3", children: "Status" }), _jsx("th", { className: "px-4 py-3 text-right", children: "Actions" })] }) }), _jsx("tbody", { children: data.data.map((rule) => (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "px-4 py-3", children: _jsx("div", { className: "font-medium", children: rule.name }) }), _jsx("td", { className: "px-4 py-3", children: getReminderTargetLabel(rule.targetType) }), _jsx("td", { className: "px-4 py-3", children: _jsx(Badge, { variant: "outline", children: rule.channel }) }), _jsx("td", { className: "px-4 py-3", children: formatReminderTiming(rule.targetType, rule.relativeDaysFromDueDate) }), _jsx("td", { className: "px-4 py-3", children: _jsx(Badge, { variant: rule.status === "active" ? "default" : "secondary", children: rule.status }) }), _jsx("td", { className: "px-4 py-3 text-right", children: _jsx(Button, { variant: "ghost", size: "sm", onClick: () => {
-                                                setEditing(rule);
-                                                setDialogOpen(true);
-                                            }, children: _jsx(Pencil, { className: "h-4 w-4" }) }) })] }, rule.id))) })] }) })) : null, _jsx(NotificationReminderRuleDialog, { open: dialogOpen, onOpenChange: setDialogOpen, rule: editing, onSuccess: () => {
+                        }, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "New Rule"] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "relative max-w-sm flex-1", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Search rules...", value: search, onChange: (event) => setSearch(event.target.value), className: "pl-9" })] }), _jsxs(Select, { value: targetType, onValueChange: (value) => setTargetType(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-[190px]", children: _jsx(SelectValue, { placeholder: "Target" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All targets" }), Object.entries(reminderTargetLabels).map(([value, label]) => (_jsx(SelectItem, { value: value, children: label }, value)))] })] }), _jsxs(Select, { value: channel, onValueChange: (value) => setChannel(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-[140px]", children: _jsx(SelectValue, { placeholder: "Channel" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All channels" }), _jsx(SelectItem, { value: "email", children: "Email" }), _jsx(SelectItem, { value: "sms", children: "SMS" })] })] }), _jsxs(Select, { value: status, onValueChange: (value) => setStatus(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-[140px]", children: _jsx(SelectValue, { placeholder: "Status" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All statuses" }), _jsx(SelectItem, { value: "draft", children: "Draft" }), _jsx(SelectItem, { value: "active", children: "Active" }), _jsx(SelectItem, { value: "archived", children: "Archived" })] })] })] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : null, !isPending && (!data?.data || data.data.length === 0) ? (_jsx("div", { className: "rounded-md border border-dashed p-8 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "No reminder rules yet." }) })) : null, !isPending && data?.data && data.data.length > 0 ? (_jsx("div", { className: "rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/40 text-left text-xs uppercase tracking-wide text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "px-4 py-3", children: "Rule" }), _jsx("th", { className: "px-4 py-3", children: "Target" }), _jsx("th", { className: "px-4 py-3", children: "Channel" }), _jsx("th", { className: "px-4 py-3", children: "Status" }), _jsx("th", { className: "px-4 py-3 text-right", children: "Actions" })] }) }), _jsx("tbody", { children: data.data.map((rule) => (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "px-4 py-3", children: _jsx("div", { className: "font-medium", children: rule.name }) }), _jsx("td", { className: "px-4 py-3", children: getReminderTargetLabel(rule.targetType) }), _jsx("td", { className: "px-4 py-3", children: _jsx(Badge, { variant: "outline", children: rule.channel }) }), _jsx("td", { className: "px-4 py-3", children: _jsx(Badge, { variant: rule.status === "active" ? "default" : "secondary", children: rule.status }) }), _jsx("td", { className: "px-4 py-3 text-right", children: _jsxs("div", { className: "flex items-center justify-end gap-1", children: [_jsxs("a", { href: manageStagesHref(rule.id), className: buttonVariants({ variant: "ghost", size: "sm" }), children: [_jsx(Layers, { className: "mr-2 h-4 w-4" }), "Manage stages"] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => {
+                                                        setEditing(rule);
+                                                        setDialogOpen(true);
+                                                    }, children: _jsx(Pencil, { className: "h-4 w-4" }) })] }) })] }, rule.id))) })] }) })) : null, _jsx(NotificationReminderRuleDialog, { open: dialogOpen, onOpenChange: setDialogOpen, rule: editing, onSuccess: () => {
                     setDialogOpen(false);
                     setEditing(undefined);
                     void refetch();

package/dist/components/select.d.ts

@@ -1,6 +1,6 @@
 import { Select as SelectPrimitive } from "@base-ui/react/select";
-import type * as React from "react";
-declare const Select: typeof SelectPrimitive.Root;
+import * as React from "react";
+declare function Select<Value, Multiple extends boolean | undefined = false>({ children, items, ...props }: SelectPrimitive.Root.Props<Value, Multiple>): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
 declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
 declare function SelectTrigger({ className, size, children, ...props }: SelectPrimitive.Trigger.Props & {

package/dist/components/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAGnC,QAAA,MAAM,MAAM,6BAAuB,CAAA;AAEnC,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,2CAQxE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,2CAiBA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,IAAe,EACf,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,oBAA2B,EAC3B,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAC5B,IAAI,CACF,eAAe,CAAC,UAAU,CAAC,KAAK,EAChC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CACzE,2CA2BF;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,2CAQ7E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,2CAsBhF;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,SAAS,CAAC,KAAK,2CAQhF;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,aAAa,CAAC,2CAa5D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,eAAe,CAAC,2CAa9D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0B9B,iBAAS,MAAM,CAAC,KAAK,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,EACnE,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,2CAY7C;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,2CAQxE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,2CAiBA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,IAAe,EACf,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,oBAA2B,EAC3B,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAC5B,IAAI,CACF,eAAe,CAAC,UAAU,CAAC,KAAK,EAChC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CACzE,2CA2BF;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,2CAQ7E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,2CAsBhF;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,SAAS,CAAC,KAAK,2CAQhF;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,aAAa,CAAC,2CAa5D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,eAAe,CAAC,2CAa9D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}

package/dist/components/select.js

@@ -1,8 +1,35 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import * as React from "react";
 import { cn } from "../lib/utils.js";
-const Select = SelectPrimitive.Root;
+// Walks `SelectContent` children to harvest `<SelectItem value="..."> label </SelectItem>`
+// pairs. Feeds the resulting map to base-ui's `items` prop so `<Select.Value />` renders
+// the label instead of the raw value — matches the shadcn/Radix Select expectation.
+function collectSelectItems(children, out = {}) {
+    React.Children.forEach(children, (child) => {
+        if (!React.isValidElement(child))
+            return;
+        const props = child.props;
+        if (typeof props.value === "string" && props.children != null) {
+            out[props.value] = props.children;
+        }
+        if (props.children != null) {
+            collectSelectItems(props.children, out);
+        }
+    });
+    return out;
+}
+function Select({ children, items, ...props }) {
+    const harvested = React.useMemo(() => {
+        if (items !== undefined)
+            return undefined;
+        const map = collectSelectItems(children);
+        return Object.keys(map).length > 0 ? map : undefined;
+    }, [items, children]);
+    const resolvedItems = (items ?? harvested);
+    return (_jsx(SelectPrimitive.Root, { items: resolvedItems, ...props, children: children }));
+}
 function SelectGroup({ className, ...props }) {
     return (_jsx(SelectPrimitive.Group, { "data-slot": "select-group", className: cn("scroll-my-1 p-1", className), ...props }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/ui",
-  "version": "0.28.1",
+  "version": "0.29.0",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": false,
@@ -35,10 +35,10 @@
     "tw-animate-css": "^1.3.5",
     "vaul": "^1.1.2",
     "zod": "^4.3.6",
-    "@voyantjs/i18n": "0.28.1",
-    "@voyantjs/notifications": "0.28.1",
-    "@voyantjs/notifications-react": "0.28.1",
-    "@voyantjs/utils": "0.28.1"
+    "@voyantjs/i18n": "0.29.0",
+    "@voyantjs/notifications": "0.29.0",
+    "@voyantjs/notifications-react": "0.29.0",
+    "@voyantjs/utils": "0.29.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.11",
@@ -70,6 +70,11 @@
       "import": "./dist/components/*.js",
       "default": "./dist/components/*.js"
     },
+    "./components/big-calendar": {
+      "types": "./dist/components/big-calendar/index.d.ts",
+      "import": "./dist/components/big-calendar/index.js",
+      "default": "./dist/components/big-calendar/index.js"
+    },
     "./hooks/*": {
       "types": "./dist/hooks/*.d.ts",
       "import": "./dist/hooks/*.js",

package/src/styles/globals.css

@@ -135,6 +135,10 @@
   --color-sidebar-ring: var(--sidebar-ring);
 }
 
+@utility bg-calendar-disabled-hour {
+  background-color: color-mix(in oklab, var(--muted) 35%, transparent);
+}
+
 @layer base {
   * {
     @apply border-border outline-ring/50;