@flipdish/ui-library 0.21.0 → 0.22.0

package/dist/components/organisms/Calendar/components/calendar-month-view.js

@@ -0,0 +1,263 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useTestIdPrefix, joinTestId, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { startOfMonth, endOfMonth, startOfWeek, endOfWeek, today, toCalendarDate, isSameMonth, toZoned, isSameDay, isToday } from '@internationalized/date';
+import { useMemo, useCallback } from 'react';
+import { getDaysInVisibleMonthGrid, getEventsForDay, getStartOfDay, getEndOfDay } from '../calendar.utils.js';
+import { CalendarColumnHeader } from './calendar-column-header.js';
+import { CalendarMonthViewCell } from './calendar-month-view-cell.js';
+import { CalendarMonthViewEvent } from './calendar-month-view-event.js';
+
+const MonthView = ({ currentMonthDate, selectedDate, zonedEvents, locale, timeZone, setSelectedDate, fullDateFormatter, shortWeekdayFormatter, timeFormatter, // Needed for formatTime inside
+className, }) => {
+    const prefix = useTestIdPrefix();
+    const eventTestId = (eventId) => (prefix ? joinTestId(prefix, `event-${slugifyTestId(eventId)}`) : undefined);
+    const monthStart = startOfMonth(currentMonthDate);
+    const monthEnd = endOfMonth(currentMonthDate);
+    const weekStart = startOfWeek(monthStart, locale);
+    const weekEnd = endOfWeek(monthEnd, locale);
+    const formatTimeForMonth = (dateTime) => timeFormatter.format(dateTime.toDate());
+    const days = useMemo(() => getDaysInVisibleMonthGrid(currentMonthDate, locale), [currentMonthDate, locale]);
+    const weekdays = useMemo(() => {
+        const firstDay = startOfWeek(today(timeZone), locale);
+        return Array.from({ length: 7 }).map((_, i) => shortWeekdayFormatter.format(firstDay.add({ days: i }).toDate(timeZone)));
+    }, [locale, timeZone, shortWeekdayFormatter]); // Dependencies are passed in
+    const visibleEvents = zonedEvents.filter((event) => {
+        const eventStartDay = toCalendarDate(event.start);
+        const eventEndDay = toCalendarDate(event.end);
+        return eventStartDay.compare(weekEnd) <= 0 && eventEndDay.compare(weekStart) >= 0;
+    });
+    const eventsByDay = useMemo(() => {
+        const map = new Map();
+        days.forEach((day) => {
+            const dateKey = day.toString();
+            const dayEvents = getEventsForDay(visibleEvents, day, timeZone);
+            map.set(dateKey, dayEvents);
+        });
+        return map;
+    }, [days, visibleEvents, timeZone]); // Dependencies: days array, visible events, timezone
+    const MAX_EVENTS_PER_CELL = 3;
+    const todayCalDate = today(timeZone);
+    const targetDateForFooter = selectedDate || (isSameMonth(currentMonthDate, todayCalDate) ? todayCalDate : null);
+    let eventsForFooter = [];
+    if (targetDateForFooter) {
+        const targetZoned = toZoned(targetDateForFooter, timeZone);
+        const targetZonedStart = getStartOfDay(targetZoned, timeZone);
+        const targetZonedEnd = getEndOfDay(targetZoned, timeZone);
+        eventsForFooter = zonedEvents
+            .filter((event) => {
+            const eventStartDay = toCalendarDate(event.start);
+            const eventEndDay = toCalendarDate(event.end);
+            return (isSameDay(eventStartDay, targetDateForFooter) ||
+                isSameDay(eventEndDay, targetDateForFooter) ||
+                (event.start.compare(targetZonedEnd) < 0 && event.end.compare(targetZonedStart) > 0));
+        })
+            .sort((a, b) => a.start.compare(b.start));
+    }
+    /**
+     * Calculates how many days an event should visually span from a given start date.
+     *
+     * Multi-day events are rendered as a single element that spans multiple cells.
+     * To avoid duplicate rendering:
+     * - Events render only on their start day
+     * - Multi-week events re-render at the start of each new week they span
+     *
+     * @returns Number of days to span, or null if event should not render on this day
+     */
+    const calculateEventSpan = useCallback((event, currentDate) => {
+        const eventStartDay = toCalendarDate(event.start);
+        const eventEndDay = toCalendarDate(event.end);
+        const startsOnThisDay = isSameDay(currentDate, eventStartDay);
+        if (!startsOnThisDay && eventStartDay.compare(currentDate) < 0) {
+            const currentDayIndex = days.findIndex((d) => isSameDay(d, currentDate));
+            const weekStartIndex = Math.floor(currentDayIndex / 7) * 7;
+            const weekStartDate = days[weekStartIndex];
+            if (!weekStartDate)
+                return null;
+            const isFirstDayOfWeek = isSameDay(currentDate, weekStartDate);
+            // Only render at week boundaries for multi-week events
+            if (!isFirstDayOfWeek) {
+                return null; // Already rendered earlier in this week
+            }
+        }
+        const currentDayIndex = days.findIndex((d) => isSameDay(d, currentDate));
+        const weekEndIndex = Math.floor(currentDayIndex / 7) * 7 + 6;
+        let spanDays = 1;
+        let checkDay = currentDate.add({ days: 1 });
+        let checkDayIndex = currentDayIndex + 1;
+        while (checkDayIndex <= weekEndIndex && checkDay.compare(eventEndDay) <= 0) {
+            spanDays++;
+            checkDay = checkDay.add({ days: 1 });
+            checkDayIndex++;
+        }
+        return spanDays;
+    }, [days]);
+    /**
+     * Creates an optimized layout for multi-day events using a row-packing algorithm.
+     *
+     * Key concepts:
+     * 1. Each event is assigned to a "row" (vertical position within a day cell)
+     * 2. Events spanning multiple days create invisible "placeholder" cells to reserve space
+     * 3. Row assignment uses a greedy algorithm to minimize wasted vertical space
+     * 4. Multi-week events can use different rows in each week for optimal packing
+     *
+     * Example: If Event A (Mon-Wed) is in row 0, Event B (Thu-Fri) can also use row 0
+     * because they don't overlap, preventing wasted space.
+     */
+    const eventRenderMap = useMemo(() => {
+        const renderMap = new Map();
+        // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
+        days.forEach((day) => renderMap.set(day.toString(), []));
+        const eventRowAssignments = new Map(); // eventId -> row number
+        const rowOccupancyByDay = new Map(); // dateKey -> [row0: Set<eventId>, row1: Set<eventId>, ...]
+        // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
+        days.forEach((day) => rowOccupancyByDay.set(day.toString(), []));
+        /** Whether a multi-week event re-starts its rendering at this week's first day. */
+        const isWeekBoundaryStart = (dayIndex, eventStartDay, currentDay) => {
+            const startsOnCurrentDay = isSameDay(currentDay, eventStartDay);
+            if (startsOnCurrentDay)
+                return false;
+            const weekStartIndex = Math.floor(dayIndex / 7) * 7;
+            const weekStartDate = days[weekStartIndex];
+            if (!weekStartDate)
+                return false;
+            return isSameDay(currentDay, weekStartDate);
+        };
+        /** First row index free across every day the event spans. */
+        const findAvailableRow = (startDayIndex, span) => {
+            let row = 0;
+            while (true) {
+                let isAvailable = true;
+                for (let offset = 0; offset < span; offset++) {
+                    const dayIndex = startDayIndex + offset;
+                    const day = days[dayIndex];
+                    if (!day)
+                        break;
+                    const dayKey = day.toString();
+                    const occupancy = rowOccupancyByDay.get(dayKey);
+                    if ((occupancy?.[row]?.size ?? 0) > 0) {
+                        isAvailable = false;
+                        break;
+                    }
+                }
+                if (isAvailable)
+                    return row;
+                row++;
+            }
+        };
+        /** Marks `row` occupied for every day the event spans. */
+        const markRowAsOccupied = (startDayIndex, span, row, eventId) => {
+            for (let offset = 0; offset < span; offset++) {
+                const dayIndex = startDayIndex + offset;
+                const day = days[dayIndex];
+                if (!day)
+                    break;
+                const dayKey = day.toString();
+                const occupancy = rowOccupancyByDay.get(dayKey);
+                if (!occupancy)
+                    break;
+                let cell = occupancy[row];
+                if (!cell) {
+                    cell = new Set();
+                    occupancy[row] = cell;
+                }
+                cell.add(eventId);
+            }
+        };
+        days.forEach((day, dayIndex) => {
+            const dateKey = day.toString();
+            const eventsOnThisDay = eventsByDay.get(dateKey) || [];
+            eventsOnThisDay.forEach((event) => {
+                const span = calculateEventSpan(event, day);
+                if (span === null)
+                    return; // Event doesn't render on this day
+                const eventStartDay = toCalendarDate(event.start);
+                const isNewWeekSegment = isWeekBoundaryStart(dayIndex, eventStartDay, day);
+                const hasExistingRow = eventRowAssignments.has(event.id);
+                // Reuse the event's row within a week; a new week segment gets a fresh row.
+                let row;
+                if (hasExistingRow && !isNewWeekSegment) {
+                    // biome-ignore lint/style/noNonNullAssertion: guarded by hasExistingRow (eventRowAssignments.has(event.id)) above
+                    row = eventRowAssignments.get(event.id);
+                }
+                else {
+                    row = findAvailableRow(dayIndex, span);
+                    eventRowAssignments.set(event.id, row);
+                }
+                markRowAsOccupied(dayIndex, span, row, event.id);
+                renderMap.get(dateKey)?.push({ event, span, isPlaceholder: false, row });
+                // Invisible placeholders keep later days' rows aligned under the spanning event.
+                for (let offset = 1; offset < span; offset++) {
+                    const nextDayIndex = dayIndex + offset;
+                    const nextDay = days[nextDayIndex];
+                    if (!nextDay)
+                        break;
+                    const nextDayKey = nextDay.toString();
+                    renderMap.get(nextDayKey)?.push({ event, span: 0, isPlaceholder: true, row });
+                }
+            });
+        });
+        // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
+        renderMap.forEach((events) => events.sort((a, b) => a.row - b.row));
+        return renderMap;
+    }, [calculateEventSpan, days, eventsByDay]);
+    return (jsxs("div", { className: cx('flex flex-1 flex-col', className), children: [jsx("div", { className: "grid grid-cols-7", children: weekdays.map((weekday, index) => (
+                // biome-ignore lint/suspicious/noArrayIndexKey: This is a key for the column header
+                jsx(CalendarColumnHeader, { weekDay: weekday, className: "before:border-b" }, index))) }), jsx("div", { className: cx('grid flex-1 grid-cols-7', 
+                // 6 rows for >35 days (6 weeks), 5 rows for >28 days (5 weeks), 4 rows for <=28 days (4 weeks)
+                days.length > 35 ? 'grid-rows-6' : days.length > 28 ? 'grid-rows-5' : 'grid-rows-4'), children: days.map((date, index) => {
+                    const dateKey = date.toString();
+                    const isCurrentMonthFlag = isSameMonth(date, currentMonthDate);
+                    const isTodayFlag = isToday(date, timeZone);
+                    const isSelectedFlag = selectedDate ? isSameDay(date, selectedDate) : false;
+                    const isLastRow = days.length > 35 ? index >= 35 : days.length > 28 ? index >= 28 : index >= 21;
+                    const isLastColumn = (index + 1) % 7 === 0;
+                    const eventsToRender = eventRenderMap.get(dateKey) || [];
+                    const dayEvents = eventsByDay.get(dateKey) || [];
+                    const eventsToShow = eventsToRender.slice(0, MAX_EVENTS_PER_CELL);
+                    const remainingEventsCount = Math.max(0, dayEvents.length - MAX_EVENTS_PER_CELL);
+                    return (jsxs(CalendarMonthViewCell, { day: date.day, isDisabled: !isCurrentMonthFlag, state: isSelectedFlag ? 'selected' : isTodayFlag ? 'current' : 'default', className: cx(isLastRow && 'before:border-b-0', isLastColumn && 'before:border-r-0'), onClick: () => isCurrentMonthFlag && setSelectedDate(date), "data-testid": prefix ? joinTestId(prefix, `cell-${slugifyTestId(dateKey)}`) : undefined, children: [jsx("div", { className: "flex gap-1 max-md:pl-1 md:flex-col", children: eventsToShow.map(({ event, span, isPlaceholder }) => {
+                                    // If this is a placeholder, render an invisible element to take up space
+                                    if (isPlaceholder) {
+                                        return (jsx("div", { className: "pointer-events-none opacity-0", children: jsx(CalendarMonthViewEvent, { label: event.title, collapseOnMobile: true, color: event.color, withDot: event.dot }) }, `${event.id}-placeholder`));
+                                    }
+                                    // Regular event rendering
+                                    const eventStartDay = toCalendarDate(event.start);
+                                    const eventEndDay = toCalendarDate(event.end);
+                                    const startsToday = isSameDay(date, eventStartDay);
+                                    const endsToday = isSameDay(date, eventEndDay);
+                                    const continuesPrior = eventStartDay.compare(date) < 0;
+                                    const continuesAfter = eventEndDay.compare(date) > 0;
+                                    // Boundary checks compare times, not calendar days: an event starts "at day start"
+                                    // only when it begins at midnight, and ends "at day end" when it ends at midnight
+                                    // (exclusive-end convention) or at 23:59:59.999 (inclusive-end convention).
+                                    const eventStartsAtDayStart = event.start.compare(getStartOfDay(event.start, timeZone)) === 0;
+                                    const eventEndsAtDayEnd = event.end.compare(getStartOfDay(event.end, timeZone)) === 0 || event.end.compare(getEndOfDay(event.end, timeZone)) >= 0;
+                                    const isAllDayForCell = (continuesPrior && continuesAfter) ||
+                                        (startsToday && continuesAfter && eventStartsAtDayStart) ||
+                                        (continuesPrior && endsToday && eventEndsAtDayEnd) ||
+                                        (startsToday && endsToday && eventStartsAtDayStart && eventEndsAtDayEnd);
+                                    const supportingText = isAllDayForCell ? undefined : formatTimeForMonth(event.start);
+                                    // Apply custom width style for multi-day events
+                                    const spanStyle = span > 1
+                                        ? {
+                                            zIndex: 1,
+                                            width: `calc(${span * 100}% + ${(span - 1) * 16}px)`,
+                                        }
+                                        : undefined;
+                                    return (jsx("div", { style: spanStyle, className: cx(!isCurrentMonthFlag && 'opacity-50'), children: jsx(CalendarMonthViewEvent, { label: event.title, collapseOnMobile: true, supportingText: supportingText, color: event.color, withDot: event.dot, "data-testid": eventTestId(event.id) }) }, event.id));
+                                }) }), remainingEventsCount > 0 && (jsx("div", { className: "truncate text-xs font-semibold text-utility-neutral-500 max-md:pl-1", children: `${remainingEventsCount} more...` }))] }, dateKey));
+                }) }), targetDateForFooter && (jsxs("div", { className: "border-t border-secondary px-4 py-5 md:hidden", children: [jsx("h3", { className: "text-sm font-semibold text-primary", children: fullDateFormatter.format(targetDateForFooter.toDate(timeZone)) }), eventsForFooter.length > 0 && (jsx("div", { className: "mt-4 flex flex-col gap-1.5", children: eventsForFooter.slice(0, 3).map((event) => {
+                            // "All day" when the event covers the entire displayed day. Comparing against the
+                            // footer's target day (not the event's own end day) handles exclusive-end events
+                            // (end = next midnight) and multi-day events spanning this day.
+                            const dayStart = getStartOfDay(targetDateForFooter, timeZone);
+                            const dayEnd = getEndOfDay(targetDateForFooter, timeZone);
+                            const isAllDay = event.start.compare(dayStart) <= 0 && event.end.compare(dayEnd) >= 0;
+                            const supportingText = isAllDay ? 'All day' : formatTimeForMonth(event.start);
+                            return (jsx(CalendarMonthViewEvent, { label: event.title, supportingText: supportingText, color: event.color, withDot: event.dot, "data-testid": eventTestId(event.id) }, `footer-${event.id}`));
+                        }) })), eventsForFooter.length === 0 && jsx("p", { className: "mt-4 text-xs font-semibold text-quaternary", children: "No events for this day." }), eventsForFooter.length > 3 && jsx("p", { className: "mt-4 text-xs font-semibold text-quaternary", children: `${eventsForFooter.length - 3} more...` })] }))] }));
+};
+
+export { MonthView };
+//# sourceMappingURL=calendar-month-view.js.map

