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

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

@@ -1,59 +1,12 @@
 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"]
-      }
+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"], {
+}), o = e(["cursor-pointer"], {
   variants: {
     variant: {
       default: ""

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateRangePickerProps } from './DateRangePicker.types';
+import { Props } from './DateRangePicker.types';
 /**
  * A date range picker component that allows selecting a range of dates
  * with optional time inputs and preset options.
@@ -27,5 +27,5 @@ import { DateRangePickerProps } from './DateRangePicker.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-daterangepicker--docs Storybook}
  */
-declare const DateRangePicker: FC<DateRangePickerProps>;
+declare const DateRangePicker: FC<Props>;
 export { DateRangePicker };

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,164 +1,95 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { cn as a } from "../../utils/index.js";
-import { Typography as i } from "../Typography/Typography.js";
-import { rightPanelVariants as Q, dateRangePickerVariants as S } from "./DateRangePicker.variants.js";
-import { DateRangePickerProvider as U } from "./contexts/date-range-picker.provider.js";
-import { PresetPanel as W } from "./components/PresetPanel/PresetPanel.js";
-import { DateTimeInputs as X } from "./components/DateTimeInputs/DateTimeInputs.js";
-import { CalendarPanel as Y } from "./components/CalendarPanel/CalendarPanel.js";
-const Z = ({
-  animationDuration: o = 500,
-  className: m,
-  defaultPreset: l = "custom",
-  defaultRange: c,
-  defaultTime: s,
-  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",
-  // CalendarPanel props
-  ariaLabelCalendar: T,
-  ariaLabelPrevMonth: j,
-  ariaLabelNextMonth: I,
-  ariaLabelPrevMonthStart: V,
-  ariaLabelNextMonthStart: b,
-  ariaLabelPrevMonthEnd: C,
-  ariaLabelNextMonthEnd: K,
-  // DateTimeInputs props
-  labelStartDate: L,
-  labelEndDate: q,
-  labelTime: w,
-  ariaLabelStartDate: z,
-  ariaLabelEndDate: A,
-  errorInvalidDate: B,
-  errorDateNotAvailable: E,
-  // PresetPanel props
-  showPresets: F = !0,
-  labelTimePeriod: G,
-  ariaLabelTimePeriod: H,
-  presetLabels: J,
-  // Customizable class names
-  classNames: r,
-  // Callbacks
-  onRangeChange: M,
-  onDateChange: O
-}) => /* @__PURE__ */ e(
-  U,
-  {
-    defaultRange: c,
-    defaultTime: s,
-    defaultPreset: l,
-    timeFormat: x,
-    showTime: P,
-    name: g,
-    disabled: p,
-    animationDuration: o,
-    blockedDays: u,
-    blockedMonths: k,
-    minDate: v,
-    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(
-            S({ className: m }),
-            "gap-4",
-            r?.container
-          ),
-          role: "group",
-          "aria-label": n || "Date range picker",
-          children: [
-            F && /* @__PURE__ */ e(
-              W,
-              {
-                labelTimePeriod: G,
-                ariaLabelTimePeriod: H,
-                presetLabels: J,
-                classNames: r?.presetPanel
-              }
-            ),
-            /* @__PURE__ */ t("div", { className: a(Q(), r?.rightPanel), children: [
-              /* @__PURE__ */ e(
-                X,
-                {
-                  labelStartDate: L,
-                  labelEndDate: q,
-                  labelTime: w,
-                  ariaLabelStartDate: z,
-                  ariaLabelEndDate: A,
-                  errorInvalidDate: B,
-                  errorDateNotAvailable: E,
-                  classNames: r?.dateTimeInputs
-                }
-              ),
-              /* @__PURE__ */ e(
-                Y,
-                {
-                  ariaLabelCalendar: T,
-                  ariaLabelPrevMonth: j,
-                  ariaLabelNextMonth: I,
-                  ariaLabelPrevMonthStart: V,
-                  ariaLabelNextMonthStart: b,
-                  ariaLabelPrevMonthEnd: C,
-                  ariaLabelNextMonthEnd: K,
-                  classNames: r?.calendarPanel
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] })
-  }
-);
-Z.displayName = "KonstructDateRangePicker";
+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";
 export {
-  Z as DateRangePicker
+  De as DateRangePicker
 };

package/dist/components/DateRangePicker/DateRangePicker.types.d.ts

@@ -18,7 +18,7 @@ export type { CalendarPanelClassNames, DateTimeInputsClassNames, DayPickerClassN
  * />
  * ```
  */
-export type DateRangePickerProps = VariantProps<typeof dateRangePickerVariants> & {
+export type Props = VariantProps<typeof dateRangePickerVariants> & {
     /** Initial date range */
     defaultRange?: DateRange;
     /** Initial time range */
@@ -110,6 +110,8 @@ export type DateRangePickerProps = VariantProps<typeof dateRangePickerVariants>
     /** Custom class names for different parts of the component */
     classNames?: DateRangePickerClassNames;
 };
+/** @deprecated Use Props instead */
+export type DateRangePickerProps = Props;
 /** Custom class names for different parts of the DateRangePicker component */
 export type DateRangePickerClassNames = {
     /** Class name for the main container */

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

@@ -1,24 +1,5 @@
 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"
-]);
+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"]);
 export {
   t as dateRangePickerVariants,
   r as rightPanelVariants

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

@@ -1,120 +1,86 @@
-import { jsx as x } from "react/jsx-runtime";
-import { useMemo as B } from "react";
+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 E } from "../../contexts/date-range-picker.hook.js";
-import { createDisabledMatcher as F } from "../../utils/disabled-dates.js";
-import { IndependentModeCalendar as G } from "./components/IndependentModeCalendar/IndependentModeCalendar.js";
-import { TogetherModeCalendar as H } from "./components/TogetherModeCalendar/TogetherModeCalendar.js";
-const 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,
+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,
     canLeftNavigateNext: y,
-    canLeftNavigatePrev: C,
-    canNavigateNext: s,
-    canNavigatePrev: v,
-    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
-  } = E(), N = B(
-    () => F({
-      blockedDays: d,
-      blockedMonths: g,
-      minDate: l,
-      maxDate: h
-    }),
-    [d, g, l, h]
-  ), P = (A) => {
-    z(A);
-  };
-  return t === "independent" ? /* @__PURE__ */ x(
-    G,
-    {
-      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,
-      canRightNavigatePrev: S,
-      canRightNavigateNext: L,
-      navigateLeftPrev: w,
-      navigateLeftNext: j,
-      navigateRightPrev: q,
-      navigateRightNext: T,
-      carouselProps: {
-        displayedMonths: m,
-        animationDuration: i,
-        navigationMode: t
-      }
-    }
-  ) : /* @__PURE__ */ x(
-    H,
-    {
-      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: v,
-      canNavigateNext: s,
-      carouselProps: {
-        displayedMonths: m,
-        animationDuration: i,
-        disabled: e,
-        canNavigatePrev: v,
-        canNavigateNext: s,
-        navigationMode: t,
-        navigatePrevMonth: O,
-        navigateNextMonth: I
-      }
-    }
-  );
+    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;
 };
-J.displayName = "DateRangePickerCalendarPanel";
+oe.displayName = "DateRangePickerCalendarPanel";
 export {
-  J as CalendarPanel
+  oe as CalendarPanel
 };

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

@@ -1,49 +1,5 @@
 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"]);
+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"]);
 export {
   c as calendarGridContainerVariants,
   i as calendarGridVariants,