@konstructio/ui 0.1.2-alpha.75 → 0.1.2-alpha.77

package/dist/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.js

@@ -6,7 +6,7 @@ import { CalendarDivider as F } from "../CalendarDivider/CalendarDivider.js";
 import { CalendarMonth as G } from "../CalendarMonth/CalendarMonth.js";
 import { NavigationButton as m } from "../NavigationButton/NavigationButton.js";
 import { useTogetherCarousel as H } from "../../hooks/useTogetherCarousel.js";
-import { m as R } from "../../../../../../proxy-BvdTb_6B.js";
+import { m as R } from "../../../../../../proxy-BGrSEZuV.js";
 const S = ({
   className: s,
   calendarWidth: h = 550,
@@ -35,100 +35,35 @@ const S = ({
     handlePrevMonth: N,
     handleNextMonth: B,
     getTransform: P
-  } = H(n), w = z(
-    (t) => {
-      t && o({
-        from: t.from,
-        to: t.to
-      });
-    },
-    [o]
-  ), $ = L(
-    () => a?.dayPicker,
-    [a?.dayPicker]
-  );
-  return /* @__PURE__ */ e("div", { className: i(A({ className: s }), a?.root), children: /* @__PURE__ */ W(
-    "div",
-    {
-      className: i(
-        V(),
-        "overflow-hidden relative justify-start!",
-        a?.gridContainer
-      ),
-      style: { width: h },
-      children: [
-        /* @__PURE__ */ e(
-          m,
-          {
-            direction: "prev",
-            onClick: N,
-            disabled: r,
-            isAnimating: d,
-            canNavigate: C,
-            hideWhenDisabled: l,
-            className: i("absolute left-0 top-3 z-10", a?.navButton),
-            disabledClassName: a?.navButtonDisabled,
-            ariaLabel: f
-          }
-        ),
-        /* @__PURE__ */ e(
-          m,
-          {
-            direction: "next",
-            onClick: B,
-            disabled: r,
-            isAnimating: d,
-            canNavigate: b,
-            hideWhenDisabled: l,
-            className: i("absolute right-0 top-3 z-10", a?.navButton),
-            disabledClassName: a?.navButtonDisabled,
-            ariaLabel: u
-          }
-        ),
-        /* @__PURE__ */ e(F, { className: a?.divider }),
-        /* @__PURE__ */ e(
-          R.div,
-          {
-            ref: k,
-            className: i(
-              "flex gap-8",
-              T && y && "konstruct-drp-carousel-transition"
-            ),
-            role: "application",
-            "aria-label": c,
-            initial: !1,
-            animate: { height: x },
-            transition: {
-              duration: n.animationDuration / 1e3,
-              ease: [0.25, 0.1, 0.25, 1]
-            },
-            style: {
-              "--konstruct-drp-animation-duration": `${n.animationDuration}ms`,
-              width: D,
-              transform: P(),
-              willChange: "transform"
-            },
-            children: M.map((t, j) => /* @__PURE__ */ e(
-              G,
-              {
-                month: t,
-                range: p,
-                onRangeSelect: w,
-                disabled: r,
-                disabledMatcher: v,
-                showOutsideDays: g,
-                classNames: {
-                  monthTitle: a?.monthTitle,
-                  dayPicker: $
-                }
-              },
-              `${t.getFullYear()}-${t.getMonth()}-${j}`
-            ))
-          }
-        )
-      ]
-    }
-  ) });
+  } = H(n), w = z((t) => {
+    t && o({
+      from: t.from,
+      to: t.to
+    });
+  }, [o]), $ = L(() => a?.dayPicker, [a?.dayPicker]);
+  return /* @__PURE__ */ e("div", { className: i(A({
+    className: s
+  }), a?.root), children: /* @__PURE__ */ W("div", { className: i(V(), "overflow-hidden relative justify-start!", a?.gridContainer), style: {
+    width: h
+  }, children: [
+    /* @__PURE__ */ e(m, { direction: "prev", onClick: N, disabled: r, isAnimating: d, canNavigate: C, hideWhenDisabled: l, className: i("absolute left-0 top-3 z-10", a?.navButton), disabledClassName: a?.navButtonDisabled, ariaLabel: f }),
+    /* @__PURE__ */ e(m, { direction: "next", onClick: B, disabled: r, isAnimating: d, canNavigate: b, hideWhenDisabled: l, className: i("absolute right-0 top-3 z-10", a?.navButton), disabledClassName: a?.navButtonDisabled, ariaLabel: u }),
+    /* @__PURE__ */ e(F, { className: a?.divider }),
+    /* @__PURE__ */ e(R.div, { ref: k, className: i("flex gap-8", T && y && "konstruct-drp-carousel-transition"), role: "application", "aria-label": c, initial: !1, animate: {
+      height: x
+    }, transition: {
+      duration: n.animationDuration / 1e3,
+      ease: [0.25, 0.1, 0.25, 1]
+    }, style: {
+      "--konstruct-drp-animation-duration": `${n.animationDuration}ms`,
+      width: D,
+      transform: P(),
+      willChange: "transform"
+    }, children: M.map((t, j) => /* @__PURE__ */ e(G, { month: t, range: p, onRangeSelect: w, disabled: r, disabledMatcher: v, showOutsideDays: g, classNames: {
+      monthTitle: a?.monthTitle,
+      dayPicker: $
+    } }, `${t.getFullYear()}-${t.getMonth()}-${j}`)) })
+  ] }) });
 };
 S.displayName = "TogetherModeCalendar";
 export {

package/dist/components/DateRangePicker/components/CalendarPanel/constants/index.js

@@ -6,136 +6,20 @@ const b = (e) => ({
   month: t(`flex flex-col w-[${o}px]`, e?.month),
   month_caption: "hidden",
   nav: "hidden",
-  day_button: t(
-    "size-[30px]",
-    "flex",
-    "items-center",
-    "justify-center",
-    "text-sm",
-    "font-semibold",
-    "cursor-pointer",
-    "rounded-full",
-    "hover:bg-slate-100",
-    "dark:hover:bg-metal-700",
-    "transition-colors",
-    "text-[#314158]",
-    "dark:text-white",
-    "focus:outline-none",
-    "focus-visible:outline-none",
-    e?.dayButton
-  ),
-  day: t(
-    "p-0",
-    "w-[37px]",
-    "h-[38px]",
-    "text-center",
-    "align-middle",
-    e?.day
-  ),
-  selected: t(
-    "[&>button]:bg-blue-600",
-    "[&>button]:text-white",
-    "[&>button]:hover:bg-blue-700",
-    "dark:[&>button]:bg-aurora-500",
-    "dark:[&>button]:hover:bg-aurora-500",
-    "dark:[&>button]:text-metal-900",
-    e?.selected
-  ),
-  range_start: t(
-    "drp-range-start",
-    "[&>button]:!bg-blue-600",
-    "[&>button]:!text-white",
-    "[&>button]:!rounded-full",
-    "[&>button]:hover:!bg-blue-700",
-    "[&>button]:relative",
-    "[&>button]:z-10",
-    "dark:[&>button]:!bg-aurora-500",
-    "dark:[&>button]:hover:!bg-aurora-500",
-    "dark:[&>button]:!text-metal-900",
-    "!relative",
-    "before:absolute",
-    "before:top-[4px]",
-    "before:bottom-[4px]",
-    "before:left-1/2",
-    "before:right-0",
-    "before:!bg-[#EFF6FF]",
-    "dark:before:!bg-aurora-500/10",
-    "last:before:!hidden",
-    e?.rangeStart
-  ),
-  range_end: t(
-    "drp-range-end",
-    "[&>button]:!bg-blue-600",
-    "[&>button]:!text-white",
-    "[&>button]:!rounded-full",
-    "[&>button]:hover:!bg-blue-700",
-    "[&>button]:relative",
-    "[&>button]:z-10",
-    "dark:[&>button]:!bg-aurora-500",
-    "dark:[&>button]:hover:!bg-aurora-500",
-    "dark:[&>button]:!text-metal-900",
-    "!relative",
-    "before:absolute",
-    "before:top-[4px]",
-    "before:bottom-[4px]",
-    "before:left-0",
-    "before:right-1/2",
-    "before:!bg-[#EFF6FF]",
-    "dark:before:!bg-aurora-500/10",
-    "first:before:!hidden",
-    e?.rangeEnd
-  ),
-  range_middle: t(
-    "drp-range-middle",
-    "!relative",
-    "before:absolute",
-    "before:top-[4px]",
-    "before:bottom-[4px]",
-    "before:left-0",
-    "before:right-0",
-    "before:!bg-[#EFF6FF]",
-    "dark:before:!bg-aurora-500/10",
-    "first:before:rounded-l-full",
-    "last:before:rounded-r-full",
-    "[&>button]:!text-[#314158]",
-    "[&>button]:!bg-transparent",
-    "[&>button]:!rounded-full",
-    "[&>button]:relative",
-    "[&>button]:z-10",
-    "[&>button]:hover:!bg-blue-100",
-    "dark:[&>button]:!text-white",
-    "dark:[&>button]:hover:!bg-aurora-500/20",
-    e?.rangeMiddle
-  ),
+  day_button: t("size-[30px]", "flex", "items-center", "justify-center", "text-sm", "font-semibold", "cursor-pointer", "rounded-full", "hover:bg-slate-100", "dark:hover:bg-metal-700", "transition-colors", "text-[#314158]", "dark:text-white", "focus:outline-none", "focus-visible:outline-none", e?.dayButton),
+  day: t("p-0", "w-[37px]", "h-[38px]", "text-center", "align-middle", e?.day),
+  selected: t("[&>button]:bg-blue-600", "[&>button]:text-white", "[&>button]:hover:bg-blue-700", "dark:[&>button]:bg-aurora-500", "dark:[&>button]:hover:bg-aurora-500", "dark:[&>button]:text-metal-900", e?.selected),
+  range_start: t("drp-range-start", "[&>button]:!bg-blue-600", "[&>button]:!text-white", "[&>button]:!rounded-full", "[&>button]:hover:!bg-blue-700", "[&>button]:relative", "[&>button]:z-10", "dark:[&>button]:!bg-aurora-500", "dark:[&>button]:hover:!bg-aurora-500", "dark:[&>button]:!text-metal-900", "!relative", "before:absolute", "before:top-[4px]", "before:bottom-[4px]", "before:left-1/2", "before:right-0", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "last:before:!hidden", e?.rangeStart),
+  range_end: t("drp-range-end", "[&>button]:!bg-blue-600", "[&>button]:!text-white", "[&>button]:!rounded-full", "[&>button]:hover:!bg-blue-700", "[&>button]:relative", "[&>button]:z-10", "dark:[&>button]:!bg-aurora-500", "dark:[&>button]:hover:!bg-aurora-500", "dark:[&>button]:!text-metal-900", "!relative", "before:absolute", "before:top-[4px]", "before:bottom-[4px]", "before:left-0", "before:right-1/2", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "first:before:!hidden", e?.rangeEnd),
+  range_middle: t("drp-range-middle", "!relative", "before:absolute", "before:top-[4px]", "before:bottom-[4px]", "before:left-0", "before:right-0", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "first:before:rounded-l-full", "last:before:rounded-r-full", "[&>button]:!text-[#314158]", "[&>button]:!bg-transparent", "[&>button]:!rounded-full", "[&>button]:relative", "[&>button]:z-10", "[&>button]:hover:!bg-blue-100", "dark:[&>button]:!text-white", "dark:[&>button]:hover:!bg-aurora-500/20", e?.rangeMiddle),
   table: t("w-full border-collapse table-fixed", e?.table),
   weekdays: t("text-[#62748e]", "dark:text-metal-400", e?.weekdays),
   weeks: t("[&>tr>td]:p-0", "[&>tr]:h-[38px]", e?.weeks),
-  weekday: t(
-    "font-semibold",
-    "text-xs",
-    "uppercase",
-    "text-[#62748e]",
-    "dark:text-metal-400",
-    "pb-4",
-    "w-[37px]",
-    e?.weekday
-  ),
-  today: t(
-    "[&>button]:text-[#155dfc]",
-    "dark:[&>button]:text-aurora-500",
-    e?.today
-  ),
+  weekday: t("font-semibold", "text-xs", "uppercase", "text-[#62748e]", "dark:text-metal-400", "pb-4", "w-[37px]", e?.weekday),
+  today: t("[&>button]:text-[#155dfc]", "dark:[&>button]:text-aurora-500", e?.today),
   month_grid: "w-full",
-  disabled: t(
-    "[&>button]:opacity-50",
-    "[&>button]:cursor-not-allowed",
-    e?.disabled
-  ),
-  outside: t(
-    "[&>button]:!text-slate-400",
-    "dark:[&>button]:!text-metal-500",
-    e?.outside
-  )
+  disabled: t("[&>button]:opacity-50", "[&>button]:cursor-not-allowed", e?.disabled),
+  outside: t("[&>button]:!text-slate-400", "dark:[&>button]:!text-metal-500", e?.outside)
 }), o = 259, a = 32, n = 720 * 60 * 60 * 1e3, d = 56, l = 28, u = 38;
 export {
   a as GAP_WIDTH,

package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useIndependentCarousel.js

@@ -1,142 +1,167 @@
-import { useState as f, useRef as F, useEffect as m, useMemo as U, useCallback as k } from "react";
-import { MS_PER_MONTH as W, SINGLE_MONTH_WIDTH as I } from "../constants/index.js";
-import { getNextMonth as h, getPrevMonth as g, getWeeksInMonth as w, calculateCalendarHeight as V } from "../utils/index.js";
-const y = ({
-  displayedMonths: a,
-  animationDuration: R,
-  navigationMode: M
-}) => {
-  const [o, b] = f(
-    a[0]
-  ), [i, C] = f(null), [n, S] = f(!1), [u, L] = f(!1), [O, N] = f(!0), X = F(null), d = F(!0), [l, E] = f(
-    a[1]
-  ), [s, H] = f(null), [r, D] = f(!1), [c, q] = f(!1), [$, P] = f(!0), G = F(null), _ = F(!0);
-  m(() => {
-    if (M === "independent") {
-      if (d.current) {
-        d.current = !1;
+import { c as pe } from "../../../../../compiler-runtime-DA41awpA.js";
+import { useState as h, useRef as G, useEffect as T } from "react";
+import { MS_PER_MONTH as Te, SINGLE_MONTH_WIDTH as j } from "../constants/index.js";
+import { getNextMonth as d, getPrevMonth as M, getWeeksInMonth as de, calculateCalendarHeight as Fe } from "../utils/index.js";
+const qe = (Me) => {
+  const e = pe.c(88), {
+    displayedMonths: l,
+    animationDuration: g,
+    navigationMode: u
+  } = Me, [n, re] = h(l[0]), [f, le] = h(null), [i, fe] = h(!1), [o, z] = h(!1), [B, oe] = h(!0), Ae = G(null), ae = G(!0), [s, me] = h(l[1]), [a, ue] = h(null), [r, ce] = h(!1), [m, J] = h(!1), [K, he] = h(!0), Re = G(null), ge = G(!0);
+  let F;
+  e[0] !== l[0] || e[1] !== i || e[2] !== n || e[3] !== u ? (F = () => {
+    if (u === "independent") {
+      if (ae.current) {
+        ae.current = !1;
         return;
       }
-      if (!n) {
-        const e = o.getTime(), t = a[0].getTime();
-        if (e !== t) {
-          const T = t - e, A = Math.round(T / W);
-          if (Math.abs(A) === 1) {
-            const x = A > 0 ? "left" : "right";
-            C(x), S(!0), L(!1);
+      if (!i) {
+        const t = n.getTime(), c = l[0].getTime();
+        if (t !== c) {
+          const ie = c - t, p = Math.round(ie / Te);
+          if (Math.abs(p) === 1) {
+            const se = p > 0 ? "left" : "right";
+            le(se), fe(!0), z(!1);
           } else
-            b(a[0]);
+            re(l[0]);
         }
       }
     }
-  }, [a, o, n, M]), m(() => {
-    if (M === "independent") {
-      if (_.current) {
-        _.current = !1;
+  }, e[0] = l[0], e[1] = i, e[2] = n, e[3] = u, e[4] = F) : F = e[4];
+  let I;
+  e[5] !== l || e[6] !== i || e[7] !== n || e[8] !== u ? (I = [l, n, i, u], e[5] = l, e[6] = i, e[7] = n, e[8] = u, e[9] = I) : I = e[9], T(F, I);
+  let L;
+  e[10] !== l[1] || e[11] !== r || e[12] !== u || e[13] !== s ? (L = () => {
+    if (u === "independent") {
+      if (ge.current) {
+        ge.current = !1;
         return;
       }
       if (!r) {
-        const e = l.getTime(), t = a[1].getTime();
-        if (e !== t) {
-          const T = t - e, A = Math.round(T / W);
-          if (Math.abs(A) === 1) {
-            const x = A > 0 ? "left" : "right";
-            H(x), D(!0), q(!1);
+        const t = s.getTime(), c = l[1].getTime();
+        if (t !== c) {
+          const ie = c - t, p = Math.round(ie / Te);
+          if (Math.abs(p) === 1) {
+            const se = p > 0 ? "left" : "right";
+            ue(se), ce(!0), J(!1);
           } else
-            E(a[1]);
+            me(l[1]);
         }
       }
     }
-  }, [a, l, r, M]), m(() => {
-    n && !u && i && requestAnimationFrame(() => {
-      L(!0);
+  }, e[10] = l[1], e[11] = r, e[12] = u, e[13] = s, e[14] = L) : L = e[14];
+  let _;
+  e[15] !== l || e[16] !== r || e[17] !== u || e[18] !== s ? (_ = [l, s, r, u], e[15] = l, e[16] = r, e[17] = u, e[18] = s, e[19] = _) : _ = e[19], T(L, _);
+  let x, q;
+  e[20] !== i || e[21] !== o || e[22] !== f ? (x = () => {
+    i && !o && f && requestAnimationFrame(() => {
+      z(!0);
     });
-  }, [n, u, i]), m(() => {
-    r && !c && s && requestAnimationFrame(() => {
-      q(!0);
+  }, q = [i, o, f], e[20] = i, e[21] = o, e[22] = f, e[23] = x, e[24] = q) : (x = e[23], q = e[24]), T(x, q);
+  let D, S;
+  e[25] !== r || e[26] !== m || e[27] !== a ? (D = () => {
+    r && !m && a && requestAnimationFrame(() => {
+      J(!0);
     });
-  }, [r, c, s]), m(() => {
-    if (n && u) {
-      const e = setTimeout(() => {
-        N(!1), requestAnimationFrame(() => {
-          b((t) => i === "left" ? h(t) : g(t)), S(!1), C(null), L(!1), requestAnimationFrame(() => {
+  }, S = [r, m, a], e[25] = r, e[26] = m, e[27] = a, e[28] = D, e[29] = S) : (D = e[28], S = e[29]), T(D, S);
+  let b, C;
+  e[30] !== g || e[31] !== i || e[32] !== o || e[33] !== f ? (C = () => {
+    if (i && o) {
+      const t = setTimeout(() => {
+        oe(!1), requestAnimationFrame(() => {
+          re((c) => f === "left" ? d(c) : M(c)), fe(!1), le(null), z(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
-              N(!0);
+              oe(!0);
             });
           });
         });
-      }, R);
-      return () => clearTimeout(e);
+      }, g);
+      return () => clearTimeout(t);
     }
-  }, [
-    n,
-    u,
-    R,
-    i
-  ]), m(() => {
-    if (r && c) {
-      const e = setTimeout(() => {
-        P(!1), requestAnimationFrame(() => {
-          E((t) => s === "left" ? h(t) : g(t)), D(!1), H(null), q(!1), requestAnimationFrame(() => {
+  }, b = [i, o, g, f], e[30] = g, e[31] = i, e[32] = o, e[33] = f, e[34] = b, e[35] = C) : (b = e[34], C = e[35]), T(C, b);
+  let E, N;
+  e[36] !== g || e[37] !== r || e[38] !== m || e[39] !== a ? (E = () => {
+    if (r && m) {
+      const t = setTimeout(() => {
+        he(!1), requestAnimationFrame(() => {
+          me((c) => a === "left" ? d(c) : M(c)), ce(!1), ue(null), J(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
-              P(!0);
+              he(!0);
             });
           });
         });
-      }, R);
-      return () => clearTimeout(e);
+      }, g);
+      return () => clearTimeout(t);
     }
-  }, [
-    r,
-    c,
-    R,
-    s
-  ]);
-  const j = U(() => {
-    let e = o, t = l;
-    n && i === "left" ? e = h(o) : n && i === "right" && (e = g(o)), r && s === "left" ? t = h(l) : r && s === "right" && (t = g(l));
-    const T = Math.max(
-      w(e),
-      w(t)
-    );
-    return V(T);
-  }, [
-    o,
-    l,
-    n,
-    r,
-    i,
-    s
-  ]), p = k(() => {
-    let e = -I;
-    return n && u && (i === "left" ? e = -2 * I : i === "right" && (e = 0)), `translateX(${e}px)`;
-  }, [n, u, i]), z = k(() => {
-    let e = -I;
-    return r && c && (s === "left" ? e = -2 * I : s === "right" && (e = 0)), `translateX(${e}px)`;
-  }, [r, c, s]), B = g(o), J = h(o), K = g(l), Q = h(l);
-  return {
-    // Left month
-    leftInternalMonth: o,
-    leftPrevMonth: B,
-    leftNextMonth: J,
-    leftCarouselRef: X,
-    isLeftAnimating: n,
-    enableLeftTransition: O,
-    leftAnimateTransform: u,
-    getLeftTransform: p,
-    // Right month
-    rightInternalMonth: l,
-    rightPrevMonth: K,
-    rightNextMonth: Q,
-    rightCarouselRef: G,
+  }, N = [r, m, g, a], e[36] = g, e[37] = r, e[38] = m, e[39] = a, e[40] = E, e[41] = N) : (E = e[40], N = e[41]), T(E, N);
+  let A = n, R = s;
+  if (i && f === "left") {
+    let t;
+    e[42] !== n ? (t = d(n), e[42] = n, e[43] = t) : t = e[43], A = t;
+  } else if (i && f === "right") {
+    let t;
+    e[44] !== n ? (t = M(n), e[44] = n, e[45] = t) : t = e[45], A = t;
+  }
+  if (r && a === "left") {
+    let t;
+    e[46] !== s ? (t = d(s), e[46] = s, e[47] = t) : t = e[47], R = t;
+  } else if (r && a === "right") {
+    let t;
+    e[48] !== s ? (t = M(s), e[48] = s, e[49] = t) : t = e[49], R = t;
+  }
+  let H;
+  e[50] !== A ? (H = de(A), e[50] = A, e[51] = H) : H = e[51];
+  let P;
+  e[52] !== R ? (P = de(R), e[52] = R, e[53] = P) : P = e[53];
+  const Q = Math.max(H, P);
+  let W;
+  e[54] !== Q ? (W = Fe(Q), e[54] = Q, e[55] = W) : W = e[55];
+  const U = W;
+  let $;
+  e[56] !== i || e[57] !== o || e[58] !== f ? ($ = () => {
+    let t = -j;
+    return i && o && (f === "left" ? t = -2 * j : f === "right" && (t = 0)), `translateX(${t}px)`;
+  }, e[56] = i, e[57] = o, e[58] = f, e[59] = $) : $ = e[59];
+  const V = $;
+  let k;
+  e[60] !== r || e[61] !== m || e[62] !== a ? (k = () => {
+    let t = -j;
+    return r && m && (a === "left" ? t = -2 * j : a === "right" && (t = 0)), `translateX(${t}px)`;
+  }, e[60] = r, e[61] = m, e[62] = a, e[63] = k) : k = e[63];
+  const Y = k;
+  let v;
+  e[64] !== n ? (v = M(n), e[64] = n, e[65] = v) : v = e[65];
+  const Z = v;
+  let w;
+  e[66] !== n ? (w = d(n), e[66] = n, e[67] = w) : w = e[67];
+  const ee = w;
+  let O;
+  e[68] !== s ? (O = M(s), e[68] = s, e[69] = O) : O = e[69];
+  const te = O;
+  let X;
+  e[70] !== s ? (X = d(s), e[70] = s, e[71] = X) : X = e[71];
+  const ne = X;
+  let y;
+  return e[72] !== U || e[73] !== B || e[74] !== K || e[75] !== V || e[76] !== Y || e[77] !== i || e[78] !== r || e[79] !== o || e[80] !== n || e[81] !== ee || e[82] !== Z || e[83] !== m || e[84] !== s || e[85] !== ne || e[86] !== te ? (y = {
+    leftInternalMonth: n,
+    leftPrevMonth: Z,
+    leftNextMonth: ee,
+    leftCarouselRef: Ae,
+    isLeftAnimating: i,
+    enableLeftTransition: B,
+    leftAnimateTransform: o,
+    getLeftTransform: V,
+    rightInternalMonth: s,
+    rightPrevMonth: te,
+    rightNextMonth: ne,
+    rightCarouselRef: Re,
     isRightAnimating: r,
-    enableRightTransition: $,
-    rightAnimateTransform: c,
-    getRightTransform: z,
-    // Shared
-    calendarHeight: j
-  };
+    enableRightTransition: K,
+    rightAnimateTransform: m,
+    getRightTransform: Y,
+    calendarHeight: U
+  }, e[72] = U, e[73] = B, e[74] = K, e[75] = V, e[76] = Y, e[77] = i, e[78] = r, e[79] = o, e[80] = n, e[81] = ee, e[82] = Z, e[83] = m, e[84] = s, e[85] = ne, e[86] = te, e[87] = y) : y = e[87], y;
 };
 export {
-  y as useIndependentCarousel
+  qe as useIndependentCarousel
 };

package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useTogetherCarousel.js

@@ -16,14 +16,7 @@ const tt = ({
     t && n === "left" ? e = [h, H] : t && n === "right" ? e = [x, m] : e = [m, h];
     const r = Math.max(...e.map(U));
     return V(r);
-  }, [
-    t,
-    n,
-    m,
-    h,
-    H,
-    x
-  ]), X = 6 * W + 5 * d, T = -2 * (W + d);
+  }, [t, n, m, h, H, x]), X = 6 * W + 5 * d, T = -2 * (W + d);
   I(() => {
     if (C !== "independent") {
       if (p.current) {
@@ -75,14 +68,7 @@ const tt = ({
     animateTransform: o,
     calendarHeight: N,
     carouselTotalWidth: X,
-    monthsToRender: [
-      w,
-      x,
-      m,
-      h,
-      H,
-      L
-    ],
+    monthsToRender: [w, x, m, h, H, L],
     handlePrevMonth: $,
     handleNextMonth: j,
     getTransform: z