@konstructio/ui 0.1.2-alpha.99 → 0.1.3

package/dist/components/CopyButton/CopyButton.js

@@ -0,0 +1,63 @@
+import { a as v, i as w, n as N, o as B, r as P, t as j } from "../../dist-DsOk4psA.js";
+import { t as k } from "../../dist-C_jtUTU9.js";
+import { CopyIcon as z } from "../../assets/icons/components/Copy.js";
+import { t as i } from "../../utils-DnIJruo0.js";
+import { copyButtonVariants as D } from "./CopyButton.variants.js";
+import { useCopyToClipboard as F } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
+import { useEffect as I, useState as V } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var $ = ({ arrowClassName: p, children: r, className: c, copiedLabel: s = "Copied!", copyLabel: l = "Copy", label: d, resetDelay: m, text: f, theme: u, tooltipClassName: h, onCopy: C, onCopyError: y, ...T }) => {
+  const [g, a] = V(!1), { copied: e, copy: x } = F({
+    resetDelay: m,
+    onCopy: C,
+    onCopyError: y
+  });
+  I(() => {
+    e || a(!1);
+  }, [e]);
+  const O = async (o) => {
+    o.stopPropagation(), await x(f) && a(!0);
+  }, b = (o) => {
+    o.currentTarget.matches(":focus-visible") || o.preventDefault();
+  };
+  return /* @__PURE__ */ n(v, {
+    delayDuration: 0,
+    children: [/* @__PURE__ */ n(j, {
+      open: g,
+      onOpenChange: (o) => {
+        e || a(o);
+      },
+      children: [/* @__PURE__ */ t(B, {
+        asChild: !0,
+        children: /* @__PURE__ */ t("button", {
+          type: "button",
+          "aria-label": `${l} ${d}`,
+          "data-theme": u,
+          className: i(D({
+            iconOnly: !r,
+            className: c
+          })),
+          onClick: O,
+          onFocus: b,
+          ...T,
+          children: r ?? /* @__PURE__ */ t(z, {
+            size: 14,
+            "aria-hidden": "true"
+          })
+        })
+      }), /* @__PURE__ */ t(w, { children: /* @__PURE__ */ n(P, {
+        sideOffset: 4,
+        className: i("z-70 rounded bg-slate-700 px-2 py-1 text-xs text-white shadow-md", "animate-in fade-in-0", h),
+        children: [e ? s : l, /* @__PURE__ */ t(N, { className: i("fill-slate-700", p) })]
+      }) })]
+    }), /* @__PURE__ */ t(k, {
+      role: "status",
+      "aria-live": "polite",
+      children: e ? s : ""
+    })]
+  });
+};
+$.displayName = "KonstructCopyButton";
+export {
+  $ as CopyButton
+};

package/dist/components/CopyButton/CopyButton.variants.js

@@ -0,0 +1,34 @@
+import { t } from "../../dist-B9GE4SXf.js";
+var i = t([
+  "inline-flex",
+  "shrink-0",
+  "items-center",
+  "justify-center",
+  "cursor-pointer",
+  "tap-target",
+  "rounded-xs",
+  "transition-colors",
+  "focus-visible:outline-none",
+  "focus-visible:ring-1",
+  "focus-visible:ring-ring",
+  "disabled:pointer-events-none",
+  "disabled:opacity-45",
+  "pointer-coarse:min-h-11",
+  "pointer-coarse:min-w-11"
+], {
+  variants: { iconOnly: {
+    true: [
+      "text-slate-500",
+      "hover:text-slate-800",
+      "active:text-slate-800",
+      "dark:text-metal-400",
+      "dark:hover:text-metal-100",
+      "dark:active:text-metal-100"
+    ],
+    false: ""
+  } },
+  defaultVariants: { iconOnly: !0 }
+});
+export {
+  i as copyButtonVariants
+};

package/dist/components/CopyButton/hooks/index.js

@@ -0,0 +1,4 @@
+import { useCopyToClipboard as p } from "./useCopyToClipboard/useCopyToClipboard.js";
+export {
+  p as useCopyToClipboard
+};

package/dist/components/CopyButton/hooks/useCopyToClipboard/useCopyToClipboard.js

@@ -0,0 +1,22 @@
+import { useEffect as s, useRef as n, useState as p } from "react";
+var f = 1500, m = ({ resetDelay: o = f, onCopy: u, onCopyError: a } = {}) => {
+  const [c, r] = p(!1), e = n(void 0);
+  return s(() => () => {
+    clearTimeout(e.current);
+  }, []), {
+    copied: c,
+    copy: async (t) => {
+      try {
+        await navigator.clipboard.writeText(t);
+      } catch (i) {
+        return a?.(i), !1;
+      }
+      return r(!0), clearTimeout(e.current), e.current = setTimeout(() => {
+        r(!1);
+      }, o), u?.(t), !0;
+    }
+  };
+};
+export {
+  m as useCopyToClipboard
+};

