@fullcalendar/mui 7.0.0-beta.5

package/cjs/breezy/SchedulerViews.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@fullcalendar/core');
+var breezy_EventCalendarViews = require('./EventCalendarViews.cjs');
+var breezy_icons = require('./icons.cjs');
+require('@fullcalendar/react');
+require('@mui/material');
+require('@mui/icons-material/ChevronLeft');
+require('@mui/icons-material/ChevronRight');
+require('@mui/icons-material/Close');
+require('@mui/icons-material/ExpandMore');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function SchedulerViews({ views: userViews, ...restOptions }) {
+    return (React__default["default"].createElement(breezy_EventCalendarViews["default"]
+    /* Resource Day Header
+    ------------------------------------------------------------------------------------------- */
+    , { 
+        /* Resource Day Header
+        ------------------------------------------------------------------------------------------- */
+        resourceDayHeaderAlign: "center", resourceDayHeaderClass: "fc-breezy-UZp", resourceDayHeaderInnerClass: (data) => core.joinClassNames(`fc-breezy-aS8 fc-breezy-HBk fc-breezy-RKK`, data.isNarrow ? "fc-breezy-17F" : "fc-breezy-gEy"), 
+        /* Resource Data Grid
+        ------------------------------------------------------------------------------------------- */
+        resourceColumnHeaderClass: "fc-breezy-UZp fc-breezy-G56 fc-breezy-a65", resourceColumnHeaderInnerClass: "fc-breezy-aS8 fc-breezy-HBk fc-breezy-gEy", resourceColumnResizerClass: "fc-breezy-YA2 fc-breezy-8ZZ fc-breezy-Ahl fc-breezy-W3O", resourceGroupHeaderClass: `fc-breezy-UZp fc-breezy-G56 ${breezy_EventCalendarViews.mutedBgClass}`, resourceGroupHeaderInnerClass: "fc-breezy-aS8 fc-breezy-HBk fc-breezy-gEy", resourceCellClass: "fc-breezy-UZp fc-breezy-G56", resourceCellInnerClass: "fc-breezy-aS8 fc-breezy-HBk fc-breezy-gEy", resourceIndentClass: "fc-breezy-fpO fc-breezy-aCj fc-breezy-a65", resourceExpanderClass: `fc-breezy-ytQ fc-breezy-KbZ fc-breezy-IdG ${breezy_EventCalendarViews.mutedHoverPressableClass} ${breezy_EventCalendarViews.outlineWidthFocusClass} ${breezy_EventCalendarViews.primaryOutlineColorClass}`, resourceExpanderContent: (data) => (React__default["default"].createElement(breezy_icons.EventCalendarExpanderIcon, { isExpanded: data.isExpanded })), resourceHeaderRowClass: "fc-breezy-UZp fc-breezy-G56", resourceRowClass: "fc-breezy-UZp fc-breezy-G56", resourceColumnDividerClass: "fc-breezy-EWl fc-breezy-I55", 
+        /* Timeline Lane
+        ------------------------------------------------------------------------------------------- */
+        resourceGroupLaneClass: `fc-breezy-UZp fc-breezy-G56 ${breezy_EventCalendarViews.mutedBgClass}`, resourceLaneClass: "fc-breezy-UZp fc-breezy-G56", resourceLaneBottomClass: (data) => core.joinClassNames(data.options.eventOverlap && "fc-breezy-433"), timelineBottomClass: "fc-breezy-433", 
+        /* View-Specific Options
+        ------------------------------------------------------------------------------------------- */
+        views: {
+            ...userViews,
+            resourceDayGrid: {
+                resourceDayHeaderClass: (data) => (data.isMajor
+                    ? "fc-breezy-I55"
+                    : "fc-breezy-G56"),
+                ...userViews?.resourceDayGrid,
+            },
+            resourceTimeGrid: {
+                resourceDayHeaderClass: (data) => (data.isMajor
+                    ? "fc-breezy-I55"
+                    : "fc-breezy-G56"),
+                ...userViews?.resourceTimeGrid,
+            },
+            timeline: {
+                /* Timeline > Row Event
+                --------------------------------------------------------------------------------------- */
+                rowEventClass: (data) => core.joinClassNames(data.isEnd && "fc-breezy-bpq"),
+                rowEventInnerClass: (data) => data.options.eventOverlap ? "fc-breezy-ztx" : "fc-breezy-KyB",
+                /* Timeline > More-Link
+                --------------------------------------------------------------------------------------- */
+                rowMoreLinkClass: `fc-breezy-bpq fc-breezy-mwm fc-breezy-UZp fc-breezy-lqW fc-breezy-ePV fc-breezy-UPi ${breezy_EventCalendarViews.strongSolidPressableClass} fc-breezy-82y`,
+                rowMoreLinkInnerClass: `fc-breezy-xbC fc-breezy-HBk fc-breezy-17F`,
+                /* Timeline > Slot Header
+                --------------------------------------------------------------------------------------- */
+                slotHeaderAlign: (data) => data.isTime ? "start" : "center",
+                slotHeaderClass: (data) => core.joinClassNames(data.level > 0 && `fc-breezy-UZp fc-breezy-G56`, "fc-breezy-RhI"),
+                slotHeaderInnerClass: (data) => core.joinClassNames("fc-breezy-U10 fc-breezy-KyB fc-breezy-17F", data.isTime && core.joinClassNames("fc-breezy-vPs fc-breezy-prr", data.isFirst && "fc-breezy-C9h"), data.hasNavLink && "fc-breezy-jaW"),
+                slotHeaderDividerClass: `fc-breezy-QTT fc-breezy-I55 fc-breezy-5jb`,
+                ...userViews?.timeline,
+            },
+        }, ...restOptions }));
+}
+
+exports["default"] = SchedulerViews;

