@prefecthq/prefab-ui 0.10.1 → 0.11.0

package/dist/_renderer/{compound-calendar-D_S2VBru.mjs → compound-calendar-CNlFGqwO.mjs}

@@ -1,22 +1,22 @@
-import { j as A, c as Y, b as lt, B as St, P as En, d as Fn, e as In } from "./embed-DEzwqwWv.mjs";
-import { R as m, a as x, h as Bn, f as Hn, i as jn, k as An } from "./icons-9tLoEEsf.mjs";
-const Ct = 6048e5, qn = 864e5, pt = 6e4, xt = 36e5, ht = Symbol.for("constructDateFrom");
-function H(e, t) {
+import { j as A, c as Y, b as lt, B as En, P as Fn, d as In, e as Bn } from "./embed-B1s8dKzJ.mjs";
+import { R as m, a as x, f as jn, e as Hn, h as St, j as An } from "./icons-CImNZgDa.mjs";
+const pt = 6048e5, qn = 864e5, Ct = 6e4, xt = 36e5, ht = Symbol.for("constructDateFrom");
+function j(e, t) {
   return typeof e == "function" ? e(t) : e && typeof e == "object" && ht in e ? e[ht](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
 }
 function P(e, t) {
-  return H(t || e, e);
+  return j(t || e, e);
 }
 function Yt(e, t, n) {
   const r = P(e, n == null ? void 0 : n.in);
-  return isNaN(t) ? H(e, NaN) : (t && r.setDate(r.getDate() + t), r);
+  return isNaN(t) ? j(e, NaN) : (t && r.setDate(r.getDate() + t), r);
 }
 function Tt(e, t, n) {
   const r = P(e, n == null ? void 0 : n.in);
-  if (isNaN(t)) return H(e, NaN);
+  if (isNaN(t)) return j(e, NaN);
   if (!t)
     return r;
-  const a = r.getDate(), o = H(e, r.getTime());
+  const a = r.getDate(), o = j(e, r.getTime());
   o.setMonth(r.getMonth() + t + 1, 0);
   const s = o.getDate();
   return a >= s ? o : (r.setFullYear(
@@ -38,9 +38,9 @@ function ve(e, t) {
   return me(e, { ...t, weekStartsOn: 1 });
 }
 function _t(e, t) {
-  const n = P(e, t == null ? void 0 : t.in), r = n.getFullYear(), a = H(n, 0);
+  const n = P(e, t == null ? void 0 : t.in), r = n.getFullYear(), a = j(n, 0);
   a.setFullYear(r + 1, 0, 4), a.setHours(0, 0, 0, 0);
-  const o = ve(a), s = H(n, 0);
+  const o = ve(a), s = j(n, 0);
   s.setFullYear(r, 0, 4), s.setHours(0, 0, 0, 0);
   const c = ve(s);
   return n.getTime() >= o.getTime() ? r + 1 : n.getTime() >= c.getTime() ? r : r - 1;
@@ -60,7 +60,7 @@ function mt(e) {
   return n.setUTCFullYear(t.getFullYear()), +e - +n;
 }
 function ye(e, ...t) {
-  const n = H.bind(
+  const n = j.bind(
     null,
     t.find((r) => typeof r == "object")
   );
@@ -79,7 +79,7 @@ function Ze(e, t, n) {
   return Math.round((c - i) / qn);
 }
 function $n(e, t) {
-  const n = _t(e, t), r = H(e, 0);
+  const n = _t(e, t), r = j(e, 0);
   return r.setFullYear(n, 0, 4), r.setHours(0, 0, 0, 0), ve(r);
 }
 function Rn(e, t, n) {
@@ -91,18 +91,18 @@ function Gn(e, t, n) {
 function Un(e, t) {
   let n, r = t == null ? void 0 : t.in;
   return e.forEach((a) => {
-    !r && typeof a == "object" && (r = H.bind(null, a));
+    !r && typeof a == "object" && (r = j.bind(null, a));
     const o = P(a, r);
     (!n || n < o || isNaN(+o)) && (n = o);
-  }), H(r, n || NaN);
+  }), j(r, n || NaN);
 }
 function Qn(e, t) {
   let n, r = t == null ? void 0 : t.in;
   return e.forEach((a) => {
-    !r && typeof a == "object" && (r = H.bind(null, a));
+    !r && typeof a == "object" && (r = j.bind(null, a));
     const o = P(a, r);
     (!n || n > o || isNaN(+o)) && (n = o);
-  }), H(r, n || NaN);
+  }), j(r, n || NaN);
 }
 function Xn(e, t, n) {
   const [r, a] = ye(
@@ -142,7 +142,7 @@ function Zn(e, t) {
   let c = 1;
   const i = [];
   for (; +s <= o; )
-    i.push(H(n, s)), s.setMonth(s.getMonth() + c);
+    i.push(j(n, s)), s.setMonth(s.getMonth() + c);
   return a ? i.reverse() : i;
 }
 function Kn(e, t) {
@@ -165,7 +165,7 @@ function er(e, t) {
   let c = 1;
   const i = [];
   for (; +s <= o; )
-    i.push(H(n, s)), s.setFullYear(s.getFullYear() + c);
+    i.push(j(n, s)), s.setFullYear(s.getFullYear() + c);
   return a ? i.reverse() : i;
 }
 function Bt(e, t) {
@@ -503,11 +503,11 @@ const kr = /^(\d+)(th|st|nd|rd)?/i, Or = /\d+/i, vr = {
   wide: /^[1234](th|st|nd|rd)? quarter/i
 }, Sr = {
   any: [/1/i, /2/i, /3/i, /4/i]
-}, Cr = {
+}, pr = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
   wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-}, pr = {
+}, Cr = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -578,9 +578,9 @@ const kr = /^(\d+)(th|st|nd|rd)?/i, Or = /\d+/i, vr = {
     valueCallback: (e) => e + 1
   }),
   month: Me({
-    matchPatterns: Cr,
+    matchPatterns: pr,
     defaultMatchWidth: "wide",
-    parsePatterns: pr,
+    parsePatterns: Cr,
     defaultParseWidth: "any"
   }),
   day: Me({
@@ -613,25 +613,25 @@ function Er(e, t) {
 }
 function Ke(e, t) {
   const n = P(e, t == null ? void 0 : t.in), r = +ve(n) - +$n(n);
-  return Math.round(r / Ct) + 1;
+  return Math.round(r / pt) + 1;
 }
-function Ht(e, t) {
+function jt(e, t) {
   var d, f, h, g;
-  const n = P(e, t == null ? void 0 : t.in), r = n.getFullYear(), a = Ne(), o = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((f = (d = t == null ? void 0 : t.locale) == null ? void 0 : d.options) == null ? void 0 : f.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((g = (h = a.locale) == null ? void 0 : h.options) == null ? void 0 : g.firstWeekContainsDate) ?? 1, s = H((t == null ? void 0 : t.in) || e, 0);
+  const n = P(e, t == null ? void 0 : t.in), r = n.getFullYear(), a = Ne(), o = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((f = (d = t == null ? void 0 : t.locale) == null ? void 0 : d.options) == null ? void 0 : f.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((g = (h = a.locale) == null ? void 0 : h.options) == null ? void 0 : g.firstWeekContainsDate) ?? 1, s = j((t == null ? void 0 : t.in) || e, 0);
   s.setFullYear(r + 1, 0, o), s.setHours(0, 0, 0, 0);
-  const c = me(s, t), i = H((t == null ? void 0 : t.in) || e, 0);
+  const c = me(s, t), i = j((t == null ? void 0 : t.in) || e, 0);
   i.setFullYear(r, 0, o), i.setHours(0, 0, 0, 0);
   const u = me(i, t);
   return +n >= +c ? r + 1 : +n >= +u ? r : r - 1;
 }
 function Fr(e, t) {
   var c, i, u, d;
-  const n = Ne(), r = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((i = (c = t == null ? void 0 : t.locale) == null ? void 0 : c.options) == null ? void 0 : i.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((d = (u = n.locale) == null ? void 0 : u.options) == null ? void 0 : d.firstWeekContainsDate) ?? 1, a = Ht(e, t), o = H((t == null ? void 0 : t.in) || e, 0);
+  const n = Ne(), r = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((i = (c = t == null ? void 0 : t.locale) == null ? void 0 : c.options) == null ? void 0 : i.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((d = (u = n.locale) == null ? void 0 : u.options) == null ? void 0 : d.firstWeekContainsDate) ?? 1, a = jt(e, t), o = j((t == null ? void 0 : t.in) || e, 0);
   return o.setFullYear(a, 0, r), o.setHours(0, 0, 0, 0), me(o, t);
 }
 function Le(e, t) {
   const n = P(e, t == null ? void 0 : t.in), r = +me(n, t) - +Fr(n, t);
-  return Math.round(r / Ct) + 1;
+  return Math.round(r / pt) + 1;
 }
 function E(e, t) {
   const n = e < 0 ? "-" : "", r = Math.abs(e).toString().padStart(t, "0");
@@ -727,7 +727,7 @@ const se = {
   },
   // Local week-numbering year
   Y: function(e, t, n, r) {
-    const a = Ht(e, r), o = a > 0 ? a : 1 - a;
+    const a = jt(e, r), o = a > 0 ? a : 1 - a;
     if (t === "YY") {
       const s = o % 100;
       return E(s, 2);
@@ -1276,7 +1276,7 @@ const bt = (e, t) => {
     default:
       return t.date({ width: "full" });
   }
-}, jt = (e, t) => {
+}, Ht = (e, t) => {
   switch (e) {
     case "p":
       return t.time({ width: "short" });
@@ -1308,16 +1308,16 @@ const bt = (e, t) => {
       o = t.dateTime({ width: "full" });
       break;
   }
-  return o.replace("{{date}}", bt(r, t)).replace("{{time}}", jt(a, t));
+  return o.replace("{{date}}", bt(r, t)).replace("{{time}}", Ht(a, t));
 }, Br = {
-  p: jt,
+  p: Ht,
   P: Ir
-}, Hr = /^D+$/, jr = /^Y+$/, Ar = ["D", "DD", "YY", "YYYY"];
+}, jr = /^D+$/, Hr = /^Y+$/, Ar = ["D", "DD", "YY", "YYYY"];
 function qr(e) {
-  return Hr.test(e);
+  return jr.test(e);
 }
 function zr(e) {
-  return jr.test(e);
+  return Hr.test(e);
 }
 function $r(e, t, n) {
   const r = Rr(e, t, n);
@@ -1336,8 +1336,8 @@ function he(e, t, n) {
   let i = t.match(Ur).map((O) => {
     const y = O[0];
     if (y === "p" || y === "P") {
-      const C = Br[y];
-      return C(O, a.formatLong);
+      const p = Br[y];
+      return p(O, a.formatLong);
     }
     return O;
   }).join("").match(Gr).map((O) => {
@@ -1364,8 +1364,8 @@ function he(e, t, n) {
     if (!O.isToken) return O.value;
     const y = O.value;
     (!(n != null && n.useAdditionalWeekYearTokens) && zr(y) || !(n != null && n.useAdditionalDayOfYearTokens) && qr(y)) && $r(y, t, String(e));
-    const C = yt[y[0]];
-    return C(c, y, a.localize, u);
+    const p = yt[y[0]];
+    return p(c, y, a.localize, u);
   }).join("");
 }
 function Jr(e) {
@@ -1373,7 +1373,7 @@ function Jr(e) {
   return t ? t[1].replace(Xr, "'") : e;
 }
 function Zr(e, t) {
-  const n = P(e, t == null ? void 0 : t.in), r = n.getFullYear(), a = n.getMonth(), o = H(n, 0);
+  const n = P(e, t == null ? void 0 : t.in), r = n.getFullYear(), a = n.getMonth(), o = j(n, 0);
   return o.setFullYear(r, a + 1, 0), o.setHours(0, 0, 0, 0), o.getDate();
 }
 function Kr(e, t) {
@@ -1405,7 +1405,7 @@ function ra(e, t, n) {
   return r.getFullYear() === a.getFullYear();
 }
 function ke(e, t) {
-  const n = () => H(t == null ? void 0 : t.in, NaN), a = ia(e);
+  const n = () => j(t == null ? void 0 : t.in, NaN), a = ia(e);
   let o;
   if (a.date) {
     const u = ca(a.date, 2);
@@ -1482,7 +1482,7 @@ function da(e) {
   const t = e.match(oa);
   if (!t) return NaN;
   const n = Re(t[1]), r = Re(t[2]), a = Re(t[3]);
-  return wa(n, r, a) ? n * xt + r * pt + a * 1e3 : NaN;
+  return wa(n, r, a) ? n * xt + r * Ct + a * 1e3 : NaN;
 }
 function Re(e) {
   return e && parseFloat(e.replace(",", ".")) || 0;
@@ -1492,7 +1492,7 @@ function fa(e) {
   const t = e.match(sa);
   if (!t) return 0;
   const n = t[1] === "+" ? -1 : 1, r = parseInt(t[2]), a = t[3] && parseInt(t[3]) || 0;
-  return ba(r, a) ? n * (r * xt + a * pt) : NaN;
+  return ba(r, a) ? n * (r * xt + a * Ct) : NaN;
 }
 function la(e, t, n) {
   const r = /* @__PURE__ */ new Date(0);
@@ -1520,14 +1520,14 @@ function ba(e, t) {
   return t >= 0 && t <= 59;
 }
 function Ma(e, t, n) {
-  const r = P(e, n == null ? void 0 : n.in), a = r.getFullYear(), o = r.getDate(), s = H(e, 0);
+  const r = P(e, n == null ? void 0 : n.in), a = r.getFullYear(), o = r.getDate(), s = j(e, 0);
   s.setFullYear(a, t, 15), s.setHours(0, 0, 0, 0);
   const c = Zr(s);
   return r.setMonth(t, Math.min(o, c)), r;
 }
 function Da(e, t, n) {
   const r = P(e, n == null ? void 0 : n.in);
-  return isNaN(+r) ? H(e, NaN) : (r.setFullYear(t), r);
+  return isNaN(+r) ? j(e, NaN) : (r.setFullYear(t), r);
 }
 function ka(e, t, n = "long") {
   return new Intl.DateTimeFormat("en-US", {
@@ -1617,8 +1617,8 @@ function qt(e) {
   const h = ce(e.timeZone, e), g = h > 0 ? Math.floor(h) : Math.ceil(h), N = -(/* @__PURE__ */ new Date(+e)).getTimezoneOffset() - g, k = g !== n, M = N - i;
   if (k && M) {
     Date.prototype.setUTCMinutes.call(e, Date.prototype.getUTCMinutes.call(e) + M);
-    const O = ce(e.timeZone, e), y = O > 0 ? Math.floor(O) : Math.ceil(O), C = g - y;
-    C && (e.internal.setUTCMinutes(e.internal.getUTCMinutes() + C), Date.prototype.setUTCMinutes.call(e, Date.prototype.getUTCMinutes.call(e) + C));
+    const O = ce(e.timeZone, e), y = O > 0 ? Math.floor(O) : Math.ceil(O), p = g - y;
+    p && (e.internal.setUTCMinutes(e.internal.getUTCMinutes() + p), Date.prototype.setUTCMinutes.call(e, Date.prototype.getUTCMinutes.call(e) + p));
   }
 }
 class q extends L {
@@ -1948,12 +1948,12 @@ class Rt {
     return this.dateLib.isSameDay(t.date, this.date) && this.dateLib.isSameMonth(t.displayMonth, this.displayMonth);
   }
 }
-class Ca {
+class pa {
   constructor(t, n) {
     this.date = t, this.weeks = n;
   }
 }
-class pa {
+class Ca {
   constructor(t, n) {
     this.days = n, this.weekNumber = t;
   }
@@ -2029,11 +2029,11 @@ function Ba(e) {
   const { calendarMonth: t, displayIndex: n, ...r } = e;
   return m.createElement("div", { ...r }, e.children);
 }
-function Ha(e) {
+function ja(e) {
   const { calendarMonth: t, displayIndex: n, ...r } = e;
   return m.createElement("div", { ...r });
 }
-function ja(e) {
+function Ha(e) {
   return m.createElement("table", { ...e });
 }
 function Aa(e) {
@@ -2128,8 +2128,8 @@ const to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   DropdownNav: Fa,
   Footer: Ia,
   Month: Ba,
-  MonthCaption: Ha,
-  MonthGrid: ja,
+  MonthCaption: ja,
+  MonthGrid: Ha,
   Months: Aa,
   MonthsDropdown: qa,
   Nav: za,
@@ -2196,13 +2196,13 @@ function no(e, t, n, r, a) {
     [I.disabled]: [],
     [I.hidden]: [],
     [I.today]: []
-  }, C = {};
+  }, p = {};
   for (const D of e) {
-    const { date: l, displayMonth: S } = D, F = !!(S && !h(l, S)), j = !!(M && v(l, M)), B = !!(O && k(l, O)), G = !!(o && ae(l, o, a)), oe = !!(s && ae(l, s, a)) || j || B || // Broadcast calendar will show outside days as default
+    const { date: l, displayMonth: S } = D, F = !!(S && !h(l, S)), H = !!(M && v(l, M)), B = !!(O && k(l, O)), G = !!(o && ae(l, o, a)), oe = !!(s && ae(l, s, a)) || H || B || // Broadcast calendar will show outside days as default
     !u && !i && F || u && i === !1 && F, te = f(l, d);
     F && y.outside.push(D), G && y.disabled.push(D), oe && y.hidden.push(D), te && y.today.push(D), c && Object.keys(c).forEach((U) => {
       const ue = c == null ? void 0 : c[U];
-      ue && ae(l, ue, a) && (C[U] ? C[U].push(D) : C[U] = [D]);
+      ue && ae(l, ue, a) && (p[U] ? p[U].push(D) : p[U] = [D]);
     });
   }
   return (D) => {
@@ -2214,11 +2214,11 @@ function no(e, t, n, r, a) {
       [I.today]: !1
     }, S = {};
     for (const F in y) {
-      const j = y[F];
-      l[F] = j.some((B) => B === D);
+      const H = y[F];
+      l[F] = H.some((B) => B === D);
     }
-    for (const F in C)
-      S[F] = C[F].some((j) => j === D);
+    for (const F in p)
+      S[F] = p[F].some((H) => H === D);
     return {
       ...l,
       // custom modifiers should override all the previous ones
@@ -2510,9 +2510,9 @@ function No(e, t = {}) {
     }
   };
 }
-const Ce = (e) => e instanceof HTMLElement ? e : null, Ue = (e) => [
+const pe = (e) => e instanceof HTMLElement ? e : null, Ue = (e) => [
   ...e.querySelectorAll("[data-animated-month]") ?? []
-], So = (e) => Ce(e.querySelector("[data-animated-month]")), Qe = (e) => Ce(e.querySelector("[data-animated-caption]")), Xe = (e) => Ce(e.querySelector("[data-animated-weeks]")), Co = (e) => Ce(e.querySelector("[data-animated-nav]")), po = (e) => Ce(e.querySelector("[data-animated-weekdays]"));
+], So = (e) => pe(e.querySelector("[data-animated-month]")), Qe = (e) => pe(e.querySelector("[data-animated-caption]")), Xe = (e) => pe(e.querySelector("[data-animated-weeks]")), po = (e) => pe(e.querySelector("[data-animated-nav]")), Co = (e) => pe(e.querySelector("[data-animated-weekdays]"));
 function xo(e, t, { classNames: n, months: r, focused: a, dateLib: o }) {
   const s = x.useRef(null), c = x.useRef(r), i = x.useRef(!1);
   x.useLayoutEffect(() => {
@@ -2525,8 +2525,8 @@ function xo(e, t, { classNames: n, months: r, focused: a, dateLib: o }) {
     if (N instanceof HTMLElement ? (Ue(N).forEach((y) => {
       if (!(y instanceof HTMLElement))
         return;
-      const C = So(y);
-      C && y.contains(C) && y.removeChild(C);
+      const p = So(y);
+      p && y.contains(p) && y.removeChild(p);
       const D = Qe(y);
       D && D.classList.remove(h);
       const l = Xe(y);
@@ -2537,9 +2537,9 @@ function xo(e, t, { classNames: n, months: r, focused: a, dateLib: o }) {
     const k = v instanceof HTMLElement ? Ue(v) : [], M = Ue(e.current);
     if (M != null && M.every((O) => O instanceof HTMLElement) && k && k.every((O) => O instanceof HTMLElement)) {
       i.current = !0, e.current.style.isolation = "isolate";
-      const O = Co(e.current);
-      O && (O.style.zIndex = "1"), M.forEach((y, C) => {
-        const D = k[C];
+      const O = po(e.current);
+      O && (O.style.zIndex = "1"), M.forEach((y, p) => {
+        const D = k[p];
         if (!D)
           return;
         y.style.position = "relative", y.style.overflow = "hidden";
@@ -2551,8 +2551,8 @@ function xo(e, t, { classNames: n, months: r, focused: a, dateLib: o }) {
           i.current = !1, e.current && (e.current.style.isolation = ""), O && (O.style.zIndex = ""), l && l.classList.remove(h), S && S.classList.remove(g), y.style.position = "", y.style.overflow = "", y.contains(D) && y.removeChild(D);
         };
         D.style.pointerEvents = "none", D.style.position = "absolute", D.style.overflow = "hidden", D.setAttribute("aria-hidden", "true");
-        const j = po(D);
-        j && (j.style.opacity = "0");
+        const H = Co(D);
+        H && (H.style.opacity = "0");
         const B = Qe(D);
         B && (B.classList.add(f ? n[$.caption_before_exit] : n[$.caption_after_exit]), B.addEventListener("animationend", F));
         const G = Xe(D);
@@ -2562,12 +2562,12 @@ function xo(e, t, { classNames: n, months: r, focused: a, dateLib: o }) {
   });
 }
 function Yo(e, t, n, r) {
-  const a = e[0], o = e[e.length - 1], { ISOWeek: s, fixedWeeks: c, broadcastCalendar: i } = n ?? {}, { addDays: u, differenceInCalendarDays: d, differenceInCalendarMonths: f, endOfBroadcastWeek: h, endOfISOWeek: g, endOfMonth: v, endOfWeek: N, isAfter: k, startOfBroadcastWeek: M, startOfISOWeek: O, startOfWeek: y } = r, C = i ? M(a, r) : s ? O(a) : y(a), D = i ? h(o) : s ? g(v(o)) : N(v(o)), l = t && (i ? h(t) : s ? g(t) : N(t)), S = l && k(D, l) ? l : D, F = d(S, C), j = f(o, a) + 1, B = [];
+  const a = e[0], o = e[e.length - 1], { ISOWeek: s, fixedWeeks: c, broadcastCalendar: i } = n ?? {}, { addDays: u, differenceInCalendarDays: d, differenceInCalendarMonths: f, endOfBroadcastWeek: h, endOfISOWeek: g, endOfMonth: v, endOfWeek: N, isAfter: k, startOfBroadcastWeek: M, startOfISOWeek: O, startOfWeek: y } = r, p = i ? M(a, r) : s ? O(a) : y(a), D = i ? h(o) : s ? g(v(o)) : N(v(o)), l = t && (i ? h(t) : s ? g(t) : N(t)), S = l && k(D, l) ? l : D, F = d(S, p), H = f(o, a) + 1, B = [];
   for (let te = 0; te <= F; te++) {
-    const U = u(C, te);
+    const U = u(p, te);
     B.push(U);
   }
-  const oe = (i ? 35 : 42) * j;
+  const oe = (i ? 35 : 42) * H;
   if (c && B.length < oe) {
     const te = oe - B.length;
     for (let U = 0; U < te; U++) {
@@ -2606,18 +2606,18 @@ function Ot(e, t, n, r) {
 }
 function Po(e, t, n, r) {
   const { addDays: a, endOfBroadcastWeek: o, endOfISOWeek: s, endOfMonth: c, endOfWeek: i, getISOWeek: u, getWeek: d, startOfBroadcastWeek: f, startOfISOWeek: h, startOfWeek: g } = r, v = e.reduce((N, k) => {
-    const M = n.broadcastCalendar ? f(k, r) : n.ISOWeek ? h(k) : g(k), O = n.broadcastCalendar ? o(k) : n.ISOWeek ? s(c(k)) : i(c(k)), y = t.filter((S) => S >= M && S <= O), C = n.broadcastCalendar ? 35 : 42;
-    if (n.fixedWeeks && y.length < C) {
+    const M = n.broadcastCalendar ? f(k, r) : n.ISOWeek ? h(k) : g(k), O = n.broadcastCalendar ? o(k) : n.ISOWeek ? s(c(k)) : i(c(k)), y = t.filter((S) => S >= M && S <= O), p = n.broadcastCalendar ? 35 : 42;
+    if (n.fixedWeeks && y.length < p) {
       const S = t.filter((F) => {
-        const j = C - y.length;
-        return F > O && F <= a(O, j);
+        const H = p - y.length;
+        return F > O && F <= a(O, H);
       });
       y.push(...S);
     }
     const D = y.reduce((S, F) => {
-      const j = n.ISOWeek ? u(F) : d(F), B = S.find((oe) => oe.weekNumber === j), G = new Rt(F, k, r);
-      return B ? B.days.push(G) : S.push(new pa(j, [G])), S;
-    }, []), l = new Ca(k, D);
+      const H = n.ISOWeek ? u(F) : d(F), B = S.find((oe) => oe.weekNumber === H), G = new Rt(F, k, r);
+      return B ? B.days.push(G) : S.push(new Ca(H, [G])), S;
+    }, []), l = new pa(k, D);
     return N.push(l), N;
   }, []);
   return n.reverseMonths ? v.reverse() : v;
@@ -2658,8 +2658,8 @@ function Fe(e, t) {
   const [n, r] = x.useState(e);
   return [t === void 0 ? n : t, r];
 }
-function Ho(e, t) {
-  var C;
+function jo(e, t) {
+  var p;
   const [n, r] = Eo(e, t), { startOfMonth: a, endOfMonth: o } = t, s = Ot(e, n, r, t), [c, i] = Fe(
     s,
     // initialMonth is always computed from props.month if provided
@@ -2679,11 +2679,11 @@ function Ho(e, t) {
       fixedWeeks: e.fixedWeeks,
       ISOWeek: e.ISOWeek,
       reverseMonths: e.reverseMonths
-    }, t), F = Bo(S), j = To(S), B = Io(c, n, e, t), G = Fo(c, r, e, t);
+    }, t), F = Bo(S), H = To(S), B = Io(c, n, e, t), G = Fo(c, r, e, t);
     return {
       months: S,
       weeks: F,
-      days: j,
+      days: H,
       previousMonth: B,
       nextMonth: G
     };
@@ -2694,7 +2694,7 @@ function Ho(e, t) {
     n == null ? void 0 : n.getTime(),
     e.disableNavigation,
     e.broadcastCalendar,
-    (C = e.endMonth) == null ? void 0 : C.getTime(),
+    (p = e.endMonth) == null ? void 0 : p.getTime(),
     e.fixedWeeks,
     e.ISOWeek,
     e.numberOfMonths,
@@ -2727,7 +2727,7 @@ var K;
 function vt(e) {
   return !e[I.disabled] && !e[I.hidden] && !e[I.outside];
 }
-function jo(e, t, n, r) {
+function Ho(e, t, n, r) {
   let a, o = -1;
   for (const s of e) {
     const c = t(s);
@@ -2736,13 +2736,13 @@ function jo(e, t, n, r) {
   return a || (a = e.find((s) => vt(t(s)))), a;
 }
 function Ao(e, t, n, r, a, o, s) {
-  const { ISOWeek: c, broadcastCalendar: i } = o, { addDays: u, addMonths: d, addWeeks: f, addYears: h, endOfBroadcastWeek: g, endOfISOWeek: v, endOfWeek: N, max: k, min: M, startOfBroadcastWeek: O, startOfISOWeek: y, startOfWeek: C } = s;
+  const { ISOWeek: c, broadcastCalendar: i } = o, { addDays: u, addMonths: d, addWeeks: f, addYears: h, endOfBroadcastWeek: g, endOfISOWeek: v, endOfWeek: N, max: k, min: M, startOfBroadcastWeek: O, startOfISOWeek: y, startOfWeek: p } = s;
   let l = {
     day: u,
     week: f,
     month: d,
     year: h,
-    startOfWeek: (S) => i ? O(S, s) : c ? y(S) : C(S),
+    startOfWeek: (S) => i ? O(S, s) : c ? y(S) : p(S),
     endOfWeek: (S) => i ? g(S) : c ? v(S) : N(S)
   }[e](n, t === "after" ? 1 : -1);
   return t === "before" && r ? l = k([r, l]) : t === "after" && a && (l = M([a, l])), l;
@@ -2754,7 +2754,7 @@ function on(e, t, n, r, a, o, s, c = 0) {
   return !u && !d ? h : on(e, t, h, r, a, o, s, c + 1);
 }
 function qo(e, t, n, r, a) {
-  const { autoFocus: o } = e, [s, c] = x.useState(), i = jo(t.days, n, r || (() => !1), s), [u, d] = x.useState(o ? i : void 0);
+  const { autoFocus: o } = e, [s, c] = x.useState(), i = Ho(t.days, n, r || (() => !1), s), [u, d] = x.useState(o ? i : void 0);
   return {
     isFocusTarget: (N) => !!(i != null && i.isEqualTo(N)),
     setFocused: d,
@@ -2961,9 +2961,9 @@ function Vo(e) {
     t.classNames
   ]);
   t.today || (t = { ...t, today: s.today() });
-  const { captionLayout: u, mode: d, navLayout: f, numberOfMonths: h = 1, onDayBlur: g, onDayClick: v, onDayFocus: N, onDayKeyDown: k, onDayMouseEnter: M, onDayMouseLeave: O, onNextClick: y, onPrevClick: C, showWeekNumber: D, styles: l } = t, { formatCaption: S, formatDay: F, formatMonthDropdown: j, formatWeekNumber: B, formatWeekNumberHeader: G, formatWeekdayName: oe, formatYearDropdown: te } = a, U = Ho(t, s), { days: ue, months: pe, navStart: Ie, navEnd: Be, previousMonth: X, nextMonth: V, goToMonth: ne } = U, He = no(ue, t, Ie, Be, s), { isSelected: ge, select: we, selected: xe } = Xo(t, s) ?? {}, { blur: st, focused: Ye, isFocusTarget: sn, moveFocus: it, setFocused: Te } = qo(t, U, He, ge ?? (() => !1), s), { labelDayButton: cn, labelGridcell: un, labelGrid: dn, labelMonthDropdown: fn, labelNav: ct, labelPrevious: ln, labelNext: hn, labelWeekday: mn, labelWeekNumber: yn, labelWeekNumberHeader: gn, labelYearDropdown: wn } = o, bn = x.useMemo(() => vo(s, t.ISOWeek, t.broadcastCalendar, t.today), [s, t.ISOWeek, t.broadcastCalendar, t.today]), ut = d !== void 0 || v !== void 0, je = x.useCallback(() => {
-    X && (ne(X), C == null || C(X));
-  }, [X, ne, C]), Ae = x.useCallback(() => {
+  const { captionLayout: u, mode: d, navLayout: f, numberOfMonths: h = 1, onDayBlur: g, onDayClick: v, onDayFocus: N, onDayKeyDown: k, onDayMouseEnter: M, onDayMouseLeave: O, onNextClick: y, onPrevClick: p, showWeekNumber: D, styles: l } = t, { formatCaption: S, formatDay: F, formatMonthDropdown: H, formatWeekNumber: B, formatWeekNumberHeader: G, formatWeekdayName: oe, formatYearDropdown: te } = a, U = jo(t, s), { days: ue, months: Ce, navStart: Ie, navEnd: Be, previousMonth: X, nextMonth: V, goToMonth: ne } = U, je = no(ue, t, Ie, Be, s), { isSelected: ge, select: we, selected: xe } = Xo(t, s) ?? {}, { blur: st, focused: Ye, isFocusTarget: sn, moveFocus: it, setFocused: Te } = qo(t, U, je, ge ?? (() => !1), s), { labelDayButton: cn, labelGridcell: un, labelGrid: dn, labelMonthDropdown: fn, labelNav: ct, labelPrevious: ln, labelNext: hn, labelWeekday: mn, labelWeekNumber: yn, labelWeekNumberHeader: gn, labelYearDropdown: wn } = o, bn = x.useMemo(() => vo(s, t.ISOWeek, t.broadcastCalendar, t.today), [s, t.ISOWeek, t.broadcastCalendar, t.today]), ut = d !== void 0 || v !== void 0, He = x.useCallback(() => {
+    X && (ne(X), p == null || p(X));
+  }, [X, ne, p]), Ae = x.useCallback(() => {
     V && (ne(V), y == null || y(V));
   }, [ne, V, y]), Mn = x.useCallback((W, _) => (b) => {
     b.preventDefault(), b.stopPropagation(), Te(W), !_.disabled && (we == null || we(W.date, _, b), v == null || v(W.date, _, b));
@@ -2990,8 +2990,8 @@ function Vo(e) {
     };
     if (T[b.key]) {
       b.preventDefault(), b.stopPropagation();
-      const [z, p] = T[b.key];
-      it(z, p);
+      const [z, C] = T[b.key];
+      it(z, C);
     }
     k == null || k(W.date, _, b);
   }, [it, k, t.dir]), vn = x.useCallback((W, _) => (b) => {
@@ -3004,13 +3004,13 @@ function Vo(e) {
   }, [s, ne]), Sn = x.useCallback((W) => (_) => {
     const b = Number(_.target.value), T = s.setYear(s.startOfMonth(W), b);
     ne(T);
-  }, [s, ne]), { className: Cn, style: pn } = x.useMemo(() => ({
+  }, [s, ne]), { className: pn, style: Cn } = x.useMemo(() => ({
     className: [i[w.Root], t.className].filter(Boolean).join(" "),
     style: { ...l == null ? void 0 : l[w.Root], ...t.style }
   }), [i, t.className, t.style, l]), xn = oo(t), dt = x.useRef(null);
   xo(dt, !!t.animate, {
     classNames: i,
-    months: pe,
+    months: Ce,
     focused: Ye,
     dateLib: s
   });
@@ -3019,11 +3019,11 @@ function Vo(e) {
     selected: xe,
     select: we,
     isSelected: ge,
-    months: pe,
+    months: Ce,
     nextMonth: V,
     previousMonth: X,
     goToMonth: ne,
-    getModifiers: He,
+    getModifiers: je,
     components: r,
     classNames: i,
     styles: l,
@@ -3035,12 +3035,12 @@ function Vo(e) {
     { value: Yn },
     m.createElement(
       r.Root,
-      { rootRef: t.animate ? dt : void 0, className: Cn, style: pn, 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"], ...xn },
+      { rootRef: t.animate ? dt : void 0, className: pn, style: Cn, 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"], ...xn },
       m.createElement(
         r.Months,
         { className: i[w.Months], style: l == null ? void 0 : l[w.Months] },
-        !t.hideNavigation && !f && m.createElement(r.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: i[w.Nav], style: l == null ? void 0 : l[w.Nav], "aria-label": ct(), onPreviousClick: je, onNextClick: Ae, previousMonth: X, nextMonth: V }),
-        pe.map((W, _) => m.createElement(
+        !t.hideNavigation && !f && m.createElement(r.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: i[w.Nav], style: l == null ? void 0 : l[w.Nav], "aria-label": ct(), onPreviousClick: He, onNextClick: Ae, previousMonth: X, nextMonth: V }),
+        Ce.map((W, _) => m.createElement(
           r.Month,
           {
             "data-animated-month": t.animate ? "true" : void 0,
@@ -3053,14 +3053,14 @@ function Vo(e) {
           },
           f === "around" && !t.hideNavigation && _ === 0 && m.createElement(
             r.PreviousMonthButton,
-            { type: "button", className: i[w.PreviousMonthButton], tabIndex: X ? void 0 : -1, "aria-disabled": X ? void 0 : !0, "aria-label": ln(X), onClick: je, "data-animated-button": t.animate ? "true" : void 0 },
+            { type: "button", className: i[w.PreviousMonthButton], tabIndex: X ? void 0 : -1, "aria-disabled": X ? void 0 : !0, "aria-label": ln(X), onClick: He, "data-animated-button": t.animate ? "true" : void 0 },
             m.createElement(r.Chevron, { disabled: X ? void 0 : !0, className: i[w.Chevron], orientation: t.dir === "rtl" ? "right" : "left" })
           ),
           m.createElement(r.MonthCaption, { "data-animated-caption": t.animate ? "true" : void 0, className: i[w.MonthCaption], style: l == null ? void 0 : l[w.MonthCaption], calendarMonth: W, displayIndex: _ }, u != null && u.startsWith("dropdown") ? m.createElement(
             r.DropdownNav,
             { className: i[w.Dropdowns], style: l == null ? void 0 : l[w.Dropdowns] },
             (() => {
-              const b = u === "dropdown" || u === "dropdown-months" ? m.createElement(r.MonthsDropdown, { key: "month", className: i[w.MonthsDropdown], "aria-label": fn(), classNames: i, components: r, disabled: !!t.disableNavigation, onChange: Nn(W.date), options: ko(W.date, Ie, Be, a, s), style: l == null ? void 0 : l[w.Dropdown], value: s.getMonth(W.date) }) : m.createElement("span", { key: "month" }, j(W.date, s)), T = u === "dropdown" || u === "dropdown-years" ? m.createElement(r.YearsDropdown, { key: "year", className: i[w.YearsDropdown], "aria-label": wn(s.options), classNames: i, components: r, disabled: !!t.disableNavigation, onChange: Sn(W.date), options: Wo(Ie, Be, a, s, !!t.reverseYears), style: l == null ? void 0 : l[w.Dropdown], value: s.getYear(W.date) }) : m.createElement("span", { key: "year" }, te(W.date, s));
+              const b = u === "dropdown" || u === "dropdown-months" ? m.createElement(r.MonthsDropdown, { key: "month", className: i[w.MonthsDropdown], "aria-label": fn(), classNames: i, components: r, disabled: !!t.disableNavigation, onChange: Nn(W.date), options: ko(W.date, Ie, Be, a, s), style: l == null ? void 0 : l[w.Dropdown], value: s.getMonth(W.date) }) : m.createElement("span", { key: "month" }, H(W.date, s)), T = u === "dropdown" || u === "dropdown-years" ? m.createElement(r.YearsDropdown, { key: "year", className: i[w.YearsDropdown], "aria-label": wn(s.options), classNames: i, components: r, disabled: !!t.disableNavigation, onChange: Sn(W.date), options: Wo(Ie, Be, a, s, !!t.reverseYears), style: l == null ? void 0 : l[w.Dropdown], value: s.getYear(W.date) }) : m.createElement("span", { key: "year" }, te(W.date, s));
               return s.getMonthYearOrder() === "year-first" ? [T, b] : [b, T];
             })(),
             m.createElement("span", { role: "status", "aria-live": "polite", style: {
@@ -3081,7 +3081,7 @@ function Vo(e) {
             { type: "button", className: i[w.NextMonthButton], tabIndex: V ? void 0 : -1, "aria-disabled": V ? void 0 : !0, "aria-label": hn(V), onClick: Ae, "data-animated-button": t.animate ? "true" : void 0 },
             m.createElement(r.Chevron, { disabled: V ? void 0 : !0, className: i[w.Chevron], orientation: t.dir === "rtl" ? "left" : "right" })
           ),
-          _ === h - 1 && f === "after" && !t.hideNavigation && m.createElement(r.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: i[w.Nav], style: l == null ? void 0 : l[w.Nav], "aria-label": ct(), onPreviousClick: je, onNextClick: Ae, previousMonth: X, nextMonth: V }),
+          _ === h - 1 && f === "after" && !t.hideNavigation && m.createElement(r.Nav, { "data-animated-nav": t.animate ? "true" : void 0, className: i[w.Nav], style: l == null ? void 0 : l[w.Nav], "aria-label": ct(), onPreviousClick: He, onNextClick: Ae, previousMonth: X, nextMonth: V }),
           m.createElement(
             r.MonthGrid,
             { role: "grid", "aria-multiselectable": d === "multiple" || d === "range", "aria-label": dn(W.date, s.options, s) || void 0, className: i[w.MonthGrid], style: l == null ? void 0 : l[w.MonthGrid] },
@@ -3098,13 +3098,13 @@ function Vo(e) {
                 locale: c
               }), className: i[w.WeekNumber], scope: "row", role: "rowheader" }, B(b.weekNumber, s)),
               b.days.map((T) => {
-                const { date: z } = T, p = He(T);
-                if (p[I.focused] = !p.hidden && !!(Ye != null && Ye.isEqualTo(T)), p[Z.selected] = (ge == null ? void 0 : ge(z)) || p.selected, Ee(xe)) {
+                const { date: z } = T, C = je(T);
+                if (C[I.focused] = !C.hidden && !!(Ye != null && Ye.isEqualTo(T)), C[Z.selected] = (ge == null ? void 0 : ge(z)) || C.selected, Ee(xe)) {
                   const { from: qe, to: ze } = xe;
-                  p[Z.range_start] = !!(qe && ze && s.isSameDay(z, qe)), p[Z.range_end] = !!(qe && ze && s.isSameDay(z, ze)), p[Z.range_middle] = re(xe, z, !0, s);
+                  C[Z.range_start] = !!(qe && ze && s.isSameDay(z, qe)), C[Z.range_end] = !!(qe && ze && s.isSameDay(z, ze)), C[Z.range_middle] = re(xe, z, !0, s);
                 }
-                const Tn = Oo(p, l, t.modifiersStyles), _n = ro(p, i, t.modifiersClassNames), Pn = !ut && !p.hidden ? un(z, p, s.options, s) : void 0;
-                return m.createElement(r.Day, { key: `${T.isoDate}_${T.displayMonthId}`, day: T, modifiers: p, className: _n.join(" "), style: Tn, role: "gridcell", "aria-selected": p.selected || void 0, "aria-label": Pn, "data-day": T.isoDate, "data-month": T.outside ? T.dateMonthId : void 0, "data-selected": p.selected || void 0, "data-disabled": p.disabled || void 0, "data-hidden": p.hidden || void 0, "data-outside": T.outside || void 0, "data-focused": p.focused || void 0, "data-today": p.today || void 0 }, !p.hidden && ut ? m.createElement(r.DayButton, { className: i[w.DayButton], style: l == null ? void 0 : l[w.DayButton], type: "button", day: T, modifiers: p, disabled: !p.focused && p.disabled || void 0, "aria-disabled": p.focused && p.disabled || void 0, tabIndex: sn(T) ? 0 : -1, "aria-label": cn(z, p, s.options, s), onClick: Mn(T, p), onBlur: kn(T, p), onFocus: Dn(T, p), onKeyDown: On(T, p), onMouseEnter: vn(T, p), onMouseLeave: Wn(T, p) }, F(z, s.options, s)) : !p.hidden && F(T.date, s.options, s));
+                const Tn = Oo(C, l, t.modifiersStyles), _n = ro(C, i, t.modifiersClassNames), Pn = !ut && !C.hidden ? un(z, C, s.options, s) : void 0;
+                return m.createElement(r.Day, { key: `${T.isoDate}_${T.displayMonthId}`, day: T, modifiers: C, className: _n.join(" "), style: Tn, role: "gridcell", "aria-selected": C.selected || void 0, "aria-label": Pn, "data-day": T.isoDate, "data-month": T.outside ? T.dateMonthId : void 0, "data-selected": C.selected || void 0, "data-disabled": C.disabled || void 0, "data-hidden": C.hidden || void 0, "data-outside": T.outside || void 0, "data-focused": C.focused || void 0, "data-today": C.today || void 0 }, !C.hidden && ut ? m.createElement(r.DayButton, { className: i[w.DayButton], style: l == null ? void 0 : l[w.DayButton], type: "button", day: T, modifiers: C, disabled: !C.focused && C.disabled || void 0, "aria-disabled": C.focused && C.disabled || void 0, tabIndex: sn(T) ? 0 : -1, "aria-label": cn(z, C, s.options, s), onClick: Mn(T, C), onBlur: kn(T, C), onFocus: Dn(T, C), onKeyDown: On(T, C), onMouseEnter: vn(T, C), onMouseLeave: Wn(T, C) }, F(z, s.options, s)) : !C.hidden && F(T.date, s.options, s));
               })
             )))
           )
@@ -3232,13 +3232,13 @@ function Pe({
             ...f
           }
         ),
-        Chevron: ({ className: u, orientation: d, ...f }) => d === "left" ? /* @__PURE__ */ A.jsx(Bn, { className: Y("size-4", u), ...f }) : d === "right" ? /* @__PURE__ */ A.jsx(
+        Chevron: ({ className: u, orientation: d, ...f }) => d === "left" ? /* @__PURE__ */ A.jsx(jn, { className: Y("size-4", u), ...f }) : d === "right" ? /* @__PURE__ */ A.jsx(
           Hn,
           {
             className: Y("size-4", u),
             ...f
           }
-        ) : /* @__PURE__ */ A.jsx(jn, { className: Y("size-4", u), ...f }),
+        ) : /* @__PURE__ */ A.jsx(St, { className: Y("size-4", u), ...f }),
         DayButton: Jo,
         WeekNumber: ({ children: u, ...d }) => /* @__PURE__ */ A.jsx("td", { ...d, children: /* @__PURE__ */ A.jsx("div", { className: "flex size-[var(--cell-size)] items-center justify-center text-center", children: u }) }),
         ...s
@@ -3258,7 +3258,7 @@ function Jo({
     var s;
     n.focused && ((s = o.current) == null || s.focus());
   }, [n.focused]), /* @__PURE__ */ A.jsx(
-    St,
+    En,
     {
       ref: o,
       variant: "ghost",
@@ -3372,23 +3372,25 @@ function es({
     const u = i;
     u && n && n(u.toISOString()), o(!1);
   };
-  return /* @__PURE__ */ A.jsxs(En, { open: a, onOpenChange: o, children: [
-    /* @__PURE__ */ A.jsx(Fn, { asChild: !0, children: /* @__PURE__ */ A.jsxs(
-      St,
+  return /* @__PURE__ */ A.jsxs(Fn, { open: a, onOpenChange: o, children: [
+    /* @__PURE__ */ A.jsxs(
+      In,
       {
-        variant: "outline",
         className: Y(
-          "w-full justify-start text-left font-normal",
+          "cn-button cn-button-variant-outline cn-button-size-default w-full justify-between text-left font-normal",
           !s && "text-muted-foreground",
           r
         ),
         children: [
-          /* @__PURE__ */ A.jsx(An, { className: "size-4" }),
-          s ? he(s, "PPP") : e
+          /* @__PURE__ */ A.jsxs("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ A.jsx(An, { className: "size-4" }),
+            s ? he(s, "PPP") : e
+          ] }),
+          /* @__PURE__ */ A.jsx(St, { className: "size-4 opacity-50" })
         ]
       }
-    ) }),
-    /* @__PURE__ */ A.jsx(In, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ A.jsx(
+    ),
+    /* @__PURE__ */ A.jsx(Bn, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ A.jsx(
       Pe,
       {
         mode: "single",