package/dist/components/Counter/Counter.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../Counter-bTFm7xa3.js";
+import { t as e } from "../../Counter-QMbqdFuI.js";
 export {
   e as Counter
 };

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

@@ -1,26 +1,76 @@
-import { t as e } from "../../dist-Bcn6lMQe.js";
+import { t as e } from "../../dist-B9GE4SXf.js";
 var r = e([
+  "flex",
+  "items-center",
+  "h-9",
+  "pointer-coarse:h-11",
+  "border",
+  "border-x-0",
+  "border-gray-300",
+  "bg-white",
+  "dark:bg-metal-800",
+  "dark:border-metal-700"
+], {
+  variants: {
+    fullWidth: {
+      true: ["flex-1", "w-full"],
+      false: []
+    },
+    hasError: {
+      true: ["border-red-600", "dark:border-red-500"],
+      false: []
+    },
+    disabled: {
+      true: ["bg-gray-100", "dark:bg-metal-900"],
+      false: []
+    }
+  },
+  defaultVariants: {
+    fullWidth: !1,
+    hasError: !1,
+    disabled: !1
+  }
+}), t = e([
   "[&::-webkit-inner-spin-button]:appearance-none",
   "[&::-webkit-outer-spin-button]:appearance-none",
   "[-moz-appearance:textfield]",
   "appearance-none",
-  "border",
-  "border-x-0",
+  "bg-transparent",
+  "border-none",
   "focus-visible:outline-none",
   "focus-visible:ring-transparent",
-  "h-9",
+  "h-full",
   "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([
+  "disabled:text-slate-400",
+  "dark:text-metal-50",
+  "dark:disabled:text-metal-400"
+], {
+  variants: { fullWidth: {
+    true: [
+      "max-w-none",
+      "flex-1",
+      "min-w-0",
+      "w-full"
+    ],
+    false: []
+  } },
+  defaultVariants: { fullWidth: !1 }
+}), d = e([
+  "pr-3",
+  "text-sm",
+  "select-none",
+  "text-slate-400",
+  "dark:text-slate-500"
+]), l = e([
   "h-9",
   "w-9",
+  "pointer-coarse:h-11",
+  "pointer-coarse:w-11",
+  "tap-target",
+  "shrink-0",
   "flex",
   "items-center",
   "justify-center",
@@ -31,6 +81,7 @@ var r = e([
   "cursor-pointer",
   "hover:bg-aurora-50",
   "hover:text-slate-600",
+  "active:bg-aurora-100",
   "disabled:hover:bg-white",
   "disabled:bg-white",
   "disabled:text-slate-400",
@@ -39,19 +90,33 @@ var r = e([
   "dark:text-aurora-500",
   "dark:hover:bg-aurora-900",
   "dark:hover:text-aurora-500",
+  "dark:active:bg-aurora-900",
+  "disabled:active:bg-white",
+  "dark:disabled:active:bg-metal-800",
   "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: {
+    button: {
+      left: ["rounded-e"],
+      rigth: ["rounded-s"]
+    },
+    hasError: {
+      true: ["border-red-600", "dark:border-red-500"],
+      false: []
+    }
+  },
+  defaultVariants: { hasError: !1 }
+}), s = e(["cursor-pointer"], {
   variants: { variant: { default: "" } },
   defaultVariants: { variant: "default" }
 });
 export {
-  t as buttonVariants,
-  r as counterVariants,
-  o as labelVariants
+  l as buttonVariants,
+  t as counterVariants,
+  r as fieldVariants,
+  s as labelVariants,
+  d as unitVariants
 };

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,29 +1,35 @@
-import { t as a } from "../../utils-COaoD3PI.js";
+import { t as a } from "../../utils-DnIJruo0.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 { CalendarPanel as $ } from "./components/CalendarPanel/CalendarPanel.js";
+import { DateTimeInputs as ee } from "./components/DateTimeInputs/DateTimeInputs.js";
+import { PresetPanel as re } from "./components/PresetPanel/PresetPanel.js";
+import { RightPanel as ae } from "./components/RightPanel/RightPanel.js";
+import { DateRangePickerProvider as te } from "./contexts/date-range-picker/date-range-picker.provider.js";
+import { dateRangePickerVariants as ne, rightPanelVariants as ie } 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, {
+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(te, {
   defaultRange: s,
   defaultTime: c,
-  defaultPreset: l,
+  defaultPreset: m,
+  presets: O,
   timeFormat: x,
   showTime: P,
   name: g,
   disabled: p,
-  animationDuration: m,
+  animationDuration: o,
   blockedDays: u,
-  blockedMonths: v,
-  minDate: k,
+  blockedMonths: k,
+  minDate: v,
   maxDate: N,
   hideDisabledNavigation: D,
   showOutsideDays: R,
   navigationMode: y,
-  onRangeChange: M,
-  onDateChange: O,
+  numberOfMonths: T,
+  dateDisplayFormat: j,
+  revealCalendarOnCustom: S,
+  onRangeChange: Y,
+  onDateChange: Z,
+  onPresetChange: _,
   children: /* @__PURE__ */ t("div", {
     className: "flex flex-col gap-2",
     "data-theme": h,
@@ -40,40 +46,46 @@ var Z = ({ animationDuration: m = 500, className: o, defaultPreset: l = "custom"
         })]
       })
     }) : null, /* @__PURE__ */ t("div", {
-      className: a(X({ className: o }), "gap-4", r?.container),
+      className: a(ne({ className: l }), r?.container),
       role: "group",
       "aria-label": n || "Date range picker",
-      children: [F && /* @__PURE__ */ e(S, {
-        labelTimePeriod: G,
-        ariaLabelTimePeriod: H,
-        presetLabels: J,
+      children: [M && /* @__PURE__ */ e(re, {
+        labelTimePeriod: U,
+        ariaLabelTimePeriod: W,
+        presetLabels: X,
         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
-        })]
+      }), /* @__PURE__ */ t(ae, {
+        className: a(ie(), r?.rightPanel),
+        children: [
+          /* @__PURE__ */ e(ee, {
+            autoComplete: w,
+            labelStartDate: z,
+            labelEndDate: A,
+            labelTime: B,
+            requiredDates: E,
+            ariaLabelStartDate: F,
+            ariaLabelEndDate: G,
+            errorInvalidDate: H,
+            errorDateNotAvailable: J,
+            classNames: r?.dateTimeInputs
+          }),
+          /* @__PURE__ */ e($, {
+            ariaLabelCalendar: I,
+            ariaLabelPrevMonth: V,
+            ariaLabelNextMonth: b,
+            ariaLabelPrevMonthStart: C,
+            ariaLabelNextMonthStart: K,
+            ariaLabelPrevMonthEnd: L,
+            ariaLabelNextMonthEnd: q,
+            classNames: r?.calendarPanel
+          }),
+          Q
+        ]
       })]
     })]
   })
 });
