ivt 0.4.6 → 0.4.8

package/dist/chunks/{button-TULRIYFO.mjs → button-By6p3Bsx.mjs}

@@ -1,7 +1,7 @@
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as React from 'react';
-import { c as cn } from './utils-AmLv58nm.mjs';
+import { c as cn } from './utils-ieFmv4d0.mjs';
 
 const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer", {
     variants: {
@@ -44,4 +44,4 @@ const Button = /*#__PURE__*/ React.forwardRef(({ className, variant, size, asChi
 Button.displayName = "Button";
 
 export { Button as B, buttonVariants as b };
-//# sourceMappingURL=button-TULRIYFO.mjs.map
+//# sourceMappingURL=button-By6p3Bsx.mjs.map

package/dist/chunks/{button-TULRIYFO.mjs.map → button-By6p3Bsx.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button-TULRIYFO.mjs","sources":["../../src/components/ui/button/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst buttonVariants = cva(\n\t\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n\t\t\t\tdestructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n\t\t\t\toutline:\n\t\t\t\t\t\"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n\t\t\t\tsecondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n\t\t\t\tselection: \"border border-input bg-accent text-accent-foreground hover:bg-accent/80\",\n\t\t\t\tupload: \"bg-accent text-primary hover:bg-accent/80\",\n\t\t\t\tghost: \"hover:bg-body\",\n\t\t\t\tlink: \"text-primary underline-offset-4 hover:underline\",\n\t\t\t\ttable: \"text-inherit\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"h-9 px-4 py-2\",\n\t\t\t\tsm: \"h-8 rounded-md px-3\",\n\t\t\t\tlg: \"h-10 rounded-md px-8\",\n\t\t\t\ticon: \"h-9 w-9\",\n\t\t\t\tnormal: \"h-fit\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\nexport interface ButtonProps\n\textends React.ButtonHTMLAttributes<HTMLButtonElement>,\n\t\tVariantProps<typeof buttonVariants> {\n\tasChild?: boolean;\n\tisAction?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n\t({ className, variant, size, asChild = false, isAction = false, ...props }, ref) => {\n\t\tconst Comp = asChild ? Slot : \"button\";\n\t\treturn (\n\t\t\t<Comp\n\t\t\t\tclassName={cn(isAction && \"min-w-20\", buttonVariants({ variant, size, className }))}\n\t\t\t\tref={ref}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","variants","variant","default","destructive","outline","secondary","selection","upload","ghost","link","table","size","sm","lg","icon","normal","defaultVariants","Button","React","forwardRef","className","asChild","isAction","props","ref","Comp","Slot","cn","displayName"],"mappings":";;;;;AAMA,MAAMA,cAAAA,GAAiBC,IACtB,0PAAA,EACA;IACCC,QAAAA,EAAU;QACTC,OAAAA,EAAS;YACRC,OAAAA,EAAS,+DAAA;YACTC,WAAAA,EAAa,8EAAA;YACbC,OAAAA,EACC,0FAAA;YACDC,SAAAA,EAAW,wEAAA;YACXC,SAAAA,EAAW,yEAAA;YACXC,MAAAA,EAAQ,2CAAA;YACRC,KAAAA,EAAO,eAAA;YACPC,IAAAA,EAAM,iDAAA;YACNC,KAAAA,EAAO;AACR,SAAA;QACAC,IAAAA,EAAM;YACLT,OAAAA,EAAS,eAAA;YACTU,EAAAA,EAAI,qBAAA;YACJC,EAAAA,EAAI,sBAAA;YACJC,IAAAA,EAAM,SAAA;YACNC,MAAAA,EAAQ;AACT;AACD,KAAA;IACAC,eAAAA,EAAiB;QAChBf,OAAAA,EAAS,SAAA;QACTU,IAAAA,EAAM;AACP;AACD,CAAA;AAUD,MAAMM,MAAAA,iBAASC,MAAMC,UAAU,CAC9B,CAAC,EAAEC,SAAS,EAAEnB,OAAO,EAAEU,IAAI,EAAEU,OAAAA,GAAU,KAAK,EAAEC,QAAAA,GAAW,KAAK,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;IAC3E,MAAMC,IAAAA,GAAOJ,UAAUK,IAAAA,GAAO,QAAA;AAC9B,IAAA,qBACC,KAAA,CAAA,aAAA,CAACD,IAAAA,EAAAA;QACAL,SAAAA,EAAWO,EAAAA,CAAGL,QAAAA,IAAY,UAAA,EAAYxB,cAAAA,CAAe;AAAEG,YAAAA,OAAAA;AAASU,YAAAA,IAAAA;AAAMS,YAAAA;AAAU,SAAA,CAAA,CAAA;QAChFI,GAAAA,EAAKA,GAAAA;AACJ,QAAA,GAAGD;;AAGP,CAAA;AAEDN,MAAAA,CAAOW,WAAW,GAAG,QAAA;;;;"}
+{"version":3,"file":"button-By6p3Bsx.mjs","sources":["../../src/components/ui/button/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst buttonVariants = cva(\n\t\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n\t\t\t\tdestructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n\t\t\t\toutline:\n\t\t\t\t\t\"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n\t\t\t\tsecondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n\t\t\t\tselection: \"border border-input bg-accent text-accent-foreground hover:bg-accent/80\",\n\t\t\t\tupload: \"bg-accent text-primary hover:bg-accent/80\",\n\t\t\t\tghost: \"hover:bg-body\",\n\t\t\t\tlink: \"text-primary underline-offset-4 hover:underline\",\n\t\t\t\ttable: \"text-inherit\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"h-9 px-4 py-2\",\n\t\t\t\tsm: \"h-8 rounded-md px-3\",\n\t\t\t\tlg: \"h-10 rounded-md px-8\",\n\t\t\t\ticon: \"h-9 w-9\",\n\t\t\t\tnormal: \"h-fit\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\nexport interface ButtonProps\n\textends React.ButtonHTMLAttributes<HTMLButtonElement>,\n\t\tVariantProps<typeof buttonVariants> {\n\tasChild?: boolean;\n\tisAction?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n\t({ className, variant, size, asChild = false, isAction = false, ...props }, ref) => {\n\t\tconst Comp = asChild ? Slot : \"button\";\n\t\treturn (\n\t\t\t<Comp\n\t\t\t\tclassName={cn(isAction && \"min-w-20\", buttonVariants({ variant, size, className }))}\n\t\t\t\tref={ref}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","variants","variant","default","destructive","outline","secondary","selection","upload","ghost","link","table","size","sm","lg","icon","normal","defaultVariants","Button","React","forwardRef","className","asChild","isAction","props","ref","Comp","Slot","cn","displayName"],"mappings":";;;;;AAMA,MAAMA,cAAAA,GAAiBC,IACtB,0PAAA,EACA;IACCC,QAAAA,EAAU;QACTC,OAAAA,EAAS;YACRC,OAAAA,EAAS,+DAAA;YACTC,WAAAA,EAAa,8EAAA;YACbC,OAAAA,EACC,0FAAA;YACDC,SAAAA,EAAW,wEAAA;YACXC,SAAAA,EAAW,yEAAA;YACXC,MAAAA,EAAQ,2CAAA;YACRC,KAAAA,EAAO,eAAA;YACPC,IAAAA,EAAM,iDAAA;YACNC,KAAAA,EAAO;AACR,SAAA;QACAC,IAAAA,EAAM;YACLT,OAAAA,EAAS,eAAA;YACTU,EAAAA,EAAI,qBAAA;YACJC,EAAAA,EAAI,sBAAA;YACJC,IAAAA,EAAM,SAAA;YACNC,MAAAA,EAAQ;AACT;AACD,KAAA;IACAC,eAAAA,EAAiB;QAChBf,OAAAA,EAAS,SAAA;QACTU,IAAAA,EAAM;AACP;AACD,CAAA;AAUD,MAAMM,MAAAA,iBAASC,MAAMC,UAAU,CAC9B,CAAC,EAAEC,SAAS,EAAEnB,OAAO,EAAEU,IAAI,EAAEU,OAAAA,GAAU,KAAK,EAAEC,QAAAA,GAAW,KAAK,EAAE,GAAGC,OAAO,EAAEC,GAAAA,GAAAA;IAC3E,MAAMC,IAAAA,GAAOJ,UAAUK,IAAAA,GAAO,QAAA;AAC9B,IAAA,qBACC,KAAA,CAAA,aAAA,CAACD,IAAAA,EAAAA;QACAL,SAAAA,EAAWO,EAAAA,CAAGL,QAAAA,IAAY,UAAA,EAAYxB,cAAAA,CAAe;AAAEG,YAAAA,OAAAA;AAASU,YAAAA,IAAAA;AAAMS,YAAAA;AAAU,SAAA,CAAA,CAAA;QAChFI,GAAAA,EAAKA,GAAAA;AACJ,QAAA,GAAGD;;AAGP,CAAA;AAEDN,MAAAA,CAAOW,WAAW,GAAG,QAAA;;;;"}

package/dist/chunks/{calendar-nJ5T1YgK.mjs → calendar-BMDZ5epm.mjs}

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import React__default, { createContext, useContext, useCallback, useRef, useLayoutEffect, useState, useEffect, useMemo } from 'react';
-import { c as cn } from './utils-AmLv58nm.mjs';
-import { C as ChevronLeft } from './chevron-left-B-ZN622G.mjs';
-import { C as ChevronRight } from './chevron-right-Ddz8dCda.mjs';
-import { C as ChevronDown } from './chevron-down-BNw46No-.mjs';
-import { b as buttonVariants, B as Button$1 } from './button-TULRIYFO.mjs';
+import { c as cn } from './utils-ieFmv4d0.mjs';
+import { C as ChevronLeft } from './chevron-left-DTNQBpUD.mjs';
+import { C as ChevronRight } from './chevron-right-Cc8XUA4m.mjs';
+import { C as ChevronDown } from './chevron-down-BChdO0uD.mjs';
+import { b as buttonVariants, B as Button$1 } from './button-By6p3Bsx.mjs';
 
 /**
  * Time zone name format.
@@ -356,6 +356,21 @@ class TZDate extends TZDateMini {
  * @name millisecondsInDay
  * @summary Milliseconds in 1 day.
  */ const millisecondsInDay = 86400000;
+/**
+ * @constant
+ * @name millisecondsInMinute
+ * @summary Milliseconds in 1 minute
+ */ const millisecondsInMinute = 60000;
+/**
+ * @constant
+ * @name millisecondsInHour
+ * @summary Milliseconds in 1 hour
+ */ const millisecondsInHour = 3600000;
+/**
+ * @constant
+ * @name millisecondsInSecond
+ * @summary Milliseconds in 1 second
+ */ const millisecondsInSecond = 1000;
 /**
  * @constant
  * @name constructFromSymbol
@@ -476,7 +491,7 @@ class TZDate extends TZDateMini {
  * //=> Thu Sep 11 2014 00:00:00
  */ function addDays(date, amount, options) {
     const _date = toDate(date, options?.in);
-    if (isNaN(amount)) return constructFrom(date, NaN);
+    if (isNaN(amount)) return constructFrom(options?.in || date, NaN);
     // If 0 days, no-op to avoid changing times in the hour before end of DST
     if (!amount) return _date;
     _date.setDate(_date.getDate() + amount);
@@ -1238,6 +1253,57 @@ function normalizeInterval(context, interval) {
     return date_;
 }
 
+/**
+ * The {@link eachYearOfInterval} function options.
+ */ /**
+ * The {@link eachYearOfInterval} function result type. It resolves the proper data type.
+ * It uses the first argument date object type, starting from the date argument,
+ * then the start interval date, and finally the end interval date. If
+ * a context function is passed, it uses the context function return type.
+ */ /**
+ * @name eachYearOfInterval
+ * @category Interval Helpers
+ * @summary Return the array of yearly timestamps within the specified time interval.
+ *
+ * @description
+ * Return the array of yearly timestamps within the specified time interval.
+ *
+ * @typeParam IntervalType - Interval type.
+ * @typeParam Options - Options type.
+ *
+ * @param interval - The interval.
+ * @param options - An object with options.
+ *
+ * @returns The array with starts of yearly timestamps from the month of the interval start to the month of the interval end
+ *
+ * @example
+ * // Each year between 6 February 2014 and 10 August 2017:
+ * const result = eachYearOfInterval({
+ *   start: new Date(2014, 1, 6),
+ *   end: new Date(2017, 7, 10)
+ * })
+ * //=> [
+ * //   Wed Jan 01 2014 00:00:00,
+ * //   Thu Jan 01 2015 00:00:00,
+ * //   Fri Jan 01 2016 00:00:00,
+ * //   Sun Jan 01 2017 00:00:00
+ * // ]
+ */ function eachYearOfInterval(interval, options) {
+    const { start, end } = normalizeInterval(options?.in, interval);
+    let reversed = +start > +end;
+    const endTime = reversed ? +start : +end;
+    const date = reversed ? end : start;
+    date.setHours(0, 0, 0, 0);
+    date.setMonth(0, 1);
+    let step = 1;
+    const dates = [];
+    while(+date <= endTime){
+        dates.push(constructFrom(start, date));
+        date.setFullYear(date.getFullYear() + step);
+    }
+    return reversed ? dates.reverse() : dates;
+}
+
 /**
  * The {@link endOfWeek} function options.
  */ /**
@@ -3796,6 +3862,40 @@ const FOUR_WEEKS = 4;
      */ formatNumber(value) {
         return this.replaceDigits(value.toString());
     }
+    /**
+     * Returns the preferred ordering for month and year labels for the current
+     * locale.
+     */ getMonthYearOrder() {
+        const code = this.options.locale?.code;
+        if (!code) {
+            return "month-first";
+        }
+        return DateLib.yearFirstLocales.has(code) ? "year-first" : "month-first";
+    }
+    /**
+     * Formats the month/year pair respecting locale conventions.
+     *
+     * @since 9.11.0
+     */ formatMonthYear(date) {
+        const { locale, timeZone, numerals } = this.options;
+        const localeCode = locale?.code;
+        if (localeCode && DateLib.yearFirstLocales.has(localeCode)) {
+            try {
+                const intl = new Intl.DateTimeFormat(localeCode, {
+                    month: "long",
+                    year: "numeric",
+                    timeZone,
+                    numberingSystem: numerals
+                });
+                const formatted = intl.format(date);
+                return formatted;
+            } catch  {
+            // Fallback to date-fns formatting below.
+            }
+        }
+        const pattern = this.getMonthYearOrder() === "year-first" ? "y LLLL" : "LLLL y";
+        return this.format(date, pattern);
+    }
     /**
      * Creates an instance of `DateLib`.
      *
@@ -3899,6 +3999,28 @@ const FOUR_WEEKS = 4;
          */ this.eachMonthOfInterval = (interval)=>{
             return this.overrides?.eachMonthOfInterval ? this.overrides.eachMonthOfInterval(interval) : eachMonthOfInterval(interval);
         };
+        /**
+         * Returns the years between the given dates.
+         *
+         * @since 9.11.1
+         * @param interval The interval to get the years for.
+         * @returns The array of years in the interval.
+         */ this.eachYearOfInterval = (interval)=>{
+            const years = this.overrides?.eachYearOfInterval ? this.overrides.eachYearOfInterval(interval) : eachYearOfInterval(interval);
+            // Remove duplicates that may happen across DST transitions (e.g., "America/Sao_Paulo")
+            // See https://github.com/date-fns/tz/issues/72
+            const uniqueYears = new Set(years.map((d)=>this.getYear(d)));
+            if (uniqueYears.size === years.length) {
+                // No duplicates, return as is
+                return years;
+            }
+            // Rebuild the array to ensure one date per year
+            const yearsArray = [];
+            uniqueYears.forEach((y)=>{
+                yearsArray.push(new Date(y, 0, 1));
+            });
+            return yearsArray;
+        };
         /**
          * Returns the end of the broadcast week for the given date.
          *
@@ -4126,6 +4248,25 @@ const FOUR_WEEKS = 4;
         this.overrides = overrides;
     }
 }
+DateLib.yearFirstLocales = new Set([
+    "eu",
+    "hu",
+    "ja",
+    "ja-Hira",
+    "ja-JP",
+    "ko",
+    "ko-KR",
+    "lt",
+    "lt-LT",
+    "lv",
+    "lv-LV",
+    "mn",
+    "mn-MN",
+    "zh",
+    "zh-CN",
+    "zh-HK",
+    "zh-TW"
+]);
 /**
  * The default date library with English locale.
  *
@@ -5013,7 +5154,7 @@ var components = /*#__PURE__*/Object.freeze({
 /**
  * Formats the caption of the month.
  *
- * @defaultValue `LLLL y` (e.g., "November 2022").
+ * @defaultValue Locale-specific month/year order (e.g., "November 2022").
  * @param month The date representing the month.
  * @param options Configuration options for the date library.
  * @param dateLib The date library to use for formatting. If not provided, a new
@@ -5022,7 +5163,8 @@ var components = /*#__PURE__*/Object.freeze({
  * @group Formatters
  * @see https://daypicker.dev/docs/translation#custom-formatters
  */ function formatCaption(month, options, dateLib) {
-    return (dateLib ?? new DateLib(options)).format(month, "LLLL y");
+    const lib = dateLib ?? new DateLib(options);
+    return lib.formatMonthYear(month);
 }
 /**
  * @private
@@ -5244,15 +5386,13 @@ var defaultFormatters = /*#__PURE__*/Object.freeze({
  */ function getYearOptions(navStart, navEnd, formatters, dateLib, reverse = false) {
     if (!navStart) return undefined;
     if (!navEnd) return undefined;
-    const { startOfYear, endOfYear, addYears, getYear, isBefore, isSameYear } = dateLib;
+    const { startOfYear, endOfYear, eachYearOfInterval, getYear } = dateLib;
     const firstNavYear = startOfYear(navStart);
     const lastNavYear = endOfYear(navEnd);
-    const years = [];
-    let year = firstNavYear;
-    while(isBefore(year, lastNavYear) || isSameYear(year, lastNavYear)){
-        years.push(year);
-        year = addYears(year, 1);
-    }
+    const years = eachYearOfInterval({
+        start: firstNavYear,
+        end: lastNavYear
+    });
     if (reverse) years.reverse();
     return years.map((year)=>{
         const label = formatters.formatYearDropdown(year, dateLib);
@@ -5293,7 +5433,7 @@ var defaultFormatters = /*#__PURE__*/Object.freeze({
  * Generates the ARIA label for the month grid, which is announced when entering
  * the grid.
  *
- * @defaultValue `LLLL y` (e.g., "November 2022").
+ * @defaultValue Locale-specific month/year order (e.g., "November 2022").
  * @param date - The date representing the month.
  * @param options - Optional configuration for the date formatting library.
  * @param dateLib - An optional instance of the date formatting library.
@@ -5301,7 +5441,8 @@ var defaultFormatters = /*#__PURE__*/Object.freeze({
  * @group Labels
  * @see https://daypicker.dev/docs/translation#aria-labels
  */ function labelGrid(date, options, dateLib) {
-    return (dateLib ?? new DateLib(options)).format(date, "LLLL y");
+    const lib = dateLib ?? new DateLib(options);
+    return lib.formatMonthYear(date);
 }
 /**
  * @ignore
@@ -6127,6 +6268,12 @@ var FocusTargetPriority;
         if (!focusedDay) return;
         const nextFocus = getNextFocus(moveBy, moveDir, focusedDay, calendar.navStart, calendar.navEnd, props, dateLib);
         if (!nextFocus) return;
+        if (props.disableNavigation) {
+            const isNextInCalendar = calendar.days.some((day)=>day.isEqualTo(nextFocus));
+            if (!isNextInCalendar) {
+                return;
+            }
+        }
         calendar.goToDay(nextFocus);
         setFocused(nextFocus);
     };
@@ -6791,6 +6938,7 @@ var FocusTargetPriority;
         title: props.title,
         role: props.role,
         "aria-label": props["aria-label"],
+        "aria-labelledby": props["aria-labelledby"],
         ...dataAttributes
     }, React__default.createElement(components.Months, {
         className: classNames[UI.Months],
@@ -6834,27 +6982,44 @@ var FocusTargetPriority;
         }, captionLayout?.startsWith("dropdown") ? React__default.createElement(components.DropdownNav, {
             className: classNames[UI.Dropdowns],
             style: styles?.[UI.Dropdowns]
-        }, captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React__default.createElement(components.MonthsDropdown, {
-            className: classNames[UI.MonthsDropdown],
-            "aria-label": labelMonthDropdown(),
-            classNames: classNames,
-            components: components,
-            disabled: Boolean(props.disableNavigation),
-            onChange: handleMonthChange(calendarMonth.date),
-            options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib),
-            style: styles?.[UI.Dropdown],
-            value: dateLib.getMonth(calendarMonth.date)
-        }) : React__default.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib)), captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React__default.createElement(components.YearsDropdown, {
-            className: classNames[UI.YearsDropdown],
-            "aria-label": labelYearDropdown(dateLib.options),
-            classNames: classNames,
-            components: components,
-            disabled: Boolean(props.disableNavigation),
-            onChange: handleYearChange(calendarMonth.date),
-            options: getYearOptions(navStart, navEnd, formatters, dateLib, Boolean(props.reverseYears)),
-            style: styles?.[UI.Dropdown],
-            value: dateLib.getYear(calendarMonth.date)
-        }) : React__default.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib)), React__default.createElement("span", {
+        }, (()=>{
+            const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React__default.createElement(components.MonthsDropdown, {
+                key: "month",
+                className: classNames[UI.MonthsDropdown],
+                "aria-label": labelMonthDropdown(),
+                classNames: classNames,
+                components: components,
+                disabled: Boolean(props.disableNavigation),
+                onChange: handleMonthChange(calendarMonth.date),
+                options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib),
+                style: styles?.[UI.Dropdown],
+                value: dateLib.getMonth(calendarMonth.date)
+            }) : React__default.createElement("span", {
+                key: "month"
+            }, formatMonthDropdown(calendarMonth.date, dateLib));
+            const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React__default.createElement(components.YearsDropdown, {
+                key: "year",
+                className: classNames[UI.YearsDropdown],
+                "aria-label": labelYearDropdown(dateLib.options),
+                classNames: classNames,
+                components: components,
+                disabled: Boolean(props.disableNavigation),
+                onChange: handleYearChange(calendarMonth.date),
+                options: getYearOptions(navStart, navEnd, formatters, dateLib, Boolean(props.reverseYears)),
+                style: styles?.[UI.Dropdown],
+                value: dateLib.getYear(calendarMonth.date)
+            }) : React__default.createElement("span", {
+                key: "year"
+            }, formatYearDropdown(calendarMonth.date, dateLib));
+            const controls = dateLib.getMonthYearOrder() === "year-first" ? [
+                yearControl,
+                monthControl
+            ] : [
+                monthControl,
+                yearControl
+            ];
+            return controls;
+        })(), React__default.createElement("span", {
             role: "status",
             "aria-live": "polite",
             style: {
@@ -7102,5 +7267,5 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
     });
 }
 
-export { Calendar as C, CalendarDayButton as a, buildFormatLongFn as b, buildLocalizeFn as c, buildMatchFn as d, buildMatchPatternFn as e, format as f, toDate as t };
-//# sourceMappingURL=calendar-nJ5T1YgK.mjs.map
+export { Calendar as C, CalendarDayButton as a, millisecondsInMinute as b, constructFrom as c, millisecondsInSecond as d, getWeekYear as e, format as f, getDefaultOptions as g, startOfISOWeek as h, getWeek as i, getISOWeek as j, addDays as k, getTimezoneOffsetInMilliseconds as l, millisecondsInHour as m, enUS as n, longFormatters as o, isProtectedWeekYearToken as p, isProtectedDayOfYearToken as q, isValid as r, startOfWeek as s, toDate as t, buildFormatLongFn as u, buildLocalizeFn as v, warnOrThrowProtectedError as w, buildMatchFn as x, buildMatchPatternFn as y };
+//# sourceMappingURL=calendar-BMDZ5epm.mjs.map