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

package/dist/components/Counter/Counter.variants.js

@@ -1,23 +1,57 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const t = e(["[&::-webkit-inner-spin-button]:appearance-none", "[&::-webkit-outer-spin-button]:appearance-none", "[-moz-appearance:textfield]", "appearance-none", "border", "border-x-0", "focus-visible:outline-none", "focus-visible:ring-transparent", "h-9", "max-w-16", "text-right", "px-3", "border-gray-300", "text-slate-800", "bg-white", "dark:bg-metal-800", "dark:border-metal-700", "dark:text-metal-50"]), r = e(["h-9", "w-9", "flex", "items-center", "justify-center", "border", "text-slate-500", "border-gray-300", "bg-white", "cursor-pointer", "hover:bg-aurora-50", "hover:text-slate-600", "disabled:hover:bg-white", "disabled:bg-white", "disabled:text-slate-400", "dark:bg-metal-800", "dark:border-metal-700", "dark:text-aurora-500", "dark:hover:bg-aurora-900", "dark:hover:text-aurora-500", "dark:disabled:text-metal-400", "dark:disabled:hover:bg-metal-800", "dark:disabled:bg-metal-800", "disabled:cursor-not-allowed"], {
-  variants: {
-    button: {
-      left: ["rounded-e"],
-      rigth: ["rounded-s"]
-    }
-  }
-}), o = e(["cursor-pointer"], {
-  variants: {
-    variant: {
-      default: ""
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
+import { t as e } from "../../dist-DtEbXv47.js";
+var r = e([
+  "[&::-webkit-inner-spin-button]:appearance-none",
+  "[&::-webkit-outer-spin-button]:appearance-none",
+  "[-moz-appearance:textfield]",
+  "appearance-none",
+  "border",
+  "border-x-0",
+  "focus-visible:outline-none",
+  "focus-visible:ring-transparent",
+  "h-9",
+  "max-w-16",
+  "text-right",
+  "px-3",
+  "border-gray-300",
+  "text-slate-800",
+  "bg-white",
+  "dark:bg-metal-800",
+  "dark:border-metal-700",
+  "dark:text-metal-50"
+]), t = e([
+  "h-9",
+  "w-9",
+  "flex",
+  "items-center",
+  "justify-center",
+  "border",
+  "text-slate-500",
+  "border-gray-300",
+  "bg-white",
+  "cursor-pointer",
+  "hover:bg-aurora-50",
+  "hover:text-slate-600",
+  "disabled:hover:bg-white",
+  "disabled:bg-white",
+  "disabled:text-slate-400",
+  "dark:bg-metal-800",
+  "dark:border-metal-700",
+  "dark:text-aurora-500",
+  "dark:hover:bg-aurora-900",
+  "dark:hover:text-aurora-500",
+  "dark:disabled:text-metal-400",
+  "dark:disabled:hover:bg-metal-800",
+  "dark:disabled:bg-metal-800",
+  "disabled:cursor-not-allowed"
+], { variants: { button: {
+  left: ["rounded-e"],
+  rigth: ["rounded-s"]
+} } }), o = e(["cursor-pointer"], {
+  variants: { variant: { default: "" } },
+  defaultVariants: { variant: "default" }
 });
 export {
-  r as buttonVariants,
-  t as counterVariants,
+  t as buttonVariants,
+  r as counterVariants,
   o as labelVariants
 };

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,95 +1,79 @@
-import { jsx as c, jsxs as b } from "react/jsx-runtime";
-import { c as he } from "../../compiler-runtime-DA41awpA.js";
-import { cn as h } from "../../utils/index.js";
-import { Typography as ce } from "../Typography/Typography.js";
-import { dateRangePickerVariants as fe, rightPanelVariants as be } from "./DateRangePicker.variants.js";
-import { PresetPanel as Pe } from "./components/PresetPanel/PresetPanel.js";
-import { DateTimeInputs as ge } from "./components/DateTimeInputs/DateTimeInputs.js";
-import { CalendarPanel as ve } from "./components/CalendarPanel/CalendarPanel.js";
-import { DateRangePickerProvider as ue } from "./contexts/date-range-picker.provider.js";
-const De = (pe) => {
-  const e = he.c(65), {
-    animationDuration: ie,
-    className: P,
-    defaultPreset: le,
-    defaultRange: g,
-    defaultTime: v,
-    disabled: ne,
-    isRequired: u,
-    label: p,
-    labelWrapperClassName: D,
-    name: N,
-    showTime: se,
-    theme: x,
-    timeFormat: oe,
-    blockedDays: L,
-    blockedMonths: M,
-    minDate: T,
-    maxDate: k,
-    hideDisabledNavigation: R,
-    showOutsideDays: w,
-    navigationMode: me,
-    ariaLabelCalendar: y,
-    ariaLabelPrevMonth: C,
-    ariaLabelNextMonth: E,
-    ariaLabelPrevMonthStart: S,
-    ariaLabelNextMonthStart: I,
-    ariaLabelPrevMonthEnd: j,
-    ariaLabelNextMonthEnd: F,
-    labelStartDate: V,
-    labelEndDate: q,
-    labelTime: A,
-    ariaLabelStartDate: K,
-    ariaLabelEndDate: O,
-    errorInvalidDate: W,
-    errorDateNotAvailable: $,
-    showPresets: de,
-    labelTimePeriod: z,
-    ariaLabelTimePeriod: B,
-    presetLabels: G,
-    classNames: a,
-    onRangeChange: H,
-    onDateChange: J
-  } = pe, Q = ie === void 0 ? 500 : ie, U = le === void 0 ? "custom" : le, X = ne === void 0 ? !1 : ne, Y = se === void 0 ? !0 : se, Z = oe === void 0 ? "24" : oe, _ = me === void 0 ? "independent" : me, ee = de === void 0 ? !0 : de;
-  let t;
-  e[0] !== u || e[1] !== p || e[2] !== D ? (t = p ? /* @__PURE__ */ c("div", { className: h(D), children: /* @__PURE__ */ b(ce, { component: "label", variant: "labelLarge", className: h("cursor-pointer", "flex", "gap-1", "text-sm", "font-medium"), children: [
-    p,
-    u && /* @__PURE__ */ c(ce, { component: "span", className: h("text-red-600", "dark:text-red-500", "text-xs", "mt-0.5"), children: "*" })
-  ] }) }) : null, e[0] = u, e[1] = p, e[2] = D, e[3] = t) : t = e[3];
-  let r;
-  e[4] !== P || e[5] !== a?.container ? (r = h(fe({
-    className: P
-  }), "gap-4", a?.container), e[4] = P, e[5] = a?.container, e[6] = r) : r = e[6];
-  const ae = p || "Date range picker";
-  let i;
-  e[7] !== B || e[8] !== a?.presetPanel || e[9] !== z || e[10] !== G || e[11] !== ee ? (i = ee && /* @__PURE__ */ c(Pe, { labelTimePeriod: z, ariaLabelTimePeriod: B, presetLabels: G, classNames: a?.presetPanel }), e[7] = B, e[8] = a?.presetPanel, e[9] = z, e[10] = G, e[11] = ee, e[12] = i) : i = e[12];
-  let l;
-  e[13] !== a?.rightPanel ? (l = h(be(), a?.rightPanel), e[13] = a?.rightPanel, e[14] = l) : l = e[14];
-  const te = a?.dateTimeInputs;
-  let n;
-  e[15] !== O || e[16] !== K || e[17] !== $ || e[18] !== W || e[19] !== q || e[20] !== V || e[21] !== A || e[22] !== te ? (n = /* @__PURE__ */ c(ge, { labelStartDate: V, labelEndDate: q, labelTime: A, ariaLabelStartDate: K, ariaLabelEndDate: O, errorInvalidDate: W, errorDateNotAvailable: $, classNames: te }), e[15] = O, e[16] = K, e[17] = $, e[18] = W, e[19] = q, e[20] = V, e[21] = A, e[22] = te, e[23] = n) : n = e[23];
-  const re = a?.calendarPanel;
-  let s;
-  e[24] !== y || e[25] !== E || e[26] !== F || e[27] !== I || e[28] !== C || e[29] !== j || e[30] !== S || e[31] !== re ? (s = /* @__PURE__ */ c(ve, { ariaLabelCalendar: y, ariaLabelPrevMonth: C, ariaLabelNextMonth: E, ariaLabelPrevMonthStart: S, ariaLabelNextMonthStart: I, ariaLabelPrevMonthEnd: j, ariaLabelNextMonthEnd: F, classNames: re }), e[24] = y, e[25] = E, e[26] = F, e[27] = I, e[28] = C, e[29] = j, e[30] = S, e[31] = re, e[32] = s) : s = e[32];
-  let o;
-  e[33] !== l || e[34] !== n || e[35] !== s ? (o = /* @__PURE__ */ b("div", { className: l, children: [
-    n,
-    s
-  ] }), e[33] = l, e[34] = n, e[35] = s, e[36] = o) : o = e[36];
-  let m;
-  e[37] !== ae || e[38] !== i || e[39] !== o || e[40] !== r ? (m = /* @__PURE__ */ b("div", { className: r, role: "group", "aria-label": ae, children: [
-    i,
-    o
-  ] }), e[37] = ae, e[38] = i, e[39] = o, e[40] = r, e[41] = m) : m = e[41];
-  let d;
-  e[42] !== m || e[43] !== t || e[44] !== x ? (d = /* @__PURE__ */ b("div", { className: "flex flex-col gap-2", "data-theme": x, children: [
-    t,
-    m
-  ] }), e[42] = m, e[43] = t, e[44] = x, e[45] = d) : d = e[45];
-  let f;
-  return e[46] !== Q || e[47] !== L || e[48] !== M || e[49] !== U || e[50] !== g || e[51] !== v || e[52] !== X || e[53] !== R || e[54] !== k || e[55] !== T || e[56] !== N || e[57] !== _ || e[58] !== J || e[59] !== H || e[60] !== w || e[61] !== Y || e[62] !== d || e[63] !== Z ? (f = /* @__PURE__ */ c(ue, { defaultRange: g, defaultTime: v, defaultPreset: U, timeFormat: Z, showTime: Y, name: N, disabled: X, animationDuration: Q, blockedDays: L, blockedMonths: M, minDate: T, maxDate: k, hideDisabledNavigation: R, showOutsideDays: w, navigationMode: _, onRangeChange: H, onDateChange: J, children: d }), e[46] = Q, e[47] = L, e[48] = M, e[49] = U, e[50] = g, e[51] = v, e[52] = X, e[53] = R, e[54] = k, e[55] = T, e[56] = N, e[57] = _, e[58] = J, e[59] = H, e[60] = w, e[61] = Y, e[62] = d, e[63] = Z, e[64] = f) : f = e[64], f;
-};
-De.displayName = "KonstructDateRangePicker";
+import { t as a } from "../../utils-DHuiYnx1.js";
+import { Typography as i } from "../Typography/Typography.js";
+import { DateRangePickerProvider as Q } from "./contexts/date-range-picker.provider.js";
+import { PresetPanel as S } from "./components/PresetPanel/PresetPanel.js";
+import { DateTimeInputs as U } from "./components/DateTimeInputs/DateTimeInputs.js";
+import { CalendarPanel as W } from "./components/CalendarPanel/CalendarPanel.js";
+import { dateRangePickerVariants as X, rightPanelVariants as Y } from "./DateRangePicker.variants.js";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+var Z = ({ animationDuration: m = 500, className: o, defaultPreset: l = "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: v, minDate: k, maxDate: N, hideDisabledNavigation: D, showOutsideDays: R, navigationMode: y = "independent", ariaLabelCalendar: T, ariaLabelPrevMonth: j, ariaLabelNextMonth: I, ariaLabelPrevMonthStart: V, ariaLabelNextMonthStart: b, ariaLabelPrevMonthEnd: C, ariaLabelNextMonthEnd: K, labelStartDate: L, labelEndDate: q, labelTime: w, ariaLabelStartDate: z, ariaLabelEndDate: A, errorInvalidDate: B, errorDateNotAvailable: E, showPresets: F = !0, labelTimePeriod: G, ariaLabelTimePeriod: H, presetLabels: J, classNames: r, onRangeChange: M, onDateChange: O }) => /* @__PURE__ */ e(Q, {
+  defaultRange: s,
+  defaultTime: c,
+  defaultPreset: l,
+  timeFormat: x,
+  showTime: P,
+  name: g,
+  disabled: p,
+  animationDuration: m,
+  blockedDays: u,
+  blockedMonths: v,
+  minDate: k,
+  maxDate: N,
+  hideDisabledNavigation: D,
+  showOutsideDays: R,
+  navigationMode: y,
+  onRangeChange: M,
+  onDateChange: O,
+  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(X({ className: o }), "gap-4", r?.container),
+      role: "group",
+      "aria-label": n || "Date range picker",
+      children: [F && /* @__PURE__ */ e(S, {
+        labelTimePeriod: G,
+        ariaLabelTimePeriod: H,
+        presetLabels: J,
+        classNames: r?.presetPanel
+      }), /* @__PURE__ */ t("div", {
+        className: a(Y(), r?.rightPanel),
+        children: [/* @__PURE__ */ e(U, {
+          labelStartDate: L,
+          labelEndDate: q,
+          labelTime: w,
+          ariaLabelStartDate: z,
+          ariaLabelEndDate: A,
+          errorInvalidDate: B,
+          errorDateNotAvailable: E,
+          classNames: r?.dateTimeInputs
+        }), /* @__PURE__ */ e(W, {
+          ariaLabelCalendar: T,
+          ariaLabelPrevMonth: j,
+          ariaLabelNextMonth: I,
+          ariaLabelPrevMonthStart: V,
+          ariaLabelNextMonthStart: b,
+          ariaLabelPrevMonthEnd: C,
+          ariaLabelNextMonthEnd: K,
+          classNames: r?.calendarPanel
+        })]
+      })]
+    })]
+  })
+});
+Z.displayName = "KonstructDateRangePicker";
 export {
-  De as DateRangePicker
+  Z as DateRangePicker
 };

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

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

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

