@flipdish/ui-library 0.30.0 → 0.31.1

package/dist/components/organisms/Calendar/components/CalendarDayView.js

@@ -0,0 +1,84 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ChevronLeft, ChevronRight, Copy01, Trash01, Edit01, Calendar as Calendar$1, Clock, BellRinging01 } from '@flipdish/ui-icons';
+import { Avatar, AvatarAddButton } from '@flipdish/ui-library/components/atoms/Avatar';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { ButtonUtility } from '@flipdish/ui-library/components/atoms/UtilityButton';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { startOfWeek, endOfWeek, isSameDay, toCalendarDate, toZoned, isToday, CalendarDateTime } from '@internationalized/date';
+import { useMemo, useRef, useLayoutEffect } from 'react';
+import { Calendar, Heading, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody } from 'react-aria-components';
+import { CalendarCell } from '../../DatePicker/components/Cell.js';
+import { getEventsForDay, SLOT_HEIGHT } from '../calendar.utils.js';
+import { CalendarColumnHeader } from './CalendarColumnHeader.js';
+import { MobileSingleDayGrid } from './CalendarMobileDayGrid.js';
+import { CalendarRowLabel } from './CalendarRowLabel.js';
+import { CalendarTimeMarker } from './CalendarTimeMarker.js';
+
+const DayView = ({ dayToDisplay, zonedEvents, locale, timeZone, currentTime, setSelectedDate, shortWeekdayFormatter, timeFormatter, hourOnlyFormatter, selectedDate, className, view, }) => {
+    const currentWeekStart = startOfWeek(dayToDisplay, locale);
+    const currentWeekEnd = endOfWeek(dayToDisplay, locale);
+    const localCurrentTime = currentTime;
+    const formatTime = (dateTime) => timeFormatter.format(dateTime.toDate());
+    const showTimeMarker = isSameDay(toCalendarDate(localCurrentTime), dayToDisplay);
+    const hours = Array.from({ length: 24 }, (_, i) => i);
+    let timeMarkerTop = 0;
+    if (showTimeMarker) {
+        const minutesFromDayStart = localCurrentTime.hour * 60 + localCurrentTime.minute;
+        timeMarkerTop = (minutesFromDayStart / 30) * SLOT_HEIGHT;
+    }
+    const visibleEvents = useMemo(() => getEventsForDay(zonedEvents, dayToDisplay, timeZone), [zonedEvents, dayToDisplay, timeZone]);
+    const highlightedDates = useMemo(() => {
+        const datesWithEvents = new Set();
+        zonedEvents.forEach((event) => {
+            let currentDate = toCalendarDate(event.start);
+            const endDate = toCalendarDate(event.end);
+            while (currentDate.compare(endDate) <= 0) {
+                datesWithEvents.add(currentDate.toString());
+                currentDate = currentDate.add({ days: 1 });
+            }
+        });
+        return datesWithEvents;
+    }, [zonedEvents]);
+    const days = [];
+    let dayIterator = currentWeekStart;
+    while (dayIterator.compare(currentWeekEnd) <= 0) {
+        days.push(dayIterator);
+        dayIterator = dayIterator.add({ days: 1 });
+    }
+    const scrollContainerRef = useRef(null);
+    const earliestEventTime = useMemo(() => {
+        if (visibleEvents.length === 0) {
+            // No events: default the scroll target to 8 AM.
+            return toZoned(dayToDisplay, timeZone).set({ hour: 8 });
+        }
+        return visibleEvents.reduce((earliest, current) => {
+            return current.start.compare(earliest.start) < 0 ? current : earliest;
+        }).start;
+    }, [visibleEvents, dayToDisplay, timeZone]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We need to include view, earliestEventTime, and dayToDisplay in the dependency array to re-trigger on changes
+    useLayoutEffect(() => {
+        if (view === 'day' && scrollContainerRef.current && earliestEventTime) {
+            const startMinutes = earliestEventTime.hour * 60 + earliestEventTime.minute;
+            let targetScrollTop = Math.max(0, (startMinutes / 30) * SLOT_HEIGHT);
+            // One slot of breathing room above the first event.
+            targetScrollTop = Math.max(0, targetScrollTop - SLOT_HEIGHT);
+            if (scrollContainerRef.current) {
+                scrollContainerRef.current.scrollTop = targetScrollTop;
+            }
+        }
+    }, [view, earliestEventTime, dayToDisplay]);
+    return (jsxs("div", { className: cx('flex flex-1 flex-col overflow-auto', className), children: [jsx("div", { className: "sticky top-0 z-20 grid grid-cols-7 bg-primary shadow-sm lg:hidden dark:border-b dark:border-secondary", children: days.map((day) => {
+                    const isTodayFlag = isToday(day, timeZone);
+                    const dayToHighlight = selectedDate && day.compare(currentWeekStart) >= 0 && day.compare(currentWeekEnd) <= 0 ? selectedDate : currentWeekStart;
+                    const isSelectedFlag = isSameDay(day, dayToHighlight);
+                    const weekDayShort = shortWeekdayFormatter.format(day.toDate(timeZone));
+                    return (jsx(CalendarColumnHeader, { onClick: () => setSelectedDate(day), weekDay: weekDayShort, day: day.day, state: isSelectedFlag ? 'selected' : isTodayFlag ? 'current' : 'default', className: "cursor-pointer" }, `mobile-header-${day.toString()}`));
+                }) }), jsxs("div", { className: "flex h-full flex-1", children: [jsxs("div", { ref: scrollContainerRef, tabIndex: 0, className: "relative flex h-full flex-1 overflow-auto", children: [jsx("div", { className: "flex h-max w-14 flex-col border-r border-secondary md:w-18", children: hours.map((hour) => {
+                                    const time = new CalendarDateTime(dayToDisplay.year, dayToDisplay.month, dayToDisplay.day, hour);
+                                    const timeString = hourOnlyFormatter.format(toZoned(time, timeZone).toDate());
+                                    return jsx(CalendarRowLabel, { children: timeString }, `time-${hour}`);
+                                }) }), jsx(MobileSingleDayGrid, { dayToDisplay: dayToDisplay, dayEvents: visibleEvents, timeZone: timeZone, locale: locale, currentTime: currentTime, setSelectedDate: setSelectedDate, timeFormatter: timeFormatter }), showTimeMarker && jsx(CalendarTimeMarker, { style: { top: `${timeMarkerTop}px` }, children: formatTime(localCurrentTime) })] }), jsxs("div", { className: "sticky top-0 hidden h-full w-82 flex-col overflow-auto border-l border-secondary mask-b-from-94% lg:flex", children: [jsxs(Calendar, { "aria-label": "Calendar", className: "px-6 py-5", value: selectedDate, onChange: (value) => setSelectedDate(value), children: [jsxs("div", { className: "mb-3 flex items-center justify-between", children: [jsx(Button, { slot: "previous", iconLeading: ChevronLeft, size: "sm", color: "tertiary", className: "size-8" }), jsx(Heading, { className: "text-sm font-semibold text-fg-secondary" }), jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8" })] }), jsxs(CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsx(CalendarGridHeader, { className: "border-b-4 border-transparent", children: (day) => (jsx(CalendarHeaderCell, { className: "p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsx(CalendarCell, { date: date, isHighlighted: highlightedDates.has(date.toString()) }) })] })] }), jsxs("div", { className: "flex flex-col gap-5 border-t border-secondary px-6 py-5", children: [jsxs("div", { className: "flex flex-col gap-2", children: [jsxs("section", { className: "flex w-full justify-between", children: [jsx("p", { className: "text-md font-semibold text-primary", children: "Product demo" }), jsxs("div", { className: "-mt-2 -mr-2 flex gap-0.5", children: [jsx(ButtonUtility, { size: "xs", color: "tertiary", tooltip: "Copy link", icon: Copy01 }), jsx(ButtonUtility, { size: "xs", color: "tertiary", tooltip: "Delete", icon: Trash01 }), jsx(ButtonUtility, { size: "xs", color: "tertiary", tooltip: "Edit", icon: Edit01 })] })] }), jsxs("section", { className: "flex flex-col gap-1.5", children: [jsxs("div", { className: "flex items-center gap-1.5", children: [jsx(Calendar$1, { className: "size-4 stroke-[2.25px] text-fg-quaternary" }), jsx("p", { className: "text-sm text-tertiary", children: "Friday, Jan 10, 2027" })] }), jsxs("div", { className: "flex items-center gap-1.5", children: [jsx(Clock, { className: "size-4 stroke-[2.25px] text-fg-quaternary" }), jsx("p", { className: "text-sm text-tertiary", children: "1:30 PM - 3:30 PM" })] }), jsxs("div", { className: "flex items-center gap-1.5", children: [jsx(BellRinging01, { className: "size-4 stroke-[2.25px] text-fg-quaternary" }), jsx("p", { className: "text-sm text-tertiary", children: "10 min before" })] })] })] }), jsxs("div", { className: "flex flex-col gap-3", children: [jsxs("section", { className: "flex gap-2", children: [jsxs("section", { className: "flex flex-row -space-x-2", children: [jsx(Avatar, { className: "ring-[1.5px] ring-bg-primary", src: "https://www.untitledui.com/images/avatars/sienna-hewitt?fm=webp&q=80", alt: "Sienna Hewitt", size: "sm" }), jsx(Avatar, { className: "ring-[1.5px] ring-bg-primary", src: "https://www.untitledui.com/images/avatars/ammar-foley?fm=webp&q=80", alt: "Ammar Foley", size: "sm" }), jsx(Avatar, { className: "ring-[1.5px] ring-bg-primary", src: "https://www.untitledui.com/images/avatars/pippa-wilkinson?fm=webp&q=80", alt: "Pippa Wilkinson", size: "sm" }), jsx(Avatar, { className: "ring-[1.5px] ring-bg-primary", src: "https://www.untitledui.com/images/avatars/olly-schroeder?fm=webp&q=80", alt: "Olly Schroeder", size: "sm" }), jsx(Avatar, { className: "ring-[1.5px] ring-bg-primary", src: "https://www.untitledui.com/images/avatars/mathilde-lewis?fm=webp&q=80", alt: "Mathilde Lewis", size: "sm" }), jsx(Avatar, { className: "ring-[1.5px] ring-bg-primary", initials: "OR", size: "sm" })] }), jsx(AvatarAddButton, { size: "sm" })] }), jsxs("section", { className: "flex items-center gap-2", children: [jsx("p", { className: "text-sm font-semibold text-primary", children: "6 guests" }), jsx("span", { className: "h-[13px] border-l border-primary" }), jsx("p", { className: "text-sm text-tertiary", children: "5 yes" }), jsx("span", { className: "h-[13px] border-l border-primary" }), jsx("p", { className: "text-sm text-tertiary", children: "1 awaiting" })] })] }), jsxs("section", { className: "flex flex-col gap-2", children: [jsx("p", { className: "text-sm font-semibold text-primary", children: "About this event" }), jsxs("div", { className: "text-sm text-tertiary", children: [jsx("p", { children: "Sienna is inviting you to a scheduled Zoom meeting." }), jsx("br", {}), jsx("p", { children: "Topic: Product demo for the new dashboard and Q&A session." }), jsx("br", {}), jsxs("p", { className: "wrap-break-word whitespace-normal", children: ["Join Zoom Meeting:\u00A0", jsx("span", { className: "break-all underline", children: "https://us02web.zoom.us/j/86341969512" }), "\u00A0"] }), jsx("br", {}), jsx("p", { children: "Meeting ID: 863 4196 9512" })] })] })] })] })] })] }));
+};
+
+export { DayView };
+//# sourceMappingURL=CalendarDayView.js.map