package/dist/components/organisms/Calendar/components/calendar-month-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-month-view.js","sources":["../../../../../src/components/organisms/Calendar/components/calendar-month-view.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","isDateToday"],"mappings":"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"}

package/dist/components/organisms/Calendar/components/calendar-positioned-event.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var date = require('@internationalized/date');
+var calendar_utils = require('../calendar.utils.cjs');
+var calendarDwViewEvent = require('./calendar-dw-view-event.cjs');
+
+const PositionedEvent = ({ event, dayStart, timeZone, slotHeight, overlapIndex, setSelectedDate, timeFormatter }) => {
+    const prefix = testIdUtils.useTestIdPrefix();
+    const eventTestId = prefix ? testIdUtils.joinTestId(prefix, `event-${testIdUtils.slugifyTestId(event.id)}`) : undefined;
+    const formatTime = (dateTime) => timeFormatter.format(dateTime.toDate());
+    const startZoned = event.start;
+    const endZoned = event.end;
+    // Clamp to the visible day so multi-day events size correctly within it.
+    const dayEnd = calendar_utils.getEndOfDay(dayStart, timeZone);
+    const clampedStart = startZoned.compare(dayStart) < 0 ? dayStart : startZoned;
+    const clampedEnd = endZoned.compare(dayEnd) > 0 ? dayEnd : endZoned;
+    const startMinutes = clampedStart.hour * 60 + clampedStart.minute;
+    const endMinutes = clampedEnd.hour * 60 + clampedEnd.minute;
+    const durationMinutes = Math.max(15, endMinutes - startMinutes);
+    const top = (startMinutes / 30) * slotHeight;
+    // Half a slot floor: events shorter than 15 min still get a clickable block.
+    const height = Math.max(slotHeight / 2, (durationMinutes / 30) * slotHeight);
+    // Overlap offset deliberately disabled (0) until a stacked-events design lands.
+    const horizontalOffset = 0;
+    const displayTime = durationMinutes > 30;
+    const supportingText = displayTime ? formatTime(startZoned) : undefined;
+    return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: This is a static element that is used to position the event
+    // biome-ignore lint/a11y/useKeyWithClickEvents: This is a static element that is used to position the event
+    jsxRuntime.jsx("div", { className: "absolute w-full px-1.5 py-1.5", style: {
+            top: `${top}px`,
+            height: `${height}px`,
+            left: `${horizontalOffset}px`,
+            zIndex: overlapIndex,
+        }, onClick: () => setSelectedDate(date.toCalendarDate(startZoned)), children: jsxRuntime.jsx(calendarDwViewEvent.CalendarDwViewEvent, { label: event.title, supportingText: supportingText, color: event.color, withDot: event.dot, "data-testid": eventTestId }) }, event.id));
+};
+
+exports.PositionedEvent = PositionedEvent;
+//# sourceMappingURL=calendar-positioned-event.cjs.map

