@rpcbase/ui 0.241.0 → 0.243.0

package/dist/index31.js

@@ -1,63 +1,63 @@
-import l, { useMemo as T, useCallback as h, useRef as Re } from "react";
-import { DateLib as Ze } from "./index106.js";
-import { createGetModifiers as Ie } from "./index107.js";
-import { getClassNamesForModifiers as Ge } from "./index108.js";
-import { getComponents as He } from "./index109.js";
-import { getDataAttributes as _e } from "./index110.js";
-import { getDefaultClassNames as Ue } from "./index111.js";
-import { getFormatters as je } from "./index112.js";
-import { getLabels as Ve } from "./index113.js";
-import { getMonthOptions as $e } from "./index114.js";
-import { getStyleForModifiers as qe } from "./index115.js";
-import { getWeekdays as ze } from "./index116.js";
-import { getYearOptions as Je } from "./index117.js";
-import { createNoonOverrides as Qe } from "./index118.js";
-import { UI as n, DayFlag as Xe, SelectionState as w } from "./index119.js";
-import { useAnimation as et } from "./index120.js";
-import { useCalendar as tt } from "./index121.js";
-import { dayPickerContext as at } from "./index122.js";
-import { useFocus as ot } from "./index123.js";
-import { useSelection as nt } from "./index124.js";
-import { convertMatchersToTimeZone as K } from "./index125.js";
-import { rangeIncludesDate as st } from "./index126.js";
-import { toTimeZone as k } from "./index127.js";
-import { isDateRange as rt } from "./index128.js";
-import { enUS as it } from "./index129.js";
-function Yt(R) {
-  let e = R;
-  const u = e.timeZone;
-  if (u && (e = {
-    ...R,
-    timeZone: u
-  }, e.today && (e.today = k(e.today, u)), e.month && (e.month = k(e.month, u)), e.defaultMonth && (e.defaultMonth = k(e.defaultMonth, u)), e.startMonth && (e.startMonth = k(e.startMonth, u)), e.endMonth && (e.endMonth = k(e.endMonth, u)), e.mode === "single" && e.selected ? e.selected = k(e.selected, u) : e.mode === "multiple" && e.selected ? e.selected = e.selected?.map((o) => k(o, u)) : e.mode === "range" && e.selected && (e.selected = {
-    from: e.selected.from ? k(e.selected.from, u) : e.selected.from,
-    to: e.selected.to ? k(e.selected.to, u) : e.selected.to
-  }), e.disabled !== void 0 && (e.disabled = K(e.disabled, u)), e.hidden !== void 0 && (e.hidden = K(e.hidden, u)), e.modifiers)) {
+import d, { useMemo as K, useCallback as y, useRef as Ge } from "react";
+import { DateLib as He } from "./index105.js";
+import { createGetModifiers as _e } from "./index106.js";
+import { getClassNamesForModifiers as Ie } from "./index107.js";
+import { getComponents as Ue } from "./index108.js";
+import { getDataAttributes as je } from "./index109.js";
+import { getDefaultClassNames as Ve } from "./index110.js";
+import { getFormatters as $e } from "./index111.js";
+import { getLabels as qe } from "./index112.js";
+import { getMonthOptions as ze } from "./index113.js";
+import { getStyleForModifiers as Je } from "./index114.js";
+import { getWeekdays as Qe } from "./index115.js";
+import { getYearOptions as Xe } from "./index116.js";
+import { createNoonOverrides as et } from "./index117.js";
+import { UI as a, DayFlag as tt, SelectionState as W } from "./index118.js";
+import { useAnimation as at } from "./index119.js";
+import { useCalendar as ot } from "./index120.js";
+import { dayPickerContext as nt } from "./index121.js";
+import { useFocus as st } from "./index122.js";
+import { useSelection as rt } from "./index123.js";
+import { convertMatchersToTimeZone as R } from "./index124.js";
+import { rangeIncludesDate as it } from "./index125.js";
+import { toTimeZone as N } from "./index126.js";
+import { isDateRange as dt } from "./index127.js";
+import { enUS as lt } from "./index128.js";
+function Ft(Z) {
+  let e = Z;
+  const f = e.timeZone;
+  if (f && (e = {
+    ...Z,
+    timeZone: f
+  }, e.today && (e.today = N(e.today, f)), e.month && (e.month = N(e.month, f)), e.defaultMonth && (e.defaultMonth = N(e.defaultMonth, f)), e.startMonth && (e.startMonth = N(e.startMonth, f)), e.endMonth && (e.endMonth = N(e.endMonth, f)), e.mode === "single" && e.selected ? e.selected = N(e.selected, f) : e.mode === "multiple" && e.selected ? e.selected = e.selected?.map((o) => N(o, f)) : e.mode === "range" && e.selected && (e.selected = {
+    from: e.selected.from ? N(e.selected.from, f) : e.selected.from,
+    to: e.selected.to ? N(e.selected.to, f) : e.selected.to
+  }), e.disabled !== void 0 && (e.disabled = R(e.disabled, f)), e.hidden !== void 0 && (e.hidden = R(e.hidden, f)), e.modifiers)) {
     const o = {};
-    Object.keys(e.modifiers).forEach((i) => {
-      o[i] = K(e.modifiers?.[i], u);
+    Object.keys(e.modifiers).forEach((s) => {
+      o[s] = R(e.modifiers?.[s], f);
     }), e.modifiers = o;
   }
-  const { components: m, formatters: v, labels: Z, dateLib: a, locale: se, classNames: d } = T(() => {
-    const o = { ...it, ...e.locale }, i = e.broadcastCalendar ? 1 : e.weekStartsOn, t = e.noonSafe && e.timeZone ? Qe(e.timeZone, {
-      weekStartsOn: i,
+  const { components: c, formatters: D, labels: G, dateLib: t, locale: H, classNames: l } = K(() => {
+    const o = { ...lt, ...e.locale }, s = e.broadcastCalendar ? 1 : e.weekStartsOn, n = e.noonSafe && e.timeZone ? et(e.timeZone, {
+      weekStartsOn: s,
       locale: o
-    }) : void 0, r = e.dateLib && t ? { ...t, ...e.dateLib } : e.dateLib ?? t, f = new Ze({
+    }) : void 0, u = e.dateLib && n ? { ...n, ...e.dateLib } : e.dateLib ?? n, i = new He({
       locale: o,
-      weekStartsOn: i,
+      weekStartsOn: s,
       firstWeekContainsDate: e.firstWeekContainsDate,
       useAdditionalWeekYearTokens: e.useAdditionalWeekYearTokens,
       useAdditionalDayOfYearTokens: e.useAdditionalDayOfYearTokens,
       timeZone: e.timeZone,
       numerals: e.numerals
-    }, r);
+    }, u);
     return {
-      dateLib: f,
-      components: He(e.components),
-      formatters: je(e.formatters),
-      labels: Ve(e.labels, f.options),
+      dateLib: i,
+      components: Ue(e.components),
+      formatters: $e(e.formatters),
+      labels: qe(e.labels, i.options),
       locale: o,
-      classNames: { ...Ue(), ...e.classNames }
+      classNames: { ...Ve(), ...e.classNames }
     };
   }, [
     e.locale,
@@ -75,161 +75,171 @@ function Yt(R) {
     e.labels,
     e.classNames
   ]);
-  e.today || (e = { ...e, today: a.today() });
-  const { captionLayout: N, mode: C, navLayout: D, numberOfMonths: I = 1, onDayBlur: G, onDayClick: W, onDayFocus: H, onDayKeyDown: _, onDayMouseEnter: U, onDayMouseLeave: j, onNextClick: V, onPrevClick: $, showWeekNumber: q, styles: c } = e, { formatCaption: z, formatDay: J, formatMonthDropdown: re, formatWeekNumber: ie, formatWeekNumberHeader: de, formatWeekdayName: le, formatYearDropdown: me } = v, Q = tt(e, a), { days: ce, months: E, navStart: B, navEnd: O, previousMonth: p, nextMonth: b, goToMonth: y } = Q, S = Ie(ce, e, B, O, a), { isSelected: x, select: L, selected: g } = nt(e, a) ?? {}, { blur: X, focused: ee, isFocusTarget: ue, moveFocus: te, setFocused: M } = ot(e, Q, S, x ?? (() => !1), a), { labelDayButton: fe, labelGridcell: pe, labelGrid: be, labelMonthDropdown: he, labelNav: ae, labelPrevious: ye, labelNext: ke, labelWeekday: Ne, labelWeekNumber: ve, labelWeekNumberHeader: De, labelYearDropdown: ge } = Z, Me = T(() => ze(a, e.ISOWeek, e.broadcastCalendar, e.today), [a, e.ISOWeek, e.broadcastCalendar, e.today]), oe = C !== void 0 || W !== void 0, Y = h(() => {
-    p && (y(p), $?.(p));
-  }, [p, y, $]), P = h(() => {
-    b && (y(b), V?.(b));
-  }, [y, b, V]), we = h((o, i) => (t) => {
-    t.preventDefault(), t.stopPropagation(), M(o), !i.disabled && (L?.(o.date, i, t), W?.(o.date, i, t));
-  }, [L, W, M]), Ce = h((o, i) => (t) => {
-    M(o), H?.(o.date, i, t);
-  }, [H, M]), We = h((o, i) => (t) => {
-    X(), G?.(o.date, i, t);
-  }, [X, G]), Ee = h((o, i) => (t) => {
-    const r = {
+  e.today || (e = { ...e, today: t.today() });
+  const { captionLayout: v, mode: E, navLayout: M, numberOfMonths: _ = 1, onDayBlur: I, onDayClick: B, onDayFocus: U, onDayKeyDown: j, onDayMouseEnter: V, onDayMouseLeave: $, onNextClick: q, onPrevClick: z, showWeekNumber: J, styles: m } = e, { formatCaption: Q, formatDay: X, formatMonthDropdown: de, formatWeekNumber: le, formatWeekNumberHeader: me, formatWeekdayName: ce, formatYearDropdown: ue } = D, ee = ot(e, t), { days: fe, months: g, navStart: S, navEnd: O, previousMonth: p, nextMonth: h, goToMonth: k } = ee, L = _e(fe, e, S, O, t), { isSelected: Y, select: x, selected: w } = rt(e, t) ?? {}, { blur: te, focused: ae, isFocusTarget: pe, moveFocus: oe, setFocused: C } = st(e, ee, L, Y ?? (() => !1), t), { labelDayButton: he, labelGridcell: be, labelGrid: ye, labelMonthDropdown: ke, labelNav: ne, labelPrevious: Ne, labelNext: ve, labelWeekday: De, labelWeekNumber: Me, labelWeekNumberHeader: ge, labelYearDropdown: we } = G, Ce = K(() => Qe(t, e.ISOWeek, e.broadcastCalendar, e.today), [t, e.ISOWeek, e.broadcastCalendar, e.today]), se = E !== void 0 || B !== void 0, P = y(() => {
+    p && (k(p), z?.(p));
+  }, [p, k, z]), F = y(() => {
+    h && (k(h), q?.(h));
+  }, [k, h, q]), We = y((o, s) => (n) => {
+    n.preventDefault(), n.stopPropagation(), C(o), !s.disabled && (x?.(o.date, s, n), B?.(o.date, s, n));
+  }, [x, B, C]), Ee = y((o, s) => (n) => {
+    C(o), U?.(o.date, s, n);
+  }, [U, C]), Be = y((o, s) => (n) => {
+    te(), I?.(o.date, s, n);
+  }, [te, I]), Se = y((o, s) => (n) => {
+    const u = {
       ArrowLeft: [
-        t.shiftKey ? "month" : "day",
+        n.shiftKey ? "month" : "day",
         e.dir === "rtl" ? "after" : "before"
       ],
       ArrowRight: [
-        t.shiftKey ? "month" : "day",
+        n.shiftKey ? "month" : "day",
         e.dir === "rtl" ? "before" : "after"
       ],
-      ArrowDown: [t.shiftKey ? "year" : "week", "after"],
-      ArrowUp: [t.shiftKey ? "year" : "week", "before"],
-      PageUp: [t.shiftKey ? "year" : "month", "before"],
-      PageDown: [t.shiftKey ? "year" : "month", "after"],
+      ArrowDown: [n.shiftKey ? "year" : "week", "after"],
+      ArrowUp: [n.shiftKey ? "year" : "week", "before"],
+      PageUp: [n.shiftKey ? "year" : "month", "before"],
+      PageDown: [n.shiftKey ? "year" : "month", "after"],
       Home: ["startOfWeek", "before"],
       End: ["endOfWeek", "after"]
     };
-    if (r[t.key]) {
-      t.preventDefault(), t.stopPropagation();
-      const [f, s] = r[t.key];
-      te(f, s);
+    if (u[n.key]) {
+      n.preventDefault(), n.stopPropagation();
+      const [i, b] = u[n.key];
+      oe(i, b);
     }
-    _?.(o.date, i, t);
-  }, [te, _, e.dir]), Be = h((o, i) => (t) => {
-    U?.(o.date, i, t);
-  }, [U]), Oe = h((o, i) => (t) => {
-    j?.(o.date, i, t);
-  }, [j]), Se = h((o) => (i) => {
-    const t = Number(i.target.value), r = a.setMonth(a.startOfMonth(o), t);
-    y(r);
-  }, [a, y]), xe = h((o) => (i) => {
-    const t = Number(i.target.value), r = a.setYear(a.startOfMonth(o), t);
-    y(r);
-  }, [a, y]), { className: Le, style: Ye } = T(() => ({
-    className: [d[n.Root], e.className].filter(Boolean).join(" "),
-    style: { ...c?.[n.Root], ...e.style }
-  }), [d, e.className, e.style, c]), Pe = _e(e), ne = Re(null);
-  et(ne, !!e.animate, {
-    classNames: d,
-    months: E,
-    focused: ee,
-    dateLib: a
+    j?.(o.date, s, n);
+  }, [oe, j, e.dir]), Oe = y((o, s) => (n) => {
+    V?.(o.date, s, n);
+  }, [V]), Le = y((o, s) => (n) => {
+    $?.(o.date, s, n);
+  }, [$]), Ye = y((o, s) => (n) => {
+    const u = Number(n.target.value), i = t.setMonth(t.startOfMonth(o), u);
+    k(t.addMonths(i, -s));
+  }, [t, k]), xe = y((o, s) => (n) => {
+    const u = Number(n.target.value), i = t.setYear(t.startOfMonth(o), u);
+    k(t.addMonths(i, -s));
+  }, [t, k]), { className: Pe, style: Fe } = K(() => ({
+    className: [l[a.Root], e.className].filter(Boolean).join(" "),
+    style: { ...m?.[a.Root], ...e.style }
+  }), [l, e.className, e.style, m]), Ae = je(e), re = (o) => {
+    const s = m?.[a.Dropdown], n = m?.[o];
+    if (!(!s && !n))
+      return {
+        ...s,
+        ...n
+      };
+  }, ie = Ge(null);
+  at(ie, !!e.animate, {
+    classNames: l,
+    months: g,
+    focused: ae,
+    dateLib: t
   });
-  const Fe = {
+  const Te = {
     dayPickerProps: e,
-    selected: g,
-    select: L,
-    isSelected: x,
-    months: E,
-    nextMonth: b,
+    selected: w,
+    select: x,
+    isSelected: Y,
+    months: g,
+    nextMonth: h,
     previousMonth: p,
-    goToMonth: y,
-    getModifiers: S,
-    components: m,
-    classNames: d,
-    styles: c,
-    labels: Z,
-    formatters: v
+    goToMonth: k,
+    getModifiers: L,
+    components: c,
+    classNames: l,
+    styles: m,
+    labels: G,
+    formatters: D
   };
-  return l.createElement(
-    at.Provider,
-    { value: Fe },
-    l.createElement(
-      m.Root,
-      { rootRef: e.animate ? ne : void 0, className: Le, style: Ye, dir: e.dir, id: e.id, lang: e.lang, nonce: e.nonce, title: e.title, role: e.role, "aria-label": e["aria-label"], "aria-labelledby": e["aria-labelledby"], ...Pe },
-      l.createElement(
-        m.Months,
-        { className: d[n.Months], style: c?.[n.Months] },
-        !e.hideNavigation && !D && l.createElement(m.Nav, { "data-animated-nav": e.animate ? "true" : void 0, className: d[n.Nav], style: c?.[n.Nav], "aria-label": ae(), onPreviousClick: Y, onNextClick: P, previousMonth: p, nextMonth: b }),
-        E.map((o, i) => l.createElement(
-          m.Month,
-          {
-            "data-animated-month": e.animate ? "true" : void 0,
-            className: d[n.Month],
-            style: c?.[n.Month],
-            // biome-ignore lint/suspicious/noArrayIndexKey: breaks animation
-            key: i,
-            displayIndex: i,
-            calendarMonth: o
-          },
-          D === "around" && !e.hideNavigation && i === 0 && l.createElement(
-            m.PreviousMonthButton,
-            { type: "button", className: d[n.PreviousMonthButton], tabIndex: p ? void 0 : -1, "aria-disabled": p ? void 0 : !0, "aria-label": ye(p), onClick: Y, "data-animated-button": e.animate ? "true" : void 0 },
-            l.createElement(m.Chevron, { disabled: p ? void 0 : !0, className: d[n.Chevron], orientation: e.dir === "rtl" ? "right" : "left" })
-          ),
-          l.createElement(m.MonthCaption, { "data-animated-caption": e.animate ? "true" : void 0, className: d[n.MonthCaption], style: c?.[n.MonthCaption], calendarMonth: o, displayIndex: i }, N?.startsWith("dropdown") ? l.createElement(
-            m.DropdownNav,
-            { className: d[n.Dropdowns], style: c?.[n.Dropdowns] },
-            (() => {
-              const t = N === "dropdown" || N === "dropdown-months" ? l.createElement(m.MonthsDropdown, { key: "month", className: d[n.MonthsDropdown], "aria-label": he(), classNames: d, components: m, disabled: !!e.disableNavigation, onChange: Se(o.date), options: $e(o.date, B, O, v, a), style: c?.[n.Dropdown], value: a.getMonth(o.date) }) : l.createElement("span", { key: "month" }, re(o.date, a)), r = N === "dropdown" || N === "dropdown-years" ? l.createElement(m.YearsDropdown, { key: "year", className: d[n.YearsDropdown], "aria-label": ge(a.options), classNames: d, components: m, disabled: !!e.disableNavigation, onChange: xe(o.date), options: Je(B, O, v, a, !!e.reverseYears), style: c?.[n.Dropdown], value: a.getYear(o.date) }) : l.createElement("span", { key: "year" }, me(o.date, a));
-              return a.getMonthYearOrder() === "year-first" ? [r, t] : [t, r];
-            })(),
-            l.createElement("span", { role: "status", "aria-live": "polite", style: {
-              border: 0,
-              clip: "rect(0 0 0 0)",
-              height: "1px",
-              margin: "-1px",
-              overflow: "hidden",
-              padding: 0,
-              position: "absolute",
-              width: "1px",
-              whiteSpace: "nowrap",
-              wordWrap: "normal"
-            } }, z(o.date, a.options, a))
-          ) : l.createElement(m.CaptionLabel, { className: d[n.CaptionLabel], role: "status", "aria-live": "polite" }, z(o.date, a.options, a))),
-          D === "around" && !e.hideNavigation && i === I - 1 && l.createElement(
-            m.NextMonthButton,
-            { type: "button", className: d[n.NextMonthButton], tabIndex: b ? void 0 : -1, "aria-disabled": b ? void 0 : !0, "aria-label": ke(b), onClick: P, "data-animated-button": e.animate ? "true" : void 0 },
-            l.createElement(m.Chevron, { disabled: b ? void 0 : !0, className: d[n.Chevron], orientation: e.dir === "rtl" ? "left" : "right" })
-          ),
-          i === I - 1 && D === "after" && !e.hideNavigation && l.createElement(m.Nav, { "data-animated-nav": e.animate ? "true" : void 0, className: d[n.Nav], style: c?.[n.Nav], "aria-label": ae(), onPreviousClick: Y, onNextClick: P, previousMonth: p, nextMonth: b }),
-          l.createElement(
-            m.MonthGrid,
-            { role: "grid", "aria-multiselectable": C === "multiple" || C === "range", "aria-label": be(o.date, a.options, a) || void 0, className: d[n.MonthGrid], style: c?.[n.MonthGrid] },
-            !e.hideWeekdays && l.createElement(
-              m.Weekdays,
-              { "data-animated-weekdays": e.animate ? "true" : void 0, className: d[n.Weekdays], style: c?.[n.Weekdays] },
-              q && l.createElement(m.WeekNumberHeader, { "aria-label": De(a.options), className: d[n.WeekNumberHeader], style: c?.[n.WeekNumberHeader], scope: "col" }, de()),
-              Me.map((t) => l.createElement(m.Weekday, { "aria-label": Ne(t, a.options, a), className: d[n.Weekday], key: String(t), style: c?.[n.Weekday], scope: "col" }, le(t, a.options, a)))
+  return d.createElement(
+    nt.Provider,
+    { value: Te },
+    d.createElement(
+      c.Root,
+      { rootRef: e.animate ? ie : void 0, className: Pe, style: Fe, dir: e.dir, id: e.id, lang: e.lang ?? H.code, nonce: e.nonce, title: e.title, role: e.role, "aria-label": e["aria-label"], "aria-labelledby": e["aria-labelledby"], ...Ae },
+      d.createElement(
+        c.Months,
+        { className: l[a.Months], style: m?.[a.Months] },
+        !e.hideNavigation && !M && d.createElement(c.Nav, { "data-animated-nav": e.animate ? "true" : void 0, className: l[a.Nav], style: m?.[a.Nav], "aria-label": ne(), onPreviousClick: P, onNextClick: F, previousMonth: p, nextMonth: h }),
+        g.map((o, s) => {
+          const n = e.reverseMonths ? g.length - 1 - s : s;
+          return d.createElement(
+            c.Month,
+            {
+              "data-animated-month": e.animate ? "true" : void 0,
+              className: l[a.Month],
+              style: m?.[a.Month],
+              // biome-ignore lint/suspicious/noArrayIndexKey: breaks animation
+              key: s,
+              displayIndex: s,
+              calendarMonth: o
+            },
+            M === "around" && !e.hideNavigation && s === 0 && d.createElement(
+              c.PreviousMonthButton,
+              { type: "button", className: l[a.PreviousMonthButton], style: m?.[a.PreviousMonthButton], tabIndex: p ? void 0 : -1, "aria-disabled": p ? void 0 : !0, "aria-label": Ne(p), onClick: P, "data-animated-button": e.animate ? "true" : void 0 },
+              d.createElement(c.Chevron, { disabled: p ? void 0 : !0, className: l[a.Chevron], style: m?.[a.Chevron], orientation: e.dir === "rtl" ? "right" : "left" })
             ),
-            l.createElement(m.Weeks, { "data-animated-weeks": e.animate ? "true" : void 0, className: d[n.Weeks], style: c?.[n.Weeks] }, o.weeks.map((t) => l.createElement(
-              m.Week,
-              { className: d[n.Week], key: t.weekNumber, style: c?.[n.Week], week: t },
-              q && l.createElement(m.WeekNumber, { week: t, style: c?.[n.WeekNumber], "aria-label": ve(t.weekNumber, {
-                locale: se
-              }), className: d[n.WeekNumber], scope: "row", role: "rowheader" }, ie(t.weekNumber, a)),
-              t.days.map((r) => {
-                const { date: f } = r, s = S(r);
-                if (s[Xe.focused] = !s.hidden && !!ee?.isEqualTo(r), s[w.selected] = x?.(f) || s.selected, rt(g)) {
-                  const { from: F, to: A } = g;
-                  s[w.range_start] = !!(F && A && a.isSameDay(f, F)), s[w.range_end] = !!(F && A && a.isSameDay(f, A)), s[w.range_middle] = st(g, f, !0, a);
-                }
-                const Ae = qe(s, c, e.modifiersStyles), Te = Ge(s, d, e.modifiersClassNames), Ke = !oe && !s.hidden ? pe(f, s, a.options, a) : void 0;
-                return l.createElement(m.Day, { key: `${r.isoDate}_${r.displayMonthId}`, day: r, modifiers: s, className: Te.join(" "), style: Ae, role: "gridcell", "aria-selected": s.selected || void 0, "aria-label": Ke, "data-day": r.isoDate, "data-month": r.outside ? r.dateMonthId : void 0, "data-selected": s.selected || void 0, "data-disabled": s.disabled || void 0, "data-hidden": s.hidden || void 0, "data-outside": r.outside || void 0, "data-focused": s.focused || void 0, "data-today": s.today || void 0 }, !s.hidden && oe ? l.createElement(m.DayButton, { className: d[n.DayButton], style: c?.[n.DayButton], type: "button", day: r, modifiers: s, disabled: !s.focused && s.disabled || void 0, "aria-disabled": s.focused && s.disabled || void 0, tabIndex: ue(r) ? 0 : -1, "aria-label": fe(f, s, a.options, a), onClick: we(r, s), onBlur: We(r, s), onFocus: Ce(r, s), onKeyDown: Ee(r, s), onMouseEnter: Be(r, s), onMouseLeave: Oe(r, s) }, J(f, a.options, a)) : !s.hidden && J(r.date, a.options, a));
-              })
-            )))
-          )
-        ))
+            d.createElement(c.MonthCaption, { "data-animated-caption": e.animate ? "true" : void 0, className: l[a.MonthCaption], style: m?.[a.MonthCaption], calendarMonth: o, displayIndex: s }, v?.startsWith("dropdown") ? d.createElement(
+              c.DropdownNav,
+              { className: l[a.Dropdowns], style: m?.[a.Dropdowns] },
+              (() => {
+                const u = v === "dropdown" || v === "dropdown-months" ? d.createElement(c.MonthsDropdown, { key: "month", className: l[a.MonthsDropdown], "aria-label": ke(), disabled: !!e.disableNavigation, onChange: Ye(o.date, n), options: ze(o.date, S, O, D, t), style: re(a.MonthsDropdown), value: t.getMonth(o.date) }) : d.createElement("span", { key: "month" }, de(o.date, t)), i = v === "dropdown" || v === "dropdown-years" ? d.createElement(c.YearsDropdown, { key: "year", className: l[a.YearsDropdown], "aria-label": we(t.options), disabled: !!e.disableNavigation, onChange: xe(o.date, n), options: Xe(S, O, D, t, !!e.reverseYears), style: re(a.YearsDropdown), value: t.getYear(o.date) }) : d.createElement("span", { key: "year" }, ue(o.date, t));
+                return t.getMonthYearOrder() === "year-first" ? [i, u] : [u, i];
+              })(),
+              d.createElement("span", { role: "status", "aria-live": "polite", style: {
+                border: 0,
+                clip: "rect(0 0 0 0)",
+                height: "1px",
+                margin: "-1px",
+                overflow: "hidden",
+                padding: 0,
+                position: "absolute",
+                width: "1px",
+                whiteSpace: "nowrap",
+                wordWrap: "normal"
+              } }, Q(o.date, t.options, t))
+            ) : d.createElement(c.CaptionLabel, { className: l[a.CaptionLabel], style: m?.[a.CaptionLabel], role: "status", "aria-live": "polite" }, Q(o.date, t.options, t))),
+            M === "around" && !e.hideNavigation && s === _ - 1 && d.createElement(
+              c.NextMonthButton,
+              { type: "button", className: l[a.NextMonthButton], style: m?.[a.NextMonthButton], tabIndex: h ? void 0 : -1, "aria-disabled": h ? void 0 : !0, "aria-label": ve(h), onClick: F, "data-animated-button": e.animate ? "true" : void 0 },
+              d.createElement(c.Chevron, { disabled: h ? void 0 : !0, className: l[a.Chevron], style: m?.[a.Chevron], orientation: e.dir === "rtl" ? "left" : "right" })
+            ),
+            s === _ - 1 && M === "after" && !e.hideNavigation && d.createElement(c.Nav, { "data-animated-nav": e.animate ? "true" : void 0, className: l[a.Nav], style: m?.[a.Nav], "aria-label": ne(), onPreviousClick: P, onNextClick: F, previousMonth: p, nextMonth: h }),
+            d.createElement(
+              c.MonthGrid,
+              { role: "grid", "aria-multiselectable": E === "multiple" || E === "range", "aria-label": ye(o.date, t.options, t) || void 0, className: l[a.MonthGrid], style: m?.[a.MonthGrid] },
+              !e.hideWeekdays && d.createElement(
+                c.Weekdays,
+                { "data-animated-weekdays": e.animate ? "true" : void 0, className: l[a.Weekdays], style: m?.[a.Weekdays] },
+                J && d.createElement(c.WeekNumberHeader, { "aria-label": ge(t.options), className: l[a.WeekNumberHeader], style: m?.[a.WeekNumberHeader], scope: "col" }, me()),
+                Ce.map((u) => d.createElement(c.Weekday, { "aria-label": De(u, t.options, t), className: l[a.Weekday], key: String(u), style: m?.[a.Weekday], scope: "col" }, ce(u, t.options, t)))
+              ),
+              d.createElement(c.Weeks, { "data-animated-weeks": e.animate ? "true" : void 0, className: l[a.Weeks], style: m?.[a.Weeks] }, o.weeks.map((u) => d.createElement(
+                c.Week,
+                { className: l[a.Week], key: u.weekNumber, style: m?.[a.Week], week: u },
+                J && d.createElement(c.WeekNumber, { week: u, style: m?.[a.WeekNumber], "aria-label": Me(u.weekNumber, {
+                  locale: H
+                }), className: l[a.WeekNumber], scope: "row", role: "rowheader" }, le(u.weekNumber, t)),
+                u.days.map((i) => {
+                  const { date: b } = i, r = L(i);
+                  if (r[tt.focused] = !r.hidden && !!ae?.isEqualTo(i), r[W.selected] = Y?.(b) || r.selected, dt(w)) {
+                    const { from: A, to: T } = w;
+                    r[W.range_start] = !!(A && T && t.isSameDay(b, A)), r[W.range_end] = !!(A && T && t.isSameDay(b, T)), r[W.range_middle] = it(w, b, !0, t);
+                  }
+                  const Ke = Je(r, m, e.modifiersStyles), Re = Ie(r, l, e.modifiersClassNames), Ze = !se && !r.hidden ? be(b, r, t.options, t) : void 0;
+                  return d.createElement(c.Day, { key: `${i.isoDate}_${i.displayMonthId}`, day: i, modifiers: r, className: Re.join(" "), style: Ke, role: "gridcell", "aria-selected": r.selected || void 0, "aria-label": Ze, "data-day": i.isoDate, "data-month": i.outside ? i.dateMonthId : void 0, "data-selected": r.selected || void 0, "data-disabled": r.disabled || void 0, "data-hidden": r.hidden || void 0, "data-outside": i.outside || void 0, "data-focused": r.focused || void 0, "data-today": r.today || void 0 }, !r.hidden && se ? d.createElement(c.DayButton, { className: l[a.DayButton], style: m?.[a.DayButton], type: "button", day: i, modifiers: r, disabled: !r.focused && r.disabled || void 0, "aria-disabled": r.focused && r.disabled || void 0, tabIndex: pe(i) ? 0 : -1, "aria-label": he(b, r, t.options, t), onClick: We(i, r), onBlur: Be(i, r), onFocus: Ee(i, r), onKeyDown: Se(i, r), onMouseEnter: Oe(i, r), onMouseLeave: Le(i, r) }, X(b, t.options, t)) : !r.hidden && X(i.date, t.options, t));
+                })
+              )))
+            )
+          );
+        })
       ),
-      e.footer && l.createElement(m.Footer, { className: d[n.Footer], style: c?.[n.Footer], role: "status", "aria-live": "polite" }, e.footer)
+      e.footer && d.createElement(c.Footer, { className: l[a.Footer], style: m?.[a.Footer], role: "status", "aria-live": "polite" }, e.footer)
     )
   );
 }
 export {
-  Yt as DayPicker
+  Ft as DayPicker
 };
 //# sourceMappingURL=index31.js.map