shadcn-ui-react 0.3.5 → 0.3.6

package/dist/index.js

@@ -400,78 +400,29 @@ var Button = React5.forwardRef(
 );
 Button.displayName = "Button";
 
-// node_modules/react-day-picker/dist/esm/DayPicker.js
-import React32, { useCallback as useCallback2, useMemo, useRef as useRef2 } from "react";
-
-// node_modules/react-day-picker/dist/esm/UI.js
-var UI;
-(function(UI2) {
-  UI2["Root"] = "root";
-  UI2["Chevron"] = "chevron";
-  UI2["Day"] = "day";
-  UI2["DayButton"] = "day_button";
-  UI2["CaptionLabel"] = "caption_label";
-  UI2["Dropdowns"] = "dropdowns";
-  UI2["Dropdown"] = "dropdown";
-  UI2["DropdownRoot"] = "dropdown_root";
-  UI2["Footer"] = "footer";
-  UI2["MonthGrid"] = "month_grid";
-  UI2["MonthCaption"] = "month_caption";
-  UI2["MonthsDropdown"] = "months_dropdown";
-  UI2["Month"] = "month";
-  UI2["Months"] = "months";
-  UI2["Nav"] = "nav";
-  UI2["NextMonthButton"] = "button_next";
-  UI2["PreviousMonthButton"] = "button_previous";
-  UI2["Week"] = "week";
-  UI2["Weeks"] = "weeks";
-  UI2["Weekday"] = "weekday";
-  UI2["Weekdays"] = "weekdays";
-  UI2["WeekNumber"] = "week_number";
-  UI2["WeekNumberHeader"] = "week_number_header";
-  UI2["YearsDropdown"] = "years_dropdown";
-})(UI || (UI = {}));
-var DayFlag;
-(function(DayFlag2) {
-  DayFlag2["disabled"] = "disabled";
-  DayFlag2["hidden"] = "hidden";
-  DayFlag2["outside"] = "outside";
-  DayFlag2["focused"] = "focused";
-  DayFlag2["today"] = "today";
-})(DayFlag || (DayFlag = {}));
-var SelectionState;
-(function(SelectionState2) {
-  SelectionState2["range_end"] = "range_end";
-  SelectionState2["range_middle"] = "range_middle";
-  SelectionState2["range_start"] = "range_start";
-  SelectionState2["selected"] = "selected";
-})(SelectionState || (SelectionState = {}));
-var Animation;
-(function(Animation2) {
-  Animation2["weeks_before_enter"] = "weeks_before_enter";
-  Animation2["weeks_before_exit"] = "weeks_before_exit";
-  Animation2["weeks_after_enter"] = "weeks_after_enter";
-  Animation2["weeks_after_exit"] = "weeks_after_exit";
-  Animation2["caption_after_enter"] = "caption_after_enter";
-  Animation2["caption_after_exit"] = "caption_after_exit";
-  Animation2["caption_before_enter"] = "caption_before_enter";
-  Animation2["caption_before_exit"] = "caption_before_exit";
-})(Animation || (Animation = {}));
-
 // node_modules/@date-fns/tz/constants/index.js
 var constructFromSymbol = Symbol.for("constructDateFrom");
 
