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

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,95 +1,164 @@
-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 { 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";
 export {
-  De as DateRangePicker
+  Z as DateRangePicker
 };

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

@@ -1,5 +1,24 @@
 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,86 +1,120 @@
-import { jsx as Y } from "react/jsx-runtime";
-import { c as _ } from "../../../../compiler-runtime-DA41awpA.js";
+import { jsx as x } from "react/jsx-runtime";
+import { useMemo as B } from "react";
 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 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,
     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;
+    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
+      }
+    }
+  );
 };
-oe.displayName = "DateRangePickerCalendarPanel";
+J.displayName = "DateRangePickerCalendarPanel";
 export {
-  oe as CalendarPanel
+  J as CalendarPanel
 };

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

@@ -1,5 +1,49 @@
 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,

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

@@ -1,16 +1,22 @@
-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 { jsx as e } from "react/jsx-runtime";
+import { cn as r } from "../../../../../../utils/index.js";
+const 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
 };