package/cjs/breezy/icons.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@fullcalendar/core');
+var ChevronLeftIcon = require('@mui/icons-material/ChevronLeft');
+var ChevronRightIcon = require('@mui/icons-material/ChevronRight');
+var CloseIcon = require('@mui/icons-material/Close');
+var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ChevronLeftIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeftIcon);
+var ChevronRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightIcon);
+var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
+var ExpandMoreIcon__default = /*#__PURE__*/_interopDefaultLegacy(ExpandMoreIcon);
+
+const pressableIconClass = "fc-breezy-5Kh fc-breezy-HHp fc-breezy-La2";
+function EventCalendarPrevIcon() {
+    return React__default["default"].createElement(ChevronLeftIcon__default["default"], { className: "fc-breezy-AAt" });
+}
+function EventCalendarNextIcon() {
+    return React__default["default"].createElement(ChevronRightIcon__default["default"], { className: "fc-breezy-AAt" });
+}
+function EventCalendarCloseIcon() {
+    return (React__default["default"].createElement(CloseIcon__default["default"], { sx: { fontSize: 18, margin: "1px" }, className: pressableIconClass }));
+}
+function EventCalendarExpanderIcon({ isExpanded }) {
+    return (React__default["default"].createElement(ExpandMoreIcon__default["default"], { sx: { fontSize: 18, margin: "1px" }, className: core.joinClassNames(pressableIconClass, !isExpanded && "fc-breezy-doO fc-breezy-Bzb") }));
+}
+
+exports.EventCalendarCloseIcon = EventCalendarCloseIcon;
+exports.EventCalendarExpanderIcon = EventCalendarExpanderIcon;
+exports.EventCalendarNextIcon = EventCalendarNextIcon;
+exports.EventCalendarPrevIcon = EventCalendarPrevIcon;

package/cjs/classic/EventCalendar.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var FullCalendar = require('@fullcalendar/react');
+var dayGridPlugin = require('@fullcalendar/daygrid');
+var timeGridPlugin = require('@fullcalendar/timegrid');
+var listPlugin = require('@fullcalendar/list');
+var interactionPlugin = require('@fullcalendar/interaction');
+var multiMonthPlugin = require('@fullcalendar/multimonth');
+var classic_EventCalendarToolbar = require('./EventCalendarToolbar.cjs');
+var classic_EventCalendarViews = require('./EventCalendarViews.cjs');
+var classic_EventCalendarContainer = require('./EventCalendarContainer.cjs');
+require('@mui/material/Box');
+require('@mui/material/Button');
+require('@mui/material/IconButton');
+require('@mui/material/Typography');
+require('@mui/material/ToggleButtonGroup');
+require('@mui/material/ToggleButton');
+require('./icons.cjs');
+require('@fullcalendar/core');
+require('@mui/icons-material/ChevronLeft');
+require('@mui/icons-material/ChevronRight');
+require('@mui/icons-material/Close');
+require('@mui/icons-material/ExpandMore');
+require('@mui/material');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var dayGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(dayGridPlugin);
+var timeGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(timeGridPlugin);
+var listPlugin__default = /*#__PURE__*/_interopDefaultLegacy(listPlugin);
+var interactionPlugin__default = /*#__PURE__*/_interopDefaultLegacy(interactionPlugin);
+var multiMonthPlugin__default = /*#__PURE__*/_interopDefaultLegacy(multiMonthPlugin);
+
+const plugins = [
+    dayGridPlugin__default["default"],
+    timeGridPlugin__default["default"],
+    listPlugin__default["default"],
+    interactionPlugin__default["default"],
+    multiMonthPlugin__default["default"],
+];
+const defaultAvailableViews = [
+    'dayGridMonth',
+    'timeGridWeek',
+    'timeGridDay',
+    'listWeek',
+    'multiMonthYear',
+];
+const navLinkDayClick = 'timeGridDay';
+const navLinkWeekClick = 'timeGridWeek';
+function EventCalendar({ availableViews = defaultAvailableViews, addButton, className, height, contentHeight, direction, plugins: userPlugins = [], ...restOptions }) {
+    const controller = FullCalendar.useCalendarController();
+    const autoHeight = height === 'auto' || contentHeight === 'auto';
+    return (React__default["default"].createElement(classic_EventCalendarContainer["default"], { direction: direction, className: className, height: height },
+        React__default["default"].createElement(classic_EventCalendarToolbar["default"], { controller: controller, availableViews: availableViews, addButton: addButton, borderlessX: restOptions.borderlessX ?? restOptions.borderless }),
+        React__default["default"].createElement(classic_EventCalendarViews["default"], { liquidHeight: !autoHeight && height !== undefined, height: autoHeight ? 'auto' : contentHeight, initialView: availableViews[0], navLinkDayClick: navLinkDayClick, navLinkWeekClick: navLinkWeekClick, controller: controller, plugins: [...plugins, ...userPlugins], ...restOptions })));
+}
+
+exports["default"] = EventCalendar;