package/dist/components/organisms/Calendar/components/CalendarDayView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDayView.js","sources":["../../../../../src/components/organisms/Calendar/components/CalendarDayView.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","isDateToday","AriaCalendar","AriaHeading","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody","CalendarIcon"],"mappings":"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"}

package/dist/components/organisms/Calendar/components/CalendarDwViewCell.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const CalendarDwViewCell = (props) => {
+    return (jsxRuntime.jsx("div", { ...props, className: cx.cx('group relative flex h-12 flex-col bg-primary p-1.5 hover:bg-primary_hover', 'before:pointer-events-none before:absolute before:inset-0 before:border-r before:border-b before:border-secondary', props.className), children: jsxRuntime.jsx("div", { className: "absolute right-1.5 bottom-1.5 hidden group-hover:inline-flex", children: jsxRuntime.jsx(Button.Button, { "aria-label": "Add event", size: "sm", iconLeading: uiIcons.Plus, color: "secondary", className: "size-7 text-fg-quaternary" }) }) }));
+};
+
+exports.CalendarDwViewCell = CalendarDwViewCell;
+//# sourceMappingURL=CalendarDwViewCell.cjs.map

package/dist/components/organisms/Calendar/components/CalendarDwViewCell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDwViewCell.cjs","sources":["../../../../../src/components/organisms/Calendar/components/CalendarDwViewCell.tsx"],"sourcesContent":[null],"names":["_jsx","cx","Button","Plus"],"mappings":";;;;;;;AAOO,MAAM,kBAAkB,GAAG,CAAC,KAAqC,KAAI;IAC1E,QACEA,2BACM,KAAK,EACT,SAAS,EAAEC,KAAE,CACX,2EAA2E,EAC3E,mHAAmH,EACnH,KAAK,CAAC,SAAS,CAChB,YAEDD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAAA,QAAA,EAC3EA,cAAA,CAACE,aAAM,EAAA,EAAA,YAAA,EAAY,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAEC,YAAI,EAAE,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,2BAA2B,EAAA,CAAG,EAAA,CAClH,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/CalendarDwViewCell.d.ts

