@redis-ui/components 37.0.0

package/dist/node_modules/react-day-picker/dist/index.esm.js

@@ -0,0 +1,1569 @@
+import { j as jsxRuntimeExports } from "../../react/jsx-runtime.js";
+import { createContext, forwardRef, useContext, useState, useEffect, useLayoutEffect, useRef } from "react";
+import { isSameDay } from "../../date-fns/isSameDay.js";
+import { subDays } from "../../date-fns/subDays.js";
+import { addDays } from "../../date-fns/addDays.js";
+import { differenceInCalendarDays } from "../../date-fns/differenceInCalendarDays.js";
+import { startOfMonth } from "../../date-fns/startOfMonth.js";
+import { endOfMonth } from "../../date-fns/endOfMonth.js";
+import { startOfDay } from "../../date-fns/startOfDay.js";
+import { addMonths } from "../../date-fns/addMonths.js";
+import { differenceInCalendarMonths } from "../../date-fns/differenceInCalendarMonths.js";
+import { isSameMonth } from "../../date-fns/isSameMonth.js";
+import { isBefore } from "../../date-fns/isBefore.js";
+import { isAfter } from "../../date-fns/isAfter.js";
+import { getUnixTime } from "../../date-fns/getUnixTime.js";
+import { getWeeksInMonth } from "../../date-fns/getWeeksInMonth.js";
+import { addWeeks } from "../../date-fns/addWeeks.js";
+import { enUS } from "../../date-fns/locale/en-US.js";
+import { isSameYear } from "../../date-fns/isSameYear.js";
+import { setMonth } from "../../date-fns/setMonth.js";
+import { setYear } from "../../date-fns/setYear.js";
+import { startOfYear } from "../../date-fns/startOfYear.js";
+import { max } from "../../date-fns/max.js";
+import { min } from "../../date-fns/min.js";
+import { endOfISOWeek } from "../../date-fns/endOfISOWeek.js";
+import { endOfWeek } from "../../date-fns/endOfWeek.js";
+import { startOfISOWeek } from "../../date-fns/startOfISOWeek.js";
+import { startOfWeek } from "../../date-fns/startOfWeek.js";
+import { getISOWeek } from "../../date-fns/getISOWeek.js";
+import { getWeek } from "../../date-fns/getWeek.js";
+import { formatDate as format } from "../../date-fns/format.js";
+import { isDate } from "../../date-fns/isDate.js";
+import { addYears } from "../../date-fns/addYears.js";
+var __assign = function() {
+  __assign = Object.assign || function __assign2(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+}
+function __spreadArray(to, from, pack) {
+  for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}
+typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+function isDayPickerMultiple(props) {
+  return props.mode === "multiple";
+}
+function isDayPickerRange(props) {
+  return props.mode === "range";
+}
+function isDayPickerSingle(props) {
+  return props.mode === "single";
+}
+var defaultClassNames = {
+  root: "rdp",
+  multiple_months: "rdp-multiple_months",
+  with_weeknumber: "rdp-with_weeknumber",
+  vhidden: "rdp-vhidden",
+  button_reset: "rdp-button_reset",
+  button: "rdp-button",
+  caption: "rdp-caption",
+  caption_start: "rdp-caption_start",
+  caption_end: "rdp-caption_end",
+  caption_between: "rdp-caption_between",
+  caption_label: "rdp-caption_label",
+  caption_dropdowns: "rdp-caption_dropdowns",
+  dropdown: "rdp-dropdown",
+  dropdown_month: "rdp-dropdown_month",
+  dropdown_year: "rdp-dropdown_year",
+  dropdown_icon: "rdp-dropdown_icon",
+  months: "rdp-months",
+  month: "rdp-month",
+  table: "rdp-table",
+  tbody: "rdp-tbody",
+  tfoot: "rdp-tfoot",
+  head: "rdp-head",
+  head_row: "rdp-head_row",
+  head_cell: "rdp-head_cell",
+  nav: "rdp-nav",
+  nav_button: "rdp-nav_button",
+  nav_button_previous: "rdp-nav_button_previous",
+  nav_button_next: "rdp-nav_button_next",
+  nav_icon: "rdp-nav_icon",
+  row: "rdp-row",
+  weeknumber: "rdp-weeknumber",
+  cell: "rdp-cell",
+  day: "rdp-day",
+  day_today: "rdp-day_today",
+  day_outside: "rdp-day_outside",
+  day_selected: "rdp-day_selected",
+  day_disabled: "rdp-day_disabled",
+  day_hidden: "rdp-day_hidden",
+  day_range_start: "rdp-day_range_start",
+  day_range_end: "rdp-day_range_end",
+  day_range_middle: "rdp-day_range_middle"
+};
+function formatCaption(month, options) {
+  return format(month, "LLLL y", options);
+}
+function formatDay(day, options) {
+  return format(day, "d", options);
+}
+function formatMonthCaption(month, options) {
+  return format(month, "LLLL", options);
+}
+function formatWeekNumber(weekNumber) {
+  return "".concat(weekNumber);
+}
+function formatWeekdayName(weekday, options) {
+  return format(weekday, "cccccc", options);
+}
+function formatYearCaption(year, options) {
+  return format(year, "yyyy", options);
+}
+var formatters = /* @__PURE__ */ Object.freeze({
+  __proto__: null,
+  formatCaption,
+  formatDay,
+  formatMonthCaption,
+  formatWeekNumber,
+  formatWeekdayName,
+  formatYearCaption
+});
+var labelDay = function(day, activeModifiers, options) {
+  return format(day, "do MMMM (EEEE)", options);
+};
+var labelMonthDropdown = function() {
+  return "Month: ";
+};
+var labelNext = function() {
+  return "Go to next month";
+};
+var labelPrevious = function() {
+  return "Go to previous month";
+};
+var labelWeekday = function(day, options) {
+  return format(day, "cccc", options);
+};
+var labelWeekNumber = function(n) {
+  return "Week n. ".concat(n);
+};
+var labelYearDropdown = function() {
+  return "Year: ";
+};
+var labels = /* @__PURE__ */ Object.freeze({
+  __proto__: null,
+  labelDay,
+  labelMonthDropdown,
+  labelNext,
+  labelPrevious,
+  labelWeekNumber,
+  labelWeekday,
+  labelYearDropdown
+});
+function getDefaultContextValues() {
+  var captionLayout = "buttons";
+  var classNames = defaultClassNames;
+  var locale = enUS;
+  var modifiersClassNames = {};
+  var modifiers = {};
+  var numberOfMonths = 1;
+  var styles = {};
+  var today = /* @__PURE__ */ new Date();
+  return {
+    captionLayout,
+    classNames,
+    formatters,
+    labels,
+    locale,
+    modifiersClassNames,
+    modifiers,
+    numberOfMonths,
+    styles,
+    today,
+    mode: "default"
+  };
+}
+function parseFromToProps(props) {
+  var fromYear = props.fromYear, toYear = props.toYear, fromMonth = props.fromMonth, toMonth = props.toMonth;
+  var fromDate = props.fromDate, toDate = props.toDate;
+  if (fromMonth) {
+    fromDate = startOfMonth(fromMonth);
+  } else if (fromYear) {
+    fromDate = new Date(fromYear, 0, 1);
+  }
+  if (toMonth) {
+    toDate = endOfMonth(toMonth);
+  } else if (toYear) {
+    toDate = new Date(toYear, 11, 31);
+  }
+  return {
+    fromDate: fromDate ? startOfDay(fromDate) : void 0,
+    toDate: toDate ? startOfDay(toDate) : void 0
+  };
+}
+var DayPickerContext = createContext(void 0);
+function DayPickerProvider(props) {
+  var _a;
+  var initialProps = props.initialProps;
+  var defaultContextValues = getDefaultContextValues();
+  var _b = parseFromToProps(initialProps), fromDate = _b.fromDate, toDate = _b.toDate;
+  var captionLayout = (_a = initialProps.captionLayout) !== null && _a !== void 0 ? _a : defaultContextValues.captionLayout;
+  if (captionLayout !== "buttons" && (!fromDate || !toDate)) {
+    captionLayout = "buttons";
+  }
+  var onSelect;
+  if (isDayPickerSingle(initialProps) || isDayPickerMultiple(initialProps) || isDayPickerRange(initialProps)) {
+    onSelect = initialProps.onSelect;
+  }
+  var value = __assign(__assign(__assign({}, defaultContextValues), initialProps), { captionLayout, classNames: __assign(__assign({}, defaultContextValues.classNames), initialProps.classNames), components: __assign({}, initialProps.components), formatters: __assign(__assign({}, defaultContextValues.formatters), initialProps.formatters), fromDate, labels: __assign(__assign({}, defaultContextValues.labels), initialProps.labels), mode: initialProps.mode || defaultContextValues.mode, modifiers: __assign(__assign({}, defaultContextValues.modifiers), initialProps.modifiers), modifiersClassNames: __assign(__assign({}, defaultContextValues.modifiersClassNames), initialProps.modifiersClassNames), onSelect, styles: __assign(__assign({}, defaultContextValues.styles), initialProps.styles), toDate });
+  return jsxRuntimeExports.jsx(DayPickerContext.Provider, { value, children: props.children });
+}
+function useDayPicker() {
+  var context = useContext(DayPickerContext);
+  if (!context) {
+    throw new Error("useDayPicker must be used within a DayPickerProvider.");
+  }
+  return context;
+}
+function CaptionLabel(props) {
+  var _a = useDayPicker(), locale = _a.locale, classNames = _a.classNames, styles = _a.styles, formatCaption2 = _a.formatters.formatCaption;
+  return jsxRuntimeExports.jsx("div", { className: classNames.caption_label, style: styles.caption_label, "aria-live": "polite", role: "presentation", id: props.id, children: formatCaption2(props.displayMonth, { locale }) });
+}
+function IconDropdown(props) {
+  return jsxRuntimeExports.jsx("svg", __assign({ width: "8px", height: "8px", viewBox: "0 0 120 120", "data-testid": "iconDropdown" }, props, { children: jsxRuntimeExports.jsx("path", { d: "M4.22182541,48.2218254 C8.44222828,44.0014225 15.2388494,43.9273804 19.5496459,47.9996989 L19.7781746,48.2218254 L60,88.443 L100.221825,48.2218254 C104.442228,44.0014225 111.238849,43.9273804 115.549646,47.9996989 L115.778175,48.2218254 C119.998577,52.4422283 120.07262,59.2388494 116.000301,63.5496459 L115.778175,63.7781746 L67.7781746,111.778175 C63.5577717,115.998577 56.7611506,116.07262 52.4503541,112.000301 L52.2218254,111.778175 L4.22182541,63.7781746 C-0.0739418023,59.4824074 -0.0739418023,52.5175926 4.22182541,48.2218254 Z", fill: "currentColor", fillRule: "nonzero" }) }));
+}
+function Dropdown(props) {
+  var _a, _b;
+  var onChange = props.onChange, value = props.value, children = props.children, caption = props.caption, className = props.className, style = props.style;
+  var dayPicker = useDayPicker();
+  var IconDropdownComponent = (_b = (_a = dayPicker.components) === null || _a === void 0 ? void 0 : _a.IconDropdown) !== null && _b !== void 0 ? _b : IconDropdown;
+  return jsxRuntimeExports.jsxs("div", { className, style, children: [jsxRuntimeExports.jsx("span", { className: dayPicker.classNames.vhidden, children: props["aria-label"] }), jsxRuntimeExports.jsx("select", { name: props.name, "aria-label": props["aria-label"], className: dayPicker.classNames.dropdown, style: dayPicker.styles.dropdown, value, onChange, children }), jsxRuntimeExports.jsxs("div", { className: dayPicker.classNames.caption_label, style: dayPicker.styles.caption_label, "aria-hidden": "true", children: [caption, jsxRuntimeExports.jsx(IconDropdownComponent, { className: dayPicker.classNames.dropdown_icon, style: dayPicker.styles.dropdown_icon })] })] });
+}
+function MonthsDropdown(props) {
+  var _a;
+  var _b = useDayPicker(), fromDate = _b.fromDate, toDate = _b.toDate, styles = _b.styles, locale = _b.locale, formatMonthCaption2 = _b.formatters.formatMonthCaption, classNames = _b.classNames, components = _b.components, labelMonthDropdown2 = _b.labels.labelMonthDropdown;
+  if (!fromDate)
+    return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+  if (!toDate)
+    return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+  var dropdownMonths = [];
+  if (isSameYear(fromDate, toDate)) {
+    var date = startOfMonth(fromDate);
+    for (var month = fromDate.getMonth(); month <= toDate.getMonth(); month++) {
+      dropdownMonths.push(setMonth(date, month));
+    }
+  } else {
+    var date = startOfMonth(/* @__PURE__ */ new Date());
+    for (var month = 0; month <= 11; month++) {
+      dropdownMonths.push(setMonth(date, month));
+    }
+  }
+  var handleChange = function(e) {
+    var selectedMonth = Number(e.target.value);
+    var newMonth = setMonth(startOfMonth(props.displayMonth), selectedMonth);
+    props.onChange(newMonth);
+  };
+  var DropdownComponent = (_a = components === null || components === void 0 ? void 0 : components.Dropdown) !== null && _a !== void 0 ? _a : Dropdown;
+  return jsxRuntimeExports.jsx(DropdownComponent, { name: "months", "aria-label": labelMonthDropdown2(), className: classNames.dropdown_month, style: styles.dropdown_month, onChange: handleChange, value: props.displayMonth.getMonth(), caption: formatMonthCaption2(props.displayMonth, { locale }), children: dropdownMonths.map(function(m) {
+    return jsxRuntimeExports.jsx("option", { value: m.getMonth(), children: formatMonthCaption2(m, { locale }) }, m.getMonth());
+  }) });
+}
+function YearsDropdown(props) {
+  var _a;
+  var displayMonth = props.displayMonth;
+  var _b = useDayPicker(), fromDate = _b.fromDate, toDate = _b.toDate, locale = _b.locale, styles = _b.styles, classNames = _b.classNames, components = _b.components, formatYearCaption2 = _b.formatters.formatYearCaption, labelYearDropdown2 = _b.labels.labelYearDropdown;
+  var years = [];
+  if (!fromDate)
+    return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+  if (!toDate)
+    return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+  var fromYear = fromDate.getFullYear();
+  var toYear = toDate.getFullYear();
+  for (var year = fromYear; year <= toYear; year++) {
+    years.push(setYear(startOfYear(/* @__PURE__ */ new Date()), year));
+  }
+  var handleChange = function(e) {
+    var newMonth = setYear(startOfMonth(displayMonth), Number(e.target.value));
+    props.onChange(newMonth);
+  };
+  var DropdownComponent = (_a = components === null || components === void 0 ? void 0 : components.Dropdown) !== null && _a !== void 0 ? _a : Dropdown;
+  return jsxRuntimeExports.jsx(DropdownComponent, { name: "years", "aria-label": labelYearDropdown2(), className: classNames.dropdown_year, style: styles.dropdown_year, onChange: handleChange, value: displayMonth.getFullYear(), caption: formatYearCaption2(displayMonth, { locale }), children: years.map(function(year2) {
+    return jsxRuntimeExports.jsx("option", { value: year2.getFullYear(), children: formatYearCaption2(year2, { locale }) }, year2.getFullYear());
+  }) });
+}
+function useControlledValue(defaultValue, controlledValue) {
+  var _a = useState(defaultValue), uncontrolledValue = _a[0], setValue = _a[1];
+  var value = controlledValue === void 0 ? uncontrolledValue : controlledValue;
+  return [value, setValue];
+}
+function getInitialMonth(context) {
+  var month = context.month, defaultMonth = context.defaultMonth, today = context.today;
+  var initialMonth = month || defaultMonth || today || /* @__PURE__ */ new Date();
+  var toDate = context.toDate, fromDate = context.fromDate, _a = context.numberOfMonths, numberOfMonths = _a === void 0 ? 1 : _a;
+  if (toDate && differenceInCalendarMonths(toDate, initialMonth) < 0) {
+    var offset = -1 * (numberOfMonths - 1);
+    initialMonth = addMonths(toDate, offset);
+  }
+  if (fromDate && differenceInCalendarMonths(initialMonth, fromDate) < 0) {
+    initialMonth = fromDate;
+  }
+  return startOfMonth(initialMonth);
+}
+function useNavigationState() {
+  var context = useDayPicker();
+  var initialMonth = getInitialMonth(context);
+  var _a = useControlledValue(initialMonth, context.month), month = _a[0], setMonth2 = _a[1];
+  var goToMonth = function(date) {
+    var _a2;
+    if (context.disableNavigation)
+      return;
+    var month2 = startOfMonth(date);
+    setMonth2(month2);
+    (_a2 = context.onMonthChange) === null || _a2 === void 0 ? void 0 : _a2.call(context, month2);
+  };
+  return [month, goToMonth];
+}
+function getDisplayMonths(month, _a) {
+  var reverseMonths = _a.reverseMonths, numberOfMonths = _a.numberOfMonths;
+  var start = startOfMonth(month);
+  var end = startOfMonth(addMonths(start, numberOfMonths));
+  var monthsDiff = differenceInCalendarMonths(end, start);
+  var months = [];
+  for (var i = 0; i < monthsDiff; i++) {
+    var nextMonth = addMonths(start, i);
+    months.push(nextMonth);
+  }
+  if (reverseMonths)
+    months = months.reverse();
+  return months;
+}
+function getNextMonth(startingMonth, options) {
+  if (options.disableNavigation) {
+    return void 0;
+  }
+  var toDate = options.toDate, pagedNavigation = options.pagedNavigation, _a = options.numberOfMonths, numberOfMonths = _a === void 0 ? 1 : _a;
+  var offset = pagedNavigation ? numberOfMonths : 1;
+  var month = startOfMonth(startingMonth);
+  if (!toDate) {
+    return addMonths(month, offset);
+  }
+  var monthsDiff = differenceInCalendarMonths(toDate, startingMonth);
+  if (monthsDiff < numberOfMonths) {
+    return void 0;
+  }
+  return addMonths(month, offset);
+}
+function getPreviousMonth(startingMonth, options) {
+  if (options.disableNavigation) {
+    return void 0;
+  }
+  var fromDate = options.fromDate, pagedNavigation = options.pagedNavigation, _a = options.numberOfMonths, numberOfMonths = _a === void 0 ? 1 : _a;
+  var offset = pagedNavigation ? numberOfMonths : 1;
+  var month = startOfMonth(startingMonth);
+  if (!fromDate) {
+    return addMonths(month, -offset);
+  }
+  var monthsDiff = differenceInCalendarMonths(month, fromDate);
+  if (monthsDiff <= 0) {
+    return void 0;
+  }
+  return addMonths(month, -offset);
+}
+var NavigationContext = createContext(void 0);
+function NavigationProvider(props) {
+  var dayPicker = useDayPicker();
+  var _a = useNavigationState(), currentMonth = _a[0], goToMonth = _a[1];
+  var displayMonths = getDisplayMonths(currentMonth, dayPicker);
+  var nextMonth = getNextMonth(currentMonth, dayPicker);
+  var previousMonth = getPreviousMonth(currentMonth, dayPicker);
+  var isDateDisplayed = function(date) {
+    return displayMonths.some(function(displayMonth) {
+      return isSameMonth(date, displayMonth);
+    });
+  };
+  var goToDate = function(date, refDate) {
+    if (isDateDisplayed(date)) {
+      return;
+    }
+    if (refDate && isBefore(date, refDate)) {
+      goToMonth(addMonths(date, 1 + dayPicker.numberOfMonths * -1));
+    } else {
+      goToMonth(date);
+    }
+  };
+  var value = {
+    currentMonth,
+    displayMonths,
+    goToMonth,
+    goToDate,
+    previousMonth,
+    nextMonth,
+    isDateDisplayed
+  };
+  return jsxRuntimeExports.jsx(NavigationContext.Provider, { value, children: props.children });
+}
+function useNavigation() {
+  var context = useContext(NavigationContext);
+  if (!context) {
+    throw new Error("useNavigation must be used within a NavigationProvider");
+  }
+  return context;
+}
+function CaptionDropdowns(props) {
+  var _a;
+  var _b = useDayPicker(), classNames = _b.classNames, styles = _b.styles, components = _b.components;
+  var goToMonth = useNavigation().goToMonth;
+  var handleMonthChange = function(newMonth) {
+    goToMonth(addMonths(newMonth, props.displayIndex ? -props.displayIndex : 0));
+  };
+  var CaptionLabelComponent = (_a = components === null || components === void 0 ? void 0 : components.CaptionLabel) !== null && _a !== void 0 ? _a : CaptionLabel;
+  var captionLabel = jsxRuntimeExports.jsx(CaptionLabelComponent, { id: props.id, displayMonth: props.displayMonth });
+  return jsxRuntimeExports.jsxs("div", { className: classNames.caption_dropdowns, style: styles.caption_dropdowns, children: [jsxRuntimeExports.jsx("div", { className: classNames.vhidden, children: captionLabel }), jsxRuntimeExports.jsx(MonthsDropdown, { onChange: handleMonthChange, displayMonth: props.displayMonth }), jsxRuntimeExports.jsx(YearsDropdown, { onChange: handleMonthChange, displayMonth: props.displayMonth })] });
+}
+function IconLeft(props) {
+  return jsxRuntimeExports.jsx("svg", __assign({ width: "16px", height: "16px", viewBox: "0 0 120 120" }, props, { children: jsxRuntimeExports.jsx("path", { d: "M69.490332,3.34314575 C72.6145263,0.218951416 77.6798462,0.218951416 80.8040405,3.34314575 C83.8617626,6.40086786 83.9268205,11.3179931 80.9992143,14.4548388 L80.8040405,14.6568542 L35.461,60 L80.8040405,105.343146 C83.8617626,108.400868 83.9268205,113.317993 80.9992143,116.454839 L80.8040405,116.656854 C77.7463184,119.714576 72.8291931,119.779634 69.6923475,116.852028 L69.490332,116.656854 L18.490332,65.6568542 C15.4326099,62.5991321 15.367552,57.6820069 18.2951583,54.5451612 L18.490332,54.3431458 L69.490332,3.34314575 Z", fill: "currentColor", fillRule: "nonzero" }) }));
+}
+function IconRight(props) {
+  return jsxRuntimeExports.jsx("svg", __assign({ width: "16px", height: "16px", viewBox: "0 0 120 120" }, props, { children: jsxRuntimeExports.jsx("path", { d: "M49.8040405,3.34314575 C46.6798462,0.218951416 41.6145263,0.218951416 38.490332,3.34314575 C35.4326099,6.40086786 35.367552,11.3179931 38.2951583,14.4548388 L38.490332,14.6568542 L83.8333725,60 L38.490332,105.343146 C35.4326099,108.400868 35.367552,113.317993 38.2951583,116.454839 L38.490332,116.656854 C41.5480541,119.714576 46.4651794,119.779634 49.602025,116.852028 L49.8040405,116.656854 L100.804041,65.6568542 C103.861763,62.5991321 103.926821,57.6820069 100.999214,54.5451612 L100.804041,54.3431458 L49.8040405,3.34314575 Z", fill: "currentColor" }) }));
+}
+var Button = forwardRef(function(props, ref) {
+  var _a = useDayPicker(), classNames = _a.classNames, styles = _a.styles;
+  var classNamesArr = [classNames.button_reset, classNames.button];
+  if (props.className) {
+    classNamesArr.push(props.className);
+  }
+  var className = classNamesArr.join(" ");
+  var style = __assign(__assign({}, styles.button_reset), styles.button);
+  if (props.style) {
+    Object.assign(style, props.style);
+  }
+  return jsxRuntimeExports.jsx("button", __assign({}, props, { ref, type: "button", className, style }));
+});
+function Navigation(props) {
+  var _a, _b;
+  var _c = useDayPicker(), dir = _c.dir, locale = _c.locale, classNames = _c.classNames, styles = _c.styles, _d = _c.labels, labelPrevious2 = _d.labelPrevious, labelNext2 = _d.labelNext, components = _c.components;
+  if (!props.nextMonth && !props.previousMonth) {
+    return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+  }
+  var previousLabel = labelPrevious2(props.previousMonth, { locale });
+  var previousClassName = [
+    classNames.nav_button,
+    classNames.nav_button_previous
+  ].join(" ");
+  var nextLabel = labelNext2(props.nextMonth, { locale });
+  var nextClassName = [
+    classNames.nav_button,
+    classNames.nav_button_next
+  ].join(" ");
+  var IconRightComponent = (_a = components === null || components === void 0 ? void 0 : components.IconRight) !== null && _a !== void 0 ? _a : IconRight;
+  var IconLeftComponent = (_b = components === null || components === void 0 ? void 0 : components.IconLeft) !== null && _b !== void 0 ? _b : IconLeft;
+  return jsxRuntimeExports.jsxs("div", { className: classNames.nav, style: styles.nav, children: [!props.hidePrevious && jsxRuntimeExports.jsx(Button, { name: "previous-month", "aria-label": previousLabel, className: previousClassName, style: styles.nav_button_previous, disabled: !props.previousMonth, onClick: props.onPreviousClick, children: dir === "rtl" ? jsxRuntimeExports.jsx(IconRightComponent, { className: classNames.nav_icon, style: styles.nav_icon }) : jsxRuntimeExports.jsx(IconLeftComponent, { className: classNames.nav_icon, style: styles.nav_icon }) }), !props.hideNext && jsxRuntimeExports.jsx(Button, { name: "next-month", "aria-label": nextLabel, className: nextClassName, style: styles.nav_button_next, disabled: !props.nextMonth, onClick: props.onNextClick, children: dir === "rtl" ? jsxRuntimeExports.jsx(IconLeftComponent, { className: classNames.nav_icon, style: styles.nav_icon }) : jsxRuntimeExports.jsx(IconRightComponent, { className: classNames.nav_icon, style: styles.nav_icon }) })] });
+}
+function CaptionNavigation(props) {
+  var numberOfMonths = useDayPicker().numberOfMonths;
+  var _a = useNavigation(), previousMonth = _a.previousMonth, nextMonth = _a.nextMonth, goToMonth = _a.goToMonth, displayMonths = _a.displayMonths;
+  var displayIndex = displayMonths.findIndex(function(month) {
+    return isSameMonth(props.displayMonth, month);
+  });
+  var isFirst = displayIndex === 0;
+  var isLast = displayIndex === displayMonths.length - 1;
+  var hideNext = numberOfMonths > 1 && (isFirst || !isLast);
+  var hidePrevious = numberOfMonths > 1 && (isLast || !isFirst);
+  var handlePreviousClick = function() {
+    if (!previousMonth)
+      return;
+    goToMonth(previousMonth);
+  };
+  var handleNextClick = function() {
+    if (!nextMonth)
+      return;
+    goToMonth(nextMonth);
+  };
+  return jsxRuntimeExports.jsx(Navigation, { displayMonth: props.displayMonth, hideNext, hidePrevious, nextMonth, previousMonth, onPreviousClick: handlePreviousClick, onNextClick: handleNextClick });
+}
+function Caption(props) {
+  var _a;
+  var _b = useDayPicker(), classNames = _b.classNames, disableNavigation = _b.disableNavigation, styles = _b.styles, captionLayout = _b.captionLayout, components = _b.components;
+  var CaptionLabelComponent = (_a = components === null || components === void 0 ? void 0 : components.CaptionLabel) !== null && _a !== void 0 ? _a : CaptionLabel;
+  var caption;
+  if (disableNavigation) {
+    caption = jsxRuntimeExports.jsx(CaptionLabelComponent, { id: props.id, displayMonth: props.displayMonth });
+  } else if (captionLayout === "dropdown") {
+    caption = jsxRuntimeExports.jsx(CaptionDropdowns, { displayMonth: props.displayMonth, id: props.id });
+  } else if (captionLayout === "dropdown-buttons") {
+    caption = jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(CaptionDropdowns, { displayMonth: props.displayMonth, displayIndex: props.displayIndex, id: props.id }), jsxRuntimeExports.jsx(CaptionNavigation, { displayMonth: props.displayMonth, displayIndex: props.displayIndex, id: props.id })] });
+  } else {
+    caption = jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(CaptionLabelComponent, { id: props.id, displayMonth: props.displayMonth, displayIndex: props.displayIndex }), jsxRuntimeExports.jsx(CaptionNavigation, { displayMonth: props.displayMonth, id: props.id })] });
+  }
+  return jsxRuntimeExports.jsx("div", { className: classNames.caption, style: styles.caption, children: caption });
+}
+function Footer(props) {
+  var _a = useDayPicker(), footer = _a.footer, styles = _a.styles, tfoot = _a.classNames.tfoot;
+  if (!footer)
+    return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+  return jsxRuntimeExports.jsx("tfoot", { className: tfoot, style: styles.tfoot, children: jsxRuntimeExports.jsx("tr", { children: jsxRuntimeExports.jsx("td", { colSpan: 8, children: footer }) }) });
+}
+function getWeekdays(locale, weekStartsOn, ISOWeek) {
+  var start = ISOWeek ? startOfISOWeek(/* @__PURE__ */ new Date()) : startOfWeek(/* @__PURE__ */ new Date(), { locale, weekStartsOn });
+  var days = [];
+  for (var i = 0; i < 7; i++) {
+    var day = addDays(start, i);
+    days.push(day);
+  }
+  return days;
+}
+function HeadRow() {
+  var _a = useDayPicker(), classNames = _a.classNames, styles = _a.styles, showWeekNumber = _a.showWeekNumber, locale = _a.locale, weekStartsOn = _a.weekStartsOn, ISOWeek = _a.ISOWeek, formatWeekdayName2 = _a.formatters.formatWeekdayName, labelWeekday2 = _a.labels.labelWeekday;
+  var weekdays = getWeekdays(locale, weekStartsOn, ISOWeek);
+  return jsxRuntimeExports.jsxs("tr", { style: styles.head_row, className: classNames.head_row, children: [showWeekNumber && jsxRuntimeExports.jsx("td", { style: styles.head_cell, className: classNames.head_cell }), weekdays.map(function(weekday, i) {
+    return jsxRuntimeExports.jsx("th", { scope: "col", className: classNames.head_cell, style: styles.head_cell, "aria-label": labelWeekday2(weekday, { locale }), children: formatWeekdayName2(weekday, { locale }) }, i);
+  })] });
+}
+function Head() {
+  var _a;
+  var _b = useDayPicker(), classNames = _b.classNames, styles = _b.styles, components = _b.components;
+  var HeadRowComponent = (_a = components === null || components === void 0 ? void 0 : components.HeadRow) !== null && _a !== void 0 ? _a : HeadRow;
+  return jsxRuntimeExports.jsx("thead", { style: styles.head, className: classNames.head, children: jsxRuntimeExports.jsx(HeadRowComponent, {}) });
+}
+function DayContent(props) {
+  var _a = useDayPicker(), locale = _a.locale, formatDay2 = _a.formatters.formatDay;
+  return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: formatDay2(props.date, { locale }) });
+}
+var SelectMultipleContext = createContext(void 0);
+function SelectMultipleProvider(props) {
+  if (!isDayPickerMultiple(props.initialProps)) {
+    var emptyContextValue = {
+      selected: void 0,
+      modifiers: {
+        disabled: []
+      }
+    };
+    return jsxRuntimeExports.jsx(SelectMultipleContext.Provider, { value: emptyContextValue, children: props.children });
+  }
+  return jsxRuntimeExports.jsx(SelectMultipleProviderInternal, { initialProps: props.initialProps, children: props.children });
+}
+function SelectMultipleProviderInternal(_a) {
+  var initialProps = _a.initialProps, children = _a.children;
+  var selected = initialProps.selected, min2 = initialProps.min, max2 = initialProps.max;
+  var onDayClick = function(day, activeModifiers, e) {
+    var _a2, _b;
+    (_a2 = initialProps.onDayClick) === null || _a2 === void 0 ? void 0 : _a2.call(initialProps, day, activeModifiers, e);
+    var isMinSelected = Boolean(activeModifiers.selected && min2 && (selected === null || selected === void 0 ? void 0 : selected.length) === min2);
+    if (isMinSelected) {
+      return;
+    }
+    var isMaxSelected = Boolean(!activeModifiers.selected && max2 && (selected === null || selected === void 0 ? void 0 : selected.length) === max2);
+    if (isMaxSelected) {
+      return;
+    }
+    var selectedDays = selected ? __spreadArray([], selected) : [];
+    if (activeModifiers.selected) {
+      var index = selectedDays.findIndex(function(selectedDay) {
+        return isSameDay(day, selectedDay);
+      });
+      selectedDays.splice(index, 1);
+    } else {
+      selectedDays.push(day);
+    }
+    (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, selectedDays, day, activeModifiers, e);
+  };
+  var modifiers = {
+    disabled: []
+  };
+  if (selected) {
+    modifiers.disabled.push(function(day) {
+      var isMaxSelected = max2 && selected.length > max2 - 1;
+      var isSelected = selected.some(function(selectedDay) {
+        return isSameDay(selectedDay, day);
+      });
+      return Boolean(isMaxSelected && !isSelected);
+    });
+  }
+  var contextValue = {
+    selected,
+    onDayClick,
+    modifiers
+  };
+  return jsxRuntimeExports.jsx(SelectMultipleContext.Provider, { value: contextValue, children });
+}
+function useSelectMultiple() {
+  var context = useContext(SelectMultipleContext);
+  if (!context) {
+    throw new Error("useSelectMultiple must be used within a SelectMultipleProvider");
+  }
+  return context;
+}
+function addToRange(day, range) {
+  var _a = range || {}, from = _a.from, to = _a.to;
+  if (from && to) {
+    if (isSameDay(to, day) && isSameDay(from, day)) {
+      return void 0;
+    }
+    if (isSameDay(to, day)) {
+      return { from: to, to: void 0 };
+    }
+    if (isSameDay(from, day)) {
+      return void 0;
+    }
+    if (isAfter(from, day)) {
+      return { from: day, to };
+    }
+    return { from, to: day };
+  }
+  if (to) {
+    if (isAfter(day, to)) {
+      return { from: to, to: day };
+    }
+    return { from: day, to };
+  }
+  if (from) {
+    if (isBefore(day, from)) {
+      return { from: day, to: from };
+    }
+    return { from, to: day };
+  }
+  return { from: day, to: void 0 };
+}
+var SelectRangeContext = createContext(void 0);
+function SelectRangeProvider(props) {
+  if (!isDayPickerRange(props.initialProps)) {
+    var emptyContextValue = {
+      selected: void 0,
+      modifiers: {
+        range_start: [],
+        range_end: [],
+        range_middle: [],
+        disabled: []
+      }
+    };
+    return jsxRuntimeExports.jsx(SelectRangeContext.Provider, { value: emptyContextValue, children: props.children });
+  }
+  return jsxRuntimeExports.jsx(SelectRangeProviderInternal, { initialProps: props.initialProps, children: props.children });
+}
+function SelectRangeProviderInternal(_a) {
+  var initialProps = _a.initialProps, children = _a.children;
+  var selected = initialProps.selected;
+  var _b = selected || {}, selectedFrom = _b.from, selectedTo = _b.to;
+  var min2 = initialProps.min;
+  var max2 = initialProps.max;
+  var onDayClick = function(day, activeModifiers, e) {
+    var _a2, _b2;
+    (_a2 = initialProps.onDayClick) === null || _a2 === void 0 ? void 0 : _a2.call(initialProps, day, activeModifiers, e);
+    var newRange = addToRange(day, selected);
+    (_b2 = initialProps.onSelect) === null || _b2 === void 0 ? void 0 : _b2.call(initialProps, newRange, day, activeModifiers, e);
+  };
+  var modifiers = {
+    range_start: [],
+    range_end: [],
+    range_middle: [],
+    disabled: []
+  };
+  if (selectedFrom) {
+    modifiers.range_start = [selectedFrom];
+    if (!selectedTo) {
+      modifiers.range_end = [selectedFrom];
+    } else {
+      modifiers.range_end = [selectedTo];
+      if (!isSameDay(selectedFrom, selectedTo)) {
+        modifiers.range_middle = [
+          {
+            after: selectedFrom,
+            before: selectedTo
+          }
+        ];
+      }
+    }
+  } else if (selectedTo) {
+    modifiers.range_start = [selectedTo];
+    modifiers.range_end = [selectedTo];
+  }
+  if (min2) {
+    if (selectedFrom && !selectedTo) {
+      modifiers.disabled.push({
+        after: subDays(selectedFrom, min2 - 1),
+        before: addDays(selectedFrom, min2 - 1)
+      });
+    }
+    if (selectedFrom && selectedTo) {
+      modifiers.disabled.push({
+        after: selectedFrom,
+        before: addDays(selectedFrom, min2 - 1)
+      });
+    }
+    if (!selectedFrom && selectedTo) {
+      modifiers.disabled.push({
+        after: subDays(selectedTo, min2 - 1),
+        before: addDays(selectedTo, min2 - 1)
+      });
+    }
+  }
+  if (max2) {
+    if (selectedFrom && !selectedTo) {
+      modifiers.disabled.push({
+        before: addDays(selectedFrom, -max2 + 1)
+      });
+      modifiers.disabled.push({
+        after: addDays(selectedFrom, max2 - 1)
+      });
+    }
+    if (selectedFrom && selectedTo) {
+      var selectedCount = differenceInCalendarDays(selectedTo, selectedFrom) + 1;
+      var offset = max2 - selectedCount;
+      modifiers.disabled.push({
+        before: subDays(selectedFrom, offset)
+      });
+      modifiers.disabled.push({
+        after: addDays(selectedTo, offset)
+      });
+    }
+    if (!selectedFrom && selectedTo) {
+      modifiers.disabled.push({
+        before: addDays(selectedTo, -max2 + 1)
+      });
+      modifiers.disabled.push({
+        after: addDays(selectedTo, max2 - 1)
+      });
+    }
+  }
+  return jsxRuntimeExports.jsx(SelectRangeContext.Provider, { value: { selected, onDayClick, modifiers }, children });
+}
+function useSelectRange() {
+  var context = useContext(SelectRangeContext);
+  if (!context) {
+    throw new Error("useSelectRange must be used within a SelectRangeProvider");
+  }
+  return context;
+}
+function matcherToArray(matcher) {
+  if (Array.isArray(matcher)) {
+    return __spreadArray([], matcher);
+  } else if (matcher !== void 0) {
+    return [matcher];
+  } else {
+    return [];
+  }
+}
+function getCustomModifiers(dayModifiers) {
+  var customModifiers = {};
+  Object.entries(dayModifiers).forEach(function(_a) {
+    var modifier = _a[0], matcher = _a[1];
+    customModifiers[modifier] = matcherToArray(matcher);
+  });
+  return customModifiers;
+}
+var InternalModifier;
+(function(InternalModifier2) {
+  InternalModifier2["Outside"] = "outside";
+  InternalModifier2["Disabled"] = "disabled";
+  InternalModifier2["Selected"] = "selected";
+  InternalModifier2["Hidden"] = "hidden";
+  InternalModifier2["Today"] = "today";
+  InternalModifier2["RangeStart"] = "range_start";
+  InternalModifier2["RangeEnd"] = "range_end";
+  InternalModifier2["RangeMiddle"] = "range_middle";
+})(InternalModifier || (InternalModifier = {}));
+var Selected = InternalModifier.Selected, Disabled = InternalModifier.Disabled, Hidden = InternalModifier.Hidden, Today = InternalModifier.Today, RangeEnd = InternalModifier.RangeEnd, RangeMiddle = InternalModifier.RangeMiddle, RangeStart = InternalModifier.RangeStart, Outside = InternalModifier.Outside;
+function getInternalModifiers(dayPicker, selectMultiple, selectRange) {
+  var _a;
+  var internalModifiers = (_a = {}, _a[Selected] = matcherToArray(dayPicker.selected), _a[Disabled] = matcherToArray(dayPicker.disabled), _a[Hidden] = matcherToArray(dayPicker.hidden), _a[Today] = [dayPicker.today], _a[RangeEnd] = [], _a[RangeMiddle] = [], _a[RangeStart] = [], _a[Outside] = [], _a);
+  if (dayPicker.fromDate) {
+    internalModifiers[Disabled].push({ before: dayPicker.fromDate });
+  }
+  if (dayPicker.toDate) {
+    internalModifiers[Disabled].push({ after: dayPicker.toDate });
+  }
+  if (isDayPickerMultiple(dayPicker)) {
+    internalModifiers[Disabled] = internalModifiers[Disabled].concat(selectMultiple.modifiers[Disabled]);
+  } else if (isDayPickerRange(dayPicker)) {
+    internalModifiers[Disabled] = internalModifiers[Disabled].concat(selectRange.modifiers[Disabled]);
+    internalModifiers[RangeStart] = selectRange.modifiers[RangeStart];
+    internalModifiers[RangeMiddle] = selectRange.modifiers[RangeMiddle];
+    internalModifiers[RangeEnd] = selectRange.modifiers[RangeEnd];
+  }
+  return internalModifiers;
+}
+var ModifiersContext = createContext(void 0);
+function ModifiersProvider(props) {
+  var dayPicker = useDayPicker();
+  var selectMultiple = useSelectMultiple();
+  var selectRange = useSelectRange();
+  var internalModifiers = getInternalModifiers(dayPicker, selectMultiple, selectRange);
+  var customModifiers = getCustomModifiers(dayPicker.modifiers);
+  var modifiers = __assign(__assign({}, internalModifiers), customModifiers);
+  return jsxRuntimeExports.jsx(ModifiersContext.Provider, { value: modifiers, children: props.children });
+}
+function useModifiers() {
+  var context = useContext(ModifiersContext);
+  if (!context) {
+    throw new Error("useModifiers must be used within a ModifiersProvider");
+  }
+  return context;
+}
+function isDateInterval(matcher) {
+  return Boolean(matcher && typeof matcher === "object" && "before" in matcher && "after" in matcher);
+}
+function isDateRange(value) {
+  return Boolean(value && typeof value === "object" && "from" in value);
+}
+function isDateAfterType(value) {
+  return Boolean(value && typeof value === "object" && "after" in value);
+}
+function isDateBeforeType(value) {
+  return Boolean(value && typeof value === "object" && "before" in value);
+}
+function isDayOfWeekType(value) {
+  return Boolean(value && typeof value === "object" && "dayOfWeek" in value);
+}
+function isDateInRange(date, range) {
+  var _a;
+  var from = range.from, to = range.to;
+  if (from && to) {
+    var isRangeInverted = differenceInCalendarDays(to, from) < 0;
+    if (isRangeInverted) {
+      _a = [to, from], from = _a[0], to = _a[1];
+    }
+    var isInRange = differenceInCalendarDays(date, from) >= 0 && differenceInCalendarDays(to, date) >= 0;
+    return isInRange;
+  }
+  if (to) {
+    return isSameDay(to, date);
+  }
+  if (from) {
+    return isSameDay(from, date);
+  }
+  return false;
+}
+function isDateType(value) {
+  return isDate(value);
+}
+function isArrayOfDates(value) {
+  return Array.isArray(value) && value.every(isDate);
+}
+function isMatch(day, matchers) {
+  return matchers.some(function(matcher) {
+    if (typeof matcher === "boolean") {
+      return matcher;
+    }
+    if (isDateType(matcher)) {
+      return isSameDay(day, matcher);
+    }
+    if (isArrayOfDates(matcher)) {
+      return matcher.includes(day);
+    }
+    if (isDateRange(matcher)) {
+      return isDateInRange(day, matcher);
+    }
+    if (isDayOfWeekType(matcher)) {
+      return matcher.dayOfWeek.includes(day.getDay());
+    }
+    if (isDateInterval(matcher)) {
+      var diffBefore = differenceInCalendarDays(matcher.before, day);
+      var diffAfter = differenceInCalendarDays(matcher.after, day);
+      var isDayBefore = diffBefore > 0;
+      var isDayAfter = diffAfter < 0;
+      var isClosedInterval = isAfter(matcher.before, matcher.after);
+      if (isClosedInterval) {
+        return isDayAfter && isDayBefore;
+      } else {
+        return isDayBefore || isDayAfter;
+      }
+    }
+    if (isDateAfterType(matcher)) {
+      return differenceInCalendarDays(day, matcher.after) > 0;
+    }
+    if (isDateBeforeType(matcher)) {
+      return differenceInCalendarDays(matcher.before, day) > 0;
+    }
+    if (typeof matcher === "function") {
+      return matcher(day);
+    }
+    return false;
+  });
+}
+function getActiveModifiers(day, modifiers, displayMonth) {
+  var matchedModifiers = Object.keys(modifiers).reduce(function(result, key) {
+    var modifier = modifiers[key];
+    if (isMatch(day, modifier)) {
+      result.push(key);
+    }
+    return result;
+  }, []);
+  var activeModifiers = {};
+  matchedModifiers.forEach(function(modifier) {
+    return activeModifiers[modifier] = true;
+  });
+  if (displayMonth && !isSameMonth(day, displayMonth)) {
+    activeModifiers.outside = true;
+  }
+  return activeModifiers;
+}
+function getInitialFocusTarget(displayMonths, modifiers) {
+  var firstDayInMonth = startOfMonth(displayMonths[0]);
+  var lastDayInMonth = endOfMonth(displayMonths[displayMonths.length - 1]);
+  var firstFocusableDay;
+  var today;
+  var date = firstDayInMonth;
+  while (date <= lastDayInMonth) {
+    var activeModifiers = getActiveModifiers(date, modifiers);
+    var isFocusable = !activeModifiers.disabled && !activeModifiers.hidden;
+    if (!isFocusable) {
+      date = addDays(date, 1);
+      continue;
+    }
+    if (activeModifiers.selected) {
+      return date;
+    }
+    if (activeModifiers.today && !today) {
+      today = date;
+    }
+    if (!firstFocusableDay) {
+      firstFocusableDay = date;
+    }
+    date = addDays(date, 1);
+  }
+  if (today) {
+    return today;
+  } else {
+    return firstFocusableDay;
+  }
+}
+var MAX_RETRY = 365;
+function getNextFocus(focusedDay, options) {
+  var moveBy = options.moveBy, direction = options.direction, context = options.context, modifiers = options.modifiers, _a = options.retry, retry = _a === void 0 ? { count: 0, lastFocused: focusedDay } : _a;
+  var weekStartsOn = context.weekStartsOn, fromDate = context.fromDate, toDate = context.toDate, locale = context.locale;
+  var moveFns = {
+    day: addDays,
+    week: addWeeks,
+    month: addMonths,
+    year: addYears,
+    startOfWeek: function(date) {
+      return context.ISOWeek ? startOfISOWeek(date) : startOfWeek(date, { locale, weekStartsOn });
+    },
+    endOfWeek: function(date) {
+      return context.ISOWeek ? endOfISOWeek(date) : endOfWeek(date, { locale, weekStartsOn });
+    }
+  };
+  var newFocusedDay = moveFns[moveBy](focusedDay, direction === "after" ? 1 : -1);
+  if (direction === "before" && fromDate) {
+    newFocusedDay = max([fromDate, newFocusedDay]);
+  } else if (direction === "after" && toDate) {
+    newFocusedDay = min([toDate, newFocusedDay]);
+  }
+  var isFocusable = true;
+  if (modifiers) {
+    var activeModifiers = getActiveModifiers(newFocusedDay, modifiers);
+    isFocusable = !activeModifiers.disabled && !activeModifiers.hidden;
+  }
+  if (isFocusable) {
+    return newFocusedDay;
+  } else {
+    if (retry.count > MAX_RETRY) {
+      return retry.lastFocused;
+    }
+    return getNextFocus(newFocusedDay, {
+      moveBy,
+      direction,
+      context,
+      modifiers,
+      retry: __assign(__assign({}, retry), { count: retry.count + 1 })
+    });
+  }
+}
+var FocusContext = createContext(void 0);
+function FocusProvider(props) {
+  var navigation = useNavigation();
+  var modifiers = useModifiers();
+  var _a = useState(), focusedDay = _a[0], setFocusedDay = _a[1];
+  var _b = useState(), lastFocused = _b[0], setLastFocused = _b[1];
+  var initialFocusTarget = getInitialFocusTarget(navigation.displayMonths, modifiers);
+  var focusTarget = (focusedDay !== null && focusedDay !== void 0 ? focusedDay : lastFocused && navigation.isDateDisplayed(lastFocused)) ? lastFocused : initialFocusTarget;
+  var blur = function() {
+    setLastFocused(focusedDay);
+    setFocusedDay(void 0);
+  };
+  var focus = function(date) {
+    setFocusedDay(date);
+  };
+  var context = useDayPicker();
+  var moveFocus = function(moveBy, direction) {
+    if (!focusedDay)
+      return;
+    var nextFocused = getNextFocus(focusedDay, {
+      moveBy,
+      direction,
+      context,
+      modifiers
+    });
+    if (isSameDay(focusedDay, nextFocused))
+      return void 0;
+    navigation.goToDate(nextFocused, focusedDay);
+    focus(nextFocused);
+  };
+  var value = {
+    focusedDay,
+    focusTarget,
+    blur,
+    focus,
+    focusDayAfter: function() {
+      return moveFocus("day", "after");
+    },
+    focusDayBefore: function() {
+      return moveFocus("day", "before");
+    },
+    focusWeekAfter: function() {
+      return moveFocus("week", "after");
+    },
+    focusWeekBefore: function() {
+      return moveFocus("week", "before");
+    },
+    focusMonthBefore: function() {
+      return moveFocus("month", "before");
+    },
+    focusMonthAfter: function() {
+      return moveFocus("month", "after");
+    },
+    focusYearBefore: function() {
+      return moveFocus("year", "before");
+    },
+    focusYearAfter: function() {
+      return moveFocus("year", "after");
+    },
+    focusStartOfWeek: function() {
+      return moveFocus("startOfWeek", "before");
+    },
+    focusEndOfWeek: function() {
+      return moveFocus("endOfWeek", "after");
+    }
+  };
+  return jsxRuntimeExports.jsx(FocusContext.Provider, { value, children: props.children });
+}
+function useFocusContext() {
+  var context = useContext(FocusContext);
+  if (!context) {
+    throw new Error("useFocusContext must be used within a FocusProvider");
+  }
+  return context;
+}
+function useActiveModifiers(day, displayMonth) {
+  var modifiers = useModifiers();
+  var activeModifiers = getActiveModifiers(day, modifiers, displayMonth);
+  return activeModifiers;
+}
+var SelectSingleContext = createContext(void 0);
+function SelectSingleProvider(props) {
+  if (!isDayPickerSingle(props.initialProps)) {
+    var emptyContextValue = {
+      selected: void 0
+    };
+    return jsxRuntimeExports.jsx(SelectSingleContext.Provider, { value: emptyContextValue, children: props.children });
+  }
+  return jsxRuntimeExports.jsx(SelectSingleProviderInternal, { initialProps: props.initialProps, children: props.children });
+}
+function SelectSingleProviderInternal(_a) {
+  var initialProps = _a.initialProps, children = _a.children;
+  var onDayClick = function(day, activeModifiers, e) {
+    var _a2, _b, _c;
+    (_a2 = initialProps.onDayClick) === null || _a2 === void 0 ? void 0 : _a2.call(initialProps, day, activeModifiers, e);
+    if (activeModifiers.selected && !initialProps.required) {
+      (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, void 0, day, activeModifiers, e);
+      return;
+    }
+    (_c = initialProps.onSelect) === null || _c === void 0 ? void 0 : _c.call(initialProps, day, day, activeModifiers, e);
+  };
+  var contextValue = {
+    selected: initialProps.selected,
+    onDayClick
+  };
+  return jsxRuntimeExports.jsx(SelectSingleContext.Provider, { value: contextValue, children });
+}
+function useSelectSingle() {
+  var context = useContext(SelectSingleContext);
+  if (!context) {
+    throw new Error("useSelectSingle must be used within a SelectSingleProvider");
+  }
+  return context;
+}
+function useDayEventHandlers(date, activeModifiers) {
+  var dayPicker = useDayPicker();
+  var single = useSelectSingle();
+  var multiple = useSelectMultiple();
+  var range = useSelectRange();
+  var _a = useFocusContext(), focusDayAfter = _a.focusDayAfter, focusDayBefore = _a.focusDayBefore, focusWeekAfter = _a.focusWeekAfter, focusWeekBefore = _a.focusWeekBefore, blur = _a.blur, focus = _a.focus, focusMonthBefore = _a.focusMonthBefore, focusMonthAfter = _a.focusMonthAfter, focusYearBefore = _a.focusYearBefore, focusYearAfter = _a.focusYearAfter, focusStartOfWeek = _a.focusStartOfWeek, focusEndOfWeek = _a.focusEndOfWeek;
+  var onClick = function(e) {
+    var _a2, _b, _c, _d;
+    if (isDayPickerSingle(dayPicker)) {
+      (_a2 = single.onDayClick) === null || _a2 === void 0 ? void 0 : _a2.call(single, date, activeModifiers, e);
+    } else if (isDayPickerMultiple(dayPicker)) {
+      (_b = multiple.onDayClick) === null || _b === void 0 ? void 0 : _b.call(multiple, date, activeModifiers, e);
+    } else if (isDayPickerRange(dayPicker)) {
+      (_c = range.onDayClick) === null || _c === void 0 ? void 0 : _c.call(range, date, activeModifiers, e);
+    } else {
+      (_d = dayPicker.onDayClick) === null || _d === void 0 ? void 0 : _d.call(dayPicker, date, activeModifiers, e);
+    }
+  };
+  var onFocus = function(e) {
+    var _a2;
+    focus(date);
+    (_a2 = dayPicker.onDayFocus) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onBlur = function(e) {
+    var _a2;
+    blur();
+    (_a2 = dayPicker.onDayBlur) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onMouseEnter = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayMouseEnter) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onMouseLeave = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayMouseLeave) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onPointerEnter = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayPointerEnter) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onPointerLeave = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayPointerLeave) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onTouchCancel = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayTouchCancel) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onTouchEnd = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayTouchEnd) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onTouchMove = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayTouchMove) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onTouchStart = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayTouchStart) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onKeyUp = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayKeyUp) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onKeyDown = function(e) {
+    var _a2;
+    switch (e.key) {
+      case "ArrowLeft":
+        e.preventDefault();
+        e.stopPropagation();
+        dayPicker.dir === "rtl" ? focusDayAfter() : focusDayBefore();
+        break;
+      case "ArrowRight":
+        e.preventDefault();
+        e.stopPropagation();
+        dayPicker.dir === "rtl" ? focusDayBefore() : focusDayAfter();
+        break;
+      case "ArrowDown":
+        e.preventDefault();
+        e.stopPropagation();
+        focusWeekAfter();
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        e.stopPropagation();
+        focusWeekBefore();
+        break;
+      case "PageUp":
+        e.preventDefault();
+        e.stopPropagation();
+        e.shiftKey ? focusYearBefore() : focusMonthBefore();
+        break;
+      case "PageDown":
+        e.preventDefault();
+        e.stopPropagation();
+        e.shiftKey ? focusYearAfter() : focusMonthAfter();
+        break;
+      case "Home":
+        e.preventDefault();
+        e.stopPropagation();
+        focusStartOfWeek();
+        break;
+      case "End":
+        e.preventDefault();
+        e.stopPropagation();
+        focusEndOfWeek();
+        break;
+    }
+    (_a2 = dayPicker.onDayKeyDown) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var eventHandlers = {
+    onClick,
+    onFocus,
+    onBlur,
+    onKeyDown,
+    onKeyUp,
+    onMouseEnter,
+    onMouseLeave,
+    onPointerEnter,
+    onPointerLeave,
+    onTouchCancel,
+    onTouchEnd,
+    onTouchMove,
+    onTouchStart
+  };
+  return eventHandlers;
+}
+function useSelectedDays() {
+  var dayPicker = useDayPicker();
+  var single = useSelectSingle();
+  var multiple = useSelectMultiple();
+  var range = useSelectRange();
+  var selectedDays = isDayPickerSingle(dayPicker) ? single.selected : isDayPickerMultiple(dayPicker) ? multiple.selected : isDayPickerRange(dayPicker) ? range.selected : void 0;
+  return selectedDays;
+}
+function isInternalModifier(modifier) {
+  return Object.values(InternalModifier).includes(modifier);
+}
+function getDayClassNames(dayPicker, activeModifiers) {
+  var classNames = [dayPicker.classNames.day];
+  Object.keys(activeModifiers).forEach(function(modifier) {
+    var customClassName = dayPicker.modifiersClassNames[modifier];
+    if (customClassName) {
+      classNames.push(customClassName);
+    } else if (isInternalModifier(modifier)) {
+      var internalClassName = dayPicker.classNames["day_".concat(modifier)];
+      if (internalClassName) {
+        classNames.push(internalClassName);
+      }
+    }
+  });
+  return classNames;
+}
+function getDayStyle(dayPicker, activeModifiers) {
+  var style = __assign({}, dayPicker.styles.day);
+  Object.keys(activeModifiers).forEach(function(modifier) {
+    var _a;
+    style = __assign(__assign({}, style), (_a = dayPicker.modifiersStyles) === null || _a === void 0 ? void 0 : _a[modifier]);
+  });
+  return style;
+}
+function useDayRender(day, displayMonth, buttonRef) {
+  var _a;
+  var _b, _c;
+  var dayPicker = useDayPicker();
+  var focusContext = useFocusContext();
+  var activeModifiers = useActiveModifiers(day, displayMonth);
+  var eventHandlers = useDayEventHandlers(day, activeModifiers);
+  var selectedDays = useSelectedDays();
+  var isButton = Boolean(dayPicker.onDayClick || dayPicker.mode !== "default");
+  useEffect(function() {
+    var _a2;
+    if (activeModifiers.outside)
+      return;
+    if (!focusContext.focusedDay)
+      return;
+    if (!isButton)
+      return;
+    if (isSameDay(focusContext.focusedDay, day)) {
+      (_a2 = buttonRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus();
+    }
+  }, [
+    focusContext.focusedDay,
+    day,
+    buttonRef,
+    isButton,
+    activeModifiers.outside
+  ]);
+  var className = getDayClassNames(dayPicker, activeModifiers).join(" ");
+  var style = getDayStyle(dayPicker, activeModifiers);
+  var isHidden = Boolean(activeModifiers.outside && !dayPicker.showOutsideDays || activeModifiers.hidden);
+  var DayContentComponent = (_c = (_b = dayPicker.components) === null || _b === void 0 ? void 0 : _b.DayContent) !== null && _c !== void 0 ? _c : DayContent;
+  var children = jsxRuntimeExports.jsx(DayContentComponent, { date: day, displayMonth, activeModifiers });
+  var divProps = {
+    style,
+    className,
+    children,
+    role: "gridcell"
+  };
+  var isFocusTarget = focusContext.focusTarget && isSameDay(focusContext.focusTarget, day) && !activeModifiers.outside;
+  var isFocused = focusContext.focusedDay && isSameDay(focusContext.focusedDay, day);
+  var buttonProps = __assign(__assign(__assign({}, divProps), (_a = { disabled: activeModifiers.disabled, role: "gridcell" }, _a["aria-selected"] = activeModifiers.selected, _a.tabIndex = isFocused || isFocusTarget ? 0 : -1, _a)), eventHandlers);
+  var dayRender = {
+    isButton,
+    isHidden,
+    activeModifiers,
+    selectedDays,
+    buttonProps,
+    divProps
+  };
+  return dayRender;
+}
+function Day(props) {
+  var buttonRef = useRef(null);
+  var dayRender = useDayRender(props.date, props.displayMonth, buttonRef);
+  if (dayRender.isHidden) {
+    return jsxRuntimeExports.jsx("div", { role: "gridcell" });
+  }
+  if (!dayRender.isButton) {
+    return jsxRuntimeExports.jsx("div", __assign({}, dayRender.divProps));
+  }
+  return jsxRuntimeExports.jsx(Button, __assign({ name: "day", ref: buttonRef }, dayRender.buttonProps));
+}
+function WeekNumber(props) {
+  var weekNumber = props.number, dates = props.dates;
+  var _a = useDayPicker(), onWeekNumberClick = _a.onWeekNumberClick, styles = _a.styles, classNames = _a.classNames, locale = _a.locale, labelWeekNumber2 = _a.labels.labelWeekNumber, formatWeekNumber2 = _a.formatters.formatWeekNumber;
+  var content = formatWeekNumber2(Number(weekNumber), { locale });
+  if (!onWeekNumberClick) {
+    return jsxRuntimeExports.jsx("span", { className: classNames.weeknumber, style: styles.weeknumber, children: content });
+  }
+  var label = labelWeekNumber2(Number(weekNumber), { locale });
+  var handleClick = function(e) {
+    onWeekNumberClick(weekNumber, dates, e);
+  };
+  return jsxRuntimeExports.jsx(Button, { name: "week-number", "aria-label": label, className: classNames.weeknumber, style: styles.weeknumber, onClick: handleClick, children: content });
+}
+function Row(props) {
+  var _a, _b;
+  var _c = useDayPicker(), styles = _c.styles, classNames = _c.classNames, showWeekNumber = _c.showWeekNumber, components = _c.components;
+  var DayComponent = (_a = components === null || components === void 0 ? void 0 : components.Day) !== null && _a !== void 0 ? _a : Day;
+  var WeeknumberComponent = (_b = components === null || components === void 0 ? void 0 : components.WeekNumber) !== null && _b !== void 0 ? _b : WeekNumber;
+  var weekNumberCell;
+  if (showWeekNumber) {
+    weekNumberCell = jsxRuntimeExports.jsx("td", { className: classNames.cell, style: styles.cell, children: jsxRuntimeExports.jsx(WeeknumberComponent, { number: props.weekNumber, dates: props.dates }) });
+  }
+  return jsxRuntimeExports.jsxs("tr", { className: classNames.row, style: styles.row, children: [weekNumberCell, props.dates.map(function(date) {
+    return jsxRuntimeExports.jsx("td", { className: classNames.cell, style: styles.cell, role: "presentation", children: jsxRuntimeExports.jsx(DayComponent, { displayMonth: props.displayMonth, date }) }, getUnixTime(date));
+  })] });
+}
+function daysToMonthWeeks(fromDate, toDate, options) {
+  var toWeek = (options === null || options === void 0 ? void 0 : options.ISOWeek) ? endOfISOWeek(toDate) : endOfWeek(toDate, options);
+  var fromWeek = (options === null || options === void 0 ? void 0 : options.ISOWeek) ? startOfISOWeek(fromDate) : startOfWeek(fromDate, options);
+  var nOfDays = differenceInCalendarDays(toWeek, fromWeek);
+  var days = [];
+  for (var i = 0; i <= nOfDays; i++) {
+    days.push(addDays(fromWeek, i));
+  }
+  var weeksInMonth = days.reduce(function(result, date) {
+    var weekNumber = (options === null || options === void 0 ? void 0 : options.ISOWeek) ? getISOWeek(date) : getWeek(date, options);
+    var existingWeek = result.find(function(value) {
+      return value.weekNumber === weekNumber;
+    });
+    if (existingWeek) {
+      existingWeek.dates.push(date);
+      return result;
+    }
+    result.push({
+      weekNumber,
+      dates: [date]
+    });
+    return result;
+  }, []);
+  return weeksInMonth;
+}
+function getMonthWeeks(month, options) {
+  var weeksInMonth = daysToMonthWeeks(startOfMonth(month), endOfMonth(month), options);
+  if (options === null || options === void 0 ? void 0 : options.useFixedWeeks) {
+    var nrOfMonthWeeks = getWeeksInMonth(month, options);
+    if (nrOfMonthWeeks < 6) {
+      var lastWeek = weeksInMonth[weeksInMonth.length - 1];
+      var lastDate = lastWeek.dates[lastWeek.dates.length - 1];
+      var toDate = addWeeks(lastDate, 6 - nrOfMonthWeeks);
+      var extraWeeks = daysToMonthWeeks(addWeeks(lastDate, 1), toDate, options);
+      weeksInMonth.push.apply(weeksInMonth, extraWeeks);
+    }
+  }
+  return weeksInMonth;
+}
+function Table(props) {
+  var _a, _b, _c;
+  var _d = useDayPicker(), locale = _d.locale, classNames = _d.classNames, styles = _d.styles, hideHead = _d.hideHead, fixedWeeks = _d.fixedWeeks, components = _d.components, weekStartsOn = _d.weekStartsOn, firstWeekContainsDate = _d.firstWeekContainsDate, ISOWeek = _d.ISOWeek;
+  var weeks = getMonthWeeks(props.displayMonth, {
+    useFixedWeeks: Boolean(fixedWeeks),
+    ISOWeek,
+    locale,
+    weekStartsOn,
+    firstWeekContainsDate
+  });
+  var HeadComponent = (_a = components === null || components === void 0 ? void 0 : components.Head) !== null && _a !== void 0 ? _a : Head;
+  var RowComponent = (_b = components === null || components === void 0 ? void 0 : components.Row) !== null && _b !== void 0 ? _b : Row;
+  var FooterComponent = (_c = components === null || components === void 0 ? void 0 : components.Footer) !== null && _c !== void 0 ? _c : Footer;
+  return jsxRuntimeExports.jsxs("table", { id: props.id, className: classNames.table, style: styles.table, role: "grid", "aria-labelledby": props["aria-labelledby"], children: [!hideHead && jsxRuntimeExports.jsx(HeadComponent, {}), jsxRuntimeExports.jsx("tbody", { className: classNames.tbody, style: styles.tbody, children: weeks.map(function(week) {
+    return jsxRuntimeExports.jsx(RowComponent, { displayMonth: props.displayMonth, dates: week.dates, weekNumber: week.weekNumber }, week.weekNumber);
+  }) }), jsxRuntimeExports.jsx(FooterComponent, { displayMonth: props.displayMonth })] });
+}
+function canUseDOM() {
+  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+}
+var useIsomorphicLayoutEffect = canUseDOM() ? useLayoutEffect : useEffect;
+var serverHandoffComplete = false;
+var id = 0;
+function genId() {
+  return "react-day-picker-".concat(++id);
+}
+function useId(providedId) {
+  var _a;
+  var initialId = providedId !== null && providedId !== void 0 ? providedId : serverHandoffComplete ? genId() : null;
+  var _b = useState(initialId), id2 = _b[0], setId = _b[1];
+  useIsomorphicLayoutEffect(function() {
+    if (id2 === null) {
+      setId(genId());
+    }
+  }, []);
+  useEffect(function() {
+    if (serverHandoffComplete === false) {
+      serverHandoffComplete = true;
+    }
+  }, []);
+  return (_a = providedId !== null && providedId !== void 0 ? providedId : id2) !== null && _a !== void 0 ? _a : void 0;
+}
+function Month(props) {
+  var _a;
+  var _b;
+  var dayPicker = useDayPicker();
+  var dir = dayPicker.dir, classNames = dayPicker.classNames, styles = dayPicker.styles, components = dayPicker.components;
+  var displayMonths = useNavigation().displayMonths;
+  var captionId = useId(dayPicker.id ? "".concat(dayPicker.id, "-").concat(props.displayIndex) : void 0);
+  var tableId = dayPicker.id ? "".concat(dayPicker.id, "-grid-").concat(props.displayIndex) : void 0;
+  var className = [classNames.month];
+  var style = styles.month;
+  var isStart = props.displayIndex === 0;
+  var isEnd = props.displayIndex === displayMonths.length - 1;
+  var isCenter = !isStart && !isEnd;
+  if (dir === "rtl") {
+    _a = [isStart, isEnd], isEnd = _a[0], isStart = _a[1];
+  }
+  if (isStart) {
+    className.push(classNames.caption_start);
+    style = __assign(__assign({}, style), styles.caption_start);
+  }
+  if (isEnd) {
+    className.push(classNames.caption_end);
+    style = __assign(__assign({}, style), styles.caption_end);
+  }
+  if (isCenter) {
+    className.push(classNames.caption_between);
+    style = __assign(__assign({}, style), styles.caption_between);
+  }
+  var CaptionComponent = (_b = components === null || components === void 0 ? void 0 : components.Caption) !== null && _b !== void 0 ? _b : Caption;
+  return jsxRuntimeExports.jsxs("div", { className: className.join(" "), style, children: [jsxRuntimeExports.jsx(CaptionComponent, { id: captionId, displayMonth: props.displayMonth, displayIndex: props.displayIndex }), jsxRuntimeExports.jsx(Table, { id: tableId, "aria-labelledby": captionId, displayMonth: props.displayMonth })] }, props.displayIndex);
+}
+function Months(props) {
+  var _a = useDayPicker(), classNames = _a.classNames, styles = _a.styles;
+  return jsxRuntimeExports.jsx("div", { className: classNames.months, style: styles.months, children: props.children });
+}
+function Root(_a) {
+  var _b, _c;
+  var initialProps = _a.initialProps;
+  var dayPicker = useDayPicker();
+  var focusContext = useFocusContext();
+  var navigation = useNavigation();
+  var _d = useState(false), hasInitialFocus = _d[0], setHasInitialFocus = _d[1];
+  useEffect(function() {
+    if (!dayPicker.initialFocus)
+      return;
+    if (!focusContext.focusTarget)
+      return;
+    if (hasInitialFocus)
+      return;
+    focusContext.focus(focusContext.focusTarget);
+    setHasInitialFocus(true);
+  }, [
+    dayPicker.initialFocus,
+    hasInitialFocus,
+    focusContext.focus,
+    focusContext.focusTarget,
+    focusContext
+  ]);
+  var classNames = [dayPicker.classNames.root, dayPicker.className];
+  if (dayPicker.numberOfMonths > 1) {
+    classNames.push(dayPicker.classNames.multiple_months);
+  }
+  if (dayPicker.showWeekNumber) {
+    classNames.push(dayPicker.classNames.with_weeknumber);
+  }
+  var style = __assign(__assign({}, dayPicker.styles.root), dayPicker.style);
+  var dataAttributes = Object.keys(initialProps).filter(function(key) {
+    return key.startsWith("data-");
+  }).reduce(function(attrs, key) {
+    var _a2;
+    return __assign(__assign({}, attrs), (_a2 = {}, _a2[key] = initialProps[key], _a2));
+  }, {});
+  var MonthsComponent = (_c = (_b = initialProps.components) === null || _b === void 0 ? void 0 : _b.Months) !== null && _c !== void 0 ? _c : Months;
+  return jsxRuntimeExports.jsx("div", __assign({ className: classNames.join(" "), style, dir: dayPicker.dir, id: dayPicker.id, nonce: initialProps.nonce, title: initialProps.title, lang: initialProps.lang }, dataAttributes, { children: jsxRuntimeExports.jsx(MonthsComponent, { children: navigation.displayMonths.map(function(month, i) {
+    return jsxRuntimeExports.jsx(Month, { displayIndex: i, displayMonth: month }, i);
+  }) }) }));
+}
+function RootProvider(props) {
+  var children = props.children, initialProps = __rest(props, ["children"]);
+  return jsxRuntimeExports.jsx(DayPickerProvider, { initialProps, children: jsxRuntimeExports.jsx(NavigationProvider, { children: jsxRuntimeExports.jsx(SelectSingleProvider, { initialProps, children: jsxRuntimeExports.jsx(SelectMultipleProvider, { initialProps, children: jsxRuntimeExports.jsx(SelectRangeProvider, { initialProps, children: jsxRuntimeExports.jsx(ModifiersProvider, { children: jsxRuntimeExports.jsx(FocusProvider, { children }) }) }) }) }) }) });
+}
+function DayPicker(props) {
+  return jsxRuntimeExports.jsx(RootProvider, __assign({}, props, { children: jsxRuntimeExports.jsx(Root, { initialProps: props }) }));
+}
+export {
+  Button,
+  Caption,
+  CaptionDropdowns,
+  CaptionLabel,
+  CaptionNavigation,
+  Day,
+  DayContent,
+  DayPicker,
+  DayPickerContext,
+  DayPickerProvider,
+  Dropdown,
+  FocusContext,
+  FocusProvider,
+  Footer,
+  Head,
+  HeadRow,
+  IconDropdown,
+  IconLeft,
+  IconRight,
+  InternalModifier,
+  Months,
+  NavigationContext,
+  NavigationProvider,
+  RootProvider,
+  Row,
+  SelectMultipleContext,
+  SelectMultipleProvider,
+  SelectMultipleProviderInternal,
+  SelectRangeContext,
+  SelectRangeProvider,
+  SelectRangeProviderInternal,
+  SelectSingleContext,
+  SelectSingleProvider,
+  SelectSingleProviderInternal,
+  WeekNumber,
+  addToRange,
+  isDateAfterType,
+  isDateBeforeType,
+  isDateInterval,
+  isDateRange,
+  isDayOfWeekType,
+  isDayPickerMultiple,
+  isDayPickerRange,
+  isDayPickerSingle,
+  isMatch,
+  useActiveModifiers,
+  useDayPicker,
+  useDayRender,
+  useFocusContext,
+  useNavigation,
+  useSelectMultiple,
+  useSelectRange,
+  useSelectSingle
+};