@@ -1,86 +1,80 @@
-import { jsx as Y } from "react/jsx-runtime";
-import { c as _ } from "../../../../compiler-runtime-DA41awpA.js";
 import '../../../../style.css';import '../../../../CalendarPanel.css';/* empty css                         */
-import { useDateRangePicker as ee } from "../../contexts/date-range-picker.hook.js";
-import { createDisabledMatcher as ae } from "../../utils/disabled-dates.js";
-import { IndependentModeCalendar as te } from "./components/IndependentModeCalendar/IndependentModeCalendar.js";
-import { TogetherModeCalendar as ne } from "./components/TogetherModeCalendar/TogetherModeCalendar.js";
-const oe = (Z) => {
-  const e = _.c(60), {
-    className: o,
-    calendarWidth: G,
-    ariaLabelCalendar: H,
-    ariaLabelPrevMonth: J,
-    ariaLabelNextMonth: K,
-    ariaLabelPrevMonthStart: Q,
-    ariaLabelNextMonthStart: U,
-    ariaLabelPrevMonthEnd: V,
-    ariaLabelNextMonthEnd: X,
-    classNames: r
-  } = Z, i = G === void 0 ? 550 : G, l = H === void 0 ? "Date range picker calendar" : H, p = J === void 0 ? "Previous month" : J, u = K === void 0 ? "Next month" : K, R = Q === void 0 ? "Previous month for start date" : Q, D = U === void 0 ? "Next month for start date" : U, S = V === void 0 ? "Previous month for end date" : V, C = X === void 0 ? "Next month for end date" : X, {
-    animationDuration: s,
-    blockedDays: k,
-    blockedMonths: E,
+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 { 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,
+    maxDate: h
+  }), [
+    d,
+    g,
+    l,
+    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,
+    disabled: e,
+    disabledMatcher: N,
+    showOutsideDays: p,
+    hideDisabledNavigation: c,
+    canLeftNavigatePrev: C,
     canLeftNavigateNext: y,
-    canLeftNavigatePrev: W,
-    canNavigateNext: d,
-    canNavigatePrev: c,
-    canRightNavigateNext: j,
-    canRightNavigatePrev: w,
-    disabled: a,
-    displayedMonths: v,
-    hideDisabledNavigation: h,
-    maxDate: I,
-    minDate: O,
-    navigationMode: n,
-    range: g,
-    showOutsideDays: m,
-    navigateLeftNext: T,
-    navigateLeftPrev: $,
-    navigateNextMonth: q,
-    navigatePrevMonth: z,
-    navigateRightNext: A,
-    navigateRightPrev: B,
-    setRange: F
-  } = ee();
-  let P;
-  e[0] !== k || e[1] !== E || e[2] !== I || e[3] !== O ? (P = ae({
-    blockedDays: k,
-    blockedMonths: E,
-    minDate: O,
-    maxDate: I
-  }), e[0] = k, e[1] = E, e[2] = I, e[3] = O, e[4] = P) : P = e[4];
-  const N = P;
-  let b;
-  e[5] !== F ? (b = (t) => {
-    F(t);
-  }, e[5] = F, e[6] = b) : b = e[6];
-  const f = b;
-  if (n === "independent") {
-    let t;
-    e[7] !== s || e[8] !== v || e[9] !== n ? (t = {
-      displayedMonths: v,
-      animationDuration: s,
-      navigationMode: n
-    }, e[7] = s, e[8] = v, e[9] = n, e[10] = t) : t = e[10];
-    let L;
-    return e[11] !== l || e[12] !== C || e[13] !== D || e[14] !== S || e[15] !== R || e[16] !== i || e[17] !== y || e[18] !== W || e[19] !== j || e[20] !== w || e[21] !== o || e[22] !== r || e[23] !== a || e[24] !== N || e[25] !== f || e[26] !== h || e[27] !== T || e[28] !== $ || e[29] !== A || e[30] !== B || e[31] !== g || e[32] !== m || e[33] !== t ? (L = /* @__PURE__ */ Y(te, { className: o, calendarWidth: i, ariaLabelCalendar: l, ariaLabelPrevMonthStart: R, ariaLabelNextMonthStart: D, ariaLabelPrevMonthEnd: S, ariaLabelNextMonthEnd: C, classNames: r, range: g, onRangeSelect: f, disabled: a, disabledMatcher: N, showOutsideDays: m, hideDisabledNavigation: h, canLeftNavigatePrev: W, canLeftNavigateNext: y, canRightNavigatePrev: w, canRightNavigateNext: j, navigateLeftPrev: $, navigateLeftNext: T, navigateRightPrev: B, navigateRightNext: A, carouselProps: t }), e[11] = l, e[12] = C, e[13] = D, e[14] = S, e[15] = R, e[16] = i, e[17] = y, e[18] = W, e[19] = j, e[20] = w, e[21] = o, e[22] = r, e[23] = a, e[24] = N, e[25] = f, e[26] = h, e[27] = T, e[28] = $, e[29] = A, e[30] = B, e[31] = g, e[32] = m, e[33] = t, e[34] = L) : L = e[34], L;
-  }
-  let M;
-  e[35] !== s || e[36] !== d || e[37] !== c || e[38] !== a || e[39] !== v || e[40] !== q || e[41] !== z || e[42] !== n ? (M = {
-    displayedMonths: v,
-    animationDuration: s,
-    disabled: a,
-    canNavigatePrev: c,
-    canNavigateNext: d,
-    navigationMode: n,
-    navigatePrevMonth: z,
-    navigateNextMonth: q
-  }, e[35] = s, e[36] = d, e[37] = c, e[38] = a, e[39] = v, e[40] = q, e[41] = z, e[42] = n, e[43] = M) : M = e[43];
-  let x;
-  return e[44] !== l || e[45] !== u || e[46] !== p || e[47] !== i || e[48] !== d || e[49] !== c || e[50] !== o || e[51] !== r || e[52] !== a || e[53] !== N || e[54] !== f || e[55] !== h || e[56] !== g || e[57] !== m || e[58] !== M ? (x = /* @__PURE__ */ Y(ne, { className: o, calendarWidth: i, ariaLabelCalendar: l, ariaLabelPrevMonth: p, ariaLabelNextMonth: u, classNames: r, range: g, onRangeSelect: f, disabled: a, disabledMatcher: N, showOutsideDays: m, hideDisabledNavigation: h, canNavigatePrev: c, canNavigateNext: d, carouselProps: M }), e[44] = l, e[45] = u, e[46] = p, e[47] = i, e[48] = d, e[49] = c, e[50] = o, e[51] = r, e[52] = a, e[53] = N, e[54] = f, e[55] = h, e[56] = g, e[57] = m, e[58] = M, e[59] = x) : x = e[59], x;
+    canRightNavigatePrev: S,
+    canRightNavigateNext: L,
+    navigateLeftPrev: w,
+    navigateLeftNext: j,
+    navigateRightPrev: q,
+    navigateRightNext: T,
+    carouselProps: {
+      displayedMonths: m,
+      animationDuration: i,
+      navigationMode: t
+    }
+  }) : /* @__PURE__ */ x(G, {
+    className: a,
+    calendarWidth: n,
+    ariaLabelCalendar: o,
+    ariaLabelPrevMonth: u,
+    ariaLabelNextMonth: D,
+    classNames: r,
+    range: f,
+    onRangeSelect: P,
+    disabled: e,
+    disabledMatcher: N,
+    showOutsideDays: p,
+    hideDisabledNavigation: c,
+    canNavigatePrev: s,
+    canNavigateNext: v,
+    carouselProps: {
+      displayedMonths: m,
+      animationDuration: i,
+      disabled: e,
+      canNavigatePrev: s,
+      canNavigateNext: v,
+      navigationMode: t,
+      navigatePrevMonth: O,
+      navigateNextMonth: I
+    }
+  });
 };
