@konstructio/ui 0.1.2-alpha.11 → 0.1.2-alpha.111

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,91 @@
+import { t as a } from "../../utils-DnIJruo0.js";
+import { Typography as i } from "../Typography/Typography.js";
+import { DateRangePickerProvider as $ } from "./contexts/date-range-picker/date-range-picker.provider.js";
+import { PresetPanel as ee } from "./components/PresetPanel/PresetPanel.js";
+import { DateTimeInputs as re } from "./components/DateTimeInputs/DateTimeInputs.js";
+import { CalendarPanel as ae } from "./components/CalendarPanel/CalendarPanel.js";
+import { RightPanel as te } from "./components/RightPanel/RightPanel.js";
+import { dateRangePickerVariants as ne, rightPanelVariants as ie } from "./DateRangePicker.variants.js";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+var oe = ({ animationDuration: o = 500, className: l, defaultPreset: m = "custom", defaultRange: s, defaultTime: c, disabled: p = !1, isRequired: d, label: n, labelWrapperClassName: f, name: g, showTime: P = !0, theme: h, timeFormat: x = "24", blockedDays: u, blockedMonths: k, minDate: v, maxDate: N, hideDisabledNavigation: D, showOutsideDays: R, navigationMode: y = "independent", numberOfMonths: T = 2, dateDisplayFormat: j = "long", ariaLabelCalendar: I, ariaLabelPrevMonth: V, ariaLabelNextMonth: b, ariaLabelPrevMonthStart: C, ariaLabelNextMonthStart: K, ariaLabelPrevMonthEnd: L, ariaLabelNextMonthEnd: q, autoComplete: w, labelStartDate: z, labelEndDate: A, labelTime: B, requiredDates: E, ariaLabelStartDate: F, ariaLabelEndDate: G, errorInvalidDate: H, errorDateNotAvailable: J, showPresets: M = !0, presets: O, footer: Q, revealCalendarOnCustom: S = !1, labelTimePeriod: U, ariaLabelTimePeriod: W, presetLabels: X, classNames: r, onRangeChange: Y, onDateChange: Z, onPresetChange: _ }) => /* @__PURE__ */ e($, {
+  defaultRange: s,
+  defaultTime: c,
+  defaultPreset: m,
+  presets: O,
+  timeFormat: x,
+  showTime: P,
+  name: g,
+  disabled: p,
+  animationDuration: o,
+  blockedDays: u,
+  blockedMonths: k,
+  minDate: v,
+  maxDate: N,
+  hideDisabledNavigation: D,
+  showOutsideDays: R,
+  navigationMode: y,
+  numberOfMonths: T,
+  dateDisplayFormat: j,
+  revealCalendarOnCustom: S,
+  onRangeChange: Y,
+  onDateChange: Z,
+  onPresetChange: _,
+  children: /* @__PURE__ */ t("div", {
+    className: "flex flex-col gap-2",
+    "data-theme": h,
+    children: [n ? /* @__PURE__ */ e("div", {
+      className: a(f),
+      children: /* @__PURE__ */ t(i, {
+        component: "label",
+        variant: "labelLarge",
+        className: a("cursor-pointer", "flex", "gap-1", "text-sm", "font-medium"),
+        children: [n, d && /* @__PURE__ */ e(i, {
+          component: "span",
+          className: a("text-red-600", "dark:text-red-500", "text-xs", "mt-0.5"),
+          children: "*"
+        })]
+      })
+    }) : null, /* @__PURE__ */ t("div", {
+      className: a(ne({ className: l }), r?.container),
+      role: "group",
+      "aria-label": n || "Date range picker",
+      children: [M && /* @__PURE__ */ e(ee, {
+        labelTimePeriod: U,
+        ariaLabelTimePeriod: W,
+        presetLabels: X,
+        classNames: r?.presetPanel
+      }), /* @__PURE__ */ t(te, {
+        className: a(ie(), r?.rightPanel),
+        children: [
+          /* @__PURE__ */ e(re, {
+            autoComplete: w,
+            labelStartDate: z,
+            labelEndDate: A,
+            labelTime: B,
+            requiredDates: E,
+            ariaLabelStartDate: F,
+            ariaLabelEndDate: G,
+            errorInvalidDate: H,
+            errorDateNotAvailable: J,
+            classNames: r?.dateTimeInputs
+          }),
+          /* @__PURE__ */ e(ae, {
+            ariaLabelCalendar: I,
+            ariaLabelPrevMonth: V,
+            ariaLabelNextMonth: b,
+            ariaLabelPrevMonthStart: C,
+            ariaLabelNextMonthStart: K,
+            ariaLabelPrevMonthEnd: L,
+            ariaLabelNextMonthEnd: q,
+            classNames: r?.calendarPanel
+          }),
+          Q
+        ]
+      })]
+    })]
+  })
+});
+oe.displayName = "KonstructDateRangePicker";
+export {
+  oe as DateRangePicker
+};

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