package/dist/components/organisms/Calendar/components/calendar-positioned-event.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-positioned-event.cjs","sources":["../../../../../src/components/organisms/Calendar/components/calendar-positioned-event.tsx"],"sourcesContent":[null],"names":["useTestIdPrefix","joinTestId","slugifyTestId","getEndOfDay","_jsx","toCalendarDate","CalendarDwViewEvent"],"mappings":";;;;;;;;MAkBa,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAwB,KAAI;AAC/I,IAAA,MAAM,MAAM,GAAGA,2BAAe,EAAE;IAChC,MAAM,WAAW,GAAG,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,CAAA,MAAA,EAASC,yBAAa,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA,CAAE,CAAC,GAAG,SAAS;AAE/F,IAAA,MAAM,UAAU,GAAG,CAAC,QAAuB,KAAK,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;AAEvF,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK;AAC9B,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG;;IAG1B,MAAM,MAAM,GAAGC,0BAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC9C,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,UAAU;AAC7E,IAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,QAAQ;IAEnE,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,GAAG,EAAE,GAAG,YAAY,CAAC,MAAM;IACjE,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,GAAG,EAAE,GAAG,UAAU,CAAC,MAAM;AAC3D,IAAA,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY,CAAC;IAE/D,MAAM,GAAG,GAAG,CAAC,YAAY,GAAG,EAAE,IAAI,UAAU;;AAE5C,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC,eAAe,GAAG,EAAE,IAAI,UAAU,CAAC;;IAG5E,MAAM,gBAAgB,GAAG,CAAC;AAE1B,IAAA,MAAM,WAAW,GAAG,eAAe,GAAG,EAAE;AACxC,IAAA,MAAM,cAAc,GAAG,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,SAAS;IAEvE;;;AAGE,IAAAC,cAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE;YACL,GAAG,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;YACf,MAAM,EAAE,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI;YACrB,IAAI,EAAE,CAAA,EAAG,gBAAgB,CAAA,EAAA,CAAI;AAC7B,YAAA,MAAM,EAAE,YAAY;SACrB,EACD,OAAO,EAAE,MAAM,eAAe,CAACC,mBAAc,CAAC,UAAU,CAAC,CAAC,EAAA,QAAA,EAE1DD,eAACE,uCAAmB,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG,EAAA,aAAA,EAAe,WAAW,EAAA,CAAI,EAAA,EAVxI,KAAK,CAAC,EAAE,CAWT;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-positioned-event.d.ts

