@wordpress/components 19.17.0 → 20.0.0

package/build-module/date-time/date/index.js

@@ -1,78 +1,26 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement } from "@wordpress/element";
 
 /**
  * External dependencies
  */
-import moment from 'moment';
-// Needed to initialise the default datepicker styles.
-// See: https://github.com/airbnb/react-dates#initialize
-import 'react-dates/initialize'; // `react-dates` doesn't tree-shake correctly, so we import from the individual
-// component here.
-
-import DayPickerSingleDateController from 'react-dates/lib/components/DayPickerSingleDateController';
+import { useLilius } from 'use-lilius';
+import { format, isSameDay, subMonths, addMonths, startOfDay, isEqual, addDays, subWeeks, addWeeks, isSameMonth } from 'date-fns';
 /**
  * WordPress dependencies
  */
 
-import { useEffect, useRef } from '@wordpress/element';
-import { isRTL, _n, sprintf } from '@wordpress/i18n';
+import { __, _n, sprintf, isRTL } from '@wordpress/i18n';
 import { arrowLeft, arrowRight } from '@wordpress/icons';
+import { dateI18n, __experimentalGetSettings } from '@wordpress/date';
+import { useState, useRef, useEffect } from '@wordpress/element';
 /**
  * Internal dependencies
  */
 
-import { getMomentDate } from './utils';
-import { Day, NavPrevButton, NavNextButton } from './styles';
-const TIMEZONELESS_FORMAT = 'YYYY-MM-DDTHH:mm:ss';
-const ARIAL_LABEL_TIME_FORMAT = 'dddd, LL';
-
-const noop = () => {};
-
-function DatePickerDay(_ref) {
-  let {
-    day,
-    events = []
-  } = _ref;
-  const ref = useRef(null);
-  /*
-   * a11y hack to make the `There is/are n events` string
-   * available speaking for readers,
-   * re-defining the aria-label attribute.
-   * This attribute is handled by the react-dates component.
-   */
-
-  useEffect(() => {
-    var _ref$current;
-
-    // Bail when no parent node.
-    if (!((ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.parentNode) instanceof Element)) {
-      return;
-    }
-
-    const {
-      parentNode
-    } = ref.current;
-    const dayAriaLabel = moment(day).format(ARIAL_LABEL_TIME_FORMAT);
-
-    if (!events.length) {
-      // Set aria-label without event description.
-      parentNode.setAttribute('aria-label', dayAriaLabel);
-      return;
-    }
-
-    const dayWithEventsDescription = sprintf( // translators: 1: Calendar day format, 2: Calendar event number.
-    _n('%1$s. There is %2$d event.', '%1$s. There are %2$d events.', events.length), dayAriaLabel, events.length);
-    parentNode.setAttribute('aria-label', dayWithEventsDescription);
-  }, [day, events.length]);
-  return createElement(Day, {
-    ref: ref,
-    className: "components-datetime__date__day" // Unused, for backwards compatibility.
-    ,
-    hasEvents: !!(events !== null && events !== void 0 && events.length),
-    alignment: "center"
-  }, day.format('D'));
-}
+import { Navigator, NavigatorHeading, Calendar, DayOfWeek, DayButton } from './styles';
+import { inputToDate } from '../utils';
+import Button from '../../button';
+import { TIMEZONELESS_FORMAT } from '../constants';
 /**
  * DatePicker is a React component that renders a calendar for date selection.
  *
@@ -93,141 +41,187 @@ function DatePickerDay(_ref) {
  * ```
  */
 