@@ -0,0 +1,24 @@
+import { t as a } from "../../dist-B9GE4SXf.js";
+var r = a([
+  "flex",
+  "rounded-xl",
+  "overflow-hidden",
+  "max-w-fit",
+  "bg-white",
+  "dark:bg-metal-800",
+  "dark:border-metal-700",
+  "shadow",
+  "dark:shadow-metal-50/5"
+]), t = a([
+  "flex",
+  "flex-col",
+  "gap-6",
+  "pt-4.5",
+  "pb-3.5",
+  "px-4",
+  "items-center"
+]);
+export {
+  r as dateRangePickerVariants,
+  t as rightPanelVariants
+};

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

@@ -0,0 +1,82 @@
+import '../../../../style.css';import '../../../../CalendarPanel.css';/* empty css                         */
+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 "../../../../constants-q2QnJrOb.js";
+import { IndependentModeCalendar as A } from "./components/IndependentModeCalendar/IndependentModeCalendar.js";
+import { TogetherModeCalendar as B } from "./components/TogetherModeCalendar/TogetherModeCalendar.js";
+import { useMemo as F } from "react";
+import { jsx as x } from "react/jsx-runtime";
+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,
+    c,
+    h
+  ]), 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: P,
+    showOutsideDays: p,
+    hideDisabledNavigation: v,
+    canLeftNavigatePrev: C,
+    canLeftNavigateNext: L,
+    canRightNavigatePrev: O,
+    canRightNavigateNext: I,
+    navigateLeftPrev: H,
+    navigateLeftNext: T,
+    navigateRightPrev: E,
+    navigateRightNext: w,
+    carouselProps: {
+      displayedMonths: m,
+      animationDuration: r,
+      navigationMode: l
+    }
+  }) : /* @__PURE__ */ x(B, {
+    className: t,
+    calendarWidth: u ? 259 : a,
+    ariaLabelCalendar: n,
+    ariaLabelPrevMonth: D,
+    ariaLabelNextMonth: R,
+    classNames: o,
+    range: N,
+    onRangeSelect: M,
+    disabled: e,
+    disabledMatcher: P,
+    showOutsideDays: p,
+    hideDisabledNavigation: v,
+    canNavigatePrev: s,
+    canNavigateNext: g,
+    carouselProps: {
+      displayedMonths: m,
+      animationDuration: r,
+      disabled: e,
+      canNavigatePrev: s,
+      canNavigateNext: g,
+      navigationMode: "together",
+      numberOfMonths: f,
+      navigatePrevMonth: j,
+      navigateNextMonth: _
+    }
+  });
+};
+J.displayName = "DateRangePickerCalendarPanel";
+export {
+  J as CalendarPanel
+};

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

@@ -0,0 +1,56 @@
+import { t as a } from "../../../../dist-B9GE4SXf.js";
+var t = a([
+  "flex",
+  "flex-col",
+  "items-center",
+  "w-full"
+]), r = a([
+  "flex",
+  "items-center",
+  "justify-between",
+  "w-138"
+]), n = a([
+  "flex",
+  "items-center",
+  "w-64.75"
+]), l = a([
+  "flex",
+  "items-center",
+  "justify-center",
+  "p-2",
+  "rounded-full",
+  "cursor-pointer",
+  "text-slate-500",
+  "dark:text-metal-300",
+  "hover:bg-slate-100",
+  "dark:hover:bg-metal-700",
+  "transition-colors"
+]), i = a([
+  "opacity-45",
+  "cursor-not-allowed",
+  "hover:bg-transparent"
+]), s = a([
+  "flex-1",
+  "text-center",
+  "text-base",
+  "font-medium",
+  "text-slate-700",
+  "dark:text-white",
+  "leading-6"
+]), o = a([
+  "flex",
+  "gap-8",
+  "py-4",
+  "w-138",
+  "justify-center"
+]), c = a(["w-64.75"]);
+export {
+  o as calendarGridContainerVariants,
+  c as calendarGridVariants,
+  s as calendarMonthTitleVariants,
+  i as calendarNavButtonDisabledVariants,
+  l as calendarNavButtonVariants,
+  n as calendarNavGroupVariants,
+  r as calendarNavigationVariants,
+  t as calendarPanelVariants
+};

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