-Z.displayName = "KonstructDateRangePicker";
+oe.displayName = "KonstructDateRangePicker";
 export {
-  Z as DateRangePicker
+  oe as DateRangePicker
 };

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

@@ -1,22 +1,21 @@
-import { t as a } from "../../dist-Bcn6lMQe.js";
+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",
-  "pt-4.5",
-  "pb-3.5",
-  "px-4"
+  "dark:shadow-metal-50/5"
 ]), t = a([
   "flex",
   "flex-col",
-  "pt-4",
   "gap-6",
-  "pr-4",
+  "pt-4.5",
+  "pb-3.5",
+  "px-4",
   "items-center"
 ]);
 export {

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

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

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

@@ -1,4 +1,4 @@
-import { t as a } from "../../../../dist-Bcn6lMQe.js";
+import { t as a } from "../../../../dist-B9GE4SXf.js";
 var t = a([
   "flex",
   "flex-col",
@@ -20,15 +20,19 @@ var t = a([
   "p-2",
   "rounded-full",
   "cursor-pointer",
+  "tap-target",
   "text-slate-500",
   "dark:text-metal-300",
   "hover:bg-slate-100",
+  "active:bg-slate-100",
   "dark:hover:bg-metal-700",
+  "dark:active:bg-metal-700",
   "transition-colors"
 ]), i = a([
   "opacity-45",
   "cursor-not-allowed",
-  "hover:bg-transparent"
+  "hover:bg-transparent",
+  "active:bg-transparent"
 ]), s = a([
   "flex-1",
   "text-center",
@@ -37,16 +41,16 @@ var t = a([
   "text-slate-700",
   "dark:text-white",
   "leading-6"
-]), o = a([
+]), c = a([
   "flex",
   "gap-8",
   "py-4",
   "w-138",
   "justify-center"
-]), c = a(["w-64.75"]);
+]), o = a(["w-64.75"]);
 export {
-  o as calendarGridContainerVariants,
-  c as calendarGridVariants,
+  c as calendarGridContainerVariants,
+  o as calendarGridVariants,
   s as calendarMonthTitleVariants,
   i as calendarNavButtonDisabledVariants,
   l as calendarNavButtonVariants,

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

@@ -1,4 +1,4 @@
-import { t as r } from "../../../../../../utils-COaoD3PI.js";
+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),