prometeo-design-system 2.6.0 → 2.6.2

package/dist/DatePicker.es.js

@@ -1,7 +1,7 @@
-import { j as $ } from "./jsx-runtime-ByW6EXIE.js";
-import m, { createContext as mn, useContext as hn, useCallback as q, useRef as Se, useLayoutEffect as yn, useState as he, useEffect as _e, useMemo as fe, memo as pn } from "react";
+import { j as q } from "./jsx-runtime-ByW6EXIE.js";
+import m, { createContext as mn, useContext as hn, useCallback as R, useRef as Se, useLayoutEffect as yn, useState as he, useEffect as _e, useMemo as fe, memo as pn } from "react";
 import { InputMultiple as gn } from "./InputMultiple.es.js";
-import { I as wn } from "./Input-DHdy-pWf.js";
+import { I as wn } from "./Input-r2N9xkjM.js";
 import { createPortal as bn } from "react-dom";
 import { Icons as Mt } from "./Icons.es.js";
 import { c as Be } from "./cn-B6yFEsav.js";
@@ -94,14 +94,14 @@ function _t(e) {
   const f = ke(e.timeZone, e), w = f > 0 ? Math.floor(f) : Math.ceil(f), W = -(/* @__PURE__ */ new Date(+e)).getTimezoneOffset() - w, b = w !== n, O = W - c;
   if (b && O) {
     Date.prototype.setUTCMinutes.call(e, Date.prototype.getUTCMinutes.call(e) + O);
-    const y = ke(e.timeZone, e), g = y > 0 ? Math.floor(y) : Math.ceil(y), x = w - g;
-    x && (e.internal.setUTCMinutes(e.internal.getUTCMinutes() + x), Date.prototype.setUTCMinutes.call(e, Date.prototype.getUTCMinutes.call(e) + x));
+    const y = ke(e.timeZone, e), p = y > 0 ? Math.floor(y) : Math.ceil(y), C = w - p;
+    C && (e.internal.setUTCMinutes(e.internal.getUTCMinutes() + C), Date.prototype.setUTCMinutes.call(e, Date.prototype.getUTCMinutes.call(e) + C));
   }
 }
