@konstructio/ui 0.1.2-alpha.99 → 0.1.4

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

@@ -1,76 +1,78 @@
+import { useDateRangePicker as q } from "../../contexts/date-range-picker/date-range-picker.hook.js";
+import { createDisabledMatcher as z } from "../../utils/disabled-dates/disabled-dates.js";
+import { IndependentModeCalendar as A } from "./components/IndependentModeCalendar/IndependentModeCalendar.js";
+import { TogetherModeCalendar as B } from "./components/TogetherModeCalendar/TogetherModeCalendar.js";
+import "../../../../constants-YCGllWdf.js";
 import '../../../../style.css';import '../../../../CalendarPanel.css';/* empty css                         */
-import { useDateRangePicker as B } from "../../contexts/date-range-picker.hook.js";
-import { createDisabledMatcher as E } from "../../utils/disabled-dates.js";
-import { IndependentModeCalendar as F } from "./components/IndependentModeCalendar/IndependentModeCalendar.js";
-import { TogetherModeCalendar as G } from "./components/TogetherModeCalendar/TogetherModeCalendar.js";
-import { useMemo as H } from "react";
+import { useMemo as F } from "react";
 import { jsx as x } from "react/jsx-runtime";
-var J = ({ className: a, calendarWidth: n = 550, ariaLabelCalendar: o = "Date range picker calendar", ariaLabelPrevMonth: u = "Previous month", ariaLabelNextMonth: D = "Next month", ariaLabelPrevMonthStart: M = "Previous month for start date", ariaLabelNextMonthStart: R = "Next month for start date", ariaLabelPrevMonthEnd: b = "Previous month for end date", ariaLabelNextMonthEnd: k = "Next month for end date", classNames: r }) => {
-  const { animationDuration: i, blockedDays: d, blockedMonths: g, canLeftNavigateNext: y, canLeftNavigatePrev: C, canNavigateNext: v, canNavigatePrev: s, canRightNavigateNext: L, canRightNavigatePrev: S, disabled: e, displayedMonths: m, hideDisabledNavigation: c, maxDate: h, minDate: l, navigationMode: t, range: f, showOutsideDays: p, navigateLeftNext: j, navigateLeftPrev: w, navigateNextMonth: I, navigatePrevMonth: O, navigateRightNext: T, navigateRightPrev: q, setRange: z } = B(), N = H(() => E({
-    blockedDays: d,
-    blockedMonths: g,
-    minDate: l,
+var J = ({ className: t, calendarWidth: a = 550, ariaLabelCalendar: n = "Date range picker calendar", ariaLabelPrevMonth: D = "Previous month", ariaLabelNextMonth: R = "Next month", ariaLabelPrevMonthStart: b = "Previous month for start date", ariaLabelNextMonthStart: k = "Next month for start date", ariaLabelPrevMonthEnd: S = "Previous month for end date", ariaLabelNextMonthEnd: y = "Next month for end date", classNames: o }) => {
+  const { animationDuration: r, blockedDays: i, blockedMonths: d, canLeftNavigateNext: L, canLeftNavigatePrev: C, canNavigateNext: g, canNavigatePrev: s, canRightNavigateNext: I, canRightNavigatePrev: O, disabled: e, displayedMonths: m, hideDisabledNavigation: v, maxDate: h, minDate: c, navigationMode: l, numberOfMonths: f, range: N, showOutsideDays: p, navigateLeftNext: T, navigateLeftPrev: H, navigateNextMonth: _, navigatePrevMonth: j, navigateRightNext: w, navigateRightPrev: E, setRange: G } = q(), P = F(() => z({
+    blockedDays: i,
+    blockedMonths: d,
+    minDate: c,
     maxDate: h
   }), [
+    i,
     d,
-    g,
-    l,
+    c,
     h
-  ]), P = (A) => {
-    z(A);
-  };
-  return t === "independent" ? /* @__PURE__ */ x(F, {
-    className: a,
-    calendarWidth: n,
-    ariaLabelCalendar: o,
-    ariaLabelPrevMonthStart: M,
-    ariaLabelNextMonthStart: R,
-    ariaLabelPrevMonthEnd: b,
-    ariaLabelNextMonthEnd: k,
-    classNames: r,
-    range: f,
-    onRangeSelect: P,
+  ]), M = (W) => {
+    G(W);
+  }, u = f === 1;
+  return l === "independent" && !u ? /* @__PURE__ */ x(A, {
+    className: t,
+    calendarWidth: a,
+    ariaLabelCalendar: n,
+    ariaLabelPrevMonthStart: b,
+    ariaLabelNextMonthStart: k,
+    ariaLabelPrevMonthEnd: S,
+    ariaLabelNextMonthEnd: y,
+    classNames: o,
+    range: N,
+    onRangeSelect: M,
     disabled: e,
-    disabledMatcher: N,
+    disabledMatcher: P,
     showOutsideDays: p,
-    hideDisabledNavigation: c,
+    hideDisabledNavigation: v,
     canLeftNavigatePrev: C,
-    canLeftNavigateNext: y,
-    canRightNavigatePrev: S,
-    canRightNavigateNext: L,
-    navigateLeftPrev: w,
-    navigateLeftNext: j,
-    navigateRightPrev: q,
-    navigateRightNext: T,
+    canLeftNavigateNext: L,
+    canRightNavigatePrev: O,
+    canRightNavigateNext: I,
+    navigateLeftPrev: H,
+    navigateLeftNext: T,
+    navigateRightPrev: E,
+    navigateRightNext: w,
     carouselProps: {
       displayedMonths: m,
-      animationDuration: i,
-      navigationMode: t
+      animationDuration: r,
+      navigationMode: l
     }
-  }) : /* @__PURE__ */ x(G, {
-    className: a,
-    calendarWidth: n,
-    ariaLabelCalendar: o,
-    ariaLabelPrevMonth: u,
-    ariaLabelNextMonth: D,
-    classNames: r,
-    range: f,
-    onRangeSelect: P,
+  }) : /* @__PURE__ */ x(B, {
+    className: t,
+    calendarWidth: u ? 259 : a,
+    ariaLabelCalendar: n,
+    ariaLabelPrevMonth: D,
+    ariaLabelNextMonth: R,
+    classNames: o,
+    range: N,
+    onRangeSelect: M,
     disabled: e,
-    disabledMatcher: N,
+    disabledMatcher: P,
     showOutsideDays: p,
-    hideDisabledNavigation: c,
+    hideDisabledNavigation: v,
     canNavigatePrev: s,
-    canNavigateNext: v,
+    canNavigateNext: g,
     carouselProps: {
       displayedMonths: m,
-      animationDuration: i,
+      animationDuration: r,
       disabled: e,
       canNavigatePrev: s,
-      canNavigateNext: v,
-      navigationMode: t,
-      navigatePrevMonth: O,
-      navigateNextMonth: I
+      canNavigateNext: g,
+      navigationMode: "together",
+      numberOfMonths: f,
+      navigatePrevMonth: j,
+      navigateNextMonth: _
     }
   });
 };

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

@@ -1,4 +1,4 @@
-import { t as a } from "../../../../dist-Bcn6lMQe.js";
+import { t as a } from "../../../../dist-B9GE4SXf.js";
 var t = a([
   "flex",
   "flex-col",
@@ -20,15 +20,19 @@ var t = a([
   "p-2",
   "rounded-full",
   "cursor-pointer",
+  "tap-target",
   "text-slate-500",
   "dark:text-metal-300",
   "hover:bg-slate-100",
+  "active:bg-slate-100",
   "dark:hover:bg-metal-700",
+  "dark:active:bg-metal-700",
   "transition-colors"
 ]), i = a([
   "opacity-45",
   "cursor-not-allowed",
-  "hover:bg-transparent"
+  "hover:bg-transparent",
+  "active:bg-transparent"
 ]), s = a([
   "flex-1",
   "text-center",
@@ -37,16 +41,16 @@ var t = a([
   "text-slate-700",
   "dark:text-white",
   "leading-6"
-]), o = a([
+]), c = a([
   "flex",
   "gap-8",
   "py-4",
   "w-138",
   "justify-center"
-]), c = a(["w-64.75"]);
+]), o = a(["w-64.75"]);
 export {
-  o as calendarGridContainerVariants,
-  c as calendarGridVariants,
+  c as calendarGridContainerVariants,
+  o as calendarGridVariants,
   s as calendarMonthTitleVariants,
   i as calendarNavButtonDisabledVariants,
   l as calendarNavButtonVariants,

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

@@ -1,4 +1,4 @@
-import { t as r } from "../../../../../../utils-COaoD3PI.js";
+import { t as r } from "../../../../../../utils-DnIJruo0.js";
 import { jsx as e } from "react/jsx-runtime";
 var i = ({ className: a }) => /* @__PURE__ */ e("div", {
   className: r("absolute", "left-0", "right-0", "top-14", "h-px", "bg-slate-200", "dark:bg-metal-700", a),

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

@@ -1,38 +1,30 @@
-import { t as n } from "../../../../../../utils-COaoD3PI.js";
-import { t as c } from "../../../../../../DayPicker-BQlzb5kH.js";
-import { getMonthName as d } from "../../../../utils/validation.js";
-import { calendarMonthTitleVariants as f } from "../../CalendarPanel.variants.js";
-import { s as h } from "../../../../../../constants-CLe3ZLC_.js";
-import { useMemo as p } from "react";
-import { jsx as r, jsxs as M } from "react/jsx-runtime";
-var y = (e) => `${d(e.getMonth())} ${e.getFullYear()}`, N = ({ month: e, range: a, onRangeSelect: i, disabled: o, disabledMatcher: s, showOutsideDays: m, classNames: t }) => {
-  const l = p(() => h(t?.dayPicker), [t?.dayPicker]);
-  return /* @__PURE__ */ M("div", {
+import { t as r } from "../../../../../../utils-DnIJruo0.js";
+import { getMonthName as o } from "../../../../utils/validation/validation.js";
+import { calendarMonthTitleVariants as i } from "../../CalendarPanel.variants.js";
+import "../../../../../../constants-YCGllWdf.js";
+import { getWeeksInMonth as l } from "../../utils/index.js";
+import { Suspense as m, lazy as s } from "react";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+var c = s(() => import("./components/CalendarMonthContent/CalendarMonthContent.js").then((t) => ({ default: t.CalendarMonthContent }))), d = (t) => `${o(t.getMonth())} ${t.getFullYear()}`, f = (t) => {
+  const { month: a, classNames: n } = t;
+  return /* @__PURE__ */ h("div", {
     style: { width: 259 },
-    children: [/* @__PURE__ */ r("div", {
+    children: [/* @__PURE__ */ e("div", {
       className: "flex items-center justify-center mb-8 h-6",
-      children: /* @__PURE__ */ r("span", {
-        className: n(f(), "flex-1 text-center", t?.monthTitle),
-        children: y(e)
+      children: /* @__PURE__ */ e("span", {
+        className: r(i(), "flex-1 text-center", n?.monthTitle),
+        children: d(a)
       })
-    }), /* @__PURE__ */ r(c, {
-      mode: "range",
-      selected: {
-        from: a.from,
-        to: a.to
-      },
-      onSelect: i,
-      month: e,
-      numberOfMonths: 1,
-      disabled: s || o,
-      hideNavigation: !0,
-      animate: !1,
-      showOutsideDays: m,
-      classNames: l
+    }), /* @__PURE__ */ e(m, {
+      fallback: /* @__PURE__ */ e("div", {
+        "aria-busy": "true",
+        style: { minHeight: 28 + l(a) * 38 }
+      }),
+      children: /* @__PURE__ */ e(c, { ...t })
     })]
-  }, `${e.getFullYear()}-${e.getMonth()}`);
+  });
 };
-N.displayName = "CalendarMonth";
+f.displayName = "CalendarMonth";
 export {
-  N as CalendarMonth
+  f as CalendarMonth
 };

package/dist/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/components/CalendarMonthContent/CalendarMonthContent.js

@@ -0,0 +1,26 @@
+import { t as n } from "../../../../../../../../DayPicker-D7KFB2bI.js";
+import { s as d } from "../../../../../../../../constants-YCGllWdf.js";
+import { useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+var f = ({ month: r, range: e, onRangeSelect: o, disabled: t, disabledMatcher: m, showOutsideDays: s, classNames: a }) => {
+  const i = c(() => d(a?.dayPicker), [a?.dayPicker]);
+  return /* @__PURE__ */ l(n, {
+    mode: "range",
+    selected: {
+      from: e.from,
+      to: e.to
+    },
+    onSelect: o,
+    month: r,
+    numberOfMonths: 1,
+    disabled: m || t,
+    hideNavigation: !0,
+    animate: !1,
+    showOutsideDays: s,
+    classNames: i
+  });
+};
+f.displayName = "CalendarMonthContent";
+export {
+  f as CalendarMonthContent
+};

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

@@ -1,34 +1,33 @@
-import { t as a } from "../../../../../../utils-COaoD3PI.js";
-import { t as X } from "../../../../../../proxy-Cx8v8fok.js";
+import { t as a } from "../../../../../../utils-DnIJruo0.js";
+import { calendarGridContainerVariants as Q, calendarPanelVariants as U } from "../../CalendarPanel.variants.js";
+import "../../../../../../constants-YCGllWdf.js";
+import { useIndependentCarousel as X } from "../../hooks/useIndependentCarousel.js";
 import { CalendarDivider as Y } from "../CalendarDivider/CalendarDivider.js";
-import { calendarGridContainerVariants as Z, calendarPanelVariants as O } from "../../CalendarPanel.variants.js";
-import "../../../../../../constants-CLe3ZLC_.js";
 import { CalendarMonth as s } from "../CalendarMonth/CalendarMonth.js";
-import { useIndependentCarousel as tt } from "../../hooks/useIndependentCarousel.js";
 import { NavigationButton as c } from "../NavigationButton/NavigationButton.js";
-import { useCallback as nt, useMemo as N } from "react";
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date range picker calendar", ariaLabelPrevMonthStart: T = "Previous month for start date", ariaLabelNextMonthStart: B = "Next month for start date", ariaLabelPrevMonthEnd: R = "Previous month for end date", ariaLabelNextMonthEnd: w = "Next month for end date", classNames: t, range: i, onRangeSelect: v, disabled: e, disabledMatcher: r, showOutsideDays: o, hideDisabledNavigation: h, canLeftNavigatePrev: z, canLeftNavigateNext: A, canRightNavigatePrev: L, canRightNavigateNext: I, navigateLeftPrev: S, navigateLeftNext: D, navigateRightPrev: M, navigateRightNext: P, carouselProps: f }) => {
-  const { calendarHeight: y, enableLeftTransition: W, enableRightTransition: H, isLeftAnimating: p, isRightAnimating: u, leftAnimateTransform: j, leftCarouselRef: G, leftInternalMonth: V, leftNextMonth: _, leftPrevMonth: $, rightAnimateTransform: E, rightCarouselRef: q, rightInternalMonth: F, rightNextMonth: J, rightPrevMonth: K, getLeftTransform: Q, getRightTransform: U } = tt(f), l = nt((g) => {
-    g && v({
+import { jsx as n, jsxs as h } from "react/jsx-runtime";
+import { motion as Z } from "motion/react";
+var O = ({ className: u, calendarWidth: C = 550, ariaLabelCalendar: N = "Date range picker calendar", ariaLabelPrevMonthStart: k = "Previous month for start date", ariaLabelNextMonthStart: b = "Next month for start date", ariaLabelPrevMonthEnd: x = "Previous month for end date", ariaLabelNextMonthEnd: R = "Next month for end date", classNames: t, range: i, onRangeSelect: T, disabled: e, disabledMatcher: r, showOutsideDays: o, hideDisabledNavigation: d, canLeftNavigatePrev: B, canLeftNavigateNext: w, canRightNavigatePrev: z, canRightNavigateNext: A, navigateLeftPrev: L, navigateLeftNext: S, navigateRightPrev: I, navigateRightNext: D, carouselProps: f }) => {
+  const { calendarHeight: M, enableLeftTransition: W, enableRightTransition: P, isLeftAnimating: v, isRightAnimating: p, leftAnimateTransform: y, leftCarouselRef: H, leftInternalMonth: j, leftNextMonth: G, leftPrevMonth: V, rightAnimateTransform: _, rightCarouselRef: $, rightInternalMonth: E, rightNextMonth: q, rightPrevMonth: F, getLeftTransform: J, getRightTransform: K } = X(f), l = (g) => {
+    g && T({
       from: g.from,
       to: g.to
     });
-  }, [v]), C = N(() => t?.dayPicker, [t?.dayPicker]), m = N(() => ({
+  }, m = {
     monthTitle: t?.monthTitle,
-    dayPicker: C
-  }), [t?.monthTitle, C]);
+    dayPicker: t?.dayPicker
+  };
   return /* @__PURE__ */ n("div", {
-    className: a(O({ className: k }), t?.root),
-    children: /* @__PURE__ */ d("div", {
-      className: a(Z(), "relative", t?.gridContainer),
-      style: { width: b },
-      children: [/* @__PURE__ */ n(Y, { className: t?.divider }), /* @__PURE__ */ d(X.div, {
+    className: a(U({ className: u }), t?.root),
+    children: /* @__PURE__ */ h("div", {
+      className: a(Q(), "relative", t?.gridContainer),
+      style: { width: C },
+      children: [/* @__PURE__ */ n(Y, { className: t?.divider }), /* @__PURE__ */ h(Z.div, {
         className: "flex gap-8",
         role: "application",
-        "aria-label": x,
+        "aria-label": N,
         initial: !1,
-        animate: { height: y },
+        animate: { height: M },
         transition: {
           duration: f.animationDuration / 1e3,
           ease: [
@@ -38,46 +37,46 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
             1
           ]
         },
-        children: [/* @__PURE__ */ d("div", {
+        children: [/* @__PURE__ */ h("div", {
           style: { width: 259 },
           className: "relative overflow-hidden",
           children: [
             /* @__PURE__ */ n(c, {
               direction: "prev",
-              onClick: S,
+              onClick: L,
               disabled: e,
-              isAnimating: p,
-              canNavigate: z,
-              hideWhenDisabled: h,
+              isAnimating: v,
+              canNavigate: B,
+              hideWhenDisabled: d,
               className: a("absolute left-0 top-0 z-10 p-1", "bg-white dark:bg-metal-800", t?.navButton),
               disabledClassName: t?.navButtonDisabled,
-              ariaLabel: T,
+              ariaLabel: k,
               size: "small"
             }),
             /* @__PURE__ */ n(c, {
               direction: "next",
-              onClick: D,
+              onClick: S,
               disabled: e,
-              isAnimating: p,
-              canNavigate: A,
-              hideWhenDisabled: h,
+              isAnimating: v,
+              canNavigate: w,
+              hideWhenDisabled: d,
               className: a("absolute right-0 top-0 z-10 p-1", "bg-white dark:bg-metal-800", t?.navButton),
               disabledClassName: t?.navButtonDisabled,
-              ariaLabel: B,
+              ariaLabel: b,
               size: "small"
             }),
-            /* @__PURE__ */ d("div", {
-              ref: G,
-              className: a("flex", W && j && "konstruct-drp-carousel-transition"),
+            /* @__PURE__ */ h("div", {
+              ref: H,
+              className: a("flex", W && y && "konstruct-drp-carousel-transition"),
               style: {
                 "--konstruct-drp-animation-duration": `${f.animationDuration}ms`,
                 width: 3 * 259,
-                transform: Q(),
+                transform: J(),
                 willChange: "transform"
               },
               children: [
                 /* @__PURE__ */ n(s, {
-                  month: $,
+                  month: V,
                   range: i,
                   onRangeSelect: l,
                   disabled: e,
@@ -86,7 +85,7 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
                   classNames: m
                 }),
                 /* @__PURE__ */ n(s, {
-                  month: V,
+                  month: j,
                   range: i,
                   onRangeSelect: l,
                   disabled: e,
@@ -95,7 +94,7 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
                   classNames: m
                 }),
                 /* @__PURE__ */ n(s, {
-                  month: _,
+                  month: G,
                   range: i,
                   onRangeSelect: l,
                   disabled: e,
@@ -106,46 +105,46 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
               ]
             })
           ]
-        }), /* @__PURE__ */ d("div", {
+        }), /* @__PURE__ */ h("div", {
           style: { width: 259 },
           className: "relative overflow-hidden",
           children: [
             /* @__PURE__ */ n(c, {
               direction: "prev",
-              onClick: M,
+              onClick: I,
               disabled: e,
-              isAnimating: u,
-              canNavigate: L,
-              hideWhenDisabled: h,
+              isAnimating: p,
+              canNavigate: z,
+              hideWhenDisabled: d,
               className: a("absolute left-0 top-0 z-10 p-1", "bg-white dark:bg-metal-800", t?.navButton),
               disabledClassName: t?.navButtonDisabled,
-              ariaLabel: R,
+              ariaLabel: x,
               size: "small"
             }),
             /* @__PURE__ */ n(c, {
               direction: "next",
-              onClick: P,
+              onClick: D,
               disabled: e,
-              isAnimating: u,
-              canNavigate: I,
-              hideWhenDisabled: h,
+              isAnimating: p,
+              canNavigate: A,
+              hideWhenDisabled: d,
               className: a("absolute right-0 top-0 z-10 p-1", "bg-white dark:bg-metal-800", t?.navButton),
               disabledClassName: t?.navButtonDisabled,
-              ariaLabel: w,
+              ariaLabel: R,
               size: "small"
             }),
-            /* @__PURE__ */ d("div", {
-              ref: q,
-              className: a("flex", H && E && "konstruct-drp-carousel-transition"),
+            /* @__PURE__ */ h("div", {
+              ref: $,
+              className: a("flex", P && _ && "konstruct-drp-carousel-transition"),
               style: {
                 "--konstruct-drp-animation-duration": `${f.animationDuration}ms`,
                 width: 3 * 259,
-                transform: U(),
+                transform: K(),
                 willChange: "transform"
               },
               children: [
                 /* @__PURE__ */ n(s, {
-                  month: K,
+                  month: F,
                   range: i,
                   onRangeSelect: l,
                   disabled: e,
@@ -154,7 +153,7 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
                   classNames: m
                 }),
                 /* @__PURE__ */ n(s, {
-                  month: F,
+                  month: E,
                   range: i,
                   onRangeSelect: l,
                   disabled: e,
@@ -163,7 +162,7 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
                   classNames: m
                 }),
                 /* @__PURE__ */ n(s, {
-                  month: J,
+                  month: q,
                   range: i,
                   onRangeSelect: l,
                   disabled: e,
@@ -179,7 +178,7 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
     })
   });
 };
-et.displayName = "IndependentModeCalendar";
+O.displayName = "IndependentModeCalendar";
 export {
-  et as IndependentModeCalendar
+  O as IndependentModeCalendar
 };

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

@@ -1,6 +1,6 @@
-import { t as o } from "../../../../../../utils-COaoD3PI.js";
-import { t as v } from "../../../../../../chevron-left-CeJrJR0U.js";
-import { t as b } from "../../../../../../chevron-right-BFOnP164.js";
+import { t as v } from "../../../../../../chevron-left-B1zWfqll.js";
+import { t as b } from "../../../../../../chevron-right-D4OkgIIT.js";
+import { t as o } from "../../../../../../utils-DnIJruo0.js";
 import { calendarNavButtonDisabledVariants as h, calendarNavButtonVariants as N } from "../../CalendarPanel.variants.js";
 import { jsx as r } from "react/jsx-runtime";
 var B = ({ direction: e, onClick: n, disabled: i = !1, isAnimating: s = !1, canNavigate: t = !0, hideWhenDisabled: l = !1, className: m, disabledClassName: u, ariaLabel: c, size: f = "medium" }) => {