package/cjs/classic/EventCalendarContainer.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Box = require('@mui/material/Box');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Box__default = /*#__PURE__*/_interopDefaultLegacy(Box);
+
+function EventCalendarContainer(props) {
+    return (React__default["default"].createElement(Box__default["default"], { dir: props.direction === 'rtl' ? 'rtl' : undefined, className: props.className, sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 2.5,
+            height: props.height,
+        } }, props.children));
+}
+
+exports["default"] = EventCalendarContainer;

package/cjs/classic/EventCalendarToolbar.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Box = require('@mui/material/Box');
+var Button = require('@mui/material/Button');
+var IconButton = require('@mui/material/IconButton');
+var Typography = require('@mui/material/Typography');
+var ToggleButtonGroup = require('@mui/material/ToggleButtonGroup');
+var ToggleButton = require('@mui/material/ToggleButton');
+var classic_icons = require('./icons.cjs');
+require('@fullcalendar/core');
+require('@mui/icons-material/ChevronLeft');
+require('@mui/icons-material/ChevronRight');
+require('@mui/icons-material/Close');
+require('@mui/icons-material/ExpandMore');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Box__default = /*#__PURE__*/_interopDefaultLegacy(Box);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var IconButton__default = /*#__PURE__*/_interopDefaultLegacy(IconButton);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var ToggleButtonGroup__default = /*#__PURE__*/_interopDefaultLegacy(ToggleButtonGroup);
+var ToggleButton__default = /*#__PURE__*/_interopDefaultLegacy(ToggleButton);
+
+function EventCalendarToolbar({ controller, availableViews, addButton, borderlessX, }) {
+    const buttons = controller.getButtonState();
+    return (React__default["default"].createElement(Box__default["default"], { sx: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            gap: 1,
+            px: borderlessX ? 1.5 : undefined,
+        } },
+        React__default["default"].createElement(Box__default["default"], { sx: {
+                display: 'flex',
+                flexShrink: 0,
+                alignItems: 'center',
+                gap: 1,
+            } },
+            addButton && (React__default["default"].createElement(Button__default["default"], { onClick: addButton.click, "aria-label": addButton.hint, variant: addButton.isPrimary === false ? 'outlined' : 'contained' }, addButton.text)),
+            React__default["default"].createElement(Button__default["default"], { onClick: () => controller.today(), "aria-label": buttons.today.hint, variant: "outlined" }, buttons.today.text),
+            React__default["default"].createElement(Box__default["default"], { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                } },
+                React__default["default"].createElement(IconButton__default["default"], { onClick: () => controller.prev(), disabled: buttons.prev.isDisabled, "aria-label": buttons.prev.hint },
+                    React__default["default"].createElement(classic_icons.EventCalendarPrevIcon, null)),
+                React__default["default"].createElement(IconButton__default["default"], { onClick: () => controller.next(), disabled: buttons.next.isDisabled, "aria-label": buttons.next.hint },
+                    React__default["default"].createElement(classic_icons.EventCalendarNextIcon, null))),
+            React__default["default"].createElement(Typography__default["default"], { variant: "h5" }, controller.view?.title)),
+        React__default["default"].createElement(ToggleButtonGroup__default["default"], { size: "small", exclusive: true, value: controller.view?.type, onChange: (_ev, val) => {
+                controller.changeView(val);
+            } }, availableViews.map((availableView) => (React__default["default"].createElement(ToggleButton__default["default"], { key: availableView, value: availableView, "aria-label": buttons[availableView]?.hint, color: "primary" },
+            React__default["default"].createElement(Box__default["default"], { sx: { px: 1 } }, buttons[availableView]?.text)))))));
+}
+
+exports["default"] = EventCalendarToolbar;

package/cjs/classic/EventCalendarViews.cjs