-class R extends re {
+class L extends re {
   //#region static
   static tz(t, ...n) {
-    return n.length ? new R(...n, t) : new R(Date.now(), t);
+    return n.length ? new L(...n, t) : new L(Date.now(), t);
   }
   //#endregion
   //#region representation
@@ -146,31 +146,31 @@ class R extends re {
   }
   //#endregion
   withTimeZone(t) {
-    return new R(+this, t);
+    return new L(+this, t);
   }
   //#region date-fns integration
   [Symbol.for("constructDateFrom")](t) {
-    return new R(+new Date(t), this.timeZone);
+    return new L(+new Date(t), this.timeZone);
   }
   //#endregion
 }
 const Ft = 6048e5, On = 864e5, Ot = Symbol.for("constructDateFrom");
-function A(e, t) {
+function $(e, t) {
   return typeof e == "function" ? e(t) : e && typeof e == "object" && Ot in e ? e[Ot](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
 }
 function Y(e, t) {
-  return A(t || e, e);
+  return $(t || e, e);
 }
 function Bt(e, t, n) {
   const o = Y(e, n?.in);
-  return isNaN(t) ? A(e, NaN) : (t && o.setDate(o.getDate() + t), o);
+  return isNaN(t) ? $(e, NaN) : (t && o.setDate(o.getDate() + t), o);
 }
 function It(e, t, n) {
   const o = Y(e, n?.in);
-  if (isNaN(t)) return A(e, NaN);
+  if (isNaN(t)) return $(e, NaN);
   if (!t)
     return o;
-  const r = o.getDate(), a = A(e, o.getTime());
+  const r = o.getDate(), a = $(e, o.getTime());
   a.setMonth(o.getMonth() + t + 1, 0);
   const i = a.getDate();
   return r >= i ? a : (o.setFullYear(
@@ -191,9 +191,9 @@ function Ie(e, t) {
   return xe(e, { ...t, weekStartsOn: 1 });
 }
 function jt(e, t) {
-  const n = Y(e, t?.in), o = n.getFullYear(), r = A(n, 0);
+  const n = Y(e, t?.in), o = n.getFullYear(), r = $(n, 0);
   r.setFullYear(o + 1, 0, 4), r.setHours(0, 0, 0, 0);
-  const a = Ie(r), i = A(n, 0);
+  const a = Ie(r), i = $(n, 0);
   i.setFullYear(o, 0, 4), i.setHours(0, 0, 0, 0);
   const s = Ie(i);
   return n.getTime() >= a.getTime() ? o + 1 : n.getTime() >= s.getTime() ? o : o - 1;
@@ -213,7 +213,7 @@ function Wt(e) {
   return n.setUTCFullYear(t.getFullYear()), +e - +n;
 }
 function Ne(e, ...t) {
-  const n = A.bind(
+  const n = $.bind(
     null,
     t.find((o) => typeof o == "object")
   );
@@ -232,7 +232,7 @@ function Ht(e, t, n) {
   return Math.round((s - c) / On);
 }
 function Sn(e, t) {
-  const n = jt(e, t), o = A(e, 0);
+  const n = jt(e, t), o = $(e, 0);
   return o.setFullYear(n, 0, 4), o.setHours(0, 0, 0, 0), Ie(o);
 }
 function Cn(e, t, n) {
@@ -244,18 +244,18 @@ function xn(e, t, n) {
 function Nn(e, t) {
   let n, o = t?.in;
   return e.forEach((r) => {
-    !o && typeof r == "object" && (o = A.bind(null, r));
+    !o && typeof r == "object" && (o = $.bind(null, r));
     const a = Y(r, o);
     (!n || n < a || isNaN(+a)) && (n = a);
-  }), A(o, n || NaN);
+  }), $(o, n || NaN);
 }
 function Pn(e, t) {
   let n, o = t?.in;
   return e.forEach((r) => {
-    !o && typeof r == "object" && (o = A.bind(null, r));
+    !o && typeof r == "object" && (o = $.bind(null, r));
     const a = Y(r, o);
     (!n || n > a || isNaN(+a)) && (n = a);
-  }), A(o, n || NaN);
+  }), $(o, n || NaN);
 }
 function Tn(e, t, n) {
   const [o, r] = Ne(
@@ -295,7 +295,7 @@ function Fn(e, t) {
   let s = 1;
   const c = [];
   for (; +i <= a; )
-    c.push(A(n, i)), i.setMonth(i.getMonth() + s);
+    c.push($(n, i)), i.setMonth(i.getMonth() + s);
   return r ? c.reverse() : c;
 }
 function Bn(e, t) {
@@ -318,7 +318,7 @@ function jn(e, t) {
   let s = 1;
   const c = [];
   for (; +i <= a; )
-    c.push(A(n, i)), i.setFullYear(i.getFullYear() + s);
+    c.push($(n, i)), i.setFullYear(i.getFullYear() + s);
   return r ? c.reverse() : c;
 }
 function Rt(e, t) {
@@ -768,15 +768,15 @@ function zt(e, t) {
   return Math.round(o / Ft) + 1;
 }
 function Zt(e, t) {
-  const n = Y(e, t?.in), o = n.getFullYear(), r = He(), a = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? r.firstWeekContainsDate ?? r.locale?.options?.firstWeekContainsDate ?? 1, i = A(t?.in || e, 0);
+  const n = Y(e, t?.in), o = n.getFullYear(), r = He(), a = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? r.firstWeekContainsDate ?? r.locale?.options?.firstWeekContainsDate ?? 1, i = $(t?.in || e, 0);
   i.setFullYear(o + 1, 0, a), i.setHours(0, 0, 0, 0);
-  const s = xe(i, t), c = A(t?.in || e, 0);
+  const s = xe(i, t), c = $(t?.in || e, 0);
   c.setFullYear(o, 0, a), c.setHours(0, 0, 0, 0);
   const d = xe(c, t);
   return +n >= +s ? o + 1 : +n >= +d ? o : o - 1;
 }
 function bo(e, t) {
-  const n = He(), o = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, r = Zt(e, t), a = A(t?.in || e, 0);
+  const n = He(), o = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, r = Zt(e, t), a = $(t?.in || e, 0);
   return a.setFullYear(r, 0, o), a.setHours(0, 0, 0, 0), xe(a, t);
 }
 function Gt(e, t) {
@@ -1522,7 +1522,7 @@ function Fo(e) {
   return t ? t[1].replace(Yo, "'") : e;
 }
 function Bo(e, t) {
-  const n = Y(e, t?.in), o = n.getFullYear(), r = n.getMonth(), a = A(n, 0);
+  const n = Y(e, t?.in), o = n.getFullYear(), r = n.getMonth(), a = $(n, 0);
   return a.setFullYear(o, r + 1, 0), a.setHours(0, 0, 0, 0), a.getDate();
 }
 function Io(e, t) {
@@ -1554,14 +1554,14 @@ function qo(e, t, n) {
   return o.getFullYear() === r.getFullYear();
 }
 function Ro(e, t, n) {
-  const o = Y(e, n?.in), r = o.getFullYear(), a = o.getDate(), i = A(e, 0);
+  const o = Y(e, n?.in), r = o.getFullYear(), a = o.getDate(), i = $(e, 0);
   i.setFullYear(r, t, 15), i.setHours(0, 0, 0, 0);
   const s = Bo(i);
   return o.setMonth(t, Math.min(a, s)), o;
 }
 function Lo(e, t, n) {
   const o = Y(e, n?.in);
-  return isNaN(+o) ? A(e, NaN) : (o.setFullYear(t), o);
+  return isNaN(+o) ? $(e, NaN) : (o.setFullYear(t), o);
 }
 const Pt = 5, zo = 4;
 function Zo(e, t) {
@@ -1584,7 +1584,7 @@ class K {
    * @param overrides Custom overrides for the date library functions.
    */
   constructor(t, n) {
-    this.Date = Date, this.today = () => this.overrides?.today ? this.overrides.today() : this.options.timeZone ? R.tz(this.options.timeZone) : new this.Date(), this.newDate = (o, r, a) => this.overrides?.newDate ? this.overrides.newDate(o, r, a) : this.options.timeZone ? new R(o, r, a, this.options.timeZone) : new Date(o, r, a), this.addDays = (o, r) => this.overrides?.addDays ? this.overrides.addDays(o, r) : Bt(o, r), this.addMonths = (o, r) => this.overrides?.addMonths ? this.overrides.addMonths(o, r) : It(o, r), this.addWeeks = (o, r) => this.overrides?.addWeeks ? this.overrides.addWeeks(o, r) : Cn(o, r), this.addYears = (o, r) => this.overrides?.addYears ? this.overrides.addYears(o, r) : xn(o, r), this.differenceInCalendarDays = (o, r) => this.overrides?.differenceInCalendarDays ? this.overrides.differenceInCalendarDays(o, r) : Ht(o, r), this.differenceInCalendarMonths = (o, r) => this.overrides?.differenceInCalendarMonths ? this.overrides.differenceInCalendarMonths(o, r) : En(o, r), this.eachMonthOfInterval = (o) => this.overrides?.eachMonthOfInterval ? this.overrides.eachMonthOfInterval(o) : Fn(o), this.eachYearOfInterval = (o) => {
+    this.Date = Date, this.today = () => this.overrides?.today ? this.overrides.today() : this.options.timeZone ? L.tz(this.options.timeZone) : new this.Date(), this.newDate = (o, r, a) => this.overrides?.newDate ? this.overrides.newDate(o, r, a) : this.options.timeZone ? new L(o, r, a, this.options.timeZone) : new Date(o, r, a), this.addDays = (o, r) => this.overrides?.addDays ? this.overrides.addDays(o, r) : Bt(o, r), this.addMonths = (o, r) => this.overrides?.addMonths ? this.overrides.addMonths(o, r) : It(o, r), this.addWeeks = (o, r) => this.overrides?.addWeeks ? this.overrides.addWeeks(o, r) : Cn(o, r), this.addYears = (o, r) => this.overrides?.addYears ? this.overrides.addYears(o, r) : xn(o, r), this.differenceInCalendarDays = (o, r) => this.overrides?.differenceInCalendarDays ? this.overrides.differenceInCalendarDays(o, r) : Ht(o, r), this.differenceInCalendarMonths = (o, r) => this.overrides?.differenceInCalendarMonths ? this.overrides.differenceInCalendarMonths(o, r) : En(o, r), this.eachMonthOfInterval = (o) => this.overrides?.eachMonthOfInterval ? this.overrides.eachMonthOfInterval(o) : Fn(o), this.eachYearOfInterval = (o) => {
       const r = this.overrides?.eachYearOfInterval ? this.overrides.eachYearOfInterval(o) : jn(o), a = new Set(r.map((s) => this.getYear(s)));
       if (a.size === r.length)
         return r;
@@ -1737,14 +1737,14 @@ function er(e) {
     n.focused && r.current?.focus();
   }, [n.focused]), m.createElement("button", { ref: r, ...o });
 }
-var p;
+var g;
 (function(e) {
   e.Root = "root", e.Chevron = "chevron", e.Day = "day", e.DayButton = "day_button", e.CaptionLabel = "caption_label", e.Dropdowns = "dropdowns", e.Dropdown = "dropdown", e.DropdownRoot = "dropdown_root", e.Footer = "footer", e.MonthGrid = "month_grid", e.MonthCaption = "month_caption", e.MonthsDropdown = "months_dropdown", e.Month = "month", e.Months = "months", e.Nav = "nav", e.NextMonthButton = "button_next", e.PreviousMonthButton = "button_previous", e.Week = "week", e.Weeks = "weeks", e.Weekday = "weekday", e.Weekdays = "weekdays", e.WeekNumber = "week_number", e.WeekNumberHeader = "week_number_header", e.YearsDropdown = "years_dropdown";
-})(p || (p = {}));
-var j;
+})(g || (g = {}));
+var B;
 (function(e) {
   e.disabled = "disabled", e.hidden = "hidden", e.outside = "outside", e.focused = "focused", e.today = "today";
-})(j || (j = {}));
+})(B || (B = {}));
 var J;
 (function(e) {
   e.range_end = "range_end", e.range_middle = "range_middle", e.range_start = "range_start", e.selected = "selected";
@@ -1754,16 +1754,16 @@ var U;
   e.weeks_before_enter = "weeks_before_enter", e.weeks_before_exit = "weeks_before_exit", e.weeks_after_enter = "weeks_after_enter", e.weeks_after_exit = "weeks_after_exit", e.caption_after_enter = "caption_after_enter", e.caption_after_exit = "caption_after_exit", e.caption_before_enter = "caption_before_enter", e.caption_before_exit = "caption_before_exit";
 })(U || (U = {}));
 function tr(e) {
-  const { options: t, className: n, components: o, classNames: r, ...a } = e, i = [r[p.Dropdown], n].join(" "), s = t?.find(({ value: c }) => c === a.value);
+  const { options: t, className: n, components: o, classNames: r, ...a } = e, i = [r[g.Dropdown], n].join(" "), s = t?.find(({ value: c }) => c === a.value);
   return m.createElement(
     "span",
-    { "data-disabled": a.disabled, className: r[p.DropdownRoot] },
+    { "data-disabled": a.disabled, className: r[g.DropdownRoot] },
     m.createElement(o.Select, { className: i, ...a }, t?.map(({ value: c, label: d, disabled: l }) => m.createElement(o.Option, { key: c, value: c, disabled: l }, d))),
     m.createElement(
       "span",
-      { className: r[p.CaptionLabel], "aria-hidden": !0 },
+      { className: r[g.CaptionLabel], "aria-hidden": !0 },
       s?.label,
-      m.createElement(o.Chevron, { orientation: "down", size: 18, className: r[p.Chevron] })
+      m.createElement(o.Chevron, { orientation: "down", size: 18, className: r[g.Chevron] })
     )
   );
 }
@@ -1799,9 +1799,9 @@ function cr(e) {
   return m.createElement(t.Dropdown, { ...e });
 }
 function ur(e) {
-  const { onPreviousClick: t, onNextClick: n, previousMonth: o, nextMonth: r, ...a } = e, { components: i, classNames: s, labels: { labelPrevious: c, labelNext: d } } = Ae(), l = q((f) => {
+  const { onPreviousClick: t, onNextClick: n, previousMonth: o, nextMonth: r, ...a } = e, { components: i, classNames: s, labels: { labelPrevious: c, labelNext: d } } = Ae(), l = R((f) => {
     r && n?.(f);
-  }, [r, n]), u = q((f) => {
+  }, [r, n]), u = R((f) => {
     o && t?.(f);
   }, [o, t]);
   return m.createElement(
@@ -1809,13 +1809,13 @@ function ur(e) {
     { ...a },
     m.createElement(
       i.PreviousMonthButton,
-      { type: "button", className: s[p.PreviousMonthButton], tabIndex: o ? void 0 : -1, "aria-disabled": o ? void 0 : !0, "aria-label": c(o), onClick: u },
-      m.createElement(i.Chevron, { disabled: o ? void 0 : !0, className: s[p.Chevron], orientation: "left" })
+      { type: "button", className: s[g.PreviousMonthButton], tabIndex: o ? void 0 : -1, "aria-disabled": o ? void 0 : !0, "aria-label": c(o), onClick: u },
+      m.createElement(i.Chevron, { disabled: o ? void 0 : !0, className: s[g.Chevron], orientation: "left" })
     ),
     m.createElement(
       i.NextMonthButton,
-      { type: "button", className: s[p.NextMonthButton], tabIndex: r ? void 0 : -1, "aria-disabled": r ? void 0 : !0, "aria-label": d(r), onClick: l },
-      m.createElement(i.Chevron, { disabled: r ? void 0 : !0, orientation: "right", className: s[p.Chevron] })
+      { type: "button", className: s[g.NextMonthButton], tabIndex: r ? void 0 : -1, "aria-disabled": r ? void 0 : !0, "aria-label": d(r), onClick: l },
+      m.createElement(i.Chevron, { disabled: r ? void 0 : !0, orientation: "right", className: s[g.Chevron] })
     )
   );
 }
@@ -1938,35 +1938,35 @@ function le(e, t, n = ae) {
   });
 }
 function kr(e, t, n, o, r) {
-  const { disabled: a, hidden: i, modifiers: s, showOutsideDays: c, broadcastCalendar: d, today: l } = t, { isSameDay: u, isSameMonth: f, startOfMonth: w, isBefore: D, endOfMonth: W, isAfter: b } = r, O = n && w(n), y = o && W(o), g = {
-    [j.focused]: [],
-    [j.outside]: [],
-    [j.disabled]: [],
-    [j.hidden]: [],
-    [j.today]: []
-  }, x = {};
+  const { disabled: a, hidden: i, modifiers: s, showOutsideDays: c, broadcastCalendar: d, today: l } = t, { isSameDay: u, isSameMonth: f, startOfMonth: w, isBefore: D, endOfMonth: W, isAfter: b } = r, O = n && w(n), y = o && W(o), p = {
+    [B.focused]: [],
+    [B.outside]: [],
+    [B.disabled]: [],
+    [B.hidden]: [],
+    [B.today]: []
+  }, C = {};
   for (const h of e) {
-    const { date: v, displayMonth: M } = h, C = !!(M && !f(v, M)), I = !!(O && D(v, O)), _ = !!(y && b(v, y)), H = !!(a && le(v, a, r)), F = !!(i && le(v, i, r)) || I || _ || // Broadcast calendar will show outside days as default
-    !d && !c && C || d && c === !1 && C, Z = u(v, l ?? r.today());
-    C && g.outside.push(h), H && g.disabled.push(h), F && g.hidden.push(h), Z && g.today.push(h), s && Object.keys(s).forEach((se) => {
+    const { date: v, displayMonth: M } = h, x = !!(M && !f(v, M)), j = !!(O && D(v, O)), _ = !!(y && b(v, y)), H = !!(a && le(v, a, r)), I = !!(i && le(v, i, r)) || j || _ || // Broadcast calendar will show outside days as default
+    !d && !c && x || d && c === !1 && x, A = u(v, l ?? r.today());
+    x && p.outside.push(h), H && p.disabled.push(h), I && p.hidden.push(h), A && p.today.push(h), s && Object.keys(s).forEach((se) => {
       const ee = s?.[se];
-      ee && le(v, ee, r) && (x[se] ? x[se].push(h) : x[se] = [h]);
+      ee && le(v, ee, r) && (C[se] ? C[se].push(h) : C[se] = [h]);
     });
   }
   return (h) => {
     const v = {
-      [j.focused]: !1,
-      [j.disabled]: !1,
-      [j.hidden]: !1,
-      [j.outside]: !1,
-      [j.today]: !1
+      [B.focused]: !1,
+      [B.disabled]: !1,
+      [B.hidden]: !1,
+      [B.outside]: !1,
+      [B.today]: !1
     }, M = {};
-    for (const C in g) {
-      const I = g[C];
-      v[C] = I.some((_) => _ === h);
+    for (const x in p) {
+      const j = p[x];
+      v[x] = j.some((_) => _ === h);
     }
-    for (const C in x)
-      M[C] = x[C].some((I) => I === h);
+    for (const x in C)
+      M[x] = C[x].some((j) => j === h);
     return {
       ...v,
       // custom modifiers should override all the previous ones
@@ -1975,7 +1975,7 @@ function kr(e, t, n, o, r) {
   };
 }
 function Or(e, t, n = {}) {
-  return Object.entries(e).filter(([, r]) => r === !0).reduce((r, [a]) => (n[a] ? r.push(n[a]) : t[j[a]] ? r.push(t[j[a]]) : t[J[a]] && r.push(t[J[a]]), r), [t[p.Day]]);
+  return Object.entries(e).filter(([, r]) => r === !0).reduce((r, [a]) => (n[a] ? r.push(n[a]) : t[B[a]] ? r.push(t[B[a]]) : t[J[a]] && r.push(t[J[a]]), r), [t[g.Day]]);
 }
 function Wr(e) {
   return {
@@ -1998,10 +1998,10 @@ function Sr(e) {
 }
 function Cr() {
   const e = {};
-  for (const t in p)
-    e[p[t]] = `rdp-${p[t]}`;
-  for (const t in j)
-    e[j[t]] = `rdp-${j[t]}`;
+  for (const t in g)
+    e[g[t]] = `rdp-${g[t]}`;
+  for (const t in B)
+    e[B[t]] = `rdp-${B[t]}`;
   for (const t in J)
     e[J[t]] = `rdp-${J[t]}`;
   for (const t in U)
@@ -2059,7 +2059,7 @@ function Ir(e, t, n, o, r) {
   });
 }
 function jr(e, t = {}, n = {}) {
-  let o = { ...t?.[p.Day] };
+  let o = { ...t?.[g.Day] };
   return Object.entries(e).filter(([, r]) => r === !0).forEach(([r]) => {
     o = {
       ...o,
@@ -2152,14 +2152,14 @@ function na(e, t, { classNames: n, months: o, focused: r, dateLib: a }) {
     o.length === 0 || d.length === 0 || o.length !== d.length)
       return;
     const l = a.isSameMonth(o[0].date, d[0].date), u = a.isAfter(o[0].date, d[0].date), f = u ? n[U.caption_after_enter] : n[U.caption_before_enter], w = u ? n[U.weeks_after_enter] : n[U.weeks_before_enter], D = i.current, W = e.current.cloneNode(!0);
-    if (W instanceof HTMLElement ? (lt(W).forEach((g) => {
-      if (!(g instanceof HTMLElement))
+    if (W instanceof HTMLElement ? (lt(W).forEach((p) => {
+      if (!(p instanceof HTMLElement))
         return;
-      const x = Jr(g);
-      x && g.contains(x) && g.removeChild(x);
-      const h = ft(g);
+      const C = Jr(p);
+      C && p.contains(C) && p.removeChild(C);
+      const h = ft(p);
       h && h.classList.remove(f);
-      const v = mt(g);
+      const v = mt(p);
       v && v.classList.remove(w);
     }), i.current = W) : i.current = null, c.current || l || // skip animation if a day is focused because it can cause issues to the animation and is better for a11y
     r)
@@ -2168,46 +2168,46 @@ function na(e, t, { classNames: n, months: o, focused: r, dateLib: a }) {
     if (O?.every((y) => y instanceof HTMLElement) && b && b.every((y) => y instanceof HTMLElement)) {
       c.current = !0, e.current.style.isolation = "isolate";
       const y = ea(e.current);
-      y && (y.style.zIndex = "1"), O.forEach((g, x) => {
-        const h = b[x];
+      y && (y.style.zIndex = "1"), O.forEach((p, C) => {
+        const h = b[C];
         if (!h)
           return;
-        g.style.position = "relative", g.style.overflow = "hidden";
-        const v = ft(g);
+        p.style.position = "relative", p.style.overflow = "hidden";
+        const v = ft(p);
         v && v.classList.add(f);
-        const M = mt(g);
+        const M = mt(p);
         M && M.classList.add(w);
-        const C = () => {
-          c.current = !1, e.current && (e.current.style.isolation = ""), y && (y.style.zIndex = ""), v && v.classList.remove(f), M && M.classList.remove(w), g.style.position = "", g.style.overflow = "", g.contains(h) && g.removeChild(h);
+        const x = () => {
+          c.current = !1, e.current && (e.current.style.isolation = ""), y && (y.style.zIndex = ""), v && v.classList.remove(f), M && M.classList.remove(w), p.style.position = "", p.style.overflow = "", p.contains(h) && p.removeChild(h);
         };
         h.style.pointerEvents = "none", h.style.position = "absolute", h.style.overflow = "hidden", h.setAttribute("aria-hidden", "true");
-        const I = ta(h);
-        I && (I.style.opacity = "0");
+        const j = ta(h);
+        j && (j.style.opacity = "0");
         const _ = ft(h);
-        _ && (_.classList.add(u ? n[U.caption_before_exit] : n[U.caption_after_exit]), _.addEventListener("animationend", C));
+        _ && (_.classList.add(u ? n[U.caption_before_exit] : n[U.caption_after_exit]), _.addEventListener("animationend", x));
         const H = mt(h);
-        H && H.classList.add(u ? n[U.weeks_before_exit] : n[U.weeks_after_exit]), g.insertBefore(h, g.firstChild);
+        H && H.classList.add(u ? n[U.weeks_before_exit] : n[U.weeks_after_exit]), p.insertBefore(h, p.firstChild);
       });
     }
   });
 }
 function oa(e, t, n, o) {
-  const r = e[0], a = e[e.length - 1], { ISOWeek: i, fixedWeeks: s, broadcastCalendar: c } = n ?? {}, { addDays: d, differenceInCalendarDays: l, differenceInCalendarMonths: u, endOfBroadcastWeek: f, endOfISOWeek: w, endOfMonth: D, endOfWeek: W, isAfter: b, startOfBroadcastWeek: O, startOfISOWeek: y, startOfWeek: g } = o, x = c ? O(r, o) : i ? y(r) : g(r), h = c ? f(a) : i ? w(D(a)) : W(D(a)), v = l(h, x), M = u(a, r) + 1, C = [];
+  const r = e[0], a = e[e.length - 1], { ISOWeek: i, fixedWeeks: s, broadcastCalendar: c } = n ?? {}, { addDays: d, differenceInCalendarDays: l, differenceInCalendarMonths: u, endOfBroadcastWeek: f, endOfISOWeek: w, endOfMonth: D, endOfWeek: W, isAfter: b, startOfBroadcastWeek: O, startOfISOWeek: y, startOfWeek: p } = o, C = c ? O(r, o) : i ? y(r) : p(r), h = c ? f(a) : i ? w(D(a)) : W(D(a)), v = l(h, C), M = u(a, r) + 1, x = [];
   for (let H = 0; H <= v; H++) {
-    const F = d(x, H);
-    if (t && b(F, t))
+    const I = d(C, H);
+    if (t && b(I, t))
       break;
-    C.push(F);
+    x.push(I);
   }
   const _ = (c ? 35 : 42) * M;
-  if (s && C.length < _) {
-    const H = _ - C.length;
-    for (let F = 0; F < H; F++) {
-      const Z = d(C[C.length - 1], 1);
-      C.push(Z);
+  if (s && x.length < _) {
+    const H = _ - x.length;
+    for (let I = 0; I < H; I++) {
+      const A = d(x[x.length - 1], 1);
+      x.push(A);
     }
   }
-  return C;
+  return x;
 }
 function ra(e) {
   const t = [];
@@ -2238,17 +2238,17 @@ function Tt(e, t, n, o) {
 }
 function sa(e, t, n, o) {
   const { addDays: r, endOfBroadcastWeek: a, endOfISOWeek: i, endOfMonth: s, endOfWeek: c, getISOWeek: d, getWeek: l, startOfBroadcastWeek: u, startOfISOWeek: f, startOfWeek: w } = o, D = e.reduce((W, b) => {
-    const O = n.broadcastCalendar ? u(b, o) : n.ISOWeek ? f(b) : w(b), y = n.broadcastCalendar ? a(b) : n.ISOWeek ? i(s(b)) : c(s(b)), g = t.filter((M) => M >= O && M <= y), x = n.broadcastCalendar ? 35 : 42;
-    if (n.fixedWeeks && g.length < x) {
-      const M = t.filter((C) => {
-        const I = x - g.length;
-        return C > y && C <= r(y, I);
+    const O = n.broadcastCalendar ? u(b, o) : n.ISOWeek ? f(b) : w(b), y = n.broadcastCalendar ? a(b) : n.ISOWeek ? i(s(b)) : c(s(b)), p = t.filter((M) => M >= O && M <= y), C = n.broadcastCalendar ? 35 : 42;
+    if (n.fixedWeeks && p.length < C) {
+      const M = t.filter((x) => {
+        const j = C - p.length;
+        return x > y && x <= r(y, j);
       });
-      g.push(...M);
+      p.push(...M);
     }
-    const h = g.reduce((M, C) => {
-      const I = n.ISOWeek ? d(C) : l(C), _ = M.find((F) => F.weekNumber === I), H = new Qt(C, b, o);
-      return _ ? _.days.push(H) : M.push(new Xo(I, [H])), M;
+    const h = p.reduce((M, x) => {
+      const j = n.ISOWeek ? d(x) : l(x), _ = M.find((I) => I.weekNumber === j), H = new Qt(x, b, o);
+      return _ ? _.days.push(H) : M.push(new Xo(j, [H])), M;
     }, []), v = new Vo(b, h);
     return W.push(v), W;
   }, []);
@@ -2300,7 +2300,7 @@ function la(e, t) {
     const v = Tt(e, n, o, t);
     c(v);
   }, [e.timeZone]);
-  const d = aa(s, o, e, t), l = oa(d, e.endMonth ? a(e.endMonth) : void 0, e, t), u = sa(d, l, e, t), f = da(u), w = ra(u), D = ua(s, n, e, t), W = ca(s, o, e, t), { disableNavigation: b, onMonthChange: O } = e, y = (v) => f.some((M) => M.days.some((C) => C.isEqualTo(v))), g = (v) => {
+  const d = aa(s, o, e, t), l = oa(d, e.endMonth ? a(e.endMonth) : void 0, e, t), u = sa(d, l, e, t), f = da(u), w = ra(u), D = ua(s, n, e, t), W = ca(s, o, e, t), { disableNavigation: b, onMonthChange: O } = e, y = (v) => f.some((M) => M.days.some((x) => x.isEqualTo(v))), p = (v) => {
     if (b)
       return;
     let M = r(v);
@@ -2314,9 +2314,9 @@ function la(e, t) {
     navEnd: o,
     previousMonth: D,
     nextMonth: W,
-    goToMonth: g,
+    goToMonth: p,
     goToDay: (v) => {
-      y(v) || g(v.date);
+      y(v) || p(v.date);
     }
   };
 }
@@ -2325,24 +2325,24 @@ var te;
   e[e.Today = 0] = "Today", e[e.Selected = 1] = "Selected", e[e.LastFocused = 2] = "LastFocused", e[e.FocusedModifier = 3] = "FocusedModifier";
 })(te || (te = {}));
 function Yt(e) {
-  return !e[j.disabled] && !e[j.hidden] && !e[j.outside];
+  return !e[B.disabled] && !e[B.hidden] && !e[B.outside];
 }
 function fa(e, t, n, o) {
   let r, a = -1;
   for (const i of e) {
     const s = t(i);
-    Yt(s) && (s[j.focused] && a < te.FocusedModifier ? (r = i, a = te.FocusedModifier) : o?.isEqualTo(i) && a < te.LastFocused ? (r = i, a = te.LastFocused) : n(i.date) && a < te.Selected ? (r = i, a = te.Selected) : s[j.today] && a < te.Today && (r = i, a = te.Today));
+    Yt(s) && (s[B.focused] && a < te.FocusedModifier ? (r = i, a = te.FocusedModifier) : o?.isEqualTo(i) && a < te.LastFocused ? (r = i, a = te.LastFocused) : n(i.date) && a < te.Selected ? (r = i, a = te.Selected) : s[B.today] && a < te.Today && (r = i, a = te.Today));
   }
   return r || (r = e.find((i) => Yt(t(i)))), r;
 }
 function ma(e, t, n, o, r, a, i) {
-  const { ISOWeek: s, broadcastCalendar: c } = a, { addDays: d, addMonths: l, addWeeks: u, addYears: f, endOfBroadcastWeek: w, endOfISOWeek: D, endOfWeek: W, max: b, min: O, startOfBroadcastWeek: y, startOfISOWeek: g, startOfWeek: x } = i;
+  const { ISOWeek: s, broadcastCalendar: c } = a, { addDays: d, addMonths: l, addWeeks: u, addYears: f, endOfBroadcastWeek: w, endOfISOWeek: D, endOfWeek: W, max: b, min: O, startOfBroadcastWeek: y, startOfISOWeek: p, startOfWeek: C } = i;
   let v = {
     day: d,
     week: u,
     month: l,
     year: f,
-    startOfWeek: (M) => c ? y(M, i) : s ? g(M) : x(M),
+    startOfWeek: (M) => c ? y(M, i) : s ? p(M) : C(M),
     endOfWeek: (M) => c ? w(M) : s ? D(M) : W(M)
   }[e](n, t === "after" ? 1 : -1);
   return t === "before" && o ? v = b([o, v]) : t === "after" && r && (v = O([r, v])), v;
@@ -2366,7 +2366,7 @@ function ha(e, t, n, o, r) {
       if (!d)
         return;
       const O = cn(W, b, d, t.navStart, t.navEnd, e, r);
-      O && (e.disableNavigation && !t.days.some((g) => g.isEqualTo(O)) || (t.goToDay(O), l(O)));
+      O && (e.disableNavigation && !t.days.some((p) => p.isEqualTo(O)) || (t.goToDay(O), l(O)));
     }
   };
 }
@@ -2487,9 +2487,9 @@ function ht(e) {
   let t = e;
   t.timeZone && (t = {
     ...e
-  }, t.today && (t.today = new R(t.today, t.timeZone)), t.month && (t.month = new R(t.month, t.timeZone)), t.defaultMonth && (t.defaultMonth = new R(t.defaultMonth, t.timeZone)), t.startMonth && (t.startMonth = new R(t.startMonth, t.timeZone)), t.endMonth && (t.endMonth = new R(t.endMonth, t.timeZone)), t.mode === "single" && t.selected ? t.selected = new R(t.selected, t.timeZone) : t.mode === "multiple" && t.selected ? t.selected = t.selected?.map((S) => new R(S, t.timeZone)) : t.mode === "range" && t.selected && (t.selected = {
-    from: t.selected.from ? new R(t.selected.from, t.timeZone) : void 0,
-    to: t.selected.to ? new R(t.selected.to, t.timeZone) : void 0
+  }, t.today && (t.today = new L(t.today, t.timeZone)), t.month && (t.month = new L(t.month, t.timeZone)), t.defaultMonth && (t.defaultMonth = new L(t.defaultMonth, t.timeZone)), t.startMonth && (t.startMonth = new L(t.startMonth, t.timeZone)), t.endMonth && (t.endMonth = new L(t.endMonth, t.timeZone)), t.mode === "single" && t.selected ? t.selected = new L(t.selected, t.timeZone) : t.mode === "multiple" && t.selected ? t.selected = t.selected?.map((S) => new L(S, t.timeZone)) : t.mode === "range" && t.selected && (t.selected = {
+    from: t.selected.from ? new L(t.selected.from, t.timeZone) : void 0,
+    to: t.selected.to ? new L(t.selected.to, t.timeZone) : void 0
   }));
   const { components: n, formatters: o, labels: r, dateLib: a, locale: i, classNames: s } = fe(() => {
     const S = { ...wt, ...t.locale };
@@ -2523,17 +2523,17 @@ function ht(e) {
     t.formatters,
     t.labels,
     t.classNames
-  ]), { captionLayout: c, mode: d, navLayout: l, numberOfMonths: u = 1, onDayBlur: f, onDayClick: w, onDayFocus: D, onDayKeyDown: W, onDayMouseEnter: b, onDayMouseLeave: O, onNextClick: y, onPrevClick: g, showWeekNumber: x, styles: h } = t, { formatCaption: v, formatDay: M, formatMonthDropdown: C, formatWeekNumber: I, formatWeekNumberHeader: _, formatWeekdayName: H, formatYearDropdown: F } = o, Z = la(t, a), { days: se, months: ee, navStart: ie, navEnd: ce, previousMonth: G, nextMonth: V, goToMonth: L } = Z, Oe = kr(se, t, ie, ce, a), { isSelected: ye, select: X, selected: pe } = va(t, a) ?? {}, { blur: Pe, focused: qe, isFocusTarget: ot, moveFocus: Re, setFocused: ge } = ha(t, Z, Oe, ye ?? (() => !1), a), { labelDayButton: Le, labelGridcell: ze, labelGrid: rt, labelMonthDropdown: N, labelNav: z, labelPrevious: ue, labelNext: we, labelWeekday: be, labelWeekNumber: Me, labelWeekNumberHeader: at, labelYearDropdown: st } = r, Ze = fe(() => Hr(a, t.ISOWeek), [a, t.ISOWeek]), Te = d !== void 0 || w !== void 0, Ye = q(() => {
-    G && (L(G), g?.(G));
-  }, [G, L, g]), ve = q(() => {
-    V && (L(V), y?.(V));
-  }, [L, V, y]), it = q((S, B) => (k) => {
-    k.preventDefault(), k.stopPropagation(), ge(S), X?.(S.date, B, k), w?.(S.date, B, k);
-  }, [X, w, ge]), Ge = q((S, B) => (k) => {
-    ge(S), D?.(S.date, B, k);
-  }, [D, ge]), Ve = q((S, B) => (k) => {
-    Pe(), f?.(S.date, B, k);
-  }, [Pe, f]), Ee = q((S, B) => (k) => {
+  ]), { captionLayout: c, mode: d, navLayout: l, numberOfMonths: u = 1, onDayBlur: f, onDayClick: w, onDayFocus: D, onDayKeyDown: W, onDayMouseEnter: b, onDayMouseLeave: O, onNextClick: y, onPrevClick: p, showWeekNumber: C, styles: h } = t, { formatCaption: v, formatDay: M, formatMonthDropdown: x, formatWeekNumber: j, formatWeekNumberHeader: _, formatWeekdayName: H, formatYearDropdown: I } = o, A = la(t, a), { days: se, months: ee, navStart: ie, navEnd: ce, previousMonth: G, nextMonth: V, goToMonth: z } = A, Oe = kr(se, t, ie, ce, a), { isSelected: ye, select: X, selected: pe } = va(t, a) ?? {}, { blur: Pe, focused: qe, isFocusTarget: ot, moveFocus: Re, setFocused: ge } = ha(t, A, Oe, ye ?? (() => !1), a), { labelDayButton: Le, labelGridcell: ze, labelGrid: rt, labelMonthDropdown: N, labelNav: Z, labelPrevious: ue, labelNext: we, labelWeekday: be, labelWeekNumber: Me, labelWeekNumberHeader: at, labelYearDropdown: st } = r, Ze = fe(() => Hr(a, t.ISOWeek), [a, t.ISOWeek]), Te = d !== void 0 || w !== void 0, Ye = R(() => {
+    G && (z(G), p?.(G));
+  }, [G, z, p]), ve = R(() => {
+    V && (z(V), y?.(V));
+  }, [z, V, y]), it = R((S, F) => (k) => {
+    k.preventDefault(), k.stopPropagation(), ge(S), X?.(S.date, F, k), w?.(S.date, F, k);
+  }, [X, w, ge]), Ge = R((S, F) => (k) => {
+    ge(S), D?.(S.date, F, k);
+  }, [D, ge]), Ve = R((S, F) => (k) => {
+    Pe(), f?.(S.date, F, k);
+  }, [Pe, f]), Ee = R((S, F) => (k) => {
     const E = {
       ArrowLeft: [
         k.shiftKey ? "month" : "day",
@@ -2555,20 +2555,20 @@ function ht(e) {
       const [Q, P] = E[k.key];
       Re(Q, P);
     }
-    W?.(S.date, B, k);
-  }, [Re, W, t.dir]), Xe = q((S, B) => (k) => {
-    b?.(S.date, B, k);
-  }, [b]), Qe = q((S, B) => (k) => {
-    O?.(S.date, B, k);
-  }, [O]), Ue = q((S) => (B) => {
-    const k = Number(B.target.value), E = a.setMonth(a.startOfMonth(S), k);
-    L(E);
-  }, [a, L]), Ke = q((S) => (B) => {
-    const k = Number(B.target.value), E = a.setYear(a.startOfMonth(S), k);
-    L(E);
-  }, [a, L]), { className: ct, style: Je } = fe(() => ({
-    className: [s[p.Root], t.className].filter(Boolean).join(" "),
-    style: { ...h?.[p.Root], ...t.style }
+    W?.(S.date, F, k);
+  }, [Re, W, t.dir]), Xe = R((S, F) => (k) => {
+    b?.(S.date, F, k);
+  }, [b]), Qe = R((S, F) => (k) => {
+    O?.(S.date, F, k);
+  }, [O]), Ue = R((S) => (F) => {
+    const k = Number(F.target.value), E = a.setMonth(a.startOfMonth(S), k);
+    z(E);
+  }, [a, z]), Ke = R((S) => (F) => {
+    const k = Number(F.target.value), E = a.setYear(a.startOfMonth(S), k);
+    z(E);
+  }, [a, z]), { className: ct, style: Je } = fe(() => ({
+    className: [s[g.Root], t.className].filter(Boolean).join(" "),
+    style: { ...h?.[g.Root], ...t.style }
   }), [s, t.className, t.style, h]), et = Sr(t), tt = Se(null);
   na(tt, !!t.animate, {
     classNames: s,
@@ -2584,7 +2584,7 @@ function ht(e) {
     months: ee,
     nextMonth: V,
     previousMonth: G,
-    goToMonth: L,
+    goToMonth: z,
     getModifiers: Oe,
     components: n,
     classNames: s,
@@ -2600,29 +2600,29 @@ function ht(e) {
       { rootRef: t.animate ? tt : void 0, className: ct, style: Je, dir: t.dir, id: t.id, lang: t.lang, nonce: t.nonce, title: t.title, role: t.role, "aria-label": t["aria-label"], "aria-labelledby": t["aria-labelledby"], ...et },
       m.createElement(
         n.Months,
-        { className: s[p.Months], style: h?.[p.Months] },
-        !t.hideNavigation && !l && m.createElement(n.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: s[p.Nav], style: h?.[p.Nav], "aria-label": z(), onPreviousClick: Ye, onNextClick: ve, previousMonth: G, nextMonth: V }),
-        ee.map((S, B) => m.createElement(
+        { className: s[g.Months], style: h?.[g.Months] },
+        !t.hideNavigation && !l && m.createElement(n.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: s[g.Nav], style: h?.[g.Nav], "aria-label": Z(), onPreviousClick: Ye, onNextClick: ve, previousMonth: G, nextMonth: V }),
+        ee.map((S, F) => m.createElement(
           n.Month,
           {
             "data-animated-month": t.animate ? "true" : void 0,
-            className: s[p.Month],
-            style: h?.[p.Month],
+            className: s[g.Month],
+            style: h?.[g.Month],
             // biome-ignore lint/suspicious/noArrayIndexKey: breaks animation
-            key: B,
-            displayIndex: B,
+            key: F,
+            displayIndex: F,
             calendarMonth: S
           },
-          l === "around" && !t.hideNavigation && B === 0 && m.createElement(
+          l === "around" && !t.hideNavigation && F === 0 && m.createElement(
             n.PreviousMonthButton,
-            { type: "button", className: s[p.PreviousMonthButton], tabIndex: G ? void 0 : -1, "aria-disabled": G ? void 0 : !0, "aria-label": ue(G), onClick: Ye, "data-animated-button": t.animate ? "true" : void 0 },
-            m.createElement(n.Chevron, { disabled: G ? void 0 : !0, className: s[p.Chevron], orientation: t.dir === "rtl" ? "right" : "left" })
+            { type: "button", className: s[g.PreviousMonthButton], tabIndex: G ? void 0 : -1, "aria-disabled": G ? void 0 : !0, "aria-label": ue(G), onClick: Ye, "data-animated-button": t.animate ? "true" : void 0 },
+            m.createElement(n.Chevron, { disabled: G ? void 0 : !0, className: s[g.Chevron], orientation: t.dir === "rtl" ? "right" : "left" })
           ),
-          m.createElement(n.MonthCaption, { "data-animated-caption": t.animate ? "true" : void 0, className: s[p.MonthCaption], style: h?.[p.MonthCaption], calendarMonth: S, displayIndex: B }, c?.startsWith("dropdown") ? m.createElement(
+          m.createElement(n.MonthCaption, { "data-animated-caption": t.animate ? "true" : void 0, className: s[g.MonthCaption], style: h?.[g.MonthCaption], calendarMonth: S, displayIndex: F }, c?.startsWith("dropdown") ? m.createElement(
             n.DropdownNav,
-            { className: s[p.Dropdowns], style: h?.[p.Dropdowns] },
+            { className: s[g.Dropdowns], style: h?.[g.Dropdowns] },
             (() => {
-              const k = c === "dropdown" || c === "dropdown-months" ? m.createElement(n.MonthsDropdown, { key: "month", className: s[p.MonthsDropdown], "aria-label": N(), classNames: s, components: n, disabled: !!t.disableNavigation, onChange: Ue(S.date), options: Ir(S.date, ie, ce, o, a), style: h?.[p.Dropdown], value: a.getMonth(S.date) }) : m.createElement("span", { key: "month" }, C(S.date, a)), E = c === "dropdown" || c === "dropdown-years" ? m.createElement(n.YearsDropdown, { key: "year", className: s[p.YearsDropdown], "aria-label": st(a.options), classNames: s, components: n, disabled: !!t.disableNavigation, onChange: Ke(S.date), options: Ar(ie, ce, o, a, !!t.reverseYears), style: h?.[p.Dropdown], value: a.getYear(S.date) }) : m.createElement("span", { key: "year" }, F(S.date, a));
+              const k = c === "dropdown" || c === "dropdown-months" ? m.createElement(n.MonthsDropdown, { key: "month", className: s[g.MonthsDropdown], "aria-label": N(), classNames: s, components: n, disabled: !!t.disableNavigation, onChange: Ue(S.date), options: Ir(S.date, ie, ce, o, a), style: h?.[g.Dropdown], value: a.getMonth(S.date) }) : m.createElement("span", { key: "month" }, x(S.date, a)), E = c === "dropdown" || c === "dropdown-years" ? m.createElement(n.YearsDropdown, { key: "year", className: s[g.YearsDropdown], "aria-label": st(a.options), classNames: s, components: n, disabled: !!t.disableNavigation, onChange: Ke(S.date), options: Ar(ie, ce, o, a, !!t.reverseYears), style: h?.[g.Dropdown], value: a.getYear(S.date) }) : m.createElement("span", { key: "year" }, I(S.date, a));
               return a.getMonthYearOrder() === "year-first" ? [E, k] : [k, E];
             })(),
             m.createElement("span", { role: "status", "aria-live": "polite", style: {
@@ -2639,40 +2639,40 @@ function ht(e) {
             } }, v(S.date, a.options, a))
           ) : (
             // biome-ignore lint/a11y/useSemanticElements: breaking change
-            m.createElement(n.CaptionLabel, { className: s[p.CaptionLabel], role: "status", "aria-live": "polite" }, v(S.date, a.options, a))
+            m.createElement(n.CaptionLabel, { className: s[g.CaptionLabel], role: "status", "aria-live": "polite" }, v(S.date, a.options, a))
           )),
-          l === "around" && !t.hideNavigation && B === u - 1 && m.createElement(
+          l === "around" && !t.hideNavigation && F === u - 1 && m.createElement(
             n.NextMonthButton,
-            { type: "button", className: s[p.NextMonthButton], tabIndex: V ? void 0 : -1, "aria-disabled": V ? void 0 : !0, "aria-label": we(V), onClick: ve, "data-animated-button": t.animate ? "true" : void 0 },
-            m.createElement(n.Chevron, { disabled: V ? void 0 : !0, className: s[p.Chevron], orientation: t.dir === "rtl" ? "left" : "right" })
+            { type: "button", className: s[g.NextMonthButton], tabIndex: V ? void 0 : -1, "aria-disabled": V ? void 0 : !0, "aria-label": we(V), onClick: ve, "data-animated-button": t.animate ? "true" : void 0 },
+            m.createElement(n.Chevron, { disabled: V ? void 0 : !0, className: s[g.Chevron], orientation: t.dir === "rtl" ? "left" : "right" })
           ),
-          B === u - 1 && l === "after" && !t.hideNavigation && m.createElement(n.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: s[p.Nav], style: h?.[p.Nav], "aria-label": z(), onPreviousClick: Ye, onNextClick: ve, previousMonth: G, nextMonth: V }),
+          F === u - 1 && l === "after" && !t.hideNavigation && m.createElement(n.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: s[g.Nav], style: h?.[g.Nav], "aria-label": Z(), onPreviousClick: Ye, onNextClick: ve, previousMonth: G, nextMonth: V }),
           m.createElement(
             n.MonthGrid,
-            { role: "grid", "aria-multiselectable": d === "multiple" || d === "range", "aria-label": rt(S.date, a.options, a) || void 0, className: s[p.MonthGrid], style: h?.[p.MonthGrid] },
+            { role: "grid", "aria-multiselectable": d === "multiple" || d === "range", "aria-label": rt(S.date, a.options, a) || void 0, className: s[g.MonthGrid], style: h?.[g.MonthGrid] },
             !t.hideWeekdays && m.createElement(
               n.Weekdays,
-              { "data-animated-weekdays": t.animate ? "true" : void 0, className: s[p.Weekdays], style: h?.[p.Weekdays] },
-              x && m.createElement(n.WeekNumberHeader, { "aria-label": at(a.options), className: s[p.WeekNumberHeader], style: h?.[p.WeekNumberHeader], scope: "col" }, _()),
-              Ze.map((k) => m.createElement(n.Weekday, { "aria-label": be(k, a.options, a), className: s[p.Weekday], key: String(k), style: h?.[p.Weekday], scope: "col" }, H(k, a.options, a)))
+              { "data-animated-weekdays": t.animate ? "true" : void 0, className: s[g.Weekdays], style: h?.[g.Weekdays] },
+              C && m.createElement(n.WeekNumberHeader, { "aria-label": at(a.options), className: s[g.WeekNumberHeader], style: h?.[g.WeekNumberHeader], scope: "col" }, _()),
+              Ze.map((k) => m.createElement(n.Weekday, { "aria-label": be(k, a.options, a), className: s[g.Weekday], key: String(k), style: h?.[g.Weekday], scope: "col" }, H(k, a.options, a)))
             ),
-            m.createElement(n.Weeks, { "data-animated-weeks": t.animate ? "true" : void 0, className: s[p.Weeks], style: h?.[p.Weeks] }, S.weeks.map((k) => m.createElement(
+            m.createElement(n.Weeks, { "data-animated-weeks": t.animate ? "true" : void 0, className: s[g.Weeks], style: h?.[g.Weeks] }, S.weeks.map((k) => m.createElement(
               n.Week,
-              { className: s[p.Week], key: k.weekNumber, style: h?.[p.Week], week: k },
-              x && // biome-ignore lint/a11y/useSemanticElements: react component
-              m.createElement(n.WeekNumber, { week: k, style: h?.[p.WeekNumber], "aria-label": Me(k.weekNumber, {
+              { className: s[g.Week], key: k.weekNumber, style: h?.[g.Week], week: k },
+              C && // biome-ignore lint/a11y/useSemanticElements: react component
+              m.createElement(n.WeekNumber, { week: k, style: h?.[g.WeekNumber], "aria-label": Me(k.weekNumber, {
                 locale: i
-              }), className: s[p.WeekNumber], scope: "row", role: "rowheader" }, I(k.weekNumber, a)),
+              }), className: s[g.WeekNumber], scope: "row", role: "rowheader" }, j(k.weekNumber, a)),
               k.days.map((E) => {
                 const { date: Q } = E, P = Oe(E);
-                if (P[j.focused] = !P.hidden && !!qe?.isEqualTo(E), P[J.selected] = ye?.(Q) || P.selected, bt(pe)) {
+                if (P[B.focused] = !P.hidden && !!qe?.isEqualTo(E), P[J.selected] = ye?.(Q) || P.selected, bt(pe)) {
                   const { from: ut, to: dt } = pe;
                   P[J.range_start] = !!(ut && dt && a.isSameDay(Q, ut)), P[J.range_end] = !!(ut && dt && a.isSameDay(Q, dt)), P[J.range_middle] = de(pe, Q, !0, a);
                 }
                 const dn = jr(P, h, t.modifiersStyles), ln = Or(P, s, t.modifiersClassNames), fn = !Te && !P.hidden ? ze(Q, P, a.options, a) : void 0;
                 return (
                   // biome-ignore lint/a11y/useSemanticElements: react component
-                  m.createElement(n.Day, { key: `${a.format(Q, "yyyy-MM-dd")}_${a.format(E.displayMonth, "yyyy-MM")}`, day: E, modifiers: P, className: ln.join(" "), style: dn, role: "gridcell", "aria-selected": P.selected || void 0, "aria-label": fn, "data-day": a.format(Q, "yyyy-MM-dd"), "data-month": E.outside ? a.format(Q, "yyyy-MM") : void 0, "data-selected": P.selected || void 0, "data-disabled": P.disabled || void 0, "data-hidden": P.hidden || void 0, "data-outside": E.outside || void 0, "data-focused": P.focused || void 0, "data-today": P.today || void 0 }, !P.hidden && Te ? m.createElement(n.DayButton, { className: s[p.DayButton], style: h?.[p.DayButton], type: "button", day: E, modifiers: P, disabled: P.disabled || void 0, tabIndex: ot(E) ? 0 : -1, "aria-label": Le(Q, P, a.options, a), onClick: it(E, P), onBlur: Ve(E, P), onFocus: Ge(E, P), onKeyDown: Ee(E, P), onMouseEnter: Xe(E, P), onMouseLeave: Qe(E, P) }, M(Q, a.options, a)) : !P.hidden && M(E.date, a.options, a))
+                  m.createElement(n.Day, { key: `${a.format(Q, "yyyy-MM-dd")}_${a.format(E.displayMonth, "yyyy-MM")}`, day: E, modifiers: P, className: ln.join(" "), style: dn, role: "gridcell", "aria-selected": P.selected || void 0, "aria-label": fn, "data-day": a.format(Q, "yyyy-MM-dd"), "data-month": E.outside ? a.format(Q, "yyyy-MM") : void 0, "data-selected": P.selected || void 0, "data-disabled": P.disabled || void 0, "data-hidden": P.hidden || void 0, "data-outside": E.outside || void 0, "data-focused": P.focused || void 0, "data-today": P.today || void 0 }, !P.hidden && Te ? m.createElement(n.DayButton, { className: s[g.DayButton], style: h?.[g.DayButton], type: "button", day: E, modifiers: P, disabled: P.disabled || void 0, tabIndex: ot(E) ? 0 : -1, "aria-label": Le(Q, P, a.options, a), onClick: it(E, P), onBlur: Ve(E, P), onFocus: Ge(E, P), onKeyDown: Ee(E, P), onMouseEnter: Xe(E, P), onMouseLeave: Qe(E, P) }, M(Q, a.options, a)) : !P.hidden && M(E.date, a.options, a))
                 );
               })
             )))
@@ -2680,7 +2680,7 @@ function ht(e) {
         ))
       ),
       t.footer && // biome-ignore lint/a11y/useSemanticElements: react component
-      m.createElement(n.Footer, { className: s[p.Footer], style: h?.[p.Footer], role: "status", "aria-live": "polite" }, t.footer)
+      m.createElement(n.Footer, { className: s[g.Footer], style: h?.[g.Footer], role: "status", "aria-live": "polite" }, t.footer)
     )
   );
 }
@@ -3071,30 +3071,30 @@ const Da = {
     onCancel: b,
     hideFooter: O = !1,
     variant: y = "input",
-    inputProps: g,
-    label: x = "",
+    inputProps: p,
+    label: C = "",
     name: h = "datepicker",
     className: v
-  } = e, M = t === "range" || t === "multiple" ? e.min : void 0, C = t === "range" || t === "multiple" ? e.max : void 0, I = t === "range" ? e.excludeDisabled : void 0, [_, H] = he({}), [F, Z] = he(!1), [se, ee] = he(!1), [ie, ce] = he(o), [G, V] = he(!1), L = Se(null), Oe = Se(null), ye = f ? ie : o, X = f ? o : ye;
+  } = e, M = t === "range" || t === "multiple" ? e.min : void 0, x = t === "range" || t === "multiple" ? e.max : void 0, j = t === "range" ? e.excludeDisabled : void 0, [_, H] = he({}), [I, A] = he(!1), [se, ee] = he(!1), [ie, ce] = he(o), [G, V] = he(!1), z = Se(null), Oe = Se(null), ye = f ? ie : o, X = f ? o : ye;
   _e(() => {
     window.innerWidth < 768 ? V(!0) : V(!1);
   }, []), _e(() => {
     f && ce(o);
   }, [o, f]), _e(() => {
-    if (y !== "input" || !F) return;
-    const N = (z) => {
-      L.current && !L.current.contains(z.target) && (Z(!1), f && ce(o));
+    if (y !== "input" || !I) return;
+    const N = (Z) => {
+      z.current && !z.current.contains(Z.target) && (A(!1), f && ce(o));
     };
     return document.addEventListener("mousedown", N), () => {
       document.removeEventListener("mousedown", N);
     };
-  }, [y, F, o, f]), _e(() => {
-    if (!F || y !== "input" || !L.current) {
+  }, [y, I, o, f]), _e(() => {
+    if (!I || y !== "input" || !z.current) {
       ee(!1);
       return;
     }
-    const N = 16, z = () => {
-      const be = L?.current?.getBoundingClientRect(), Me = Oe?.current?.getBoundingClientRect();
+    const N = 16, Z = () => {
+      const be = z?.current?.getBoundingClientRect(), Me = Oe?.current?.getBoundingClientRect();
       if (!be || !Me) return;
       const at = window.innerHeight, st = window.innerWidth, Ze = be.height, Te = be.width, Ye = Me.left, ve = Me.bottom, it = ve, Ge = at - ve, Ve = st - Me.left, Ee = Te - Ve, Xe = Ee > 0 && Ve >= Te + N, Qe = it >= Ze + N, Ue = Ge >= Ze + N, Ke = !Ue && Qe, ct = !Ue && !Qe;
       let Je = Ke ? void 0 : `${ve + 8}px`, et = Ke ? `${Ge + Me.height + 8}px` : void 0;
@@ -3109,18 +3109,18 @@ const Da = {
         }
       ), ee(!0);
     }, ue = () => {
-      Z(!1), ee(!1);
+      A(!1), ee(!1);
     };
     window.addEventListener("scroll", ue, !0);
-    const we = setTimeout(z, 0);
+    const we = setTimeout(Z, 0);
     return () => {
       clearTimeout(we), window.removeEventListener("scroll", ue, !0);
     };
-  }, [F, y]);
-  const pe = q(() => {
-    W?.(ie), r?.(ie), y === "input" && Z(!1);
-  }, [W, r, ie, y]), Pe = q(() => {
-    ce(o), b?.(), y === "input" && Z(!1);
+  }, [I, y]);
+  const pe = R(() => {
+    W?.(ie), r?.(ie), y === "input" && A(!1);
+  }, [W, r, ie, y]), Pe = R(() => {
+    ce(o), b?.(), y === "input" && A(!1);
   }, [b, o, y]), qe = fe(() => {
     if (!X) return "";
     if (t === "single")
@@ -3128,84 +3128,84 @@ const Da = {
     if (t === "range") {
       const N = X;
       if (!N.from) return "";
-      const z = N.from.toLocaleDateString("es-ES", { day: "2-digit", month: "2-digit", year: "numeric" });
-      if (!N.to) return z;
+      const Z = N.from.toLocaleDateString("es-ES", { day: "2-digit", month: "2-digit", year: "numeric" });
+      if (!N.to) return Z;
       const ue = N.to.toLocaleDateString("es-ES", { day: "2-digit", month: "2-digit", year: "numeric" });
-      return `${z} - ${ue}`;
+      return `${Z} - ${ue}`;
     }
     if (t === "multiple") {
       const N = X;
       return N.length === 0 ? "" : N.length === 1 ? N[0].toLocaleDateString("es-ES", { day: "2-digit", month: "2-digit", year: "numeric" }) : `${N.length} fechas seleccionadas`;
     }
     return "";
-  }, [X, t]), ot = fe(() => y === "input" || y === "input-and-calendar", [y]), Re = fe(() => y === "only-calendar" || y === "input-and-calendar" || y === "input", [y]), ge = q((N) => {
+  }, [X, t]), ot = fe(() => y === "input" || y === "input-and-calendar", [y]), Re = fe(() => y === "only-calendar" || y === "input-and-calendar" || y === "input", [y]), ge = R((N) => {
     r?.(N);
-  }, [r]), Le = q((N) => {
-    const z = new Date(parseInt(N.slice(6, 10)), parseInt(N.slice(3, 5)) - 1, parseInt(N.slice(0, 2)));
+  }, [r]), Le = R((N) => {
+    const Z = new Date(parseInt(N.slice(6, 10)), parseInt(N.slice(3, 5)) - 1, parseInt(N.slice(0, 2)));
     if (t === "multiple") {
-      const we = (X || []).filter((be) => be.getTime() !== z.getTime());
+      const we = (X || []).filter((be) => be.getTime() !== Z.getTime());
       f ? (r?.(we), ce(we)) : ge(we);
     }
-  }, [t, X, f, r, ge]), ze = q((N) => {
+  }, [t, X, f, r, ge]), ze = R((N) => {
     if (f) {
       ce(N);
       return;
     }
-    y === "input" && t === "single" && Z(!1), r?.(N);
-  }, [f, y, t, r]), rt = q(() => {
+    y === "input" && t === "single" && A(!1), r?.(N);
+  }, [f, y, t, r]), rt = R(() => {
     const N = X || [];
-    return /* @__PURE__ */ $.jsx(
+    return /* @__PURE__ */ q.jsx(
       gn,
       {
-        label: x,
+        label: C,
         placeholder: "Seleccione una o más fechas",
         name: h,
-        value: N.sort((z, ue) => z.getTime() - ue.getTime()).map((z) => z.toLocaleDateString("es-ES", { day: "2-digit", month: "2-digit", year: "numeric" })),
+        value: N.sort((Z, ue) => Z.getTime() - ue.getTime()).map((Z) => Z.toLocaleDateString("es-ES", { day: "2-digit", month: "2-digit", year: "numeric" })),
         onChange: () => {
         },
-        onClick: () => Z(!0),
-        className: Be("w-[360px]", g?.className),
+        onClick: () => A(!0),
+        className: Be("w-[360px]", p?.className),
         readonly: !0,
         onValueDelete: Le,
-        icon: /* @__PURE__ */ $.jsx(Mt.Calendar, {})
+        icon: /* @__PURE__ */ q.jsx(Mt.Calendar, {})
       }
     );
-  }, [X, x, h, Le, g]);
-  return /* @__PURE__ */ $.jsxs("div", { className: Be("relative w-max flex flex-col gap-2 lg:min-w-[360px] min-w-auto", g?.className), children: [
-    ot && /* @__PURE__ */ $.jsx(
+  }, [X, C, h, Le, p]);
+  return /* @__PURE__ */ q.jsxs("div", { className: Be("relative w-max flex flex-col gap-2 lg:min-w-[360px] min-w-auto", p?.className), children: [
+    ot && /* @__PURE__ */ q.jsx(
       "div",
       {
         ref: Oe,
         className: "relative w-full",
-        children: t === "multiple" ? rt() : /* @__PURE__ */ $.jsx(
+        children: t === "multiple" ? rt() : /* @__PURE__ */ q.jsx(
           wn,
           {
             readOnly: !0,
-            ...g,
-            icon: /* @__PURE__ */ $.jsx(Mt.Calendar, {}),
+            ...p,
+            icon: /* @__PURE__ */ q.jsx(Mt.Calendar, {}),
             iconPosition: "right",
             type: "text",
             value: qe,
             onChange: () => {
             },
             name: h,
-            label: x,
+            label: C,
             onFocus: (N) => {
-              N.stopPropagation(), y === "input" && Z(!0);
+              N.stopPropagation(), y === "input" && A(!0);
             }
           }
         )
       }
     ),
     Re && (y === "input" ? document?.body && bn(
-      /* @__PURE__ */ $.jsx(
+      /* @__PURE__ */ q.jsx(
         gt,
         {
           mode: t,
           footer: s,
           header: i,
           selected: o,
-          ref: L,
+          ref: z,
           endMonth: u,
           required: n,
           onApply: pe,
@@ -3221,28 +3221,28 @@ const Da = {
           hideOutsideDays: c,
           showActionButtons: f,
           min: M,
-          max: C,
-          excludeDisabled: I,
+          max: x,
+          excludeDisabled: j,
           className: Be("bg-neutral-strong-default text-neutral-default-default shadow", v),
           style: {
             top: _?.top,
             left: _?.left,
             bottom: _?.bottom,
             right: _?.right,
-            opacity: se && F ? 1 : 0,
+            opacity: se && I ? 1 : 0,
             transition: "opacity 0.15s linear",
             position: "fixed",
             zIndex: 1e3,
-            pointerEvents: se && F ? "auto" : "none"
+            pointerEvents: se && I ? "auto" : "none"
           }
         }
       ),
       document.body
-    ) : /* @__PURE__ */ $.jsx(
+    ) : /* @__PURE__ */ q.jsx(
       gt,
       {
         min: M,
-        max: C,
+        max: x,
         mode: t,
         header: i,
         footer: s,
@@ -3262,7 +3262,7 @@ const Da = {
         onSelect: ze,
         hideOutsideDays: c,
         showActionButtons: f,
-        excludeDisabled: I
+        excludeDisabled: j
       }
     ))
   ] });
@@ -3286,35 +3286,36 @@ const Da = {
     disabledDates: b,
     excludeDisabled: O,
     mode: y = "single",
-    numberOfMonths: g = 1,
-    hideFooter: x = !1,
-    applyLabel: h = "Aplicar",
-    cancelLabel: v = "Cancelar",
-    hideOutsideDays: M = !1,
-    showActionButtons: C = !1
-  } = e, I = fe(() => {
+    readonly: p = !1,
+    numberOfMonths: C = 1,
+    hideFooter: h = !1,
+    applyLabel: v = "Aplicar",
+    cancelLabel: M = "Cancelar",
+    hideOutsideDays: x = !1,
+    showActionButtons: j = !1
+  } = e, _ = fe(() => {
     if (l) {
       if (y === "single")
         return l;
       if (y === "range")
         return l.from || void 0;
       if (y === "multiple") {
-        const F = l;
-        return F.length > 0 ? F[0] : void 0;
+        const A = l;
+        return A.length > 0 ? A[0] : void 0;
       }
     }
-  }, [l, y]), _ = fe(() => ({
-    formatWeekdayName: (F) => F.toLocaleDateString("es-ES", { weekday: "narrow" }).toUpperCase()
-  }), []), H = fe(() => ({
+  }, [l, y]), H = fe(() => ({
+    formatWeekdayName: (A) => A.toLocaleDateString("es-ES", { weekday: "narrow" }).toUpperCase()
+  }), []), I = fe(() => ({
     // Días de la semana (cabecera)
     weekday: " prometeo-fonts-body-large text-neutral-default-default h-12 w-12 ",
     // Días del mes
-    day: "w-12 h-12 p-1 prometeo-fonts-body-large text-neutral-default-default active:text-neutral-default-focused",
-    day_button: "w-full h-full rounded-[4px] cursor-pointer",
+    day: `w-12 h-12 p-1 prometeo-fonts-body-large text-neutral-default-default ${p ? "" : "active:text-neutral-default-focused"}`,
+    day_button: `w-full h-full rounded-[4px] ${p ? "cursor-default" : "cursor-pointer"}`,
     // Día seleccionado
     selected: "selected-day-button",
     // Día de hoy
-    today: "today-day-button text-primary-default-default! active:text-primary-default-focused! hover:text-primary-default-hover! opacity-100",
+    today: `today-day-button text-primary-default-default! ${p ? "cursor-default" : "active:text-primary-default-focused! hover:text-primary-default-hover! cursor-pointer"} opacity-100`,
     // Rango de fechas
     range_start: "text-white rounded-l-lg range-start-day-button",
     range_end: "text-white rounded-r-lg range-end-day-button",
@@ -3326,8 +3327,8 @@ const Da = {
     //Contenedor 
     months: "flex gap-4 justify-center relative w-full flex-wrap overflow-auto ",
     root: "px-2 text-neutral-default-default "
-  }), []);
-  return /* @__PURE__ */ $.jsxs(
+  }), [p]);
+  return /* @__PURE__ */ q.jsxs(
     "div",
     {
       ref: t,
@@ -3337,42 +3338,44 @@ const Da = {
       ),
       style: {
         ...r,
-        width: g * 360,
+        width: C * 360,
         overflowX: "auto"
       },
       children: [
-        a && /* @__PURE__ */ $.jsx("div", { className: "pt-6 pl-6 pr-3 pb-2 min-h-[68px]", children: typeof a == "string" ? /* @__PURE__ */ $.jsx("p", { className: "prometeo-fonts-label-large text-neutral-medium-default w-64 ", children: a }) : a }),
-        y === "single" && /* @__PURE__ */ $.jsx(
+        a && /* @__PURE__ */ q.jsx("div", { className: "pt-6 pl-6 pr-3 pb-2 min-h-[68px]", children: typeof a == "string" ? /* @__PURE__ */ q.jsx("p", { className: "prometeo-fonts-label-large text-neutral-medium-default w-64 ", children: a }) : a }),
+        y === "single" && /* @__PURE__ */ q.jsx(
           ht,
           {
             locale: yt,
             mode: "single",
-            captionLayout: "dropdown-months",
-            formatters: _,
-            classNames: H,
+            captionLayout: "dropdown",
+            formatters: H,
+            classNames: I,
             required: u,
             disabled: b,
             selected: W,
-            defaultMonth: I,
+            defaultMonth: _,
             className: "px-3",
-            showOutsideDays: !M,
-            numberOfMonths: g,
+            showOutsideDays: !x,
+            numberOfMonths: C,
             startMonth: D,
             endMonth: f,
-            onSelect: d
+            onSelect: p ? () => {
+            } : d
           }
         ),
-        y === "range" && /* @__PURE__ */ $.jsx(
+        y === "range" && /* @__PURE__ */ q.jsx(
           ht,
           {
             mode: "range",
-            captionLayout: "dropdown-months",
-            formatters: _,
-            classNames: H,
-            numberOfMonths: g,
+            captionLayout: "dropdown",
+            formatters: H,
+            classNames: I,
+            numberOfMonths: C,
             selected: W,
-            defaultMonth: I,
-            onSelect: d,
+            defaultMonth: _,
+            onSelect: p ? () => {
+            } : d,
             required: u,
             disabled: b,
             startMonth: D,
@@ -3384,16 +3387,17 @@ const Da = {
             excludeDisabled: O ?? !0
           }
         ),
-        y === "multiple" && /* @__PURE__ */ $.jsx(
+        y === "multiple" && /* @__PURE__ */ q.jsx(
           ht,
           {
             mode: "multiple",
-            captionLayout: "dropdown-months",
-            formatters: _,
-            classNames: H,
+            captionLayout: "dropdown",
+            formatters: H,
+            classNames: I,
             selected: W,
-            defaultMonth: I,
-            onSelect: d,
+            defaultMonth: _,
+            onSelect: p ? () => {
+            } : d,
             required: u,
             disabled: b,
             startMonth: D,
@@ -3403,26 +3407,26 @@ const Da = {
             locale: yt
           }
         ),
-        !x && /* @__PURE__ */ $.jsx("div", { className: Be(
+        !h && /* @__PURE__ */ q.jsx("div", { className: Be(
           "w-full min-h-[40px] pt-2 px-3 pb-3 flex items-center relative"
-        ), children: typeof i == "string" ? /* @__PURE__ */ $.jsx("p", { className: "prometeo-fonts-label-large text-neutral-medium-default w-64 ", children: i }) : i }),
-        C && /* @__PURE__ */ $.jsxs("div", { className: "w-full px-3 pb-3 pt-2 flex gap-2 justify-end ", children: [
-          /* @__PURE__ */ $.jsx(
+        ), children: typeof i == "string" ? /* @__PURE__ */ q.jsx("p", { className: "prometeo-fonts-label-large text-neutral-medium-default w-64 ", children: i }) : i }),
+        j && /* @__PURE__ */ q.jsxs("div", { className: "w-full px-3 pb-3 pt-2 flex gap-2 justify-end ", children: [
+          /* @__PURE__ */ q.jsx(
             vt,
             {
               variant: "text",
               onClick: c,
               color: "secondary",
-              children: v
+              children: M
             }
           ),
-          /* @__PURE__ */ $.jsx(
+          /* @__PURE__ */ q.jsx(
             vt,
             {
               onClick: s,
               variant: "text",
               color: "primary",
-              children: h
+              children: v
             }
           )
         ] })