-
-export function DatePicker(_ref2) {
+export function DatePicker(_ref) {
   let {
     currentDate,
     onChange,
-    events,
+    events = [],
     isInvalidDate,
     onMonthPreviewed,
     startOfWeek = 0
-  } = _ref2;
-  const nodeRef = useRef(null);
-
-  const onMonthPreviewedHandler = newMonthDate => {
-    onMonthPreviewed === null || onMonthPreviewed === void 0 ? void 0 : onMonthPreviewed(newMonthDate.toISOString());
-    keepFocusInside();
-  };
-  /*
-   * Todo: We should remove this function ASAP.
-   * It is kept because focus is lost when we click on the previous and next month buttons.
-   * This focus loss closes the date picker popover.
-   * Ideally we should add an upstream commit on react-dates to fix this issue.
-   */
-
-
-  const keepFocusInside = () => {
-    if (!nodeRef.current) {
-      return;
-    }
-
-    const {
-      ownerDocument
-    } = nodeRef.current;
-    const {
-      activeElement
-    } = ownerDocument; // If focus was lost.
-
-    if (!activeElement || !nodeRef.current.contains(ownerDocument.activeElement)) {
-      // Retrieve the focus region div.
-      const focusRegion = nodeRef.current.querySelector('.DayPicker_focusRegion');
-
-      if (!(focusRegion instanceof HTMLElement)) {
-        return;
-      } // Keep the focus on focus region.
-
+  } = _ref;
+  const date = currentDate ? inputToDate(currentDate) : new Date();
+  const {
+    calendar,
+    viewing,
+    setSelected,
+    setViewing,
+    isSelected,
+    viewPreviousMonth,
+    viewNextMonth
+  } = useLilius({
+    selected: [startOfDay(date)],
+    viewing: startOfDay(date),
+    weekStartsOn: startOfWeek
+  }); // Used to implement a roving tab index. Tracks the day that receives focus
+  // when the user tabs into the calendar.
+
+  const [focusable, setFocusable] = useState(startOfDay(date)); // Allows us to only programmatically focus() a day when focus was already
+  // within the calendar. This stops us stealing focus from e.g. a TimePicker
+  // input.
+
+  const [isFocusWithinCalendar, setIsFocusWithinCalendar] = useState(false); // Update internal state when currentDate prop changes.
+
+  const [prevCurrentDate, setPrevCurrentDate] = useState(currentDate);
+
+  if (currentDate !== prevCurrentDate) {
+    setPrevCurrentDate(currentDate);
+    setSelected([startOfDay(date)]);
+    setViewing(startOfDay(date));
+    setFocusable(startOfDay(date));
+  }
 
-      focusRegion.focus();
+  return createElement("div", {
+    className: "components-datetime__date",
+    role: "application",
+    "aria-label": __('Calendar')
+  }, createElement(Navigator, null, createElement(Button, {
+    icon: isRTL() ? arrowRight : arrowLeft,
+    variant: "tertiary",
+    "aria-label": __('View previous month'),
+    onClick: () => {
+      viewPreviousMonth();
+      setFocusable(subMonths(focusable, 1));
+      onMonthPreviewed === null || onMonthPreviewed === void 0 ? void 0 : onMonthPreviewed(format(subMonths(viewing, 1), TIMEZONELESS_FORMAT));
+    }
+  }), createElement(NavigatorHeading, {
+    level: 3
+  }, createElement("strong", null, dateI18n('F', viewing, -viewing.getTimezoneOffset())), ' ', dateI18n('Y', viewing, -viewing.getTimezoneOffset())), createElement(Button, {
+    icon: isRTL() ? arrowLeft : arrowRight,
+    variant: "tertiary",
+    "aria-label": __('View next month'),
+    onClick: () => {
+      viewNextMonth();
+      setFocusable(addMonths(focusable, 1));
+      onMonthPreviewed === null || onMonthPreviewed === void 0 ? void 0 : onMonthPreviewed(format(addMonths(viewing, 1), TIMEZONELESS_FORMAT));
+    }
+  })), createElement(Calendar, {
+    onFocus: () => setIsFocusWithinCalendar(true),
+    onBlur: () => setIsFocusWithinCalendar(false)
+  }, calendar[0][0].map(day => createElement(DayOfWeek, {
+    key: day.toString()
+  }, dateI18n('D', day, -day.getTimezoneOffset()))), calendar[0].map(week => week.map((day, index) => {
+    if (!isSameMonth(day, viewing)) {
+      return null;
     }
-  };
-
-  const onChangeMoment = newDate => {
-    if (!newDate) {
-      return;
-    } // If currentDate is null, use now as momentTime to designate hours, minutes, seconds.
-
 
-    const momentDate = currentDate ? moment(currentDate) : moment();
-    const momentTime = {
-      hours: momentDate.hours(),
-      minutes: momentDate.minutes(),
-      seconds: 0
-    };
-    onChange === null || onChange === void 0 ? void 0 : onChange(newDate.set(momentTime).format(TIMEZONELESS_FORMAT)); // Keep focus on the date picker.
+    return createElement(Day, {
+      key: day.toString(),
+      day: day,
+      column: index + 1,
+      isSelected: isSelected(day),
+      isFocusable: isEqual(day, focusable),
+      isFocusAllowed: isFocusWithinCalendar,
+      isToday: isSameDay(day, new Date()),
+      isInvalid: isInvalidDate ? isInvalidDate(day) : false,
+      numEvents: events.filter(event => isSameDay(event.date, day)).length,
+      onClick: () => {
+        setSelected([day]);
+        setFocusable(day);
+        onChange === null || onChange === void 0 ? void 0 : onChange(format( // Don't change the selected date's time fields.
+        new Date(day.getFullYear(), day.getMonth(), day.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()), TIMEZONELESS_FORMAT));
+      },
+      onKeyDown: event => {
+        let nextFocusable;
+
+        if (event.key === 'ArrowLeft') {
+          nextFocusable = addDays(day, isRTL() ? 1 : -1);
+        }
+
+        if (event.key === 'ArrowRight') {
+          nextFocusable = addDays(day, isRTL() ? -1 : 1);
+        }
+
+        if (event.key === 'ArrowUp') {
+          nextFocusable = subWeeks(day, 1);
+        }
+
+        if (event.key === 'ArrowDown') {
+          nextFocusable = addWeeks(day, 1);
+        }
+
+        if (nextFocusable) {
+          setFocusable(nextFocusable);
+
+          if (!isSameMonth(nextFocusable, viewing)) {
+            setViewing(nextFocusable);
+            onMonthPreviewed === null || onMonthPreviewed === void 0 ? void 0 : onMonthPreviewed(format(nextFocusable, TIMEZONELESS_FORMAT));
+          }
+        }
+      }
+    });
+  }))));
+}
 
-    keepFocusInside();
-  };
+function Day(_ref2) {
+  let {
+    day,
+    column,
+    isSelected,
+    isFocusable,
+    isFocusAllowed,
+    isToday,
+    isInvalid,
+    numEvents,
+    onClick,
+    onKeyDown
+  } = _ref2;
+  const ref = useRef(); // Focus the day when it becomes focusable, e.g. because an arrow key is
+  // pressed. Only do this if focus is allowed - this stops us stealing focus
+  // from e.g. a TimePicker input. Note that isFocusAllowed is not a dep as
+  // there is no point calling focus() on an already focused element.
 
-  const getEventsPerDay = day => {
-    if (!(events !== null && events !== void 0 && events.length)) {
-      return [];
+  useEffect(() => {
+    if (ref.current && isFocusable && isFocusAllowed) {
+      ref.current.focus();
     }
-
-    return events.filter(eventDay => day.isSame(eventDay.date, 'day'));
-  };
-
-  const momentDate = getMomentDate(currentDate);
-  return createElement("div", {
-    className: "components-datetime__date",
-    ref: nodeRef
-  }, createElement(DayPickerSingleDateController, {
-    date: momentDate,
-    initialVisibleMonth: null,
-    daySize: 30,
-    horizontalMonthPadding: 0,
-    focused: true,
-    hideKeyboardShortcutsPanel: true // This is a hack to force the calendar to update on month or year change
-    // https://github.com/airbnb/react-dates/issues/240#issuecomment-361776665
+  }, [isFocusable]);
+  return createElement(DayButton, {
+    ref: ref,
+    className: "components-datetime__date__day" // Unused, for backwards compatibility.
     ,
-    key: `datepicker-controller-${momentDate ? momentDate.format('MM-YYYY') : 'null'}`,
-    noBorder: true,
-    numberOfMonths: 1,
-    onDateChange: onChangeMoment,
-    transitionDuration: 0,
-    weekDayFormat: "ddd",
-    dayAriaLabelFormat: ARIAL_LABEL_TIME_FORMAT,
-    isRTL: isRTL(),
-    isOutsideRange: date => {
-      return !!isInvalidDate && isInvalidDate(date.toDate());
-    },
-    firstDayOfWeek: startOfWeek,
-    onPrevMonthClick: onMonthPreviewedHandler,
-    onNextMonthClick: onMonthPreviewedHandler,
-    renderDayContents: day => createElement(DatePickerDay, {
-      day: day,
-      events: getEventsPerDay(day)
-    }),
-    renderMonthElement: _ref3 => {
-      let {
-        month
-      } = _ref3;
-      return createElement(Fragment, null, createElement("strong", null, month.format('MMMM')), ' ', month.format('YYYY'));
-    },
-    renderNavPrevButton: _ref4 => {
-      let {
-        ariaLabel,
-        ...props
-      } = _ref4;
-      return createElement(NavPrevButton, _extends({
-        icon: arrowLeft,
-        variant: "tertiary",
-        "aria-label": ariaLabel
-      }, props));
-    },
-    renderNavNextButton: _ref5 => {
-      let {
-        ariaLabel,
-        ...props
-      } = _ref5;
-      return createElement(NavNextButton, _extends({
-        icon: arrowRight,
-        variant: "tertiary",
-        "aria-label": ariaLabel
-      }, props));
-    },
-    onFocusChange: noop
-  }));
+    disabled: isInvalid,
+    tabIndex: isFocusable ? 0 : -1,
+    "aria-label": getDayLabel(day, isSelected, numEvents),
+    column: column,
+    isSelected: isSelected,
+    isToday: isToday,
+    hasEvents: numEvents > 0,
+    onClick: onClick,
+    onKeyDown: onKeyDown
+  }, dateI18n('j', day, -day.getTimezoneOffset()));
 }
+
+function getDayLabel(date, isSelected, numEvents) {
+  const {
+    formats
+  } = __experimentalGetSettings();
+
+  const localizedDate = dateI18n(formats.date, date, -date.getTimezoneOffset());
+
+  if (isSelected && numEvents > 0) {
+    return sprintf( // translators: 1: The calendar date. 2: Number of events on the calendar date.
+    _n('%1$s. Selected. There is %2$d event', '%1$s. Selected. There are %2$d events', numEvents), localizedDate, numEvents);
+  } else if (isSelected) {
+    return sprintf( // translators: %s: The calendar date.
+    __('%1$s. Selected'), localizedDate);
+  } else if (numEvents > 0) {
+    return sprintf( // translators: 1: The calendar date. 2: Number of events on the calendar date.
+    _n('%1$s. There is %2$d event', '%1$s. There are %2$d events', numEvents), localizedDate, numEvents);
+  }
+
+  return localizedDate;
+}
+
 export default DatePicker;
 //# sourceMappingURL=index.js.map

package/build-module/date-time/date/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/date/index.tsx"],"names":["moment","DayPickerSingleDateController","useEffect","useRef","isRTL","_n","sprintf","arrowLeft","arrowRight","getMomentDate","Day","NavPrevButton","NavNextButton","TIMEZONELESS_FORMAT","ARIAL_LABEL_TIME_FORMAT","noop","DatePickerDay","day","events","ref","current","parentNode","Element","dayAriaLabel","format","length","setAttribute","dayWithEventsDescription","DatePicker","currentDate","onChange","isInvalidDate","onMonthPreviewed","startOfWeek","nodeRef","onMonthPreviewedHandler","newMonthDate","toISOString","keepFocusInside","ownerDocument","activeElement","contains","focusRegion","querySelector","HTMLElement","focus","onChangeMoment","newDate","momentDate","momentTime","hours","minutes","seconds","set","getEventsPerDay","filter","eventDay","isSame","date","toDate","month","ariaLabel","props"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport moment from 'moment';\nimport type { Moment } from 'moment';\n// Needed to initialise the default datepicker styles.\n// See: https://github.com/airbnb/react-dates#initialize\nimport 'react-dates/initialize';\n// `react-dates` doesn't tree-shake correctly, so we import from the individual\n// component here.\nimport DayPickerSingleDateController from 'react-dates/lib/components/DayPickerSingleDateController';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { isRTL, _n, sprintf } from '@wordpress/i18n';\nimport { arrowLeft, arrowRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getMomentDate } from './utils';\nimport type { DatePickerDayProps, DatePickerProps } from '../types';\nimport { Day, NavPrevButton, NavNextButton } from './styles';\n\nconst TIMEZONELESS_FORMAT = 'YYYY-MM-DDTHH:mm:ss';\nconst ARIAL_LABEL_TIME_FORMAT = 'dddd, LL';\nconst noop = () => {};\n\nfunction DatePickerDay( { day, events = [] }: DatePickerDayProps ) {\n\tconst ref = useRef< HTMLDivElement >( null );\n\n\t/*\n\t * a11y hack to make the `There is/are n events` string\n\t * available speaking for readers,\n\t * re-defining the aria-label attribute.\n\t * This attribute is handled by the react-dates component.\n\t */\n\tuseEffect( () => {\n\t\t// Bail when no parent node.\n\t\tif ( ! ( ref?.current?.parentNode instanceof Element ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { parentNode } = ref.current;\n\t\tconst dayAriaLabel = moment( day ).format( ARIAL_LABEL_TIME_FORMAT );\n\n\t\tif ( ! events.length ) {\n\t\t\t// Set aria-label without event description.\n\t\t\tparentNode.setAttribute( 'aria-label', dayAriaLabel );\n\t\t\treturn;\n\t\t}\n\n\t\tconst dayWithEventsDescription = sprintf(\n\t\t\t// translators: 1: Calendar day format, 2: Calendar event number.\n\t\t\t_n(\n\t\t\t\t'%1$s. There is %2$d event.',\n\t\t\t\t'%1$s. There are %2$d events.',\n\t\t\t\tevents.length\n\t\t\t),\n\t\t\tdayAriaLabel,\n\t\t\tevents.length\n\t\t);\n\n\t\tparentNode.setAttribute( 'aria-label', dayWithEventsDescription );\n\t}, [ day, events.length ] );\n\n\treturn (\n\t\t<Day\n\t\t\tref={ ref }\n\t\t\tclassName=\"components-datetime__date__day\" // Unused, for backwards compatibility.\n\t\t\thasEvents={ !! events?.length }\n\t\t\talignment=\"center\"\n\t\t>\n\t\t\t{ day.format( 'D' ) }\n\t\t</Day>\n\t);\n}\n\n/**\n * DatePicker is a React component that renders a calendar for date selection.\n *\n * ```jsx\n * import { DatePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDatePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DatePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function DatePicker( {\n\tcurrentDate,\n\tonChange,\n\tevents,\n\tisInvalidDate,\n\tonMonthPreviewed,\n\tstartOfWeek = 0,\n}: DatePickerProps ) {\n\tconst nodeRef = useRef< HTMLDivElement >( null );\n\n\tconst onMonthPreviewedHandler = ( newMonthDate: Moment ) => {\n\t\tonMonthPreviewed?.( newMonthDate.toISOString() );\n\t\tkeepFocusInside();\n\t};\n\n\t/*\n\t * Todo: We should remove this function ASAP.\n\t * It is kept because focus is lost when we click on the previous and next month buttons.\n\t * This focus loss closes the date picker popover.\n\t * Ideally we should add an upstream commit on react-dates to fix this issue.\n\t */\n\tconst keepFocusInside = () => {\n\t\tif ( ! nodeRef.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { ownerDocument } = nodeRef.current;\n\t\tconst { activeElement } = ownerDocument;\n\n\t\t// If focus was lost.\n\t\tif (\n\t\t\t! activeElement ||\n\t\t\t! nodeRef.current.contains( ownerDocument.activeElement )\n\t\t) {\n\t\t\t// Retrieve the focus region div.\n\t\t\tconst focusRegion = nodeRef.current.querySelector(\n\t\t\t\t'.DayPicker_focusRegion'\n\t\t\t);\n\t\t\tif ( ! ( focusRegion instanceof HTMLElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Keep the focus on focus region.\n\t\t\tfocusRegion.focus();\n\t\t}\n\t};\n\n\tconst onChangeMoment = ( newDate: Moment | null ) => {\n\t\tif ( ! newDate ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If currentDate is null, use now as momentTime to designate hours, minutes, seconds.\n\t\tconst momentDate = currentDate ? moment( currentDate ) : moment();\n\t\tconst momentTime = {\n\t\t\thours: momentDate.hours(),\n\t\t\tminutes: momentDate.minutes(),\n\t\t\tseconds: 0,\n\t\t};\n\n\t\tonChange?.( newDate.set( momentTime ).format( TIMEZONELESS_FORMAT ) );\n\n\t\t// Keep focus on the date picker.\n\t\tkeepFocusInside();\n\t};\n\n\tconst getEventsPerDay = ( day: Moment ) => {\n\t\tif ( ! events?.length ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn events.filter( ( eventDay ) =>\n\t\t\tday.isSame( eventDay.date, 'day' )\n\t\t);\n\t};\n\n\tconst momentDate = getMomentDate( currentDate );\n\n\treturn (\n\t\t<div className=\"components-datetime__date\" ref={ nodeRef }>\n\t\t\t<DayPickerSingleDateController\n\t\t\t\tdate={ momentDate }\n\t\t\t\tinitialVisibleMonth={ null }\n\t\t\t\tdaySize={ 30 }\n\t\t\t\thorizontalMonthPadding={ 0 }\n\t\t\t\tfocused\n\t\t\t\thideKeyboardShortcutsPanel\n\t\t\t\t// This is a hack to force the calendar to update on month or year change\n\t\t\t\t// https://github.com/airbnb/react-dates/issues/240#issuecomment-361776665\n\t\t\t\tkey={ `datepicker-controller-${\n\t\t\t\t\tmomentDate ? momentDate.format( 'MM-YYYY' ) : 'null'\n\t\t\t\t}` }\n\t\t\t\tnoBorder\n\t\t\t\tnumberOfMonths={ 1 }\n\t\t\t\tonDateChange={ onChangeMoment }\n\t\t\t\ttransitionDuration={ 0 }\n\t\t\t\tweekDayFormat=\"ddd\"\n\t\t\t\tdayAriaLabelFormat={ ARIAL_LABEL_TIME_FORMAT }\n\t\t\t\tisRTL={ isRTL() }\n\t\t\t\tisOutsideRange={ ( date ) => {\n\t\t\t\t\treturn !! isInvalidDate && isInvalidDate( date.toDate() );\n\t\t\t\t} }\n\t\t\t\tfirstDayOfWeek={ startOfWeek }\n\t\t\t\tonPrevMonthClick={ onMonthPreviewedHandler }\n\t\t\t\tonNextMonthClick={ onMonthPreviewedHandler }\n\t\t\t\trenderDayContents={ ( day ) => (\n\t\t\t\t\t<DatePickerDay\n\t\t\t\t\t\tday={ day }\n\t\t\t\t\t\tevents={ getEventsPerDay( day ) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\trenderMonthElement={ ( { month } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<strong>{ month.format( 'MMMM' ) }</strong>{ ' ' }\n\t\t\t\t\t\t{ month.format( 'YYYY' ) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\trenderNavPrevButton={ ( { ariaLabel, ...props } ) => (\n\t\t\t\t\t<NavPrevButton\n\t\t\t\t\t\ticon={ arrowLeft }\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\trenderNavNextButton={ ( { ariaLabel, ...props } ) => (\n\t\t\t\t\t<NavNextButton\n\t\t\t\t\t\ticon={ arrowRight }\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\tonFocusChange={ noop }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default DatePicker;\n"]}
+{"version":3,"sources":["@wordpress/components/src/date-time/date/index.tsx"],"names":["useLilius","format","isSameDay","subMonths","addMonths","startOfDay","isEqual","addDays","subWeeks","addWeeks","isSameMonth","__","_n","sprintf","isRTL","arrowLeft","arrowRight","dateI18n","__experimentalGetSettings","useState","useRef","useEffect","Navigator","NavigatorHeading","Calendar","DayOfWeek","DayButton","inputToDate","Button","TIMEZONELESS_FORMAT","DatePicker","currentDate","onChange","events","isInvalidDate","onMonthPreviewed","startOfWeek","date","Date","calendar","viewing","setSelected","setViewing","isSelected","viewPreviousMonth","viewNextMonth","selected","weekStartsOn","focusable","setFocusable","isFocusWithinCalendar","setIsFocusWithinCalendar","prevCurrentDate","setPrevCurrentDate","getTimezoneOffset","map","day","toString","week","index","filter","event","length","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","nextFocusable","key","Day","column","isFocusable","isFocusAllowed","isToday","isInvalid","numEvents","onClick","onKeyDown","ref","current","focus","getDayLabel","formats","localizedDate"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { useLilius } from 'use-lilius';\nimport {\n\tformat,\n\tisSameDay,\n\tsubMonths,\n\taddMonths,\n\tstartOfDay,\n\tisEqual,\n\taddDays,\n\tsubWeeks,\n\taddWeeks,\n\tisSameMonth,\n} from 'date-fns';\n\n/**\n * WordPress dependencies\n */\nimport { __, _n, sprintf, isRTL } from '@wordpress/i18n';\nimport { arrowLeft, arrowRight } from '@wordpress/icons';\nimport { dateI18n, __experimentalGetSettings } from '@wordpress/date';\nimport { useState, useRef, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DatePickerProps } from '../types';\nimport {\n\tNavigator,\n\tNavigatorHeading,\n\tCalendar,\n\tDayOfWeek,\n\tDayButton,\n} from './styles';\nimport { inputToDate } from '../utils';\nimport Button from '../../button';\nimport { TIMEZONELESS_FORMAT } from '../constants';\n\n/**\n * DatePicker is a React component that renders a calendar for date selection.\n *\n * ```jsx\n * import { DatePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDatePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DatePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function DatePicker( {\n\tcurrentDate,\n\tonChange,\n\tevents = [],\n\tisInvalidDate,\n\tonMonthPreviewed,\n\tstartOfWeek = 0,\n}: DatePickerProps ) {\n\tconst date = currentDate ? inputToDate( currentDate ) : new Date();\n\n\tconst {\n\t\tcalendar,\n\t\tviewing,\n\t\tsetSelected,\n\t\tsetViewing,\n\t\tisSelected,\n\t\tviewPreviousMonth,\n\t\tviewNextMonth,\n\t} = useLilius( {\n\t\tselected: [ startOfDay( date ) ],\n\t\tviewing: startOfDay( date ),\n\t\tweekStartsOn: startOfWeek,\n\t} );\n\n\t// Used to implement a roving tab index. Tracks the day that receives focus\n\t// when the user tabs into the calendar.\n\tconst [ focusable, setFocusable ] = useState( startOfDay( date ) );\n\n\t// Allows us to only programmatically focus() a day when focus was already\n\t// within the calendar. This stops us stealing focus from e.g. a TimePicker\n\t// input.\n\tconst [ isFocusWithinCalendar, setIsFocusWithinCalendar ] =\n\t\tuseState( false );\n\n\t// Update internal state when currentDate prop changes.\n\tconst [ prevCurrentDate, setPrevCurrentDate ] = useState( currentDate );\n\tif ( currentDate !== prevCurrentDate ) {\n\t\tsetPrevCurrentDate( currentDate );\n\t\tsetSelected( [ startOfDay( date ) ] );\n\t\tsetViewing( startOfDay( date ) );\n\t\tsetFocusable( startOfDay( date ) );\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"components-datetime__date\"\n\t\t\trole=\"application\"\n\t\t\taria-label={ __( 'Calendar' ) }\n\t\t>\n\t\t\t<Navigator>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ isRTL() ? arrowRight : arrowLeft }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\taria-label={ __( 'View previous month' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tviewPreviousMonth();\n\t\t\t\t\t\tsetFocusable( subMonths( focusable, 1 ) );\n\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\tsubMonths( viewing, 1 ),\n\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<NavigatorHeading level={ 3 }>\n\t\t\t\t\t<strong>\n\t\t\t\t\t\t{ dateI18n(\n\t\t\t\t\t\t\t'F',\n\t\t\t\t\t\t\tviewing,\n\t\t\t\t\t\t\t-viewing.getTimezoneOffset()\n\t\t\t\t\t\t) }\n\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t{ dateI18n( 'Y', viewing, -viewing.getTimezoneOffset() ) }\n\t\t\t\t</NavigatorHeading>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ isRTL() ? arrowLeft : arrowRight }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\taria-label={ __( 'View next month' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tviewNextMonth();\n\t\t\t\t\t\tsetFocusable( addMonths( focusable, 1 ) );\n\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\taddMonths( viewing, 1 ),\n\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</Navigator>\n\t\t\t<Calendar\n\t\t\t\tonFocus={ () => setIsFocusWithinCalendar( true ) }\n\t\t\t\tonBlur={ () => setIsFocusWithinCalendar( false ) }\n\t\t\t>\n\t\t\t\t{ calendar[ 0 ][ 0 ].map( ( day ) => (\n\t\t\t\t\t<DayOfWeek key={ day.toString() }>\n\t\t\t\t\t\t{ dateI18n( 'D', day, -day.getTimezoneOffset() ) }\n\t\t\t\t\t</DayOfWeek>\n\t\t\t\t) ) }\n\t\t\t\t{ calendar[ 0 ].map( ( week ) =>\n\t\t\t\t\tweek.map( ( day, index ) => {\n\t\t\t\t\t\tif ( ! isSameMonth( day, viewing ) ) {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Day\n\t\t\t\t\t\t\t\tkey={ day.toString() }\n\t\t\t\t\t\t\t\tday={ day }\n\t\t\t\t\t\t\t\tcolumn={ index + 1 }\n\t\t\t\t\t\t\t\tisSelected={ isSelected( day ) }\n\t\t\t\t\t\t\t\tisFocusable={ isEqual( day, focusable ) }\n\t\t\t\t\t\t\t\tisFocusAllowed={ isFocusWithinCalendar }\n\t\t\t\t\t\t\t\tisToday={ isSameDay( day, new Date() ) }\n\t\t\t\t\t\t\t\tisInvalid={\n\t\t\t\t\t\t\t\t\tisInvalidDate ? isInvalidDate( day ) : false\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tnumEvents={\n\t\t\t\t\t\t\t\t\tevents.filter( ( event ) =>\n\t\t\t\t\t\t\t\t\t\tisSameDay( event.date, day )\n\t\t\t\t\t\t\t\t\t).length\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetSelected( [ day ] );\n\t\t\t\t\t\t\t\t\tsetFocusable( day );\n\t\t\t\t\t\t\t\t\tonChange?.(\n\t\t\t\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\t\t\t\t// Don't change the selected date's time fields.\n\t\t\t\t\t\t\t\t\t\t\tnew Date(\n\t\t\t\t\t\t\t\t\t\t\t\tday.getFullYear(),\n\t\t\t\t\t\t\t\t\t\t\t\tday.getMonth(),\n\t\t\t\t\t\t\t\t\t\t\t\tday.getDate(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getHours(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getMinutes(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getSeconds(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getMilliseconds()\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\t\tlet nextFocusable;\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowLeft' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addDays(\n\t\t\t\t\t\t\t\t\t\t\tday,\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? 1 : -1\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowRight' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addDays(\n\t\t\t\t\t\t\t\t\t\t\tday,\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? -1 : 1\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowUp' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = subWeeks( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowDown' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addWeeks( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( nextFocusable ) {\n\t\t\t\t\t\t\t\t\t\tsetFocusable( nextFocusable );\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t! isSameMonth(\n\t\t\t\t\t\t\t\t\t\t\t\tnextFocusable,\n\t\t\t\t\t\t\t\t\t\t\t\tviewing\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tsetViewing( nextFocusable );\n\t\t\t\t\t\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tnextFocusable,\n\t\t\t\t\t\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} )\n\t\t\t\t) }\n\t\t\t</Calendar>\n\t\t</div>\n\t);\n}\n\ntype DayProps = {\n\tday: Date;\n\tcolumn: number;\n\tisSelected: boolean;\n\tisFocusable: boolean;\n\tisFocusAllowed: boolean;\n\tisToday: boolean;\n\tnumEvents: number;\n\tisInvalid: boolean;\n\tonClick: () => void;\n\tonKeyDown: ( event: KeyboardEvent ) => void;\n};\n\nfunction Day( {\n\tday,\n\tcolumn,\n\tisSelected,\n\tisFocusable,\n\tisFocusAllowed,\n\tisToday,\n\tisInvalid,\n\tnumEvents,\n\tonClick,\n\tonKeyDown,\n}: DayProps ) {\n\tconst ref = useRef< HTMLButtonElement >();\n\n\t// Focus the day when it becomes focusable, e.g. because an arrow key is\n\t// pressed. Only do this if focus is allowed - this stops us stealing focus\n\t// from e.g. a TimePicker input. Note that isFocusAllowed is not a dep as\n\t// there is no point calling focus() on an already focused element.\n\tuseEffect( () => {\n\t\tif ( ref.current && isFocusable && isFocusAllowed ) {\n\t\t\tref.current.focus();\n\t\t}\n\t}, [ isFocusable ] );\n\n\treturn (\n\t\t<DayButton\n\t\t\tref={ ref }\n\t\t\tclassName=\"components-datetime__date__day\" // Unused, for backwards compatibility.\n\t\t\tdisabled={ isInvalid }\n\t\t\ttabIndex={ isFocusable ? 0 : -1 }\n\t\t\taria-label={ getDayLabel( day, isSelected, numEvents ) }\n\t\t\tcolumn={ column }\n\t\t\tisSelected={ isSelected }\n\t\t\tisToday={ isToday }\n\t\t\thasEvents={ numEvents > 0 }\n\t\t\tonClick={ onClick }\n\t\t\tonKeyDown={ onKeyDown }\n\t\t>\n\t\t\t{ dateI18n( 'j', day, -day.getTimezoneOffset() ) }\n\t\t</DayButton>\n\t);\n}\n\nfunction getDayLabel( date: Date, isSelected: boolean, numEvents: number ) {\n\tconst { formats } = __experimentalGetSettings();\n\tconst localizedDate = dateI18n(\n\t\tformats.date,\n\t\tdate,\n\t\t-date.getTimezoneOffset()\n\t);\n\tif ( isSelected && numEvents > 0 ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date. 2: Number of events on the calendar date.\n\t\t\t_n(\n\t\t\t\t'%1$s. Selected. There is %2$d event',\n\t\t\t\t'%1$s. Selected. There are %2$d events',\n\t\t\t\tnumEvents\n\t\t\t),\n\t\t\tlocalizedDate,\n\t\t\tnumEvents\n\t\t);\n\t} else if ( isSelected ) {\n\t\treturn sprintf(\n\t\t\t// translators: %s: The calendar date.\n\t\t\t__( '%1$s. Selected' ),\n\t\t\tlocalizedDate\n\t\t);\n\t} else if ( numEvents > 0 ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date. 2: Number of events on the calendar date.\n\t\t\t_n(\n\t\t\t\t'%1$s. There is %2$d event',\n\t\t\t\t'%1$s. There are %2$d events',\n\t\t\t\tnumEvents\n\t\t\t),\n\t\t\tlocalizedDate,\n\t\t\tnumEvents\n\t\t);\n\t}\n\treturn localizedDate;\n}\n\nexport default DatePicker;\n"]}

package/build-module/date-time/date/styles.js

@@ -1,28 +1,62 @@
 import _styled from "@emotion/styled/base";
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 /**
  * External dependencies
  */
-import { css } from '@emotion/react';
+
 /**
  * Internal dependencies
  */
-
 import Button from '../../button';
-import { COLORS } from '../../utils';
-import { VStack } from '../../v-stack'; // Styles that overrides the calendar styling provided by react-dates go in
-// style.scss. Everything else goes here.
-
-export const Day = /*#__PURE__*/_styled(VStack, process.env.NODE_ENV === "production" ? {
+import { COLORS, CONFIG } from '../../utils';
+import { HStack } from '../../h-stack';
+import { Heading } from '../../heading';
+import { space } from '../../ui/utils/space';
+export const Navigator = /*#__PURE__*/_styled(HStack, process.env.NODE_ENV === "production" ? {
+  target: "e105ri6r4"
+} : {
+  target: "e105ri6r4",
+  label: "Navigator"
+})("margin-bottom:", space(4), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN5QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2RhdGUtdGltZS9kYXRlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9idXR0b24nO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi8uLi9oLXN0YWNrJztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi8uLi9oZWFkaW5nJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdG9yID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvckhlYWRpbmcgPSBzdHlsZWQoIEhlYWRpbmcgKWBcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0IH07XG5cblx0c3Ryb25nIHtcblx0XHRmb250LXdlaWdodDogJHsgQ09ORklHLmZvbnRXZWlnaHRIZWFkaW5nIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhciA9IHN0eWxlZC5kaXZgXG5cdGNvbHVtbi1nYXA6ICR7IHNwYWNlKCAyICkgfTtcblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAwLjVmciByZXBlYXQoIDUsIDFmciApIDAuNWZyO1xuXHRqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG5cdHJvdy1nYXA6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlPZldlZWsgPSBzdHlsZWQuZGl2YFxuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cblx0JjpudGgtb2YtdHlwZSggMSApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHR9XG5cblx0JjpudGgtb2YtdHlwZSggNyApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERheUJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uLCB7XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3A6IHN0cmluZyApID0+XG5cdFx0ISBbICdjb2x1bW4nLCAnaXNTZWxlY3RlZCcsICdpc1RvZGF5JywgJ2hhc0V2ZW50cycgXS5pbmNsdWRlcyggcHJvcCApLFxufSApPCB7XG5cdGNvbHVtbjogbnVtYmVyO1xuXHRpc1NlbGVjdGVkOiBib29sZWFuO1xuXHRpc1RvZGF5OiBib29sZWFuO1xuXHRoYXNFdmVudHM6IGJvb2xlYW47XG59ID5gXG5cdGdyaWQtY29sdW1uOiAkeyAoIHByb3BzICkgPT4gcHJvcHMuY29sdW1uIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSAxICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogc3RhcnQ7XG5cdFx0YCB9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSA3ICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogZW5kO1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmRpc2FibGVkICYmXG5cdFx0YFxuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGAgfVxuXG5cdCYmJiB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTAwJTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA3ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDcgKSB9O1xuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHRwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudWkudGhlbWUgfTtcblx0XHRcdGNvbG9yOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHRcdGAgfVxuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHQhIHByb3BzLmlzU2VsZWN0ZWQgJiZcblx0XHRcdHByb3BzLmlzVG9kYXkgJiZcblx0XHRcdGBcblx0XHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRcdFx0YCB9XG5cdH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5oYXNFdmVudHMgJiZcblx0XHRgXG5cdFx0OjpiZWZvcmUge1xuXHRcdFx0YmFja2dyb3VuZDogJHsgcHJvcHMuaXNTZWxlY3RlZCA/IENPTE9SUy53aGl0ZSA6IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */"));
+export const NavigatorHeading = /*#__PURE__*/_styled(Heading, process.env.NODE_ENV === "production" ? {
+  target: "e105ri6r3"
+} : {
+  target: "e105ri6r3",
+  label: "NavigatorHeading"
+})("font-size:", CONFIG.fontSize, ";font-weight:", CONFIG.fontWeight, ";strong{font-weight:", CONFIG.fontWeightHeading, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCaUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLnRoZW1lIH07XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLndoaXRlIH07XG5cdFx0XHRgIH1cblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0ISBwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRwcm9wcy5pc1RvZGF5ICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0XHRcdGAgfVxuXHR9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuaGFzRXZlbnRzICYmXG5cdFx0YFxuXHRcdDo6YmVmb3JlIHtcblx0XHRcdGJhY2tncm91bmQ6ICR7IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMud2hpdGUgOiBDT0xPUlMudWkudGhlbWUgfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRcdGJvdHRvbTogMDtcblx0XHRcdGNvbnRlbnQ6IFwiIFwiO1xuXHRcdFx0aGVpZ2h0OiA0cHg7XG5cdFx0XHRsZWZ0OiA1MCU7XG5cdFx0XHRtYXJnaW4tbGVmdDogLTJweDtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHdpZHRoOiA0cHg7XG5cdFx0fVxuXHRcdGAgfVxuYDtcbiJdfQ== */"));
+export const Calendar = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e105ri6r2"
 } : {
   target: "e105ri6r2",
-  label: "Day"
-})("height:100%;position:relative;", props => props.hasEvents && `
+  label: "Calendar"
+})("column-gap:", space(2), ";display:grid;grid-template-columns:0.5fr repeat( 5, 1fr ) 0.5fr;justify-items:center;row-gap:", space(2), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCa0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLnRoZW1lIH07XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLndoaXRlIH07XG5cdFx0XHRgIH1cblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0ISBwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRwcm9wcy5pc1RvZGF5ICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0XHRcdGAgfVxuXHR9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuaGFzRXZlbnRzICYmXG5cdFx0YFxuXHRcdDo6YmVmb3JlIHtcblx0XHRcdGJhY2tncm91bmQ6ICR7IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMud2hpdGUgOiBDT0xPUlMudWkudGhlbWUgfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRcdGJvdHRvbTogMDtcblx0XHRcdGNvbnRlbnQ6IFwiIFwiO1xuXHRcdFx0aGVpZ2h0OiA0cHg7XG5cdFx0XHRsZWZ0OiA1MCU7XG5cdFx0XHRtYXJnaW4tbGVmdDogLTJweDtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHdpZHRoOiA0cHg7XG5cdFx0fVxuXHRcdGAgfVxuYDtcbiJdfQ== */"));
+export const DayOfWeek = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e105ri6r1"
+} : {
+  target: "e105ri6r1",
+  label: "DayOfWeek"
+})("color:", COLORS.gray[700], ";&:nth-of-type( 1 ){justify-self:start;}&:nth-of-type( 7 ){justify-self:end;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DbUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLnRoZW1lIH07XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLndoaXRlIH07XG5cdFx0XHRgIH1cblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0ISBwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRwcm9wcy5pc1RvZGF5ICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0XHRcdGAgfVxuXHR9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuaGFzRXZlbnRzICYmXG5cdFx0YFxuXHRcdDo6YmVmb3JlIHtcblx0XHRcdGJhY2tncm91bmQ6ICR7IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMud2hpdGUgOiBDT0xPUlMudWkudGhlbWUgfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRcdGJvdHRvbTogMDtcblx0XHRcdGNvbnRlbnQ6IFwiIFwiO1xuXHRcdFx0aGVpZ2h0OiA0cHg7XG5cdFx0XHRsZWZ0OiA1MCU7XG5cdFx0XHRtYXJnaW4tbGVmdDogLTJweDtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHdpZHRoOiA0cHg7XG5cdFx0fVxuXHRcdGAgfVxuYDtcbiJdfQ== */"));
+export const DayButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: prop => !['column', 'isSelected', 'isToday', 'hasEvents'].includes(prop),
+  target: "e105ri6r0"
+} : {
+  shouldForwardProp: prop => !['column', 'isSelected', 'isToday', 'hasEvents'].includes(prop),
+  target: "e105ri6r0",
+  label: "DayButton"
+})("grid-column:", props => props.column, ";position:relative;justify-content:center;", props => props.column === 1 && `
+		justify-self: start;
+		`, " ", props => props.column === 7 && `
+		justify-self: end;
+		`, " ", props => props.disabled && `
+		pointer-events: none;
+		`, " &&&{border-radius:100%;height:", space(7), ";width:", space(7), ";", props => props.isSelected && `
+			background: ${COLORS.ui.theme};
+			color: ${COLORS.white};
+			`, " ", props => !props.isSelected && props.isToday && `
+			background: ${COLORS.gray[200]};
+			`, ";}", props => props.hasEvents && `
 		::before {
-			background: var(--wp-admin-theme-color);
+			background: ${props.isSelected ? COLORS.white : COLORS.ui.theme};
 			border-radius: 2px;
 			bottom: 0;
 			content: " ";
@@ -31,31 +65,6 @@ export const Day = /*#__PURE__*/_styled(VStack, process.env.NODE_ENV === "produc
 			margin-left: -2px;
 			position: absolute;
 			width: 4px;
-
-			.CalendarDay__selected & {
-				background: ${COLORS.white};
-			}
 		}
-		`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCNkQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IFZTdGFjayB9IGZyb20gJy4uLy4uL3Ytc3RhY2snO1xuXG4vLyBTdHlsZXMgdGhhdCBvdmVycmlkZXMgdGhlIGNhbGVuZGFyIHN0eWxpbmcgcHJvdmlkZWQgYnkgcmVhY3QtZGF0ZXMgZ28gaW5cbi8vIHN0eWxlLnNjc3MuIEV2ZXJ5dGhpbmcgZWxzZSBnb2VzIGhlcmUuXG5cbmV4cG9ydCBjb25zdCBEYXkgPSBzdHlsZWQoIFZTdGFjayApPCB7IGhhc0V2ZW50czogYm9vbGVhbiB9ID5gXG5cdGhlaWdodDogMTAwJTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmhhc0V2ZW50cyAmJlxuXHRcdGBcblx0XHQ6OmJlZm9yZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiB2YXIoLS13cC1hZG1pbi10aGVtZS1jb2xvcik7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0XHRib3R0b206IDA7XG5cdFx0XHRjb250ZW50OiBcIiBcIjtcblx0XHRcdGhlaWdodDogNHB4O1xuXHRcdFx0bGVmdDogNTAlO1xuXHRcdFx0bWFyZ2luLWxlZnQ6IC0ycHg7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR3aWR0aDogNHB4O1xuXG5cdFx0XHQuQ2FsZW5kYXJEYXlfX3NlbGVjdGVkICYge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHRcdH1cblx0XHR9XG5cdFx0YCB9XG5gO1xuXG5jb25zdCBiYXNlTmF2QnV0dG9uID0gY3NzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMTVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZQcmV2QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JHsgYmFzZU5hdkJ1dHRvbiB9XG5cdGxlZnQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2TmV4dEJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uIClgXG5cdCR7IGJhc2VOYXZCdXR0b24gfVxuXHRyaWdodDogMDtcbmA7XG4iXX0= */"));
-const baseNavButton = process.env.NODE_ENV === "production" ? {
-  name: "1zok93",
-  styles: "position:absolute;top:15px"
-} : {
-  name: "1az9v34-baseNavButton",
-  styles: "position:absolute;top:15px;label:baseNavButton;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDeUIiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IFZTdGFjayB9IGZyb20gJy4uLy4uL3Ytc3RhY2snO1xuXG4vLyBTdHlsZXMgdGhhdCBvdmVycmlkZXMgdGhlIGNhbGVuZGFyIHN0eWxpbmcgcHJvdmlkZWQgYnkgcmVhY3QtZGF0ZXMgZ28gaW5cbi8vIHN0eWxlLnNjc3MuIEV2ZXJ5dGhpbmcgZWxzZSBnb2VzIGhlcmUuXG5cbmV4cG9ydCBjb25zdCBEYXkgPSBzdHlsZWQoIFZTdGFjayApPCB7IGhhc0V2ZW50czogYm9vbGVhbiB9ID5gXG5cdGhlaWdodDogMTAwJTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmhhc0V2ZW50cyAmJlxuXHRcdGBcblx0XHQ6OmJlZm9yZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiB2YXIoLS13cC1hZG1pbi10aGVtZS1jb2xvcik7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0XHRib3R0b206IDA7XG5cdFx0XHRjb250ZW50OiBcIiBcIjtcblx0XHRcdGhlaWdodDogNHB4O1xuXHRcdFx0bGVmdDogNTAlO1xuXHRcdFx0bWFyZ2luLWxlZnQ6IC0ycHg7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR3aWR0aDogNHB4O1xuXG5cdFx0XHQuQ2FsZW5kYXJEYXlfX3NlbGVjdGVkICYge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHRcdH1cblx0XHR9XG5cdFx0YCB9XG5gO1xuXG5jb25zdCBiYXNlTmF2QnV0dG9uID0gY3NzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMTVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZQcmV2QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JHsgYmFzZU5hdkJ1dHRvbiB9XG5cdGxlZnQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2TmV4dEJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uIClgXG5cdCR7IGJhc2VOYXZCdXR0b24gfVxuXHRyaWdodDogMDtcbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-export const NavPrevButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "production" ? {
-  target: "e105ri6r1"
-} : {
-  target: "e105ri6r1",
-  label: "NavPrevButton"
-})(baseNavButton, " left:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDNkMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IFZTdGFjayB9IGZyb20gJy4uLy4uL3Ytc3RhY2snO1xuXG4vLyBTdHlsZXMgdGhhdCBvdmVycmlkZXMgdGhlIGNhbGVuZGFyIHN0eWxpbmcgcHJvdmlkZWQgYnkgcmVhY3QtZGF0ZXMgZ28gaW5cbi8vIHN0eWxlLnNjc3MuIEV2ZXJ5dGhpbmcgZWxzZSBnb2VzIGhlcmUuXG5cbmV4cG9ydCBjb25zdCBEYXkgPSBzdHlsZWQoIFZTdGFjayApPCB7IGhhc0V2ZW50czogYm9vbGVhbiB9ID5gXG5cdGhlaWdodDogMTAwJTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmhhc0V2ZW50cyAmJlxuXHRcdGBcblx0XHQ6OmJlZm9yZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiB2YXIoLS13cC1hZG1pbi10aGVtZS1jb2xvcik7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0XHRib3R0b206IDA7XG5cdFx0XHRjb250ZW50OiBcIiBcIjtcblx0XHRcdGhlaWdodDogNHB4O1xuXHRcdFx0bGVmdDogNTAlO1xuXHRcdFx0bWFyZ2luLWxlZnQ6IC0ycHg7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR3aWR0aDogNHB4O1xuXG5cdFx0XHQuQ2FsZW5kYXJEYXlfX3NlbGVjdGVkICYge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHRcdH1cblx0XHR9XG5cdFx0YCB9XG5gO1xuXG5jb25zdCBiYXNlTmF2QnV0dG9uID0gY3NzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMTVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZQcmV2QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JHsgYmFzZU5hdkJ1dHRvbiB9XG5cdGxlZnQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2TmV4dEJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uIClgXG5cdCR7IGJhc2VOYXZCdXR0b24gfVxuXHRyaWdodDogMDtcbmA7XG4iXX0= */"));
-export const NavNextButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "production" ? {
-  target: "e105ri6r0"
-} : {
-  target: "e105ri6r0",
-  label: "NavNextButton"
-})(baseNavButton, " right:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1ENkMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IFZTdGFjayB9IGZyb20gJy4uLy4uL3Ytc3RhY2snO1xuXG4vLyBTdHlsZXMgdGhhdCBvdmVycmlkZXMgdGhlIGNhbGVuZGFyIHN0eWxpbmcgcHJvdmlkZWQgYnkgcmVhY3QtZGF0ZXMgZ28gaW5cbi8vIHN0eWxlLnNjc3MuIEV2ZXJ5dGhpbmcgZWxzZSBnb2VzIGhlcmUuXG5cbmV4cG9ydCBjb25zdCBEYXkgPSBzdHlsZWQoIFZTdGFjayApPCB7IGhhc0V2ZW50czogYm9vbGVhbiB9ID5gXG5cdGhlaWdodDogMTAwJTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmhhc0V2ZW50cyAmJlxuXHRcdGBcblx0XHQ6OmJlZm9yZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiB2YXIoLS13cC1hZG1pbi10aGVtZS1jb2xvcik7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0XHRib3R0b206IDA7XG5cdFx0XHRjb250ZW50OiBcIiBcIjtcblx0XHRcdGhlaWdodDogNHB4O1xuXHRcdFx0bGVmdDogNTAlO1xuXHRcdFx0bWFyZ2luLWxlZnQ6IC0ycHg7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR3aWR0aDogNHB4O1xuXG5cdFx0XHQuQ2FsZW5kYXJEYXlfX3NlbGVjdGVkICYge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHRcdH1cblx0XHR9XG5cdFx0YCB9XG5gO1xuXG5jb25zdCBiYXNlTmF2QnV0dG9uID0gY3NzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMTVweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZQcmV2QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JHsgYmFzZU5hdkJ1dHRvbiB9XG5cdGxlZnQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2TmV4dEJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uIClgXG5cdCR7IGJhc2VOYXZCdXR0b24gfVxuXHRyaWdodDogMDtcbmA7XG4iXX0= */"));
+		`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVERyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2RhdGUtdGltZS9kYXRlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9idXR0b24nO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi8uLi9oLXN0YWNrJztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi8uLi9oZWFkaW5nJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdG9yID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvckhlYWRpbmcgPSBzdHlsZWQoIEhlYWRpbmcgKWBcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0IH07XG5cblx0c3Ryb25nIHtcblx0XHRmb250LXdlaWdodDogJHsgQ09ORklHLmZvbnRXZWlnaHRIZWFkaW5nIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhciA9IHN0eWxlZC5kaXZgXG5cdGNvbHVtbi1nYXA6ICR7IHNwYWNlKCAyICkgfTtcblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAwLjVmciByZXBlYXQoIDUsIDFmciApIDAuNWZyO1xuXHRqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG5cdHJvdy1nYXA6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlPZldlZWsgPSBzdHlsZWQuZGl2YFxuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cblx0JjpudGgtb2YtdHlwZSggMSApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHR9XG5cblx0JjpudGgtb2YtdHlwZSggNyApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERheUJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uLCB7XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3A6IHN0cmluZyApID0+XG5cdFx0ISBbICdjb2x1bW4nLCAnaXNTZWxlY3RlZCcsICdpc1RvZGF5JywgJ2hhc0V2ZW50cycgXS5pbmNsdWRlcyggcHJvcCApLFxufSApPCB7XG5cdGNvbHVtbjogbnVtYmVyO1xuXHRpc1NlbGVjdGVkOiBib29sZWFuO1xuXHRpc1RvZGF5OiBib29sZWFuO1xuXHRoYXNFdmVudHM6IGJvb2xlYW47XG59ID5gXG5cdGdyaWQtY29sdW1uOiAkeyAoIHByb3BzICkgPT4gcHJvcHMuY29sdW1uIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSAxICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogc3RhcnQ7XG5cdFx0YCB9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSA3ICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogZW5kO1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmRpc2FibGVkICYmXG5cdFx0YFxuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGAgfVxuXG5cdCYmJiB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTAwJTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA3ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDcgKSB9O1xuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHRwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudWkudGhlbWUgfTtcblx0XHRcdGNvbG9yOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHRcdGAgfVxuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHQhIHByb3BzLmlzU2VsZWN0ZWQgJiZcblx0XHRcdHByb3BzLmlzVG9kYXkgJiZcblx0XHRcdGBcblx0XHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRcdFx0YCB9XG5cdH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5oYXNFdmVudHMgJiZcblx0XHRgXG5cdFx0OjpiZWZvcmUge1xuXHRcdFx0YmFja2dyb3VuZDogJHsgcHJvcHMuaXNTZWxlY3RlZCA/IENPTE9SUy53aGl0ZSA6IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */"));
 //# sourceMappingURL=styles.js.map