@@ -0,0 +1,230 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var FullCalendar = require('@fullcalendar/react');
+var core = require('@fullcalendar/core');
+var material = require('@mui/material');
+var classic_icons = require('./icons.cjs');
+require('@mui/icons-material/ChevronLeft');
+require('@mui/icons-material/ChevronRight');
+require('@mui/icons-material/Close');
+require('@mui/icons-material/ExpandMore');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var FullCalendar__default = /*#__PURE__*/_interopDefaultLegacy(FullCalendar);
+
+// outline
+const outlineWidthClass = "fc-classic-bAU";
+const outlineWidthFocusClass = "fc-classic-Tid";
+const outlineOffsetClass = "fc-classic-fKI";
+const outlineInsetClass = "fc-classic-bzG";
+const primaryOutlineColorClass = "fc-classic-lul";
+// stronger (20%)
+const strongerSolidBgHoverClass = "fc-classic-fEn";
+// strongest (25%)
+const strongestSolidBgActiveClass = "fc-classic-lS3";
+// strong (16%)
+const strongSolidBgClass = "fc-classic-5V9";
+const strongSolidPressableClass = `${strongSolidBgClass} ${strongerSolidBgHoverClass} ${strongestSolidBgActiveClass}`;
+// muted (8%)
+const mutedBgClass = "fc-classic-VxY";
+const mutedSolidBgClass = "fc-classic-yKv";
+const mutedBgHoverClass = "fc-classic-znR";
+const mutedBgActiveClass = "fc-classic-cmB";
+const mutedHoverPressableClass = `${mutedBgHoverClass} fc-classic-G0J ${mutedBgActiveClass}`;
+// faint (4%)
+const faintBgClass = "fc-classic-IKt";
+const faintBgHoverClass = "fc-classic-iAr";
+const faintBgFocusClass = "fc-classic-r6h";
+const faintHoverPressableClass = `${faintBgHoverClass} ${faintBgFocusClass} ${mutedBgActiveClass}`;
+// usually 11px font / 12px line-height
+const xxsTextClass = "fc-classic-HRt";
+// transparent resizer for mouse
+const blockPointerResizerClass = "fc-classic-YA2 fc-classic-C9h fc-classic-ZkV";
+const rowPointerResizerClass = `${blockPointerResizerClass} fc-classic-8ZZ fc-classic-1lj`;
+const columnPointerResizerClass = `${blockPointerResizerClass} fc-classic-xX5 fc-classic-433`;
+// circle resizer for touch
+const blockTouchResizerClass = `fc-classic-YA2 fc-classic-tEU fc-classic-UZp fc-classic-qvz fc-classic-Y27 fc-classic-IdG`;
+const rowTouchResizerClass = `${blockTouchResizerClass} fc-classic-if4 fc-classic-NN9`;
+const columnTouchResizerClass = `${blockTouchResizerClass} fc-classic-Z2g fc-classic-RWU`;
+const getDayClass = (data) => core.joinClassNames("fc-classic-UZp", data.isMajor ? "fc-classic-I55" : "fc-classic-G56", data.isDisabled ? faintBgClass :
+    data.isToday && "fc-classic-VZw");
+const getSlotClass = (data) => core.joinClassNames(`fc-classic-UZp fc-classic-G56`, data.isMinor && "fc-classic-M5N");
+const dayRowCommonClasses = {
+    /* Day Row > List-Item Event
+    ----------------------------------------------------------------------------------------------- */
+    listItemEventClass: (data) => core.joinClassNames(`fc-classic-mwm fc-classic-df6 fc-classic-dpa`, data.isNarrow ? "fc-classic-6gf" : "fc-classic-qK4", data.isSelected
+        ? core.joinClassNames(mutedBgClass, data.isDragging && "fc-classic-5jb")
+        : (data.isInteractive ? mutedHoverPressableClass : mutedBgHoverClass)),
+    listItemEventBeforeClass: (data) => core.joinClassNames("fc-classic-PrA", data.isNarrow ? "fc-classic-6gf" : "fc-classic-MOr"),
+    listItemEventInnerClass: (data) => core.joinClassNames("fc-classic-Hhr fc-classic-uEy fc-classic-gfU fc-classic-h2r fc-classic-fji", data.isNarrow ? xxsTextClass : "fc-classic-17F"),
+    listItemEventTimeClass: "fc-classic-OKV fc-classic-JTJ fc-classic-O5O fc-classic-qbn",
+    listItemEventTitleClass: "fc-classic-OKV fc-classic-Kw3 fc-classic-JTJ fc-classic-O5O fc-classic-nGI",
+    /* Day Row > Row Event
+    ----------------------------------------------------------------------------------------------- */
+    rowEventClass: (data) => core.joinClassNames(data.isStart && core.joinClassNames("fc-classic-fdR", data.isNarrow ? "fc-classic-9ZR" : "fc-classic-GSF"), data.isEnd && core.joinClassNames("fc-classic-Ea4", data.isNarrow ? "fc-classic-bpq" : "fc-classic-Jha")),
+    rowEventInnerClass: "fc-classic-h2r fc-classic-fji",
+    rowEventTimeClass: "fc-classic-OKV",
+    rowEventTitleClass: "fc-classic-OKV",
+    /* Day Row > More-Link
+    ----------------------------------------------------------------------------------------------- */
+    rowMoreLinkClass: (data) => core.joinClassNames("fc-classic-mwm fc-classic-UZp fc-classic-dpa", data.isNarrow
+        ? `fc-classic-6gf fc-classic-R95`
+        : "fc-classic-rK9 fc-classic-qK4 fc-classic-lqW", mutedHoverPressableClass),
+    rowMoreLinkInnerClass: (data) => core.joinClassNames("fc-classic-df6", data.isNarrow ? xxsTextClass : "fc-classic-17F"),
+};
+function EventCalendarViews({ className, liquidHeight, height, views: userViews, ...restOptions }) {
+    const borderlessX = restOptions.borderlessX ?? restOptions.borderless;
+    const borderlessBottom = restOptions.borderlessBottom ?? restOptions.borderless;
+    return (React__default["default"].createElement(material.Box, { className: className, sx: {
+            bgcolor: "background.paper",
+            borderStyle: "solid",
+            borderColor: "divider",
+            borderLeftWidth: borderlessX ? 0 : 1,
+            borderRightWidth: borderlessX ? 0 : 1,
+            borderTopWidth: 1,
+            borderBottomWidth: borderlessBottom ? 0 : 1,
+            ...((borderlessX || borderlessBottom) ? {} : {
+                borderRadius: 1,
+                overflow: "fc-classic-C9h",
+            }),
+            ...(liquidHeight ? { flexGrow: 1, minHeight: 0 } : {}),
+        } },
+        React__default["default"].createElement(FullCalendar__default["default"], { className: "fc-classic-ND7", height: liquidHeight ? "100%" : height, 
+            /* Abstract Event
+            ----------------------------------------------------------------------------------------- */
+            eventColor: "var(--mui-palette-primary-main)", eventContrastColor: "var(--mui-palette-primary-contrastText)", eventClass: (data) => core.joinClassNames(data.isSelected
+                ? core.joinClassNames(outlineWidthClass, data.isDragging ? "fc-classic-ACR" : "fc-classic-iqH")
+                : outlineWidthFocusClass, primaryOutlineColorClass), 
+            /* Background Event
+            ----------------------------------------------------------------------------------------- */
+            backgroundEventColor: "var(--mui-palette-secondary-main)", backgroundEventClass: "fc-classic-Z7B", backgroundEventTitleClass: (data) => core.joinClassNames("fc-classic-F6C fc-classic-dra", data.isNarrow
+                ? `fc-classic-KbZ ${xxsTextClass}`
+                : "fc-classic-xGk fc-classic-17F"), 
+            /* List-Item Event
+            ----------------------------------------------------------------------------------------- */
+            listItemEventClass: "fc-classic-gfU", listItemEventBeforeClass: "fc-classic-qvz fc-classic-IdG", 
+            /* Block Event
+            ----------------------------------------------------------------------------------------- */
+            blockEventClass: (data) => core.joinClassNames(`fc-classic-ytQ fc-classic-vPs fc-classic-lqW fc-classic-iVS fc-classic-n4P fc-classic-82y ${outlineOffsetClass}`, (data.isDragging && !data.isSelected) && "fc-classic-0HG"), blockEventInnerClass: "fc-classic-P9J fc-classic-Nt8", blockEventTimeClass: "fc-classic-JTJ fc-classic-O5O fc-classic-qbn", blockEventTitleClass: "fc-classic-JTJ fc-classic-O5O fc-classic-nGI", 
+            /* Row Event
+            ----------------------------------------------------------------------------------------- */
+            rowEventClass: (data) => core.joinClassNames("fc-classic-mwm fc-classic-3WQ", data.isStart && "fc-classic-riW", data.isEnd && "fc-classic-EWl"), rowEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-classic-BD7")), rowEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-classic-8rg")), rowEventInnerClass: (data) => core.joinClassNames("fc-classic-Hhr fc-classic-uEy fc-classic-gfU", data.isNarrow ? xxsTextClass : "fc-classic-17F"), rowEventTimeClass: "fc-classic-Kw3", 
+            /* Column Event
+            ----------------------------------------------------------------------------------------- */
+            columnEventClass: (data) => core.joinClassNames("fc-classic-zDQ fc-classic-z3l fc-classic-bLM", data.isStart && "fc-classic-srs fc-classic-ugX", data.isEnd && "fc-classic-mwm fc-classic-QTT fc-classic-7zG"), columnEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-classic-f4s")), columnEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-classic-I8n")), columnEventInnerClass: (data) => core.joinClassNames("fc-classic-Hhr", data.isShort
+                ? "fc-classic-KbZ fc-classic-uEy fc-classic-gfU fc-classic-RVT"
+                : "fc-classic-55Y fc-classic-bXY"), columnEventTimeClass: (data) => core.joinClassNames(!data.isShort && "fc-classic-zvv", xxsTextClass), columnEventTitleClass: (data) => core.joinClassNames(!data.isShort && "fc-classic-vvo", (data.isShort || data.isNarrow) ? xxsTextClass : "fc-classic-17F"), 
+            /* More-Link
+            ----------------------------------------------------------------------------------------- */
+            moreLinkClass: `${outlineWidthFocusClass} ${primaryOutlineColorClass}`, moreLinkInnerClass: "fc-classic-JTJ fc-classic-O5O", columnMoreLinkClass: `fc-classic-mwm fc-classic-dpa fc-classic-UZp fc-classic-lqW fc-classic-ePV ${strongSolidPressableClass} fc-classic-82y fc-classic-z3l fc-classic-bLM ${outlineOffsetClass}`, columnMoreLinkInnerClass: (data) => core.joinClassNames("fc-classic-KbZ", data.isNarrow ? xxsTextClass : "fc-classic-17F"), 
+            /* Day Header
+            ----------------------------------------------------------------------------------------- */
+            dayHeaderAlign: (data) => data.inPopover ? "start" : "center", dayHeaderClass: (data) => core.joinClassNames("fc-classic-a65", data.isDisabled && faintBgClass, data.inPopover
+                ? "fc-classic-QTT fc-classic-G56"
+                : core.joinClassNames("fc-classic-UZp", data.isMajor
+                    ? "fc-classic-I55"
+                    : "fc-classic-G56")), dayHeaderInnerClass: (data) => core.joinClassNames("fc-classic-qB7 fc-classic-vvo fc-classic-Hhr fc-classic-bXY", data.isNarrow ? xxsTextClass : "fc-classic-gEy"), dayHeaderDividerClass: "fc-classic-QTT fc-classic-G56", 
+            /* Day Cell
+            ----------------------------------------------------------------------------------------- */
+            dayCellClass: getDayClass, dayCellTopClass: (data) => core.joinClassNames(data.isNarrow ? "fc-classic-WoG" : "fc-classic-s9U", "fc-classic-Hhr fc-classic-uEy fc-classic-RhI"), dayCellTopInnerClass: (data) => core.joinClassNames("fc-classic-qB7 fc-classic-JTJ", data.isNarrow
+                ? `fc-classic-vvo ${xxsTextClass}`
+                : "fc-classic-ztx fc-classic-gEy", data.isOther && "fc-classic-lVd", data.monthText && "fc-classic-Kw3"), dayCellInnerClass: (data) => core.joinClassNames(data.inPopover && "fc-classic-aS8"), 
+            /* Popover
+            ----------------------------------------------------------------------------------------- */
+            popoverClass: "fc-classic-HBk fc-classic-Y27 fc-classic-DC1 fc-classic-8Kl fc-classic-O5O fc-classic-uPX fc-classic-c0k fc-classic-nhl fc-classic-ND7", popoverCloseClass: `fc-classic-ytQ fc-classic-YA2 fc-classic-RWe fc-classic-Eoc ${outlineWidthFocusClass} ${primaryOutlineColorClass} fc-classic-om0`, popoverCloseContent: () => React__default["default"].createElement(classic_icons.EventCalendarCloseIcon, null), 
+            /* Lane
+            ----------------------------------------------------------------------------------------- */
+            dayLaneClass: getDayClass, dayLaneInnerClass: (data) => core.joinClassNames(data.isStack
+                ? "fc-classic-JQD"
+                : data.isNarrow ? "fc-classic-6gf" : "fc-classic-GSF fc-classic-Dk5"), slotLaneClass: getSlotClass, 
+            /* List Day
+            ----------------------------------------------------------------------------------------- */
+            listDayHeaderClass: `fc-classic-QTT fc-classic-G56 ${mutedSolidBgClass} fc-classic-Hhr fc-classic-uEy fc-classic-gfU fc-classic-Klj`, listDayHeaderInnerClass: "fc-classic-U10 fc-classic-KyB fc-classic-gEy fc-classic-Kw3", 
+            /* Single Month (in Multi-Month)
+            ----------------------------------------------------------------------------------------- */
+            singleMonthClass: "fc-classic-tZ3", singleMonthHeaderClass: (data) => core.joinClassNames(data.isSticky && `fc-classic-QTT fc-classic-G56 fc-classic-Y27`, data.colCount > 1 ? "fc-classic-LbL" : "fc-classic-KyB", "fc-classic-gfU"), singleMonthHeaderInnerClass: "fc-classic-PuF fc-classic-Kw3", 
+            /* Misc Table
+            ----------------------------------------------------------------------------------------- */
+            tableHeaderClass: (data) => core.joinClassNames(data.isSticky && "fc-classic-Y27"), fillerClass: "fc-classic-UZp fc-classic-G56 fc-classic-F6C", dayHeaderRowClass: "fc-classic-UZp fc-classic-G56", dayRowClass: "fc-classic-UZp fc-classic-G56", slotHeaderRowClass: "fc-classic-UZp fc-classic-G56", slotHeaderClass: getSlotClass, 
+            /* Misc Content
+            ----------------------------------------------------------------------------------------- */
+            navLinkClass: `fc-classic-jaW ${outlineWidthFocusClass} ${outlineInsetClass} ${primaryOutlineColorClass}`, inlineWeekNumberClass: (data) => core.joinClassNames(`fc-classic-YA2 fc-classic-pPI fc-classic-9o9 fc-classic-0W5 fc-classic-KbZ fc-classic-fi1 fc-classic-Znt ${mutedBgClass}`, data.isNarrow ? xxsTextClass : "fc-classic-gEy"), nonBusinessClass: faintBgClass, highlightClass: "fc-classic-gKu", 
+            /* View-Specific Options
+            ----------------------------------------------------------------------------------------- */
+            views: {
+                ...userViews,
+                dayGrid: {
+                    ...dayRowCommonClasses,
+                    dayCellBottomClass: "fc-classic-WoG",
+                    ...userViews?.dayGrid,
+                },
+                multiMonth: {
+                    ...dayRowCommonClasses,
+                    dayCellBottomClass: "fc-classic-WoG",
+                    tableClass: `fc-classic-UZp fc-classic-G56`,
+                    ...userViews?.multiMonth,
+                },
+                timeGrid: {
+                    ...dayRowCommonClasses,
+                    dayCellBottomClass: "fc-classic-iJ1",
+                    /* TimeGrid > Week Number Header
+                    ------------------------------------------------------------------------------------- */
+                    weekNumberHeaderClass: "fc-classic-gfU fc-classic-RhI",
+                    weekNumberHeaderInnerClass: (data) => core.joinClassNames("fc-classic-qB7 fc-classic-vvo", data.isNarrow ? xxsTextClass : "fc-classic-gEy"),
+                    /* TimeGrid > All-Day Header
+                    ------------------------------------------------------------------------------------- */
+                    allDayHeaderClass: "fc-classic-gfU fc-classic-RhI",
+                    allDayHeaderInnerClass: (data) => core.joinClassNames("fc-classic-qB7 fc-classic-KyB fc-classic-csg fc-classic-XMF", data.isNarrow ? xxsTextClass : "fc-classic-gEy"),
+                    allDayDividerClass: `fc-classic-3WQ fc-classic-G56 fc-classic-yJv ${mutedBgClass}`,
+                    /* TimeGrid > Slot Header
+                    ------------------------------------------------------------------------------------- */
+                    slotHeaderClass: "fc-classic-RhI",
+                    slotHeaderInnerClass: (data) => core.joinClassNames("fc-classic-qB7 fc-classic-vvo", data.isNarrow ? xxsTextClass : "fc-classic-gEy"),
+                    slotHeaderDividerClass: `fc-classic-EWl fc-classic-G56`,
+                    /* TimeGrid > Now-Indicator
+                    ------------------------------------------------------------------------------------- */
+                    nowIndicatorHeaderClass: "fc-classic-9o9 fc-classic-Bjh fc-classic-ARL fc-classic-DGs fc-classic-cwE fc-classic-7Ra",
+                    nowIndicatorLineClass: `fc-classic-srs fc-classic-R3n`,
+                    ...userViews?.timeGrid,
+                },
+                list: {
+                    /* List-View > List-Item Event
+                    ------------------------------------------------------------------------------------- */
+                    listItemEventClass: (data) => core.joinClassNames(`fc-classic-ytQ fc-classic-QTT fc-classic-G56 fc-classic-U10 fc-classic-KyB fc-classic-9Vv`, data.isInteractive
+                        ? core.joinClassNames(faintHoverPressableClass, outlineInsetClass)
+                        : "fc-classic-iAr"),
+                    listItemEventBeforeClass: "fc-classic-1uc",
+                    listItemEventInnerClass: "fc-classic-QDv",
+                    listItemEventTimeClass: "fc-classic-f5K fc-classic-yvz fc-classic-8Ko fc-classic-mTj fc-classic-JTJ fc-classic-O5O fc-classic-yGY fc-classic-gEy",
+                    listItemEventTitleClass: (data) => core.joinClassNames("fc-classic-oee fc-classic-qbd fc-classic-JTJ fc-classic-O5O fc-classic-gEy", data.event.url && "fc-classic-YdZ"),
+                    /* No-Events Screen
+                    ------------------------------------------------------------------------------------- */
+                    noEventsClass: `${mutedBgClass} fc-classic-Hhr fc-classic-bXY fc-classic-gfU fc-classic-a65`,
+                    noEventsInnerClass: "sticky fc-classic-wVG fc-classic-UyD",
+                    ...userViews?.list,
+                },
+            }, ...restOptions })));
+}
+
+exports.dayRowCommonClasses = dayRowCommonClasses;
+exports["default"] = EventCalendarViews;
+exports.faintBgClass = faintBgClass;
+exports.faintHoverPressableClass = faintHoverPressableClass;
+exports.getDayClass = getDayClass;
+exports.getSlotClass = getSlotClass;
+exports.mutedBgClass = mutedBgClass;
+exports.mutedHoverPressableClass = mutedHoverPressableClass;
+exports.mutedSolidBgClass = mutedSolidBgClass;
+exports.outlineInsetClass = outlineInsetClass;
+exports.outlineOffsetClass = outlineOffsetClass;
+exports.outlineWidthClass = outlineWidthClass;
+exports.outlineWidthFocusClass = outlineWidthFocusClass;
+exports.primaryOutlineColorClass = primaryOutlineColorClass;
+exports.rowPointerResizerClass = rowPointerResizerClass;
+exports.rowTouchResizerClass = rowTouchResizerClass;
+exports.strongSolidPressableClass = strongSolidPressableClass;

