@fullcalendar/mui 7.0.0-beta.5

package/cjs/forma/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 forma_EventCalendarToolbar = require('./EventCalendarToolbar.cjs');
+var forma_SchedulerViews = require('./SchedulerViews.cjs');
+var forma_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(forma_EventCalendarContainer["default"], { direction: direction, className: className, height: height, borderless: restOptions.borderless, borderlessX: restOptions.borderlessX, borderlessTop: restOptions.borderlessTop, borderlessBottom: restOptions.borderlessBottom },
+        React__default["default"].createElement(forma_EventCalendarToolbar["default"], { controller: controller, availableViews: availableViews, addButton: addButton }),
+        React__default["default"].createElement(forma_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;

package/cjs/forma/SchedulerViews.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@fullcalendar/core');
+var forma_EventCalendarViews = require('./EventCalendarViews.cjs');
+var forma_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(forma_EventCalendarViews["default"]
+    /* Resource Day Header
+    ------------------------------------------------------------------------------------------- */
+    , { 
+        /* Resource Day Header
+        ------------------------------------------------------------------------------------------- */
+        resourceDayHeaderClass: (data) => core.joinClassNames("fc-forma-UZp", data.isMajor
+            ? "fc-forma-I55"
+            : "fc-forma-G56"), resourceDayHeaderInnerClass: (data) => core.joinClassNames("fc-forma-aS8 fc-forma-Hhr fc-forma-bXY", data.isNarrow ? "fc-forma-17F" : "fc-forma-gEy"), 
+        /* Resource Data Grid
+        ------------------------------------------------------------------------------------------- */
+        resourceColumnHeaderClass: "fc-forma-UZp fc-forma-G56 fc-forma-a65", resourceColumnHeaderInnerClass: "fc-forma-aS8 fc-forma-gEy", resourceColumnResizerClass: "fc-forma-YA2 fc-forma-8ZZ fc-forma-Ahl fc-forma-W3O", resourceGroupHeaderClass: `fc-forma-UZp fc-forma-G56 ${forma_EventCalendarViews.mutedBgClass}`, resourceGroupHeaderInnerClass: "fc-forma-aS8 fc-forma-gEy", resourceCellClass: "fc-forma-UZp fc-forma-G56", resourceCellInnerClass: "fc-forma-aS8 fc-forma-gEy", resourceIndentClass: "fc-forma-fpO fc-forma-aCj fc-forma-a65", resourceExpanderClass: `fc-forma-ytQ fc-forma-KbZ fc-forma-dpa ${forma_EventCalendarViews.mutedHoverPressableClass} ${forma_EventCalendarViews.outlineWidthFocusClass} ${forma_EventCalendarViews.primaryOutlineColorClass}`, resourceExpanderContent: (data) => (React__default["default"].createElement(forma_icons.EventCalendarExpanderIcon, { isExpanded: data.isExpanded })), resourceHeaderRowClass: "fc-forma-UZp fc-forma-G56", resourceRowClass: "fc-forma-UZp fc-forma-G56", resourceColumnDividerClass: `fc-forma-zDQ fc-forma-G56 fc-forma-qNU ${forma_EventCalendarViews.mutedBgClass}`, 
+        /* Timeline Lane
+        ------------------------------------------------------------------------------------------- */
+        resourceGroupLaneClass: `fc-forma-UZp fc-forma-G56 ${forma_EventCalendarViews.mutedBgClass}`, resourceLaneClass: "fc-forma-UZp fc-forma-G56", resourceLaneBottomClass: (data) => core.joinClassNames(data.options.eventOverlap && "fc-forma-3fr"), timelineBottomClass: "fc-forma-3fr", 
+        /* View-Specific Options
+        ------------------------------------------------------------------------------------------- */
+        views: {
+            ...userViews,
+            timeline: {
+                /* Timeline > Row Event
+                --------------------------------------------------------------------------------------- */
+                rowEventClass: (data) => core.joinClassNames(data.isEnd && "fc-forma-bpq"),
+                rowEventInnerClass: (data) => (data.options.eventOverlap
+                    ? "fc-forma-CeL"
+                    : "fc-forma-KyB"),
+                /* Timeline > More-Link
+                --------------------------------------------------------------------------------------- */
+                rowMoreLinkClass: `fc-forma-bpq fc-forma-mwm fc-forma-dpa fc-forma-UZp fc-forma-lqW fc-forma-ePV ${forma_EventCalendarViews.strongSolidPressableClass} fc-forma-82y`,
+                rowMoreLinkInnerClass: "fc-forma-qB7 fc-forma-CeL fc-forma-17F",
+                /* Timeline > Slot Header
+                --------------------------------------------------------------------------------------- */
+                slotHeaderAlign: (data) => data.isTime ? "start" : "center",
+                slotHeaderClass: "fc-forma-a65",
+                slotHeaderInnerClass: (data) => core.joinClassNames("fc-forma-aS8 fc-forma-gEy", data.hasNavLink && "fc-forma-jaW"),
+                slotHeaderDividerClass: `fc-forma-QTT fc-forma-G56`,
+                ...userViews?.timeline,
+            },
+        }, ...restOptions }));
+}
+
+exports["default"] = SchedulerViews;