@@ -0,0 +1,10 @@
+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),
+  "aria-hidden": "true"
+});
+i.displayName = "CalendarDivider";
+export {
+  i as CalendarDivider
+};

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

@@ -0,0 +1,38 @@
+import { t as n } from "../../../../../../utils-DnIJruo0.js";
+import { t as c } from "../../../../../../DayPicker-BtpJg2q3.js";
+import { getMonthName as d } from "../../../../utils/validation/validation.js";
+import { calendarMonthTitleVariants as f } from "../../CalendarPanel.variants.js";
+import { s as h } from "../../../../../../constants-q2QnJrOb.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()}`);
+};
+N.displayName = "CalendarMonth";
+export {
+  N as CalendarMonth
+};

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

@@ -0,0 +1,184 @@
+import { t as a } from "../../../../../../utils-DnIJruo0.js";
+import { t as Q } from "../../../../../../react-C685EsYG.js";
+import { CalendarDivider as U } from "../CalendarDivider/CalendarDivider.js";
+import { calendarGridContainerVariants as X, calendarPanelVariants as Y } from "../../CalendarPanel.variants.js";
+import "../../../../../../constants-q2QnJrOb.js";
+import { CalendarMonth as s } from "../CalendarMonth/CalendarMonth.js";
+import { useIndependentCarousel as Z } from "../../hooks/useIndependentCarousel.js";
+import { NavigationButton as c } from "../NavigationButton/NavigationButton.js";
+import { jsx as n, jsxs as h } from "react/jsx-runtime";
+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 } = Z(f), l = (g) => {
+    g && T({
+      from: g.from,
+      to: g.to
+    });
+  }, m = {
+    monthTitle: t?.monthTitle,
+    dayPicker: t?.dayPicker
+  };
+  return /* @__PURE__ */ n("div", {
+    className: a(Y({ className: u }), t?.root),
+    children: /* @__PURE__ */ h("div", {
+      className: a(X(), "relative", t?.gridContainer),
+      style: { width: C },
+      children: [/* @__PURE__ */ n(U, { className: t?.divider }), /* @__PURE__ */ h(Q.div, {
+        className: "flex gap-8",
+        role: "application",
+        "aria-label": N,
+        initial: !1,
+        animate: { height: M },
+        transition: {
+          duration: f.animationDuration / 1e3,
+          ease: [
+            0.25,
+            0.1,
+            0.25,
+            1
+          ]
+        },
+        children: [/* @__PURE__ */ h("div", {
+          style: { width: 259 },
+          className: "relative overflow-hidden",
+          children: [
+            /* @__PURE__ */ n(c, {
+              direction: "prev",
+              onClick: L,
+              disabled: e,
+              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: k,
+              size: "small"
+            }),
+            /* @__PURE__ */ n(c, {
+              direction: "next",
+              onClick: S,
+              disabled: e,
+              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,
+              size: "small"
+            }),
+            /* @__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: J(),
+                willChange: "transform"
+              },
+              children: [
+                /* @__PURE__ */ n(s, {
+                  month: V,
+                  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
+                }),
+                /* @__PURE__ */ n(s, {
+                  month: G,
+                  range: i,
+                  onRangeSelect: l,
+                  disabled: e,
+                  disabledMatcher: r,
+                  showOutsideDays: o,
+                  classNames: m
+                })
+              ]
+            })
+          ]
+        }), /* @__PURE__ */ h("div", {
+          style: { width: 259 },
+          className: "relative overflow-hidden",
+          children: [
+            /* @__PURE__ */ n(c, {
+              direction: "prev",
+              onClick: I,
+              disabled: e,
+              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: x,
+              size: "small"
+            }),
+            /* @__PURE__ */ n(c, {
+              direction: "next",
+              onClick: D,
+              disabled: e,
+              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: R,
+              size: "small"
+            }),
+            /* @__PURE__ */ h("div", {
+              ref: $,
+              className: a("flex", P && _ && "konstruct-drp-carousel-transition"),
+              style: {
+                "--konstruct-drp-animation-duration": `${f.animationDuration}ms`,
+                width: 3 * 259,
+                transform: K(),
+                willChange: "transform"
+              },
+              children: [
+                /* @__PURE__ */ n(s, {
+                  month: F,
+                  range: i,
+                  onRangeSelect: l,
+                  disabled: e,
+                  disabledMatcher: r,
+                  showOutsideDays: o,
+                  classNames: m
+                }),
+                /* @__PURE__ */ n(s, {
+                  month: E,
+                  range: i,
+                  onRangeSelect: l,
+                  disabled: e,
+                  disabledMatcher: r,
+                  showOutsideDays: o,
+                  classNames: m
+                }),
+                /* @__PURE__ */ n(s, {
+                  month: q,
+                  range: i,
+                  onRangeSelect: l,
+                  disabled: e,
+                  disabledMatcher: r,
+                  showOutsideDays: o,
+                  classNames: m
+                })
+              ]
+            })
+          ]
+        })]
+      })]
+    })
+  });
+};
+O.displayName = "IndependentModeCalendar";
+export {
+  O as IndependentModeCalendar
+};

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

