@konstructio/ui 0.1.2-alpha.103 → 0.1.2-alpha.105

package/dist/components/Command/components/Command.js

@@ -1,16 +1,16 @@
-import { t as r } from "../../../dist-Dse3gSmZ.js";
-import { forwardRef as p } from "react";
+import { t as r } from "../../../dist-BZNE2Tnx.js";
+import { forwardRef as d } from "react";
 import { jsx as m } from "react/jsx-runtime";
-var d = p(({ className: a, children: o, ...e }, i) => /* @__PURE__ */ m(r, {
+var p = d(({ className: a, children: o, ...e }, i) => /* @__PURE__ */ m(r, {
   ref: i,
   className: a,
   ...e,
   children: /* @__PURE__ */ m("div", {
-    className: "w-[500px]",
+    className: "w-125",
     children: o
   })
 }));
-d.displayName = r.displayName;
+p.displayName = r.displayName;
 export {
-  d as Command
+  p as Command
 };

package/dist/components/Command/components/CommandEmpty.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../dist-Dse3gSmZ.js";
+import { t as m } from "../../../dist-BZNE2Tnx.js";
 import { forwardRef as a } from "react";
 import { jsx as e } from "react/jsx-runtime";
 var p = a((t, r) => /* @__PURE__ */ e(m.Empty, {

package/dist/components/Command/components/CommandGroup.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../utils-Cx-WzRZF.js";
-import { t as o } from "../../../dist-Dse3gSmZ.js";
+import { t as o } from "../../../dist-BZNE2Tnx.js";
 import { forwardRef as p } from "react";
 import { jsx as a } from "react/jsx-runtime";
 var t = p(({ className: r, ...m }, d) => /* @__PURE__ */ a(o.Group, {

package/dist/components/Command/components/CommandInput.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../CommandInput-BnvRMfLI.js";
+import { t as o } from "../../../CommandInput-BLq69pOT.js";
 export {
   o as CommandInput
 };

package/dist/components/Command/components/CommandItem.js

@@ -1,5 +1,5 @@
 import { t as d } from "../../../utils-Cx-WzRZF.js";
-import { t as a } from "../../../dist-Dse3gSmZ.js";
+import { t as a } from "../../../dist-BZNE2Tnx.js";
 import { CommandContext as i } from "../contexts/Command.context.js";
 import { forwardRef as c, useCallback as l, useContext as p } from "react";
 import { jsx as u } from "react/jsx-runtime";

package/dist/components/Command/components/CommandList.js

@@ -1,10 +1,10 @@
 import { t } from "../../../utils-Cx-WzRZF.js";
-import { t as o } from "../../../dist-Dse3gSmZ.js";
+import { t as o } from "../../../dist-BZNE2Tnx.js";
 import { forwardRef as i } from "react";
 import { jsx as s } from "react/jsx-runtime";
 var e = i(({ className: m, ...r }, a) => /* @__PURE__ */ s(o.List, {
   ref: a,
-  className: t("max-h-[300px] overflow-y-auto overflow-x-hidden", m),
+  className: t("max-h-75 overflow-y-auto overflow-x-hidden", m),
   ...r
 }));
 e.displayName = o.List.displayName;

package/dist/components/Command/components/CommandSeparator.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../utils-Cx-WzRZF.js";
-import { t as r } from "../../../dist-Dse3gSmZ.js";
+import { t as r } from "../../../dist-BZNE2Tnx.js";
 import { forwardRef as t } from "react";
 import { jsx as p } from "react/jsx-runtime";
 var s = t(({ className: a, ...o }, m) => /* @__PURE__ */ p(r.Separator, {

package/dist/components/Command/components/DialogContent.js

@@ -1,12 +1,12 @@
 import { t as r } from "../../../x-BI9jmc7e.js";
 import { t as d } from "../../../utils-Cx-WzRZF.js";
-import { n as l, o as m, r as o } from "../../../dist-BiJrNvNo.js";
+import { n as l, o as m, r as o } from "../../../dist-C3YVLapk.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
 import { forwardRef as f } from "react";
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
 var c = f(({ className: e, children: s, ...n }, i) => /* @__PURE__ */ a(m, { children: [/* @__PURE__ */ t(p, {}), /* @__PURE__ */ a(o, {
   ref: i,
-  className: d("fixed text-white left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", e),
+  className: d("fixed text-white left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", e),
   ...n,
   children: [s, /* @__PURE__ */ a(l, {
     className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground text-white",

package/dist/components/Command/components/DialogOverlay.js

@@ -1,5 +1,5 @@
 import { t as i } from "../../../utils-Cx-WzRZF.js";
-import { a } from "../../../dist-BiJrNvNo.js";
+import { a } from "../../../dist-C3YVLapk.js";
 import { forwardRef as r } from "react";
 import { jsx as s } from "react/jsx-runtime";
 var d = r(({ className: t, ...e }, o) => /* @__PURE__ */ s(a, {

package/dist/components/Command/components/index.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../CommandInput-BnvRMfLI.js";
+import { t as o } from "../../../CommandInput-BLq69pOT.js";
 import { CommandEmpty as t } from "./CommandEmpty.js";
 import { CommandGroup as a } from "./CommandGroup.js";
 import { CommandItem as n } from "./CommandItem.js";

package/dist/components/Command/contexts/Command.provider.js

@@ -1,18 +1,22 @@
 import { useToggle as l } from "../../../hooks/useToggle.js";
 import { CommandContext as p } from "./Command.context.js";
-import { useCallback as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-var c = ({ children: r }) => {
-  const [t, e] = l(!1), n = o((a) => e(a), [e]), m = o(() => e(), [e]);
-  return /* @__PURE__ */ s(p.Provider, {
-    value: {
-      isOpen: t,
-      setOpen: n,
-      toggleOpen: m
-    },
-    children: r
+import { useCallback as n, useMemo as g } from "react";
+import { jsx as i } from "react/jsx-runtime";
+var v = ({ children: m }) => {
+  const [o, e] = l(!1), t = n((a) => e(a), [e]), r = n(() => e(), [e]), s = g(() => ({
+    isOpen: o,
+    setOpen: t,
+    toggleOpen: r
+  }), [
+    o,
+    t,
+    r
+  ]);
+  return /* @__PURE__ */ i(p.Provider, {
+    value: s,
+    children: m
   });
 };
 export {
-  c as CommandProvider
+  v as CommandProvider
 };

package/dist/components/Counter/Counter.js

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

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

@@ -2,7 +2,7 @@ import { t as n } from "../../../../../../utils-Cx-WzRZF.js";
 import { t as c } from "../../../../../../DayPicker-kweJz134.js";
 import { getMonthName as d } from "../../../../utils/validation.js";
 import { calendarMonthTitleVariants as f } from "../../CalendarPanel.variants.js";
-import { s as h } from "../../../../../../constants-DXrF9vV4.js";
+import { s as h } from "../../../../../../constants-CxJJRVK3.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 }) => {

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

@@ -1,34 +1,33 @@
 import { t as a } from "../../../../../../utils-Cx-WzRZF.js";
-import { t as X } from "../../../../../../react-CvUtBTMg.js";
-import { CalendarDivider as Y } from "../CalendarDivider/CalendarDivider.js";
-import { calendarGridContainerVariants as Z, calendarPanelVariants as O } from "../../CalendarPanel.variants.js";
-import "../../../../../../constants-DXrF9vV4.js";
+import { t as Q } from "../../../../../../react-CvUtBTMg.js";
+import { CalendarDivider as U } from "../CalendarDivider/CalendarDivider.js";
+import { calendarGridContainerVariants as X, calendarPanelVariants as Y } from "../../CalendarPanel.variants.js";
+import "../../../../../../constants-CxJJRVK3.js";
 import { CalendarMonth as s } from "../CalendarMonth/CalendarMonth.js";
-import { useIndependentCarousel as tt } from "../../hooks/useIndependentCarousel.js";
+import { useIndependentCarousel as Z } from "../../hooks/useIndependentCarousel.js";
 import { NavigationButton as c } from "../NavigationButton/NavigationButton.js";
-import { useCallback as nt, useMemo as N } from "react";
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date range picker calendar", ariaLabelPrevMonthStart: T = "Previous month for start date", ariaLabelNextMonthStart: B = "Next month for start date", ariaLabelPrevMonthEnd: R = "Previous month for end date", ariaLabelNextMonthEnd: w = "Next month for end date", classNames: t, range: i, onRangeSelect: v, disabled: e, disabledMatcher: r, showOutsideDays: o, hideDisabledNavigation: h, canLeftNavigatePrev: z, canLeftNavigateNext: A, canRightNavigatePrev: L, canRightNavigateNext: I, navigateLeftPrev: S, navigateLeftNext: D, navigateRightPrev: M, navigateRightNext: P, carouselProps: f }) => {
-  const { calendarHeight: y, enableLeftTransition: W, enableRightTransition: H, isLeftAnimating: p, isRightAnimating: u, leftAnimateTransform: j, leftCarouselRef: G, leftInternalMonth: V, leftNextMonth: _, leftPrevMonth: $, rightAnimateTransform: E, rightCarouselRef: q, rightInternalMonth: F, rightNextMonth: J, rightPrevMonth: K, getLeftTransform: Q, getRightTransform: U } = tt(f), l = nt((g) => {
-    g && v({
+import { jsx as n, jsxs as h } from "react/jsx-runtime";
+var O = ({ className: u, calendarWidth: C = 550, ariaLabelCalendar: N = "Date range picker calendar", ariaLabelPrevMonthStart: k = "Previous month for start date", ariaLabelNextMonthStart: b = "Next month for start date", ariaLabelPrevMonthEnd: x = "Previous month for end date", ariaLabelNextMonthEnd: R = "Next month for end date", classNames: t, range: i, onRangeSelect: T, disabled: e, disabledMatcher: r, showOutsideDays: o, hideDisabledNavigation: d, canLeftNavigatePrev: B, canLeftNavigateNext: w, canRightNavigatePrev: z, canRightNavigateNext: A, navigateLeftPrev: L, navigateLeftNext: S, navigateRightPrev: I, navigateRightNext: D, carouselProps: f }) => {
+  const { calendarHeight: M, enableLeftTransition: W, enableRightTransition: P, isLeftAnimating: v, isRightAnimating: p, leftAnimateTransform: y, leftCarouselRef: H, leftInternalMonth: j, leftNextMonth: G, leftPrevMonth: V, rightAnimateTransform: _, rightCarouselRef: $, rightInternalMonth: E, rightNextMonth: q, rightPrevMonth: F, getLeftTransform: J, getRightTransform: K } = Z(f), l = (g) => {
+    g && T({
       from: g.from,
       to: g.to
     });
-  }, [v]), C = N(() => t?.dayPicker, [t?.dayPicker]), m = N(() => ({
+  }, m = {
     monthTitle: t?.monthTitle,
-    dayPicker: C
-  }), [t?.monthTitle, C]);
+    dayPicker: t?.dayPicker
+  };
   return /* @__PURE__ */ n("div", {
-    className: a(O({ className: k }), t?.root),
-    children: /* @__PURE__ */ d("div", {
-      className: a(Z(), "relative", t?.gridContainer),
-      style: { width: b },
-      children: [/* @__PURE__ */ n(Y, { className: t?.divider }), /* @__PURE__ */ d(X.div, {
+    className: a(Y({ className: u }), t?.root),
+    children: /* @__PURE__ */ h("div", {
+      className: a(X(), "relative", t?.gridContainer),
+      style: { width: C },
+      children: [/* @__PURE__ */ n(U, { className: t?.divider }), /* @__PURE__ */ h(Q.div, {
         className: "flex gap-8",
         role: "application",
-        "aria-label": x,
+        "aria-label": N,
         initial: !1,
-        animate: { height: y },
+        animate: { height: M },
         transition: {
           duration: f.animationDuration / 1e3,
           ease: [
@@ -38,46 +37,46 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
             1
           ]
         },
-        children: [/* @__PURE__ */ d("div", {
+        children: [/* @__PURE__ */ h("div", {
           style: { width: 259 },
           className: "relative overflow-hidden",
           children: [
             /* @__PURE__ */ n(c, {
               direction: "prev",
-              onClick: S,
+              onClick: L,
               disabled: e,
-              isAnimating: p,
-              canNavigate: z,
-              hideWhenDisabled: h,
+              isAnimating: v,
+              canNavigate: B,
+              hideWhenDisabled: d,
               className: a("absolute left-0 top-0 z-10 p-1", "bg-white dark:bg-metal-800", t?.navButton),
               disabledClassName: t?.navButtonDisabled,
-              ariaLabel: T,
+              ariaLabel: k,
               size: "small"
             }),
             /* @__PURE__ */ n(c, {
               direction: "next",
-              onClick: D,
+              onClick: S,
               disabled: e,
-              isAnimating: p,
-              canNavigate: A,
-              hideWhenDisabled: h,
+              isAnimating: v,
+              canNavigate: w,
+              hideWhenDisabled: d,
               className: a("absolute right-0 top-0 z-10 p-1", "bg-white dark:bg-metal-800", t?.navButton),
               disabledClassName: t?.navButtonDisabled,
-              ariaLabel: B,
+              ariaLabel: b,
               size: "small"
             }),
-            /* @__PURE__ */ d("div", {
-              ref: G,
-              className: a("flex", W && j && "konstruct-drp-carousel-transition"),
+            /* @__PURE__ */ h("div", {
+              ref: H,
+              className: a("flex", W && y && "konstruct-drp-carousel-transition"),
               style: {
                 "--konstruct-drp-animation-duration": `${f.animationDuration}ms`,
                 width: 3 * 259,
-                transform: Q(),
+                transform: J(),
                 willChange: "transform"
               },
               children: [
                 /* @__PURE__ */ n(s, {
-                  month: $,
+                  month: V,
                   range: i,
                   onRangeSelect: l,
                   disabled: e,
@@ -86,7 +85,7 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
                   classNames: m
                 }),
                 /* @__PURE__ */ n(s, {
-                  month: V,
+                  month: j,
                   range: i,
                   onRangeSelect: l,
                   disabled: e,
@@ -95,7 +94,7 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
                   classNames: m
                 }),
                 /* @__PURE__ */ n(s, {
-                  month: _,
+                  month: G,
                   range: i,
                   onRangeSelect: l,
                   disabled: e,
@@ -106,46 +105,46 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
               ]
             })
           ]
-        }), /* @__PURE__ */ d("div", {
+        }), /* @__PURE__ */ h("div", {
           style: { width: 259 },
           className: "relative overflow-hidden",
           children: [
             /* @__PURE__ */ n(c, {
               direction: "prev",
-              onClick: M,
+              onClick: I,
               disabled: e,
-              isAnimating: u,
-              canNavigate: L,
-              hideWhenDisabled: h,
+              isAnimating: p,
+              canNavigate: z,
+              hideWhenDisabled: d,
               className: a("absolute left-0 top-0 z-10 p-1", "bg-white dark:bg-metal-800", t?.navButton),
               disabledClassName: t?.navButtonDisabled,
-              ariaLabel: R,
+              ariaLabel: x,
               size: "small"
             }),
             /* @__PURE__ */ n(c, {
               direction: "next",
-              onClick: P,
+              onClick: D,
               disabled: e,
-              isAnimating: u,
-              canNavigate: I,
-              hideWhenDisabled: h,
+              isAnimating: p,
+              canNavigate: A,
+              hideWhenDisabled: d,
               className: a("absolute right-0 top-0 z-10 p-1", "bg-white dark:bg-metal-800", t?.navButton),
               disabledClassName: t?.navButtonDisabled,
-              ariaLabel: w,
+              ariaLabel: R,
               size: "small"
             }),
-            /* @__PURE__ */ d("div", {
-              ref: q,
-              className: a("flex", H && E && "konstruct-drp-carousel-transition"),
+            /* @__PURE__ */ h("div", {
+              ref: $,
+              className: a("flex", P && _ && "konstruct-drp-carousel-transition"),
               style: {
                 "--konstruct-drp-animation-duration": `${f.animationDuration}ms`,
                 width: 3 * 259,
-                transform: U(),
+                transform: K(),
                 willChange: "transform"
               },
               children: [
                 /* @__PURE__ */ n(s, {
-                  month: K,
+                  month: F,
                   range: i,
                   onRangeSelect: l,
                   disabled: e,
@@ -154,7 +153,7 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
                   classNames: m
                 }),
                 /* @__PURE__ */ n(s, {
-                  month: F,
+                  month: E,
                   range: i,
                   onRangeSelect: l,
                   disabled: e,
@@ -163,7 +162,7 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
                   classNames: m
                 }),
                 /* @__PURE__ */ n(s, {
-                  month: J,
+                  month: q,
                   range: i,
                   onRangeSelect: l,
                   disabled: e,
@@ -179,7 +178,7 @@ var et = ({ className: k, calendarWidth: b = 550, ariaLabelCalendar: x = "Date r
     })
   });
 };
-et.displayName = "IndependentModeCalendar";
+O.displayName = "IndependentModeCalendar";
 export {
-  et as IndependentModeCalendar
+  O as IndependentModeCalendar
 };

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { getMonthName as E } from "../../../utils/validation.js";
-import { a as s, i as _, n as r, o as T, r as e, s as o, t } from "../../../../../constants-DXrF9vV4.js";
+import { a as s, i as _, n as r, o as T, r as e, s as o, t } from "../../../../../constants-CxJJRVK3.js";
 export {
   t as GAP_WIDTH,
   r as MONTH_HEADER_HEIGHT,

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

@@ -1,5 +1,5 @@
 import { getMonthName as t } from "../../../utils/validation.js";
-import { a as o, i as r, n as s, o as H, r as E, s as m, t as _ } from "../../../../../constants-DXrF9vV4.js";
+import { a as o, i as r, n as s, o as H, r as E, s as m, t as _ } from "../../../../../constants-CxJJRVK3.js";
 import { calculateCalendarHeight as T, getNextMonth as i, getPrevMonth as I, getWeeksInMonth as M } from "../utils/index.js";
 import { useTogetherCarousel as N } from "./useTogetherCarousel.js";
 import { useIndependentCarousel as h } from "./useIndependentCarousel.js";