@fullcalendar/theme-monarch 7.0.0-beta.5

package/LICENSE.md

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2025 Adam Shaw
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,45 @@
+
+# FullCalendar Monarch Theme
+
+Display an event calendar with a [Material Design](https://m3.material.io/) inspired theme.
+
+## Installation
+
+Install FullCalendar's core, the theme, and any other plugins you plan to use:
+
+```sh
+npm install @fullcalendar/core @fullcalendar/theme-monarch @fullcalendar/daygrid
+```
+
+## Usage
+
+Instantiate a Calendar with the necessary plugin:
+
+```js
+import { Calendar } from '@fullcalendar/core'
+import monarchThemePlugin from '@fullcalendar/theme-monarch'
+import dayGridPlugin from '@fullcalendar/daygrid'
+
+import '@fullcalendar/core/skeleton.css'
+import '@fullcalendar/theme-monarch/theme.css'
+import '@fullcalendar/theme-monarch/palettes/purple.css'
+
+const calendarEl = document.getElementById('calendar')
+const calendar = new Calendar(calendarEl, {
+  plugins: [monarchThemePlugin, dayGridPlugin],
+  initialView: 'dayGridMonth',
+  events: [
+    { title: 'Meeting', start: new Date() }
+  ]
+})
+
+calendar.render()
+```
+
+## Colors
+
+Future docs will explain how to customize this theme's colors, as well as light/dark mode.
+
+## React/Vue/Angular Usage
+
+Future docs will explain how to use this theme with various front-end frameworks.

package/cjs/index.cjs

@@ -0,0 +1,360 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@fullcalendar/core');
+var preact = require('@fullcalendar/core/preact');
+
+// usually 11px font / 12px line-height
+const xxsTextClass = "fc-monarch-vQz";
+// outline
+const outlineWidthClass = "fc-monarch-x7S";
+const outlineWidthFocusClass = "fc-monarch-sOR";
+const outlineWidthGroupFocusClass = "fc-monarch-a9l";
+const outlineColorClass = "fc-monarch-MJY";
+const outlineFocusClass = `${outlineColorClass} ${outlineWidthFocusClass}`;
+// neutral buttons
+const strongSolidPressableClass = core.joinClassNames("fc-monarch-9LE", "fc-monarch-r63", "fc-monarch-ljX");
+const mutedHoverClass = "fc-monarch-v08";
+const mutedHoverGroupClass = "fc-monarch-JQh";
+const mutedHoverPressableClass = `${mutedHoverClass} fc-monarch-Yib fc-monarch-6MP`;
+const mutedHoverPressableGroupClass = `${mutedHoverGroupClass} fc-monarch-4Pp fc-monarch-Hsn`;
+// controls
+const selectedClass = "fc-monarch-y37 fc-monarch-bIt";
+const selectedPressableClasss = `${selectedClass} fc-monarch-SJz fc-monarch-MQC`;
+const selectedButtonClass = `${selectedPressableClasss} fc-monarch-wsy fc-monarch-d0j ${outlineFocusClass} fc-monarch-07j`;
+const unselectedButtonClass = `${mutedHoverPressableClass} fc-monarch-wsy fc-monarch-d0j ${outlineFocusClass} fc-monarch-07j`;
+// primary
+const primaryClass = "fc-monarch-zue fc-monarch-8ys";
+const primaryPressableClass = `${primaryClass} fc-monarch-4bi fc-monarch-yEk`;
+const primaryButtonClass = `${primaryPressableClass} fc-monarch-wsy fc-monarch-d0j ${outlineFocusClass}`;
+// secondary *calendar content* (has muted color)
+const secondaryClass = "fc-monarch-XMK fc-monarch-c3e";
+const secondaryPressableClass = `${secondaryClass} fc-monarch-ISM fc-monarch-KwH ${outlineFocusClass}`;
+// secondary *toolbar button* (neutral)
+const secondaryButtonClass = `${mutedHoverPressableClass} fc-monarch-wsy fc-monarch-zOd ${outlineFocusClass} fc-monarch-07j`;
+const secondaryButtonIconClass = `fc-monarch-XUJ fc-monarch-PVh fc-monarch-zn9 fc-monarch-Bpp`;
+// tertiary
+const tertiaryClass = "fc-monarch-4os fc-monarch-CCH";
+const tertiaryPressableClass = `${tertiaryClass} fc-monarch-hbI fc-monarch-yo2`;
+const tertiaryPressableGroupClass = `${tertiaryClass} fc-monarch-Yws fc-monarch-jc4 ${outlineFocusClass}`;
+// interactive neutral foregrounds
+const mutedFgPressableGroupClass = "fc-monarch-JMv fc-monarch-rih fc-monarch-8El";
+// transparent resizer for mouse
+const blockPointerResizerClass = "fc-monarch-1EY fc-monarch-pps fc-monarch-vs6";
+const rowPointerResizerClass = `${blockPointerResizerClass} fc-monarch-AWB fc-monarch-hza`;
+const columnPointerResizerClass = `${blockPointerResizerClass} fc-monarch-MaV fc-monarch-uuA`;
+// circle resizer for touch
+const blockTouchResizerClass = "fc-monarch-1EY fc-monarch-3wQ fc-monarch-wsy fc-monarch-lNM fc-monarch-MAH fc-monarch-AAA";
+const rowTouchResizerClass = `${blockTouchResizerClass} fc-monarch-ERR fc-monarch-Dq8`;
+const columnTouchResizerClass = `${blockTouchResizerClass} fc-monarch-1V6 fc-monarch-F99`;
+const tallDayCellBottomClass = "fc-monarch-jgW";
+const getShortDayCellBottomClass = (data) => core.joinClassNames(!data.isNarrow && "fc-monarch-toR");
+const dayRowCommonClasses = {
+    /* Day Row > List-Item Event
+    ----------------------------------------------------------------------------------------------- */
+    listItemEventClass: (data) => core.joinClassNames("fc-monarch-Ika fc-monarch-7A6 fc-monarch-Fvv", data.isNarrow ? "fc-monarch-148" : "fc-monarch-cKZ"),
+    listItemEventBeforeClass: (data) => core.joinClassNames("fc-monarch-5JF", data.isNarrow ? "fc-monarch-Jzj" : "fc-monarch-Wga"),
+    listItemEventInnerClass: (data) => (data.isNarrow
+        ? `fc-monarch-z5u ${xxsTextClass}`
+        : "fc-monarch-2rx fc-monarch-a3B"),
+    listItemEventTimeClass: (data) => core.joinClassNames(data.isNarrow ? "fc-monarch-a7i" : "fc-monarch-C2j", "fc-monarch-TZ4 fc-monarch-pKG fc-monarch-1Zl"),
+    listItemEventTitleClass: (data) => core.joinClassNames(data.isNarrow ? "fc-monarch-oQ2" : "fc-monarch-aCI", "fc-monarch-DIS fc-monarch-TZ4 fc-monarch-pKG fc-monarch-OLq"),
+    /* Day Row > Row Event
+    ----------------------------------------------------------------------------------------------- */
+    rowEventClass: (data) => core.joinClassNames(data.isStart && "fc-monarch-qvL", data.isEnd && "fc-monarch-9hC"),
+    rowEventInnerClass: (data) => data.isNarrow ? "fc-monarch-z5u" : "fc-monarch-2rx",
+    /* Day Row > More-Link
+    ----------------------------------------------------------------------------------------------- */
+    rowMoreLinkClass: (data) => core.joinClassNames("fc-monarch-Ika fc-monarch-wsy fc-monarch-Fvv", data.isNarrow
+        ? "fc-monarch-148 fc-monarch-yF0"
+        : "fc-monarch-cKZ fc-monarch-d0j", mutedHoverPressableClass),
+    rowMoreLinkInnerClass: (data) => (data.isNarrow
+        ? `fc-monarch-oQ2 fc-monarch-z5u ${xxsTextClass}`
+        : "fc-monarch-aCI fc-monarch-2rx fc-monarch-a3B"),
+};
+const resourceDayHeaderClasses = {
+    dayHeaderInnerClass: "fc-monarch-vUo",
+    dayHeaderDividerClass: "fc-monarch-zi1 fc-monarch-jdl",
+};
+var index = core.createPlugin({
+    name: "@fullcalendar/theme-monarch",
+    optionDefaults: {
+        className: "fc-monarch-MAH fc-monarch-wsy fc-monarch-jdl fc-monarch-93y fc-monarch-pKG fc-monarch-R1q",
+        /* Toolbar
+        --------------------------------------------------------------------------------------------- */
+        toolbarClass: "fc-monarch-lqx fc-monarch-dl1 fc-monarch-1sP fc-monarch-dNl fc-monarch-XpK fc-monarch-N2M fc-monarch-wwb",
+        toolbarSectionClass: "fc-monarch-yi0 fc-monarch-dl1 fc-monarch-1sP fc-monarch-XpK fc-monarch-wwb",
+        toolbarTitleClass: "fc-monarch-AVD fc-monarch-DIS",
+        buttonGroupClass: (data) => core.joinClassNames("fc-monarch-AAA fc-monarch-dl1 fc-monarch-1sP fc-monarch-XpK", data.isSelectGroup && "fc-monarch-wsy fc-monarch-jdl"),
+        buttonClass: (data) => core.joinClassNames("fc-monarch-8cT fc-monarch-AAA fc-monarch-dl1 fc-monarch-1sP fc-monarch-XpK fc-monarch-9yp fc-monarch-Z9U", data.isIconOnly ? "fc-monarch-Eaq" : "fc-monarch-5su", data.inSelectGroup && "fc-monarch-CH7", (data.isIconOnly || (data.inSelectGroup && !data.isSelected))
+            ? unselectedButtonClass
+            : data.isSelected
+                ? selectedButtonClass
+                : data.isPrimary
+                    ? primaryButtonClass
+                    : secondaryButtonClass),
+        buttons: {
+            prev: {
+                iconContent: () => chevronDown(core.joinClassNames(secondaryButtonIconClass, "fc-monarch-z44 fc-monarch-keW"))
+            },
+            next: {
+                iconContent: () => chevronDown(core.joinClassNames(secondaryButtonIconClass, "fc-monarch-KxI fc-monarch-ZW3"))
+            },
+            prevYear: {
+                iconContent: () => chevronDoubleLeft(core.joinClassNames(secondaryButtonIconClass, "fc-monarch-asP"))
+            },
+            nextYear: {
+                iconContent: () => chevronDoubleLeft(core.joinClassNames(secondaryButtonIconClass, "fc-monarch-jmT fc-monarch-jY6"))
+            },
+        },
+        /* Abstract Event
+        --------------------------------------------------------------------------------------------- */
+        eventShortHeight: 50,
+        eventColor: "var(--fc-monarch-event)",
+        eventContrastColor: "var(--fc-monarch-event-contrast)",
+        eventClass: (data) => core.joinClassNames(data.isSelected
+            ? core.joinClassNames(outlineWidthClass, data.isDragging ? "fc-monarch-1kP" : "fc-monarch-tkw")
+            : outlineWidthFocusClass, outlineColorClass),
+        /* Background Event
+        --------------------------------------------------------------------------------------------- */
+        backgroundEventColor: "var(--fc-monarch-tertiary)",
+        backgroundEventClass: "fc-monarch-AhZ",
+        backgroundEventTitleClass: (data) => core.joinClassNames("fc-monarch-lMo fc-monarch-L1Y", data.isNarrow
+            ? `fc-monarch-aCI fc-monarch-End ${xxsTextClass}`
+            : "fc-monarch-Nca fc-monarch-8cT fc-monarch-a3B"),
+        /* List-Item Event
+        --------------------------------------------------------------------------------------------- */
+        listItemEventClass: (data) => core.joinClassNames("fc-monarch-XpK", data.isSelected
+            ? "fc-monarch-4Xm"
+            : data.isInteractive
+                ? mutedHoverPressableClass
+                : mutedHoverClass),
+        listItemEventBeforeClass: "fc-monarch-AAA fc-monarch-lNM",
+        listItemEventInnerClass: "fc-monarch-dl1 fc-monarch-1sP fc-monarch-XpK",
+        /* Block Event
+        --------------------------------------------------------------------------------------------- */
+        blockEventClass: (data) => core.joinClassNames("fc-monarch-bCs fc-monarch-eYX fc-monarch-d0j fc-monarch-DO7 fc-monarch-YjJ fc-monarch-Frw fc-monarch-vwH", data.isInteractive && "fc-monarch-st8", (!data.isSelected && data.isDragging) && "fc-monarch-iTG"),
+        blockEventInnerClass: "fc-monarch-i9F fc-monarch-cfp",
+        blockEventTimeClass: "fc-monarch-TZ4 fc-monarch-pKG",
+        blockEventTitleClass: "fc-monarch-TZ4 fc-monarch-pKG",
+        /* Row Event
+        --------------------------------------------------------------------------------------------- */
+        rowEventClass: (data) => core.joinClassNames("fc-monarch-Ika fc-monarch-JIC", data.isStart ? "fc-monarch-3J4 fc-monarch-kmj" : (!data.isNarrow && "fc-monarch-Mde"), data.isEnd ? "fc-monarch-USt fc-monarch-Skl" : (!data.isNarrow && "fc-monarch-FvP")),
+        rowEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-monarch-11a"), (!data.isStart && !data.isNarrow) && "fc-monarch-1EY fc-monarch-0fm fc-monarch-hza fc-monarch-DGM fc-monarch-Uvq"),
+        rowEventBeforeContent: (data) => ((!data.isStart && !data.isNarrow) ? filledRightTriangle("fc-monarch-Pwv fc-monarch-jmT fc-monarch-jY6 fc-monarch-Mra") : preact.createElement(preact.Fragment, null)),
+        rowEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-monarch-Tuc"), (!data.isEnd && !data.isNarrow) && "fc-monarch-1EY fc-monarch-eDA fc-monarch-hza fc-monarch-DGM fc-monarch-Uvq"),
+        rowEventAfterContent: (data) => ((!data.isEnd && !data.isNarrow) ? filledRightTriangle("fc-monarch-Pwv fc-monarch-asP fc-monarch-Mra") : preact.createElement(preact.Fragment, null)),
+        rowEventInnerClass: (data) => core.joinClassNames("fc-monarch-dl1 fc-monarch-1sP fc-monarch-XpK", data.isNarrow ? xxsTextClass : "fc-monarch-a3B"),
+        rowEventTimeClass: (data) => core.joinClassNames("fc-monarch-DIS fc-monarch-1Zl", data.isNarrow ? "fc-monarch-a7i" : "fc-monarch-C2j"),
+        rowEventTitleClass: (data) => core.joinClassNames("fc-monarch-OLq", data.isNarrow ? "fc-monarch-oQ2" : "fc-monarch-aCI"),
+        /* Column Event
+        --------------------------------------------------------------------------------------------- */
+        columnEventTitleSticky: false,
+        columnEventClass: (data) => core.joinClassNames(`fc-monarch-1Wx fc-monarch-A3h fc-monarch-SC5`, data.isStart && "fc-monarch-ku3 fc-monarch-Z7Q", data.isEnd && "fc-monarch-Ika fc-monarch-zi1 fc-monarch-2qh"),
+        columnEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-monarch-YDC")),
+        columnEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-monarch-fJL")),
+        columnEventInnerClass: (data) => core.joinClassNames("fc-monarch-dl1", data.isShort
+            ? "fc-monarch-1sP fc-monarch-XpK fc-monarch-iS4 fc-monarch-NWN"
+            : core.joinClassNames("fc-monarch-sgX", data.isNarrow ? "fc-monarch-aCI fc-monarch-2rx" : "fc-monarch-Nca fc-monarch-Jhn"), (data.isShort || data.isNarrow) ? xxsTextClass : "fc-monarch-a3B"),
+        columnEventTimeClass: (data) => core.joinClassNames("fc-monarch-NPw fc-monarch-OLq", !data.isShort && (data.isNarrow ? "fc-monarch-8ub" : "fc-monarch-x96")),
+        columnEventTitleClass: (data) => core.joinClassNames("fc-monarch-1Zl", !data.isShort && (data.isNarrow ? "fc-monarch-2rx" : "fc-monarch-Jhn")),
+        /* More-Link
+        --------------------------------------------------------------------------------------------- */
+        moreLinkClass: `${outlineWidthFocusClass} ${outlineColorClass}`,
+        moreLinkInnerClass: "fc-monarch-TZ4 fc-monarch-pKG",
+        columnMoreLinkClass: `fc-monarch-Ika fc-monarch-wsy fc-monarch-d0j fc-monarch-4MR fc-monarch-Fvv ${strongSolidPressableClass} fc-monarch-vwH fc-monarch-A3h fc-monarch-SC5`,
+        columnMoreLinkInnerClass: (data) => (data.isNarrow
+            ? `fc-monarch-KUX ${xxsTextClass}`
+            : "fc-monarch-iS4 fc-monarch-a3B"),
+        /* Day Header
+        --------------------------------------------------------------------------------------------- */
+        dayHeaderAlign: "center",
+        dayHeaderClass: (data) => core.joinClassNames("fc-monarch-E9P", data.isMajor && "fc-monarch-wsy fc-monarch-zOd", (data.isDisabled && !data.inPopover) && "fc-monarch-VTw"),
+        dayHeaderInnerClass: "fc-monarch-bCs fc-monarch-9Rk fc-monarch-fn8 fc-monarch-dl1 fc-monarch-sgX fc-monarch-XpK fc-monarch-hS8",
+        dayHeaderContent: (data) => (preact.createElement(preact.Fragment, null,
+            data.weekdayText && (preact.createElement("div", { className: "fc-monarch-a3B fc-monarch-XHd fc-monarch-JMv" }, data.weekdayText)),
+            data.dayNumberText && (preact.createElement("div", { className: core.joinClassNames("fc-monarch-XE0 fc-monarch-AAA fc-monarch-dl1 fc-monarch-1sP fc-monarch-XpK fc-monarch-E9P", data.isNarrow
+                    ? "fc-monarch-IY5 fc-monarch-3zw"
+                    : "fc-monarch-n6w fc-monarch-9ZS", data.isToday
+                    ? (data.hasNavLink ? tertiaryPressableGroupClass : tertiaryClass)
+                    : (data.hasNavLink && mutedHoverPressableGroupClass), data.hasNavLink && `${outlineWidthGroupFocusClass} ${outlineColorClass}`) }, data.dayNumberText)))),
+        /* Day Cell
+        --------------------------------------------------------------------------------------------- */
+        dayCellClass: (data) => core.joinClassNames("fc-monarch-wsy", data.isMajor ? "fc-monarch-zOd" : "fc-monarch-jdl", data.isDisabled && "fc-monarch-VTw"),
+        dayCellTopClass: (data) => core.joinClassNames("fc-monarch-dl1 fc-monarch-1sP", data.isNarrow
+            ? "fc-monarch-LMv fc-monarch-toR"
+            : "fc-monarch-E9P fc-monarch-84e"),
+        dayCellTopInnerClass: (data) => core.joinClassNames("fc-monarch-dl1 fc-monarch-1sP fc-monarch-XpK fc-monarch-E9P fc-monarch-TZ4 fc-monarch-AAA", data.isNarrow
+            ? `fc-monarch-TT0 fc-monarch-oM6 ${xxsTextClass}`
+            : "fc-monarch-cGD fc-monarch-TFV fc-monarch-9yp", data.text === data.dayNumberText
+            ? (data.isNarrow ? "fc-monarch-79F" : "fc-monarch-ilz")
+            : (data.isNarrow ? "fc-monarch-aCI" : "fc-monarch-Nca"), data.isToday
+            ? (data.hasNavLink ? tertiaryPressableClass : tertiaryClass)
+            : (data.hasNavLink && mutedHoverPressableClass), data.isOther && "fc-monarch-bZ0", data.monthText && "fc-monarch-DIS"),
+        dayCellInnerClass: (data) => core.joinClassNames(data.inPopover && "fc-monarch-3N5"),
+        /* Popover
+        --------------------------------------------------------------------------------------------- */
+        dayPopoverFormat: { day: "numeric", weekday: "short" },
+        popoverClass: "fc-monarch-wsy fc-monarch-jdl fc-monarch-hny fc-monarch-pKG fc-monarch-bvX fc-monarch-9Mx fc-monarch-sT2 fc-monarch-1kP fc-monarch-xcS fc-monarch-R1q",
+        popoverCloseClass: `fc-monarch-bCs fc-monarch-1EY fc-monarch-SKv fc-monarch-aYN fc-monarch-n6w fc-monarch-AAA fc-monarch-XpK fc-monarch-E9P ${mutedHoverPressableClass} ${outlineWidthFocusClass} ${outlineColorClass} fc-monarch-Z9U`,
+        popoverCloseContent: () => x(`fc-monarch-XUJ ${mutedFgPressableGroupClass}`),
+        /* Lane
+        --------------------------------------------------------------------------------------------- */
+        dayLaneClass: (data) => core.joinClassNames("fc-monarch-wsy", data.isMajor ? "fc-monarch-zOd" : "fc-monarch-jdl", data.isDisabled && "fc-monarch-VTw"),
+        dayLaneInnerClass: (data) => (data.isStack
+            ? "fc-monarch-gMS"
+            : data.isNarrow ? "fc-monarch-148" : "fc-monarch-Jzj fc-monarch-B3G"),
+        slotLaneClass: (data) => core.joinClassNames("fc-monarch-wsy fc-monarch-jdl", data.isMinor && "fc-monarch-TN2"),
+        /* List Day
+        --------------------------------------------------------------------------------------------- */
+        listDayFormat: { day: "numeric" },
+        listDaySideFormat: { month: "short", weekday: "short", forceCommas: true },
+        listDayClass: "fc-monarch-iCr fc-monarch-jdl fc-monarch-dl1 fc-monarch-1sP fc-monarch-EF4",
+        listDayHeaderClass: "fc-monarch-bvX fc-monarch-yi0 fc-monarch-CjM fc-monarch-0i7 fc-monarch-l5b fc-monarch-dl1 fc-monarch-1sP fc-monarch-XpK fc-monarch-tgZ",
+        listDayHeaderInnerClass: (data) => (!data.level
+            ? core.joinClassNames("fc-monarch-46Q fc-monarch-AAA fc-monarch-dl1 fc-monarch-1sP fc-monarch-XpK fc-monarch-9ZS", data.text === data.dayNumberText
+                ? "fc-monarch-Dhe fc-monarch-E9P"
+                : "fc-monarch-Apf", data.isToday
+                ? (data.hasNavLink ? tertiaryPressableClass : tertiaryClass)
+                : (data.hasNavLink && mutedHoverPressableClass))
+            : core.joinClassNames("fc-monarch-a3B fc-monarch-XHd", data.hasNavLink && "fc-monarch-Eu0")),
+        listDayEventsClass: "fc-monarch-1El fc-monarch-2KU fc-monarch-dl6 fc-monarch-NWN",
+        /* Single Month (in Multi-Month)
+        --------------------------------------------------------------------------------------------- */
+        singleMonthClass: "fc-monarch-jD5",
+        singleMonthHeaderClass: (data) => core.joinClassNames(data.isSticky && "fc-monarch-zi1 fc-monarch-jdl fc-monarch-MAH", data.colCount > 1 ? "fc-monarch-lTO" : "fc-monarch-Jhn", "fc-monarch-XpK"),
+        singleMonthHeaderInnerClass: (data) => core.joinClassNames("fc-monarch-Apf fc-monarch-Jhn fc-monarch-AAA fc-monarch-1Po fc-monarch-DIS", data.hasNavLink && mutedHoverPressableClass),
+        /* Misc Table
+        --------------------------------------------------------------------------------------------- */
+        tableHeaderClass: (data) => core.joinClassNames(data.isSticky && "fc-monarch-zi1 fc-monarch-jdl fc-monarch-MAH"),
+        fillerClass: (data) => core.joinClassNames("fc-monarch-lMo fc-monarch-wsy", data.isHeader ? "fc-monarch-d0j" : "fc-monarch-jdl"),
+        dayNarrowWidth: 100,
+        dayHeaderRowClass: "fc-monarch-wsy fc-monarch-jdl",
+        dayRowClass: "fc-monarch-wsy fc-monarch-jdl",
+        /* Misc Content
+        --------------------------------------------------------------------------------------------- */
+        navLinkClass: `${outlineWidthFocusClass} ${outlineColorClass}`,
+        inlineWeekNumberClass: (data) => core.joinClassNames("fc-monarch-1EY fc-monarch-dl1 fc-monarch-1sP fc-monarch-XpK fc-monarch-TZ4", data.isNarrow
+            ? `fc-monarch-2ik fc-monarch-rbS fc-monarch-SEP fc-monarch-9ml fc-monarch-Utm fc-monarch-dOc ${xxsTextClass}`
+            : "fc-monarch-1b8 fc-monarch-tHH fc-monarch-TFV fc-monarch-Nca fc-monarch-AAA fc-monarch-9yp", data.hasNavLink
+            ? secondaryPressableClass
+            : secondaryClass),
+        nonBusinessClass: "fc-monarch-VTw",
+        highlightClass: "fc-monarch-PHz",
+        nowIndicatorLineClass: "fc-monarch-CH7 fc-monarch-qQW fc-monarch-nKh",
+        nowIndicatorDotClass: "fc-monarch-aAW fc-monarch-Vpk fc-monarch-nKh fc-monarch-63n fc-monarch-AAA fc-monarch-GBJ fc-monarch-SC5",
+        /* Resource Day Header
+        --------------------------------------------------------------------------------------------- */
+        resourceDayHeaderAlign: "center",
+        resourceDayHeaderClass: (data) => core.joinClassNames("fc-monarch-wsy", data.isMajor ? "fc-monarch-zOd" : "fc-monarch-jdl"),
+        resourceDayHeaderInnerClass: (data) => core.joinClassNames("fc-monarch-3N5 fc-monarch-dl1 fc-monarch-sgX", data.isNarrow ? "fc-monarch-a3B" : "fc-monarch-9yp"),
+        /* Resource Data Grid
+        --------------------------------------------------------------------------------------------- */
+        resourceColumnHeaderClass: "fc-monarch-wsy fc-monarch-jdl fc-monarch-E9P",
+        resourceColumnHeaderInnerClass: "fc-monarch-3N5 fc-monarch-9yp",
+        resourceColumnResizerClass: "fc-monarch-1EY fc-monarch-AWB fc-monarch-4Tv fc-monarch-dnf",
+        resourceGroupHeaderClass: "fc-monarch-wsy fc-monarch-jdl fc-monarch-VTw",
+        resourceGroupHeaderInnerClass: "fc-monarch-3N5 fc-monarch-9yp",
+        resourceCellClass: "fc-monarch-wsy fc-monarch-jdl",
+        resourceCellInnerClass: "fc-monarch-3N5 fc-monarch-9yp",
+        resourceIndentClass: "fc-monarch-Wga fc-monarch-p9t fc-monarch-E9P",
+        resourceExpanderClass: `fc-monarch-bCs fc-monarch-iS4 fc-monarch-AAA ${mutedHoverPressableClass} ${outlineWidthFocusClass} ${outlineColorClass}`,
+        resourceExpanderContent: (data) => chevronDown(core.joinClassNames(`fc-monarch-vnf ${mutedFgPressableGroupClass}`, !data.isExpanded && "fc-monarch-KxI fc-monarch-ZW3")),
+        resourceHeaderRowClass: "fc-monarch-wsy fc-monarch-jdl",
+        resourceRowClass: "fc-monarch-wsy fc-monarch-jdl",
+        resourceColumnDividerClass: "fc-monarch-USt fc-monarch-zOd",
+        /* Timeline Lane
+        --------------------------------------------------------------------------------------------- */
+        resourceGroupLaneClass: "fc-monarch-wsy fc-monarch-jdl fc-monarch-VTw",
+        resourceLaneClass: "fc-monarch-wsy fc-monarch-jdl",
+        resourceLaneBottomClass: (data) => data.options.eventOverlap && "fc-monarch-uuA",
+        timelineBottomClass: "fc-monarch-uuA",
+    },
+    views: {
+        dayGrid: Object.assign(Object.assign({}, dayRowCommonClasses), { dayCellBottomClass: getShortDayCellBottomClass }),
+        multiMonth: Object.assign(Object.assign({}, dayRowCommonClasses), { dayCellBottomClass: getShortDayCellBottomClass, tableBodyClass: "fc-monarch-wsy fc-monarch-jdl fc-monarch-Fvv", dayHeaderInnerClass: (data) => !data.inPopover && "fc-monarch-ohi" }),
+        timeGrid: Object.assign(Object.assign({}, dayRowCommonClasses), { dayCellBottomClass: tallDayCellBottomClass, 
+            /* TimeGrid > Week Number Header
+            ------------------------------------------------------------------------------------------- */
+            weekNumberHeaderClass: "fc-monarch-XpK fc-monarch-LMv", weekNumberHeaderInnerClass: (data) => core.joinClassNames("fc-monarch-Wga fc-monarch-2tF fc-monarch-dl1 fc-monarch-1sP fc-monarch-XpK fc-monarch-AAA", data.options.dayMinWidth !== undefined && "fc-monarch-KYn", data.isNarrow
+                ? "fc-monarch-oM6 fc-monarch-ZrE fc-monarch-a3B"
+                : "fc-monarch-TFV fc-monarch-Nca fc-monarch-9yp", data.hasNavLink
+                ? secondaryPressableClass
+                : secondaryClass), 
+            /* TimeGrid > All-Day Header
+            ------------------------------------------------------------------------------------------- */
+            allDayHeaderClass: "fc-monarch-XpK fc-monarch-LMv", allDayHeaderInnerClass: (data) => core.joinClassNames("fc-monarch-3N5 fc-monarch-jm6 fc-monarch-2HE", data.isNarrow ? xxsTextClass : "fc-monarch-9yp"), allDayDividerClass: "fc-monarch-zi1 fc-monarch-jdl", 
+            /* TimeGrid > Slot Header
+            ------------------------------------------------------------------------------------------- */
+            slotHeaderClass: (data) => core.joinClassNames("fc-monarch-hza fc-monarch-OBr fc-monarch-LMv fc-monarch-wsy fc-monarch-jdl", data.isMinor && "fc-monarch-TN2"), slotHeaderInnerClass: (data) => core.joinClassNames("fc-monarch-eYX fc-monarch-IjS fc-monarch-ja5 fc-monarch-dl6", data.isNarrow
+                ? `fc-monarch-uqG ${xxsTextClass}`
+                : "fc-monarch-Fn5 fc-monarch-9yp", data.isFirst && "fc-monarch-pps"), slotHeaderDividerClass: (data) => core.joinClassNames("fc-monarch-USt", (data.isHeader && data.options.dayMinWidth === undefined)
+                ? "fc-monarch-d0j"
+                : "fc-monarch-jdl") }),
+        list: {
+            /* List-View > List-Item Event
+            ------------------------------------------------------------------------------------------- */
+            listItemEventClass: "fc-monarch-bCs fc-monarch-3N5 fc-monarch-NYF fc-monarch-tgZ",
+            listItemEventBeforeClass: "fc-monarch-fn8 fc-monarch-yDA",
+            listItemEventInnerClass: "fc-monarch-tgZ fc-monarch-9yp",
+            listItemEventTimeClass: "fc-monarch-yi0 fc-monarch-roZ fc-monarch-aHX fc-monarch-TZ4 fc-monarch-pKG fc-monarch-IPx",
+            listItemEventTitleClass: (data) => core.joinClassNames("fc-monarch-1El fc-monarch-2KU fc-monarch-TZ4 fc-monarch-pKG", data.event.url && "fc-monarch-Ogp"),
+            /* No-Events Screen
+            ------------------------------------------------------------------------------------------- */
+            noEventsClass: "fc-monarch-1El fc-monarch-dl1 fc-monarch-sgX fc-monarch-XpK fc-monarch-E9P",
+            noEventsInnerClass: "fc-monarch-P9h",
+        },
+        resourceTimeGrid: resourceDayHeaderClasses,
+        resourceDayGrid: resourceDayHeaderClasses,
+        timeline: {
+            /* Timeline > Row Event
+            ------------------------------------------------------------------------------------------- */
+            rowEventClass: (data) => core.joinClassNames(data.isEnd && "fc-monarch-9hC"),
+            rowEventInnerClass: (data) => data.options.eventOverlap ? "fc-monarch-Jhn" : "fc-monarch-dl6",
+            /* Timeline > More-Link
+            ------------------------------------------------------------------------------------------- */
+            rowMoreLinkClass: `fc-monarch-9hC fc-monarch-Ika fc-monarch-Fvv fc-monarch-wsy fc-monarch-d0j fc-monarch-4MR ${strongSolidPressableClass} fc-monarch-vwH`,
+            rowMoreLinkInnerClass: "fc-monarch-iS4 fc-monarch-a3B",
+            /* Timeline > Slot Header
+            ------------------------------------------------------------------------------------------- */
+            slotHeaderSticky: "0.5rem",
+            slotHeaderAlign: (data) => ((data.level || data.isTime)
+                ? "start"
+                : "center"),
+            slotHeaderClass: (data) => core.joinClassNames("fc-monarch-wsy", data.level
+                ? "fc-monarch-d0j fc-monarch-Bsl"
+                : core.joinClassNames("fc-monarch-jdl", data.isTime
+                    ? "fc-monarch-uuA fc-monarch-OBr fc-monarch-LMv"
+                    : "fc-monarch-E9P")),
+            slotHeaderInnerClass: (data) => core.joinClassNames("fc-monarch-9yp", data.level
+                ? core.joinClassNames("fc-monarch-cJ3 fc-monarch-Nca fc-monarch-Jhn fc-monarch-AAA", data.hasNavLink
+                    ? secondaryPressableClass
+                    : secondaryClass)
+                : core.joinClassNames("fc-monarch-Nca", data.isTime
+                    ? core.joinClassNames("fc-monarch-b0n fc-monarch-eYX fc-monarch-4oC", data.isFirst && "fc-monarch-pps")
+                    : "fc-monarch-dl6", data.hasNavLink && "fc-monarch-Eu0")),
+            slotHeaderDividerClass: "fc-monarch-zi1 fc-monarch-jdl",
+        },
+    }
+});
+/* SVGs
+------------------------------------------------------------------------------------------------- */
+function chevronDown(className) {
+    return preact.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, width: "20", height: "20", viewBox: "80 -880 800 800", fill: "currentColor" },
+        preact.createElement("path", { d: "M480-304 240-544l56-56 184 184 184-184 56 56-240 240Z" }));
+}
+function chevronDoubleLeft(className) {
+    return preact.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, width: "20", height: "20", viewBox: "80 -880 800 800", fill: "currentColor" },
+        preact.createElement("path", { d: "M440-240 200-480l240-240 56 56-183 184 183 184-56 56Zm264 0L464-480l240-240 56 56-183 184 183 184-56 56Z" }));
+}
+function x(className) {
+    return preact.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, width: "20", height: "20", viewBox: "80 -880 800 800", fill: "currentColor" },
+        preact.createElement("path", { d: "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" }));
+}
+function filledRightTriangle(className) {
+    return (preact.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 800 2200", preserveAspectRatio: "none", className: className },
+        preact.createElement("polygon", { points: "0,0 66,0 800,1100 66,2200 0,2200", fill: "currentColor" })));
+}
+
+exports["default"] = index;

package/esm/index.d.ts

@@ -0,0 +1,6 @@
+import { PluginDef } from '@fullcalendar/core';
+
+declare const _default: PluginDef;
+//# sourceMappingURL=index.d.ts.map
+
+export { _default as default };