react-day-picker 8.0.0-beta.32 → 8.0.0-beta.33

package/build/components/MonthsDropdown/MonthsDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthsDropdown.js","sources":["../../../src/components/MonthsDropdown/MonthsDropdown.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { isSameYear, setMonth as setDateMonth, startOfMonth } from 'date-fns';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\nimport { MonthChangeEventHandler } from '../../types';\n\n/** The props for the [[MonthsDropdown]] component. */\nexport interface MonthsDropdownProps {\n  /** The month where the dropdown is displayed. */\n  displayMonth: Date;\n  onChange: MonthChangeEventHandler;\n}\n\n/**\n * Render the dropdown to navigate between months.\n */\nexport function MonthsDropdown(props: MonthsDropdownProps): JSX.Element {\n  const { displayMonth } = props;\n\n  const {\n    fromDate,\n    toDate,\n    styles,\n    locale,\n    formatters: { formatMonthCaption },\n    classNames,\n    components: { Dropdown },\n    labels: { labelMonthDropdown }\n  } = useDayPicker();\n\n  if (!fromDate && !toDate) {\n    // TODO: use type guards\n    return <></>;\n  }\n  const dropdownMonths: Date[] = [];\n\n  if (fromDate && toDate) {\n    if (isSameYear(fromDate, toDate)) {\n      // only display the months included in the range\n      for (\n        let month = fromDate.getMonth();\n        month <= toDate.getMonth();\n        month++\n      ) {\n        dropdownMonths.push(setDateMonth(startOfMonth(fromDate), month));\n      }\n    } else {\n      // display all the 12 months\n      for (let month = 0; month <= 11; month++) {\n        const anyDate = new Date(); // any date is OK, we just need the year\n        dropdownMonths.push(setDateMonth(startOfMonth(anyDate), month));\n      }\n    }\n  }\n\n  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n    const newMonth = setDateMonth(\n      new Date(displayMonth),\n      Number(e.target.value)\n    );\n    props.onChange(newMonth);\n  };\n\n  return (\n    <Dropdown\n      aria-label={labelMonthDropdown()}\n      className={classNames.dropdown_month}\n      style={styles.dropdown_month}\n      onChange={handleChange}\n      value={displayMonth.getMonth()}\n      caption={formatMonthCaption(displayMonth, { locale })}\n    >\n      {dropdownMonths.map((m) => (\n        <option key={m.getMonth()} value={m.getMonth()}>\n          {formatMonthCaption(m, { locale })}\n        </option>\n      ))}\n    </Dropdown>\n  );\n}\n"],"names":["setDateMonth"],"mappings":";;;;AAcA;;;SAGgB,cAAc,CAAC,KAA0B;IAC/C,IAAA,YAAY,GAAK,KAAK,aAAV,CAAW;IAEzB,IAAA,KASF,YAAY,EAAE,EARhB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,MAAM,YAAA,EACQ,kBAAkB,mCAAA,EAChC,UAAU,gBAAA,EACI,QAAQ,yBAAA,EACZ,kBAAkB,+BACZ,CAAC;IAEnB,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE;;QAExB,OAAO,yCAAK,CAAC;KACd;IACD,IAAM,cAAc,GAAW,EAAE,CAAC;IAElC,IAAI,QAAQ,IAAI,MAAM,EAAE;QACtB,IAAI,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE;;YAEhC,KACE,IAAI,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAC/B,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,EAC1B,KAAK,EAAE,EACP;gBACA,cAAc,CAAC,IAAI,CAACA,QAAY,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;aAClE;SACF;aAAM;;YAEL,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE;gBACxC,IAAM,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC;gBAC3B,cAAc,CAAC,IAAI,CAACA,QAAY,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;aACjE;SACF;KACF;IAED,IAAM,YAAY,GAAgD,UAAC,CAAC;QAClE,IAAM,QAAQ,GAAGA,QAAY,CAC3B,IAAI,IAAI,CAAC,YAAY,CAAC,EACtB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACvB,CAAC;QACF,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAC1B,CAAC;IAEF,QACE,oBAAC,QAAQ,kBACK,kBAAkB,EAAE,EAChC,SAAS,EAAE,UAAU,CAAC,cAAc,EACpC,KAAK,EAAE,MAAM,CAAC,cAAc,EAC5B,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,EAC9B,OAAO,EAAE,kBAAkB,CAAC,YAAY,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,IAEpD,cAAc,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,QACzB,gCAAQ,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,IAC3C,kBAAkB,CAAC,CAAC,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAC3B,IACV,CAAC,CACO,EACX;AACJ;;;;"}
+{"version":3,"file":"MonthsDropdown.js","sources":["../../../src/components/MonthsDropdown/MonthsDropdown.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isSameYear, setMonth as setDateMonth, startOfMonth } from 'date-fns';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\nimport { MonthChangeEventHandler } from '../../types/EventHandlers';\n\n/** The props for the [[MonthsDropdown]] component. */\nexport interface MonthsDropdownProps {\n  /** The month where the dropdown is displayed. */\n  displayMonth: Date;\n  onChange: MonthChangeEventHandler;\n}\n\n/**\n * Render the dropdown to navigate between months.\n */\nexport function MonthsDropdown(props: MonthsDropdownProps): JSX.Element {\n  const { displayMonth } = props;\n\n  const {\n    fromDate,\n    toDate,\n    styles,\n    locale,\n    formatters: { formatMonthCaption },\n    classNames,\n    components: { Dropdown },\n    labels: { labelMonthDropdown }\n  } = useDayPicker();\n\n  if (!fromDate && !toDate) {\n    // TODO: use type guards\n    return <></>;\n  }\n  const dropdownMonths: Date[] = [];\n\n  if (fromDate && toDate) {\n    if (isSameYear(fromDate, toDate)) {\n      // only display the months included in the range\n      for (\n        let month = fromDate.getMonth();\n        month <= toDate.getMonth();\n        month++\n      ) {\n        dropdownMonths.push(setDateMonth(startOfMonth(fromDate), month));\n      }\n    } else {\n      // display all the 12 months\n      for (let month = 0; month <= 11; month++) {\n        const anyDate = new Date(); // any date is OK, we just need the year\n        dropdownMonths.push(setDateMonth(startOfMonth(anyDate), month));\n      }\n    }\n  }\n\n  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n    const newMonth = setDateMonth(\n      new Date(displayMonth),\n      Number(e.target.value)\n    );\n    props.onChange(newMonth);\n  };\n\n  return (\n    <Dropdown\n      aria-label={labelMonthDropdown()}\n      className={classNames.dropdown_month}\n      style={styles.dropdown_month}\n      onChange={handleChange}\n      value={displayMonth.getMonth()}\n      caption={formatMonthCaption(displayMonth, { locale })}\n    >\n      {dropdownMonths.map((m) => (\n        <option key={m.getMonth()} value={m.getMonth()}>\n          {formatMonthCaption(m, { locale })}\n        </option>\n      ))}\n    </Dropdown>\n  );\n}\n"],"names":["setDateMonth"],"mappings":";;;;AAcA;;;SAGgB,cAAc,CAAC,KAA0B;IAC/C,IAAA,YAAY,GAAK,KAAK,aAAV,CAAW;IAEzB,IAAA,KASF,YAAY,EAAE,EARhB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,MAAM,YAAA,EACQ,kBAAkB,mCAAA,EAChC,UAAU,gBAAA,EACI,QAAQ,yBAAA,EACZ,kBAAkB,+BACZ,CAAC;IAEnB,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE;;QAExB,OAAO,yCAAK,CAAC;KACd;IACD,IAAM,cAAc,GAAW,EAAE,CAAC;IAElC,IAAI,QAAQ,IAAI,MAAM,EAAE;QACtB,IAAI,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE;;YAEhC,KACE,IAAI,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAC/B,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,EAC1B,KAAK,EAAE,EACP;gBACA,cAAc,CAAC,IAAI,CAACA,QAAY,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;aAClE;SACF;aAAM;;YAEL,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE;gBACxC,IAAM,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC;gBAC3B,cAAc,CAAC,IAAI,CAACA,QAAY,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;aACjE;SACF;KACF;IAED,IAAM,YAAY,GAAgD,UAAC,CAAC;QAClE,IAAM,QAAQ,GAAGA,QAAY,CAC3B,IAAI,IAAI,CAAC,YAAY,CAAC,EACtB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACvB,CAAC;QACF,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAC1B,CAAC;IAEF,QACE,oBAAC,QAAQ,kBACK,kBAAkB,EAAE,EAChC,SAAS,EAAE,UAAU,CAAC,cAAc,EACpC,KAAK,EAAE,MAAM,CAAC,cAAc,EAC5B,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,EAC9B,OAAO,EAAE,kBAAkB,CAAC,YAAY,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,IAEpD,cAAc,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,QACzB,gCAAQ,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,IAC3C,kBAAkB,CAAC,CAAC,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAC3B,IACV,CAAC,CACO,EACX;AACJ;;;;"}

package/build/components/Navigation/Navigation.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 /** The props for the [[Navigation]] component. */
 export interface NavigationProps {
     /** The month where the caption is displayed. */

package/build/components/Navigation/Navigation.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
 import { Button } from '../Button/Button.js';
 

package/build/components/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sources":["../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\nimport { Button } from '../Button';\n\n/** The props for the [[Navigation]] component. */\nexport interface NavigationProps {\n  /** The month where the caption is displayed. */\n  displayMonth: Date;\n  /** The previous month. */\n  previousMonth?: Date;\n  /** The next month. */\n  nextMonth?: Date;\n  /** Hide the previous button. */\n  hidePrevious: boolean;\n  /** Hide the next button. */\n  hideNext: boolean;\n  /** Event handler when the next button is clicked. */\n  onNextClick: React.MouseEventHandler<HTMLButtonElement>;\n  /** Event handler when the previous button is clicked. */\n  onPreviousClick: React.MouseEventHandler<HTMLButtonElement>;\n}\n\n/** A component rendering the navigation buttons or the drop-downs. */\nexport function Navigation(props: NavigationProps): JSX.Element {\n  const {\n    dir,\n    locale,\n    classNames,\n    styles,\n    labels: { labelPrevious, labelNext },\n    components: { IconRight, IconLeft }\n  } = useDayPicker();\n  let { onPreviousClick, onNextClick } = props;\n  if (dir === 'rtl') {\n    [onNextClick, onPreviousClick] = [onPreviousClick, onNextClick];\n  }\n\n  const { previousMonth, nextMonth } = props;\n\n  const previousLabel = labelPrevious(previousMonth, { locale });\n  const previousClassName = [\n    classNames.nav_button,\n    classNames.nav_button_previous\n  ].join(' ');\n\n  const nextLabel = labelNext(nextMonth, { locale });\n  const nextClassName = [\n    classNames.nav_button,\n    classNames.nav_button_next\n  ].join(' ');\n\n  if (!nextMonth && !previousMonth) {\n    return <></>;\n  }\n\n  return (\n    <div className={classNames.nav} style={styles.nav}>\n      {!props.hidePrevious && (\n        <Button\n          aria-label={previousLabel}\n          className={previousClassName}\n          style={styles.nav_button_next}\n          disabled={!previousMonth}\n          onClick={dir === 'rtl' ? onNextClick : onPreviousClick}\n        >\n          {dir === 'rtl' ? (\n            <IconRight\n              className={classNames.nav_icon}\n              style={styles.nav_icon}\n            />\n          ) : (\n            <IconLeft className={classNames.nav_icon} style={styles.nav_icon} />\n          )}\n        </Button>\n      )}\n      {!props.hideNext && (\n        <Button\n          aria-label={nextLabel}\n          className={nextClassName}\n          style={styles.nav_button_next}\n          disabled={!nextMonth}\n          onClick={dir === 'rtl' ? onPreviousClick : onNextClick}\n        >\n          {dir === 'rtl' ? (\n            <IconLeft className={classNames.nav_icon} style={styles.nav_icon} />\n          ) : (\n            <IconRight\n              className={classNames.nav_icon}\n              style={styles.nav_icon}\n            />\n          )}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAuBA;SACgB,UAAU,CAAC,KAAsB;;IACzC,IAAA,KAOF,YAAY,EAAE,EANhB,GAAG,SAAA,EACH,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,cAAoC,EAA1B,aAAa,mBAAA,EAAE,SAAS,eAAA,EAClC,kBAAmC,EAArB,SAAS,eAAA,EAAE,QAAQ,cACjB,CAAC;IACb,IAAA,eAAe,GAAkB,KAAK,gBAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAW;IAC7C,IAAI,GAAG,KAAK,KAAK,EAAE;QACjB,KAAiC,CAAC,eAAe,EAAE,WAAW,CAAC,EAA9D,WAAW,QAAA,EAAE,eAAe,QAAA,CAAmC;KACjE;IAEO,IAAA,aAAa,GAAgB,KAAK,cAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IAE3C,IAAM,aAAa,GAAG,aAAa,CAAC,aAAa,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAC/D,IAAM,iBAAiB,GAAG;QACxB,UAAU,CAAC,UAAU;QACrB,UAAU,CAAC,mBAAmB;KAC/B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,IAAM,SAAS,GAAG,SAAS,CAAC,SAAS,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IACnD,IAAM,aAAa,GAAG;QACpB,UAAU,CAAC,UAAU;QACrB,UAAU,CAAC,eAAe;KAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,IAAI,CAAC,SAAS,IAAI,CAAC,aAAa,EAAE;QAChC,OAAO,yCAAK,CAAC;KACd;IAED,QACE,6BAAK,SAAS,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG;QAC9C,CAAC,KAAK,CAAC,YAAY,KAClB,oBAAC,MAAM,kBACO,aAAa,EACzB,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,MAAM,CAAC,eAAe,EAC7B,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,GAAG,KAAK,KAAK,GAAG,WAAW,GAAG,eAAe,IAErD,GAAG,KAAK,KAAK,IACZ,oBAAC,SAAS,IACR,SAAS,EAAE,UAAU,CAAC,QAAQ,EAC9B,KAAK,EAAE,MAAM,CAAC,QAAQ,GACtB,KAEF,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,GAAI,CACrE,CACM,CACV;QACA,CAAC,KAAK,CAAC,QAAQ,KACd,oBAAC,MAAM,kBACO,SAAS,EACrB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,MAAM,CAAC,eAAe,EAC7B,QAAQ,EAAE,CAAC,SAAS,EACpB,OAAO,EAAE,GAAG,KAAK,KAAK,GAAG,eAAe,GAAG,WAAW,IAErD,GAAG,KAAK,KAAK,IACZ,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,GAAI,KAEpE,oBAAC,SAAS,IACR,SAAS,EAAE,UAAU,CAAC,QAAQ,EAC9B,KAAK,EAAE,MAAM,CAAC,QAAQ,GACtB,CACH,CACM,CACV,CACG,EACN;AACJ;;;;"}
+{"version":3,"file":"Navigation.js","sources":["../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\nimport { Button } from '../Button';\n\n/** The props for the [[Navigation]] component. */\nexport interface NavigationProps {\n  /** The month where the caption is displayed. */\n  displayMonth: Date;\n  /** The previous month. */\n  previousMonth?: Date;\n  /** The next month. */\n  nextMonth?: Date;\n  /** Hide the previous button. */\n  hidePrevious: boolean;\n  /** Hide the next button. */\n  hideNext: boolean;\n  /** Event handler when the next button is clicked. */\n  onNextClick: React.MouseEventHandler<HTMLButtonElement>;\n  /** Event handler when the previous button is clicked. */\n  onPreviousClick: React.MouseEventHandler<HTMLButtonElement>;\n}\n\n/** A component rendering the navigation buttons or the drop-downs. */\nexport function Navigation(props: NavigationProps): JSX.Element {\n  const {\n    dir,\n    locale,\n    classNames,\n    styles,\n    labels: { labelPrevious, labelNext },\n    components: { IconRight, IconLeft }\n  } = useDayPicker();\n  let { onPreviousClick, onNextClick } = props;\n  if (dir === 'rtl') {\n    [onNextClick, onPreviousClick] = [onPreviousClick, onNextClick];\n  }\n\n  const { previousMonth, nextMonth } = props;\n\n  const previousLabel = labelPrevious(previousMonth, { locale });\n  const previousClassName = [\n    classNames.nav_button,\n    classNames.nav_button_previous\n  ].join(' ');\n\n  const nextLabel = labelNext(nextMonth, { locale });\n  const nextClassName = [\n    classNames.nav_button,\n    classNames.nav_button_next\n  ].join(' ');\n\n  if (!nextMonth && !previousMonth) {\n    return <></>;\n  }\n\n  return (\n    <div className={classNames.nav} style={styles.nav}>\n      {!props.hidePrevious && (\n        <Button\n          aria-label={previousLabel}\n          className={previousClassName}\n          style={styles.nav_button_next}\n          disabled={!previousMonth}\n          onClick={dir === 'rtl' ? onNextClick : onPreviousClick}\n        >\n          {dir === 'rtl' ? (\n            <IconRight\n              className={classNames.nav_icon}\n              style={styles.nav_icon}\n            />\n          ) : (\n            <IconLeft className={classNames.nav_icon} style={styles.nav_icon} />\n          )}\n        </Button>\n      )}\n      {!props.hideNext && (\n        <Button\n          aria-label={nextLabel}\n          className={nextClassName}\n          style={styles.nav_button_next}\n          disabled={!nextMonth}\n          onClick={dir === 'rtl' ? onPreviousClick : onNextClick}\n        >\n          {dir === 'rtl' ? (\n            <IconLeft className={classNames.nav_icon} style={styles.nav_icon} />\n          ) : (\n            <IconRight\n              className={classNames.nav_icon}\n              style={styles.nav_icon}\n            />\n          )}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAuBA;SACgB,UAAU,CAAC,KAAsB;;IACzC,IAAA,KAOF,YAAY,EAAE,EANhB,GAAG,SAAA,EACH,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,cAAoC,EAA1B,aAAa,mBAAA,EAAE,SAAS,eAAA,EAClC,kBAAmC,EAArB,SAAS,eAAA,EAAE,QAAQ,cACjB,CAAC;IACb,IAAA,eAAe,GAAkB,KAAK,gBAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAW;IAC7C,IAAI,GAAG,KAAK,KAAK,EAAE;QACjB,KAAiC,CAAC,eAAe,EAAE,WAAW,CAAC,EAA9D,WAAW,QAAA,EAAE,eAAe,QAAA,CAAmC;KACjE;IAEO,IAAA,aAAa,GAAgB,KAAK,cAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IAE3C,IAAM,aAAa,GAAG,aAAa,CAAC,aAAa,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAC/D,IAAM,iBAAiB,GAAG;QACxB,UAAU,CAAC,UAAU;QACrB,UAAU,CAAC,mBAAmB;KAC/B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,IAAM,SAAS,GAAG,SAAS,CAAC,SAAS,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IACnD,IAAM,aAAa,GAAG;QACpB,UAAU,CAAC,UAAU;QACrB,UAAU,CAAC,eAAe;KAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,IAAI,CAAC,SAAS,IAAI,CAAC,aAAa,EAAE;QAChC,OAAO,yCAAK,CAAC;KACd;IAED,QACE,6BAAK,SAAS,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG;QAC9C,CAAC,KAAK,CAAC,YAAY,KAClB,oBAAC,MAAM,kBACO,aAAa,EACzB,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,MAAM,CAAC,eAAe,EAC7B,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,GAAG,KAAK,KAAK,GAAG,WAAW,GAAG,eAAe,IAErD,GAAG,KAAK,KAAK,IACZ,oBAAC,SAAS,IACR,SAAS,EAAE,UAAU,CAAC,QAAQ,EAC9B,KAAK,EAAE,MAAM,CAAC,QAAQ,GACtB,KAEF,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,GAAI,CACrE,CACM,CACV;QACA,CAAC,KAAK,CAAC,QAAQ,KACd,oBAAC,MAAM,kBACO,SAAS,EACrB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,MAAM,CAAC,eAAe,EAC7B,QAAQ,EAAE,CAAC,SAAS,EACpB,OAAO,EAAE,GAAG,KAAK,KAAK,GAAG,eAAe,GAAG,WAAW,IAErD,GAAG,KAAK,KAAK,IACZ,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,GAAI,KAEpE,oBAAC,SAAS,IACR,SAAS,EAAE,UAAU,CAAC,QAAQ,EAC9B,KAAK,EAAE,MAAM,CAAC,QAAQ,GACtB,CACH,CACM,CACV,CACG,EACN;AACJ;;;;"}

package/build/components/Root/Root.js

@@ -1,9 +1,8 @@
 import { __assign } from '../../_virtual/_tslib.js';
-import * as React from 'react';
+import React from 'react';
 import { Table } from '../Table/Table.js';
 import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
 import '../../contexts/Navigation/NavigationContext.js';
-import 'date-fns';
 import { useNavigation } from '../../contexts/Navigation/useNavigation.js';
 
 /**

package/build/components/Root/Root.js.map

@@ -1 +1 @@
-{"version":3,"file":"Root.js","sources":["../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Table } from '../Table';\nimport { useDayPicker } from '../../contexts/DayPicker';\nimport { useNavigation } from '../../contexts/Navigation';\n\n/**\n * Render the container with the months and their captions. The number of months\n * rendered depends by the `numberOfMonths` prop.\n */\nexport function Root(): JSX.Element {\n  const {\n    dir,\n    className,\n    classNames,\n    style,\n    styles,\n    numberOfMonths,\n    showWeekNumber,\n    components: { Caption }\n  } = useDayPicker();\n\n  const { displayMonths } = useNavigation();\n\n  const rootClassNames = [className ?? classNames.root];\n  if (numberOfMonths > 1) {\n    rootClassNames.push(classNames.multiple_month);\n  }\n  if (showWeekNumber) {\n    rootClassNames.push(classNames.with_weeknumber);\n  }\n  if (className) rootClassNames.concat(className.split(' '));\n\n  const renderMonth = (displayMonth: Date, displayIndex: number) => {\n    const className = [classNames.month];\n    const style = { ...styles.month };\n    let isFirst = displayIndex === 0;\n    let isLast = displayIndex === displayMonths.length - 1;\n\n    if (dir === 'rtl') [isLast, isFirst] = [isFirst, isLast];\n\n    if (isFirst) {\n      className.push(classNames.caption_first);\n      Object.assign(style, styles.caption_first);\n    }\n    if (isLast) className.push(classNames.caption_last);\n    if (!isFirst && !isLast) className.push(classNames.caption_middle);\n\n    return (\n      <div key={displayIndex} className={className.join(' ')} style={style}>\n        <Caption displayMonth={displayMonth} />\n        <Table displayMonth={displayMonth} />\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={rootClassNames.join(' ')}\n      style={{ ...styles.root, ...style }}\n      dir={dir}\n    >\n      <div className={classNames.months} style={styles.months}>\n        {displayMonths.map(renderMonth)}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAMA;;;;SAIgB,IAAI;IACZ,IAAA,KASF,YAAY,EAAE,EARhB,GAAG,SAAA,EACH,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,cAAc,oBAAA,EACA,OAAO,wBACL,CAAC;IAEX,IAAA,aAAa,GAAK,aAAa,EAAE,cAApB,CAAqB;IAE1C,IAAM,cAAc,GAAG,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,UAAU,CAAC,IAAI,CAAC,CAAC;IACtD,IAAI,cAAc,GAAG,CAAC,EAAE;QACtB,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;KAChD;IACD,IAAI,cAAc,EAAE;QAClB,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;KACjD;IACD,IAAI,SAAS;QAAE,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAE3D,IAAM,WAAW,GAAG,UAAC,YAAkB,EAAE,YAAoB;;QAC3D,IAAM,SAAS,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,IAAM,KAAK,gBAAQ,MAAM,CAAC,KAAK,CAAE,CAAC;QAClC,IAAI,OAAO,GAAG,YAAY,KAAK,CAAC,CAAC;QACjC,IAAI,MAAM,GAAG,YAAY,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;QAEvD,IAAI,GAAG,KAAK,KAAK;YAAE,KAAoB,CAAC,OAAO,EAAE,MAAM,CAAC,EAApC,MAAM,QAAA,EAAE,OAAO,QAAA,CAAsB;QAEzD,IAAI,OAAO,EAAE;YACX,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YACzC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;SAC5C;QACD,IAAI,MAAM;YAAE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QACpD,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM;YAAE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;QAEnE,QACE,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK;YAClE,oBAAC,OAAO,IAAC,YAAY,EAAE,YAAY,GAAI;YACvC,oBAAC,KAAK,IAAC,YAAY,EAAE,YAAY,GAAI,CACjC,EACN;KACH,CAAC;IAEF,QACE,6BACE,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,EACnC,KAAK,wBAAO,MAAM,CAAC,IAAI,GAAK,KAAK,GACjC,GAAG,EAAE,GAAG;QAER,6BAAK,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,IACpD,aAAa,CAAC,GAAG,CAAC,WAAW,CAAC,CAC3B,CACF,EACN;AACJ;;;;"}
+{"version":3,"file":"Root.js","sources":["../../../src/components/Root/Root.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Table } from '../Table';\nimport { useDayPicker } from '../../contexts/DayPicker';\nimport { useNavigation } from '../../contexts/Navigation';\n\n/**\n * Render the container with the months and their captions. The number of months\n * rendered depends by the `numberOfMonths` prop.\n */\nexport function Root(): JSX.Element {\n  const {\n    dir,\n    className,\n    classNames,\n    style,\n    styles,\n    numberOfMonths,\n    showWeekNumber,\n    components: { Caption }\n  } = useDayPicker();\n\n  const { displayMonths } = useNavigation();\n\n  const rootClassNames = [className ?? classNames.root];\n  if (numberOfMonths > 1) {\n    rootClassNames.push(classNames.multiple_month);\n  }\n  if (showWeekNumber) {\n    rootClassNames.push(classNames.with_weeknumber);\n  }\n  if (className) rootClassNames.concat(className.split(' '));\n\n  const renderMonth = (displayMonth: Date, displayIndex: number) => {\n    const className = [classNames.month];\n    const style = { ...styles.month };\n    let isFirst = displayIndex === 0;\n    let isLast = displayIndex === displayMonths.length - 1;\n\n    if (dir === 'rtl') [isLast, isFirst] = [isFirst, isLast];\n\n    if (isFirst) {\n      className.push(classNames.caption_first);\n      Object.assign(style, styles.caption_first);\n    }\n    if (isLast) className.push(classNames.caption_last);\n    if (!isFirst && !isLast) className.push(classNames.caption_middle);\n\n    return (\n      <div key={displayIndex} className={className.join(' ')} style={style}>\n        <Caption displayMonth={displayMonth} />\n        <Table displayMonth={displayMonth} />\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={rootClassNames.join(' ')}\n      style={{ ...styles.root, ...style }}\n      dir={dir}\n    >\n      <div className={classNames.months} style={styles.months}>\n        {displayMonths.map(renderMonth)}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAMA;;;;SAIgB,IAAI;IACZ,IAAA,KASF,YAAY,EAAE,EARhB,GAAG,SAAA,EACH,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,cAAc,oBAAA,EACA,OAAO,wBACL,CAAC;IAEX,IAAA,aAAa,GAAK,aAAa,EAAE,cAApB,CAAqB;IAE1C,IAAM,cAAc,GAAG,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,UAAU,CAAC,IAAI,CAAC,CAAC;IACtD,IAAI,cAAc,GAAG,CAAC,EAAE;QACtB,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;KAChD;IACD,IAAI,cAAc,EAAE;QAClB,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;KACjD;IACD,IAAI,SAAS;QAAE,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAE3D,IAAM,WAAW,GAAG,UAAC,YAAkB,EAAE,YAAoB;;QAC3D,IAAM,SAAS,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,IAAM,KAAK,gBAAQ,MAAM,CAAC,KAAK,CAAE,CAAC;QAClC,IAAI,OAAO,GAAG,YAAY,KAAK,CAAC,CAAC;QACjC,IAAI,MAAM,GAAG,YAAY,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;QAEvD,IAAI,GAAG,KAAK,KAAK;YAAE,KAAoB,CAAC,OAAO,EAAE,MAAM,CAAC,EAApC,MAAM,QAAA,EAAE,OAAO,QAAA,CAAsB;QAEzD,IAAI,OAAO,EAAE;YACX,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YACzC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;SAC5C;QACD,IAAI,MAAM;YAAE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QACpD,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM;YAAE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;QAEnE,QACE,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK;YAClE,oBAAC,OAAO,IAAC,YAAY,EAAE,YAAY,GAAI;YACvC,oBAAC,KAAK,IAAC,YAAY,EAAE,YAAY,GAAI,CACjC,EACN;KACH,CAAC;IAEF,QACE,6BACE,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,EACnC,KAAK,wBAAO,MAAM,CAAC,IAAI,GAAK,KAAK,GACjC,GAAG,EAAE,GAAG;QAER,6BAAK,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,IACpD,aAAa,CAAC,GAAG,CAAC,WAAW,CAAC,CAC3B,CACF,EACN;AACJ;;;;"}

package/build/components/Row/Row.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { getUnixTime } from 'date-fns';
 import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
 

package/build/components/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../src/components/Row/Row.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { getUnixTime } from 'date-fns';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\n\n/**\n * The props for the [[Row]] component.\n */\nexport interface RowProps {\n  /** The month where the row is displayed. */\n  displayMonth: Date;\n  /** The number of the week to render. */\n  weekNumber: number;\n  /** The days contained in the week. */\n  dates: Date[];\n}\n\n/**\n * Render a row in the calendar, with the days and optionally the week number.\n */\nexport function Row(props: RowProps): JSX.Element {\n  const {\n    styles,\n    classNames,\n    showWeekNumber,\n    components: { Day, WeekNumber }\n  } = useDayPicker();\n\n  let weekNumberCell;\n  if (showWeekNumber) {\n    weekNumberCell = (\n      <td className={classNames.cell} style={styles.cell}>\n        <WeekNumber number={props.weekNumber} dates={props.dates} />\n      </td>\n    );\n  }\n\n  return (\n    <tr className={classNames.row} style={styles.row}>\n      {weekNumberCell}\n      {props.dates.map((date) => (\n        <td\n          className={classNames.cell}\n          style={styles.cell}\n          key={getUnixTime(date)}\n        >\n          <Day displayMonth={props.displayMonth} date={date} />\n        </td>\n      ))}\n    </tr>\n  );\n}\n"],"names":[],"mappings":";;;;AAkBA;;;SAGgB,GAAG,CAAC,KAAe;IAC3B,IAAA,KAKF,YAAY,EAAE,EAJhB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,kBAA+B,EAAjB,GAAG,SAAA,EAAE,UAAU,gBACb,CAAC;IAEnB,IAAI,cAAc,CAAC;IACnB,IAAI,cAAc,EAAE;QAClB,cAAc,IACZ,4BAAI,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI;YAChD,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACzD,CACN,CAAC;KACH;IAED,QACE,4BAAI,SAAS,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG;QAC7C,cAAc;QACd,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,QACzB,4BACE,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC;YAEtB,oBAAC,GAAG,IAAC,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,GAAI,CAClD,IACN,CAAC,CACC,EACL;AACJ;;;;"}
+{"version":3,"file":"Row.js","sources":["../../../src/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getUnixTime } from 'date-fns';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\n\n/**\n * The props for the [[Row]] component.\n */\nexport interface RowProps {\n  /** The month where the row is displayed. */\n  displayMonth: Date;\n  /** The number of the week to render. */\n  weekNumber: number;\n  /** The days contained in the week. */\n  dates: Date[];\n}\n\n/**\n * Render a row in the calendar, with the days and optionally the week number.\n */\nexport function Row(props: RowProps): JSX.Element {\n  const {\n    styles,\n    classNames,\n    showWeekNumber,\n    components: { Day, WeekNumber }\n  } = useDayPicker();\n\n  let weekNumberCell;\n  if (showWeekNumber) {\n    weekNumberCell = (\n      <td className={classNames.cell} style={styles.cell}>\n        <WeekNumber number={props.weekNumber} dates={props.dates} />\n      </td>\n    );\n  }\n\n  return (\n    <tr className={classNames.row} style={styles.row}>\n      {weekNumberCell}\n      {props.dates.map((date) => (\n        <td\n          className={classNames.cell}\n          style={styles.cell}\n          key={getUnixTime(date)}\n        >\n          <Day displayMonth={props.displayMonth} date={date} />\n        </td>\n      ))}\n    </tr>\n  );\n}\n"],"names":[],"mappings":";;;;AAkBA;;;SAGgB,GAAG,CAAC,KAAe;IAC3B,IAAA,KAKF,YAAY,EAAE,EAJhB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,kBAA+B,EAAjB,GAAG,SAAA,EAAE,UAAU,gBACb,CAAC;IAEnB,IAAI,cAAc,CAAC;IACnB,IAAI,cAAc,EAAE;QAClB,cAAc,IACZ,4BAAI,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI;YAChD,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACzD,CACN,CAAC;KACH;IAED,QACE,4BAAI,SAAS,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG;QAC7C,cAAc;QACd,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,QACzB,4BACE,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC;YAEtB,oBAAC,GAAG,IAAC,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,GAAI,CAClD,IACN,CAAC,CACC,EACL;AACJ;;;;"}

package/build/components/Table/Table.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
 import { getWeeks } from './utils/getWeeks.js';
 

package/build/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\n\nimport { getWeeks } from './utils/getWeeks';\n\n/**\n * The props for the [[Table]] component.\n */\nexport interface TableProps {\n  /** The month where the table is displayed. */\n  displayMonth: Date;\n}\n\n/**\n * Render the table with the calendar.\n */\nexport function Table(props: TableProps): JSX.Element {\n  const {\n    locale,\n    classNames,\n    styles,\n    hideHead,\n    fixedWeeks,\n    components: { Head, Row, Footer }\n  } = useDayPicker();\n  const weeks = getWeeks(props.displayMonth, { locale, fixedWeeks });\n  return (\n    <table className={classNames.table} style={styles.table}>\n      {!hideHead && <Head />}\n      <tbody className={classNames.tbody} style={styles.tbody}>\n        {weeks.map((week) => (\n          <Row\n            displayMonth={props.displayMonth}\n            key={week.weekNumber}\n            dates={week.dates}\n            weekNumber={week.weekNumber}\n          />\n        ))}\n      </tbody>\n      <Footer />\n    </table>\n  );\n}\n"],"names":[],"mappings":";;;;AAcA;;;SAGgB,KAAK,CAAC,KAAiB;IAC/B,IAAA,KAOF,YAAY,EAAE,EANhB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,kBAAiC,EAAnB,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,MAAM,YACf,CAAC;IACnB,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,MAAM,QAAA,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC;IACnE,QACE,+BAAO,SAAS,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK;QACpD,CAAC,QAAQ,IAAI,oBAAC,IAAI,OAAG;QACtB,+BAAO,SAAS,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IACpD,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,QACnB,oBAAC,GAAG,IACF,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,GAC3B,IACH,CAAC,CACI;QACR,oBAAC,MAAM,OAAG,CACJ,EACR;AACJ;;;;"}
+{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\n\nimport { getWeeks } from './utils/getWeeks';\n\n/**\n * The props for the [[Table]] component.\n */\nexport interface TableProps {\n  /** The month where the table is displayed. */\n  displayMonth: Date;\n}\n\n/**\n * Render the table with the calendar.\n */\nexport function Table(props: TableProps): JSX.Element {\n  const {\n    locale,\n    classNames,\n    styles,\n    hideHead,\n    fixedWeeks,\n    components: { Head, Row, Footer }\n  } = useDayPicker();\n  const weeks = getWeeks(props.displayMonth, { locale, fixedWeeks });\n  return (\n    <table className={classNames.table} style={styles.table}>\n      {!hideHead && <Head />}\n      <tbody className={classNames.tbody} style={styles.tbody}>\n        {weeks.map((week) => (\n          <Row\n            displayMonth={props.displayMonth}\n            key={week.weekNumber}\n            dates={week.dates}\n            weekNumber={week.weekNumber}\n          />\n        ))}\n      </tbody>\n      <Footer />\n    </table>\n  );\n}\n"],"names":[],"mappings":";;;;AAcA;;;SAGgB,KAAK,CAAC,KAAiB;IAC/B,IAAA,KAOF,YAAY,EAAE,EANhB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,kBAAiC,EAAnB,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,MAAM,YACf,CAAC;IACnB,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,MAAM,QAAA,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC;IACnE,QACE,+BAAO,SAAS,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK;QACpD,CAAC,QAAQ,IAAI,oBAAC,IAAI,OAAG;QACtB,+BAAO,SAAS,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IACpD,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,QACnB,oBAAC,GAAG,IACF,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,GAC3B,IACH,CAAC,CACI;QACR,oBAAC,MAAM,OAAG,CACJ,EACR;AACJ;;;;"}

package/build/components/WeekNumber/WeekNumber.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Button } from '../Button/Button.js';
 import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
 

package/build/components/WeekNumber/WeekNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeekNumber.js","sources":["../../../src/components/WeekNumber/WeekNumber.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from '../Button';\nimport { useDayPicker } from '../../contexts/DayPicker';\n\n/**\n * The props for the [[WeekNumber]] component.\n */\nexport interface WeekNumberProps {\n  /** The number of the week. */\n  number: number;\n  /** The dates in the week. */\n  dates: Date[];\n}\n\n/**\n * Render the week number element. If `onWeekNumberClick` is passed to DayPicker, it\n * renders a button, otherwise a span element.\n */\nexport function WeekNumber(props: WeekNumberProps): JSX.Element {\n  const { number: weekNumber, dates } = props;\n  const {\n    onWeekNumberClick,\n    styles,\n    classNames,\n    locale,\n    labels: { labelWeekNumber },\n    formatters: { formatWeekNumber }\n  } = useDayPicker();\n\n  const handleClick: React.MouseEventHandler = function (e) {\n    onWeekNumberClick?.(weekNumber, dates, e);\n  };\n\n  const content = formatWeekNumber(Number(weekNumber), { locale });\n\n  if (!onWeekNumberClick) {\n    return (\n      <span className={classNames.weeknumber} style={styles.weeknumber}>\n        {content}\n      </span>\n    );\n  }\n\n  const label = labelWeekNumber(Number(weekNumber), { locale });\n\n  return (\n    <Button\n      aria-label={label}\n      className={classNames.weeknumber}\n      style={styles.weeknumber}\n      onClick={handleClick}\n    >\n      {content}\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;AAeA;;;;SAIgB,UAAU,CAAC,KAAsB;IACvC,IAAQ,UAAU,GAAY,KAAK,OAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IACtC,IAAA,KAOF,YAAY,EAAE,EANhB,iBAAiB,uBAAA,EACjB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,MAAM,YAAA,EACI,eAAe,4BAAA,EACX,gBAAgB,iCACd,CAAC;IAEnB,IAAM,WAAW,GAA4B,UAAU,CAAC;QACtD,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;KAC3C,CAAC;IAEF,IAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAEjE,IAAI,CAAC,iBAAiB,EAAE;QACtB,QACE,8BAAM,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,IAC7D,OAAO,CACH,EACP;KACH;IAED,IAAM,KAAK,GAAG,eAAe,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAE9D,QACE,oBAAC,MAAM,kBACO,KAAK,EACjB,SAAS,EAAE,UAAU,CAAC,UAAU,EAChC,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,OAAO,EAAE,WAAW,IAEnB,OAAO,CACD,EACT;AACJ;;;;"}
+{"version":3,"file":"WeekNumber.js","sources":["../../../src/components/WeekNumber/WeekNumber.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../Button';\nimport { useDayPicker } from '../../contexts/DayPicker';\n\n/**\n * The props for the [[WeekNumber]] component.\n */\nexport interface WeekNumberProps {\n  /** The number of the week. */\n  number: number;\n  /** The dates in the week. */\n  dates: Date[];\n}\n\n/**\n * Render the week number element. If `onWeekNumberClick` is passed to DayPicker, it\n * renders a button, otherwise a span element.\n */\nexport function WeekNumber(props: WeekNumberProps): JSX.Element {\n  const { number: weekNumber, dates } = props;\n  const {\n    onWeekNumberClick,\n    styles,\n    classNames,\n    locale,\n    labels: { labelWeekNumber },\n    formatters: { formatWeekNumber }\n  } = useDayPicker();\n\n  const handleClick: React.MouseEventHandler = function (e) {\n    onWeekNumberClick?.(weekNumber, dates, e);\n  };\n\n  const content = formatWeekNumber(Number(weekNumber), { locale });\n\n  if (!onWeekNumberClick) {\n    return (\n      <span className={classNames.weeknumber} style={styles.weeknumber}>\n        {content}\n      </span>\n    );\n  }\n\n  const label = labelWeekNumber(Number(weekNumber), { locale });\n\n  return (\n    <Button\n      aria-label={label}\n      className={classNames.weeknumber}\n      style={styles.weeknumber}\n      onClick={handleClick}\n    >\n      {content}\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;AAeA;;;;SAIgB,UAAU,CAAC,KAAsB;IACvC,IAAQ,UAAU,GAAY,KAAK,OAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IACtC,IAAA,KAOF,YAAY,EAAE,EANhB,iBAAiB,uBAAA,EACjB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,MAAM,YAAA,EACI,eAAe,4BAAA,EACX,gBAAgB,iCACd,CAAC;IAEnB,IAAM,WAAW,GAA4B,UAAU,CAAC;QACtD,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;KAC3C,CAAC;IAEF,IAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAEjE,IAAI,CAAC,iBAAiB,EAAE;QACtB,QACE,8BAAM,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,IAC7D,OAAO,CACH,EACP;KACH;IAED,IAAM,KAAK,GAAG,eAAe,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAE9D,QACE,oBAAC,MAAM,kBACO,KAAK,EACjB,SAAS,EAAE,UAAU,CAAC,UAAU,EAChC,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,OAAO,EAAE,WAAW,IAEnB,OAAO,CACD,EACT;AACJ;;;;"}

package/build/components/YearsDropdown/YearsDropdown.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MonthChangeEventHandler } from '../../types';
+import { MonthChangeEventHandler } from '../../types/EventHandlers';
 /**
  * The props for the [[YearsDropdown]] component.
  */

package/build/components/YearsDropdown/YearsDropdown.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { setYear, startOfYear } from 'date-fns';
 import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
 

package/build/components/YearsDropdown/YearsDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"YearsDropdown.js","sources":["../../../src/components/YearsDropdown/YearsDropdown.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { setYear, startOfYear } from 'date-fns';\n\nimport { MonthChangeEventHandler } from '../../types';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\n\n/**\n * The props for the [[YearsDropdown]] component.\n */\nexport interface YearsDropdownProps {\n  /** The month where the drop-down is displayed. */\n  displayMonth: Date;\n  /** Callback to handle the `change` event. */\n  onChange: MonthChangeEventHandler;\n}\n\n/**\n * Render a dropdown to change the year. Take in account the `nav.fromDate` and\n * `toDate` from context.\n */\nexport function YearsDropdown(props: YearsDropdownProps): JSX.Element {\n  const { displayMonth } = props;\n  const {\n    fromDate,\n    toDate,\n    locale,\n    styles,\n    classNames,\n    components: { Dropdown },\n    formatters: { formatYearCaption },\n    labels: { labelYearDropdown }\n  } = useDayPicker();\n\n  const years: Date[] = [];\n  if (fromDate && toDate) {\n    const fromYear = fromDate.getFullYear();\n    const toYear = toDate.getFullYear();\n    for (let year = fromYear; year <= toYear; year++) {\n      years.push(setYear(startOfYear(new Date()), year));\n    }\n  }\n\n  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n    const newMonth = setYear(new Date(displayMonth), Number(e.target.value));\n    props.onChange(newMonth);\n  };\n\n  return (\n    <Dropdown\n      aria-label={labelYearDropdown()}\n      className={classNames.dropdown_month}\n      style={styles.dropdown_month}\n      onChange={handleChange}\n      value={displayMonth.getFullYear()}\n      caption={formatYearCaption(displayMonth, { locale })}\n    >\n      {years.map((year) => (\n        <option key={year.getFullYear()} value={year.getFullYear()}>\n          {formatYearCaption(year, { locale })}\n        </option>\n      ))}\n    </Dropdown>\n  );\n}\n"],"names":[],"mappings":";;;;AAkBA;;;;SAIgB,aAAa,CAAC,KAAyB;IAC7C,IAAA,YAAY,GAAK,KAAK,aAAV,CAAW;IACzB,IAAA,KASF,YAAY,EAAE,EARhB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,MAAM,YAAA,EACN,UAAU,gBAAA,EACI,QAAQ,yBAAA,EACR,iBAAiB,kCAAA,EACrB,iBAAiB,8BACX,CAAC;IAEnB,IAAM,KAAK,GAAW,EAAE,CAAC;IACzB,IAAI,QAAQ,IAAI,MAAM,EAAE;QACtB,IAAM,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QACxC,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QACpC,KAAK,IAAI,IAAI,GAAG,QAAQ,EAAE,IAAI,IAAI,MAAM,EAAE,IAAI,EAAE,EAAE;YAChD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;SACpD;KACF;IAED,IAAM,YAAY,GAAgD,UAAC,CAAC;QAClE,IAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACzE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAC1B,CAAC;IAEF,QACE,oBAAC,QAAQ,kBACK,iBAAiB,EAAE,EAC/B,SAAS,EAAE,UAAU,CAAC,cAAc,EACpC,KAAK,EAAE,MAAM,CAAC,cAAc,EAC5B,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,YAAY,CAAC,WAAW,EAAE,EACjC,OAAO,EAAE,iBAAiB,CAAC,YAAY,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,IAEnD,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,QACnB,gCAAQ,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IACvD,iBAAiB,CAAC,IAAI,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAC7B,IACV,CAAC,CACO,EACX;AACJ;;;;"}
+{"version":3,"file":"YearsDropdown.js","sources":["../../../src/components/YearsDropdown/YearsDropdown.tsx"],"sourcesContent":["import React from 'react';\n\nimport { setYear, startOfYear } from 'date-fns';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\nimport { MonthChangeEventHandler } from '../../types/EventHandlers';\n\n/**\n * The props for the [[YearsDropdown]] component.\n */\nexport interface YearsDropdownProps {\n  /** The month where the drop-down is displayed. */\n  displayMonth: Date;\n  /** Callback to handle the `change` event. */\n  onChange: MonthChangeEventHandler;\n}\n\n/**\n * Render a dropdown to change the year. Take in account the `nav.fromDate` and\n * `toDate` from context.\n */\nexport function YearsDropdown(props: YearsDropdownProps): JSX.Element {\n  const { displayMonth } = props;\n  const {\n    fromDate,\n    toDate,\n    locale,\n    styles,\n    classNames,\n    components: { Dropdown },\n    formatters: { formatYearCaption },\n    labels: { labelYearDropdown }\n  } = useDayPicker();\n\n  const years: Date[] = [];\n  if (fromDate && toDate) {\n    const fromYear = fromDate.getFullYear();\n    const toYear = toDate.getFullYear();\n    for (let year = fromYear; year <= toYear; year++) {\n      years.push(setYear(startOfYear(new Date()), year));\n    }\n  }\n\n  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n    const newMonth = setYear(new Date(displayMonth), Number(e.target.value));\n    props.onChange(newMonth);\n  };\n\n  return (\n    <Dropdown\n      aria-label={labelYearDropdown()}\n      className={classNames.dropdown_month}\n      style={styles.dropdown_month}\n      onChange={handleChange}\n      value={displayMonth.getFullYear()}\n      caption={formatYearCaption(displayMonth, { locale })}\n    >\n      {years.map((year) => (\n        <option key={year.getFullYear()} value={year.getFullYear()}>\n          {formatYearCaption(year, { locale })}\n        </option>\n      ))}\n    </Dropdown>\n  );\n}\n"],"names":[],"mappings":";;;;AAiBA;;;;SAIgB,aAAa,CAAC,KAAyB;IAC7C,IAAA,YAAY,GAAK,KAAK,aAAV,CAAW;IACzB,IAAA,KASF,YAAY,EAAE,EARhB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,MAAM,YAAA,EACN,UAAU,gBAAA,EACI,QAAQ,yBAAA,EACR,iBAAiB,kCAAA,EACrB,iBAAiB,8BACX,CAAC;IAEnB,IAAM,KAAK,GAAW,EAAE,CAAC;IACzB,IAAI,QAAQ,IAAI,MAAM,EAAE;QACtB,IAAM,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QACxC,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QACpC,KAAK,IAAI,IAAI,GAAG,QAAQ,EAAE,IAAI,IAAI,MAAM,EAAE,IAAI,EAAE,EAAE;YAChD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;SACpD;KACF;IAED,IAAM,YAAY,GAAgD,UAAC,CAAC;QAClE,IAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACzE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAC1B,CAAC;IAEF,QACE,oBAAC,QAAQ,kBACK,iBAAiB,EAAE,EAC/B,SAAS,EAAE,UAAU,CAAC,cAAc,EACpC,KAAK,EAAE,MAAM,CAAC,cAAc,EAC5B,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,YAAY,CAAC,WAAW,EAAE,EACjC,OAAO,EAAE,iBAAiB,CAAC,YAAY,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,IAEnD,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,QACnB,gCAAQ,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IACvD,iBAAiB,CAAC,IAAI,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAC7B,IACV,CAAC,CACO,EACX;AACJ;;;;"}

package/build/contexts/DayPicker/DayPickerContext.d.ts

@@ -1,5 +1,6 @@
-import * as React from 'react';
-import { CaptionLayout, ClassNames, Components, DayPickerProps, Formatters, Labels, ModifierClassNames, Modifiers, Styles } from '../../types';
+import React from 'react';
+import { CaptionLayout } from '../../components';
+import { ClassNames, Components, DayPickerProps, Formatters, Labels, ModifierClassNames, Modifiers, Styles } from '../../types';
 /** Represent the value of the [[DayPickerContext]]. */
 export declare type DayPickerContextValue = DayPickerProps & {
     captionLayout: CaptionLayout;

package/build/contexts/DayPicker/DayPickerContext.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 /**
  * The DayPicker context shares the props passed to DayPicker within the

package/build/contexts/DayPicker/DayPickerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPickerContext.js","sources":["../../../src/contexts/DayPicker/DayPickerContext.ts"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  CaptionLayout,\n  ClassNames,\n  Components,\n  DayPickerProps,\n  Formatters,\n  Labels,\n  ModifierClassNames,\n  Modifiers,\n  Styles\n} from '../../types';\n\n/** Represent the value of the [[DayPickerContext]]. */\nexport type DayPickerContextValue = DayPickerProps & {\n  captionLayout: CaptionLayout;\n  classNames: Required<ClassNames>;\n  components: Components;\n  formatters: Formatters;\n  labels: Labels;\n  locale: Locale;\n  modifierClassNames: ModifierClassNames;\n  modifierPrefix: string;\n  modifiers: Modifiers;\n  numberOfMonths: number;\n  styles: Styles;\n  today: Date;\n\n  // Internally we handle only fromDate/Todate\n  toYear?: never;\n  fromYear?: never;\n  toMonth?: never;\n  fromMonth?: never;\n};\n\n/**\n * The DayPicker context shares the props passed to DayPicker within the\n * internal components. It is used to set the default values and  perform\n * one-time calculations required to render the days.\n *\n * Access this context from the [[useDayPicker]] hook when using custom\n * components.\n */\nexport const DayPickerContext = React.createContext<\n  DayPickerContextValue | undefined\n>(undefined);\n"],"names":[],"mappings":";;AAoCA;;;;;;;;IAQa,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAEjD,SAAS;;;;"}
+{"version":3,"file":"DayPickerContext.js","sources":["../../../src/contexts/DayPicker/DayPickerContext.ts"],"sourcesContent":["import React from 'react';\nimport { CaptionLayout } from '../../components';\n\nimport {\n  ClassNames,\n  Components,\n  DayPickerProps,\n  Formatters,\n  Labels,\n  ModifierClassNames,\n  Modifiers,\n  Styles\n} from '../../types';\n\n/** Represent the value of the [[DayPickerContext]]. */\nexport type DayPickerContextValue = DayPickerProps & {\n  captionLayout: CaptionLayout;\n  classNames: Required<ClassNames>;\n  components: Components;\n  formatters: Formatters;\n  labels: Labels;\n  locale: Locale;\n  modifierClassNames: ModifierClassNames;\n  modifierPrefix: string;\n  modifiers: Modifiers;\n  numberOfMonths: number;\n  styles: Styles;\n  today: Date;\n\n  // Internally we handle only fromDate/Todate\n  toYear?: never;\n  fromYear?: never;\n  toMonth?: never;\n  fromMonth?: never;\n};\n\n/**\n * The DayPicker context shares the props passed to DayPicker within the\n * internal components. It is used to set the default values and  perform\n * one-time calculations required to render the days.\n *\n * Access this context from the [[useDayPicker]] hook when using custom\n * components.\n */\nexport const DayPickerContext = React.createContext<\n  DayPickerContextValue | undefined\n>(undefined);\n"],"names":[],"mappings":";;AAoCA;;;;;;;;IAQa,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAEjD,SAAS;;;;"}

package/build/contexts/DayPicker/DayPickerProvider.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { DayPickerProps } from '../../types';
 /** Represent the props for the [[DayPickerProvider]]. */
 export interface DayPickerProviderProps {

package/build/contexts/DayPicker/DayPickerProvider.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from '../../_virtual/_tslib.js';
-import * as React from 'react';
+import React from 'react';
 import enUS from 'date-fns/locale/en-US';
 import { Caption } from '../../components/Caption/Caption.js';
 import { CaptionLabel } from '../../components/CaptionLabel/CaptionLabel.js';

package/build/contexts/DayPicker/DayPickerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPickerProvider.js","sources":["../../../src/contexts/DayPicker/DayPickerProvider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport enUS from 'date-fns/locale/en-US';\n\nimport { Caption } from '../../components/Caption';\nimport { CaptionLabel } from '../../components/CaptionLabel';\nimport { Day } from '../../components/Day';\nimport { DayContent } from '../../components/DayContent';\nimport { Dropdown } from '../../components/Dropdown';\nimport { Footer } from '../../components/Footer';\nimport { Head } from '../../components/Head';\nimport { IconDropdown } from '../../components/IconDropdown';\nimport { IconLeft } from '../../components/IconLeft';\nimport { IconRight } from '../../components/IconRight';\nimport { Row } from '../../components/Row';\nimport { WeekNumber } from '../../components/WeekNumber';\nimport { DayPickerProps } from '../../types';\nimport { DayPickerContext, DayPickerContextValue } from './DayPickerContext';\nimport { defaultClassNames } from './defaultClassNames';\nimport * as formatters from './formatters';\nimport * as labels from './labels';\nimport { parseFromToProps, parseModifierProps } from './utils';\n\n/** Represent the props for the [[DayPickerProvider]]. */\nexport interface DayPickerProviderProps {\n  /** The props passed to the DayPicker component. */\n  initialProps: DayPickerProps;\n  children?: React.ReactNode;\n}\n/**\n * The provider for the [[DayPickerContext]].\n */\nexport function DayPickerProvider(props: DayPickerProviderProps): JSX.Element {\n  const { children, initialProps } = props;\n\n  const locale = initialProps.locale ?? enUS;\n  const numberOfMonths = initialProps.numberOfMonths ?? 1;\n  const today = initialProps.today ?? new Date();\n\n  // Limit navigation\n  const { fromDate, toDate } = parseFromToProps(initialProps);\n\n  // Default caption layout. If calendar navigation is unlimited, it must be\n  // always `buttons` – as we cannot display infinite options in the dropdown.\n  let captionLayout = initialProps.captionLayout ?? 'buttons';\n  if (!fromDate && !toDate) captionLayout = 'buttons';\n\n  const modifiers = parseModifierProps(initialProps);\n\n  // Disable days before/after from/toDate\n  if (fromDate) {\n    modifiers.disabled.push({ before: fromDate });\n  }\n  if (toDate) {\n    modifiers.disabled.push({ after: toDate });\n  }\n\n  const { toYear, fromYear, toMonth, fromMonth, ...contextProps } =\n    initialProps;\n\n  const context: DayPickerContextValue = {\n    ...contextProps,\n\n    captionLayout,\n\n    fromDate,\n    toDate,\n    today,\n\n    locale,\n\n    modifierClassNames: initialProps.modifierClassNames ?? {},\n    modifierPrefix: 'rdp-day_',\n    modifiers: modifiers,\n    numberOfMonths,\n\n    styles: initialProps.styles ?? {},\n    classNames: {\n      ...defaultClassNames,\n      ...initialProps.classNames\n    },\n    formatters: {\n      ...formatters,\n      ...initialProps.formatters\n    },\n    labels: {\n      ...labels,\n      ...initialProps.labels\n    },\n    components: {\n      Caption: Caption,\n      CaptionLabel: CaptionLabel,\n      Day: Day,\n      DayContent: DayContent,\n      Dropdown: Dropdown,\n      Footer: Footer,\n      Head: Head,\n      IconDropdown: IconDropdown,\n      IconRight: IconRight,\n      IconLeft: IconLeft,\n      Row: Row,\n      WeekNumber: WeekNumber,\n      ...initialProps.components\n    }\n  };\n\n  return (\n    <DayPickerContext.Provider value={context}>\n      {children}\n    </DayPickerContext.Provider>\n  );\n}\n"],"names":["formatters","labels"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;;;SAGgB,iBAAiB,CAAC,KAA6B;;IACrD,IAAA,QAAQ,GAAmB,KAAK,SAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IAEzC,IAAM,MAAM,GAAG,MAAA,YAAY,CAAC,MAAM,mCAAI,IAAI,CAAC;IAC3C,IAAM,cAAc,GAAG,MAAA,YAAY,CAAC,cAAc,mCAAI,CAAC,CAAC;IACxD,IAAM,KAAK,GAAG,MAAA,YAAY,CAAC,KAAK,mCAAI,IAAI,IAAI,EAAE,CAAC;;IAGzC,IAAA,KAAuB,gBAAgB,CAAC,YAAY,CAAC,EAAnD,QAAQ,cAAA,EAAE,MAAM,YAAmC,CAAC;;;IAI5D,IAAI,aAAa,GAAG,MAAA,YAAY,CAAC,aAAa,mCAAI,SAAS,CAAC;IAC5D,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM;QAAE,aAAa,GAAG,SAAS,CAAC;IAEpD,IAAM,SAAS,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;;IAGnD,IAAI,QAAQ,EAAE;QACZ,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;KAC/C;IACD,IAAI,MAAM,EAAE;QACV,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;KAC5C;IAGC,YAAY,OADA,EACZ,YAAY,SADU,EACtB,YAAY,QADmB,EAC/B,YAAY,UAD8B,MAAK,YAAY,UAC3D,YAAY,EADR,8CAAyD,EAChD;IAEf,IAAM,OAAO,yBACR,YAAY,KAEf,aAAa,eAAA,EAEb,QAAQ,UAAA,EACR,MAAM,QAAA,EACN,KAAK,OAAA,EAEL,MAAM,QAAA,EAEN,kBAAkB,EAAE,MAAA,YAAY,CAAC,kBAAkB,mCAAI,EAAE,EACzD,cAAc,EAAE,UAAU,EAC1B,SAAS,EAAE,SAAS,EACpB,cAAc,gBAAA,EAEd,MAAM,EAAE,MAAA,YAAY,CAAC,MAAM,mCAAI,EAAE,EACjC,UAAU,wBACL,iBAAiB,GACjB,YAAY,CAAC,UAAU,GAE5B,UAAU,wBACLA,KAAU,GACV,YAAY,CAAC,UAAU,GAE5B,MAAM,wBACDC,OAAM,GACN,YAAY,CAAC,MAAM,GAExB,UAAU,aACR,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,IACnB,YAAY,CAAC,UAAU,IAE7B,CAAC;IAEF,QACE,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IACtC,QAAQ,CACiB,EAC5B;AACJ;;;;"}
+{"version":3,"file":"DayPickerProvider.js","sources":["../../../src/contexts/DayPicker/DayPickerProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport enUS from 'date-fns/locale/en-US';\n\nimport { Caption } from '../../components/Caption';\nimport { CaptionLabel } from '../../components/CaptionLabel';\nimport { Day } from '../../components/Day';\nimport { DayContent } from '../../components/DayContent';\nimport { Dropdown } from '../../components/Dropdown';\nimport { Footer } from '../../components/Footer';\nimport { Head } from '../../components/Head';\nimport { IconDropdown } from '../../components/IconDropdown';\nimport { IconLeft } from '../../components/IconLeft';\nimport { IconRight } from '../../components/IconRight';\nimport { Row } from '../../components/Row';\nimport { WeekNumber } from '../../components/WeekNumber';\nimport { DayPickerProps } from '../../types';\nimport { DayPickerContext, DayPickerContextValue } from './DayPickerContext';\nimport { defaultClassNames } from './defaultClassNames';\nimport * as formatters from './formatters';\nimport * as labels from './labels';\nimport { parseFromToProps, parseModifierProps } from './utils';\n\n/** Represent the props for the [[DayPickerProvider]]. */\nexport interface DayPickerProviderProps {\n  /** The props passed to the DayPicker component. */\n  initialProps: DayPickerProps;\n  children?: React.ReactNode;\n}\n/**\n * The provider for the [[DayPickerContext]].\n */\nexport function DayPickerProvider(props: DayPickerProviderProps): JSX.Element {\n  const { children, initialProps } = props;\n\n  const locale = initialProps.locale ?? enUS;\n  const numberOfMonths = initialProps.numberOfMonths ?? 1;\n  const today = initialProps.today ?? new Date();\n\n  // Limit navigation\n  const { fromDate, toDate } = parseFromToProps(initialProps);\n\n  // Default caption layout. If calendar navigation is unlimited, it must be\n  // always `buttons` – as we cannot display infinite options in the dropdown.\n  let captionLayout = initialProps.captionLayout ?? 'buttons';\n  if (!fromDate && !toDate) captionLayout = 'buttons';\n\n  const modifiers = parseModifierProps(initialProps);\n\n  // Disable days before/after from/toDate\n  if (fromDate) {\n    modifiers.disabled.push({ before: fromDate });\n  }\n  if (toDate) {\n    modifiers.disabled.push({ after: toDate });\n  }\n\n  const { toYear, fromYear, toMonth, fromMonth, ...contextProps } =\n    initialProps;\n\n  const context: DayPickerContextValue = {\n    ...contextProps,\n\n    captionLayout,\n\n    fromDate,\n    toDate,\n    today,\n\n    locale,\n\n    modifierClassNames: initialProps.modifierClassNames ?? {},\n    modifierPrefix: 'rdp-day_',\n    modifiers: modifiers,\n    numberOfMonths,\n\n    styles: initialProps.styles ?? {},\n    classNames: {\n      ...defaultClassNames,\n      ...initialProps.classNames\n    },\n    formatters: {\n      ...formatters,\n      ...initialProps.formatters\n    },\n    labels: {\n      ...labels,\n      ...initialProps.labels\n    },\n    components: {\n      Caption: Caption,\n      CaptionLabel: CaptionLabel,\n      Day: Day,\n      DayContent: DayContent,\n      Dropdown: Dropdown,\n      Footer: Footer,\n      Head: Head,\n      IconDropdown: IconDropdown,\n      IconRight: IconRight,\n      IconLeft: IconLeft,\n      Row: Row,\n      WeekNumber: WeekNumber,\n      ...initialProps.components\n    }\n  };\n\n  return (\n    <DayPickerContext.Provider value={context}>\n      {children}\n    </DayPickerContext.Provider>\n  );\n}\n"],"names":["formatters","labels"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;;;SAGgB,iBAAiB,CAAC,KAA6B;;IACrD,IAAA,QAAQ,GAAmB,KAAK,SAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IAEzC,IAAM,MAAM,GAAG,MAAA,YAAY,CAAC,MAAM,mCAAI,IAAI,CAAC;IAC3C,IAAM,cAAc,GAAG,MAAA,YAAY,CAAC,cAAc,mCAAI,CAAC,CAAC;IACxD,IAAM,KAAK,GAAG,MAAA,YAAY,CAAC,KAAK,mCAAI,IAAI,IAAI,EAAE,CAAC;;IAGzC,IAAA,KAAuB,gBAAgB,CAAC,YAAY,CAAC,EAAnD,QAAQ,cAAA,EAAE,MAAM,YAAmC,CAAC;;;IAI5D,IAAI,aAAa,GAAG,MAAA,YAAY,CAAC,aAAa,mCAAI,SAAS,CAAC;IAC5D,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM;QAAE,aAAa,GAAG,SAAS,CAAC;IAEpD,IAAM,SAAS,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;;IAGnD,IAAI,QAAQ,EAAE;QACZ,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;KAC/C;IACD,IAAI,MAAM,EAAE;QACV,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;KAC5C;IAGC,YAAY,OADA,EACZ,YAAY,SADU,EACtB,YAAY,QADmB,EAC/B,YAAY,UAD8B,MAAK,YAAY,UAC3D,YAAY,EADR,8CAAyD,EAChD;IAEf,IAAM,OAAO,yBACR,YAAY,KAEf,aAAa,eAAA,EAEb,QAAQ,UAAA,EACR,MAAM,QAAA,EACN,KAAK,OAAA,EAEL,MAAM,QAAA,EAEN,kBAAkB,EAAE,MAAA,YAAY,CAAC,kBAAkB,mCAAI,EAAE,EACzD,cAAc,EAAE,UAAU,EAC1B,SAAS,EAAE,SAAS,EACpB,cAAc,gBAAA,EAEd,MAAM,EAAE,MAAA,YAAY,CAAC,MAAM,mCAAI,EAAE,EACjC,UAAU,wBACL,iBAAiB,GACjB,YAAY,CAAC,UAAU,GAE5B,UAAU,wBACLA,KAAU,GACV,YAAY,CAAC,UAAU,GAE5B,MAAM,wBACDC,OAAM,GACN,YAAY,CAAC,MAAM,GAExB,UAAU,aACR,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,IACnB,YAAY,CAAC,UAAU,IAE7B,CAAC;IAEF,QACE,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IACtC,QAAQ,CACiB,EAC5B;AACJ;;;;"}

package/build/contexts/DayPicker/defaultClassNames.js

@@ -32,12 +32,10 @@ var defaultClassNames = {
     nav_button_next: 'rdp-nav_button_next',
     nav_icon: 'rdp-nav_icon',
     row: 'rdp-row',
-    row_head: 'rdp-row_head',
     weeknumber: 'rdp-weeknumber',
     cell: 'rdp-cell',
     day: 'rdp-day',
-    day_outside: 'rdp-day_outside',
-    day_today: 'rdp-day_today'
+    day_outside: 'rdp-day_outside'
 };
 
 export { defaultClassNames };

package/build/contexts/DayPicker/defaultClassNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultClassNames.js","sources":["../../../src/contexts/DayPicker/defaultClassNames.ts"],"sourcesContent":["import { ClassNames } from '../../types';\n\n/**\n * The name of the default CSS classes.\n */\nexport const defaultClassNames: Required<ClassNames> = {\n  root: 'rdp',\n  multiple_month: 'rdp-multiple_months',\n  with_weeknumber: 'rdp-with_weeknumber',\n  vhidden: 'rdp-vhidden',\n  button_reset: 'rdp-button_reset',\n  button: 'rdp-button',\n\n  caption: 'rdp-caption',\n\n  caption_first: 'rdp-caption_first',\n  caption_last: 'rdp-caption_last',\n  caption_middle: 'rdp-caption_middle',\n  caption_label: 'rdp-caption_label',\n\n  caption_dropdowns: 'rdp-caption_dropdowns',\n\n  dropdown: 'rdp-dropdown',\n  dropdown_month: 'rdp-dropdown_month',\n  dropdown_year: 'rdp-dropdown_year',\n  dropdown_icon: 'rdp-dropdown_icon',\n\n  months: 'rdp-months',\n  month: 'rdp-month',\n  table: 'rdp-table',\n  tbody: 'rdp-tbody',\n  tfoot: 'rdp-tfoot',\n\n  head: 'rdp-head',\n  head_row: 'rdp-head_row',\n  head_cell: 'rdp-head_cell',\n\n  nav: 'rdp-nav',\n  nav_button: 'rdp-nav_button',\n  nav_button_previous: 'rdp-nav_button_previous',\n  nav_button_next: 'rdp-nav_button_next',\n\n  nav_icon: 'rdp-nav_icon',\n\n  row: 'rdp-row',\n  row_head: 'rdp-row_head',\n  weeknumber: 'rdp-weeknumber',\n  cell: 'rdp-cell',\n\n  day: 'rdp-day',\n  day_outside: 'rdp-day_outside',\n  day_today: 'rdp-day_today'\n};\n"],"names":[],"mappings":"AAEA;;;IAGa,iBAAiB,GAAyB;IACrD,IAAI,EAAE,KAAK;IACX,cAAc,EAAE,qBAAqB;IACrC,eAAe,EAAE,qBAAqB;IACtC,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,kBAAkB;IAChC,MAAM,EAAE,YAAY;IAEpB,OAAO,EAAE,aAAa;IAEtB,aAAa,EAAE,mBAAmB;IAClC,YAAY,EAAE,kBAAkB;IAChC,cAAc,EAAE,oBAAoB;IACpC,aAAa,EAAE,mBAAmB;IAElC,iBAAiB,EAAE,uBAAuB;IAE1C,QAAQ,EAAE,cAAc;IACxB,cAAc,EAAE,oBAAoB;IACpC,aAAa,EAAE,mBAAmB;IAClC,aAAa,EAAE,mBAAmB;IAElC,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAElB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,cAAc;IACxB,SAAS,EAAE,eAAe;IAE1B,GAAG,EAAE,SAAS;IACd,UAAU,EAAE,gBAAgB;IAC5B,mBAAmB,EAAE,yBAAyB;IAC9C,eAAe,EAAE,qBAAqB;IAEtC,QAAQ,EAAE,cAAc;IAExB,GAAG,EAAE,SAAS;IACd,QAAQ,EAAE,cAAc;IACxB,UAAU,EAAE,gBAAgB;IAC5B,IAAI,EAAE,UAAU;IAEhB,GAAG,EAAE,SAAS;IACd,WAAW,EAAE,iBAAiB;IAC9B,SAAS,EAAE,eAAe;;;;;"}
+{"version":3,"file":"defaultClassNames.js","sources":["../../../src/contexts/DayPicker/defaultClassNames.ts"],"sourcesContent":["import { ClassNames } from '../../types';\n\n/**\n * The name of the default CSS classes.\n */\nexport const defaultClassNames: Required<ClassNames> = {\n  root: 'rdp',\n  multiple_month: 'rdp-multiple_months',\n  with_weeknumber: 'rdp-with_weeknumber',\n  vhidden: 'rdp-vhidden',\n  button_reset: 'rdp-button_reset',\n  button: 'rdp-button',\n\n  caption: 'rdp-caption',\n\n  caption_first: 'rdp-caption_first',\n  caption_last: 'rdp-caption_last',\n  caption_middle: 'rdp-caption_middle',\n  caption_label: 'rdp-caption_label',\n\n  caption_dropdowns: 'rdp-caption_dropdowns',\n\n  dropdown: 'rdp-dropdown',\n  dropdown_month: 'rdp-dropdown_month',\n  dropdown_year: 'rdp-dropdown_year',\n  dropdown_icon: 'rdp-dropdown_icon',\n\n  months: 'rdp-months',\n  month: 'rdp-month',\n  table: 'rdp-table',\n  tbody: 'rdp-tbody',\n  tfoot: 'rdp-tfoot',\n\n  head: 'rdp-head',\n  head_row: 'rdp-head_row',\n  head_cell: 'rdp-head_cell',\n\n  nav: 'rdp-nav',\n  nav_button: 'rdp-nav_button',\n  nav_button_previous: 'rdp-nav_button_previous',\n  nav_button_next: 'rdp-nav_button_next',\n\n  nav_icon: 'rdp-nav_icon',\n\n  row: 'rdp-row',\n  weeknumber: 'rdp-weeknumber',\n  cell: 'rdp-cell',\n\n  day: 'rdp-day',\n  day_outside: 'rdp-day_outside'\n};\n"],"names":[],"mappings":"AAEA;;;IAGa,iBAAiB,GAAyB;IACrD,IAAI,EAAE,KAAK;IACX,cAAc,EAAE,qBAAqB;IACrC,eAAe,EAAE,qBAAqB;IACtC,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,kBAAkB;IAChC,MAAM,EAAE,YAAY;IAEpB,OAAO,EAAE,aAAa;IAEtB,aAAa,EAAE,mBAAmB;IAClC,YAAY,EAAE,kBAAkB;IAChC,cAAc,EAAE,oBAAoB;IACpC,aAAa,EAAE,mBAAmB;IAElC,iBAAiB,EAAE,uBAAuB;IAE1C,QAAQ,EAAE,cAAc;IACxB,cAAc,EAAE,oBAAoB;IACpC,aAAa,EAAE,mBAAmB;IAClC,aAAa,EAAE,mBAAmB;IAElC,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAElB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,cAAc;IACxB,SAAS,EAAE,eAAe;IAE1B,GAAG,EAAE,SAAS;IACd,UAAU,EAAE,gBAAgB;IAC5B,mBAAmB,EAAE,yBAAyB;IAC9C,eAAe,EAAE,qBAAqB;IAEtC,QAAQ,EAAE,cAAc;IAExB,GAAG,EAAE,SAAS;IACd,UAAU,EAAE,gBAAgB;IAC5B,IAAI,EAAE,UAAU;IAEhB,GAAG,EAAE,SAAS;IACd,WAAW,EAAE,iBAAiB;;;;;"}

package/build/contexts/DayPicker/labels/labelDay.d.ts

@@ -1,5 +1,5 @@
-import { DayLabelFormatter } from '../../../types';
+import { DayLabel } from '../../../types';
 /**
  * The default ARIA label for the day button.
  */
-export declare const labelDay: DayLabelFormatter;
+export declare const labelDay: DayLabel;

package/build/contexts/DayPicker/labels/labelDay.js

@@ -3,7 +3,7 @@ import { format } from 'date-fns';
 /**
  * The default ARIA label for the day button.
  */
-var labelDay = function (day, options) {
+var labelDay = function (day, modifers, options) {
     return format(day, 'do MMMM (EEEE)', options);
 };
 

package/build/contexts/DayPicker/labels/labelDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"labelDay.js","sources":["../../../../src/contexts/DayPicker/labels/labelDay.ts"],"sourcesContent":["import { format } from 'date-fns';\n\nimport { DayLabelFormatter } from '../../../types';\n\n/**\n * The default ARIA label for the day button.\n */\nexport const labelDay: DayLabelFormatter = (day, options): string => {\n  return format(day, 'do MMMM (EEEE)', options);\n};\n"],"names":[],"mappings":";;AAIA;;;IAGa,QAAQ,GAAsB,UAAC,GAAG,EAAE,OAAO;IACtD,OAAO,MAAM,CAAC,GAAG,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAC;AAChD;;;;"}
+{"version":3,"file":"labelDay.js","sources":["../../../../src/contexts/DayPicker/labels/labelDay.ts"],"sourcesContent":["import { format } from 'date-fns';\n\nimport { DayLabel } from '../../../types';\n\n/**\n * The default ARIA label for the day button.\n */\nexport const labelDay: DayLabel = (day, modifers, options): string => {\n  return format(day, 'do MMMM (EEEE)', options);\n};\n"],"names":[],"mappings":";;AAIA;;;IAGa,QAAQ,GAAa,UAAC,GAAG,EAAE,QAAQ,EAAE,OAAO;IACvD,OAAO,MAAM,CAAC,GAAG,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAC;AAChD;;;;"}

package/build/contexts/DayPicker/labels/labelNext.d.ts

@@ -1,5 +1,5 @@
-import { NavButtonLabelFormatter } from '../../../types';
+import { NavButtonLabel } from '../../../types';
 /**
  * The default ARIA label for next month button in navigation
  */
-export declare const labelNext: NavButtonLabelFormatter;
+export declare const labelNext: NavButtonLabel;

package/build/contexts/DayPicker/labels/labelNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"labelNext.js","sources":["../../../../src/contexts/DayPicker/labels/labelNext.ts"],"sourcesContent":["import { NavButtonLabelFormatter } from '../../../types';\n\n/**\n * The default ARIA label for next month button in navigation\n */\nexport const labelNext: NavButtonLabelFormatter = (): string => {\n  return 'Go to next month';\n};\n"],"names":[],"mappings":"AAEA;;;IAGa,SAAS,GAA4B;IAChD,OAAO,kBAAkB,CAAC;AAC5B;;;;"}
+{"version":3,"file":"labelNext.js","sources":["../../../../src/contexts/DayPicker/labels/labelNext.ts"],"sourcesContent":["import { NavButtonLabel } from '../../../types';\n\n/**\n * The default ARIA label for next month button in navigation\n */\nexport const labelNext: NavButtonLabel = (): string => {\n  return 'Go to next month';\n};\n"],"names":[],"mappings":"AAEA;;;IAGa,SAAS,GAAmB;IACvC,OAAO,kBAAkB,CAAC;AAC5B;;;;"}

package/build/contexts/DayPicker/labels/labelPrevious.d.ts

@@ -1,5 +1,5 @@
-import { NavButtonLabelFormatter } from '../../../types';
+import { NavButtonLabel } from '../../../types';
 /**
  * The default ARIA label for previous month button in navigation
  */
-export declare const labelPrevious: NavButtonLabelFormatter;
+export declare const labelPrevious: NavButtonLabel;

package/build/contexts/DayPicker/labels/labelPrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"labelPrevious.js","sources":["../../../../src/contexts/DayPicker/labels/labelPrevious.ts"],"sourcesContent":["import { NavButtonLabelFormatter } from '../../../types';\n\n/**\n * The default ARIA label for previous month button in navigation\n */\nexport const labelPrevious: NavButtonLabelFormatter = (): string => {\n  return 'Go to previous month';\n};\n"],"names":[],"mappings":"AAEA;;;IAGa,aAAa,GAA4B;IACpD,OAAO,sBAAsB,CAAC;AAChC;;;;"}
+{"version":3,"file":"labelPrevious.js","sources":["../../../../src/contexts/DayPicker/labels/labelPrevious.ts"],"sourcesContent":["import { NavButtonLabel } from '../../../types';\n\n/**\n * The default ARIA label for previous month button in navigation\n */\nexport const labelPrevious: NavButtonLabel = (): string => {\n  return 'Go to previous month';\n};\n"],"names":[],"mappings":"AAEA;;;IAGa,aAAa,GAAmB;IAC3C,OAAO,sBAAsB,CAAC;AAChC;;;;"}

package/build/contexts/DayPicker/labels/labelWeekNumber.d.ts

@@ -1,5 +1,5 @@
-import { WeekNumberLabelFormatter } from '../../../types';
+import { WeekNumberLabel } from '../../../types';
 /**
  * The default ARIA label for the WeekNumber element.
  */
-export declare const labelWeekNumber: WeekNumberLabelFormatter;
+export declare const labelWeekNumber: WeekNumberLabel;

package/build/contexts/DayPicker/labels/labelWeekNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"labelWeekNumber.js","sources":["../../../../src/contexts/DayPicker/labels/labelWeekNumber.ts"],"sourcesContent":["import { WeekNumberLabelFormatter } from '../../../types';\n\n/**\n * The default ARIA label for the WeekNumber element.\n */\nexport const labelWeekNumber: WeekNumberLabelFormatter = (n): string => {\n  return `Week n. ${n}`;\n};\n"],"names":[],"mappings":"AAEA;;;IAGa,eAAe,GAA6B,UAAC,CAAC;IACzD,OAAO,aAAW,CAAG,CAAC;AACxB;;;;"}
+{"version":3,"file":"labelWeekNumber.js","sources":["../../../../src/contexts/DayPicker/labels/labelWeekNumber.ts"],"sourcesContent":["import { WeekNumberLabel } from '../../../types';\n\n/**\n * The default ARIA label for the WeekNumber element.\n */\nexport const labelWeekNumber: WeekNumberLabel = (n): string => {\n  return `Week n. ${n}`;\n};\n"],"names":[],"mappings":"AAEA;;;IAGa,eAAe,GAAoB,UAAC,CAAC;IAChD,OAAO,aAAW,CAAG,CAAC;AACxB;;;;"}

package/build/contexts/DayPicker/labels/labelWeekday.d.ts

@@ -1,5 +1,5 @@
-import { WeekdayLabelFormatter } from '../../../types';
+import { WeekdayLabel } from '../../../types';
 /**
  * The default ARIA label for the Weekday element.
  */
-export declare const labelWeekday: WeekdayLabelFormatter;
+export declare const labelWeekday: WeekdayLabel;

package/build/contexts/DayPicker/labels/labelWeekday.js.map

@@ -1 +1 @@
-{"version":3,"file":"labelWeekday.js","sources":["../../../../src/contexts/DayPicker/labels/labelWeekday.ts"],"sourcesContent":["import { format } from 'date-fns';\n\nimport { WeekdayLabelFormatter } from '../../../types';\n\n/**\n * The default ARIA label for the Weekday element.\n */\nexport const labelWeekday: WeekdayLabelFormatter = (day, options): string => {\n  return format(day, 'cccc.', options);\n};\n"],"names":[],"mappings":";;AAIA;;;IAGa,YAAY,GAA0B,UAAC,GAAG,EAAE,OAAO;IAC9D,OAAO,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AACvC;;;;"}
+{"version":3,"file":"labelWeekday.js","sources":["../../../../src/contexts/DayPicker/labels/labelWeekday.ts"],"sourcesContent":["import { format } from 'date-fns';\n\nimport { WeekdayLabel } from '../../../types';\n\n/**\n * The default ARIA label for the Weekday element.\n */\nexport const labelWeekday: WeekdayLabel = (day, options): string => {\n  return format(day, 'cccc.', options);\n};\n"],"names":[],"mappings":";;AAIA;;;IAGa,YAAY,GAAiB,UAAC,GAAG,EAAE,OAAO;IACrD,OAAO,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AACvC;;;;"}

package/build/contexts/DayPicker/useDayPicker.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { DayPickerContext } from './DayPickerContext.js';
 
 /**

package/build/contexts/DayPicker/useDayPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDayPicker.js","sources":["../../../src/contexts/DayPicker/useDayPicker.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { DayPickerContext, DayPickerContextValue } from './DayPickerContext';\n\n/**\n * Hook to access the [[DayPickerContext]].\n *\n * To use this hook make sure to wrap the components with a one\n * [[DayPickerProvider]].\n * */\nexport function useDayPicker(): DayPickerContextValue {\n  const context = React.useContext(DayPickerContext);\n  if (!context) {\n    throw new Error(\n      `Context is not defined. useDayPicker must be used within a DayPickerProvider with a valid values.`\n    );\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAIA;;;;;;SAMgB,YAAY;IAC1B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACnD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,mGAAmG,CACpG,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB;;;;"}
+{"version":3,"file":"useDayPicker.js","sources":["../../../src/contexts/DayPicker/useDayPicker.ts"],"sourcesContent":["import React from 'react';\n\nimport { DayPickerContext, DayPickerContextValue } from './DayPickerContext';\n\n/**\n * Hook to access the [[DayPickerContext]].\n *\n * To use this hook make sure to wrap the components with a one\n * [[DayPickerProvider]].\n * */\nexport function useDayPicker(): DayPickerContextValue {\n  const context = React.useContext(DayPickerContext);\n  if (!context) {\n    throw new Error(\n      `Context is not defined. useDayPicker must be used within a DayPickerProvider with a valid values.`\n    );\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAIA;;;;;;SAMgB,YAAY;IAC1B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACnD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,mGAAmG,CACpG,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB;;;;"}

package/build/contexts/DayPicker/utils/parseModifierProps.js

@@ -17,6 +17,7 @@ function parseModifierProps(initialProps) {
         selected: [],
         disabled: [],
         hidden: [],
+        today: [],
         range_end: [],
         range_middle: [],
         range_start: []

package/build/contexts/DayPicker/utils/parseModifierProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"parseModifierProps.js","sources":["../../../../src/contexts/DayPicker/utils/parseModifierProps.ts"],"sourcesContent":["import { DayPickerProps, InternalModifier, Modifiers } from '../../../types';\n\n/** Props that will merge into the modifiers. */\nconst modifierShortcuts: InternalModifier[] = [\n  'selected',\n  'hidden',\n  'disabled'\n];\n\n/**\n * Parse the modifiers from the props and return them as a map of array of\n * matcher.\n *\n * Internally we want modifiers as an array of matchers – as opposite of the\n * props which can accept also a matcher.\n */\nexport function parseModifierProps(initialProps: DayPickerProps): Modifiers {\n  const initialModifiers = initialProps.modifiers || {};\n\n  const modifiers: Modifiers = {\n    selected: [],\n    disabled: [],\n    hidden: [],\n    range_end: [],\n    range_middle: [],\n    range_start: []\n  };\n\n  Object.entries(initialModifiers).forEach(([modifier, matcher]) => {\n    if (Array.isArray(matcher)) {\n      modifiers[modifier] = matcher;\n    } else if (matcher) {\n      modifiers[modifier] = [matcher];\n    } else {\n      modifiers[modifier] = [];\n    }\n  });\n\n  modifierShortcuts.forEach((modifier) => {\n    // @ts-expect-error TOFIX: initial props do not have some modifiers\n    const modifierFromProp = initialProps[modifier];\n    if (Array.isArray(modifierFromProp)) {\n      modifiers[modifier] = modifierFromProp;\n    } else if (modifierFromProp !== undefined) {\n      modifiers[modifier] = [modifierFromProp];\n    } else {\n      modifiers[modifier] = [];\n    }\n  });\n\n  return modifiers;\n}\n"],"names":[],"mappings":"AAEA;AACA,IAAM,iBAAiB,GAAuB;IAC5C,UAAU;IACV,QAAQ;IACR,UAAU;CACX,CAAC;AAEF;;;;;;;SAOgB,kBAAkB,CAAC,YAA4B;IAC7D,IAAM,gBAAgB,GAAG,YAAY,CAAC,SAAS,IAAI,EAAE,CAAC;IAEtD,IAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,EAAE;KAChB,CAAC;IAEF,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,UAAC,EAAmB;YAAlB,QAAQ,QAAA,EAAE,OAAO,QAAA;QAC1D,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC1B,SAAS,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC;SAC/B;aAAM,IAAI,OAAO,EAAE;YAClB,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SACjC;aAAM;YACL,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;SAC1B;KACF,CAAC,CAAC;IAEH,iBAAiB,CAAC,OAAO,CAAC,UAAC,QAAQ;;QAEjC,IAAM,gBAAgB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;QAChD,IAAI,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE;YACnC,SAAS,CAAC,QAAQ,CAAC,GAAG,gBAAgB,CAAC;SACxC;aAAM,IAAI,gBAAgB,KAAK,SAAS,EAAE;YACzC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;SAC1C;aAAM;YACL,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;SAC1B;KACF,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC;AACnB;;;;"}
+{"version":3,"file":"parseModifierProps.js","sources":["../../../../src/contexts/DayPicker/utils/parseModifierProps.ts"],"sourcesContent":["import { DayPickerProps, InternalModifier, Modifiers } from '../../../types';\n\n/** Props that will merge into the modifiers. */\nconst modifierShortcuts: InternalModifier[] = [\n  'selected',\n  'hidden',\n  'disabled'\n];\n\n/**\n * Parse the modifiers from the props and return them as a map of array of\n * matcher.\n *\n * Internally we want modifiers as an array of matchers – as opposite of the\n * props which can accept also a matcher.\n */\nexport function parseModifierProps(initialProps: DayPickerProps): Modifiers {\n  const initialModifiers = initialProps.modifiers || {};\n\n  const modifiers: Modifiers = {\n    selected: [],\n    disabled: [],\n    hidden: [],\n    today: [],\n    range_end: [],\n    range_middle: [],\n    range_start: []\n  };\n\n  Object.entries(initialModifiers).forEach(([modifier, matcher]) => {\n    if (Array.isArray(matcher)) {\n      modifiers[modifier] = matcher;\n    } else if (matcher) {\n      modifiers[modifier] = [matcher];\n    } else {\n      modifiers[modifier] = [];\n    }\n  });\n\n  modifierShortcuts.forEach((modifier) => {\n    // @ts-expect-error TOFIX: initial props do not have some modifiers\n    const modifierFromProp = initialProps[modifier];\n    if (Array.isArray(modifierFromProp)) {\n      modifiers[modifier] = modifierFromProp;\n    } else if (modifierFromProp !== undefined) {\n      modifiers[modifier] = [modifierFromProp];\n    } else {\n      modifiers[modifier] = [];\n    }\n  });\n\n  return modifiers;\n}\n"],"names":[],"mappings":"AAEA;AACA,IAAM,iBAAiB,GAAuB;IAC5C,UAAU;IACV,QAAQ;IACR,UAAU;CACX,CAAC;AAEF;;;;;;;SAOgB,kBAAkB,CAAC,YAA4B;IAC7D,IAAM,gBAAgB,GAAG,YAAY,CAAC,SAAS,IAAI,EAAE,CAAC;IAEtD,IAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,EAAE;KAChB,CAAC;IAEF,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,UAAC,EAAmB;YAAlB,QAAQ,QAAA,EAAE,OAAO,QAAA;QAC1D,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC1B,SAAS,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC;SAC/B;aAAM,IAAI,OAAO,EAAE;YAClB,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SACjC;aAAM;YACL,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;SAC1B;KACF,CAAC,CAAC;IAEH,iBAAiB,CAAC,OAAO,CAAC,UAAC,QAAQ;;QAEjC,IAAM,gBAAgB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;QAChD,IAAI,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE;YACnC,SAAS,CAAC,QAAQ,CAAC,GAAG,gBAAgB,CAAC;SACxC;aAAM,IAAI,gBAAgB,KAAK,SAAS,EAAE;YACzC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;SAC1C;aAAM;YACL,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;SAC1B;KACF,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC;AACnB;;;;"}

package/build/contexts/Focus/FocusContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 /** Represents the value of the [[NavigationContext]]. */
 export declare type FocusContextValue = [
     /** The day currently focused */
@@ -24,3 +24,7 @@ export declare type FocusContextValue = [
  * Access this context from the [[useFocus]] hook.
  */
 export declare const FocusContext: React.Context<FocusContextValue | undefined>;
+/** The provider for the [[FocusContext]]. */
+export declare function FocusProvider({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;

package/build/contexts/Focus/FocusContext.js

@@ -1,11 +1,71 @@
-import * as React from 'react';
+import React from 'react';
+import { addDays, addWeeks, isSameMonth, addMonths } from 'date-fns';
+import { useDayPicker } from '../DayPicker/useDayPicker.js';
+import '../Navigation/NavigationContext.js';
+import { useNavigation } from '../Navigation/useNavigation.js';
 
 /**
  * The Focus context shares details about the focused day for the keyboard navigation.
  *
  * Access this context from the [[useFocus]] hook.
  */
-var FocusContext = React.createContext(undefined);
+var FocusContext = React.createContext(undefined);
+/** The provider for the [[FocusContext]]. */
+function FocusProvider(_a) {
+    var children = _a.children;
+    var _b = React.useState(), focusedDay = _b[0], setDay = _b[1];
+    var _c = useNavigation(), goToMonth = _c.goToMonth, displayMonths = _c.displayMonths;
+    var numberOfMonths = useDayPicker().numberOfMonths;
+    var blur = function () { return setDay(undefined); };
+    var focus = function (date) { return setDay(date); };
+    var switchMonth = function (date, offset) {
+        if (displayMonths.some(function (m) { return isSameMonth(date, m); }))
+            return;
+        if (offset < 0) {
+            goToMonth(addMonths(date, 1 + offset));
+        }
+        else {
+            goToMonth(date);
+        }
+    };
+    var focusDayBefore = function () {
+        if (!focusedDay)
+            return;
+        var before = addDays(focusedDay, -1);
+        setDay(before);
+        switchMonth(before, numberOfMonths * -1);
+    };
+    var focusDayAfter = function () {
+        if (!focusedDay)
+            return;
+        var after = addDays(focusedDay, 1);
+        setDay(after);
+        switchMonth(after, numberOfMonths);
+    };
+    var focusWeekBeforeDay = function () {
+        if (!focusedDay)
+            return;
+        var up = addWeeks(focusedDay, -1);
+        setDay(up);
+        switchMonth(up, numberOfMonths * -1);
+    };
+    var focusWeekAfterDay = function () {
+        if (!focusedDay)
+            return;
+        var down = addWeeks(focusedDay, 1);
+        setDay(down);
+        switchMonth(down, numberOfMonths);
+    };
+    var setters = {
+        blur: blur,
+        focus: focus,
+        focusDayAfter: focusDayAfter,
+        focusDayBefore: focusDayBefore,
+        focusWeekAfterDay: focusWeekAfterDay,
+        focusWeekBeforeDay: focusWeekBeforeDay
+    };
+    return (React.createElement(FocusContext.Provider, { value: [focusedDay, setters] }, children));
+}
 
-export { FocusContext };
+export { FocusContext, FocusProvider };
 //# sourceMappingURL=FocusContext.js.map

package/build/contexts/Focus/FocusContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusContext.js","sources":["../../../src/contexts/Focus/FocusContext.ts"],"sourcesContent":["import * as React from 'react';\n\n/** Represents the value of the [[NavigationContext]]. */\nexport type FocusContextValue = [\n  /** The day currently focused */\n  focusedDay: Date | undefined,\n  setters: {\n    /** Focus the specified day. */\n    focus: (day: Date) => void;\n    /** Blur the focused day */\n    blur: () => void;\n    /** Focus the day after the focused day. */\n    focusDayAfter: () => void;\n    /** Focus the day before the focused day. */\n    focusDayBefore: () => void;\n    /** Focus the day in the week before the focused day. */\n    focusWeekBeforeDay: () => void;\n    /** Focus the day in the week after the focused day. */\n    focusWeekAfterDay: () => void;\n  }\n];\n\n/**\n * The Focus context shares details about the focused day for the keyboard navigation.\n *\n * Access this context from the [[useFocus]] hook.\n */\nexport const FocusContext = React.createContext<FocusContextValue | undefined>(\n  undefined\n);\n"],"names":[],"mappings":";;AAsBA;;;;;IAKa,YAAY,GAAG,KAAK,CAAC,aAAa,CAC7C,SAAS;;;;"}
+{"version":3,"file":"FocusContext.js","sources":["../../../src/contexts/Focus/FocusContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { addDays, addMonths, addWeeks, isSameMonth } from 'date-fns';\n\nimport { useDayPicker } from '../DayPicker';\nimport { useNavigation } from '../Navigation';\n\n/** Represents the value of the [[NavigationContext]]. */\nexport type FocusContextValue = [\n  /** The day currently focused */\n  focusedDay: Date | undefined,\n  setters: {\n    /** Focus the specified day. */\n    focus: (day: Date) => void;\n    /** Blur the focused day */\n    blur: () => void;\n    /** Focus the day after the focused day. */\n    focusDayAfter: () => void;\n    /** Focus the day before the focused day. */\n    focusDayBefore: () => void;\n    /** Focus the day in the week before the focused day. */\n    focusWeekBeforeDay: () => void;\n    /** Focus the day in the week after the focused day. */\n    focusWeekAfterDay: () => void;\n  }\n];\n\n/**\n * The Focus context shares details about the focused day for the keyboard navigation.\n *\n * Access this context from the [[useFocus]] hook.\n */\nexport const FocusContext = React.createContext<FocusContextValue | undefined>(\n  undefined\n);\n\n/** The provider for the [[FocusContext]]. */\nexport function FocusProvider({\n  children\n}: {\n  children: React.ReactNode;\n}): JSX.Element {\n  const [focusedDay, setDay] = React.useState<Date | undefined>();\n  const { goToMonth, displayMonths } = useNavigation();\n  const { numberOfMonths } = useDayPicker();\n\n  const blur = () => setDay(undefined);\n  const focus = (date: Date) => setDay(date);\n\n  const switchMonth = (date: Date, offset: number) => {\n    if (displayMonths.some((m) => isSameMonth(date, m))) return;\n    if (offset < 0) {\n      goToMonth(addMonths(date, 1 + offset));\n    } else {\n      goToMonth(date);\n    }\n  };\n\n  const focusDayBefore = () => {\n    if (!focusedDay) return;\n    const before = addDays(focusedDay, -1);\n    setDay(before);\n    switchMonth(before, numberOfMonths * -1);\n  };\n  const focusDayAfter = () => {\n    if (!focusedDay) return;\n    const after = addDays(focusedDay, 1);\n    setDay(after);\n    switchMonth(after, numberOfMonths);\n  };\n  const focusWeekBeforeDay = () => {\n    if (!focusedDay) return;\n    const up = addWeeks(focusedDay, -1);\n    setDay(up);\n    switchMonth(up, numberOfMonths * -1);\n  };\n  const focusWeekAfterDay = () => {\n    if (!focusedDay) return;\n    const down = addWeeks(focusedDay, 1);\n    setDay(down);\n    switchMonth(down, numberOfMonths);\n  };\n\n  const setters = {\n    blur,\n    focus,\n    focusDayAfter,\n    focusDayBefore,\n    focusWeekAfterDay,\n    focusWeekBeforeDay\n  };\n\n  return (\n    <FocusContext.Provider value={[focusedDay, setters]}>\n      {children}\n    </FocusContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA2BA;;;;;IAKa,YAAY,GAAG,KAAK,CAAC,aAAa,CAC7C,SAAS,EACT;AAEF;SACgB,aAAa,CAAC,EAI7B;QAHC,QAAQ,cAAA;IAIF,IAAA,KAAuB,KAAK,CAAC,QAAQ,EAAoB,EAAxD,UAAU,QAAA,EAAE,MAAM,QAAsC,CAAC;IAC1D,IAAA,KAA+B,aAAa,EAAE,EAA5C,SAAS,eAAA,EAAE,aAAa,mBAAoB,CAAC;IAC7C,IAAA,cAAc,GAAK,YAAY,EAAE,eAAnB,CAAoB;IAE1C,IAAM,IAAI,GAAG,cAAM,OAAA,MAAM,CAAC,SAAS,CAAC,GAAA,CAAC;IACrC,IAAM,KAAK,GAAG,UAAC,IAAU,IAAK,OAAA,MAAM,CAAC,IAAI,CAAC,GAAA,CAAC;IAE3C,IAAM,WAAW,GAAG,UAAC,IAAU,EAAE,MAAc;QAC7C,IAAI,aAAa,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,GAAA,CAAC;YAAE,OAAO;QAC5D,IAAI,MAAM,GAAG,CAAC,EAAE;YACd,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;SACxC;aAAM;YACL,SAAS,CAAC,IAAI,CAAC,CAAC;SACjB;KACF,CAAC;IAEF,IAAM,cAAc,GAAG;QACrB,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,IAAM,MAAM,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,CAAC,CAAC;QACf,WAAW,CAAC,MAAM,EAAE,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC;KAC1C,CAAC;IACF,IAAM,aAAa,GAAG;QACpB,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,IAAM,KAAK,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,CAAC;QACd,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;KACpC,CAAC;IACF,IAAM,kBAAkB,GAAG;QACzB,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,IAAM,EAAE,GAAG,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;QACpC,MAAM,CAAC,EAAE,CAAC,CAAC;QACX,WAAW,CAAC,EAAE,EAAE,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC;KACtC,CAAC;IACF,IAAM,iBAAiB,GAAG;QACxB,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,IAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,CAAC,CAAC;QACb,WAAW,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;KACnC,CAAC;IAEF,IAAM,OAAO,GAAG;QACd,IAAI,MAAA;QACJ,KAAK,OAAA;QACL,aAAa,eAAA;QACb,cAAc,gBAAA;QACd,iBAAiB,mBAAA;QACjB,kBAAkB,oBAAA;KACnB,CAAC;IAEF,QACE,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,IAChD,QAAQ,CACa,EACxB;AACJ;;;;"}

package/build/contexts/Focus/index.d.ts

@@ -1,3 +1,2 @@
 export * from './FocusContext';
-export * from './FocusProvider';
 export * from './useFocus';

package/build/contexts/Focus/useFocus.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FocusContext } from './FocusContext.js';
 
 /** Hook to access the [[FocusContext]]. */

package/build/contexts/Focus/useFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocus.js","sources":["../../../src/contexts/Focus/useFocus.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { FocusContext, FocusContextValue } from './FocusContext';\n\n/** Hook to access the [[FocusContext]]. */\nexport function useFocus(): FocusContextValue {\n  const context = React.useContext(FocusContext);\n  if (!context) {\n    throw new Error('useFocus must be used within a FocusProvider');\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAIA;SACgB,QAAQ;IACtB,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;KACjE;IACD,OAAO,OAAO,CAAC;AACjB;;;;"}
+{"version":3,"file":"useFocus.js","sources":["../../../src/contexts/Focus/useFocus.ts"],"sourcesContent":["import React from 'react';\n\nimport { FocusContext, FocusContextValue } from './FocusContext';\n\n/** Hook to access the [[FocusContext]]. */\nexport function useFocus(): FocusContextValue {\n  const context = React.useContext(FocusContext);\n  if (!context) {\n    throw new Error('useFocus must be used within a FocusProvider');\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAIA;SACgB,QAAQ;IACtB,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;KACjE;IACD,OAAO,OAAO,CAAC;AACjB;;;;"}

package/build/contexts/Navigation/NavigationContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 /** Represents the value of the [[NavigationContext]]. */
 export interface NavigationContextValue {
     /** The current month. Note that when `numberOfMonths > 1` represent the first month in the displayed months. */
@@ -18,3 +18,7 @@ export interface NavigationContextValue {
  * Access this context from the [[useNavigation]] hook.
  */
 export declare const NavigationContext: React.Context<NavigationContextValue | undefined>;
+/** Provides the values for the [[NavigationContext]]. */
+export declare function NavigationProvider(props: {
+    children?: React.ReactNode;
+}): JSX.Element;