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

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

@@ -1,8 +1,8 @@
-import { t as n } from "../../../../../../utils-Cx-WzRZF.js";
-import { t as c } from "../../../../../../DayPicker-kweJz134.js";
+import { t as n } from "../../../../../../utils-B-6R7kNE.js";
+import { t as c } from "../../../../../../DayPicker-C22j0Y-u.js";
 import { getMonthName as d } from "../../../../utils/validation.js";
 import { calendarMonthTitleVariants as f } from "../../CalendarPanel.variants.js";
-import { s as h } from "../../../../../../constants-CxJJRVK3.js";
+import { s as h } from "../../../../../../constants-HQIXhj2t.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,8 +1,8 @@
-import { t as a } from "../../../../../../utils-Cx-WzRZF.js";
-import { t as Q } from "../../../../../../react-CvUtBTMg.js";
+import { t as a } from "../../../../../../utils-B-6R7kNE.js";
+import { t as Q } from "../../../../../../react-7zQ6bvbE.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 "../../../../../../constants-HQIXhj2t.js";
 import { CalendarMonth as s } from "../CalendarMonth/CalendarMonth.js";
 import { useIndependentCarousel as Z } from "../../hooks/useIndependentCarousel.js";
 import { NavigationButton as c } from "../NavigationButton/NavigationButton.js";

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

@@ -1,4 +1,4 @@
-import { t as o } from "../../../../../../utils-Cx-WzRZF.js";
+import { t as o } from "../../../../../../utils-B-6R7kNE.js";
 import { t as v } from "../../../../../../chevron-left-DxGDBBKA.js";
 import { t as b } from "../../../../../../chevron-right-CDwgDdp-.js";
 import { calendarNavButtonDisabledVariants as h, calendarNavButtonVariants as N } from "../../CalendarPanel.variants.js";

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

@@ -1,5 +1,5 @@
-import { t as n } from "../../../../../../utils-Cx-WzRZF.js";
-import { t as P } from "../../../../../../react-CvUtBTMg.js";
+import { t as n } from "../../../../../../utils-B-6R7kNE.js";
+import { t as P } from "../../../../../../react-7zQ6bvbE.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";

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

@@ -1,4 +1,4 @@
-import { s as e } from "../../../../../constants-CxJJRVK3.js";
+import { s as e } from "../../../../../constants-HQIXhj2t.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-CxJJRVK3.js";
+import { a as s, i as _, n as r, o as T, r as e, s as o, t } from "../../../../../constants-HQIXhj2t.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-CxJJRVK3.js";
+import { a as o, i as r, n as s, o as H, r as E, s as m, t as _ } from "../../../../../constants-HQIXhj2t.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";

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