package/cjs/forma/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-forma-5Kh fc-forma-HHp fc-forma-La2";
+function EventCalendarPrevIcon() {
+    return React__default["default"].createElement(ChevronLeftIcon__default["default"], { className: "fc-forma-AAt" });
+}
+function EventCalendarNextIcon() {
+    return React__default["default"].createElement(ChevronRightIcon__default["default"], { className: "fc-forma-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-forma-doO fc-forma-Bzb") }));
+}
+
+exports.EventCalendarCloseIcon = EventCalendarCloseIcon;
+exports.EventCalendarExpanderIcon = EventCalendarExpanderIcon;
+exports.EventCalendarNextIcon = EventCalendarNextIcon;
+exports.EventCalendarPrevIcon = EventCalendarPrevIcon;

package/cjs/monarch/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 monarch_EventCalendarToolbar = require('./EventCalendarToolbar.cjs');
+var monarch_EventCalendarViews = require('./EventCalendarViews.cjs');
+var monarch_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(monarch_EventCalendarContainer["default"], { direction: direction, className: className, height: height, borderless: restOptions.borderless, borderlessX: restOptions.borderlessX, borderlessTop: restOptions.borderlessTop, borderlessBottom: restOptions.borderlessBottom },
+        React__default["default"].createElement(monarch_EventCalendarToolbar["default"], { controller: controller, availableViews: availableViews, addButton: addButton }),
+        React__default["default"].createElement(monarch_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/monarch/EventCalendarContainer.cjs

@@ -0,0 +1,35 @@
+'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) {
+    const borderlessX = props.borderlessX ?? props.borderless;
+    const borderlessTop = props.borderlessTop ?? props.borderless;
+    const borderlessBottom = props.borderlessBottom ?? props.borderless;
+    return (React__default["default"].createElement(Box__default["default"], { dir: props.direction === 'rtl' ? 'rtl' : undefined, className: props.className, sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            height: props.height,
+            bgcolor: 'background.paper',
+            borderStyle: 'solid',
+            borderColor: 'divider',
+            borderLeftWidth: borderlessX ? 0 : 1,
+            borderRightWidth: borderlessX ? 0 : 1,
+            borderTopWidth: borderlessTop ? 0 : 1,
+            borderBottomWidth: borderlessBottom ? 0 : 1,
+            ...(borderlessX || borderlessTop || borderlessBottom ? {} : {
+                borderRadius: 1,
+                overflow: 'hidden',
+            })
+        } }, props.children));
+}
+
+exports["default"] = EventCalendarContainer;