@@ -0,0 +1,22 @@
+import { t as o } from "../../../../../../utils-DnIJruo0.js";
+import { t as v } from "../../../../../../chevron-left-B1zWfqll.js";
+import { t as b } from "../../../../../../chevron-right-D4OkgIIT.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 {
+  B as NavigationButton
+};

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

@@ -0,0 +1,87 @@
+import { t as n } from "../../../../../../utils-DnIJruo0.js";
+import { t as P } from "../../../../../../react-C685EsYG.js";
+import { CalendarDivider as W } from "../CalendarDivider/CalendarDivider.js";
+import { calendarGridContainerVariants as z, calendarPanelVariants as L } from "../../CalendarPanel.variants.js";
+import { CalendarMonth as R } from "../CalendarMonth/CalendarMonth.js";
+import { useTogetherCarousel as S } from "../../hooks/useTogetherCarousel.js";
+import { NavigationButton as d } from "../NavigationButton/NavigationButton.js";
+import { jsx as e, jsxs as V } from "react/jsx-runtime";
+var A = ({ className: m, calendarWidth: h = 550, ariaLabelCalendar: s = "Date range picker calendar", ariaLabelPrevMonth: c = "Previous month", ariaLabelNextMonth: f = "Next month", classNames: a, range: u, onRangeSelect: p, disabled: i, disabledMatcher: v, showOutsideDays: g, hideDisabledNavigation: o, canNavigatePrev: C, canNavigateNext: T, carouselProps: r }) => {
+  const { carouselRef: b, isAnimating: l, enableTransition: k, animateTransform: x, calendarHeight: D, carouselTotalWidth: y, monthsToRender: M, handlePrevMonth: N, handleNextMonth: B, getTransform: w } = S(r), $ = (t) => {
+    t && p({
+      from: t.from,
+      to: t.to
+    });
+  };
+  return /* @__PURE__ */ e("div", {
+    className: n(L({ className: m }), a?.root),
+    children: /* @__PURE__ */ V("div", {
+      className: n(z(), "overflow-hidden relative justify-start!", a?.gridContainer),
+      style: { width: h },
+      children: [
+        /* @__PURE__ */ e(d, {
+          direction: "prev",
+          onClick: N,
+          disabled: i,
+          isAnimating: l,
+          canNavigate: C,
+          hideWhenDisabled: o,
+          className: n("absolute left-0 top-3 z-10", a?.navButton),
+          disabledClassName: a?.navButtonDisabled,
+          ariaLabel: c
+        }),
+        /* @__PURE__ */ e(d, {
+          direction: "next",
+          onClick: B,
+          disabled: i,
+          isAnimating: l,
+          canNavigate: T,
+          hideWhenDisabled: o,
+          className: n("absolute right-0 top-3 z-10", a?.navButton),
+          disabledClassName: a?.navButtonDisabled,
+          ariaLabel: f
+        }),
+        /* @__PURE__ */ e(W, { className: a?.divider }),
+        /* @__PURE__ */ e(P.div, {
+          ref: b,
+          className: n("flex gap-8", k && x && "konstruct-drp-carousel-transition"),
+          role: "application",
+          "aria-label": s,
+          initial: !1,
+          animate: { height: D },
+          transition: {
+            duration: r.animationDuration / 1e3,
+            ease: [
+              0.25,
+              0.1,
+              0.25,
+              1
+            ]
+          },
+          style: {
+            "--konstruct-drp-animation-duration": `${r.animationDuration}ms`,
+            width: y,
+            transform: w(),
+            willChange: "transform"
+          },
+          children: M.map((t, j) => /* @__PURE__ */ e(R, {
+            month: t,
+            range: u,
+            onRangeSelect: $,
+            disabled: i,
+            disabledMatcher: v,
+            showOutsideDays: g,
+            classNames: {
+              monthTitle: a?.monthTitle,
+              dayPicker: a?.dayPicker
+            }
+          }, `${t.getFullYear()}-${t.getMonth()}-${j}`))
+        })
+      ]
+    })
+  });
+};
+A.displayName = "TogetherModeCalendar";
+export {
+  A as TogetherModeCalendar
+};

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