@@ -1,10 +1,10 @@
-import { r as w } from "../../../../../constants-CxJJRVK3.js";
-import { calculateCalendarHeight as j, getNextMonth as m, getPrevMonth as h, getWeeksInMonth as O } from "../utils/index.js";
-import { useEffect as g, useMemo as p, useRef as I, useState as i } from "react";
-var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
-  const [f, x] = i(u[0]), [s, S] = i(null), [r, b] = i(!1), [a, L] = i(!1), [W, C] = i(!0), T = I(null), N = I(!0), [o, E] = i(u[1]), [l, D] = i(null), [n, P] = i(!1), [c, H] = i(!1), [X, _] = i(!0), A = I(null), d = I(!0);
+import { r as W } from "../../../../../constants-HQIXhj2t.js";
+import { calculateCalendarHeight as j, getNextMonth as m, getPrevMonth as h, getWeeksInMonth as k } from "../utils/index.js";
+import { useEffect as g, useMemo as p, useRef as L, useState as i } from "react";
+var Q = ({ displayedMonths: u, animationDuration: F, navigationMode: I }) => {
+  const [f, x] = i(u[0]), [s, S] = i(null), [r, b] = i(!1), [a, H] = i(!1), [w, C] = i(!0), T = L(null), N = L(!0), [o, E] = i(u[1]), [l, D] = i(null), [n, P] = i(!1), [c, q] = i(!1), [O, _] = i(!0), A = L(null), d = L(!0);
   g(() => {
-    if (F === "independent") {
+    if (I === "independent") {
       if (N.current) {
         N.current = !1;
         return;
@@ -12,8 +12,8 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
       if (!r) {
         const e = f.getTime(), t = u[0].getTime();
         if (e !== t) {
-          const q = t - e, R = Math.round(q / w);
-          Math.abs(R) === 1 ? (S(R > 0 ? "left" : "right"), b(!0), L(!1)) : x(u[0]);
+          const R = t - e, M = Math.round(R / W);
+          Math.abs(M) === 1 ? (S(M > 0 ? "left" : "right"), b(!0), H(!1)) : x(u[0]);
         }
       }
     }
@@ -21,9 +21,9 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     u,
     f,
     r,
-    F
+    I
   ]), g(() => {
-    if (F === "independent") {
+    if (I === "independent") {
       if (d.current) {
         d.current = !1;
         return;
@@ -31,8 +31,8 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
       if (!n) {
         const e = o.getTime(), t = u[1].getTime();
         if (e !== t) {
-          const q = t - e, R = Math.round(q / w);
-          Math.abs(R) === 1 ? (D(R > 0 ? "left" : "right"), P(!0), H(!1)) : E(u[1]);
+          const R = t - e, M = Math.round(R / W);
+          Math.abs(M) === 1 ? (D(M > 0 ? "left" : "right"), P(!0), q(!1)) : E(u[1]);
         }
       }
     }
@@ -40,10 +40,10 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     u,
     o,
     n,
-    F
+    I
   ]), g(() => {
     r && !a && s && (T.current && T.current.offsetHeight, requestAnimationFrame(() => {
-      L(!0);
+      H(!0);
     }));
   }, [
     r,
@@ -51,7 +51,7 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     s
   ]), g(() => {
     n && !c && l && (A.current && A.current.offsetHeight, requestAnimationFrame(() => {
-      H(!0);
+      q(!0);
     }));
   }, [
     n,
@@ -61,42 +61,44 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     if (r && a) {
       const e = setTimeout(() => {
         C(!1), requestAnimationFrame(() => {
-          T.current && T.current.offsetHeight, x((t) => s === "left" ? m(t) : h(t)), b(!1), S(null), L(!1), requestAnimationFrame(() => {
+          T.current && T.current.offsetHeight, x((t) => s === "left" ? m(t) : h(t)), b(!1), S(null), H(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
               C(!0);
             });
           });
         });
-      }, M);
+      }, F);
       return () => clearTimeout(e);
     }
   }, [
     r,
     a,
-    M,
+    F,
     s
   ]), g(() => {
     if (n && c) {
       const e = setTimeout(() => {
         _(!1), requestAnimationFrame(() => {
-          A.current && A.current.offsetHeight, E((t) => l === "left" ? m(t) : h(t)), P(!1), D(null), H(!1), requestAnimationFrame(() => {
+          A.current && A.current.offsetHeight, E((t) => l === "left" ? m(t) : h(t)), P(!1), D(null), q(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
               _(!0);
             });
           });
         });
-      }, M);
+      }, F);
       return () => clearTimeout(e);
     }
   }, [
     n,
     c,
-    M,
+    F,
     l
   ]);