@@ -0,0 +1,15 @@
+import { type CalendarDate, type ZonedDateTime } from '@internationalized/date';
+import type { DateFormatter } from '@react-aria/i18n';
+import { type ZonedEvent } from '../calendar.utils';
+interface PositionedEventProps {
+    event: ZonedEvent;
+    dayStart: ZonedDateTime;
+    timeZone: string;
+    slotHeight: number;
+    overlapIndex: number;
+    setSelectedDate: (date: CalendarDate) => void;
+    timeFormatter: DateFormatter;
+}
+export declare const PositionedEvent: ({ event, dayStart, timeZone, slotHeight, overlapIndex, setSelectedDate, timeFormatter }: PositionedEventProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-positioned-event.d.ts.map

package/dist/components/organisms/Calendar/components/calendar-positioned-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-positioned-event.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/calendar-positioned-event.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAkB,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAChG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGjE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,GAAI,yFAAyF,oBAAoB,gCA6C5I,CAAC"}

package/dist/components/organisms/Calendar/components/calendar-positioned-event.js

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTestIdPrefix, joinTestId, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { toCalendarDate } from '@internationalized/date';
+import { getEndOfDay } from '../calendar.utils.js';
+import { CalendarDwViewEvent } from './calendar-dw-view-event.js';
+
+const PositionedEvent = ({ event, dayStart, timeZone, slotHeight, overlapIndex, setSelectedDate, timeFormatter }) => {
+    const prefix = useTestIdPrefix();
+    const eventTestId = prefix ? joinTestId(prefix, `event-${slugifyTestId(event.id)}`) : undefined;
+    const formatTime = (dateTime) => timeFormatter.format(dateTime.toDate());
+    const startZoned = event.start;
+    const endZoned = event.end;
+    // Clamp to the visible day so multi-day events size correctly within it.
+    const dayEnd = getEndOfDay(dayStart, timeZone);
+    const clampedStart = startZoned.compare(dayStart) < 0 ? dayStart : startZoned;
+    const clampedEnd = endZoned.compare(dayEnd) > 0 ? dayEnd : endZoned;
+    const startMinutes = clampedStart.hour * 60 + clampedStart.minute;
+    const endMinutes = clampedEnd.hour * 60 + clampedEnd.minute;
+    const durationMinutes = Math.max(15, endMinutes - startMinutes);
+    const top = (startMinutes / 30) * slotHeight;
+    // Half a slot floor: events shorter than 15 min still get a clickable block.
+    const height = Math.max(slotHeight / 2, (durationMinutes / 30) * slotHeight);
+    // Overlap offset deliberately disabled (0) until a stacked-events design lands.
+    const horizontalOffset = 0;
+    const displayTime = durationMinutes > 30;
+    const supportingText = displayTime ? formatTime(startZoned) : undefined;
+    return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: This is a static element that is used to position the event
+    // biome-ignore lint/a11y/useKeyWithClickEvents: This is a static element that is used to position the event
+    jsx("div", { className: "absolute w-full px-1.5 py-1.5", style: {
+            top: `${top}px`,
+            height: `${height}px`,
+            left: `${horizontalOffset}px`,
+            zIndex: overlapIndex,
+        }, onClick: () => setSelectedDate(toCalendarDate(startZoned)), children: jsx(CalendarDwViewEvent, { label: event.title, supportingText: supportingText, color: event.color, withDot: event.dot, "data-testid": eventTestId }) }, event.id));
+};
+
+export { PositionedEvent };
+//# sourceMappingURL=calendar-positioned-event.js.map