@@ -0,0 +1,3 @@
+import type { HTMLAttributes } from 'react';
+export declare const CalendarDwViewCell: (props: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+//# sourceMappingURL=CalendarDwViewCell.d.ts.map

package/dist/components/organisms/Calendar/components/CalendarDwViewCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDwViewCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/CalendarDwViewCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,eAAO,MAAM,kBAAkB,GAAI,OAAO,cAAc,CAAC,cAAc,CAAC,gCAevE,CAAC"}

package/dist/components/organisms/Calendar/components/CalendarDwViewCell.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { Plus } from '@flipdish/ui-icons';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const CalendarDwViewCell = (props) => {
+    return (jsx("div", { ...props, className: cx('group relative flex h-12 flex-col bg-primary p-1.5 hover:bg-primary_hover', 'before:pointer-events-none before:absolute before:inset-0 before:border-r before:border-b before:border-secondary', props.className), children: jsx("div", { className: "absolute right-1.5 bottom-1.5 hidden group-hover:inline-flex", children: jsx(Button, { "aria-label": "Add event", size: "sm", iconLeading: Plus, color: "secondary", className: "size-7 text-fg-quaternary" }) }) }));
+};
+
+export { CalendarDwViewCell };
+//# sourceMappingURL=CalendarDwViewCell.js.map

package/dist/components/organisms/Calendar/components/CalendarDwViewCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDwViewCell.js","sources":["../../../../../src/components/organisms/Calendar/components/CalendarDwViewCell.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAOO,MAAM,kBAAkB,GAAG,CAAC,KAAqC,KAAI;IAC1E,QACEA,gBACM,KAAK,EACT,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,mHAAmH,EACnH,KAAK,CAAC,SAAS,CAChB,YAEDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAAA,QAAA,EAC3EA,GAAA,CAAC,MAAM,EAAA,EAAA,YAAA,EAAY,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,2BAA2B,EAAA,CAAG,EAAA,CAClH,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/CalendarDwViewEvent.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var CalendarMonthViewEvent = require('./CalendarMonthViewEvent.cjs');
+
+const CalendarDwViewEvent = ({ label, supportingText, withDot, color = 'gray', 'data-testid': dataTestId }) => {
+    return (jsxRuntime.jsxs("div", { "data-testid": dataTestId, className: cx.cx('flex h-full w-full flex-1 cursor-pointer flex-col gap-0.5 rounded-md px-2 py-1.5 ring-1 ring-inset', CalendarMonthViewEvent.eventViewColors[color].root), children: [jsxRuntime.jsxs("div", { className: "flex w-full justify-between gap-0.5", children: [jsxRuntime.jsx("span", { className: cx.cx('flex-1 truncate text-xs font-semibold', CalendarMonthViewEvent.eventViewColors[color].label), children: label }), withDot && (jsxRuntime.jsx("div", { className: "inline-flex size-2 items-center justify-center", children: jsxRuntime.jsx("span", { className: cx.cx('size-1.5 rounded-full', CalendarMonthViewEvent.eventViewColors[color].dot) }) }))] }), supportingText && jsxRuntime.jsx("time", { className: cx.cx('text-xs', CalendarMonthViewEvent.eventViewColors[color].time), children: supportingText })] }));
+};
+
+exports.CalendarDwViewEvent = CalendarDwViewEvent;
+//# sourceMappingURL=CalendarDwViewEvent.cjs.map

package/dist/components/organisms/Calendar/components/CalendarDwViewEvent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDwViewEvent.cjs","sources":["../../../../../src/components/organisms/Calendar/components/CalendarDwViewEvent.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","eventViewColors","_jsx"],"mappings":";;;;;;MAca,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,GAAG,MAAM,EAAE,aAAa,EAAE,UAAU,EAA4B,KAAI;AAC7I,IAAA,QACEA,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAEC,KAAE,CACX,oGAAoG,EACpGC,sCAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAC5B,EAAA,QAAA,EAAA,CAEDF,yBAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAClDG,yBAAM,SAAS,EAAEF,KAAE,CAAC,uCAAuC,EAAEC,sCAAe,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ,EACzG,OAAO,KACNC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAC7DA,yBAAM,SAAS,EAAEF,KAAE,CAAC,uBAAuB,EAAEC,sCAAe,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAA,CAAS,GAC7E,CACP,CAAA,EAAA,CACG,EACL,cAAc,IAAIC,yBAAM,SAAS,EAAEF,KAAE,CAAC,SAAS,EAAEC,sCAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAA,QAAA,EAAG,cAAc,EAAA,CAAQ,CAAA,EAAA,CACnG;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/CalendarDwViewEvent.d.ts

@@ -0,0 +1,12 @@
+import { type EventViewColor } from './CalendarMonthViewEvent';
+interface CalendarDwViewEventProps {
+    label: string;
+    supportingText?: string;
+    withDot?: boolean;
+    color?: EventViewColor;
+    /** Overrides the `data-testid` for the event chip (defaults to `<root>--event-<id>`, derived from the event's `id`). */
+    'data-testid'?: string;
+}
+export declare const CalendarDwViewEvent: ({ label, supportingText, withDot, color, "data-testid": dataTestId }: CalendarDwViewEventProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CalendarDwViewEvent.d.ts.map

package/dist/components/organisms/Calendar/components/CalendarDwViewEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDwViewEvent.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/CalendarDwViewEvent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAmB,MAAM,0BAA0B,CAAC;AAEhF,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,wHAAwH;IACxH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,GAAI,sEAA+E,wBAAwB,gCAoB1I,CAAC"}

package/dist/components/organisms/Calendar/components/CalendarDwViewEvent.js

@@ -0,0 +1,10 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { eventViewColors } from './CalendarMonthViewEvent.js';
+
+const CalendarDwViewEvent = ({ label, supportingText, withDot, color = 'gray', 'data-testid': dataTestId }) => {
+    return (jsxs("div", { "data-testid": dataTestId, className: cx('flex h-full w-full flex-1 cursor-pointer flex-col gap-0.5 rounded-md px-2 py-1.5 ring-1 ring-inset', eventViewColors[color].root), children: [jsxs("div", { className: "flex w-full justify-between gap-0.5", children: [jsx("span", { className: cx('flex-1 truncate text-xs font-semibold', eventViewColors[color].label), children: label }), withDot && (jsx("div", { className: "inline-flex size-2 items-center justify-center", children: jsx("span", { className: cx('size-1.5 rounded-full', eventViewColors[color].dot) }) }))] }), supportingText && jsx("time", { className: cx('text-xs', eventViewColors[color].time), children: supportingText })] }));
+};
+
+export { CalendarDwViewEvent };
+//# sourceMappingURL=CalendarDwViewEvent.js.map

package/dist/components/organisms/Calendar/components/CalendarDwViewEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDwViewEvent.js","sources":["../../../../../src/components/organisms/Calendar/components/CalendarDwViewEvent.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;MAca,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,GAAG,MAAM,EAAE,aAAa,EAAE,UAAU,EAA4B,KAAI;AAC7I,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAE,EAAE,CACX,oGAAoG,EACpG,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAC5B,EAAA,QAAA,EAAA,CAEDA,cAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAClDC,cAAM,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ,EACzG,OAAO,KACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAC7DA,cAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAA,CAAS,GAC7E,CACP,CAAA,EAAA,CACG,EACL,cAAc,IAAIA,cAAM,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAA,QAAA,EAAG,cAAc,EAAA,CAAQ,CAAA,EAAA,CACnG;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/CalendarHeader.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Badge = require('@flipdish/ui-library/components/atoms/Badge');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var ButtonGroup = require('@flipdish/ui-library/components/molecules/ButtonGroup');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var date = require('@internationalized/date');
+var i18n = require('@react-aria/i18n');
+var calendar_utils = require('../calendar.utils.cjs');
+var CalendarDateIcon = require('./CalendarDateIcon.cjs');
+var CalendarViewDropdown = require('./CalendarViewDropdown.cjs');
+
+const CalendarHeader = ({ date: date$1, selectedView, onSelectionChange, viewOptions, onClickPrev, onClickNext, onClickToday, }) => {
+    const { locale } = i18n.useLocale();
+    const timeZone = date.getLocalTimeZone();
+    const prefix = testIdUtils.useTestIdPrefix();
+    const prevTestId = prefix ? testIdUtils.joinTestId(prefix, 'prev') : undefined;
+    const todayTestId = prefix ? testIdUtils.joinTestId(prefix, 'today') : undefined;
+    const nextTestId = prefix ? testIdUtils.joinTestId(prefix, 'next') : undefined;
+    const renderPeriod = () => {
+        const dateFormatOptions = {
+            month: 'short',
+            day: 'numeric',
+            year: 'numeric',
+        };
+        if (selectedView === 'month') {
+            return (jsxRuntime.jsxs("span", { className: "text-sm text-tertiary", children: [new Date(date$1.getFullYear(), date$1.getMonth(), 1).toLocaleDateString(locale, dateFormatOptions), ' – ', new Date(date$1.getFullYear(), date$1.getMonth() + 1, 0).toLocaleDateString(locale, dateFormatOptions)] }));
+        }
+        if (selectedView === 'week') {
+            const calendarDate = new date.CalendarDate(date$1.getFullYear(), date$1.getMonth() + 1, date$1.getDate());
+            const weekStartDate = date.startOfWeek(calendarDate, locale);
+            const weekEndDate = date.endOfWeek(calendarDate, locale);
+            return (jsxRuntime.jsxs("span", { className: "text-sm text-tertiary", children: [weekStartDate.toDate(timeZone).toLocaleDateString(locale, dateFormatOptions), ' – ', weekEndDate.toDate(timeZone).toLocaleDateString(locale, dateFormatOptions)] }));
+        }
+        return jsxRuntime.jsx("span", { className: "text-sm text-tertiary", children: date$1.toLocaleString(locale, { weekday: 'long' }) });
+    };
+    return (jsxRuntime.jsxs("div", { className: "relative flex flex-col items-start justify-between gap-4 bg-primary px-4 py-5 md:px-6 lg:flex-row", children: [jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx(CalendarDateIcon.CalendarDateIcon, { day: date$1.getDate(), month: date$1.toLocaleString(locale, { month: 'short' }).toUpperCase(), className: "max-md:hidden" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-lg font-semibold whitespace-nowrap text-primary", children: [date$1.toLocaleString(locale, { month: 'long' }), " ", date$1.getFullYear(), jsxRuntime.jsxs(Badge.Badge, { size: "sm", color: "gray", type: "modern", children: ["Week ", calendar_utils.getISOWeek(date$1)] })] }), renderPeriod()] })] }), jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3 gap-y-4 max-lg:w-full", children: [jsxRuntime.jsx(Button.Button, { "aria-label": "Search", iconLeading: uiIcons.SearchLg, size: "sm", color: "tertiary", className: "max-lg:order-1" }), jsxRuntime.jsxs(ButtonGroup.ButtonGroup, { selectedKeys: [], size: "sm", className: "flex max-lg:order-last max-lg:min-w-full max-lg:flex-1", children: [jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { id: "prev", "aria-label": "Previous", iconLeading: uiIcons.ArrowLeft, onClick: onClickPrev, "data-testid": prevTestId }), jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { id: "today", className: "flex-1 justify-center text-center", onClick: onClickToday, "data-testid": todayTestId, children: "Today" }), jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { id: "next", "aria-label": "Next", iconLeading: uiIcons.ArrowRight, onClick: onClickNext, "data-testid": nextTestId })] }), jsxRuntime.jsx(CalendarViewDropdown.CalendarViewDropdown, { value: selectedView, onSelectionChange: onSelectionChange, options: viewOptions }), jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.Plus, size: "sm", children: "Add event" })] }), jsxRuntime.jsx("div", { className: "pointer-events-none absolute bottom-0 left-0 w-full border-t border-secondary" })] }));
+};
+
+exports.CalendarHeader = CalendarHeader;
+//# sourceMappingURL=CalendarHeader.cjs.map