-  const $ = p(() => {
+  const X = p(() => {
     let e = f, t = o;
-    return r && s === "left" ? e = m(f) : r && s === "right" && (e = h(f)), n && l === "left" ? t = m(o) : n && l === "right" && (t = h(o)), j(Math.max(O(e), O(t)));
+    r && s === "left" ? e = m(f) : r && s === "right" && (e = h(f)), n && l === "left" ? t = m(o) : n && l === "right" && (t = h(o));
+    const R = Math.max(k(e), k(t));
+    return j(R);
   }, [
     f,
     o,
@@ -104,7 +106,7 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     n,
     s,
     l
-  ]), k = () => {
+  ]), $ = () => {
     let e = -259;
     return r && a && (s === "left" ? e = -2 * 259 : s === "right" && (e = 0)), `translateX(${e}px)`;
   }, G = () => {
@@ -117,18 +119,18 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     leftNextMonth: m(f),
     leftCarouselRef: T,
     isLeftAnimating: r,
-    enableLeftTransition: W,
+    enableLeftTransition: w,
     leftAnimateTransform: a,
-    getLeftTransform: k,
+    getLeftTransform: $,
     rightInternalMonth: o,
     rightPrevMonth: h(o),
     rightNextMonth: m(o),
     rightCarouselRef: A,
     isRightAnimating: n,
-    enableRightTransition: X,
+    enableRightTransition: O,
     rightAnimateTransform: c,
     getRightTransform: G,
-    calendarHeight: $
+    calendarHeight: X
   };
 };
 export {

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

@@ -1,35 +1,37 @@
-import { r as w } from "../../../../../constants-CxJJRVK3.js";
+import { r as w } from "../../../../../constants-HQIXhj2t.js";
 import { calculateCalendarHeight as L, getNextMonth as T, getPrevMonth as g, getWeeksInMonth as X } from "../utils/index.js";
 import { useEffect as A, useMemo as $, useRef as q, useState as a } from "react";
 var Y = ({ displayedMonths: l, animationDuration: H, disabled: I, canNavigatePrev: D, canNavigateNext: E, navigationMode: N, navigatePrevMonth: S, navigateNextMonth: b }) => {
-  const [n, u] = a(null), [e, c] = a(!1), [o, i] = a(!1), [p, F] = a(!0), [r, P] = a(l), f = q(null), R = q(!0), W = 291, C = g(g(r[0])), M = g(r[0]), h = r[0], m = r[1], d = T(r[1]), O = T(T(r[1])), v = $(() => {
+  const [n, c] = a(null), [e, u] = a(!1), [o, i] = a(!1), [p, W] = a(!0), [s, F] = a(l), f = q(null), P = q(!0), R = 291, C = g(g(s[0])), M = g(s[0]), m = s[0], h = s[1], d = T(s[1]), O = T(T(s[1])), k = $(() => {
     let t;
-    return e && n === "left" ? t = [m, d] : e && n === "right" ? t = [M, h] : t = [h, m], L(Math.max(...t.map(X)));
+    e && n === "left" ? t = [h, d] : e && n === "right" ? t = [M, m] : t = [m, h];
+    const r = Math.max(...t.map(X));
+    return L(r);
   }, [
     e,
     n,
-    h,
     m,
+    h,
     d,
     M
-  ]), G = 6 * 259 + 160, x = -2 * 291;
+  ]), v = 6 * 259 + 160, x = -2 * 291;
   return A(() => {
     if (N !== "independent") {
-      if (R.current) {
-        R.current = !1;
+      if (P.current) {
+        P.current = !1;
         return;
       }
       if (!e) {
-        const t = r[0].getTime(), s = l[0].getTime();
-        if (t !== s) {
-          const k = s - t, _ = Math.round(k / w);
-          Math.abs(_) === 1 ? (u(_ > 0 ? "left" : "right"), c(!0), i(!1)) : P(l);
+        const t = s[0].getTime(), r = l[0].getTime();
+        if (t !== r) {
+          const G = r - t, _ = Math.round(G / w);
+          Math.abs(_) === 1 ? (c(_ > 0 ? "left" : "right"), u(!0), i(!1)) : F(l);
         }
       }
     }
   }, [
     l,
-    r,
+    s,
     e,
     N
   ]), A(() => {
@@ -43,10 +45,10 @@ var Y = ({ displayedMonths: l, animationDuration: H, disabled: I, canNavigatePre
   ]), A(() => {
     if (e && o) {
       const t = setTimeout(() => {
-        F(!1), requestAnimationFrame(() => {
-          f.current && f.current.offsetHeight, P((s) => n === "left" ? [s[1], T(s[1])] : [g(s[0]), s[0]]), c(!1), u(null), i(!1), requestAnimationFrame(() => {
+        W(!1), requestAnimationFrame(() => {
+          f.current && f.current.offsetHeight, F((r) => n === "left" ? [r[1], T(r[1])] : [g(r[0]), r[0]]), u(!1), c(null), i(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
-              F(!0);
+              W(!0);
             });
           });
         });
@@ -63,25 +65,25 @@ var Y = ({ displayedMonths: l, animationDuration: H, disabled: I, canNavigatePre
     isAnimating: e,
     enableTransition: p,
     animateTransform: o,
-    calendarHeight: v,
-    carouselTotalWidth: G,
+    calendarHeight: k,
+    carouselTotalWidth: v,
     monthsToRender: [
       C,
       M,
-      h,
       m,
+      h,
       d,
       O
     ],
     handlePrevMonth: () => {
-      e || I || !D || (u("right"), c(!0), i(!1), S());
+      e || I || !D || (c("right"), u(!0), i(!1), S());
     },
     handleNextMonth: () => {
-      e || I || !E || (u("left"), c(!0), i(!1), b());
+      e || I || !E || (c("left"), u(!0), i(!1), b());
     },
     getTransform: () => {
       let t = x;
-      return e && o && (n === "left" ? t = x - W : n === "right" && (t = x + W)), `translateX(${t}px)`;
+      return e && o && (n === "left" ? t = x - R : n === "right" && (t = x + R)), `translateX(${t}px)`;
     }
   };
 };

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

@@ -1,4 +1,4 @@
-import "../../../../../constants-CxJJRVK3.js";
+import "../../../../../constants-HQIXhj2t.js";
 var E = (t) => {
   const e = t.getFullYear(), a = t.getMonth(), n = new Date(e, a, 1), r = new Date(e, a + 1, 0), o = n.getDay() + r.getDate();
   return Math.ceil(o / 7);

package/dist/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.js

@@ -1,4 +1,4 @@
-import { t as L } from "../../../../utils-Cx-WzRZF.js";
+import { t as L } from "../../../../utils-B-6R7kNE.js";
 import { dateTimeInputsVariants as $ } from "./DateTimeInputs.variants.js";
 import { EndInputFields as k } from "./components/EndInputFields/EndInputFields.js";
 import { StartInputFields as w } from "./components/StartInputFields/StartInputFields.js";

package/dist/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.js

@@ -1,45 +1,52 @@
-import { t as I } from "../../../../../../Input-Cf44DzfE.js";
-import { t as r } from "../../../../../../utils-Cx-WzRZF.js";
+import { t as g } from "../../../../../../Input-is8n7emP.js";
+import { t as r } from "../../../../../../utils-B-6R7kNE.js";
 import { Typography as p } from "../../../../../Typography/Typography.js";
-import { TimePicker as g } from "../../../../../TimePicker/TimePicker.js";
-import { dateInputWrapperVariants as E, dateTimeGroupVariants as V, inputLabelVariants as o, timeInputWrapperVariants as W } from "../../DateTimeInputs.variants.js";
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-var y = ({ dateValue: l, timeValue: m, error: d, disabled: i, showTime: t, timeFormat: u = "24", labelDate: c = "End date", labelTime: f = "Time", ariaLabelDate: s = "End date", onDateChange: h, onDateFocus: b, onDateBlur: v, onTimeChange: x, classNames: e }) => /* @__PURE__ */ n("div", {
-  className: r(V(), !t && "w-auto flex-1", e?.group),
-  children: [/* @__PURE__ */ n("div", {
-    className: r(E(), !t && "w-full flex-1", e?.dateWrapper),
-    children: [/* @__PURE__ */ a(p, {
-      component: "label",
-      className: r(o(), e?.label),
-      children: c
-    }), /* @__PURE__ */ a(I, {
-      value: l,
-      onChange: h,
-      onFocus: b,
-      onBlur: v,
-      error: d,
-      disabled: i,
-      className: r(e?.input),
-      "aria-label": s
+import { TimePicker as F } from "../../../../../TimePicker/TimePicker.js";
+import { dateInputWrapperVariants as V, dateTimeGroupVariants as W, inputLabelVariants as m, timeInputWrapperVariants as y } from "../../DateTimeInputs.variants.js";
+import { useId as C } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var L = ({ dateValue: l, timeValue: d, error: u, disabled: i, showTime: a, timeFormat: c = "24", labelDate: f = "End date", labelTime: s = "Time", ariaLabelDate: h = "End date", ariaLabelTime: I = "End time", onDateChange: b, onDateFocus: v, onDateBlur: x, onTimeChange: E, classNames: e }) => {
+  const o = `${C()}-time`;
+  return /* @__PURE__ */ n("div", {
+    className: r(W(), !a && "w-auto flex-1", e?.group),
+    children: [/* @__PURE__ */ n("div", {
+      className: r(V(), !a && "w-full flex-1", e?.dateWrapper),
+      children: [/* @__PURE__ */ t(p, {
+        component: "label",
+        className: r(m(), e?.label),
+        children: f
+      }), /* @__PURE__ */ t(g, {
+        value: l,
+        onChange: b,
+        onFocus: v,
+        onBlur: x,
+        error: u,
+        disabled: i,
+        className: r(e?.input),
+        "aria-label": h
+      })]
+    }), a && /* @__PURE__ */ n("div", {
+      className: r(y(), e?.timeWrapper),
+      children: [/* @__PURE__ */ t(p, {
+        component: "label",
+        htmlFor: o,
+        className: r(m(), e?.label),
+        children: s
+      }), /* @__PURE__ */ t(F, {
+        mode: "input",
+        showList: !0,
+        format: c,
+        time: d,
+        onChange: E,
+        disabled: i,
+        ariaLabel: I,
+        id: o,
+        name: "end time"
+      })]
     })]
-  }), t && /* @__PURE__ */ n("div", {
-    className: r(W(), e?.timeWrapper),
-    children: [/* @__PURE__ */ a(p, {
-      component: "label",
-      className: r(o(), e?.label),
-      children: f
-    }), /* @__PURE__ */ a(g, {
-      mode: "input",
-      showList: !0,
-      format: u,
-      time: m,
-      onChange: x,
-      disabled: i,
-      name: "end time"
-    })]
-  })]
-});
-y.displayName = "EndInputFields";
+  });
+};
+L.displayName = "EndInputFields";
 export {
-  y as EndInputFields
+  L as EndInputFields
 };

package/dist/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.js

@@ -1,45 +1,52 @@
-import { t as I } from "../../../../../../Input-Cf44DzfE.js";
-import { t as r } from "../../../../../../utils-Cx-WzRZF.js";
-import { Typography as n } from "../../../../../Typography/Typography.js";
-import { TimePicker as g } from "../../../../../TimePicker/TimePicker.js";
-import { dateInputWrapperVariants as S, dateTimeGroupVariants as V, inputLabelVariants as o, timeInputWrapperVariants as W } from "../../DateTimeInputs.variants.js";
+import { t as g } from "../../../../../../Input-is8n7emP.js";
+import { t as r } from "../../../../../../utils-B-6R7kNE.js";
+import { Typography as p } from "../../../../../Typography/Typography.js";
+import { TimePicker as F } from "../../../../../TimePicker/TimePicker.js";
+import { dateInputWrapperVariants as V, dateTimeGroupVariants as W, inputLabelVariants as m, timeInputWrapperVariants as y } from "../../DateTimeInputs.variants.js";
+import { useId as C } from "react";
 import { jsx as a, jsxs as i } from "react/jsx-runtime";
-var y = ({ dateValue: l, timeValue: m, error: u, disabled: p, showTime: e, timeFormat: d = "24", labelDate: c = "Start date", labelTime: f = "Time", ariaLabelDate: s = "Start date", onDateChange: h, onDateFocus: b, onDateBlur: v, onTimeChange: x, classNames: t }) => /* @__PURE__ */ i("div", {
-  className: r(V(), !e && "w-auto flex-1", t?.group),
-  children: [/* @__PURE__ */ i("div", {
-    className: r(S(), !e && "w-full flex-1", t?.dateWrapper),
-    children: [/* @__PURE__ */ a(n, {
-      component: "label",
-      className: r(o(), t?.label),
-      children: c
-    }), /* @__PURE__ */ a(I, {
-      value: l,
-      onChange: h,
-      onFocus: b,
-      onBlur: v,
-      error: u,
-      disabled: p,
-      className: r(t?.input),
-      "aria-label": s
+var L = ({ dateValue: l, timeValue: d, error: u, disabled: o, showTime: e, timeFormat: c = "24", labelDate: s = "Start date", labelTime: f = "Time", ariaLabelDate: h = "Start date", ariaLabelTime: I = "Start time", onDateChange: b, onDateFocus: v, onDateBlur: x, onTimeChange: S, classNames: t }) => {
+  const n = `${C()}-time`;
+  return /* @__PURE__ */ i("div", {
+    className: r(W(), !e && "w-auto flex-1", t?.group),
+    children: [/* @__PURE__ */ i("div", {
+      className: r(V(), !e && "w-full flex-1", t?.dateWrapper),
+      children: [/* @__PURE__ */ a(p, {
+        component: "label",
+        className: r(m(), t?.label),
+        children: s
+      }), /* @__PURE__ */ a(g, {
+        value: l,
+        onChange: b,
+        onFocus: v,
+        onBlur: x,
+        error: u,
+        disabled: o,
+        className: r(t?.input),
+        "aria-label": h
+      })]
+    }), e && /* @__PURE__ */ i("div", {
+      className: r(y(), t?.timeWrapper),
+      children: [/* @__PURE__ */ a(p, {
+        component: "label",
+        htmlFor: n,
+        className: r(m(), t?.label),
+        children: f
+      }), /* @__PURE__ */ a(F, {
+        mode: "input",
+        showList: !0,
+        format: c,
+        time: d,
+        onChange: S,
+        disabled: o,
+        ariaLabel: I,
+        id: n,
+        name: "start time"
+      })]
     })]
-  }), e && /* @__PURE__ */ i("div", {
-    className: r(W(), t?.timeWrapper),
-    children: [/* @__PURE__ */ a(n, {
-      component: "label",
-      className: r(o(), t?.label),
-      children: f
-    }), /* @__PURE__ */ a(g, {
-      mode: "input",
-      showList: !0,
-      format: d,
-      time: m,
-      onChange: x,
-      disabled: p,
-      name: "start time"
-    })]
-  })]
-});
-y.displayName = "StartInputFields";
+  });
+};
+L.displayName = "StartInputFields";
 export {
-  y as StartInputFields
+  L as StartInputFields
 };

package/dist/components/DateRangePicker/components/PresetPanel/PresetPanel.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../../utils-Cx-WzRZF.js";
+import { t as a } from "../../../../utils-B-6R7kNE.js";
 import { Typography as f } from "../../../Typography/Typography.js";
 import { RadioGroup as h } from "../../../RadioGroup/RadioGroup.js";
 import { useDateRangePicker as x } from "../../contexts/date-range-picker.hook.js";

package/dist/components/Datepicker/DatePicker.js

@@ -1,7 +1,7 @@
-import { t } from "../../utils-Cx-WzRZF.js";
+import { t } from "../../utils-B-6R7kNE.js";
 import { t as h } from "../../chevron-left-DxGDBBKA.js";
 import { t as f } from "../../chevron-right-CDwgDdp-.js";
-import { t as p } from "../../DayPicker-kweJz134.js";
+import { t as p } from "../../DayPicker-C22j0Y-u.js";
 import { datePickerVariants as k } from "./DatePicker.variants.js";
 import '../../style.css';/* empty css                   */
 import { useState as g } from "react";

package/dist/components/Divider/Divider.js

@@ -1,11 +1,11 @@
-import { t as a } from "../../utils-Cx-WzRZF.js";
-import { dividerVariants as m } from "./Divider.variants.js";
+import { t as m } from "../../utils-B-6R7kNE.js";
+import { dividerVariants as e } from "./Divider.variants.js";
 import { jsx as o } from "react/jsx-runtime";
-var d = ({ className: i, ...r }) => /* @__PURE__ */ o("div", {
-  className: a(m({ className: i })),
-  ...r
+var t = ({ className: r, component: i = "div", ...a }) => /* @__PURE__ */ o(i, {
+  className: m(e({ className: r })),
+  ...a
 });
-d.displayName = "Divider";
+t.displayName = "Divider";
 export {
-  d as Divider
+  t as Divider
 };