@voyantjs/ui 0.28.1 → 0.28.3

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/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.28.3",
   "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.28.3",
+    "@voyantjs/notifications": "0.28.3",
+    "@voyantjs/notifications-react": "0.28.3",
+    "@voyantjs/utils": "0.28.3"
   },
   "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;