@wordpress/components 20.0.1-next.d6164808d3.0 → 20.0.2-next.957ca95e4c.0

package/build-module/custom-gradient-picker/index.js

@@ -8,6 +8,7 @@ import classnames from 'classnames';
  * WordPress dependencies
  */
 
+import deprecated from '@wordpress/deprecated';
 import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
@@ -121,6 +122,15 @@ export default function CustomGradientPicker(_ref3) {
     color: getStopCssColor(colorStop),
     position: parseInt(colorStop.length.value)
   }));
+
+  if (!__nextHasNoMargin) {
+    deprecated('Outer margin styles for wp.components.CustomGradientPicker', {
+      since: '6.1',
+      version: '6.4',
+      hint: 'Set the `__nextHasNoMargin` prop to true to start opting into the new styles, which will become the default in a future version'
+    });
+  }
+
   return createElement(VStack, {
     spacing: 5,
     className: classnames('components-custom-gradient-picker', {

package/build-module/custom-gradient-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/custom-gradient-picker/index.js"],"names":["classnames","__","AnglePickerControl","CustomGradientBar","Flex","SelectControl","VStack","getGradientAstWithDefault","getLinearGradientRepresentation","getGradientAstWithControlPoints","getStopCssColor","serializeGradient","DEFAULT_LINEAR_GRADIENT_ANGLE","HORIZONTAL_GRADIENT_ORIENTATION","GRADIENT_OPTIONS","DEFAULT_GRADIENT","AccessoryWrapper","SelectWrapper","GradientAnglePicker","gradientAST","hasGradient","onChange","angle","orientation","value","onAngleChange","newAngle","type","GradientTypePicker","onSetLinearGradient","onSetRadialGradient","restGradientAST","handleOnChange","next","CustomGradientPicker","__nextHasNoMargin","__experimentalIsRenderedInSidebar","background","controlPoints","colorStops","map","colorStop","color","position","parseInt","length","newControlPoints"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AnglePickerControl from '../angle-picker-control';\nimport CustomGradientBar from './gradient-bar';\nimport { Flex } from '../flex';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport {\n\tgetGradientAstWithDefault,\n\tgetLinearGradientRepresentation,\n\tgetGradientAstWithControlPoints,\n\tgetStopCssColor,\n} from './utils';\nimport { serializeGradient } from './serializer';\nimport {\n\tDEFAULT_LINEAR_GRADIENT_ANGLE,\n\tHORIZONTAL_GRADIENT_ORIENTATION,\n\tGRADIENT_OPTIONS,\n\tDEFAULT_GRADIENT,\n} from './constants';\nimport {\n\tAccessoryWrapper,\n\tSelectWrapper,\n} from './styles/custom-gradient-picker-styles';\n\nconst GradientAnglePicker = ( { gradientAST, hasGradient, onChange } ) => {\n\tconst angle =\n\t\tgradientAST?.orientation?.value ?? DEFAULT_LINEAR_GRADIENT_ANGLE;\n\tconst onAngleChange = ( newAngle ) => {\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...gradientAST,\n\t\t\t\torientation: {\n\t\t\t\t\ttype: 'angular',\n\t\t\t\t\tvalue: newAngle,\n\t\t\t\t},\n\t\t\t} )\n\t\t);\n\t};\n\treturn (\n\t\t<AnglePickerControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tonChange={ onAngleChange }\n\t\t\tlabelPosition=\"top\"\n\t\t\tvalue={ hasGradient ? angle : '' }\n\t\t/>\n\t);\n};\n\nconst GradientTypePicker = ( { gradientAST, hasGradient, onChange } ) => {\n\tconst { type } = gradientAST;\n\tconst onSetLinearGradient = () => {\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...gradientAST,\n\t\t\t\t...( gradientAST.orientation\n\t\t\t\t\t? {}\n\t\t\t\t\t: { orientation: HORIZONTAL_GRADIENT_ORIENTATION } ),\n\t\t\t\ttype: 'linear-gradient',\n\t\t\t} )\n\t\t);\n\t};\n\n\tconst onSetRadialGradient = () => {\n\t\tconst { orientation, ...restGradientAST } = gradientAST;\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...restGradientAST,\n\t\t\t\ttype: 'radial-gradient',\n\t\t\t} )\n\t\t);\n\t};\n\n\tconst handleOnChange = ( next ) => {\n\t\tif ( next === 'linear-gradient' ) {\n\t\t\tonSetLinearGradient();\n\t\t}\n\t\tif ( next === 'radial-gradient' ) {\n\t\t\tonSetRadialGradient();\n\t\t}\n\t};\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"components-custom-gradient-picker__type-picker\"\n\t\t\tlabel={ __( 'Type' ) }\n\t\t\tlabelPosition=\"top\"\n\t\t\tonChange={ handleOnChange }\n\t\t\toptions={ GRADIENT_OPTIONS }\n\t\t\tsize=\"__unstable-large\"\n\t\t\tvalue={ hasGradient && type }\n\t\t/>\n\t);\n};\n\nexport default function CustomGradientPicker( {\n\t/** Start opting into the new margin-free styles that will become the default in a future version. */\n\t__nextHasNoMargin = false,\n\tvalue,\n\tonChange,\n\t__experimentalIsRenderedInSidebar,\n} ) {\n\tconst gradientAST = getGradientAstWithDefault( value );\n\t// On radial gradients the bar should display a linear gradient.\n\t// On radial gradients the bar represents a slice of the gradient from the center until the outside.\n\t// On liner gradients the bar represents the color stops from left to right independently of the angle.\n\tconst background = getLinearGradientRepresentation( gradientAST );\n\tconst hasGradient = gradientAST.value !== DEFAULT_GRADIENT;\n\t// Control points color option may be hex from presets, custom colors will be rgb.\n\t// The position should always be a percentage.\n\tconst controlPoints = gradientAST.colorStops.map( ( colorStop ) => ( {\n\t\tcolor: getStopCssColor( colorStop ),\n\t\tposition: parseInt( colorStop.length.value ),\n\t} ) );\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 5 }\n\t\t\tclassName={ classnames( 'components-custom-gradient-picker', {\n\t\t\t\t'is-next-has-no-margin': __nextHasNoMargin,\n\t\t\t} ) }\n\t\t>\n\t\t\t<CustomGradientBar\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tbackground={ background }\n\t\t\t\thasGradient={ hasGradient }\n\t\t\t\tvalue={ controlPoints }\n\t\t\t\tonChange={ ( newControlPoints ) => {\n\t\t\t\t\tonChange(\n\t\t\t\t\t\tserializeGradient(\n\t\t\t\t\t\t\tgetGradientAstWithControlPoints(\n\t\t\t\t\t\t\t\tgradientAST,\n\t\t\t\t\t\t\t\tnewControlPoints\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/>\n\t\t\t<Flex\n\t\t\t\tgap={ 3 }\n\t\t\t\tclassName=\"components-custom-gradient-picker__ui-line\"\n\t\t\t>\n\t\t\t\t<SelectWrapper>\n\t\t\t\t\t<GradientTypePicker\n\t\t\t\t\t\tgradientAST={ gradientAST }\n\t\t\t\t\t\thasGradient={ hasGradient }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t</SelectWrapper>\n\t\t\t\t<AccessoryWrapper>\n\t\t\t\t\t{ gradientAST.type === 'linear-gradient' && (\n\t\t\t\t\t\t<GradientAnglePicker\n\t\t\t\t\t\t\tgradientAST={ gradientAST }\n\t\t\t\t\t\t\thasGradient={ hasGradient }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</AccessoryWrapper>\n\t\t\t</Flex>\n\t\t</VStack>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/custom-gradient-picker/index.js"],"names":["classnames","deprecated","__","AnglePickerControl","CustomGradientBar","Flex","SelectControl","VStack","getGradientAstWithDefault","getLinearGradientRepresentation","getGradientAstWithControlPoints","getStopCssColor","serializeGradient","DEFAULT_LINEAR_GRADIENT_ANGLE","HORIZONTAL_GRADIENT_ORIENTATION","GRADIENT_OPTIONS","DEFAULT_GRADIENT","AccessoryWrapper","SelectWrapper","GradientAnglePicker","gradientAST","hasGradient","onChange","angle","orientation","value","onAngleChange","newAngle","type","GradientTypePicker","onSetLinearGradient","onSetRadialGradient","restGradientAST","handleOnChange","next","CustomGradientPicker","__nextHasNoMargin","__experimentalIsRenderedInSidebar","background","controlPoints","colorStops","map","colorStop","color","position","parseInt","length","since","version","hint","newControlPoints"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AnglePickerControl from '../angle-picker-control';\nimport CustomGradientBar from './gradient-bar';\nimport { Flex } from '../flex';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport {\n\tgetGradientAstWithDefault,\n\tgetLinearGradientRepresentation,\n\tgetGradientAstWithControlPoints,\n\tgetStopCssColor,\n} from './utils';\nimport { serializeGradient } from './serializer';\nimport {\n\tDEFAULT_LINEAR_GRADIENT_ANGLE,\n\tHORIZONTAL_GRADIENT_ORIENTATION,\n\tGRADIENT_OPTIONS,\n\tDEFAULT_GRADIENT,\n} from './constants';\nimport {\n\tAccessoryWrapper,\n\tSelectWrapper,\n} from './styles/custom-gradient-picker-styles';\n\nconst GradientAnglePicker = ( { gradientAST, hasGradient, onChange } ) => {\n\tconst angle =\n\t\tgradientAST?.orientation?.value ?? DEFAULT_LINEAR_GRADIENT_ANGLE;\n\tconst onAngleChange = ( newAngle ) => {\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...gradientAST,\n\t\t\t\torientation: {\n\t\t\t\t\ttype: 'angular',\n\t\t\t\t\tvalue: newAngle,\n\t\t\t\t},\n\t\t\t} )\n\t\t);\n\t};\n\treturn (\n\t\t<AnglePickerControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tonChange={ onAngleChange }\n\t\t\tlabelPosition=\"top\"\n\t\t\tvalue={ hasGradient ? angle : '' }\n\t\t/>\n\t);\n};\n\nconst GradientTypePicker = ( { gradientAST, hasGradient, onChange } ) => {\n\tconst { type } = gradientAST;\n\tconst onSetLinearGradient = () => {\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...gradientAST,\n\t\t\t\t...( gradientAST.orientation\n\t\t\t\t\t? {}\n\t\t\t\t\t: { orientation: HORIZONTAL_GRADIENT_ORIENTATION } ),\n\t\t\t\ttype: 'linear-gradient',\n\t\t\t} )\n\t\t);\n\t};\n\n\tconst onSetRadialGradient = () => {\n\t\tconst { orientation, ...restGradientAST } = gradientAST;\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...restGradientAST,\n\t\t\t\ttype: 'radial-gradient',\n\t\t\t} )\n\t\t);\n\t};\n\n\tconst handleOnChange = ( next ) => {\n\t\tif ( next === 'linear-gradient' ) {\n\t\t\tonSetLinearGradient();\n\t\t}\n\t\tif ( next === 'radial-gradient' ) {\n\t\t\tonSetRadialGradient();\n\t\t}\n\t};\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"components-custom-gradient-picker__type-picker\"\n\t\t\tlabel={ __( 'Type' ) }\n\t\t\tlabelPosition=\"top\"\n\t\t\tonChange={ handleOnChange }\n\t\t\toptions={ GRADIENT_OPTIONS }\n\t\t\tsize=\"__unstable-large\"\n\t\t\tvalue={ hasGradient && type }\n\t\t/>\n\t);\n};\n\nexport default function CustomGradientPicker( {\n\t/** Start opting into the new margin-free styles that will become the default in a future version. */\n\t__nextHasNoMargin = false,\n\tvalue,\n\tonChange,\n\t__experimentalIsRenderedInSidebar,\n} ) {\n\tconst gradientAST = getGradientAstWithDefault( value );\n\t// On radial gradients the bar should display a linear gradient.\n\t// On radial gradients the bar represents a slice of the gradient from the center until the outside.\n\t// On liner gradients the bar represents the color stops from left to right independently of the angle.\n\tconst background = getLinearGradientRepresentation( gradientAST );\n\tconst hasGradient = gradientAST.value !== DEFAULT_GRADIENT;\n\t// Control points color option may be hex from presets, custom colors will be rgb.\n\t// The position should always be a percentage.\n\tconst controlPoints = gradientAST.colorStops.map( ( colorStop ) => ( {\n\t\tcolor: getStopCssColor( colorStop ),\n\t\tposition: parseInt( colorStop.length.value ),\n\t} ) );\n\n\tif ( ! __nextHasNoMargin ) {\n\t\tdeprecated(\n\t\t\t'Outer margin styles for wp.components.CustomGradientPicker',\n\t\t\t{\n\t\t\t\tsince: '6.1',\n\t\t\t\tversion: '6.4',\n\t\t\t\thint: 'Set the `__nextHasNoMargin` prop to true to start opting into the new styles, which will become the default in a future version',\n\t\t\t}\n\t\t);\n\t}\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 5 }\n\t\t\tclassName={ classnames( 'components-custom-gradient-picker', {\n\t\t\t\t'is-next-has-no-margin': __nextHasNoMargin,\n\t\t\t} ) }\n\t\t>\n\t\t\t<CustomGradientBar\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tbackground={ background }\n\t\t\t\thasGradient={ hasGradient }\n\t\t\t\tvalue={ controlPoints }\n\t\t\t\tonChange={ ( newControlPoints ) => {\n\t\t\t\t\tonChange(\n\t\t\t\t\t\tserializeGradient(\n\t\t\t\t\t\t\tgetGradientAstWithControlPoints(\n\t\t\t\t\t\t\t\tgradientAST,\n\t\t\t\t\t\t\t\tnewControlPoints\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/>\n\t\t\t<Flex\n\t\t\t\tgap={ 3 }\n\t\t\t\tclassName=\"components-custom-gradient-picker__ui-line\"\n\t\t\t>\n\t\t\t\t<SelectWrapper>\n\t\t\t\t\t<GradientTypePicker\n\t\t\t\t\t\tgradientAST={ gradientAST }\n\t\t\t\t\t\thasGradient={ hasGradient }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t</SelectWrapper>\n\t\t\t\t<AccessoryWrapper>\n\t\t\t\t\t{ gradientAST.type === 'linear-gradient' && (\n\t\t\t\t\t\t<GradientAnglePicker\n\t\t\t\t\t\t\tgradientAST={ gradientAST }\n\t\t\t\t\t\t\thasGradient={ hasGradient }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</AccessoryWrapper>\n\t\t\t</Flex>\n\t\t</VStack>\n\t);\n}\n"]}

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

@@ -4,7 +4,7 @@ import { createElement } from "@wordpress/element";
  * External dependencies
  */
 import { useLilius } from 'use-lilius';
-import { format, isSameDay, subMonths, addMonths, startOfDay, isEqual, addDays, subWeeks, addWeeks, isSameMonth } from 'date-fns';
+import { format, isSameDay, subMonths, addMonths, startOfDay, isEqual, addDays, subWeeks, addWeeks, isSameMonth, startOfWeek, endOfWeek } from 'date-fns';
 /**
  * WordPress dependencies
  */
@@ -17,7 +17,7 @@ import { useState, useRef, useEffect } from '@wordpress/element';
  * Internal dependencies
  */
 
-import { Navigator, NavigatorHeading, Calendar, DayOfWeek, DayButton } from './styles';
+import { Wrapper, Navigator, NavigatorHeading, Calendar, DayOfWeek, DayButton } from './styles';
 import { inputToDate } from '../utils';
 import Button from '../../button';
 import { TIMEZONELESS_FORMAT } from '../constants';
@@ -48,7 +48,7 @@ export function DatePicker(_ref) {
     events = [],
     isInvalidDate,
     onMonthPreviewed,
-    startOfWeek = 0
+    startOfWeek: weekStartsOn = 0
   } = _ref;
   const date = currentDate ? inputToDate(currentDate) : new Date();
   const {
@@ -62,7 +62,7 @@ export function DatePicker(_ref) {
   } = useLilius({
     selected: [startOfDay(date)],
     viewing: startOfDay(date),
-    weekStartsOn: startOfWeek
+    weekStartsOn
   }); // Used to implement a roving tab index. Tracks the day that receives focus
   // when the user tabs into the calendar.
 
@@ -81,7 +81,7 @@ export function DatePicker(_ref) {
     setFocusable(startOfDay(date));
   }
 
-  return createElement("div", {
+  return createElement(Wrapper, {
     className: "components-datetime__date",
     role: "application",
     "aria-label": __('Calendar')
@@ -150,7 +150,24 @@ export function DatePicker(_ref) {
           nextFocusable = addWeeks(day, 1);
         }
 
+        if (event.key === 'PageUp') {
+          nextFocusable = subMonths(day, 1);
+        }
+
+        if (event.key === 'PageDown') {
+          nextFocusable = addMonths(day, 1);
+        }
+
+        if (event.key === 'Home') {
+          nextFocusable = startOfWeek(day);
+        }
+
+        if (event.key === 'End') {
+          nextFocusable = startOfDay(endOfWeek(day));
+        }
+
         if (nextFocusable) {
+          event.preventDefault();
           setFocusable(nextFocusable);
 
           if (!isSameMonth(nextFocusable, viewing)) {
@@ -178,13 +195,15 @@ function Day(_ref2) {
   } = _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.
+  // from e.g. a TimePicker input.
 
   useEffect(() => {
     if (ref.current && isFocusable && isFocusAllowed) {
       ref.current.focus();
-    }
+    } // isFocusAllowed is not a dep as there is no point calling focus() on
+    // an already focused element.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [isFocusable]);
   return createElement(DayButton, {
     ref: ref,

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["@wordpress/components/src/date-time/date/index.tsx"],"names":["useLilius","format","isSameDay","subMonths","addMonths","startOfDay","isEqual","addDays","subWeeks","addWeeks","isSameMonth","startOfWeek","endOfWeek","__","_n","sprintf","isRTL","arrowLeft","arrowRight","dateI18n","__experimentalGetSettings","useState","useRef","useEffect","Wrapper","Navigator","NavigatorHeading","Calendar","DayOfWeek","DayButton","inputToDate","Button","TIMEZONELESS_FORMAT","DatePicker","currentDate","onChange","events","isInvalidDate","onMonthPreviewed","weekStartsOn","date","Date","calendar","viewing","setSelected","setViewing","isSelected","viewPreviousMonth","viewNextMonth","selected","focusable","setFocusable","isFocusWithinCalendar","setIsFocusWithinCalendar","prevCurrentDate","setPrevCurrentDate","getTimezoneOffset","map","day","toString","week","index","filter","event","length","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","nextFocusable","key","preventDefault","Day","column","isFocusable","isFocusAllowed","isToday","isInvalid","numEvents","onClick","onKeyDown","ref","current","focus","getDayLabel","formats","localizedDate"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,YAA1B;AACA,SACCC,MADD,EAECC,SAFD,EAGCC,SAHD,EAICC,SAJD,EAKCC,UALD,EAMCC,OAND,EAOCC,OAPD,EAQCC,QARD,EASCC,QATD,EAUCC,WAVD,EAWCC,WAXD,EAYCC,SAZD,QAaO,UAbP;AAeA;AACA;AACA;;AACA,SAASC,EAAT,EAAaC,EAAb,EAAiBC,OAAjB,EAA0BC,KAA1B,QAAuC,iBAAvC;AACA,SAASC,SAAT,EAAoBC,UAApB,QAAsC,kBAAtC;AACA,SAASC,QAAT,EAAmBC,yBAAnB,QAAoD,iBAApD;AACA,SAASC,QAAT,EAAmBC,MAAnB,EAA2BC,SAA3B,QAA4C,oBAA5C;AAEA;AACA;AACA;;AAEA,SACCC,OADD,EAECC,SAFD,EAGCC,gBAHD,EAICC,QAJD,EAKCC,SALD,EAMCC,SAND,QAOO,UAPP;AAQA,SAASC,WAAT,QAA4B,UAA5B;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,SAASC,mBAAT,QAAoC,cAApC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,UAAT,OAOc;AAAA,MAPO;AAC3BC,IAAAA,WAD2B;AAE3BC,IAAAA,QAF2B;AAG3BC,IAAAA,MAAM,GAAG,EAHkB;AAI3BC,IAAAA,aAJ2B;AAK3BC,IAAAA,gBAL2B;AAM3B3B,IAAAA,WAAW,EAAE4B,YAAY,GAAG;AAND,GAOP;AACpB,QAAMC,IAAI,GAAGN,WAAW,GAAGJ,WAAW,CAAEI,WAAF,CAAd,GAAgC,IAAIO,IAAJ,EAAxD;AAEA,QAAM;AACLC,IAAAA,QADK;AAELC,IAAAA,OAFK;AAGLC,IAAAA,WAHK;AAILC,IAAAA,UAJK;AAKLC,IAAAA,UALK;AAMLC,IAAAA,iBANK;AAOLC,IAAAA;AAPK,MAQFhD,SAAS,CAAE;AACdiD,IAAAA,QAAQ,EAAE,CAAE5C,UAAU,CAAEmC,IAAF,CAAZ,CADI;AAEdG,IAAAA,OAAO,EAAEtC,UAAU,CAAEmC,IAAF,CAFL;AAGdD,IAAAA;AAHc,GAAF,CARb,CAHoB,CAiBpB;AACA;;AACA,QAAM,CAAEW,SAAF,EAAaC,YAAb,IAA8B9B,QAAQ,CAAEhB,UAAU,CAAEmC,IAAF,CAAZ,CAA5C,CAnBoB,CAqBpB;AACA;AACA;;AACA,QAAM,CAAEY,qBAAF,EAAyBC,wBAAzB,IACLhC,QAAQ,CAAE,KAAF,CADT,CAxBoB,CA2BpB;;AACA,QAAM,CAAEiC,eAAF,EAAmBC,kBAAnB,IAA0ClC,QAAQ,CAAEa,WAAF,CAAxD;;AACA,MAAKA,WAAW,KAAKoB,eAArB,EAAuC;AACtCC,IAAAA,kBAAkB,CAAErB,WAAF,CAAlB;AACAU,IAAAA,WAAW,CAAE,CAAEvC,UAAU,CAAEmC,IAAF,CAAZ,CAAF,CAAX;AACAK,IAAAA,UAAU,CAAExC,UAAU,CAAEmC,IAAF,CAAZ,CAAV;AACAW,IAAAA,YAAY,CAAE9C,UAAU,CAAEmC,IAAF,CAAZ,CAAZ;AACA;;AAED,SACC,cAAC,OAAD;AACC,IAAA,SAAS,EAAC,2BADX;AAEC,IAAA,IAAI,EAAC,aAFN;AAGC,kBAAa3B,EAAE,CAAE,UAAF;AAHhB,KAKC,cAAC,SAAD,QACC,cAAC,MAAD;AACC,IAAA,IAAI,EAAGG,KAAK,KAAKE,UAAL,GAAkBD,SAD/B;AAEC,IAAA,OAAO,EAAC,UAFT;AAGC,kBAAaJ,EAAE,CAAE,qBAAF,CAHhB;AAIC,IAAA,OAAO,EAAG,MAAM;AACfkC,MAAAA,iBAAiB;AACjBI,MAAAA,YAAY,CAAEhD,SAAS,CAAE+C,SAAF,EAAa,CAAb,CAAX,CAAZ;AACAZ,MAAAA,gBAAgB,SAAhB,IAAAA,gBAAgB,WAAhB,YAAAA,gBAAgB,CACfrC,MAAM,CACLE,SAAS,CAAEwC,OAAF,EAAW,CAAX,CADJ,EAELX,mBAFK,CADS,CAAhB;AAMA;AAbF,IADD,EAgBC,cAAC,gBAAD;AAAkB,IAAA,KAAK,EAAG;AAA1B,KACC,8BACGb,QAAQ,CACT,GADS,EAETwB,OAFS,EAGT,CAACA,OAAO,CAACa,iBAAR,EAHQ,CADX,CADD,EAOY,GAPZ,EAQGrC,QAAQ,CAAE,GAAF,EAAOwB,OAAP,EAAgB,CAACA,OAAO,CAACa,iBAAR,EAAjB,CARX,CAhBD,EA0BC,cAAC,MAAD;AACC,IAAA,IAAI,EAAGxC,KAAK,KAAKC,SAAL,GAAiBC,UAD9B;AAEC,IAAA,OAAO,EAAC,UAFT;AAGC,kBAAaL,EAAE,CAAE,iBAAF,CAHhB;AAIC,IAAA,OAAO,EAAG,MAAM;AACfmC,MAAAA,aAAa;AACbG,MAAAA,YAAY,CAAE/C,SAAS,CAAE8C,SAAF,EAAa,CAAb,CAAX,CAAZ;AACAZ,MAAAA,gBAAgB,SAAhB,IAAAA,gBAAgB,WAAhB,YAAAA,gBAAgB,CACfrC,MAAM,CACLG,SAAS,CAAEuC,OAAF,EAAW,CAAX,CADJ,EAELX,mBAFK,CADS,CAAhB;AAMA;AAbF,IA1BD,CALD,EA+CC,cAAC,QAAD;AACC,IAAA,OAAO,EAAG,MAAMqB,wBAAwB,CAAE,IAAF,CADzC;AAEC,IAAA,MAAM,EAAG,MAAMA,wBAAwB,CAAE,KAAF;AAFxC,KAIGX,QAAQ,CAAE,CAAF,CAAR,CAAe,CAAf,EAAmBe,GAAnB,CAA0BC,GAAF,IACzB,cAAC,SAAD;AAAW,IAAA,GAAG,EAAGA,GAAG,CAACC,QAAJ;AAAjB,KACGxC,QAAQ,CAAE,GAAF,EAAOuC,GAAP,EAAY,CAACA,GAAG,CAACF,iBAAJ,EAAb,CADX,CADC,CAJH,EASGd,QAAQ,CAAE,CAAF,CAAR,CAAce,GAAd,CAAqBG,IAAF,IACpBA,IAAI,CAACH,GAAL,CAAU,CAAEC,GAAF,EAAOG,KAAP,KAAkB;AAC3B,QAAK,CAAEnD,WAAW,CAAEgD,GAAF,EAAOf,OAAP,CAAlB,EAAqC;AACpC,aAAO,IAAP;AACA;;AACD,WACC,cAAC,GAAD;AACC,MAAA,GAAG,EAAGe,GAAG,CAACC,QAAJ,EADP;AAEC,MAAA,GAAG,EAAGD,GAFP;AAGC,MAAA,MAAM,EAAGG,KAAK,GAAG,CAHlB;AAIC,MAAA,UAAU,EAAGf,UAAU,CAAEY,GAAF,CAJxB;AAKC,MAAA,WAAW,EAAGpD,OAAO,CAAEoD,GAAF,EAAOR,SAAP,CALtB;AAMC,MAAA,cAAc,EAAGE,qBANlB;AAOC,MAAA,OAAO,EAAGlD,SAAS,CAAEwD,GAAF,EAAO,IAAIjB,IAAJ,EAAP,CAPpB;AAQC,MAAA,SAAS,EACRJ,aAAa,GAAGA,aAAa,CAAEqB,GAAF,CAAhB,GAA0B,KATzC;AAWC,MAAA,SAAS,EACRtB,MAAM,CAAC0B,MAAP,CAAiBC,KAAF,IACd7D,SAAS,CAAE6D,KAAK,CAACvB,IAAR,EAAckB,GAAd,CADV,EAEEM,MAdJ;AAgBC,MAAA,OAAO,EAAG,MAAM;AACfpB,QAAAA,WAAW,CAAE,CAAEc,GAAF,CAAF,CAAX;AACAP,QAAAA,YAAY,CAAEO,GAAF,CAAZ;AACAvB,QAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CACPlC,MAAM,EACL;AACA,YAAIwC,IAAJ,CACCiB,GAAG,CAACO,WAAJ,EADD,EAECP,GAAG,CAACQ,QAAJ,EAFD,EAGCR,GAAG,CAACS,OAAJ,EAHD,EAIC3B,IAAI,CAAC4B,QAAL,EAJD,EAKC5B,IAAI,CAAC6B,UAAL,EALD,EAMC7B,IAAI,CAAC8B,UAAL,EAND,EAOC9B,IAAI,CAAC+B,eAAL,EAPD,CAFK,EAWLvC,mBAXK,CADC,CAAR;AAeA,OAlCF;AAmCC,MAAA,SAAS,EAAK+B,KAAF,IAAa;AACxB,YAAIS,aAAJ;;AACA,YAAKT,KAAK,CAACU,GAAN,KAAc,WAAnB,EAAiC;AAChCD,UAAAA,aAAa,GAAGjE,OAAO,CACtBmD,GADsB,EAEtB1C,KAAK,KAAK,CAAL,GAAS,CAAC,CAFO,CAAvB;AAIA;;AACD,YAAK+C,KAAK,CAACU,GAAN,KAAc,YAAnB,EAAkC;AACjCD,UAAAA,aAAa,GAAGjE,OAAO,CACtBmD,GADsB,EAEtB1C,KAAK,KAAK,CAAC,CAAN,GAAU,CAFO,CAAvB;AAIA;;AACD,YAAK+C,KAAK,CAACU,GAAN,KAAc,SAAnB,EAA+B;AAC9BD,UAAAA,aAAa,GAAGhE,QAAQ,CAAEkD,GAAF,EAAO,CAAP,CAAxB;AACA;;AACD,YAAKK,KAAK,CAACU,GAAN,KAAc,WAAnB,EAAiC;AAChCD,UAAAA,aAAa,GAAG/D,QAAQ,CAAEiD,GAAF,EAAO,CAAP,CAAxB;AACA;;AACD,YAAKK,KAAK,CAACU,GAAN,KAAc,QAAnB,EAA8B;AAC7BD,UAAAA,aAAa,GAAGrE,SAAS,CAAEuD,GAAF,EAAO,CAAP,CAAzB;AACA;;AACD,YAAKK,KAAK,CAACU,GAAN,KAAc,UAAnB,EAAgC;AAC/BD,UAAAA,aAAa,GAAGpE,SAAS,CAAEsD,GAAF,EAAO,CAAP,CAAzB;AACA;;AACD,YAAKK,KAAK,CAACU,GAAN,KAAc,MAAnB,EAA4B;AAC3BD,UAAAA,aAAa,GAAG7D,WAAW,CAAE+C,GAAF,CAA3B;AACA;;AACD,YAAKK,KAAK,CAACU,GAAN,KAAc,KAAnB,EAA2B;AAC1BD,UAAAA,aAAa,GAAGnE,UAAU,CACzBO,SAAS,CAAE8C,GAAF,CADgB,CAA1B;AAGA;;AACD,YAAKc,aAAL,EAAqB;AACpBT,UAAAA,KAAK,CAACW,cAAN;AACAvB,UAAAA,YAAY,CAAEqB,aAAF,CAAZ;;AACA,cACC,CAAE9D,WAAW,CACZ8D,aADY,EAEZ7B,OAFY,CADd,EAKE;AACDE,YAAAA,UAAU,CAAE2B,aAAF,CAAV;AACAlC,YAAAA,gBAAgB,SAAhB,IAAAA,gBAAgB,WAAhB,YAAAA,gBAAgB,CACfrC,MAAM,CACLuE,aADK,EAELxC,mBAFK,CADS,CAAhB;AAMA;AACD;AACD;AAvFF,MADD;AA2FA,GA/FD,CADC,CATH,CA/CD,CADD;AA8JA;;AAeD,SAAS2C,GAAT,QAWc;AAAA,MAXA;AACbjB,IAAAA,GADa;AAEbkB,IAAAA,MAFa;AAGb9B,IAAAA,UAHa;AAIb+B,IAAAA,WAJa;AAKbC,IAAAA,cALa;AAMbC,IAAAA,OANa;AAObC,IAAAA,SAPa;AAQbC,IAAAA,SARa;AASbC,IAAAA,OATa;AAUbC,IAAAA;AAVa,GAWA;AACb,QAAMC,GAAG,GAAG9D,MAAM,EAAlB,CADa,CAGb;AACA;AACA;;AACAC,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAK6D,GAAG,CAACC,OAAJ,IAAeR,WAAf,IAA8BC,cAAnC,EAAoD;AACnDM,MAAAA,GAAG,CAACC,OAAJ,CAAYC,KAAZ;AACA,KAHe,CAIhB;AACA;AACA;;AACA,GAPQ,EAON,CAAET,WAAF,CAPM,CAAT;AASA,SACC,cAAC,SAAD;AACC,IAAA,GAAG,EAAGO,GADP;AAEC,IAAA,SAAS,EAAC,gCAFX,CAE4C;AAF5C;AAGC,IAAA,QAAQ,EAAGJ,SAHZ;AAIC,IAAA,QAAQ,EAAGH,WAAW,GAAG,CAAH,GAAO,CAAC,CAJ/B;AAKC,kBAAaU,WAAW,CAAE7B,GAAF,EAAOZ,UAAP,EAAmBmC,SAAnB,CALzB;AAMC,IAAA,MAAM,EAAGL,MANV;AAOC,IAAA,UAAU,EAAG9B,UAPd;AAQC,IAAA,OAAO,EAAGiC,OARX;AASC,IAAA,SAAS,EAAGE,SAAS,GAAG,CATzB;AAUC,IAAA,OAAO,EAAGC,OAVX;AAWC,IAAA,SAAS,EAAGC;AAXb,KAaGhE,QAAQ,CAAE,GAAF,EAAOuC,GAAP,EAAY,CAACA,GAAG,CAACF,iBAAJ,EAAb,CAbX,CADD;AAiBA;;AAED,SAAS+B,WAAT,CAAsB/C,IAAtB,EAAkCM,UAAlC,EAAuDmC,SAAvD,EAA2E;AAC1E,QAAM;AAAEO,IAAAA;AAAF,MAAcpE,yBAAyB,EAA7C;;AACA,QAAMqE,aAAa,GAAGtE,QAAQ,CAC7BqE,OAAO,CAAChD,IADqB,EAE7BA,IAF6B,EAG7B,CAACA,IAAI,CAACgB,iBAAL,EAH4B,CAA9B;;AAKA,MAAKV,UAAU,IAAImC,SAAS,GAAG,CAA/B,EAAmC;AAClC,WAAOlE,OAAO,EACb;AACAD,IAAAA,EAAE,CACD,qCADC,EAED,uCAFC,EAGDmE,SAHC,CAFW,EAObQ,aAPa,EAQbR,SARa,CAAd;AAUA,GAXD,MAWO,IAAKnC,UAAL,EAAkB;AACxB,WAAO/B,OAAO,EACb;AACAF,IAAAA,EAAE,CAAE,gBAAF,CAFW,EAGb4E,aAHa,CAAd;AAKA,GANM,MAMA,IAAKR,SAAS,GAAG,CAAjB,EAAqB;AAC3B,WAAOlE,OAAO,EACb;AACAD,IAAAA,EAAE,CACD,2BADC,EAED,6BAFC,EAGDmE,SAHC,CAFW,EAObQ,aAPa,EAQbR,SARa,CAAd;AAUA;;AACD,SAAOQ,aAAP;AACA;;AAED,eAAexD,UAAf","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\tstartOfWeek,\n\tendOfWeek,\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\tWrapper,\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: weekStartsOn = 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,\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<Wrapper\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 ( event.key === 'PageUp' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = subMonths( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'PageDown' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addMonths( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'Home' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = startOfWeek( day );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'End' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = startOfDay(\n\t\t\t\t\t\t\t\t\t\t\tendOfWeek( day )\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 ( nextFocusable ) {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\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</Wrapper>\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.\n\tuseEffect( () => {\n\t\tif ( ref.current && isFocusable && isFocusAllowed ) {\n\t\t\tref.current.focus();\n\t\t}\n\t\t// isFocusAllowed is not a dep as there is no point calling focus() on\n\t\t// an already focused element.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\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,5 +1,7 @@
 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
  */
@@ -12,30 +14,44 @@ import { COLORS, CONFIG } from '../../utils';
 import { HStack } from '../../h-stack';
 import { Heading } from '../../heading';
 import { space } from '../../ui/utils/space';
+export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e105ri6r5"
+} : {
+  target: "e105ri6r5",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1khn195",
+  styles: "box-sizing:border-box"
+} : {
+  name: "1khn195",
+  styles: "box-sizing:border-box",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2RhdGUtdGltZS9kYXRlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9idXR0b24nO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi8uLi9oLXN0YWNrJztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi8uLi9oZWFkaW5nJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdG9yID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvckhlYWRpbmcgPSBzdHlsZWQoIEhlYWRpbmcgKWBcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0IH07XG5cblx0c3Ryb25nIHtcblx0XHRmb250LXdlaWdodDogJHsgQ09ORklHLmZvbnRXZWlnaHRIZWFkaW5nIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhciA9IHN0eWxlZC5kaXZgXG5cdGNvbHVtbi1nYXA6ICR7IHNwYWNlKCAyICkgfTtcblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAwLjVmciByZXBlYXQoIDUsIDFmciApIDAuNWZyO1xuXHRqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG5cdHJvdy1nYXA6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlPZldlZWsgPSBzdHlsZWQuZGl2YFxuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAkeyBDT05GSUcuZm9udExpbmVIZWlnaHRCYXNlIH07XG5cblx0JjpudGgtb2YtdHlwZSggMSApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHR9XG5cblx0JjpudGgtb2YtdHlwZSggNyApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERheUJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uLCB7XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3A6IHN0cmluZyApID0+XG5cdFx0ISBbICdjb2x1bW4nLCAnaXNTZWxlY3RlZCcsICdpc1RvZGF5JywgJ2hhc0V2ZW50cycgXS5pbmNsdWRlcyggcHJvcCApLFxufSApPCB7XG5cdGNvbHVtbjogbnVtYmVyO1xuXHRpc1NlbGVjdGVkOiBib29sZWFuO1xuXHRpc1RvZGF5OiBib29sZWFuO1xuXHRoYXNFdmVudHM6IGJvb2xlYW47XG59ID5gXG5cdGdyaWQtY29sdW1uOiAkeyAoIHByb3BzICkgPT4gcHJvcHMuY29sdW1uIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSAxICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogc3RhcnQ7XG5cdFx0YCB9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSA3ICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogZW5kO1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmRpc2FibGVkICYmXG5cdFx0YFxuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGAgfVxuXG5cdCYmJiB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTAwJTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA3ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDcgKSB9O1xuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHRwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudWkudGhlbWUgfTtcblx0XHRcdGNvbG9yOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHRcdGAgfVxuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHQhIHByb3BzLmlzU2VsZWN0ZWQgJiZcblx0XHRcdHByb3BzLmlzVG9kYXkgJiZcblx0XHRcdGBcblx0XHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRcdFx0YCB9XG5cdH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5oYXNFdmVudHMgJiZcblx0XHRgXG5cdFx0OjpiZWZvcmUge1xuXHRcdFx0YmFja2dyb3VuZDogJHsgcHJvcHMuaXNTZWxlY3RlZCA/IENPTE9SUy53aGl0ZSA6IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 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 */"));
+})("margin-bottom:", space(4), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCeUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogJHsgQ09ORklHLmZvbnRMaW5lSGVpZ2h0QmFzZSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLnRoZW1lIH07XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLndoaXRlIH07XG5cdFx0XHRgIH1cblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0ISBwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRwcm9wcy5pc1RvZGF5ICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0XHRcdGAgfVxuXHR9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuaGFzRXZlbnRzICYmXG5cdFx0YFxuXHRcdDo6YmVmb3JlIHtcblx0XHRcdGJhY2tncm91bmQ6ICR7IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMud2hpdGUgOiBDT0xPUlMudWkudGhlbWUgfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRcdGJvdHRvbTogMDtcblx0XHRcdGNvbnRlbnQ6IFwiIFwiO1xuXHRcdFx0aGVpZ2h0OiA0cHg7XG5cdFx0XHRsZWZ0OiA1MCU7XG5cdFx0XHRtYXJnaW4tbGVmdDogLTJweDtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHdpZHRoOiA0cHg7XG5cdFx0fVxuXHRcdGAgfVxuYDtcbiJdfQ== */"));
 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== */"));
+})("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCaUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogJHsgQ09ORklHLmZvbnRMaW5lSGVpZ2h0QmFzZSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLnRoZW1lIH07XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLndoaXRlIH07XG5cdFx0XHRgIH1cblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0ISBwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRwcm9wcy5pc1RvZGF5ICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0XHRcdGAgfVxuXHR9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuaGFzRXZlbnRzICYmXG5cdFx0YFxuXHRcdDo6YmVmb3JlIHtcblx0XHRcdGJhY2tncm91bmQ6ICR7IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMud2hpdGUgOiBDT0xPUlMudWkudGhlbWUgfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRcdGJvdHRvbTogMDtcblx0XHRcdGNvbnRlbnQ6IFwiIFwiO1xuXHRcdFx0aGVpZ2h0OiA0cHg7XG5cdFx0XHRsZWZ0OiA1MCU7XG5cdFx0XHRtYXJnaW4tbGVmdDogLTJweDtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHdpZHRoOiA0cHg7XG5cdFx0fVxuXHRcdGAgfVxuYDtcbiJdfQ== */"));
 export const Calendar = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e105ri6r2"
 } : {
   target: "e105ri6r2",
   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== */"));
+})("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCa0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogJHsgQ09ORklHLmZvbnRMaW5lSGVpZ2h0QmFzZSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+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== */"));
+})("color:", COLORS.gray[700], ";font-size:", CONFIG.fontSize, ";line-height:", CONFIG.fontLineHeightBase, ";&: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDbUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogJHsgQ09ORklHLmZvbnRMaW5lSGVpZ2h0QmFzZSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLnRoZW1lIH07XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLndoaXRlIH07XG5cdFx0XHRgIH1cblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0ISBwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRwcm9wcy5pc1RvZGF5ICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0XHRcdGAgfVxuXHR9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuaGFzRXZlbnRzICYmXG5cdFx0YFxuXHRcdDo6YmVmb3JlIHtcblx0XHRcdGJhY2tncm91bmQ6ICR7IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMud2hpdGUgOiBDT0xPUlMudWkudGhlbWUgfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRcdGJvdHRvbTogMDtcblx0XHRcdGNvbnRlbnQ6IFwiIFwiO1xuXHRcdFx0aGVpZ2h0OiA0cHg7XG5cdFx0XHRsZWZ0OiA1MCU7XG5cdFx0XHRtYXJnaW4tbGVmdDogLTJweDtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHdpZHRoOiA0cHg7XG5cdFx0fVxuXHRcdGAgfVxuYDtcbiJdfQ== */"));
 export const DayButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "production" ? {
   shouldForwardProp: prop => !['column', 'isSelected', 'isToday', 'hasEvents'].includes(prop),
   target: "e105ri6r0"
@@ -66,5 +82,5 @@ export const DayButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "
 			position: absolute;
 			width: 4px;
 		}
-		`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVERyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2RhdGUtdGltZS9kYXRlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9idXR0b24nO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi8uLi9oLXN0YWNrJztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi8uLi9oZWFkaW5nJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdG9yID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvckhlYWRpbmcgPSBzdHlsZWQoIEhlYWRpbmcgKWBcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0IH07XG5cblx0c3Ryb25nIHtcblx0XHRmb250LXdlaWdodDogJHsgQ09ORklHLmZvbnRXZWlnaHRIZWFkaW5nIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhciA9IHN0eWxlZC5kaXZgXG5cdGNvbHVtbi1nYXA6ICR7IHNwYWNlKCAyICkgfTtcblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAwLjVmciByZXBlYXQoIDUsIDFmciApIDAuNWZyO1xuXHRqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG5cdHJvdy1nYXA6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlPZldlZWsgPSBzdHlsZWQuZGl2YFxuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cblx0JjpudGgtb2YtdHlwZSggMSApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHR9XG5cblx0JjpudGgtb2YtdHlwZSggNyApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERheUJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uLCB7XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3A6IHN0cmluZyApID0+XG5cdFx0ISBbICdjb2x1bW4nLCAnaXNTZWxlY3RlZCcsICdpc1RvZGF5JywgJ2hhc0V2ZW50cycgXS5pbmNsdWRlcyggcHJvcCApLFxufSApPCB7XG5cdGNvbHVtbjogbnVtYmVyO1xuXHRpc1NlbGVjdGVkOiBib29sZWFuO1xuXHRpc1RvZGF5OiBib29sZWFuO1xuXHRoYXNFdmVudHM6IGJvb2xlYW47XG59ID5gXG5cdGdyaWQtY29sdW1uOiAkeyAoIHByb3BzICkgPT4gcHJvcHMuY29sdW1uIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSAxICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogc3RhcnQ7XG5cdFx0YCB9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSA3ICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogZW5kO1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmRpc2FibGVkICYmXG5cdFx0YFxuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGAgfVxuXG5cdCYmJiB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTAwJTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA3ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDcgKSB9O1xuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHRwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudWkudGhlbWUgfTtcblx0XHRcdGNvbG9yOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHRcdGAgfVxuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHQhIHByb3BzLmlzU2VsZWN0ZWQgJiZcblx0XHRcdHByb3BzLmlzVG9kYXkgJiZcblx0XHRcdGBcblx0XHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRcdFx0YCB9XG5cdH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5oYXNFdmVudHMgJiZcblx0XHRgXG5cdFx0OjpiZWZvcmUge1xuXHRcdFx0YmFja2dyb3VuZDogJHsgcHJvcHMuaXNTZWxlY3RlZCA/IENPTE9SUy53aGl0ZSA6IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */"));
+		`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZERyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2RhdGUtdGltZS9kYXRlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9idXR0b24nO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi8uLi9oLXN0YWNrJztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi8uLi9oZWFkaW5nJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdG9yID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvckhlYWRpbmcgPSBzdHlsZWQoIEhlYWRpbmcgKWBcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0IH07XG5cblx0c3Ryb25nIHtcblx0XHRmb250LXdlaWdodDogJHsgQ09ORklHLmZvbnRXZWlnaHRIZWFkaW5nIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhciA9IHN0eWxlZC5kaXZgXG5cdGNvbHVtbi1nYXA6ICR7IHNwYWNlKCAyICkgfTtcblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAwLjVmciByZXBlYXQoIDUsIDFmciApIDAuNWZyO1xuXHRqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG5cdHJvdy1nYXA6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlPZldlZWsgPSBzdHlsZWQuZGl2YFxuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAkeyBDT05GSUcuZm9udExpbmVIZWlnaHRCYXNlIH07XG5cblx0JjpudGgtb2YtdHlwZSggMSApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHR9XG5cblx0JjpudGgtb2YtdHlwZSggNyApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERheUJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uLCB7XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3A6IHN0cmluZyApID0+XG5cdFx0ISBbICdjb2x1bW4nLCAnaXNTZWxlY3RlZCcsICdpc1RvZGF5JywgJ2hhc0V2ZW50cycgXS5pbmNsdWRlcyggcHJvcCApLFxufSApPCB7XG5cdGNvbHVtbjogbnVtYmVyO1xuXHRpc1NlbGVjdGVkOiBib29sZWFuO1xuXHRpc1RvZGF5OiBib29sZWFuO1xuXHRoYXNFdmVudHM6IGJvb2xlYW47XG59ID5gXG5cdGdyaWQtY29sdW1uOiAkeyAoIHByb3BzICkgPT4gcHJvcHMuY29sdW1uIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSAxICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogc3RhcnQ7XG5cdFx0YCB9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSA3ICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogZW5kO1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmRpc2FibGVkICYmXG5cdFx0YFxuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGAgfVxuXG5cdCYmJiB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTAwJTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA3ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDcgKSB9O1xuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHRwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudWkudGhlbWUgfTtcblx0XHRcdGNvbG9yOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHRcdGAgfVxuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHQhIHByb3BzLmlzU2VsZWN0ZWQgJiZcblx0XHRcdHByb3BzLmlzVG9kYXkgJiZcblx0XHRcdGBcblx0XHRcdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRcdFx0YCB9XG5cdH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5oYXNFdmVudHMgJiZcblx0XHRgXG5cdFx0OjpiZWZvcmUge1xuXHRcdFx0YmFja2dyb3VuZDogJHsgcHJvcHMuaXNTZWxlY3RlZCA/IENPTE9SUy53aGl0ZSA6IENPTE9SUy51aS50aGVtZSB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */"));
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/date/styles.ts"],"names":["Button","COLORS","CONFIG","HStack","Heading","space","Navigator","NavigatorHeading","fontSize","fontWeight","fontWeightHeading","Calendar","DayOfWeek","gray","DayButton","shouldForwardProp","prop","includes","props","column","disabled","isSelected","ui","theme","white","isToday","hasEvents"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,OAAOA,MAAP,MAAmB,cAAnB;AACA,SAASC,MAAT,EAAiBC,MAAjB,QAA+B,aAA/B;AACA,SAASC,MAAT,QAAuB,eAAvB;AACA,SAASC,OAAT,QAAwB,eAAxB;AACA,SAASC,KAAT,QAAsB,sBAAtB;AAEA,OAAO,MAAMC,SAAS,GAAG,qBAAQH,MAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,mBACHE,KAAK,CAAE,CAAF,CADF,y8GAAf;AAIP,OAAO,MAAME,gBAAgB,GAAG,qBAAQH,OAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,eACdF,MAAM,CAACM,QADO,mBAEZN,MAAM,CAACO,UAFK,0BAKXP,MAAM,CAACQ,iBALI,88GAAtB;AASP,OAAO,MAAMC,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,kBACLN,KAAK,CAAE,CAAF,CADA,oGAKRA,KAAK,CAAE,CAAF,CALG,68GAAd;AAQP,OAAO,MAAMO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,aACXX,MAAM,CAACY,IAAP,CAAa,GAAb,CADW,yhHAAf;AAYP,OAAO,MAAMC,SAAS,GAAG,qBAAQd,MAAR;AACxBe,EAAAA,iBAAiB,EAAIC,IAAF,IAClB,CAAE,CAAE,QAAF,EAAY,YAAZ,EAA0B,SAA1B,EAAqC,WAArC,EAAmDC,QAAnD,CAA6DD,IAA7D,CAFqB;AAAA;AAAA;AACxBD,EAAAA,iBAAiB,EAAIC,IAAF,IAClB,CAAE,CAAE,QAAF,EAAY,YAAZ,EAA0B,SAA1B,EAAqC,WAArC,EAAmDC,QAAnD,CAA6DD,IAA7D,CAFqB;AAAA;AAAA;AAAA,EAAH,iBASHE,KAAF,IAAaA,KAAK,CAACC,MATd,gDAahBD,KAAF,IACFA,KAAK,CAACC,MAAN,KAAiB,CAAjB,IACC;AACH;AACA,GAjBsB,OAmBhBD,KAAF,IACFA,KAAK,CAACC,MAAN,KAAiB,CAAjB,IACC;AACH;AACA,GAvBsB,OAyBhBD,KAAF,IACFA,KAAK,CAACE,QAAN,IACC;AACH;AACA,GA7BsB,qCAiCTf,KAAK,CAAE,CAAF,CAjCI,aAkCVA,KAAK,CAAE,CAAF,CAlCK,OAoCfa,KAAF,IACFA,KAAK,CAACG,UAAN,IACC;AACJ,iBAAkBpB,MAAM,CAACqB,EAAP,CAAUC,KAAO;AACnC,YAAatB,MAAM,CAACuB,KAAO;AAC3B,IAzCsB,OA2CfN,KAAF,IACF,CAAEA,KAAK,CAACG,UAAR,IACAH,KAAK,CAACO,OADN,IAEC;AACJ,iBAAkBxB,MAAM,CAACY,IAAP,CAAa,GAAb,CAAoB;AACtC,IAhDsB,QAmDhBK,KAAF,IACFA,KAAK,CAACQ,SAAN,IACC;AACH;AACA,iBAAkBR,KAAK,CAACG,UAAN,GAAmBpB,MAAM,CAACuB,KAA1B,GAAkCvB,MAAM,CAACqB,EAAP,CAAUC,KAAO;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAjEsB,y8GAAf","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { COLORS, CONFIG } from '../../utils';\nimport { HStack } from '../../h-stack';\nimport { Heading } from '../../heading';\nimport { space } from '../../ui/utils/space';\n\nexport const Navigator = styled( HStack )`\n\tmargin-bottom: ${ space( 4 ) };\n`;\n\nexport const NavigatorHeading = styled( Heading )`\n\tfont-size: ${ CONFIG.fontSize };\n\tfont-weight: ${ CONFIG.fontWeight };\n\n\tstrong {\n\t\tfont-weight: ${ CONFIG.fontWeightHeading };\n\t}\n`;\n\nexport const Calendar = styled.div`\n\tcolumn-gap: ${ space( 2 ) };\n\tdisplay: grid;\n\tgrid-template-columns: 0.5fr repeat( 5, 1fr ) 0.5fr;\n\tjustify-items: center;\n\trow-gap: ${ space( 2 ) };\n`;\n\nexport const DayOfWeek = styled.div`\n\tcolor: ${ COLORS.gray[ 700 ] };\n\n\t&:nth-of-type( 1 ) {\n\t\tjustify-self: start;\n\t}\n\n\t&:nth-of-type( 7 ) {\n\t\tjustify-self: end;\n\t}\n`;\n\nexport const DayButton = styled( Button, {\n\tshouldForwardProp: ( prop: string ) =>\n\t\t! [ 'column', 'isSelected', 'isToday', 'hasEvents' ].includes( prop ),\n} )< {\n\tcolumn: number;\n\tisSelected: boolean;\n\tisToday: boolean;\n\thasEvents: boolean;\n} >`\n\tgrid-column: ${ ( props ) => props.column };\n\tposition: relative;\n\tjustify-content: center;\n\n\t${ ( props ) =>\n\t\tprops.column === 1 &&\n\t\t`\n\t\tjustify-self: start;\n\t\t` }\n\n\t${ ( props ) =>\n\t\tprops.column === 7 &&\n\t\t`\n\t\tjustify-self: end;\n\t\t` }\n\n\t${ ( props ) =>\n\t\tprops.disabled &&\n\t\t`\n\t\tpointer-events: none;\n\t\t` }\n\n\t&&& {\n\t\tborder-radius: 100%;\n\t\theight: ${ space( 7 ) };\n\t\twidth: ${ space( 7 ) };\n\n\t\t${ ( props ) =>\n\t\t\tprops.isSelected &&\n\t\t\t`\n\t\t\tbackground: ${ COLORS.ui.theme };\n\t\t\tcolor: ${ COLORS.white };\n\t\t\t` }\n\n\t\t${ ( props ) =>\n\t\t\t! props.isSelected &&\n\t\t\tprops.isToday &&\n\t\t\t`\n\t\t\tbackground: ${ COLORS.gray[ 200 ] };\n\t\t\t` }\n\t}\n\n\t${ ( props ) =>\n\t\tprops.hasEvents &&\n\t\t`\n\t\t::before {\n\t\t\tbackground: ${ props.isSelected ? COLORS.white : COLORS.ui.theme };\n\t\t\tborder-radius: 2px;\n\t\t\tbottom: 0;\n\t\t\tcontent: \" \";\n\t\t\theight: 4px;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -2px;\n\t\t\tposition: absolute;\n\t\t\twidth: 4px;\n\t\t}\n\t\t` }\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/date-time/date/styles.ts"],"names":["Button","COLORS","CONFIG","HStack","Heading","space","Wrapper","Navigator","NavigatorHeading","fontSize","fontWeight","fontWeightHeading","Calendar","DayOfWeek","gray","fontLineHeightBase","DayButton","shouldForwardProp","prop","includes","props","column","disabled","isSelected","ui","theme","white","isToday","hasEvents"],"mappings":";;;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,OAAOA,MAAP,MAAmB,cAAnB;AACA,SAASC,MAAT,EAAiBC,MAAjB,QAA+B,aAA/B;AACA,SAASC,MAAT,QAAuB,eAAvB;AACA,SAASC,OAAT,QAAwB,eAAxB;AACA,SAASC,KAAT,QAAsB,sBAAtB;AAEA,OAAO,MAAMC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAb;AAIP,OAAO,MAAMC,SAAS,GAAG,qBAAQJ,MAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,mBACHE,KAAK,CAAE,CAAF,CADF,ypHAAf;AAIP,OAAO,MAAMG,gBAAgB,GAAG,qBAAQJ,OAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,eACdF,MAAM,CAACO,QADO,mBAEZP,MAAM,CAACQ,UAFK,0BAKXR,MAAM,CAACS,iBALI,0pHAAtB;AASP,OAAO,MAAMC,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,kBACLP,KAAK,CAAE,CAAF,CADA,oGAKRA,KAAK,CAAE,CAAF,CALG,ypHAAd;AAQP,OAAO,MAAMQ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,aACXZ,MAAM,CAACa,IAAP,CAAa,GAAb,CADW,iBAEPZ,MAAM,CAACO,QAFA,mBAGLP,MAAM,CAACa,kBAHF,quHAAf;AAcP,OAAO,MAAMC,SAAS,GAAG,qBAAQhB,MAAR;AACxBiB,EAAAA,iBAAiB,EAAIC,IAAF,IAClB,CAAE,CAAE,QAAF,EAAY,YAAZ,EAA0B,SAA1B,EAAqC,WAArC,EAAmDC,QAAnD,CAA6DD,IAA7D,CAFqB;AAAA;AAAA;AACxBD,EAAAA,iBAAiB,EAAIC,IAAF,IAClB,CAAE,CAAE,QAAF,EAAY,YAAZ,EAA0B,SAA1B,EAAqC,WAArC,EAAmDC,QAAnD,CAA6DD,IAA7D,CAFqB;AAAA;AAAA;AAAA,EAAH,iBASHE,KAAF,IAAaA,KAAK,CAACC,MATd,gDAahBD,KAAF,IACFA,KAAK,CAACC,MAAN,KAAiB,CAAjB,IACC;AACH;AACA,GAjBsB,OAmBhBD,KAAF,IACFA,KAAK,CAACC,MAAN,KAAiB,CAAjB,IACC;AACH;AACA,GAvBsB,OAyBhBD,KAAF,IACFA,KAAK,CAACE,QAAN,IACC;AACH;AACA,GA7BsB,qCAiCTjB,KAAK,CAAE,CAAF,CAjCI,aAkCVA,KAAK,CAAE,CAAF,CAlCK,OAoCfe,KAAF,IACFA,KAAK,CAACG,UAAN,IACC;AACJ,iBAAkBtB,MAAM,CAACuB,EAAP,CAAUC,KAAO;AACnC,YAAaxB,MAAM,CAACyB,KAAO;AAC3B,IAzCsB,OA2CfN,KAAF,IACF,CAAEA,KAAK,CAACG,UAAR,IACAH,KAAK,CAACO,OADN,IAEC;AACJ,iBAAkB1B,MAAM,CAACa,IAAP,CAAa,GAAb,CAAoB;AACtC,IAhDsB,QAmDhBM,KAAF,IACFA,KAAK,CAACQ,SAAN,IACC;AACH;AACA,iBAAkBR,KAAK,CAACG,UAAN,GAAmBtB,MAAM,CAACyB,KAA1B,GAAkCzB,MAAM,CAACuB,EAAP,CAAUC,KAAO;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAjEsB,qpHAAf","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { COLORS, CONFIG } from '../../utils';\nimport { HStack } from '../../h-stack';\nimport { Heading } from '../../heading';\nimport { space } from '../../ui/utils/space';\n\nexport const Wrapper = styled.div`\n\tbox-sizing: border-box;\n`;\n\nexport const Navigator = styled( HStack )`\n\tmargin-bottom: ${ space( 4 ) };\n`;\n\nexport const NavigatorHeading = styled( Heading )`\n\tfont-size: ${ CONFIG.fontSize };\n\tfont-weight: ${ CONFIG.fontWeight };\n\n\tstrong {\n\t\tfont-weight: ${ CONFIG.fontWeightHeading };\n\t}\n`;\n\nexport const Calendar = styled.div`\n\tcolumn-gap: ${ space( 2 ) };\n\tdisplay: grid;\n\tgrid-template-columns: 0.5fr repeat( 5, 1fr ) 0.5fr;\n\tjustify-items: center;\n\trow-gap: ${ space( 2 ) };\n`;\n\nexport const DayOfWeek = styled.div`\n\tcolor: ${ COLORS.gray[ 700 ] };\n\tfont-size: ${ CONFIG.fontSize };\n\tline-height: ${ CONFIG.fontLineHeightBase };\n\n\t&:nth-of-type( 1 ) {\n\t\tjustify-self: start;\n\t}\n\n\t&:nth-of-type( 7 ) {\n\t\tjustify-self: end;\n\t}\n`;\n\nexport const DayButton = styled( Button, {\n\tshouldForwardProp: ( prop: string ) =>\n\t\t! [ 'column', 'isSelected', 'isToday', 'hasEvents' ].includes( prop ),\n} )< {\n\tcolumn: number;\n\tisSelected: boolean;\n\tisToday: boolean;\n\thasEvents: boolean;\n} >`\n\tgrid-column: ${ ( props ) => props.column };\n\tposition: relative;\n\tjustify-content: center;\n\n\t${ ( props ) =>\n\t\tprops.column === 1 &&\n\t\t`\n\t\tjustify-self: start;\n\t\t` }\n\n\t${ ( props ) =>\n\t\tprops.column === 7 &&\n\t\t`\n\t\tjustify-self: end;\n\t\t` }\n\n\t${ ( props ) =>\n\t\tprops.disabled &&\n\t\t`\n\t\tpointer-events: none;\n\t\t` }\n\n\t&&& {\n\t\tborder-radius: 100%;\n\t\theight: ${ space( 7 ) };\n\t\twidth: ${ space( 7 ) };\n\n\t\t${ ( props ) =>\n\t\t\tprops.isSelected &&\n\t\t\t`\n\t\t\tbackground: ${ COLORS.ui.theme };\n\t\t\tcolor: ${ COLORS.white };\n\t\t\t` }\n\n\t\t${ ( props ) =>\n\t\t\t! props.isSelected &&\n\t\t\tprops.isToday &&\n\t\t\t`\n\t\t\tbackground: ${ COLORS.gray[ 200 ] };\n\t\t\t` }\n\t}\n\n\t${ ( props ) =>\n\t\tprops.hasEvents &&\n\t\t`\n\t\t::before {\n\t\t\tbackground: ${ props.isSelected ? COLORS.white : COLORS.ui.theme };\n\t\t\tborder-radius: 2px;\n\t\t\tbottom: 0;\n\t\t\tcontent: \" \";\n\t\t\theight: 4px;\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -2px;\n\t\t\tposition: absolute;\n\t\t\twidth: 4px;\n\t\t}\n\t\t` }\n`;\n"]}

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

@@ -17,11 +17,10 @@ import deprecated from '@wordpress/deprecated';
 import Button from '../../button';
 import { default as DatePicker } from '../date';
 import { default as TimePicker } from '../time';
-import { CalendarHelp } from './styles';
+import { Wrapper, CalendarHelp } from './styles';
 import { HStack } from '../../h-stack';
 import { Heading } from '../../heading';
 import { Spacer } from '../../spacer';
-import { VStack } from '../../v-stack';
 export { DatePicker, TimePicker };
 
 const noop = () => {};
@@ -63,7 +62,7 @@ function UnforwardedDateTimePicker(_ref, ref) {
     setCalendarHelpIsVisible(!calendarHelpIsVisible);
   }
 
-  return createElement(VStack, {
+  return createElement(Wrapper, {
     ref: ref,
     className: "components-datetime",
     spacing: 4

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/date-time/index.tsx"],"names":["useState","forwardRef","__","_x","deprecated","Button","default","DatePicker","TimePicker","CalendarHelp","HStack","Heading","Spacer","VStack","noop","UnforwardedDateTimePicker","ref","currentDate","is12Hour","isInvalidDate","onMonthPreviewed","onChange","events","startOfWeek","__nextRemoveHelpButton","__nextRemoveResetButton","since","version","hint","calendarHelpIsVisible","setCalendarHelpIsVisible","onClickDescriptionToggle","DateTimePicker"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useState, forwardRef } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { default as DatePicker } from '../date';\nimport { default as TimePicker } from '../time';\nimport type { DateTimePickerProps } from '../types';\nimport { CalendarHelp } from './styles';\nimport { HStack } from '../../h-stack';\nimport { Heading } from '../../heading';\nimport { Spacer } from '../../spacer';\nimport { VStack } from '../../v-stack';\n\nexport { DatePicker, TimePicker };\n\nconst noop = () => {};\n\nfunction UnforwardedDateTimePicker(\n\t{\n\t\tcurrentDate,\n\t\tis12Hour,\n\t\tisInvalidDate,\n\t\tonMonthPreviewed = noop,\n\t\tonChange,\n\t\tevents,\n\t\tstartOfWeek,\n\t\t__nextRemoveHelpButton = false,\n\t\t__nextRemoveResetButton = false,\n\t}: DateTimePickerProps,\n\tref: ForwardedRef< any >\n) {\n\tif ( ! __nextRemoveHelpButton ) {\n\t\tdeprecated( 'Help button in wp.components.DateTimePicker', {\n\t\t\tsince: '13.4',\n\t\t\tversion: '14.6', // Six months of plugin releases.\n\t\t\thint: 'Set the `__nextRemoveHelpButton` prop to `true` to remove this warning and opt in to the new behaviour, which will become the default in a future version.',\n\t\t} );\n\t}\n\tif ( ! __nextRemoveResetButton ) {\n\t\tdeprecated( 'Reset button in wp.components.DateTimePicker', {\n\t\t\tsince: '13.4',\n\t\t\tversion: '14.6', // Six months of plugin releases.\n\t\t\thint: 'Set the `__nextRemoveResetButton` prop to `true` to remove this warning and opt in to the new behaviour, which will become the default in a future version.',\n\t\t} );\n\t}\n\n\tconst [ calendarHelpIsVisible, setCalendarHelpIsVisible ] =\n\t\tuseState( false );\n\n\tfunction onClickDescriptionToggle() {\n\t\tsetCalendarHelpIsVisible( ! calendarHelpIsVisible );\n\t}\n\n\treturn (\n\t\t<VStack ref={ ref } className=\"components-datetime\" spacing={ 4 }>\n\t\t\t{ ! calendarHelpIsVisible && (\n\t\t\t\t<>\n\t\t\t\t\t<TimePicker\n\t\t\t\t\t\tcurrentTime={ currentDate }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tis12Hour={ is12Hour }\n\t\t\t\t\t/>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tcurrentDate={ currentDate }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tisInvalidDate={ isInvalidDate }\n\t\t\t\t\t\tevents={ events }\n\t\t\t\t\t\tonMonthPreviewed={ onMonthPreviewed }\n\t\t\t\t\t\tstartOfWeek={ startOfWeek }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ calendarHelpIsVisible && (\n\t\t\t\t<CalendarHelp\n\t\t\t\t\tclassName=\"components-datetime__calendar-help\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t<Heading level={ 4 }>{ __( 'Click to Select' ) }</Heading>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Click the right or left arrows to select other months in the past or the future.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>{ __( 'Click the desired day to select it.' ) }</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t<Heading level={ 4 }>\n\t\t\t\t\t\t{ __( 'Navigating with a keyboard' ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<abbr\n\t\t\t\t\t\t\t\taria-label={ _x( 'Enter', 'keyboard button' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t↵\n\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<span>{ __( 'Select the date in focus.' ) }</span>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<abbr aria-label={ __( 'Left and Right Arrows' ) }>\n\t\t\t\t\t\t\t\t←/→\n\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Move backward (left) or forward (right) by one day.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<abbr aria-label={ __( 'Up and Down Arrows' ) }>\n\t\t\t\t\t\t\t\t↑/↓\n\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Move backward (up) or forward (down) by one week.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<abbr aria-label={ __( 'Page Up and Page Down' ) }>\n\t\t\t\t\t\t\t\t{ __( 'PgUp/PgDn' ) }\n\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Move backward (PgUp) or forward (PgDn) by one month.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<abbr aria-label={ __( 'Home and End' ) }>\n\t\t\t\t\t\t\t\t{ /* Translators: Home/End reffer to the 'Home' and 'End' buttons on the keyboard.*/ }\n\t\t\t\t\t\t\t\t{ __( 'Home/End' ) }\n\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Go to the first (Home) or last (End) day of a week.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</CalendarHelp>\n\t\t\t) }\n\t\t\t{ ( ! __nextRemoveResetButton || ! __nextRemoveHelpButton ) && (\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__buttons\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ ! __nextRemoveResetButton &&\n\t\t\t\t\t\t! calendarHelpIsVisible &&\n\t\t\t\t\t\tcurrentDate && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"components-datetime__date-reset-button\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\tonClick={ () => onChange?.( null ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) }\n\t\t\t\t\t<Spacer />\n\t\t\t\t\t{ ! __nextRemoveHelpButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"components-datetime__date-help-toggle\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\tonClick={ onClickDescriptionToggle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ calendarHelpIsVisible\n\t\t\t\t\t\t\t\t? __( 'Close' )\n\t\t\t\t\t\t\t\t: __( 'Calendar Help' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\n/**\n * DateTimePicker is a React component that renders a calendar and clock for\n * date and time selection. The calendar and clock components can be accessed\n * individually using the `DatePicker` and `TimePicker` components respectively.\n *\n * ```jsx\n * import { DateTimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDateTimePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DateTimePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport const DateTimePicker = forwardRef( UnforwardedDateTimePicker );\n\nexport default DateTimePicker;\n"]}
+{"version":3,"sources":["@wordpress/components/src/date-time/date-time/index.tsx"],"names":["useState","forwardRef","__","_x","deprecated","Button","default","DatePicker","TimePicker","Wrapper","CalendarHelp","HStack","Heading","Spacer","noop","UnforwardedDateTimePicker","ref","currentDate","is12Hour","isInvalidDate","onMonthPreviewed","onChange","events","startOfWeek","__nextRemoveHelpButton","__nextRemoveResetButton","since","version","hint","calendarHelpIsVisible","setCalendarHelpIsVisible","onClickDescriptionToggle","DateTimePicker"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useState, forwardRef } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { default as DatePicker } from '../date';\nimport { default as TimePicker } from '../time';\nimport type { DateTimePickerProps } from '../types';\nimport { Wrapper, CalendarHelp } from './styles';\nimport { HStack } from '../../h-stack';\nimport { Heading } from '../../heading';\nimport { Spacer } from '../../spacer';\n\nexport { DatePicker, TimePicker };\n\nconst noop = () => {};\n\nfunction UnforwardedDateTimePicker(\n\t{\n\t\tcurrentDate,\n\t\tis12Hour,\n\t\tisInvalidDate,\n\t\tonMonthPreviewed = noop,\n\t\tonChange,\n\t\tevents,\n\t\tstartOfWeek,\n\t\t__nextRemoveHelpButton = false,\n\t\t__nextRemoveResetButton = false,\n\t}: DateTimePickerProps,\n\tref: ForwardedRef< any >\n) {\n\tif ( ! __nextRemoveHelpButton ) {\n\t\tdeprecated( 'Help button in wp.components.DateTimePicker', {\n\t\t\tsince: '13.4',\n\t\t\tversion: '14.6', // Six months of plugin releases.\n\t\t\thint: 'Set the `__nextRemoveHelpButton` prop to `true` to remove this warning and opt in to the new behaviour, which will become the default in a future version.',\n\t\t} );\n\t}\n\tif ( ! __nextRemoveResetButton ) {\n\t\tdeprecated( 'Reset button in wp.components.DateTimePicker', {\n\t\t\tsince: '13.4',\n\t\t\tversion: '14.6', // Six months of plugin releases.\n\t\t\thint: 'Set the `__nextRemoveResetButton` prop to `true` to remove this warning and opt in to the new behaviour, which will become the default in a future version.',\n\t\t} );\n\t}\n\n\tconst [ calendarHelpIsVisible, setCalendarHelpIsVisible ] =\n\t\tuseState( false );\n\n\tfunction onClickDescriptionToggle() {\n\t\tsetCalendarHelpIsVisible( ! calendarHelpIsVisible );\n\t}\n\n\treturn (\n\t\t<Wrapper ref={ ref } className=\"components-datetime\" spacing={ 4 }>\n\t\t\t{ ! calendarHelpIsVisible && (\n\t\t\t\t<>\n\t\t\t\t\t<TimePicker\n\t\t\t\t\t\tcurrentTime={ currentDate }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tis12Hour={ is12Hour }\n\t\t\t\t\t/>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tcurrentDate={ currentDate }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tisInvalidDate={ isInvalidDate }\n\t\t\t\t\t\tevents={ events }\n\t\t\t\t\t\tonMonthPreviewed={ onMonthPreviewed }\n\t\t\t\t\t\tstartOfWeek={ startOfWeek }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ calendarHelpIsVisible && (\n\t\t\t\t<CalendarHelp\n\t\t\t\t\tclassName=\"components-datetime__calendar-help\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t<Heading level={ 4 }>{ __( 'Click to Select' ) }</Heading>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Click the right or left arrows to select other months in the past or the future.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>{ __( 'Click the desired day to select it.' ) }</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t<Heading level={ 4 }>\n\t\t\t\t\t\t{ __( 'Navigating with a keyboard' ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<abbr\n\t\t\t\t\t\t\t\taria-label={ _x( 'Enter', 'keyboard button' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t↵\n\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<span>{ __( 'Select the date in focus.' ) }</span>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<abbr aria-label={ __( 'Left and Right Arrows' ) }>\n\t\t\t\t\t\t\t\t←/→\n\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Move backward (left) or forward (right) by one day.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<abbr aria-label={ __( 'Up and Down Arrows' ) }>\n\t\t\t\t\t\t\t\t↑/↓\n\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Move backward (up) or forward (down) by one week.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<abbr aria-label={ __( 'Page Up and Page Down' ) }>\n\t\t\t\t\t\t\t\t{ __( 'PgUp/PgDn' ) }\n\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Move backward (PgUp) or forward (PgDn) by one month.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<abbr aria-label={ __( 'Home and End' ) }>\n\t\t\t\t\t\t\t\t{ /* Translators: Home/End reffer to the 'Home' and 'End' buttons on the keyboard.*/ }\n\t\t\t\t\t\t\t\t{ __( 'Home/End' ) }\n\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Go to the first (Home) or last (End) day of a week.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</CalendarHelp>\n\t\t\t) }\n\t\t\t{ ( ! __nextRemoveResetButton || ! __nextRemoveHelpButton ) && (\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__buttons\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ ! __nextRemoveResetButton &&\n\t\t\t\t\t\t! calendarHelpIsVisible &&\n\t\t\t\t\t\tcurrentDate && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"components-datetime__date-reset-button\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\tonClick={ () => onChange?.( null ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) }\n\t\t\t\t\t<Spacer />\n\t\t\t\t\t{ ! __nextRemoveHelpButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"components-datetime__date-help-toggle\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\tonClick={ onClickDescriptionToggle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ calendarHelpIsVisible\n\t\t\t\t\t\t\t\t? __( 'Close' )\n\t\t\t\t\t\t\t\t: __( 'Calendar Help' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n\n/**\n * DateTimePicker is a React component that renders a calendar and clock for\n * date and time selection. The calendar and clock components can be accessed\n * individually using the `DatePicker` and `TimePicker` components respectively.\n *\n * ```jsx\n * import { DateTimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDateTimePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DateTimePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport const DateTimePicker = forwardRef( UnforwardedDateTimePicker );\n\nexport default DateTimePicker;\n"]}

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

@@ -5,6 +5,25 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 /**
  * External dependencies
  */
+
+/**
+ * Internal dependencies
+ */
+import { VStack } from '../../v-stack';
+export const Wrapper = /*#__PURE__*/_styled(VStack, process.env.NODE_ENV === "production" ? {
+  target: "e1p5onf01"
+} : {
+  target: "e1p5onf01",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1khn195",
+  styles: "box-sizing:border-box"
+} : {
+  name: "1khn195",
+  styles: "box-sizing:border-box",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUtdGltZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXVDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUtdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IFZTdGFjayB9IGZyb20gJy4uLy4uL3Ytc3RhY2snO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZCggVlN0YWNrIClgXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXJIZWxwID0gc3R5bGVkLmRpdmBcblx0bWluLXdpZHRoOiAyNjBweDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 export const CalendarHelp = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1p5onf00"
 } : {
@@ -16,7 +35,7 @@ export const CalendarHelp = _styled("div", process.env.NODE_ENV === "production"
 } : {
   name: "l0rwn2",
   styles: "min-width:260px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUtdGltZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3NDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUtdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhckhlbHAgPSBzdHlsZWQuZGl2YFxuXHRtaW4td2lkdGg6IDI2MHB4O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUtdGltZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3NDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUtdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IFZTdGFjayB9IGZyb20gJy4uLy4uL3Ytc3RhY2snO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZCggVlN0YWNrIClgXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXJIZWxwID0gc3R5bGVkLmRpdmBcblx0bWluLXdpZHRoOiAyNjBweDtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/date-time/styles.ts"],"names":["CalendarHelp"],"mappings":";;;;AAAA;AACA;AACA;AAGA,OAAO,MAAMA,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\nexport const CalendarHelp = styled.div`\n\tmin-width: 260px;\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/date-time/date-time/styles.ts"],"names":["VStack","Wrapper","CalendarHelp"],"mappings":";;;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,eAAvB;AAEA,OAAO,MAAMC,OAAO,GAAG,qBAAQD,MAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAb;AAIP,OAAO,MAAME,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { VStack } from '../../v-stack';\n\nexport const Wrapper = styled( VStack )`\n\tbox-sizing: border-box;\n`;\n\nexport const CalendarHelp = styled.div`\n\tmin-width: 260px;\n`;\n"]}