package/cjs/classic/ResourceTimeGrid.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var FullCalendar = require('@fullcalendar/react');
+var adaptivePlugin = require('@fullcalendar/adaptive');
+var interactionPlugin = require('@fullcalendar/interaction');
+var scrollGridPlugin = require('@fullcalendar/scrollgrid');
+var resourceTimeGridPlugin = require('@fullcalendar/resource-timegrid');
+var classic_EventCalendarToolbar = require('./EventCalendarToolbar.cjs');
+var classic_SchedulerViews = require('./SchedulerViews.cjs');
+var classic_EventCalendarContainer = require('./EventCalendarContainer.cjs');
+require('@mui/material/Box');
+require('@mui/material/Button');
+require('@mui/material/IconButton');
+require('@mui/material/Typography');
+require('@mui/material/ToggleButtonGroup');
+require('@mui/material/ToggleButton');
+require('./icons.cjs');
+require('@fullcalendar/core');
+require('@mui/icons-material/ChevronLeft');
+require('@mui/icons-material/ChevronRight');
+require('@mui/icons-material/Close');
+require('@mui/icons-material/ExpandMore');
+require('./EventCalendarViews.cjs');
+require('@mui/material');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var adaptivePlugin__default = /*#__PURE__*/_interopDefaultLegacy(adaptivePlugin);
+var interactionPlugin__default = /*#__PURE__*/_interopDefaultLegacy(interactionPlugin);
+var scrollGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(scrollGridPlugin);
+var resourceTimeGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(resourceTimeGridPlugin);
+
+const plugins = [
+    adaptivePlugin__default["default"],
+    interactionPlugin__default["default"],
+    scrollGridPlugin__default["default"],
+    resourceTimeGridPlugin__default["default"],
+];
+const defaultAvailableViews = [
+    'resourceTimeGridDay',
+    'resourceTimeGridWeek',
+];
+const navLinkDayClick = 'resourceTimeGridDay';
+const navLinkWeekClick = 'resourceTimeGridWeek';
+function ResourceTimeGrid({ availableViews = defaultAvailableViews, addButton, className, height, contentHeight, direction, plugins: userPlugins = [], ...restOptions }) {
+    const controller = FullCalendar.useCalendarController();
+    const autoHeight = height === 'auto' || contentHeight === 'auto';
+    return (React__default["default"].createElement(classic_EventCalendarContainer["default"], { direction: direction, className: className, height: height },
+        React__default["default"].createElement(classic_EventCalendarToolbar["default"], { controller: controller, availableViews: availableViews, addButton: addButton, borderlessX: restOptions.borderlessX ?? restOptions.borderless }),
+        React__default["default"].createElement(classic_SchedulerViews["default"], { liquidHeight: !autoHeight && height !== undefined, height: autoHeight ? 'auto' : contentHeight, initialView: availableViews[0], navLinkDayClick: navLinkDayClick, navLinkWeekClick: navLinkWeekClick, controller: controller, plugins: [...plugins, ...userPlugins], ...restOptions })));
+}
+
+exports["default"] = ResourceTimeGrid;