@@ -0,0 +1,12 @@
+import { CalendarDivider as r } from "./CalendarDivider/CalendarDivider.js";
+import { CalendarMonth as t } from "./CalendarMonth/CalendarMonth.js";
+import { NavigationButton as m } from "./NavigationButton/NavigationButton.js";
+import { IndependentModeCalendar as d } from "./IndependentModeCalendar/IndependentModeCalendar.js";
+import { TogetherModeCalendar as p } from "./TogetherModeCalendar/TogetherModeCalendar.js";
+export {
+  r as CalendarDivider,
+  t as CalendarMonth,
+  d as IndependentModeCalendar,
+  m as NavigationButton,
+  p as TogetherModeCalendar
+};

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

@@ -0,0 +1,4 @@
+import { s as e } from "../../../../../constants-q2QnJrOb.js";
+export {
+  e as createDayPickerClassNames
+};

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

@@ -0,0 +1,12 @@
+import { getMonthName as E } from "../../../utils/validation/validation.js";
+import { a as s, i as _, n as r, o as T, r as e, s as o, t } from "../../../../../constants-q2QnJrOb.js";
+export {
+  t as GAP_WIDTH,
+  r as MONTH_HEADER_HEIGHT,
+  e as MS_PER_MONTH,
+  _ as SINGLE_MONTH_WIDTH,
+  s as WEEKDAY_HEADER_HEIGHT,
+  T as WEEK_ROW_HEIGHT,
+  o as createDayPickerClassNames,
+  E as getMonthName
+};

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

@@ -0,0 +1,21 @@
+import { getMonthName as t } from "../../../utils/validation/validation.js";
+import { a as o, i as r, n as s, o as H, r as E, s as m, t as _ } from "../../../../../constants-q2QnJrOb.js";
+import { calculateCalendarHeight as T, getNextMonth as i, getPrevMonth as I, getWeeksInMonth as M } from "../utils/index.js";
+import { useTogetherCarousel as N } from "./useTogetherCarousel.js";
+import { useIndependentCarousel as h } from "./useIndependentCarousel.js";
+export {
+  _ as GAP_WIDTH,
+  s as MONTH_HEADER_HEIGHT,
+  E as MS_PER_MONTH,
+  r as SINGLE_MONTH_WIDTH,
+  o as WEEKDAY_HEADER_HEIGHT,
+  H as WEEK_ROW_HEIGHT,
+  T as calculateCalendarHeight,
+  m as createDayPickerClassNames,
+  t as getMonthName,
+  i as getNextMonth,
+  I as getPrevMonth,
+  M as getWeeksInMonth,
+  h as useIndependentCarousel,
+  N as useTogetherCarousel
+};