-oe.displayName = "DateRangePickerCalendarPanel";
+J.displayName = "DateRangePickerCalendarPanel";
 export {
-  oe as CalendarPanel
+  J as CalendarPanel
 };

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

@@ -1,12 +1,56 @@
-import { c as t } from "../../../../index-D29mdTf5.js";
-const a = t(["flex", "flex-col", "items-center", "w-full"]), n = t(["flex", "items-center", "justify-between", "w-138"]), r = t(["flex", "items-center", "w-64.75"]), s = t(["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"]), l = t(["opacity-45", "cursor-not-allowed", "hover:bg-transparent"]), o = t(["flex-1", "text-center", "text-base", "font-medium", "text-slate-700", "dark:text-white", "leading-6"]), c = t(["flex", "gap-8", "py-4", "w-138", "justify-center"]), i = t(["w-64.75"]);
+import { t as a } from "../../../../dist-DtEbXv47.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 {
-  c as calendarGridContainerVariants,
-  i as calendarGridVariants,
-  o as calendarMonthTitleVariants,
-  l as calendarNavButtonDisabledVariants,
-  s as calendarNavButtonVariants,
-  r as calendarNavGroupVariants,
-  n as calendarNavigationVariants,
-  a as calendarPanelVariants
+  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

@@ -1,16 +1,10 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as l } from "../../../../../../compiler-runtime-DA41awpA.js";
-import { cn as o } from "../../../../../../utils/index.js";
-const m = (i) => {
-  const e = l.c(4), {
-    className: a
-  } = i;
-  let t;
-  e[0] !== a ? (t = o("absolute", "left-0", "right-0", "top-14", "h-px", "bg-slate-200", "dark:bg-metal-700", a), e[0] = a, e[1] = t) : t = e[1];
-  let r;
-  return e[2] !== t ? (r = /* @__PURE__ */ s("div", { className: t, "aria-hidden": "true" }), e[2] = t, e[3] = r) : r = e[3], r;
-};
-m.displayName = "CalendarDivider";
+import { t as r } from "../../../../../../utils-DHuiYnx1.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 {
-  m as CalendarDivider
+  i as CalendarDivider
 };

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