package/dist/components/organisms/Calendar/components/calendar-positioned-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-positioned-event.js","sources":["../../../../../src/components/organisms/Calendar/components/calendar-positioned-event.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;MAkBa,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAwB,KAAI;AAC/I,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;IAChC,MAAM,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,CAAA,MAAA,EAAS,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA,CAAE,CAAC,GAAG,SAAS;AAE/F,IAAA,MAAM,UAAU,GAAG,CAAC,QAAuB,KAAK,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;AAEvF,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK;AAC9B,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG;;IAG1B,MAAM,MAAM,GAAG,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC9C,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,UAAU;AAC7E,IAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,QAAQ;IAEnE,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,GAAG,EAAE,GAAG,YAAY,CAAC,MAAM;IACjE,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,GAAG,EAAE,GAAG,UAAU,CAAC,MAAM;AAC3D,IAAA,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY,CAAC;IAE/D,MAAM,GAAG,GAAG,CAAC,YAAY,GAAG,EAAE,IAAI,UAAU;;AAE5C,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC,eAAe,GAAG,EAAE,IAAI,UAAU,CAAC;;IAG5E,MAAM,gBAAgB,GAAG,CAAC;AAE1B,IAAA,MAAM,WAAW,GAAG,eAAe,GAAG,EAAE;AACxC,IAAA,MAAM,cAAc,GAAG,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,SAAS;IAEvE;;;AAGE,IAAAA,GAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE;YACL,GAAG,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;YACf,MAAM,EAAE,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI;YACrB,IAAI,EAAE,CAAA,EAAG,gBAAgB,CAAA,EAAA,CAAI;AAC7B,YAAA,MAAM,EAAE,YAAY;SACrB,EACD,OAAO,EAAE,MAAM,eAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,EAAA,QAAA,EAE1DA,IAAC,mBAAmB,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG,EAAA,aAAA,EAAe,WAAW,EAAA,CAAI,EAAA,EAVxI,KAAK,CAAC,EAAE,CAWT;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-week-view-day.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var calendar_utils = require('../calendar.utils.cjs');
+var calendarDwViewCell = require('./calendar-dw-view-cell.cjs');
+var calendarPositionedEvent = require('./calendar-positioned-event.cjs');
+
+const WeekViewDay = ({ day, isLastDay, visibleEvents, timeZone, slotHeight, setSelectedDate, timeFormatter }) => {
+    const dateKey = day.toString();
+    const dayEvents = React.useMemo(() => calendar_utils.getEventsForDay(visibleEvents, day, timeZone), [visibleEvents, day, timeZone]);
+    const dayStart = React.useMemo(() => calendar_utils.getStartOfDay(day, timeZone), [day, timeZone]);
+    return (jsxRuntime.jsx("div", { className: "flex flex-col border-secondary", children: jsxRuntime.jsxs("div", { className: "relative flex-1 bg-primary", style: { minHeight: `${48 * slotHeight}px` }, children: [Array.from({ length: 48 }).map((_, slotIndex) => (jsxRuntime.jsx(calendarDwViewCell.CalendarDwViewCell
+                // biome-ignore lint/suspicious/noArrayIndexKey: fixed 48 half-hour slots — the index is a stable slot position
+                , { className: cx.cx('last:before:border-b-0', isLastDay && 'before:border-r-0') }, `slot-${dateKey}-${slotIndex}`))), dayEvents.map((event, index) => {
+                    const overlapIndex = dayEvents.filter((e, i) => i < index && event.start.compare(e.end) < 0 && event.end.compare(e.start) > 0).length;
+                    return (jsxRuntime.jsx(calendarPositionedEvent.PositionedEvent, { event: event, dayStart: dayStart, timeZone: timeZone, slotHeight: slotHeight, overlapIndex: overlapIndex, setSelectedDate: setSelectedDate, timeFormatter: timeFormatter }, event.id));
+                })] }) }));
+};
+
+exports.WeekViewDay = WeekViewDay;
+//# sourceMappingURL=calendar-week-view-day.cjs.map

