@konstructio/ui 0.1.2-alpha.78 → 0.1.2-alpha.79

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

@@ -1,60 +1,38 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { cn as d } from "../../../../../../utils/index.js";
+import { t as n } from "../../../../../../utils-DHuiYnx1.js";
+import { t as c } from "../../../../../../DayPicker-CNWQ1Oyd.js";
+import { getMonthName as d } from "../../../../utils/validation.js";
 import { calendarMonthTitleVariants as f } from "../../CalendarPanel.variants.js";
-import { createDayPickerClassNames as h, SINGLE_MONTH_WIDTH as p } from "../../constants/index.js";
-import { getMonthName as M } from "../../../../utils/validation.js";
-import { D as y } from "../../../../../../DayPicker-CaeUXRCF.js";
-const N = (e) => `${M(e.getMonth())} ${e.getFullYear()}`, g = ({
-  month: e,
-  range: a,
-  onRangeSelect: o,
-  disabled: i,
-  disabledMatcher: n,
-  showOutsideDays: m,
-  classNames: t
-}) => {
-  const s = c(
-    () => h(t?.dayPicker),
-    [t?.dayPicker]
-  );
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      style: { width: p },
-      children: [
-        /* @__PURE__ */ r("div", { className: "flex items-center justify-center mb-8 h-6", children: /* @__PURE__ */ r(
-          "span",
-          {
-            className: d(
-              f(),
-              "flex-1 text-center",
-              t?.monthTitle
-            ),
-            children: N(e)
-          }
-        ) }),
-        /* @__PURE__ */ r(
-          y,
-          {
-            mode: "range",
-            selected: { from: a.from, to: a.to },
-            onSelect: o,
-            month: e,
-            numberOfMonths: 1,
-            disabled: n || i,
-            hideNavigation: !0,
-            animate: !1,
-            showOutsideDays: m,
-            classNames: s
-          }
-        )
-      ]
-    },
-    `${e.getFullYear()}-${e.getMonth()}`
-  );
+import { s as h } from "../../../../../../constants-D96yCePL.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", {
+    style: { width: 259 },
+    children: [/* @__PURE__ */ r("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)
+      })
+    }), /* @__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
+    })]
+  }, `${e.getFullYear()}-${e.getMonth()}`);
 };
-g.displayName = "CalendarMonth";
+N.displayName = "CalendarMonth";
 export {
-  g as CalendarMonth
+  N as CalendarMonth
 };

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

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

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

@@ -1,39 +1,20 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as e } from "../../../../../../utils/index.js";
-import { calendarNavButtonDisabledVariants as h, calendarNavButtonVariants as b } from "../../CalendarPanel.variants.js";
-import { C as v } from "../../../../../../chevron-left-BHBf-gQY.js";
-import { C as N } from "../../../../../../chevron-right-DvXGOiS_.js";
-const B = ({
-  direction: n,
-  onClick: r,
-  disabled: s = !1,
-  isAnimating: i = !1,
-  canNavigate: t = !0,
-  hideWhenDisabled: l = !1,
-  className: m,
-  disabledClassName: d,
-  ariaLabel: u,
-  size: c = "medium"
-}) => {
-  const o = s || i || !t;
-  if (l && !t)
-    return null;
-  const f = n === "prev" ? v : N, p = c === "small" ? "w-4 h-4" : "w-5 h-5";
-  return /* @__PURE__ */ a(
-    "button",
-    {
-      type: "button",
-      onClick: r,
-      disabled: o,
-      className: e(
-        b(),
-        m,
-        o && e(h(), d)
-      ),
-      "aria-label": u,
-      children: /* @__PURE__ */ a(f, { className: p })
-    }
-  );
+import { t as o } from "../../../../../../utils-DHuiYnx1.js";
+import { t as v } from "../../../../../../chevron-left-DRJXef9g.js";
+import { t as b } from "../../../../../../chevron-right-BooB_b7g.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" }) => {
+  const a = i || s || !t;
+  if (l && !t) return null;
+  const d = e === "prev" ? v : b, p = f === "small" ? "w-4 h-4" : "w-5 h-5";
+  return /* @__PURE__ */ r("button", {
+    type: "button",
+    onClick: n,
+    disabled: a,
+    className: o(N(), m, a && o(h(), u)),
+    "aria-label": c,
+    children: /* @__PURE__ */ r(d, { className: p })
+  });
 };
 B.displayName = "NavigationButton";
 export {