+// node_modules/@date-fns/tz/tzName/index.js
+function tzName(timeZone, date, format2 = "long") {
+  return new Intl.DateTimeFormat("en-US", {
+    // Enforces engine to render the time. Without the option JavaScriptCore omits it.
+    hour: "numeric",
+    timeZone,
+    timeZoneName: format2
+  }).format(date).split(/\s/g).slice(2).join(" ");
+}
+
 // node_modules/@date-fns/tz/tzOffset/index.js
 var offsetFormatCache = {};
 var offsetCache = {};
 function tzOffset(timeZone, date) {
   try {
-    const format2 = offsetFormatCache[timeZone] || (offsetFormatCache[timeZone] = new Intl.DateTimeFormat("en-GB", {
+    const format2 = offsetFormatCache[timeZone] || (offsetFormatCache[timeZone] = new Intl.DateTimeFormat("en-US", {
       timeZone,
-      hour: "numeric",
       timeZoneName: "longOffset"
     }).format);
-    const offsetStr = format2(date).split("GMT")[1] || "";
+    const offsetStr = format2(date).split("GMT")[1];
     if (offsetStr in offsetCache) return offsetCache[offsetStr];
     return calcOffset(offsetStr, offsetStr.split(":"));
   } catch (e) {
@@ -483,9 +434,10 @@ function tzOffset(timeZone, date) {
 }
 var offsetRe = /([+-]\d\d):?(\d\d)?/;
 function calcOffset(cacheStr, values) {
-  const hours = +values[0];
+  const hours = +(values[0] || 0);
   const minutes = +(values[1] || 0);
-  return offsetCache[cacheStr] = hours > 0 ? hours * 60 + minutes : hours * 60 - minutes;
+  const seconds = +(values[2] || 0) / 60;
+  return offsetCache[cacheStr] = hours * 60 + minutes > 0 ? hours * 60 + minutes + seconds : hours * 60 - minutes - seconds;
 }
 
 // node_modules/@date-fns/tz/date/mini.js
@@ -524,7 +476,8 @@ var TZDateMini = class _TZDateMini extends Date {
     return new _TZDateMini(+this, timeZone);
   }
   getTimezoneOffset() {
-    return -tzOffset(this.timeZone, this);
+    const offset = -tzOffset(this.timeZone, this);
+    return offset > 0 ? Math.floor(offset) : Math.ceil(offset);
   }
   //#endregion
   //#region time
@@ -564,7 +517,7 @@ Object.getOwnPropertyNames(Date.prototype).forEach((method) => {
 });
 function syncToInternal(date) {
   date.internal.setTime(+date);
-  date.internal.setUTCMinutes(date.internal.getUTCMinutes() - date.getTimezoneOffset());
+  date.internal.setUTCSeconds(date.internal.getUTCSeconds() - Math.round(-tzOffset(date.timeZone, date) * 60));
 }
 function syncFromInternal(date) {
   Date.prototype.setFullYear.call(date, date.internal.getUTCFullYear(), date.internal.getUTCMonth(), date.internal.getUTCDate());
@@ -572,7 +525,8 @@ function syncFromInternal(date) {
   adjustToSystemTZ(date);
 }
 function adjustToSystemTZ(date) {
-  const offset = tzOffset(date.timeZone, date);
+  const baseOffset = tzOffset(date.timeZone, date);
+  const offset = baseOffset > 0 ? Math.floor(baseOffset) : Math.ceil(baseOffset);
   const prevHour = /* @__PURE__ */ new Date(+date);
   prevHour.setUTCHours(prevHour.getUTCHours() - 1);
   const systemOffset = -(/* @__PURE__ */ new Date(+date)).getTimezoneOffset();
@@ -582,14 +536,24 @@ function adjustToSystemTZ(date) {
   if (systemDSTChange && dstShift) date.internal.setUTCMinutes(date.internal.getUTCMinutes() + systemDSTChange);
   const offsetDiff = systemOffset - offset;
   if (offsetDiff) Date.prototype.setUTCMinutes.call(date, Date.prototype.getUTCMinutes.call(date) + offsetDiff);
-  const postOffset = tzOffset(date.timeZone, date);
+  const systemDate = /* @__PURE__ */ new Date(+date);
+  systemDate.setUTCSeconds(0);
+  const systemSecondsOffset = systemOffset > 0 ? systemDate.getSeconds() : (systemDate.getSeconds() - 60) % 60;
+  const secondsOffset = Math.round(-(tzOffset(date.timeZone, date) * 60)) % 60;
+  if (secondsOffset || systemSecondsOffset) {
+    date.internal.setUTCSeconds(date.internal.getUTCSeconds() + secondsOffset);
+    Date.prototype.setUTCSeconds.call(date, Date.prototype.getUTCSeconds.call(date) + secondsOffset + systemSecondsOffset);
+  }
+  const postBaseOffset = tzOffset(date.timeZone, date);
+  const postOffset = postBaseOffset > 0 ? Math.floor(postBaseOffset) : Math.ceil(postBaseOffset);
   const postSystemOffset = -(/* @__PURE__ */ new Date(+date)).getTimezoneOffset();
   const postOffsetDiff = postSystemOffset - postOffset;
   const offsetChanged = postOffset !== offset;
   const postDiff = postOffsetDiff - offsetDiff;
   if (offsetChanged && postDiff) {
     Date.prototype.setUTCMinutes.call(date, Date.prototype.getUTCMinutes.call(date) + postDiff);
-    const newOffset = tzOffset(date.timeZone, date);
+    const newBaseOffset = tzOffset(date.timeZone, date);
+    const newOffset = newBaseOffset > 0 ? Math.floor(newBaseOffset) : Math.ceil(newBaseOffset);
     const offsetChange = postOffset - newOffset;
     if (offsetChange) {
       date.internal.setUTCMinutes(date.internal.getUTCMinutes() + offsetChange);
@@ -657,12 +621,6 @@ var TZDate = class _TZDate extends TZDateMini {
   }
   //#endregion
 };
-function tzName(tz, date) {
-  return new Intl.DateTimeFormat("en-GB", {
-    timeZone: tz,
-    timeZoneName: "long"
-  }).format(date).slice(12);
-}
 
 // node_modules/date-fns/constants.js
 var daysInYear = 365.2425;
@@ -2508,10 +2466,10 @@ function endOfBroadcastWeek(date, dateLib) {
 // node_modules/react-day-picker/dist/esm/classes/DateLib.js
 var DateLib = class {
   /**
-   * Creates an instance of DateLib.
+   * Creates an instance of `DateLib`.
    *
-   * @param options The options for the date library.
-   * @param overrides Overrides for the date library functions.
+   * @param options Configuration options for the date library.
+   * @param overrides Custom overrides for the date library functions.
    */
   constructor(options, overrides) {
     this.Date = Date;
@@ -2565,7 +2523,7 @@ var DateLib = class {
     };
     this.endOfBroadcastWeek = (date) => {
       var _a;
-      return ((_a = this.overrides) == null ? void 0 : _a.endOfBroadcastWeek) ? this.overrides.endOfBroadcastWeek(date, this) : endOfBroadcastWeek(date, this);
+      return ((_a = this.overrides) == null ? void 0 : _a.endOfBroadcastWeek) ? this.overrides.endOfBroadcastWeek(date) : endOfBroadcastWeek(date, this);
     };
     this.endOfISOWeek = (date) => {
       var _a;
@@ -2575,15 +2533,15 @@ var DateLib = class {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.endOfMonth) ? this.overrides.endOfMonth(date) : endOfMonth(date);
     };
-    this.endOfWeek = (date) => {
+    this.endOfWeek = (date, options2) => {
       var _a;
-      return ((_a = this.overrides) == null ? void 0 : _a.endOfWeek) ? this.overrides.endOfWeek(date, this.options) : endOfWeek(date, this.options);
+      return ((_a = this.overrides) == null ? void 0 : _a.endOfWeek) ? this.overrides.endOfWeek(date, options2) : endOfWeek(date, this.options);
     };
     this.endOfYear = (date) => {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.endOfYear) ? this.overrides.endOfYear(date) : endOfYear(date);
     };
-    this.format = (date, formatStr) => {
+    this.format = (date, formatStr, _options) => {
       var _a;
       const formatted = ((_a = this.overrides) == null ? void 0 : _a.format) ? this.overrides.format(date, formatStr, this.options) : format(date, formatStr, this.options);
       if (this.options.numerals && this.options.numerals !== "latn") {
@@ -2595,15 +2553,15 @@ var DateLib = class {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.getISOWeek) ? this.overrides.getISOWeek(date) : getISOWeek(date);
     };
-    this.getMonth = (date) => {
+    this.getMonth = (date, _options) => {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.getMonth) ? this.overrides.getMonth(date, this.options) : getMonth(date, this.options);
     };
-    this.getYear = (date) => {
+    this.getYear = (date, _options) => {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.getYear) ? this.overrides.getYear(date, this.options) : getYear(date, this.options);
     };
-    this.getWeek = (date) => {
+    this.getWeek = (date, _options) => {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.getWeek) ? this.overrides.getWeek(date, this.options) : getWeek(date, this.options);
     };
@@ -2647,7 +2605,7 @@ var DateLib = class {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.setYear) ? this.overrides.setYear(date, year) : setYear(date, year);
     };
-    this.startOfBroadcastWeek = (date) => {
+    this.startOfBroadcastWeek = (date, _dateLib) => {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.startOfBroadcastWeek) ? this.overrides.startOfBroadcastWeek(date, this) : startOfBroadcastWeek(date, this);
     };
@@ -2663,7 +2621,7 @@ var DateLib = class {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.startOfMonth) ? this.overrides.startOfMonth(date) : startOfMonth(date);
     };
-    this.startOfWeek = (date) => {
+    this.startOfWeek = (date, _options) => {
       var _a;
       return ((_a = this.overrides) == null ? void 0 : _a.startOfWeek) ? this.overrides.startOfWeek(date, this.options) : startOfWeek(date, this.options);
     };
@@ -2675,9 +2633,11 @@ var DateLib = class {
     this.overrides = overrides;
   }
   /**
-   * Generate digit map dynamically using Intl.NumberFormat.
+   * Generates a mapping of Arabic digits (0-9) to the target numbering system
+   * digits.
    *
    * @since 9.5.0
+   * @returns A record mapping Arabic digits to the target numerals.
    */
   getDigitMap() {
     const { numerals = "latn" } = this.options;
@@ -2691,20 +2651,22 @@ var DateLib = class {
     return digitMap;
   }
   /**
-   * Replace Arabic digits with the target numbering system digits.
+   * Replaces Arabic digits in a string with the target numbering system digits.
    *
    * @since 9.5.0
+   * @param input The string containing Arabic digits.
+   * @returns The string with digits replaced.
    */
   replaceDigits(input) {
     const digitMap = this.getDigitMap();
     return input.replace(/\d/g, (digit) => digitMap[digit] || digit);
   }
   /**
-   * Format number using the custom numbering system.
+   * Formats a number using the configured numbering system.
    *
    * @since 9.5.0
    * @param value The number to format.
-   * @returns The formatted number.
+   * @returns The formatted number as a string.
    */
   formatNumber(value) {
     return this.replaceDigits(value.toString());
@@ -2712,20 +2674,41 @@ var DateLib = class {
 };
 var defaultDateLib = new DateLib();
 
-// node_modules/react-day-picker/dist/esm/helpers/getClassNamesForModifiers.js
-function getClassNamesForModifiers(modifiers, classNames, modifiersClassNames = {}) {
-  const modifierClassNames = Object.entries(modifiers).filter(([, active]) => active === true).reduce((previousValue, [key]) => {
-    if (modifiersClassNames[key]) {
-      previousValue.push(modifiersClassNames[key]);
-    } else if (classNames[DayFlag[key]]) {
-      previousValue.push(classNames[DayFlag[key]]);
-    } else if (classNames[SelectionState[key]]) {
-      previousValue.push(classNames[SelectionState[key]]);
-    }
-    return previousValue;
-  }, [classNames[UI.Day]]);
-  return modifierClassNames;
-}
+// node_modules/react-day-picker/dist/esm/classes/CalendarDay.js
+var CalendarDay = class {
+  constructor(date, displayMonth, dateLib = defaultDateLib) {
+    this.date = date;
+    this.displayMonth = displayMonth;
+    this.outside = Boolean(displayMonth && !dateLib.isSameMonth(date, displayMonth));
+    this.dateLib = dateLib;
+  }
+  /**
+   * Checks if this day is equal to another `CalendarDay`, considering both the
+   * date and the displayed month.
+   *
+   * @param day The `CalendarDay` to compare with.
+   * @returns `true` if the days are equal, otherwise `false`.
+   */
+  isEqualTo(day) {
+    return this.dateLib.isSameDay(day.date, this.date) && this.dateLib.isSameMonth(day.displayMonth, this.displayMonth);
+  }
+};
+
+// node_modules/react-day-picker/dist/esm/classes/CalendarMonth.js
+var CalendarMonth = class {
+  constructor(month, weeks) {
+    this.date = month;
+    this.weeks = weeks;
+  }
+};
+
+// node_modules/react-day-picker/dist/esm/classes/CalendarWeek.js
+var CalendarWeek = class {
+  constructor(weekNumber, days) {
+    this.days = days;
+    this.weekNumber = weekNumber;
+  }
+};
 
 // node_modules/react-day-picker/dist/esm/components/custom-components.js
 var custom_components_exports = {};
@@ -2774,13 +2757,16 @@ function CaptionLabel(props) {
 import React8 from "react";
 function Chevron(props) {
   const { size = 24, orientation = "left", className } = props;
-  return React8.createElement(
-    "svg",
-    { className, width: size, height: size, viewBox: "0 0 24 24" },
-    orientation === "up" && React8.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
-    orientation === "down" && React8.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
-    orientation === "left" && React8.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-    orientation === "right" && React8.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
+  return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: handled by the parent component
+    React8.createElement(
+      "svg",
+      { className, width: size, height: size, viewBox: "0 0 24 24" },
+      orientation === "up" && React8.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
+      orientation === "down" && React8.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
+      orientation === "left" && React8.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
+      orientation === "right" && React8.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
+    )
   );
 }
 
@@ -2806,6 +2792,63 @@ function DayButton(props) {
 
 // node_modules/react-day-picker/dist/esm/components/Dropdown.js
 import React11 from "react";
+
+// node_modules/react-day-picker/dist/esm/UI.js
+var UI;
+(function(UI2) {
+  UI2["Root"] = "root";
+  UI2["Chevron"] = "chevron";
+  UI2["Day"] = "day";
+  UI2["DayButton"] = "day_button";
+  UI2["CaptionLabel"] = "caption_label";
+  UI2["Dropdowns"] = "dropdowns";
+  UI2["Dropdown"] = "dropdown";
+  UI2["DropdownRoot"] = "dropdown_root";
+  UI2["Footer"] = "footer";
+  UI2["MonthGrid"] = "month_grid";
+  UI2["MonthCaption"] = "month_caption";
+  UI2["MonthsDropdown"] = "months_dropdown";
+  UI2["Month"] = "month";
+  UI2["Months"] = "months";
+  UI2["Nav"] = "nav";
+  UI2["NextMonthButton"] = "button_next";
+  UI2["PreviousMonthButton"] = "button_previous";
+  UI2["Week"] = "week";
+  UI2["Weeks"] = "weeks";
+  UI2["Weekday"] = "weekday";
+  UI2["Weekdays"] = "weekdays";
+  UI2["WeekNumber"] = "week_number";
+  UI2["WeekNumberHeader"] = "week_number_header";
+  UI2["YearsDropdown"] = "years_dropdown";
+})(UI || (UI = {}));
+var DayFlag;
+(function(DayFlag2) {
+  DayFlag2["disabled"] = "disabled";
+  DayFlag2["hidden"] = "hidden";
+  DayFlag2["outside"] = "outside";
+  DayFlag2["focused"] = "focused";
+  DayFlag2["today"] = "today";
+})(DayFlag || (DayFlag = {}));
+var SelectionState;
+(function(SelectionState2) {
+  SelectionState2["range_end"] = "range_end";
+  SelectionState2["range_middle"] = "range_middle";
+  SelectionState2["range_start"] = "range_start";
+  SelectionState2["selected"] = "selected";
+})(SelectionState || (SelectionState = {}));
+var Animation;
+(function(Animation2) {
+  Animation2["weeks_before_enter"] = "weeks_before_enter";
+  Animation2["weeks_before_exit"] = "weeks_before_exit";
+  Animation2["weeks_after_enter"] = "weeks_after_enter";
+  Animation2["weeks_after_exit"] = "weeks_after_exit";
+  Animation2["caption_after_enter"] = "caption_after_enter";
+  Animation2["caption_after_exit"] = "caption_after_exit";
+  Animation2["caption_before_enter"] = "caption_before_enter";
+  Animation2["caption_before_exit"] = "caption_before_exit";
+})(Animation || (Animation = {}));
+
+// node_modules/react-day-picker/dist/esm/components/Dropdown.js
 function Dropdown(props) {
   const _a = props, { options, className, components, classNames } = _a, selectProps = __objRest(_a, ["options", "className", "components", "classNames"]);
   const cssClassSelect = [classNames[UI.Dropdown], className].join(" ");
@@ -2987,11 +3030,183 @@ function Weeks(props) {
   return React30.createElement("tbody", __spreadValues({}, props));
 }
 
-// node_modules/react-day-picker/dist/esm/components/YearsDropdown.js
-import React31 from "react";
-function YearsDropdown(props) {
-  const { components } = useDayPicker();
-  return React31.createElement(components.Dropdown, __spreadValues({}, props));
+// node_modules/react-day-picker/dist/esm/components/YearsDropdown.js
+import React31 from "react";
+function YearsDropdown(props) {
+  const { components } = useDayPicker();
+  return React31.createElement(components.Dropdown, __spreadValues({}, props));
+}
+
+// node_modules/react-day-picker/dist/esm/DayPicker.js
+import React32, { useCallback as useCallback2, useMemo, useRef as useRef2 } from "react";
+
+// node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
+function rangeIncludesDate(range, date, excludeEnds = false, dateLib = defaultDateLib) {
+  let { from, to } = range;
+  const { differenceInCalendarDays: differenceInCalendarDays2, isSameDay: isSameDay2 } = dateLib;
+  if (from && to) {
+    const isRangeInverted = differenceInCalendarDays2(to, from) < 0;
+    if (isRangeInverted) {
+      [from, to] = [to, from];
+    }
+    const isInRange = differenceInCalendarDays2(date, from) >= (excludeEnds ? 1 : 0) && differenceInCalendarDays2(to, date) >= (excludeEnds ? 1 : 0);
+    return isInRange;
+  }
+  if (!excludeEnds && to) {
+    return isSameDay2(to, date);
+  }
+  if (!excludeEnds && from) {
+    return isSameDay2(from, date);
+  }
+  return false;
+}
+
+// node_modules/react-day-picker/dist/esm/utils/typeguards.js
+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 isDatesArray(value, dateLib) {
+  return Array.isArray(value) && value.every(dateLib.isDate);
+}
+
+// node_modules/react-day-picker/dist/esm/utils/dateMatchModifiers.js
+function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
+  const matchersArr = !Array.isArray(matchers) ? [matchers] : matchers;
+  const { isSameDay: isSameDay2, differenceInCalendarDays: differenceInCalendarDays2, isAfter: isAfter2 } = dateLib;
+  return matchersArr.some((matcher) => {
+    if (typeof matcher === "boolean") {
+      return matcher;
+    }
+    if (dateLib.isDate(matcher)) {
+      return isSameDay2(date, matcher);
+    }
+    if (isDatesArray(matcher, dateLib)) {
+      return matcher.includes(date);
+    }
+    if (isDateRange(matcher)) {
+      return rangeIncludesDate(matcher, date, false, dateLib);
+    }
+    if (isDayOfWeekType(matcher)) {
+      if (!Array.isArray(matcher.dayOfWeek)) {
+        return matcher.dayOfWeek === date.getDay();
+      }
+      return matcher.dayOfWeek.includes(date.getDay());
+    }
+    if (isDateInterval(matcher)) {
+      const diffBefore = differenceInCalendarDays2(matcher.before, date);
+      const diffAfter = differenceInCalendarDays2(matcher.after, date);
+      const isDayBefore = diffBefore > 0;
+      const isDayAfter = diffAfter < 0;
+      const isClosedInterval = isAfter2(matcher.before, matcher.after);
+      if (isClosedInterval) {
+        return isDayAfter && isDayBefore;
+      } else {
+        return isDayBefore || isDayAfter;
+      }
+    }
+    if (isDateAfterType(matcher)) {
+      return differenceInCalendarDays2(date, matcher.after) > 0;
+    }
+    if (isDateBeforeType(matcher)) {
+      return differenceInCalendarDays2(matcher.before, date) > 0;
+    }
+    if (typeof matcher === "function") {
+      return matcher(date);
+    }
+    return false;
+  });
+}
+
+// node_modules/react-day-picker/dist/esm/helpers/createGetModifiers.js
+function createGetModifiers(days, props, navStart, navEnd, dateLib) {
+  const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today } = props;
+  const { isSameDay: isSameDay2, isSameMonth: isSameMonth2, startOfMonth: startOfMonth2, isBefore: isBefore2, endOfMonth: endOfMonth2, isAfter: isAfter2 } = dateLib;
+  const computedNavStart = navStart && startOfMonth2(navStart);
+  const computedNavEnd = navEnd && endOfMonth2(navEnd);
+  const internalModifiersMap = {
+    [DayFlag.focused]: [],
+    [DayFlag.outside]: [],
+    [DayFlag.disabled]: [],
+    [DayFlag.hidden]: [],
+    [DayFlag.today]: []
+  };
+  const customModifiersMap = {};
+  for (const day of days) {
+    const { date, displayMonth } = day;
+    const isOutside = Boolean(displayMonth && !isSameMonth2(date, displayMonth));
+    const isBeforeNavStart = Boolean(computedNavStart && isBefore2(date, computedNavStart));
+    const isAfterNavEnd = Boolean(computedNavEnd && isAfter2(date, computedNavEnd));
+    const isDisabled = Boolean(disabled && dateMatchModifiers(date, disabled, dateLib));
+    const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || isBeforeNavStart || isAfterNavEnd || // Broadcast calendar will show outside days as default
+    !broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
+    const isToday = isSameDay2(date, today != null ? today : dateLib.today());
+    if (isOutside)
+      internalModifiersMap.outside.push(day);
+    if (isDisabled)
+      internalModifiersMap.disabled.push(day);
+    if (isHidden)
+      internalModifiersMap.hidden.push(day);
+    if (isToday)
+      internalModifiersMap.today.push(day);
+    if (modifiers) {
+      Object.keys(modifiers).forEach((name) => {
+        const modifierValue = modifiers == null ? void 0 : modifiers[name];
+        const isMatch = modifierValue ? dateMatchModifiers(date, modifierValue, dateLib) : false;
+        if (!isMatch)
+          return;
+        if (customModifiersMap[name]) {
+          customModifiersMap[name].push(day);
+        } else {
+          customModifiersMap[name] = [day];
+        }
+      });
+    }
+  }
+  return (day) => {
+    const dayFlags = {
+      [DayFlag.focused]: false,
+      [DayFlag.disabled]: false,
+      [DayFlag.hidden]: false,
+      [DayFlag.outside]: false,
+      [DayFlag.today]: false
+    };
+    const customModifiers = {};
+    for (const name in internalModifiersMap) {
+      const days2 = internalModifiersMap[name];
+      dayFlags[name] = days2.some((d) => d === day);
+    }
+    for (const name in customModifiersMap) {
+      customModifiers[name] = customModifiersMap[name].some((d) => d === day);
+    }
+    return __spreadValues(__spreadValues({}, dayFlags), customModifiers);
+  };
+}
+
+// node_modules/react-day-picker/dist/esm/helpers/getClassNamesForModifiers.js
+function getClassNamesForModifiers(modifiers, classNames, modifiersClassNames = {}) {
+  const modifierClassNames = Object.entries(modifiers).filter(([, active]) => active === true).reduce((previousValue, [key]) => {
+    if (modifiersClassNames[key]) {
+      previousValue.push(modifiersClassNames[key]);
+    } else if (classNames[DayFlag[key]]) {
+      previousValue.push(classNames[DayFlag[key]]);
+    } else if (classNames[SelectionState[key]]) {
+      previousValue.push(classNames[SelectionState[key]]);
+    }
+    return previousValue;
+  }, [classNames[UI.Day]]);
+  return modifierClassNames;
 }
 
 // node_modules/react-day-picker/dist/esm/helpers/getComponents.js
@@ -3007,7 +3222,8 @@ function getDataAttributes(props) {
     "data-required": "required" in props ? props.required : void 0,
     "data-multiple-months": props.numberOfMonths && props.numberOfMonths > 1 || void 0,
     "data-week-numbers": props.showWeekNumber || void 0,
-    "data-broadcast-calendar": props.broadcastCalendar || void 0
+    "data-broadcast-calendar": props.broadcastCalendar || void 0,
+    "data-nav-layout": props.navLayout || void 0
   };
   Object.entries(props).forEach(([key, val]) => {
     if (key.startsWith("data-")) {
@@ -3065,12 +3281,17 @@ function formatMonthDropdown(month, dateLib = defaultDateLib) {
   return dateLib.format(month, "LLLL");
 }
 
+// node_modules/react-day-picker/dist/esm/formatters/formatWeekdayName.js
+function formatWeekdayName(weekday, options, dateLib) {
+  return (dateLib != null ? dateLib : new DateLib(options)).format(weekday, "cccccc");
+}
+
 // node_modules/react-day-picker/dist/esm/formatters/formatWeekNumber.js
-function formatWeekNumber(weekNumber) {
+function formatWeekNumber(weekNumber, dateLib = defaultDateLib) {
   if (weekNumber < 10) {
-    return `0${weekNumber.toLocaleString()}`;
+    return dateLib.formatNumber(`0${weekNumber.toLocaleString()}`);
   }
-  return `${weekNumber.toLocaleString()}`;
+  return dateLib.formatNumber(`${weekNumber.toLocaleString()}`);
 }
 
 // node_modules/react-day-picker/dist/esm/formatters/formatWeekNumberHeader.js
@@ -3078,11 +3299,6 @@ function formatWeekNumberHeader() {
   return ``;
 }
 
-// node_modules/react-day-picker/dist/esm/formatters/formatWeekdayName.js
-function formatWeekdayName(weekday, options, dateLib) {
-  return (dateLib != null ? dateLib : new DateLib(options)).format(weekday, "cccccc");
-}
-
 // node_modules/react-day-picker/dist/esm/formatters/formatYearDropdown.js
 function formatYearDropdown(year, dateLib = defaultDateLib) {
   return dateLib.format(year, "yyyy");
@@ -3138,7 +3354,7 @@ function getWeekdays(dateLib, ISOWeek, broadcastCalendar) {
 }
 
 // node_modules/react-day-picker/dist/esm/helpers/getYearOptions.js
-function getYearOptions(navStart, navEnd, formatters2, dateLib) {
+function getYearOptions(navStart, navEnd, formatters2, dateLib, reverse = false) {
   if (!navStart)
     return void 0;
   if (!navEnd)
@@ -3152,6 +3368,8 @@ function getYearOptions(navStart, navEnd, formatters2, dateLib) {
     years.push(year);
     year = addYears2(year, 1);
   }
+  if (reverse)
+    years.reverse();
   return years.map((year2) => {
     const label = formatters2.formatYearDropdown(year2, dateLib);
     return {
@@ -3180,6 +3398,17 @@ __export(labels_exports, {
   labelYearDropdown: () => labelYearDropdown
 });
 
+// node_modules/react-day-picker/dist/esm/labels/labelDayButton.js
+function labelDayButton(date, modifiers, options, dateLib) {
+  let label = (dateLib != null ? dateLib : new DateLib(options)).format(date, "PPPP");
+  if (modifiers.today)
+    label = `Today, ${label}`;
+  if (modifiers.selected)
+    label = `${label}, selected`;
+  return label;
+}
+var labelDay = labelDayButton;
+
 // node_modules/react-day-picker/dist/esm/labels/labelGrid.js
 function labelGrid(date, options, dateLib) {
   return (dateLib != null ? dateLib : new DateLib(options)).format(date, "LLLL y");
@@ -3195,34 +3424,23 @@ function labelGridcell(date, modifiers, options, dateLib) {
   return label;
 }
 
-// node_modules/react-day-picker/dist/esm/labels/labelDayButton.js
-function labelDayButton(date, modifiers, options, dateLib) {
-  let label = (dateLib != null ? dateLib : new DateLib(options)).format(date, "PPPP");
-  if (modifiers.today)
-    label = `Today, ${label}`;
-  if (modifiers.selected)
-    label = `${label}, selected`;
-  return label;
+// node_modules/react-day-picker/dist/esm/labels/labelMonthDropdown.js
+function labelMonthDropdown(_options) {
+  return "Choose the Month";
 }
-var labelDay = labelDayButton;
 
 // node_modules/react-day-picker/dist/esm/labels/labelNav.js
 function labelNav() {
   return "";
 }
 
-// node_modules/react-day-picker/dist/esm/labels/labelMonthDropdown.js
-function labelMonthDropdown(options) {
-  return "Choose the Month";
-}
-
 // node_modules/react-day-picker/dist/esm/labels/labelNext.js
-function labelNext(month) {
+function labelNext(_month) {
   return "Go to the Next Month";
 }
 
 // node_modules/react-day-picker/dist/esm/labels/labelPrevious.js
-function labelPrevious(month) {
+function labelPrevious(_month) {
   return "Go to the Previous Month";
 }
 
@@ -3232,17 +3450,17 @@ function labelWeekday(date, options, dateLib) {
 }
 
 // node_modules/react-day-picker/dist/esm/labels/labelWeekNumber.js
-function labelWeekNumber(weekNumber, options) {
+function labelWeekNumber(weekNumber, _options) {
   return `Week ${weekNumber}`;
 }
 
 // node_modules/react-day-picker/dist/esm/labels/labelWeekNumberHeader.js
-function labelWeekNumberHeader(options) {
+function labelWeekNumberHeader(_options) {
   return "Week Number";
 }
 
 // node_modules/react-day-picker/dist/esm/labels/labelYearDropdown.js
-function labelYearDropdown(options) {
+function labelYearDropdown(_options) {
   return "Choose the Year";
 }
 
@@ -3310,7 +3528,7 @@ function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib
     }
     const previousMonthEls = previousRootElSnapshot instanceof HTMLElement ? queryMonthEls(previousRootElSnapshot) : [];
     const currentMonthEls = queryMonthEls(rootElRef.current);
-    if (currentMonthEls && currentMonthEls.every((el) => el instanceof HTMLElement) && previousMonthEls && previousMonthEls.every((el) => el instanceof HTMLElement)) {
+    if ((currentMonthEls == null ? void 0 : currentMonthEls.every((el) => el instanceof HTMLElement)) && previousMonthEls && previousMonthEls.every((el) => el instanceof HTMLElement)) {
       animatingRef.current = true;
       const cleanUpFunctions = [];
       rootElRef.current.style.isolation = "isolate";
@@ -3387,7 +3605,7 @@ function getDates(displayMonths, maxDate, props, dateLib) {
   const { ISOWeek, fixedWeeks, broadcastCalendar } = props != null ? props : {};
   const { addDays: addDays2, differenceInCalendarDays: differenceInCalendarDays2, differenceInCalendarMonths: differenceInCalendarMonths2, endOfBroadcastWeek: endOfBroadcastWeek2, endOfISOWeek: endOfISOWeek2, endOfMonth: endOfMonth2, endOfWeek: endOfWeek2, isAfter: isAfter2, startOfBroadcastWeek: startOfBroadcastWeek2, startOfISOWeek: startOfISOWeek2, startOfWeek: startOfWeek2 } = dateLib;
   const startWeekFirstDate = broadcastCalendar ? startOfBroadcastWeek2(firstMonth, dateLib) : ISOWeek ? startOfISOWeek2(firstMonth) : startOfWeek2(firstMonth);
-  const endWeekLastDate = broadcastCalendar ? endOfBroadcastWeek2(lastMonth, dateLib) : ISOWeek ? endOfISOWeek2(endOfMonth2(lastMonth)) : endOfWeek2(endOfMonth2(lastMonth));
+  const endWeekLastDate = broadcastCalendar ? endOfBroadcastWeek2(lastMonth) : ISOWeek ? endOfISOWeek2(endOfMonth2(lastMonth)) : endOfWeek2(endOfMonth2(lastMonth));
   const nOfDays = differenceInCalendarDays2(endWeekLastDate, startWeekFirstDate);
   const nOfMonths = differenceInCalendarMonths2(lastMonth, firstMonth) + 1;
   const dates = [];
@@ -3414,12 +3632,11 @@ function getDates(displayMonths, maxDate, props, dateLib) {
 function getDays(calendarMonths) {
   const initialDays = [];
   return calendarMonths.reduce((days, month) => {
-    const initialDays2 = [];
     const weekDays = month.weeks.reduce((weekDays2, week) => {
-      return [...weekDays2, ...week.days];
-    }, initialDays2);
-    return [...days, ...weekDays];
-  }, initialDays);
+      return weekDays2.concat(week.days.slice());
+    }, initialDays.slice());
+    return days.concat(weekDays.slice());
+  }, initialDays.slice());
 }
 
 // node_modules/react-day-picker/dist/esm/helpers/getDisplayMonths.js
@@ -3437,60 +3654,26 @@ function getDisplayMonths(firstDisplayedMonth, calendarEndMonth, props, dateLib)
 }
 
 // node_modules/react-day-picker/dist/esm/helpers/getInitialMonth.js
-function getInitialMonth(props, dateLib) {
-  const { month, defaultMonth, today = dateLib.today(), numberOfMonths = 1, endMonth, startMonth, timeZone } = props;
+function getInitialMonth(props, navStart, navEnd, dateLib) {
+  const { month, defaultMonth, today = dateLib.today(), numberOfMonths = 1 } = props;
   let initialMonth = month || defaultMonth || today;
   const { differenceInCalendarMonths: differenceInCalendarMonths2, addMonths: addMonths2, startOfMonth: startOfMonth2 } = dateLib;
-  if (endMonth && differenceInCalendarMonths2(endMonth, initialMonth) < 0) {
+  if (navEnd && differenceInCalendarMonths2(navEnd, initialMonth) < numberOfMonths - 1) {
     const offset = -1 * (numberOfMonths - 1);
-    initialMonth = addMonths2(endMonth, offset);
+    initialMonth = addMonths2(navEnd, offset);
   }
-  if (startMonth && differenceInCalendarMonths2(initialMonth, startMonth) < 0) {
-    initialMonth = startMonth;
+  if (navStart && differenceInCalendarMonths2(initialMonth, navStart) < 0) {
+    initialMonth = navStart;
   }
-  initialMonth = timeZone ? new TZDate(initialMonth, timeZone) : initialMonth;
   return startOfMonth2(initialMonth);
 }
 
-// node_modules/react-day-picker/dist/esm/classes/CalendarDay.js
-var CalendarDay = class {
-  constructor(date, displayMonth, dateLib = defaultDateLib) {
-    this.date = date;
-    this.displayMonth = displayMonth;
-    this.outside = Boolean(displayMonth && !dateLib.isSameMonth(date, displayMonth));
-    this.dateLib = dateLib;
-  }
-  /**
-   * Check if the day is the same as the given day: considering if it is in the
-   * same display month.
-   */
-  isEqualTo(day) {
-    return this.dateLib.isSameDay(day.date, this.date) && this.dateLib.isSameMonth(day.displayMonth, this.displayMonth);
-  }
-};
-
-// node_modules/react-day-picker/dist/esm/classes/CalendarMonth.js
-var CalendarMonth = class {
-  constructor(month, weeks) {
-    this.date = month;
-    this.weeks = weeks;
-  }
-};
-
-// node_modules/react-day-picker/dist/esm/classes/CalendarWeek.js
-var CalendarWeek = class {
-  constructor(weekNumber, days) {
-    this.days = days;
-    this.weekNumber = weekNumber;
-  }
-};
-
 // node_modules/react-day-picker/dist/esm/helpers/getMonths.js
 function getMonths(displayMonths, dates, props, dateLib) {
   const { addDays: addDays2, endOfBroadcastWeek: endOfBroadcastWeek2, endOfISOWeek: endOfISOWeek2, endOfMonth: endOfMonth2, endOfWeek: endOfWeek2, getISOWeek: getISOWeek2, getWeek: getWeek2, startOfBroadcastWeek: startOfBroadcastWeek2, startOfISOWeek: startOfISOWeek2, startOfWeek: startOfWeek2 } = dateLib;
   const dayPickerMonths = displayMonths.reduce((months, month) => {
     const firstDateOfFirstWeek = props.broadcastCalendar ? startOfBroadcastWeek2(month, dateLib) : props.ISOWeek ? startOfISOWeek2(month) : startOfWeek2(month);
-    const lastDateOfLastWeek = props.broadcastCalendar ? endOfBroadcastWeek2(month, dateLib) : props.ISOWeek ? endOfISOWeek2(endOfMonth2(month)) : endOfWeek2(endOfMonth2(month));
+    const lastDateOfLastWeek = props.broadcastCalendar ? endOfBroadcastWeek2(month) : props.ISOWeek ? endOfISOWeek2(endOfMonth2(month)) : endOfWeek2(endOfMonth2(month));
     const monthDates = dates.filter((date) => {
       return date >= firstDateOfFirstWeek && date <= lastDateOfLastWeek;
     });
@@ -3605,8 +3788,8 @@ function getPreviousMonth(firstDisplayedMonth, calendarStartMonth, options, date
 function getWeeks(months) {
   const initialWeeks = [];
   return months.reduce((weeks, month) => {
-    return [...weeks, ...month.weeks];
-  }, initialWeeks);
+    return weeks.concat(month.weeks.slice());
+  }, initialWeeks.slice());
 }
 
 // node_modules/react-day-picker/dist/esm/helpers/useControlledValue.js
@@ -3621,14 +3804,14 @@ function useControlledValue(defaultValue, controlledValue) {
 function useCalendar(props, dateLib) {
   const [navStart, navEnd] = getNavMonths(props, dateLib);
   const { startOfMonth: startOfMonth2, endOfMonth: endOfMonth2 } = dateLib;
-  const initialMonth = getInitialMonth(props, dateLib);
+  const initialMonth = getInitialMonth(props, navStart, navEnd, dateLib);
   const [firstMonth, setFirstMonth] = useControlledValue(
     initialMonth,
     // initialMonth is always computed from props.month if provided
     props.month ? initialMonth : void 0
   );
   useEffect(() => {
-    const newInitialMonth = getInitialMonth(props, dateLib);
+    const newInitialMonth = getInitialMonth(props, navStart, navEnd, dateLib);
     setFirstMonth(newInitialMonth);
   }, [props.timeZone]);
   const displayMonths = getDisplayMonths(firstMonth, navEnd, props, dateLib);
@@ -3715,95 +3898,6 @@ function calculateFocusTarget(days, getModifiers, isSelected, lastFocused) {
   return focusTarget;
 }
 
-// node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
-function rangeIncludesDate(range, date, excludeEnds = false, dateLib = defaultDateLib) {
-  let { from, to } = range;
-  const { differenceInCalendarDays: differenceInCalendarDays2, isSameDay: isSameDay2 } = dateLib;
-  if (from && to) {
-    const isRangeInverted = differenceInCalendarDays2(to, from) < 0;
-    if (isRangeInverted) {
-      [from, to] = [to, from];
-    }
-    const isInRange = differenceInCalendarDays2(date, from) >= (excludeEnds ? 1 : 0) && differenceInCalendarDays2(to, date) >= (excludeEnds ? 1 : 0);
-    return isInRange;
-  }
-  if (!excludeEnds && to) {
-    return isSameDay2(to, date);
-  }
-  if (!excludeEnds && from) {
-    return isSameDay2(from, date);
-  }
-  return false;
-}
-
-// node_modules/react-day-picker/dist/esm/utils/typeguards.js
-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 isDatesArray(value, dateLib) {
-  return Array.isArray(value) && value.every(dateLib.isDate);
-}
-
-// node_modules/react-day-picker/dist/esm/utils/dateMatchModifiers.js
-function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
-  const matchersArr = !Array.isArray(matchers) ? [matchers] : matchers;
-  const { isSameDay: isSameDay2, differenceInCalendarDays: differenceInCalendarDays2, isAfter: isAfter2 } = dateLib;
-  return matchersArr.some((matcher) => {
-    if (typeof matcher === "boolean") {
-      return matcher;
-    }
-    if (dateLib.isDate(matcher)) {
-      return isSameDay2(date, matcher);
-    }
-    if (isDatesArray(matcher, dateLib)) {
-      return matcher.includes(date);
-    }
-    if (isDateRange(matcher)) {
-      return rangeIncludesDate(matcher, date, false, dateLib);
-    }
-    if (isDayOfWeekType(matcher)) {
-      if (!Array.isArray(matcher.dayOfWeek)) {
-        return matcher.dayOfWeek === date.getDay();
-      }
-      return matcher.dayOfWeek.includes(date.getDay());
-    }
-    if (isDateInterval(matcher)) {
-      const diffBefore = differenceInCalendarDays2(matcher.before, date);
-      const diffAfter = differenceInCalendarDays2(matcher.after, date);
-      const isDayBefore = diffBefore > 0;
-      const isDayAfter = diffAfter < 0;
-      const isClosedInterval = isAfter2(matcher.before, matcher.after);
-      if (isClosedInterval) {
-        return isDayAfter && isDayBefore;
-      } else {
-        return isDayBefore || isDayAfter;
-      }
-    }
-    if (isDateAfterType(matcher)) {
-      return differenceInCalendarDays2(date, matcher.after) > 0;
-    }
-    if (isDateBeforeType(matcher)) {
-      return differenceInCalendarDays2(matcher.before, date) > 0;
-    }
-    if (typeof matcher === "function") {
-      return matcher(date);
-    }
-    return false;
-  });
-}
-
 // node_modules/react-day-picker/dist/esm/helpers/getFocusableDate.js
 function getFocusableDate(moveBy, moveDir, refDate, navStart, navEnd, props, dateLib) {
   const { ISOWeek, broadcastCalendar } = props;
@@ -3814,7 +3908,7 @@ function getFocusableDate(moveBy, moveDir, refDate, navStart, navEnd, props, dat
     month: addMonths2,
     year: addYears2,
     startOfWeek: (date) => broadcastCalendar ? startOfBroadcastWeek2(date, dateLib) : ISOWeek ? startOfISOWeek2(date) : startOfWeek2(date),
-    endOfWeek: (date) => broadcastCalendar ? endOfBroadcastWeek2(date, dateLib) : ISOWeek ? endOfISOWeek2(date) : endOfWeek2(date)
+    endOfWeek: (date) => broadcastCalendar ? endOfBroadcastWeek2(date) : ISOWeek ? endOfISOWeek2(date) : endOfWeek2(date)
   };
   let focusableDate = moveFns[moveBy](refDate, moveDir === "after" ? 1 : -1);
   if (moveDir === "before" && navStart) {
@@ -3830,16 +3924,7 @@ function getNextFocus(moveBy, moveDir, refDay, calendarStartMonth, calendarEndMo
   if (attempt > 365) {
     return void 0;
   }
-  const focusableDate = getFocusableDate(
-    moveBy,
-    moveDir,
-    refDay.date,
-    // should be refDay? or refDay.date?
-    calendarStartMonth,
-    calendarEndMonth,
-    props,
-    dateLib
-  );
+  const focusableDate = getFocusableDate(moveBy, moveDir, refDay.date, calendarStartMonth, calendarEndMonth, props, dateLib);
   const isDisabled = Boolean(props.disabled && dateMatchModifiers(focusableDate, props.disabled, dateLib));
   const isHidden = Boolean(props.hidden && dateMatchModifiers(focusableDate, props.hidden, dateLib));
   const targetMonth = focusableDate;
@@ -3882,71 +3967,6 @@ function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
   return useFocus2;
 }
 
-// node_modules/react-day-picker/dist/esm/useGetModifiers.js
-function useGetModifiers(days, props, dateLib) {
-  const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today } = props;
-  const { isSameDay: isSameDay2, isSameMonth: isSameMonth2, startOfMonth: startOfMonth2, isBefore: isBefore2, endOfMonth: endOfMonth2, isAfter: isAfter2 } = dateLib;
-  const startMonth = props.startMonth && startOfMonth2(props.startMonth);
-  const endMonth = props.endMonth && endOfMonth2(props.endMonth);
-  const internalModifiersMap = {
-    [DayFlag.focused]: [],
-    [DayFlag.outside]: [],
-    [DayFlag.disabled]: [],
-    [DayFlag.hidden]: [],
-    [DayFlag.today]: []
-  };
-  const customModifiersMap = {};
-  for (const day of days) {
-    const { date, displayMonth } = day;
-    const isOutside = Boolean(displayMonth && !isSameMonth2(date, displayMonth));
-    const isBeforeStartMonth = Boolean(startMonth && isBefore2(date, startMonth));
-    const isAfterEndMonth = Boolean(endMonth && isAfter2(date, endMonth));
-    const isDisabled = Boolean(disabled && dateMatchModifiers(date, disabled, dateLib));
-    const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || isBeforeStartMonth || isAfterEndMonth || // Broadcast calendar will show outside days as default
-    !broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
-    const isToday = isSameDay2(date, today != null ? today : dateLib.today());
-    if (isOutside)
-      internalModifiersMap.outside.push(day);
-    if (isDisabled)
-      internalModifiersMap.disabled.push(day);
-    if (isHidden)
-      internalModifiersMap.hidden.push(day);
-    if (isToday)
-      internalModifiersMap.today.push(day);
-    if (modifiers) {
-      Object.keys(modifiers).forEach((name) => {
-        const modifierValue = modifiers == null ? void 0 : modifiers[name];
-        const isMatch = modifierValue ? dateMatchModifiers(date, modifierValue, dateLib) : false;
-        if (!isMatch)
-          return;
-        if (customModifiersMap[name]) {
-          customModifiersMap[name].push(day);
-        } else {
-          customModifiersMap[name] = [day];
-        }
-      });
-    }
-  }
-  return (day) => {
-    const dayFlags = {
-      [DayFlag.focused]: false,
-      [DayFlag.disabled]: false,
-      [DayFlag.hidden]: false,
-      [DayFlag.outside]: false,
-      [DayFlag.today]: false
-    };
-    const customModifiers = {};
-    for (const name in internalModifiersMap) {
-      const days2 = internalModifiersMap[name];
-      dayFlags[name] = days2.some((d) => d === day);
-    }
-    for (const name in customModifiersMap) {
-      customModifiers[name] = customModifiersMap[name].some((d) => d === day);
-    }
-    return __spreadValues(__spreadValues({}, dayFlags), customModifiers);
-  };
-}
-
 // node_modules/react-day-picker/dist/esm/selection/useMulti.js
 function useMulti(props, dateLib) {
   const { selected: initiallySelected, required, onSelect } = props;
@@ -3997,7 +4017,9 @@ function addToRange(date, initialRange, min2 = 0, max2 = 0, required = false, da
     range = { from: date, to: min2 > 0 ? void 0 : date };
   } else if (from && !to) {
     if (isSameDay2(from, date)) {
-      if (required) {
+      if (min2 === 0) {
+        range = { from, to: date };
+      } else if (required) {
         range = { from, to: void 0 };
       } else {
         range = void 0;
@@ -4190,8 +4212,37 @@ function useSelection(props, dateLib) {
 }
 
 // node_modules/react-day-picker/dist/esm/DayPicker.js
-function DayPicker(props) {
-  var _a;
+function DayPicker(initialProps) {
+  var _a, _b;
+  let props = initialProps;
+  if (props.timeZone) {
+    props = __spreadValues({}, initialProps);
+    if (props.today) {
+      props.today = new TZDate(props.today, props.timeZone);
+    }
+    if (props.month) {
+      props.month = new TZDate(props.month, props.timeZone);
+    }
+    if (props.defaultMonth) {
+      props.defaultMonth = new TZDate(props.defaultMonth, props.timeZone);
+    }
+    if (props.startMonth) {
+      props.startMonth = new TZDate(props.startMonth, props.timeZone);
+    }
+    if (props.endMonth) {
+      props.endMonth = new TZDate(props.endMonth, props.timeZone);
+    }
+    if (props.mode === "single" && props.selected) {
+      props.selected = new TZDate(props.selected, props.timeZone);
+    } else if (props.mode === "multiple" && props.selected) {
+      props.selected = (_a = props.selected) == null ? void 0 : _a.map((date) => new TZDate(date, props.timeZone));
+    } else if (props.mode === "range" && props.selected) {
+      props.selected = {
+        from: props.selected.from ? new TZDate(props.selected.from, props.timeZone) : void 0,
+        to: props.selected.to ? new TZDate(props.selected.to, props.timeZone) : void 0
+      };
+    }
+  }
   const { components, formatters: formatters2, labels, dateLib, locale, classNames } = useMemo(() => {
     const locale2 = __spreadValues(__spreadValues({}, enUS), props.locale);
     const dateLib2 = new DateLib({
@@ -4226,14 +4277,14 @@ function DayPicker(props) {
     props.labels,
     props.classNames
   ]);
-  const { captionLayout, mode, onDayBlur, onDayClick, onDayFocus, onDayKeyDown, onDayMouseEnter, onDayMouseLeave, onNextClick, onPrevClick, showWeekNumber, styles } = props;
+  const { captionLayout, mode, navLayout, numberOfMonths = 1, onDayBlur, onDayClick, onDayFocus, onDayKeyDown, onDayMouseEnter, onDayMouseLeave, onNextClick, onPrevClick, showWeekNumber, styles } = props;
   const { formatCaption: formatCaption2, formatDay: formatDay2, formatMonthDropdown: formatMonthDropdown2, formatWeekNumber: formatWeekNumber2, formatWeekNumberHeader: formatWeekNumberHeader2, formatWeekdayName: formatWeekdayName2, formatYearDropdown: formatYearDropdown2 } = formatters2;
   const calendar = useCalendar(props, dateLib);
   const { days, months, navStart, navEnd, previousMonth, nextMonth, goToMonth } = calendar;
-  const getModifiers = useGetModifiers(days, props, dateLib);
-  const { isSelected, select, selected: selectedValue } = (_a = useSelection(props, dateLib)) != null ? _a : {};
+  const getModifiers = createGetModifiers(days, props, navStart, navEnd, dateLib);
+  const { isSelected, select, selected: selectedValue } = (_b = useSelection(props, dateLib)) != null ? _b : {};
   const { blur, focused, isFocusTarget, moveFocus, setFocused } = useFocus(props, calendar, getModifiers, isSelected != null ? isSelected : () => false, dateLib);
-  const { labelDayButton: labelDayButton2, labelGridcell: labelGridcell2, labelGrid: labelGrid2, labelMonthDropdown: labelMonthDropdown2, labelNav: labelNav2, labelWeekday: labelWeekday2, labelWeekNumber: labelWeekNumber2, labelWeekNumberHeader: labelWeekNumberHeader2, labelYearDropdown: labelYearDropdown2 } = labels;
+  const { labelDayButton: labelDayButton2, labelGridcell: labelGridcell2, labelGrid: labelGrid2, labelMonthDropdown: labelMonthDropdown2, labelNav: labelNav2, labelPrevious: labelPrevious2, labelNext: labelNext2, labelWeekday: labelWeekday2, labelWeekNumber: labelWeekNumber2, labelWeekNumberHeader: labelWeekNumberHeader2, labelYearDropdown: labelYearDropdown2 } = labels;
   const weekdays = useMemo(() => getWeekdays(dateLib, props.ISOWeek), [dateLib, props.ISOWeek]);
   const isInteractive = mode !== void 0 || onDayClick !== void 0;
   const handlePreviousClick = useCallback2(() => {
@@ -4265,10 +4316,16 @@ function DayPicker(props) {
   }, [blur, onDayBlur]);
   const handleDayKeyDown = useCallback2((day, modifiers) => (e) => {
     const keyMap = {
-      ArrowLeft: ["day", props.dir === "rtl" ? "after" : "before"],
-      ArrowRight: ["day", props.dir === "rtl" ? "before" : "after"],
-      ArrowDown: ["week", "after"],
-      ArrowUp: ["week", "before"],
+      ArrowLeft: [
+        e.shiftKey ? "month" : "day",
+        props.dir === "rtl" ? "after" : "before"
+      ],
+      ArrowRight: [
+        e.shiftKey ? "month" : "day",
+        props.dir === "rtl" ? "before" : "after"
+      ],
+      ArrowDown: [e.shiftKey ? "year" : "week", "after"],
+      ArrowUp: [e.shiftKey ? "year" : "week", "before"],
       PageUp: [e.shiftKey ? "year" : "month", "before"],
       PageDown: [e.shiftKey ? "year" : "month", "after"],
       Home: ["startOfWeek", "before"],
@@ -4335,18 +4392,29 @@ function DayPicker(props) {
       React32.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles == null ? void 0 : styles[UI.Months] },
-        !props.hideNavigation && React32.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+        !props.hideNavigation && !navLayout && React32.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
         months.map((calendarMonth, displayIndex) => {
-          const dropdownMonths = getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib);
-          const dropdownYears = getYearOptions(navStart, navEnd, formatters2, dateLib);
           return React32.createElement(
             components.Month,
-            { "data-animated-month": props.animate ? "true" : void 0, className: classNames[UI.Month], style: styles == null ? void 0 : styles[UI.Month], key: displayIndex, displayIndex, calendarMonth },
+            {
+              "data-animated-month": props.animate ? "true" : void 0,
+              className: classNames[UI.Month],
+              style: styles == null ? void 0 : styles[UI.Month],
+              // biome-ignore lint/suspicious/noArrayIndexKey: breaks animation
+              key: displayIndex,
+              displayIndex,
+              calendarMonth
+            },
+            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React32.createElement(
+              components.PreviousMonthButton,
+              { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : void 0 },
+              React32.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
+            ),
             React32.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles == null ? void 0 : styles[UI.MonthCaption], calendarMonth, displayIndex }, (captionLayout == null ? void 0 : captionLayout.startsWith("dropdown")) ? React32.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles == null ? void 0 : styles[UI.Dropdowns] },
-              captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React32.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React32.createElement("span", null, formatMonthDropdown2(calendarMonth.date, dateLib)),
-              captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React32.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React32.createElement("span", null, formatYearDropdown2(calendarMonth.date, dateLib)),
+              captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React32.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React32.createElement("span", null, formatMonthDropdown2(calendarMonth.date, dateLib)),
+              captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React32.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React32.createElement("span", null, formatYearDropdown2(calendarMonth.date, dateLib)),
               React32.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
@@ -4359,7 +4427,16 @@ function DayPicker(props) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : React32.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
+            ) : (
+              // biome-ignore lint/a11y/useSemanticElements: breaking change
+              React32.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
+            )),
+            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && React32.createElement(
+              components.NextMonthButton,
+              { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : void 0 },
+              React32.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
+            ),
+            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React32.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
             React32.createElement(
               components.MonthGrid,
               { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid2(calendarMonth.date, dateLib.options, dateLib) || void 0, className: classNames[UI.MonthGrid], style: styles == null ? void 0 : styles[UI.MonthGrid] },
@@ -4367,15 +4444,16 @@ function DayPicker(props) {
                 components.Weekdays,
                 { "data-animated-weekdays": props.animate ? "true" : void 0, className: classNames[UI.Weekdays], style: styles == null ? void 0 : styles[UI.Weekdays] },
                 showWeekNumber && React32.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles == null ? void 0 : styles[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
-                weekdays.map((weekday, i) => React32.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: i, style: styles == null ? void 0 : styles[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
+                weekdays.map((weekday) => React32.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles == null ? void 0 : styles[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
               ),
-              React32.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles == null ? void 0 : styles[UI.Weeks] }, calendarMonth.weeks.map((week, weekIndex) => {
+              React32.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles == null ? void 0 : styles[UI.Weeks] }, calendarMonth.weeks.map((week) => {
                 return React32.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles == null ? void 0 : styles[UI.Week], week },
-                  showWeekNumber && React32.createElement(components.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && // biome-ignore lint/a11y/useSemanticElements: react component
+                  React32.createElement(components.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
                     locale
-                  }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber2(week.weekNumber)),
+                  }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber2(week.weekNumber, dateLib)),
                   week.days.map((day) => {
                     const { date } = day;
                     const modifiers = getModifiers(day);
@@ -4390,7 +4468,10 @@ function DayPicker(props) {
                     const style2 = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
                     const className2 = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
                     const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell2(date, modifiers, dateLib.options, dateLib) : void 0;
-                    return React32.createElement(components.Day, { key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": dateLib.format(date, "yyyy-MM-dd"), "data-month": day.outside ? dateLib.format(date, "yyyy-MM") : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React32.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles == null ? void 0 : styles[UI.DayButton], type: "button", day, modifiers, disabled: modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
+                    return (
+                      // biome-ignore lint/a11y/useSemanticElements: react component
+                      React32.createElement(components.Day, { key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": dateLib.format(date, "yyyy-MM-dd"), "data-month": day.outside ? dateLib.format(date, "yyyy-MM") : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React32.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles == null ? void 0 : styles[UI.DayButton], type: "button", day, modifiers, disabled: modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib))
+                    );
                   })
                 );
               }))
@@ -4398,7 +4479,8 @@ function DayPicker(props) {
           );
         })
       ),
-      props.footer && React32.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
+      props.footer && // biome-ignore lint/a11y/useSemanticElements: react component
+      React32.createElement(components.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -7414,6 +7496,7 @@ function DataTable({
   ofLabel = "of",
   pageLabel = "Page",
   isRowsSelected = true,
+  totalRows,
   rowsSelectedLabel = "row(s) selected",
   className,
   emptyData,
@@ -7453,6 +7536,35 @@ function DataTable({
     }
   }, [pagination]);
   return /* @__PURE__ */ jsxs22(Fragment2, { children: [
+    /* @__PURE__ */ jsxs22("div", { className: "rounded-md border", children: [
+      /* @__PURE__ */ jsx48(Table, { className: cn("relative", tableClassName), children: /* @__PURE__ */ jsx48(TableHeader, { className: headerClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx48(TableRow, { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx48(TableHead, { className: headerClassName, children: header.isPlaceholder ? null : flexRender(
+        header.column.columnDef.header,
+        header.getContext()
+      ) }, header.id)) }, headerGroup.id)) }) }),
+      /* @__PURE__ */ jsxs22(ScrollArea, { className: "h-[calc(80vh-220px)] md:h-[calc(80dvh-80px)]", children: [
+        /* @__PURE__ */ jsx48(Table, { className: cn("relative", tableClassName), children: /* @__PURE__ */ jsx48(TableBody, { className: bodyClassName, children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx48(
+          TableRow,
+          {
+            "data-state": row.getIsSelected() ? "selected" : void 0,
+            onClick: () => onClickItem(row.original),
+            className: rowClassName,
+            children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx48(TableCell, { className: cellClassName, children: flexRender(
+              cell.column.columnDef.cell,
+              cell.getContext()
+            ) }, cell.id))
+          },
+          row.id
+        )) : emptyData || /* @__PURE__ */ jsx48(TableRow, { children: /* @__PURE__ */ jsx48(
+          TableCell,
+          {
+            colSpan: columns.length,
+            className: "h-24 text-center",
+            children: "No results."
+          }
+        ) }) }) }),
+        /* @__PURE__ */ jsx48(ScrollBar, { orientation: "horizontal" })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxs22(
       ScrollArea,
       {
@@ -7501,6 +7613,11 @@ function DataTable({
           table.getFilteredRowModel().rows.length,
           " " + rowsSelectedLabel
         ] }) : null,
+        totalRows ? /* @__PURE__ */ jsxs22("div", { className: "text-sm text-muted-foreground", children: [
+          "Total: ",
+          totalRows,
+          " registros"
+        ] }) : null,
         /* @__PURE__ */ jsxs22("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ jsx48("p", { className: "text-sm font-medium whitespace-nowrap", children: rowPerPageLabel }),
           /* @__PURE__ */ jsxs22(