package/dist/components/organisms/Calendar/components/calendar-week-view-day.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week-view-day.cjs","sources":["../../../../../src/components/organisms/Calendar/components/calendar-week-view-day.tsx"],"sourcesContent":[null],"names":["useMemo","getEventsForDay","getStartOfDay","_jsx","_jsxs","CalendarDwViewCell","cx","PositionedEvent"],"mappings":";;;;;;;;;MAoBa,WAAW,GAAG,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAoB,KAAI;AACvI,IAAA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,EAAE;IAC9B,MAAM,SAAS,GAAGA,aAAO,CAAC,MAAMC,8BAAe,CAAC,aAAa,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC9G,MAAM,QAAQ,GAAGD,aAAO,CAAC,MAAME,4BAAa,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE7E,QACEC,wBAAK,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAC7CC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,UAAU,CAAA,EAAA,CAAI,EAAE,aACrF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,MAC3CD,cAAA,CAACE;;AAGC,kBAAA,EAAA,SAAS,EAAEC,KAAE,CAAC,wBAAwB,EAAE,SAAS,IAAI,mBAAmB,CAAC,EAAA,EADpE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAEnC,CACH,CAAC,EAED,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;oBAC9B,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;AAErI,oBAAA,QACEH,cAAA,CAACI,uCAAe,EAAA,EAEd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAAA,EAPvB,KAAK,CAAC,EAAE,CAQb;AAEN,gBAAA,CAAC,CAAC,CAAA,EAAA,CACE,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-week-view-day.d.ts

@@ -0,0 +1,15 @@
+import type { CalendarDate } from '@internationalized/date';
+import type { DateFormatter } from '@react-aria/i18n';
+import { type ZonedEvent } from '../calendar.utils';
+interface WeekViewDayProps {
+    day: CalendarDate;
+    isLastDay: boolean;
+    visibleEvents: ZonedEvent[];
+    timeZone: string;
+    slotHeight: number;
+    setSelectedDate: (date: CalendarDate | null) => void;
+    timeFormatter: DateFormatter;
+}
+export declare const WeekViewDay: ({ day, isLastDay, visibleEvents, timeZone, slotHeight, setSelectedDate, timeFormatter }: WeekViewDayProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-week-view-day.d.ts.map

package/dist/components/organisms/Calendar/components/calendar-week-view-day.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week-view-day.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/calendar-week-view-day.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAkC,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpF,UAAU,gBAAgB;IACxB,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,UAAU,EAAE,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,GAAI,yFAAyF,gBAAgB,gCAmCpI,CAAC"}

package/dist/components/organisms/Calendar/components/calendar-week-view-day.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useMemo } from 'react';
+import { getEventsForDay, getStartOfDay } from '../calendar.utils.js';
+import { CalendarDwViewCell } from './calendar-dw-view-cell.js';
+import { PositionedEvent } from './calendar-positioned-event.js';
+
+const WeekViewDay = ({ day, isLastDay, visibleEvents, timeZone, slotHeight, setSelectedDate, timeFormatter }) => {
+    const dateKey = day.toString();
+    const dayEvents = useMemo(() => getEventsForDay(visibleEvents, day, timeZone), [visibleEvents, day, timeZone]);
+    const dayStart = useMemo(() => getStartOfDay(day, timeZone), [day, timeZone]);
+    return (jsx("div", { className: "flex flex-col border-secondary", children: jsxs("div", { className: "relative flex-1 bg-primary", style: { minHeight: `${48 * slotHeight}px` }, children: [Array.from({ length: 48 }).map((_, slotIndex) => (jsx(CalendarDwViewCell
+                // biome-ignore lint/suspicious/noArrayIndexKey: fixed 48 half-hour slots — the index is a stable slot position
+                , { className: cx('last:before:border-b-0', isLastDay && 'before:border-r-0') }, `slot-${dateKey}-${slotIndex}`))), dayEvents.map((event, index) => {
+                    const overlapIndex = dayEvents.filter((e, i) => i < index && event.start.compare(e.end) < 0 && event.end.compare(e.start) > 0).length;
+                    return (jsx(PositionedEvent, { event: event, dayStart: dayStart, timeZone: timeZone, slotHeight: slotHeight, overlapIndex: overlapIndex, setSelectedDate: setSelectedDate, timeFormatter: timeFormatter }, event.id));
+                })] }) }));
+};
+
+export { WeekViewDay };
+//# sourceMappingURL=calendar-week-view-day.js.map