package/cjs/classic/ResourceTimeline.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var FullCalendar = require('@fullcalendar/react');
+var adaptivePlugin = require('@fullcalendar/adaptive');
+var resourceTimelinePlugin = require('@fullcalendar/resource-timeline');
+var interactionPlugin = require('@fullcalendar/interaction');
+var classic_EventCalendarToolbar = require('./EventCalendarToolbar.cjs');
+var classic_SchedulerViews = require('./SchedulerViews.cjs');
+var classic_EventCalendarContainer = require('./EventCalendarContainer.cjs');
+require('@mui/material/Box');
+require('@mui/material/Button');
+require('@mui/material/IconButton');
+require('@mui/material/Typography');
+require('@mui/material/ToggleButtonGroup');
+require('@mui/material/ToggleButton');
+require('./icons.cjs');
+require('@fullcalendar/core');
+require('@mui/icons-material/ChevronLeft');
+require('@mui/icons-material/ChevronRight');
+require('@mui/icons-material/Close');
+require('@mui/icons-material/ExpandMore');
+require('./EventCalendarViews.cjs');
+require('@mui/material');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var adaptivePlugin__default = /*#__PURE__*/_interopDefaultLegacy(adaptivePlugin);
+var resourceTimelinePlugin__default = /*#__PURE__*/_interopDefaultLegacy(resourceTimelinePlugin);
+var interactionPlugin__default = /*#__PURE__*/_interopDefaultLegacy(interactionPlugin);
+
+const plugins = [
+    adaptivePlugin__default["default"],
+    interactionPlugin__default["default"],
+    resourceTimelinePlugin__default["default"],
+];
+const defaultAvailableViews = [
+    'resourceTimelineDay',
+    'resourceTimelineWeek',
+];
+const navLinkDayClick = 'resourceTimelineDay';
+const navLinkWeekClick = 'resourceTimelineWeek';
+function ResourceTimeline({ availableViews = defaultAvailableViews, addButton, className, height, contentHeight, direction, plugins: userPlugins = [], ...restOptions }) {
+    const controller = FullCalendar.useCalendarController();
+    const autoHeight = height === 'auto' || contentHeight === 'auto';
+    return (React__default["default"].createElement(classic_EventCalendarContainer["default"], { direction: direction, className: className, height: height },
+        React__default["default"].createElement(classic_EventCalendarToolbar["default"], { controller: controller, availableViews: availableViews, addButton: addButton, borderlessX: restOptions.borderlessX ?? restOptions.borderless }),
+        React__default["default"].createElement(classic_SchedulerViews["default"], { liquidHeight: !autoHeight && height !== undefined, height: autoHeight ? 'auto' : contentHeight, initialView: availableViews[0], navLinkDayClick: navLinkDayClick, navLinkWeekClick: navLinkWeekClick, controller: controller, plugins: [...plugins, ...userPlugins], ...restOptions })));
+}
+
+exports["default"] = ResourceTimeline;