package/dist/components/organisms/Calendar/components/CalendarHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.cjs","sources":["../../../../../src/components/organisms/Calendar/components/CalendarHeader.tsx"],"sourcesContent":[null],"names":["date","useLocale","getLocalTimeZone","useTestIdPrefix","joinTestId","_jsxs","CalendarDate","startOfWeek","endOfWeek","_jsx","CalendarDateIcon","Badge","getISOWeek","Button","SearchLg","ButtonGroup","ButtonGroupItem","ArrowLeft","ArrowRight","CalendarViewDropdown","Plus"],"mappings":"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"}

package/dist/components/organisms/Calendar/components/CalendarHeader.d.ts

@@ -0,0 +1,13 @@
+import { type ViewOption } from './CalendarViewDropdown';
+interface CalendarHeaderProps {
+    date: Date;
+    selectedView: string;
+    viewOptions: ViewOption[];
+    onSelectionChange: (key: string) => void;
+    onClickPrev?: () => void;
+    onClickNext?: () => void;
+    onClickToday?: () => void;
+}
+export declare const CalendarHeader: ({ date, selectedView, onSelectionChange, viewOptions, onClickPrev, onClickNext, onClickToday, }: CalendarHeaderProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CalendarHeader.d.ts.map

package/dist/components/organisms/Calendar/components/CalendarHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/CalendarHeader.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAwB,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAE/E,UAAU,mBAAmB;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,GAAI,iGAQ5B,mBAAmB,gCA+ErB,CAAC"}

package/dist/components/organisms/Calendar/components/CalendarHeader.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SearchLg, ArrowLeft, ArrowRight, Plus } from '@flipdish/ui-icons';
+import { Badge } from '@flipdish/ui-library/components/atoms/Badge';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { ButtonGroup, ButtonGroupItem } from '@flipdish/ui-library/components/molecules/ButtonGroup';
+import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { getLocalTimeZone, CalendarDate, startOfWeek, endOfWeek } from '@internationalized/date';
+import { useLocale } from '@react-aria/i18n';
+import { getISOWeek } from '../calendar.utils.js';
+import { CalendarDateIcon } from './CalendarDateIcon.js';
+import { CalendarViewDropdown } from './CalendarViewDropdown.js';
+
+const CalendarHeader = ({ date, selectedView, onSelectionChange, viewOptions, onClickPrev, onClickNext, onClickToday, }) => {
+    const { locale } = useLocale();
+    const timeZone = getLocalTimeZone();
+    const prefix = useTestIdPrefix();
+    const prevTestId = prefix ? joinTestId(prefix, 'prev') : undefined;
+    const todayTestId = prefix ? joinTestId(prefix, 'today') : undefined;
+    const nextTestId = prefix ? joinTestId(prefix, 'next') : undefined;
+    const renderPeriod = () => {
+        const dateFormatOptions = {
+            month: 'short',
+            day: 'numeric',
+            year: 'numeric',
+        };
+        if (selectedView === 'month') {
+            return (jsxs("span", { className: "text-sm text-tertiary", children: [new Date(date.getFullYear(), date.getMonth(), 1).toLocaleDateString(locale, dateFormatOptions), ' – ', new Date(date.getFullYear(), date.getMonth() + 1, 0).toLocaleDateString(locale, dateFormatOptions)] }));
+        }
+        if (selectedView === 'week') {
+            const calendarDate = new CalendarDate(date.getFullYear(), date.getMonth() + 1, date.getDate());
+            const weekStartDate = startOfWeek(calendarDate, locale);
+            const weekEndDate = endOfWeek(calendarDate, locale);
+            return (jsxs("span", { className: "text-sm text-tertiary", children: [weekStartDate.toDate(timeZone).toLocaleDateString(locale, dateFormatOptions), ' – ', weekEndDate.toDate(timeZone).toLocaleDateString(locale, dateFormatOptions)] }));
+        }
+        return jsx("span", { className: "text-sm text-tertiary", children: date.toLocaleString(locale, { weekday: 'long' }) });
+    };
+    return (jsxs("div", { className: "relative flex flex-col items-start justify-between gap-4 bg-primary px-4 py-5 md:px-6 lg:flex-row", children: [jsxs("div", { className: "flex items-start gap-3", children: [jsx(CalendarDateIcon, { day: date.getDate(), month: date.toLocaleString(locale, { month: 'short' }).toUpperCase(), className: "max-md:hidden" }), jsxs("div", { className: "flex flex-col gap-0.5", children: [jsxs("div", { className: "flex items-center gap-2 text-lg font-semibold whitespace-nowrap text-primary", children: [date.toLocaleString(locale, { month: 'long' }), " ", date.getFullYear(), jsxs(Badge, { size: "sm", color: "gray", type: "modern", children: ["Week ", getISOWeek(date)] })] }), renderPeriod()] })] }), jsxs("div", { className: "flex flex-wrap items-center gap-3 gap-y-4 max-lg:w-full", children: [jsx(Button, { "aria-label": "Search", iconLeading: SearchLg, size: "sm", color: "tertiary", className: "max-lg:order-1" }), jsxs(ButtonGroup, { selectedKeys: [], size: "sm", className: "flex max-lg:order-last max-lg:min-w-full max-lg:flex-1", children: [jsx(ButtonGroupItem, { id: "prev", "aria-label": "Previous", iconLeading: ArrowLeft, onClick: onClickPrev, "data-testid": prevTestId }), jsx(ButtonGroupItem, { id: "today", className: "flex-1 justify-center text-center", onClick: onClickToday, "data-testid": todayTestId, children: "Today" }), jsx(ButtonGroupItem, { id: "next", "aria-label": "Next", iconLeading: ArrowRight, onClick: onClickNext, "data-testid": nextTestId })] }), jsx(CalendarViewDropdown, { value: selectedView, onSelectionChange: onSelectionChange, options: viewOptions }), jsx(Button, { iconLeading: Plus, size: "sm", children: "Add event" })] }), jsx("div", { className: "pointer-events-none absolute bottom-0 left-0 w-full border-t border-secondary" })] }));
+};
+
+export { CalendarHeader };
+//# sourceMappingURL=CalendarHeader.js.map

