ivt 0.4.6 → 0.4.7

package/dist/chunks/{button-TULRIYFO.mjs → button-DUnGULhS.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-DiIQyE9g.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-DUnGULhS.mjs.map

package/dist/chunks/{button-TULRIYFO.mjs.map → button-DUnGULhS.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-DUnGULhS.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-Cgi4uVPL.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-DiIQyE9g.mjs';
+import { C as ChevronLeft } from './chevron-left-P-VgJSoP.mjs';
+import { C as ChevronRight } from './chevron-right-D8I8B3al.mjs';
+import { C as ChevronDown } from './chevron-down-B7w8j1qi.mjs';
+import { b as buttonVariants, B as Button$1 } from './button-DUnGULhS.mjs';
 
 /**
  * Time zone name format.
@@ -1238,6 +1238,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 +3847,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 +3984,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 +4233,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 +5139,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 +5148,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 +5371,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 +5418,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 +5426,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 +6253,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 +6923,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 +6967,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: {
@@ -7103,4 +7253,4 @@ 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
+//# sourceMappingURL=calendar-Cgi4uVPL.mjs.map