package/cjs/monarch/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 monarch_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, }) {
+    const buttons = controller.getButtonState();
+    return (React__default["default"].createElement(Box__default["default"], { sx: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            gap: 1,
+            padding: 2,
+        } },
+        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(monarch_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(monarch_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/monarch/EventCalendarViews.cjs

@@ -0,0 +1,252 @@
+'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 monarch_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-monarch-bAU";
+const outlineWidthFocusClass = "fc-monarch-Tid";
+const outlineWidthGroupFocusClass = "fc-monarch-14w";
+const tertiaryOutlineColorClass = "fc-monarch-sVX";
+// strongest (25%)
+const strongestSolidBgActiveClass = "fc-monarch-lS3";
+// stronger (20%)
+const strongerSolidBgHoverClass = "fc-monarch-fEn";
+// strong (16%)
+const strongBgFocusClass = "fc-monarch-WPX";
+const strongBgFocusGroupClass = "fc-monarch-S6B";
+const strongBgActiveClass = "fc-monarch-kup";
+const strongBgActiveGroupClass = "fc-monarch-8bm";
+const strongSolidBgClass = "fc-monarch-5V9";
+const strongSolidPressableClass = `${strongSolidBgClass} ${strongerSolidBgHoverClass} ${strongestSolidBgActiveClass}`;
+// muted (8%)
+const mutedBgClass = "fc-monarch-VxY";
+const mutedBgHoverClass = "fc-monarch-znR";
+const mutedBgHoverGroupClass = "fc-monarch-1Co";
+const mutedHoverPressableClass = `${mutedBgHoverClass} ${strongBgFocusClass} ${strongBgActiveClass}`;
+const mutedHoverPressableGroupClass = `${mutedBgHoverGroupClass} ${strongBgFocusGroupClass} ${strongBgActiveGroupClass}`;
+// faint (4%)
+const faintBgClass = "fc-monarch-IKt";
+// secondary (less-contrasty version of primary)
+const secondaryClass = "fc-monarch-x22 brightness-110";
+const secondaryPressableClass = `${secondaryClass} fc-monarch-me9 fc-monarch-LYL`;
+// tertiary (it's actually MUI's "secondary", like an accent color)
+const tertiaryClass = "fc-monarch-s3B fc-monarch-BIe";
+const tertiaryPressableClass = `${tertiaryClass} fc-monarch-Ry9 fc-monarch-ra6`;
+const tertiaryPressableGroupClass = `${tertiaryClass} fc-monarch-BVo fc-monarch-3U0`;
+// usually 11px font / 12px line-height
+const xxsTextClass = "fc-monarch-HRt";
+// transparent resizer for mouse
+const blockPointerResizerClass = "fc-monarch-YA2 fc-monarch-C9h fc-monarch-ZkV";
+const rowPointerResizerClass = `${blockPointerResizerClass} fc-monarch-8ZZ fc-monarch-1lj`;
+const columnPointerResizerClass = `${blockPointerResizerClass} fc-monarch-xX5 fc-monarch-433`;
+// circle resizer for touch
+const blockTouchResizerClass = `fc-monarch-YA2 fc-monarch-tEU fc-monarch-UZp fc-monarch-qvz fc-monarch-Y27 fc-monarch-IdG`;
+const rowTouchResizerClass = `${blockTouchResizerClass} fc-monarch-if4 fc-monarch-NN9`;
+const columnTouchResizerClass = `${blockTouchResizerClass} fc-monarch-Z2g fc-monarch-RWU`;
+const tallDayCellBottomClass = "fc-monarch-DLQ";
+const getShortDayCellBottomClass = (data) => core.joinClassNames(!data.isNarrow && "fc-monarch-WoG");
+const dayRowCommonClasses = {
+    /* Day Row > List-Item Event
+    ----------------------------------------------------------------------------------------------- */
+    listItemEventClass: (data) => core.joinClassNames("fc-monarch-mwm fc-monarch-df6 fc-monarch-dpa", data.isNarrow ? "fc-monarch-6gf" : "fc-monarch-qK4"),
+    listItemEventBeforeClass: (data) => core.joinClassNames("fc-monarch-PrA", data.isNarrow ? "fc-monarch-GSF" : "fc-monarch-fpO"),
+    listItemEventInnerClass: (data) => (data.isNarrow
+        ? `fc-monarch-h2r ${xxsTextClass}`
+        : "fc-monarch-vvo fc-monarch-17F"),
+    listItemEventTimeClass: (data) => core.joinClassNames(data.isNarrow ? "fc-monarch-qNU" : "fc-monarch-I6e", "fc-monarch-JTJ fc-monarch-O5O fc-monarch-qbn"),
+    listItemEventTitleClass: (data) => core.joinClassNames(data.isNarrow ? "fc-monarch-55Y" : "fc-monarch-qB7", "fc-monarch-Kw3 fc-monarch-JTJ fc-monarch-O5O fc-monarch-nGI"),
+    /* Day Row > Row Event
+    ----------------------------------------------------------------------------------------------- */
+    rowEventClass: (data) => core.joinClassNames(data.isStart && "fc-monarch-9ZR", data.isEnd && "fc-monarch-bpq"),
+    rowEventInnerClass: (data) => data.isNarrow ? "fc-monarch-h2r" : "fc-monarch-vvo",
+    /* Day Row > More-Link
+    ----------------------------------------------------------------------------------------------- */
+    rowMoreLinkClass: (data) => core.joinClassNames("fc-monarch-mwm fc-monarch-UZp fc-monarch-dpa", data.isNarrow
+        ? `fc-monarch-6gf fc-monarch-R95`
+        : "fc-monarch-qK4 fc-monarch-lqW", mutedHoverPressableClass),
+    rowMoreLinkInnerClass: (data) => (data.isNarrow
+        ? `fc-monarch-55Y fc-monarch-h2r ${xxsTextClass}`
+        : "fc-monarch-qB7 fc-monarch-vvo fc-monarch-17F"),
+};
+function EventCalendarViews({ className, liquidHeight, height, views: userViews, ...restOptions }) {
+    return (React__default["default"].createElement(material.Box, { className: className, sx: liquidHeight ? { flexGrow: 1, minHeight: 0 } : {} },
+        React__default["default"].createElement(FullCalendar__default["default"], { className: "fc-monarch-ND7", height: liquidHeight ? "100%" : height, 
+            /* Abstract Event
+            ----------------------------------------------------------------------------------------- */
+            eventShortHeight: 50, eventColor: "var(--mui-palette-primary-main)", eventContrastColor: "var(--mui-palette-primary-contrastText)", eventClass: (data) => core.joinClassNames(data.isSelected
+                ? core.joinClassNames(outlineWidthClass, data.isDragging ? "fc-monarch-ACR" : "fc-monarch-iqH")
+                : outlineWidthFocusClass, tertiaryOutlineColorClass), 
+            /* Background Event
+            ----------------------------------------------------------------------------------------- */
+            backgroundEventColor: "var(--mui-palette-secondary-main)", backgroundEventClass: "fc-monarch-Z7B", backgroundEventTitleClass: (data) => core.joinClassNames("fc-monarch-F6C fc-monarch-dra", data.isNarrow
+                ? `fc-monarch-qB7 fc-monarch-uBa ${xxsTextClass}`
+                : "fc-monarch-ybQ fc-monarch-H35 fc-monarch-17F"), 
+            /* List-Item Event
+            ----------------------------------------------------------------------------------------- */
+            listItemEventClass: (data) => core.joinClassNames("fc-monarch-gfU", data.isSelected
+                ? mutedBgClass
+                : data.isInteractive
+                    ? mutedHoverPressableClass
+                    : mutedBgHoverClass), listItemEventBeforeClass: "fc-monarch-IdG fc-monarch-qvz", listItemEventInnerClass: "fc-monarch-Hhr fc-monarch-uEy fc-monarch-gfU", 
+            /* Block Event
+            ----------------------------------------------------------------------------------------- */
+            blockEventClass: (data) => core.joinClassNames("fc-monarch-ytQ fc-monarch-vPs fc-monarch-lqW fc-monarch-iVS fc-monarch-n4P fc-monarch-NNx fc-monarch-82y", data.isInteractive && "fc-monarch-CdS", (!data.isSelected && data.isDragging) && "fc-monarch-0HG"), blockEventInnerClass: "fc-monarch-P9J fc-monarch-Nt8", blockEventTimeClass: "fc-monarch-JTJ fc-monarch-O5O", blockEventTitleClass: "fc-monarch-JTJ fc-monarch-O5O", 
+            /* Row Event
+            ----------------------------------------------------------------------------------------- */
+            rowEventClass: (data) => core.joinClassNames("fc-monarch-mwm fc-monarch-3WQ", data.isStart ? "fc-monarch-riW fc-monarch-fdR" : (!data.isNarrow && "fc-monarch-twY"), data.isEnd ? "fc-monarch-EWl fc-monarch-Ea4" : (!data.isNarrow && "fc-monarch-nAc")), rowEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable ? core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-monarch-BD7") : (!data.isStart && !data.isNarrow) && ("fc-monarch-YA2 fc-monarch-x0Q fc-monarch-1lj fc-monarch-2Eu fc-monarch-DkH")), rowEventBeforeContent: (data) => ((!data.isStart && !data.isNarrow) ? filledRightTriangle("fc-monarch-WTc fc-monarch-3O3 fc-monarch-UQh fc-monarch-XxY") : React__default["default"].createElement(React__default["default"].Fragment, null) // HACK for React vdom
+            ), rowEventAfterClass: (data) => core.joinClassNames(data.isEndResizable ? core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-monarch-8rg") : (!data.isEnd && !data.isNarrow) && ("fc-monarch-YA2 fc-monarch-pjB fc-monarch-1lj fc-monarch-2Eu fc-monarch-DkH")), rowEventAfterContent: (data) => ((!data.isEnd && !data.isNarrow) ? filledRightTriangle("fc-monarch-WTc fc-monarch-AAt fc-monarch-XxY") : React__default["default"].createElement(React__default["default"].Fragment, null) // HACK for React vdom
+            ), rowEventInnerClass: (data) => core.joinClassNames("fc-monarch-Hhr fc-monarch-uEy fc-monarch-gfU", data.isNarrow ? xxsTextClass : "fc-monarch-17F"), rowEventTimeClass: (data) => core.joinClassNames("fc-monarch-Kw3 fc-monarch-qbn", data.isNarrow ? "fc-monarch-qNU" : "fc-monarch-I6e"), rowEventTitleClass: (data) => core.joinClassNames("fc-monarch-nGI", data.isNarrow ? "fc-monarch-55Y" : "fc-monarch-qB7"), 
+            /* Column Event
+            ----------------------------------------------------------------------------------------- */
+            columnEventTitleSticky: false, columnEventClass: (data) => core.joinClassNames("fc-monarch-zDQ fc-monarch-z3l fc-monarch-bLM", data.isStart && "fc-monarch-srs fc-monarch-ugX", data.isEnd && "fc-monarch-mwm fc-monarch-QTT fc-monarch-7zG"), columnEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-monarch-f4s")), columnEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-monarch-I8n")), columnEventInnerClass: (data) => core.joinClassNames("fc-monarch-Hhr", data.isShort
+                ? "fc-monarch-uEy fc-monarch-gfU fc-monarch-xbC fc-monarch-RVT"
+                : core.joinClassNames("fc-monarch-bXY", data.isNarrow ? "fc-monarch-qB7 fc-monarch-vvo" : "fc-monarch-ybQ fc-monarch-ztx"), (data.isShort || data.isNarrow) ? xxsTextClass : "fc-monarch-17F"), columnEventTimeClass: (data) => core.joinClassNames("fc-monarch-V3u fc-monarch-nGI", !data.isShort && (data.isNarrow ? "fc-monarch-yJv" : "fc-monarch-5SQ")), columnEventTitleClass: (data) => core.joinClassNames("fc-monarch-qbn", !data.isShort && (data.isNarrow ? "fc-monarch-vvo" : "fc-monarch-ztx")), 
+            /* More-Link
+            ----------------------------------------------------------------------------------------- */
+            moreLinkClass: `${outlineWidthFocusClass} ${tertiaryOutlineColorClass}`, moreLinkInnerClass: "fc-monarch-JTJ fc-monarch-O5O", columnMoreLinkClass: `fc-monarch-mwm fc-monarch-UZp fc-monarch-lqW fc-monarch-ePV fc-monarch-dpa ${strongSolidPressableClass} fc-monarch-82y fc-monarch-z3l fc-monarch-bLM`, columnMoreLinkInnerClass: (data) => (data.isNarrow
+                ? `fc-monarch-KbZ ${xxsTextClass}`
+                : "fc-monarch-xbC fc-monarch-17F"), 
+            /* Day Header
+            ----------------------------------------------------------------------------------------- */
+            dayHeaderAlign: "center", dayHeaderClass: (data) => core.joinClassNames("fc-monarch-a65", data.isMajor && "fc-monarch-UZp fc-monarch-I55", (data.isDisabled && !data.inPopover) && faintBgClass), dayHeaderInnerClass: "fc-monarch-ytQ fc-monarch-luY fc-monarch-NoV fc-monarch-Hhr fc-monarch-bXY fc-monarch-gfU fc-monarch-3jE", dayHeaderContent: (data) => (React__default["default"].createElement(React__default["default"].Fragment, null,
+                data.weekdayText && (React__default["default"].createElement("div", { className: core.joinClassNames("fc-monarch-17F fc-monarch-KNZ", "fc-monarch-Znt") }, data.weekdayText)),
+                data.dayNumberText && (React__default["default"].createElement("div", { className: core.joinClassNames("fc-monarch-ncn fc-monarch-IdG fc-monarch-Hhr fc-monarch-uEy fc-monarch-gfU fc-monarch-a65", data.isNarrow
+                        ? "fc-monarch-GRI fc-monarch-4Bx"
+                        : "fc-monarch-UvV fc-monarch-7Kt", data.isToday
+                        ? (data.hasNavLink ? tertiaryPressableGroupClass : tertiaryClass)
+                        : (data.hasNavLink && mutedHoverPressableGroupClass), data.hasNavLink && core.joinClassNames(outlineWidthGroupFocusClass, tertiaryOutlineColorClass)) }, data.dayNumberText)))), 
+            /* Day Cell
+            ----------------------------------------------------------------------------------------- */
+            dayCellClass: (data) => core.joinClassNames("fc-monarch-UZp", data.isMajor ? "fc-monarch-I55" : "fc-monarch-G56", data.isDisabled && faintBgClass), dayCellTopClass: (data) => core.joinClassNames("fc-monarch-Hhr fc-monarch-uEy", data.isNarrow
+                ? "fc-monarch-RhI fc-monarch-WoG"
+                : "fc-monarch-a65 fc-monarch-s9U"), dayCellTopInnerClass: (data) => core.joinClassNames("fc-monarch-Hhr fc-monarch-uEy fc-monarch-gfU fc-monarch-a65 fc-monarch-JTJ fc-monarch-IdG", data.isNarrow
+                ? `fc-monarch-64j fc-monarch-cL9 ${xxsTextClass}`
+                : "fc-monarch-RQK fc-monarch-6U1 fc-monarch-gEy", data.text === data.dayNumberText
+                ? (data.isNarrow ? "fc-monarch-CSa" : "fc-monarch-IdL")
+                : (data.isNarrow ? "fc-monarch-qB7" : "fc-monarch-ybQ"), data.isToday
+                ? (data.hasNavLink ? tertiaryPressableClass : tertiaryClass)
+                : (data.hasNavLink && mutedHoverPressableClass), data.isOther && "fc-monarch-x07", data.monthText && "fc-monarch-Kw3"), dayCellInnerClass: (data) => core.joinClassNames(data.inPopover && "fc-monarch-aS8"), 
+            /* Popover
+            ----------------------------------------------------------------------------------------- */
+            dayPopoverFormat: { day: "numeric", weekday: "short" }, popoverClass: "fc-monarch-HBk fc-monarch-Y27 fc-monarch-DC1 fc-monarch-8Kl fc-monarch-O5O fc-monarch-uPX fc-monarch-c0k fc-monarch-jse fc-monarch-ND7", popoverCloseClass: `fc-monarch-ytQ fc-monarch-YA2 fc-monarch-bEj fc-monarch-q2P fc-monarch-UvV fc-monarch-IdG fc-monarch-gfU fc-monarch-a65 ${mutedHoverPressableClass} ${outlineWidthFocusClass} ${tertiaryOutlineColorClass} fc-monarch-om0`, popoverCloseContent: () => React__default["default"].createElement(monarch_icons.EventCalendarCloseIcon, null), dayLaneClass: (data) => core.joinClassNames("fc-monarch-UZp", data.isMajor ? "fc-monarch-I55" : "fc-monarch-G56", data.isDisabled && faintBgClass), dayLaneInnerClass: (data) => (data.isStack
+                ? "fc-monarch-JQD"
+                : data.isNarrow ? "fc-monarch-6gf" : "fc-monarch-GSF fc-monarch-Dk5"), slotLaneClass: (data) => core.joinClassNames("fc-monarch-UZp fc-monarch-G56", data.isMinor && "fc-monarch-M5N"), listDayFormat: { day: "numeric" }, listDaySideFormat: { month: "short", weekday: "short", forceCommas: true }, listDayClass: "fc-monarch-2uq fc-monarch-G56 fc-monarch-Hhr fc-monarch-uEy fc-monarch-lUe", listDayHeaderClass: "fc-monarch-c0k fc-monarch-yvz fc-monarch-hhB fc-monarch-Aks fc-monarch-Lh0 fc-monarch-Hhr fc-monarch-uEy fc-monarch-gfU fc-monarch-ODb", listDayHeaderInnerClass: (data) => (!data.level
+                ? core.joinClassNames("fc-monarch-G97 fc-monarch-IdG fc-monarch-Hhr fc-monarch-uEy fc-monarch-gfU fc-monarch-7Kt", data.text === data.dayNumberText
+                    ? "fc-monarch-3Ka fc-monarch-a65"
+                    : "fc-monarch-U10", data.isToday
+                    ? (data.hasNavLink ? tertiaryPressableClass : tertiaryClass)
+                    : (data.hasNavLink && mutedHoverPressableClass))
+                : core.joinClassNames("fc-monarch-17F fc-monarch-KNZ", data.hasNavLink && "fc-monarch-jaW")), listDayEventsClass: "fc-monarch-oee fc-monarch-qbd fc-monarch-KyB fc-monarch-RVT", 
+            /* Single Month (in Multi-Month)
+            ----------------------------------------------------------------------------------------- */
+            singleMonthClass: "fc-monarch-tZ3", singleMonthHeaderClass: (data) => core.joinClassNames(data.isSticky && "fc-monarch-QTT fc-monarch-G56 fc-monarch-Y27", data.colCount > 1 ? "fc-monarch-hw7" : "fc-monarch-ztx", "fc-monarch-gfU"), singleMonthHeaderInnerClass: (data) => core.joinClassNames("fc-monarch-U10 fc-monarch-ztx fc-monarch-IdG fc-monarch-PuF fc-monarch-Kw3", data.hasNavLink && mutedHoverPressableClass), 
+            /* Misc Table
+            ----------------------------------------------------------------------------------------- */
+            tableHeaderClass: (data) => core.joinClassNames(data.isSticky && "fc-monarch-QTT fc-monarch-G56 fc-monarch-Y27"), fillerClass: (data) => core.joinClassNames("fc-monarch-F6C fc-monarch-UZp", data.isHeader ? "fc-monarch-lqW" : "fc-monarch-G56"), dayNarrowWidth: 100, dayHeaderRowClass: "fc-monarch-UZp fc-monarch-G56", dayRowClass: "fc-monarch-UZp fc-monarch-G56", 
+            /* Misc Content
+            ----------------------------------------------------------------------------------------- */
+            navLinkClass: `${outlineWidthFocusClass} ${tertiaryOutlineColorClass}`, inlineWeekNumberClass: (data) => core.joinClassNames("fc-monarch-YA2 fc-monarch-Hhr fc-monarch-uEy fc-monarch-gfU fc-monarch-JTJ", data.isNarrow
+                ? `fc-monarch-RWe fc-monarch-9o9 fc-monarch-8in fc-monarch-dNj fc-monarch-B2v fc-monarch-6qy ${xxsTextClass}`
+                : "fc-monarch-rzf fc-monarch-y8j fc-monarch-6U1 fc-monarch-ybQ fc-monarch-IdG fc-monarch-gEy", data.hasNavLink
+                ? secondaryPressableClass
+                : secondaryClass), nonBusinessClass: faintBgClass, highlightClass: "fc-monarch-gKu", nowIndicatorLineClass: "fc-monarch-7VH fc-monarch-v0S fc-monarch-R3n", nowIndicatorDotClass: "fc-monarch-xny fc-monarch-uDX fc-monarch-R3n fc-monarch-UmK fc-monarch-IdG fc-monarch-fo8 fc-monarch-bLM", 
+            /* View-Specific Options
+            ----------------------------------------------------------------------------------------- */
+            views: {
+                ...userViews,
+                dayGrid: {
+                    ...dayRowCommonClasses,
+                    dayCellBottomClass: getShortDayCellBottomClass,
+                    ...userViews?.dayGrid,
+                },
+                multiMonth: {
+                    ...dayRowCommonClasses,
+                    dayCellBottomClass: getShortDayCellBottomClass,
+                    tableBodyClass: `fc-monarch-UZp fc-monarch-G56 fc-monarch-dpa`,
+                    dayHeaderInnerClass: (data) => core.joinClassNames(!data.inPopover && "fc-monarch-0J7"),
+                    ...userViews?.multiMonth,
+                },
+                timeGrid: {
+                    ...dayRowCommonClasses,
+                    dayCellBottomClass: tallDayCellBottomClass,
+                    /* TimeGrid > Week Number Header
+                    ------------------------------------------------------------------------------------- */
+                    weekNumberHeaderClass: "fc-monarch-gfU fc-monarch-RhI",
+                    weekNumberHeaderInnerClass: (data) => core.joinClassNames("fc-monarch-fpO fc-monarch-j5m fc-monarch-Hhr fc-monarch-uEy fc-monarch-gfU fc-monarch-IdG", data.options.dayMinWidth !== undefined && "fc-monarch-hCF", data.isNarrow
+                        ? "fc-monarch-cL9 fc-monarch-qMw fc-monarch-17F"
+                        : "fc-monarch-6U1 fc-monarch-ybQ fc-monarch-gEy", data.hasNavLink
+                        ? secondaryPressableClass
+                        : secondaryClass),
+                    /* TimeGrid > All-Day Header
+                    ------------------------------------------------------------------------------------- */
+                    allDayHeaderClass: "fc-monarch-gfU fc-monarch-RhI",
+                    allDayHeaderInnerClass: (data) => core.joinClassNames("fc-monarch-aS8 fc-monarch-csg fc-monarch-XMF", data.isNarrow ? xxsTextClass : "fc-monarch-gEy"),
+                    allDayDividerClass: `fc-monarch-QTT fc-monarch-G56`,
+                    /* TimeGrid > Slot Header
+                    ------------------------------------------------------------------------------------- */
+                    slotHeaderClass: (data) => core.joinClassNames("fc-monarch-1lj fc-monarch-Knn fc-monarch-RhI fc-monarch-UZp fc-monarch-G56", data.isMinor && "fc-monarch-M5N"),
+                    slotHeaderInnerClass: (data) => core.joinClassNames("fc-monarch-vPs fc-monarch-8Z4 fc-monarch-0En fc-monarch-KyB", data.isNarrow
+                        ? `fc-monarch-IWs ${xxsTextClass}`
+                        : "fc-monarch-K1c fc-monarch-gEy", data.isFirst && "fc-monarch-C9h"),
+                    slotHeaderDividerClass: (data) => core.joinClassNames("fc-monarch-EWl", (data.isHeader && data.options.dayMinWidth === undefined)
+                        ? "fc-monarch-lqW"
+                        : "fc-monarch-G56"),
+                    ...userViews?.timeGrid,
+                },
+                list: {
+                    /* List-View > List-Item Event
+                    ------------------------------------------------------------------------------------- */
+                    listItemEventClass: "fc-monarch-ytQ fc-monarch-aS8 fc-monarch-4Vv fc-monarch-ODb",
+                    listItemEventBeforeClass: "fc-monarch-NoV fc-monarch-1uc",
+                    listItemEventInnerClass: "fc-monarch-ODb fc-monarch-gEy",
+                    listItemEventTimeClass: "fc-monarch-yvz fc-monarch-8Ko fc-monarch-cHr fc-monarch-JTJ fc-monarch-O5O fc-monarch-yGY",
+                    listItemEventTitleClass: (data) => core.joinClassNames("fc-monarch-oee fc-monarch-qbd fc-monarch-JTJ fc-monarch-O5O", data.event.url && "fc-monarch-YdZ"),
+                    /* No-Events Screen
+                    ------------------------------------------------------------------------------------- */
+                    noEventsClass: "fc-monarch-oee fc-monarch-Hhr fc-monarch-bXY fc-monarch-gfU fc-monarch-a65",
+                    noEventsInnerClass: "fc-monarch-UyD",
+                    ...userViews?.list,
+                },
+            }, ...restOptions })));
+}
+/* SVGs
+------------------------------------------------------------------------------------------------- */
+function filledRightTriangle(className) {
+    return (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 800 2200", preserveAspectRatio: "none", className: className },
+        React__default["default"].createElement("polygon", { points: "0,0 66,0 800,1100 66,2200 0,2200", fill: "currentColor" })));
+}
+
+exports.dayRowCommonClasses = dayRowCommonClasses;
+exports["default"] = EventCalendarViews;
+exports.faintBgClass = faintBgClass;
+exports.getShortDayCellBottomClass = getShortDayCellBottomClass;
+exports.mutedBgClass = mutedBgClass;
+exports.mutedHoverPressableClass = mutedHoverPressableClass;
+exports.outlineWidthClass = outlineWidthClass;
+exports.outlineWidthFocusClass = outlineWidthFocusClass;
+exports.outlineWidthGroupFocusClass = outlineWidthGroupFocusClass;
+exports.rowPointerResizerClass = rowPointerResizerClass;
+exports.rowTouchResizerClass = rowTouchResizerClass;
+exports.secondaryClass = secondaryClass;
+exports.secondaryPressableClass = secondaryPressableClass;
+exports.strongSolidPressableClass = strongSolidPressableClass;
+exports.tallDayCellBottomClass = tallDayCellBottomClass;
+exports.tertiaryClass = tertiaryClass;
+exports.tertiaryOutlineColorClass = tertiaryOutlineColorClass;
+exports.tertiaryPressableClass = tertiaryPressableClass;
+exports.tertiaryPressableGroupClass = tertiaryPressableGroupClass;