package/dist/components/organisms/Calendar/components/CalendarHeader.js.map

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

package/dist/components/organisms/Calendar/components/CalendarMobileDayGrid.cjs

@@ -0,0 +1,21 @@
+'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('./CalendarDwViewCell.cjs');
+var CalendarPositionedEvent = require('./CalendarPositionedEvent.cjs');
+
+const MobileSingleDayGrid = ({ dayToDisplay, dayEvents, timeZone, setSelectedDate, timeFormatter, className }) => {
+    const dayStart = React.useMemo(() => calendar_utils.getStartOfDay(dayToDisplay, timeZone), [dayToDisplay, timeZone]); // Calculate once
+    return (jsxRuntime.jsxs("div", { className: cx.cx('relative flex-1', className), children: [Array.from({ length: 48 }).map((_, slotIndex) => (jsxRuntime.jsx(CalendarDwViewCell.CalendarDwViewCell
+            // biome-ignore lint/suspicious/noArrayIndexKey: This is a key for the slot
+            , { className: cx.cx('before:border-r-0', slotIndex === 47 && 'before:border-b-0') }, `mobile-slot-${dayToDisplay.toString()}-${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: calendar_utils.SLOT_HEIGHT, overlapIndex: overlapIndex, setSelectedDate: setSelectedDate, timeFormatter: timeFormatter }, event.id));
+            })] }));
+};
+
+exports.MobileSingleDayGrid = MobileSingleDayGrid;
+//# sourceMappingURL=CalendarMobileDayGrid.cjs.map

package/dist/components/organisms/Calendar/components/CalendarMobileDayGrid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMobileDayGrid.cjs","sources":["../../../../../src/components/organisms/Calendar/components/CalendarMobileDayGrid.tsx"],"sourcesContent":[null],"names":["useMemo","getStartOfDay","_jsxs","cx","_jsx","CalendarDwViewCell","PositionedEvent","SLOT_HEIGHT"],"mappings":";;;;;;;;;AAqBO,MAAM,mBAAmB,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,aAAa,EAAE,SAAS,EAA4B,KAAI;IAChJ,MAAM,QAAQ,GAAGA,aAAO,CAAC,MAAMC,4BAAa,CAAC,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;AAEhG,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC7C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,MAC3CC,eAACC;;AAGC,cAAA,EAAA,SAAS,EAAEF,KAAE,CAAC,mBAAmB,EAAE,SAAS,KAAK,EAAE,IAAI,mBAAmB,CAAC,EAAA,EADtE,CAAA,YAAA,EAAe,YAAY,CAAC,QAAQ,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAE1D,CACH,CAAC,EAED,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;gBAC9B,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,gBAAA,QACEC,cAAA,CAACE,uCAAe,EAAA,EAEd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAEC,0BAAW,EACvB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAAA,EAPvB,KAAK,CAAC,EAAE,CAQb;YAEN,CAAC,CAAC,CAAA,EAAA,CACE;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/CalendarMobileDayGrid.d.ts

@@ -0,0 +1,16 @@
+import type { CalendarDate, ZonedDateTime } from '@internationalized/date';
+import type { DateFormatter } from '@react-aria/i18n';
+import { type ZonedEvent } from '../calendar.utils';
+interface MobileSingleDayGridProps {
+    dayToDisplay: CalendarDate;
+    dayEvents: ZonedEvent[];
+    timeZone: string;
+    locale: string;
+    currentTime: ZonedDateTime;
+    setSelectedDate: (date: CalendarDate | null) => void;
+    timeFormatter: DateFormatter;
+    className?: string;
+}
+export declare const MobileSingleDayGrid: ({ dayToDisplay, dayEvents, timeZone, setSelectedDate, timeFormatter, className }: MobileSingleDayGridProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CalendarMobileDayGrid.d.ts.map

package/dist/components/organisms/Calendar/components/CalendarMobileDayGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMobileDayGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/CalendarMobileDayGrid.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIhF,UAAU,wBAAwB;IAChC,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,EAAE,UAAU,EAAE,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,aAAa,CAAC;IAC3B,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,GAAI,kFAAkF,wBAAwB,gCA+B7I,CAAC"}

package/dist/components/organisms/Calendar/components/CalendarMobileDayGrid.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useMemo } from 'react';
+import { getStartOfDay, SLOT_HEIGHT } from '../calendar.utils.js';
+import { CalendarDwViewCell } from './CalendarDwViewCell.js';
+import { PositionedEvent } from './CalendarPositionedEvent.js';
+
+const MobileSingleDayGrid = ({ dayToDisplay, dayEvents, timeZone, setSelectedDate, timeFormatter, className }) => {
+    const dayStart = useMemo(() => getStartOfDay(dayToDisplay, timeZone), [dayToDisplay, timeZone]); // Calculate once
+    return (jsxs("div", { className: cx('relative flex-1', className), children: [Array.from({ length: 48 }).map((_, slotIndex) => (jsx(CalendarDwViewCell
+            // biome-ignore lint/suspicious/noArrayIndexKey: This is a key for the slot
+            , { className: cx('before:border-r-0', slotIndex === 47 && 'before:border-b-0') }, `mobile-slot-${dayToDisplay.toString()}-${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: SLOT_HEIGHT, overlapIndex: overlapIndex, setSelectedDate: setSelectedDate, timeFormatter: timeFormatter }, event.id));
+            })] }));
+};
+
+export { MobileSingleDayGrid };
+//# sourceMappingURL=CalendarMobileDayGrid.js.map

package/dist/components/organisms/Calendar/components/CalendarMobileDayGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMobileDayGrid.js","sources":["../../../../../src/components/organisms/Calendar/components/CalendarMobileDayGrid.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAqBO,MAAM,mBAAmB,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,aAAa,EAAE,SAAS,EAA4B,KAAI;IAChJ,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,aAAa,CAAC,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;AAEhG,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC7C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,MAC3CC,IAAC;;AAGC,cAAA,EAAA,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,KAAK,EAAE,IAAI,mBAAmB,CAAC,EAAA,EADtE,CAAA,YAAA,EAAe,YAAY,CAAC,QAAQ,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAE1D,CACH,CAAC,EAED,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;gBAC9B,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,gBAAA,QACEA,GAAA,CAAC,eAAe,EAAA,EAEd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,WAAW,EACvB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAAA,EAPvB,KAAK,CAAC,EAAE,CAQb;YAEN,CAAC,CAAC,CAAA,EAAA,CACE;AAEV;;;;"}