package/dist/components/organisms/Calendar/components/calendar-week-view-day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week-view-day.js","sources":["../../../../../src/components/organisms/Calendar/components/calendar-week-view-day.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;MAoBa,WAAW,GAAG,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAoB,KAAI;AACvI,IAAA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,EAAE;IAC9B,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,eAAe,CAAC,aAAa,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC9G,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,aAAa,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE7E,QACEA,aAAK,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAC7CC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,UAAU,CAAA,EAAA,CAAI,EAAE,aACrF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,MAC3CD,GAAA,CAAC;;AAGC,kBAAA,EAAA,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,IAAI,mBAAmB,CAAC,EAAA,EADpE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAEnC,CACH,CAAC,EAED,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;oBAC9B,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;AAErI,oBAAA,QACEA,GAAA,CAAC,eAAe,EAAA,EAEd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAAA,EAPvB,KAAK,CAAC,EAAE,CAQb;AAEN,gBAAA,CAAC,CAAC,CAAA,EAAA,CACE,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-week-view.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var date = require('@internationalized/date');
+var React = require('react');
+var calendar_utils = require('../calendar.utils.cjs');
+var calendarColumnHeader = require('./calendar-column-header.cjs');
+var calendarRowLabel = require('./calendar-row-label.cjs');
+var calendarTimeMarker = require('./calendar-time-marker.cjs');
+var calendarWeekViewDay = require('./calendar-week-view-day.cjs');
+
+const WeekView = ({ currentMonthDate, selectedDate, zonedEvents, locale, timeZone, currentTime, setSelectedDate, shortWeekdayFormatter, timeFormatter, hourOnlyFormatter, className, view, }) => {
+    const currentWeekStart = date.startOfWeek(currentMonthDate, locale);
+    const currentWeekEnd = date.endOfWeek(currentMonthDate, locale);
+    const localCurrentTime = currentTime;
+    const scrollContainerRef = React.useRef(null);
+    const formatTime = (dateTime) => timeFormatter.format(dateTime.toDate());
+    const showTimeMarker = localCurrentTime.compare(date.toZoned(currentWeekStart, timeZone)) >= 0 &&
+        localCurrentTime.compare(date.toZoned(currentWeekEnd, timeZone).add({ days: 1 })) < 0;
+    const days = [];
+    let dayIterator = currentWeekStart;
+    while (dayIterator.compare(currentWeekEnd) <= 0) {
+        days.push(dayIterator);
+        dayIterator = dayIterator.add({ days: 1 });
+    }
+    const hours = Array.from({ length: 24 }, (_, i) => i);
+    let timeMarkerTop = 0;
+    if (showTimeMarker) {
+        const startOfVisibleDay = calendar_utils.getStartOfDay(localCurrentTime, timeZone);
+        const minutesFromTop = localCurrentTime.hour * 60 + localCurrentTime.minute - (startOfVisibleDay.hour * 60 + startOfVisibleDay.minute);
+        timeMarkerTop = (minutesFromTop / 30) * calendar_utils.SLOT_HEIGHT;
+    }
+    const visibleEvents = zonedEvents.filter((event) => {
+        const eventStartDay = date.toCalendarDate(event.start);
+        const eventEndDay = date.toCalendarDate(event.end);
+        return eventStartDay.compare(currentWeekEnd) <= 0 && eventEndDay.compare(currentWeekStart) >= 0;
+    });
+    const earliestEventTimeInWeek = React.useMemo(() => {
+        if (visibleEvents.length === 0) {
+            // No events: default the scroll target to 8 AM.
+            return date.toZoned(currentWeekStart, timeZone).set({ hour: 8 });
+        }
+        return visibleEvents.reduce((earliest, current) => {
+            return current.start.compare(earliest.start) < 0 ? current : earliest;
+        }).start;
+    }, [visibleEvents, currentWeekStart, timeZone]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We need to include currentMonthDate in the dependency array to recalculate the earliest event time when the week changes
+    React.useLayoutEffect(() => {
+        if (view === 'week' && scrollContainerRef.current && earliestEventTimeInWeek) {
+            const startMinutes = earliestEventTimeInWeek.hour * 60 + earliestEventTimeInWeek.minute;
+            let targetScrollTop = Math.max(0, (startMinutes / 30) * calendar_utils.SLOT_HEIGHT);
+            // One slot of breathing room above the first event.
+            targetScrollTop = Math.max(0, targetScrollTop - calendar_utils.SLOT_HEIGHT);
+            if (scrollContainerRef.current) {
+                scrollContainerRef.current.scrollTop = targetScrollTop;
+            }
+        }
+    }, [view, earliestEventTimeInWeek, currentMonthDate]);
+    return (jsxRuntime.jsxs("div", { className: cx.cx('flex flex-1 flex-col overflow-auto', className), children: [jsxRuntime.jsx("div", { className: "sticky top-0 z-10 grid grid-cols-7 bg-primary pl-18 shadow-sm dark:border-b dark:border-secondary", children: days.map((day) => {
+                    const isTodayFlag = date.isToday(day, timeZone);
+                    const dayToHighlight = selectedDate && day.compare(currentWeekStart) >= 0 && day.compare(currentWeekEnd) <= 0 ? selectedDate : currentWeekStart;
+                    const isSelectedFlag = date.isSameDay(day, dayToHighlight);
+                    const weekDayShort = shortWeekdayFormatter.format(day.toDate(timeZone));
+                    return (jsxRuntime.jsx(calendarColumnHeader.CalendarColumnHeader, { onClick: () => setSelectedDate(day), weekDay: weekDayShort, day: day.day, state: isSelectedFlag ? 'selected' : isTodayFlag ? 'current' : 'default', className: "cursor-pointer first:before:-left-px first:before:border-l" }, `mobile-header-${day.toString()}`));
+                }) }), jsxRuntime.jsxs("div", { ref: scrollContainerRef, tabIndex: 0, className: "relative flex flex-1 overflow-y-auto", children: [jsxRuntime.jsx("div", { className: "flex h-max w-18 flex-col border-r border-secondary", children: hours.map((hour) => {
+                            const time = new date.CalendarDateTime(currentWeekStart.year, currentWeekStart.month, currentWeekStart.day, hour);
+                            const timeString = hourOnlyFormatter.format(date.toZoned(time, timeZone).toDate());
+                            return jsxRuntime.jsx(calendarRowLabel.CalendarRowLabel, { children: timeString }, `time-${hour}`);
+                        }) }), jsxRuntime.jsx("div", { className: "grid flex-1 grid-cols-7", children: days.map((day, index) => {
+                            const isLastDay = index === days.length - 1;
+                            return (jsxRuntime.jsx(calendarWeekViewDay.WeekViewDay, { day: day, isLastDay: isLastDay, visibleEvents: visibleEvents, timeZone: timeZone, slotHeight: calendar_utils.SLOT_HEIGHT, setSelectedDate: setSelectedDate, timeFormatter: timeFormatter }, day.toString()));
+                        }) }), showTimeMarker && jsxRuntime.jsx(calendarTimeMarker.CalendarTimeMarker, { style: { top: `${timeMarkerTop}px` }, children: formatTime(localCurrentTime) })] })] }));
+};
+
+exports.WeekView = WeekView;
+//# sourceMappingURL=calendar-week-view.cjs.map

package/dist/components/organisms/Calendar/components/calendar-week-view.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week-view.cjs","sources":["../../../../../src/components/organisms/Calendar/components/calendar-week-view.tsx"],"sourcesContent":[null],"names":["startOfWeek","endOfWeek","useRef","toZoned","getStartOfDay","SLOT_HEIGHT","toCalendarDate","useMemo","useLayoutEffect","_jsxs","cx","_jsx","isDateToday","isSameDay","CalendarColumnHeader","CalendarDateTime","CalendarRowLabel","WeekViewDay","CalendarTimeMarker"],"mappings":"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"}

package/dist/components/organisms/Calendar/components/calendar-week-view.d.ts

@@ -0,0 +1,20 @@
+import { type CalendarDate, type ZonedDateTime } from '@internationalized/date';
+import type { DateFormatter } from '@react-aria/i18n';
+import { type ZonedEvent } from '../calendar.utils';
+interface WeekViewProps {
+    currentMonthDate: CalendarDate;
+    selectedDate: CalendarDate | null;
+    zonedEvents: ZonedEvent[];
+    locale: string;
+    timeZone: string;
+    currentTime: ZonedDateTime;
+    setSelectedDate: (date: CalendarDate | null) => void;
+    shortWeekdayFormatter: DateFormatter;
+    timeFormatter: DateFormatter;
+    hourOnlyFormatter: DateFormatter;
+    className?: string;
+    view?: string;
+}
+export declare const WeekView: ({ currentMonthDate, selectedDate, zonedEvents, locale, timeZone, currentTime, setSelectedDate, shortWeekdayFormatter, timeFormatter, hourOnlyFormatter, className, view, }: WeekViewProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-week-view.d.ts.map

package/dist/components/organisms/Calendar/components/calendar-week-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week-view.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/calendar-week-view.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,YAAY,EAQjB,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAMhF,UAAU,aAAa;IACrB,gBAAgB,EAAE,YAAY,CAAC;IAC/B,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,aAAa,CAAC;IAC3B,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,qBAAqB,EAAE,aAAa,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,aAAa,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,GAAI,4KAatB,aAAa,gCAuHf,CAAC"}