@@ -1,53 +1,38 @@
-import { jsx as x, jsxs as $ } from "react/jsx-runtime";
-import { c as k } from "../../../../../../compiler-runtime-DA41awpA.js";
-import { cn as C } from "../../../../../../utils/index.js";
-import { calendarMonthTitleVariants as P } from "../../CalendarPanel.variants.js";
-import { createDayPickerClassNames as S, SINGLE_MONTH_WIDTH as _ } from "../../constants/index.js";
-import { getMonthName as j } from "../../../../utils/validation.js";
-import { D as v } from "../../../../../../DayPicker-CaeUXRCF.js";
-const O = (n) => `${j(n.getMonth())} ${n.getFullYear()}`, w = (n) => {
-  const e = k.c(28), {
-    month: t,
-    range: s,
-    onRangeSelect: N,
-    disabled: T,
-    disabledMatcher: D,
-    showOutsideDays: g,
-    classNames: m
-  } = n, M = m?.dayPicker;
-  let c;
-  e[0] !== M ? (c = S(M), e[0] = M, e[1] = c) : c = e[1];
-  const y = c;
-  let f;
-  e[2] !== t ? (f = t.getFullYear(), e[2] = t, e[3] = f) : f = e[3];
-  let d;
-  e[4] !== t ? (d = t.getMonth(), e[4] = t, e[5] = d) : d = e[5];
-  const u = `${f}-${d}`;
-  let h;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
-    width: _
-  }, e[6] = h) : h = e[6];
-  let l;
-  e[7] !== m?.monthTitle ? (l = C(P(), "flex-1 text-center", m?.monthTitle), e[7] = m?.monthTitle, e[8] = l) : l = e[8];
-  let o;
-  e[9] !== t ? (o = O(t), e[9] = t, e[10] = o) : o = e[10];
-  let a;
-  e[11] !== l || e[12] !== o ? (a = /* @__PURE__ */ x("div", { className: "flex items-center justify-center mb-8 h-6", children: /* @__PURE__ */ x("span", { className: l, children: o }) }), e[11] = l, e[12] = o, e[13] = a) : a = e[13];
-  let r;
-  e[14] !== s.from || e[15] !== s.to ? (r = {
-    from: s.from,
-    to: s.to
-  }, e[14] = s.from, e[15] = s.to, e[16] = r) : r = e[16];
-  const b = D || T;
-  let i;
-  e[17] !== y || e[18] !== t || e[19] !== N || e[20] !== g || e[21] !== r || e[22] !== b ? (i = /* @__PURE__ */ x(v, { mode: "range", selected: r, onSelect: N, month: t, numberOfMonths: 1, disabled: b, hideNavigation: !0, animate: !1, showOutsideDays: g, classNames: y }), e[17] = y, e[18] = t, e[19] = N, e[20] = g, e[21] = r, e[22] = b, e[23] = i) : i = e[23];
-  let p;
-  return e[24] !== i || e[25] !== u || e[26] !== a ? (p = /* @__PURE__ */ $("div", { style: h, children: [
-    a,
-    i
-  ] }, u), e[24] = i, e[25] = u, e[26] = a, e[27] = p) : p = e[27], p;
+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 { 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()}`);
 };
-w.displayName = "CalendarMonth";
+N.displayName = "CalendarMonth";
 export {
-  w as CalendarMonth
+  N as CalendarMonth
 };