@devalok/shilp-sutra 0.20.1 → 0.22.0

package/dist/_chunks/primitives.js

@@ -6457,8 +6457,8 @@ export {
   Lg as aJ,
   Ug as aK,
   Hg as aL,
-  Bg as aM,
-  Vg as aN,
+  Vg as aM,
+  Bg as aN,
   Kg as aO,
   Sm as aP,
   Fg as aQ,

package/dist/_chunks/use-calendar.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as h, jsx as t } from "react/jsx-runtime";
 import * as p from "react";
-import { useState as Se } from "react";
-import { format as D, startOfMonth as z, endOfMonth as me, startOfWeek as ve, endOfWeek as Ye, addDays as _, subMonths as be, addMonths as te, isSameMonth as ge, isSameDay as X, lastDayOfMonth as Re, isBefore as C, startOfDay as K, isAfter as ee, isWithinInterval as xe, setMonth as re, setYear as ne, endOfDay as U, startOfYear as Te, subDays as ue, setHours as J, setMinutes as se, setSeconds as ye } from "date-fns";
+import { useState as Pe } from "react";
+import { format as D, startOfMonth as z, endOfMonth as me, startOfWeek as Se, endOfWeek as Ye, addDays as _, subMonths as be, addMonths as te, isSameMonth as ge, isSameDay as X, lastDayOfMonth as Re, isBefore as C, startOfDay as K, isAfter as ee, isWithinInterval as xe, setMonth as re, setYear as ne, endOfDay as U, startOfYear as Te, subDays as ue, setHours as J, setMinutes as se, setSeconds as ye } from "date-fns";
 import { IconChevronLeft as Ae, IconChevronRight as He, IconCalendarEvent as we, IconClock as Oe, IconCalendarClock as De } from "@tabler/icons-react";
 import { cn as y } from "../ui/lib/utils.js";
 import { Popover as ce, PopoverTrigger as oe, PopoverContent as ae } from "../ui/popover.js";
@@ -11,13 +11,13 @@ const Ee = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Q = p.forwardRef(
     currentMonth: e,
     selected: n,
     rangeStart: a,
-    rangeEnd: i,
+    rangeEnd: d,
     hoverDate: g,
     onSelect: b,
     onHover: f,
     onMonthChange: x,
-    onHeaderClick: P,
-    disabledDates: S,
+    onHeaderClick: v,
+    disabledDates: P,
     minDate: M,
     maxDate: w,
     hidePrevNav: T,
@@ -34,13 +34,13 @@ const Ee = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Q = p.forwardRef(
         r.push(s), c.set(l, r);
       }
       return c;
-    }, [A]), E = z(e), v = me(e), $ = ve(E), G = Ye(v), L = [];
+    }, [A]), E = z(e), S = me(e), $ = Se(E), G = Ye(S), L = [];
     let j = $;
     for (; j <= G; )
       L.push(j), j = _(j, 1);
-    const I = (c) => !!(S != null && S(c) || M && C(c, K(M)) || w && ee(c, K(w))), B = (c) => {
-      if (a && i) {
-        const s = C(a, i) ? a : i, l = ee(i, a) ? i : a;
+    const I = (c) => !!(P != null && P(c) || M && C(c, K(M)) || w && ee(c, K(w))), B = (c) => {
+      if (a && d) {
+        const s = C(a, d) ? a : d, l = ee(d, a) ? d : a;
         return xe(c, { start: s, end: l });
       }
       if (a && g) {
@@ -48,7 +48,7 @@ const Ee = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Q = p.forwardRef(
         return xe(c, { start: s, end: l });
       }
       return !1;
-    }, V = (c) => !!(a && X(c, a) || i && X(c, i)), F = (c) => {
+    }, V = (c) => !!(a && X(c, a) || d && X(c, d)), F = (c) => {
       if (!O.current) return;
       const s = D(c, "yyyy-MM-dd"), l = O.current.querySelector(
         `[data-date="${s}"]`
@@ -95,7 +95,7 @@ const Ee = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Q = p.forwardRef(
           {
             type: "button",
             onClick: () => x(be(e, 1)),
-            className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-3 hover:text-surface-fg-muted",
+            className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-3 hover:text-surface-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
             "aria-label": "Previous month",
             children: /* @__PURE__ */ t(Ae, { className: "h-ico-sm w-ico-sm", stroke: 1.5 })
           }
@@ -104,10 +104,10 @@ const Ee = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Q = p.forwardRef(
           "button",
           {
             type: "button",
-            onClick: P,
+            onClick: v,
             className: y(
               "text-ds-md font-semibold text-surface-fg",
-              P && "cursor-pointer rounded-ds-md px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-3"
+              v && "cursor-pointer rounded-ds-md px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-3"
             ),
             "aria-label": "Switch to month/year view",
             children: D(e, "MMMM yyyy")
@@ -118,7 +118,7 @@ const Ee = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Q = p.forwardRef(
           {
             type: "button",
             onClick: () => x(te(e, 1)),
-            className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-3 hover:text-surface-fg-muted",
+            className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-3 hover:text-surface-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
             "aria-label": "Next month",
             children: /* @__PURE__ */ t(He, { className: "h-ico-sm w-ico-sm", stroke: 1.5 })
           }
@@ -144,7 +144,7 @@ const Ee = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Q = p.forwardRef(
               c
             )),
             L.map((c, s) => {
-              const l = ge(c, e), r = I(c), o = n && X(c, n), d = B(c), k = V(c), ie = X(c, /* @__PURE__ */ new Date()), pe = D(c, "yyyy-MM-dd"), he = H.get(pe) ?? [];
+              const l = ge(c, e), r = I(c), o = n && X(c, n), i = B(c), k = V(c), de = X(c, /* @__PURE__ */ new Date()), pe = D(c, "yyyy-MM-dd"), he = H.get(pe) ?? [];
               return /* @__PURE__ */ h(
                 "button",
                 {
@@ -165,21 +165,21 @@ const Ee = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Q = p.forwardRef(
                     "relative flex h-ds-sm w-ds-sm-plus items-center justify-center rounded-ds-md text-ds-md font-body transition-colors duration-fast-01 ease-productive-standard",
                     !l && "pointer-events-none opacity-0",
                     l && r && "opacity-action-disabled pointer-events-none cursor-not-allowed",
-                    l && !r && !o && !k && !d && "text-surface-fg hover:bg-surface-3",
-                    d && !k && "rounded-ds-none bg-surface-3 text-surface-fg",
+                    l && !r && !o && !k && !i && "text-surface-fg hover:bg-surface-3",
+                    i && !k && "rounded-ds-none bg-surface-3 text-surface-fg",
                     (o || k) && "bg-accent-9 text-accent-fg hover:bg-accent-10",
-                    ie && !o && !k && !r && "font-semibold text-accent-11"
+                    de && !o && !k && !r && "font-semibold text-accent-11"
                   ),
                   children: [
                     D(c, "d"),
-                    he.length > 0 && /* @__PURE__ */ t("span", { className: "flex gap-px justify-center absolute bottom-[2px] left-0 right-0", children: he.slice(0, 3).map((ke, Pe) => /* @__PURE__ */ t(
+                    he.length > 0 && /* @__PURE__ */ t("span", { className: "flex gap-px justify-center absolute bottom-[2px] left-0 right-0", children: he.slice(0, 3).map((ke, ve) => /* @__PURE__ */ t(
                       "span",
                       {
                         "data-event-dot": !0,
                         className: "h-[4px] w-[4px] rounded-ds-full",
                         style: { backgroundColor: ke.color ?? "var(--color-accent-9)" }
                       },
-                      Pe
+                      ve
                     )) })
                   ]
                 },
@@ -198,20 +198,20 @@ const le = p.forwardRef(
     currentYear: e,
     selectedYear: n,
     onYearSelect: a,
-    minDate: i,
+    minDate: d,
     maxDate: g,
     className: b,
     ...f
   }, x) {
-    const P = Math.floor(e / 10) * 10, S = Array.from({ length: 12 }, (M, w) => P + w);
+    const v = Math.floor(e / 10) * 10, P = Array.from({ length: 12 }, (M, w) => v + w);
     return /* @__PURE__ */ h("div", { ref: x, ...f, className: y("w-[252px]", b), children: [
       /* @__PURE__ */ h("div", { className: "text-center pb-ds-04 text-ds-md font-semibold text-surface-fg", children: [
-        P,
+        v,
         " – ",
-        P + 11
+        v + 11
       ] }),
-      /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-ds-02", children: S.map((M) => {
-        const w = M === n, T = i != null && M < i.getFullYear() || g != null && M > g.getFullYear();
+      /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-ds-02", children: P.map((M) => {
+        const w = M === n, T = d != null && M < d.getFullYear() || g != null && M > g.getFullYear();
         return /* @__PURE__ */ t(
           "button",
           {
@@ -246,67 +246,67 @@ const $e = [
   "Oct",
   "Nov",
   "Dec"
-], de = p.forwardRef(
+], ie = p.forwardRef(
   function({
     currentYear: e,
     selectedMonth: n,
     onMonthSelect: a,
-    minDate: i,
+    minDate: d,
     maxDate: g,
     className: b,
     ...f
   }, x) {
     return /* @__PURE__ */ h("div", { ref: x, ...f, className: y("w-[252px]", b), children: [
       /* @__PURE__ */ t("div", { className: "text-center pb-ds-04 text-ds-md font-semibold text-surface-fg", children: e }),
-      /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-ds-02", children: $e.map((P, S) => {
-        const M = S === n, w = i != null && (e < i.getFullYear() || e === i.getFullYear() && S < i.getMonth()) || g != null && (e > g.getFullYear() || e === g.getFullYear() && S > g.getMonth());
+      /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-ds-02", children: $e.map((v, P) => {
+        const M = P === n, w = d != null && (e < d.getFullYear() || e === d.getFullYear() && P < d.getMonth()) || g != null && (e > g.getFullYear() || e === g.getFullYear() && P > g.getMonth());
         return /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             disabled: w || !1,
-            onClick: () => !w && a(S),
+            onClick: () => !w && a(P),
             className: y(
               "h-ds-sm-plus rounded-ds-md text-ds-md transition-colors",
               w && "opacity-action-disabled pointer-events-none cursor-not-allowed",
               M && "bg-accent-9 text-accent-fg",
               !M && !w && "hover:bg-surface-3 text-surface-fg"
             ),
-            children: P
+            children: v
           },
-          P
+          v
         );
       }) })
     ] });
   }
 );
-de.displayName = "MonthPicker";
+ie.displayName = "MonthPicker";
 const je = p.forwardRef(
   function({
     value: e,
     onChange: n,
     placeholder: a = "Pick a date",
-    className: i,
+    className: d,
     formatStr: g = "MMM d, yyyy",
     minDate: b,
     maxDate: f,
     disabledDates: x,
-    ...P
-  }, S) {
+    ...v
+  }, P) {
     const [M, w] = p.useState(!1), [T, N] = p.useState(
       e ?? /* @__PURE__ */ new Date()
     ), [A, Y] = p.useState("days");
     p.useEffect(() => {
       M || Y("days");
     }, [M]);
-    const R = (v) => {
-      n == null || n(v), w(!1);
+    const R = (S) => {
+      n == null || n(S), w(!1);
     }, m = () => {
-      Y((v) => v === "days" ? "months" : "years");
-    }, O = (v) => {
-      N(($) => re($, v)), Y("days");
-    }, H = (v) => {
-      N(($) => ne($, v)), Y("months");
+      Y((S) => S === "days" ? "months" : "years");
+    }, O = (S) => {
+      N(($) => re($, S)), Y("days");
+    }, H = (S) => {
+      N(($) => ne($, S)), Y("months");
     }, E = () => {
       switch (A) {
         case "years":
@@ -322,7 +322,7 @@ const je = p.forwardRef(
           );
         case "months":
           return /* @__PURE__ */ t(
-            de,
+            ie,
             {
               currentYear: T.getFullYear(),
               selectedMonth: e == null ? void 0 : e.getMonth(),
@@ -351,15 +351,15 @@ const je = p.forwardRef(
       /* @__PURE__ */ t(oe, { asChild: !0, children: /* @__PURE__ */ h(
         "button",
         {
-          ref: S,
+          ref: P,
           type: "button",
           "aria-label": e ? `Change date, ${D(e, g)}` : a,
-          ...P,
+          ...v,
           className: y(
             "inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-ds-lg border border-surface-border-strong bg-surface-1 px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard",
             "hover:border-surface-border-strong",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
-            i
+            d
           ),
           children: [
             /* @__PURE__ */ t(
@@ -446,16 +446,16 @@ const Ie = {
     }
   }
 }, Ne = p.forwardRef(
-  function({ presets: e, onSelect: n, className: a, ...i }, g) {
-    return /* @__PURE__ */ t("div", { ref: g, ...i, className: y("flex flex-col gap-ds-01", a), children: e.map((b) => {
+  function({ presets: e, onSelect: n, className: a, ...d }, g) {
+    return /* @__PURE__ */ t("div", { ref: g, ...d, className: y("flex flex-col gap-ds-01", a), children: e.map((b) => {
       const f = Ie[b];
       return f ? /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           onClick: () => {
-            const { start: x, end: P } = f.getRange();
-            n(x, P);
+            const { start: x, end: v } = f.getRange();
+            n(x, v);
           },
           className: y(
             "h-ds-sm w-full rounded-ds-md px-ds-03 text-left text-ds-sm",
@@ -476,13 +476,13 @@ const Le = p.forwardRef(
     startDate: e,
     endDate: n,
     onChange: a,
-    placeholder: i = "Pick a date range",
+    placeholder: d = "Pick a date range",
     className: g,
     formatStr: b = "MMM d, yyyy",
     minDate: f,
     maxDate: x,
-    disabledDates: P,
-    presets: S,
+    disabledDates: v,
+    presets: P,
     numberOfMonths: M = 1,
     ...w
   }, T) {
@@ -492,7 +492,7 @@ const Le = p.forwardRef(
       e ?? null
     ), [H, E] = p.useState(
       n ?? null
-    ), [v, $] = p.useState(null), [G, L] = p.useState("days"), j = Math.max(1, M);
+    ), [S, $] = p.useState(null), [G, L] = p.useState("days"), j = Math.max(1, M);
     p.useEffect(() => {
       O(e ?? null), E(n ?? null);
     }, [e, n]), p.useEffect(() => {
@@ -502,52 +502,52 @@ const Le = p.forwardRef(
       if (!m || m && H)
         O(o), E(null);
       else {
-        const d = C(o, m) ? o : m, k = ee(o, m) ? o : m;
-        O(d), E(k), a == null || a({ start: d, end: k }), A(!1);
+        const i = C(o, m) ? o : m, k = ee(o, m) ? o : m;
+        O(i), E(k), a == null || a({ start: i, end: k }), A(!1);
       }
-    }, B = (o, d) => {
-      O(o), E(d), a == null || a({ start: o, end: d }), A(!1);
+    }, B = (o, i) => {
+      O(o), E(i), a == null || a({ start: o, end: i }), A(!1);
     }, V = () => {
       L((o) => o === "days" ? "months" : "years");
     }, F = (o) => {
-      R((d) => re(d, o)), L("days");
+      R((i) => re(i, o)), L("days");
     }, W = (o) => {
-      R((d) => ne(d, o)), L("months");
-    }, c = () => m && H ? `${D(m, b)} - ${D(H, b)}` : i, s = () => j === 1 ? /* @__PURE__ */ t(
+      R((i) => ne(i, o)), L("months");
+    }, c = () => m && H ? `${D(m, b)} - ${D(H, b)}` : d, s = () => j === 1 ? /* @__PURE__ */ t(
       Q,
       {
         currentMonth: Y,
         rangeStart: m,
         rangeEnd: H,
-        hoverDate: v,
+        hoverDate: S,
         onSelect: I,
         onHover: $,
         onMonthChange: R,
         onHeaderClick: V,
-        disabledDates: P,
+        disabledDates: v,
         minDate: f,
         maxDate: x
       }
-    ) : /* @__PURE__ */ t("div", { className: "flex flex-row gap-ds-04", children: Array.from({ length: j }, (o, d) => /* @__PURE__ */ t(
+    ) : /* @__PURE__ */ t("div", { className: "flex flex-row gap-ds-04", children: Array.from({ length: j }, (o, i) => /* @__PURE__ */ t(
       Q,
       {
-        currentMonth: te(Y, d),
+        currentMonth: te(Y, i),
         rangeStart: m,
         rangeEnd: H,
-        hoverDate: v,
+        hoverDate: S,
         onSelect: I,
         onHover: $,
         onMonthChange: (k) => {
-          R(te(k, -d));
+          R(te(k, -i));
         },
         onHeaderClick: V,
-        disabledDates: P,
+        disabledDates: v,
         minDate: f,
         maxDate: x,
-        hidePrevNav: d > 0,
-        hideNextNav: d < j - 1
+        hidePrevNav: i > 0,
+        hideNextNav: i < j - 1
       },
-      d
+      i
     )) }), l = () => {
       switch (G) {
         case "years":
@@ -563,7 +563,7 @@ const Le = p.forwardRef(
           );
         case "months":
           return /* @__PURE__ */ t(
-            de,
+            ie,
             {
               currentYear: Y.getFullYear(),
               selectedMonth: m == null ? void 0 : m.getMonth(),
@@ -575,14 +575,14 @@ const Le = p.forwardRef(
         default:
           return s();
       }
-    }, r = S && S.length > 0;
+    }, r = P && P.length > 0;
     return /* @__PURE__ */ h(ce, { open: N, onOpenChange: A, children: [
       /* @__PURE__ */ t(oe, { asChild: !0, children: /* @__PURE__ */ h(
         "button",
         {
           ref: T,
           type: "button",
-          "aria-label": m && H ? `Change date range, ${c()}` : i,
+          "aria-label": m && H ? `Change date range, ${c()}` : d,
           ...w,
           className: y(
             "inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-ds-lg border border-surface-border-strong bg-surface-1 px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard",
@@ -618,7 +618,7 @@ const Le = p.forwardRef(
           align: "start",
           sideOffset: 4,
           children: r ? /* @__PURE__ */ h("div", { className: "flex flex-row gap-ds-04", children: [
-            /* @__PURE__ */ t("div", { className: "min-w-[140px] border-r border-surface-border-strong pr-ds-04", children: /* @__PURE__ */ t(Ne, { presets: S, onSelect: B }) }),
+            /* @__PURE__ */ t("div", { className: "min-w-[140px] border-r border-surface-border-strong pr-ds-04", children: /* @__PURE__ */ t(Ne, { presets: P, onSelect: B }) }),
             /* @__PURE__ */ t("div", { children: l() })
           ] }) : l()
         }
@@ -629,8 +629,8 @@ const Le = p.forwardRef(
 Le.displayName = "DateRangePicker";
 function Z(u, e, n) {
   const a = [];
-  for (let i = u; i <= e; i += n)
-    a.push(i);
+  for (let d = u; d <= e; d += n)
+    a.push(d);
   return a;
 }
 function q(u) {
@@ -641,35 +641,35 @@ const Ve = p.forwardRef(
     value: e,
     onChange: n,
     format: a = "12h",
-    minuteStep: i = 1,
+    minuteStep: d = 1,
     secondStep: g = 1,
     showSeconds: b = !1,
     placeholder: f = "Pick a time",
     className: x,
-    disabled: P = !1,
-    ...S
+    disabled: v = !1,
+    ...P
   }, M) {
-    const [w, T] = p.useState(!1), N = e ? e.getHours() : null, A = e ? e.getMinutes() : null, Y = e ? e.getSeconds() : null, R = N !== null ? N >= 12 ? "PM" : "AM" : null, m = N !== null ? N === 0 ? 12 : N > 12 ? N - 12 : N : null, O = a === "12h" ? Z(1, 12, 1) : Z(0, 23, 1), H = Z(0, 59, i), E = Z(0, 59, g), v = (s) => {
+    const [w, T] = p.useState(!1), N = e ? e.getHours() : null, A = e ? e.getMinutes() : null, Y = e ? e.getSeconds() : null, R = N !== null ? N >= 12 ? "PM" : "AM" : null, m = N !== null ? N === 0 ? 12 : N > 12 ? N - 12 : N : null, O = a === "12h" ? Z(1, 12, 1) : Z(0, 23, 1), H = Z(0, 59, d), E = Z(0, 59, g), S = (s) => {
       const l = e ? new Date(e) : /* @__PURE__ */ new Date();
       let r = s.hours ?? l.getHours();
-      const o = s.minutes ?? l.getMinutes(), d = s.seconds ?? l.getSeconds();
+      const o = s.minutes ?? l.getMinutes(), i = s.seconds ?? l.getSeconds();
       a === "12h" && s.hours !== void 0 && ((s.ampm ?? R ?? "AM") === "AM" ? r = s.hours === 12 ? 0 : s.hours : r = s.hours === 12 ? 12 : s.hours + 12);
       let k = J(l, r);
-      return k = se(k, o), k = ye(k, d), k;
+      return k = se(k, o), k = ye(k, i), k;
     }, $ = (s) => {
-      const l = v({ hours: s });
+      const l = S({ hours: s });
       n == null || n(l);
     }, G = (s) => {
-      const l = v({ minutes: s });
+      const l = S({ minutes: s });
       n == null || n(l);
     }, L = (s) => {
-      const l = v({ seconds: s });
+      const l = S({ seconds: s });
       n == null || n(l);
     }, j = (s) => {
       if (!e) {
         const o = s === "AM" ? 0 : 12;
-        let d = /* @__PURE__ */ new Date();
-        d = J(d, o), d = se(d, 0), d = ye(d, 0), n == null || n(d);
+        let i = /* @__PURE__ */ new Date();
+        i = J(i, o), i = se(i, 0), i = ye(i, 0), n == null || n(i);
         return;
       }
       const l = e.getHours();
@@ -682,13 +682,13 @@ const Ve = p.forwardRef(
         {
           ref: M,
           type: "button",
-          disabled: P,
-          ...S,
+          disabled: v,
+          ...P,
           className: y(
             "inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-ds-lg border border-surface-border-strong bg-surface-1 px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard",
             "hover:border-surface-border-strong",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
-            P && "opacity-action-disabled pointer-events-none",
+            v && "opacity-action-disabled pointer-events-none",
             x
           ),
           "aria-label": I ? `Selected time: ${I}` : f,
@@ -805,8 +805,8 @@ function Me(u) {
 }
 function fe(u, e, n) {
   const a = [];
-  for (let i = u; i <= e; i += n)
-    a.push(i);
+  for (let d = u; d <= e; d += n)
+    a.push(d);
   return a;
 }
 const Fe = p.forwardRef(
@@ -814,19 +814,19 @@ const Fe = p.forwardRef(
     value: e,
     onChange: n,
     minDate: a,
-    maxDate: i,
+    maxDate: d,
     disabledDates: g,
     timeFormat: b = "12h",
     minuteStep: f = 1,
     placeholder: x = "Pick date & time",
-    className: P,
-    ...S
+    className: v,
+    ...P
   }, M) {
     const [w, T] = p.useState(!1), [N, A] = p.useState(e ?? /* @__PURE__ */ new Date()), [Y, R] = p.useState("days");
     p.useEffect(() => {
       w || R("days");
     }, [w]);
-    const m = e ? e.getHours() : 0, O = e ? e.getMinutes() : 0, H = m >= 12 ? "PM" : "AM", E = m === 0 ? 12 : m > 12 ? m - 12 : m, v = b === "12h" ? fe(1, 12, 1) : fe(0, 23, 1), $ = fe(0, 59, f), G = b === "12h" ? E : m, L = (r) => {
+    const m = e ? e.getHours() : 0, O = e ? e.getMinutes() : 0, H = m >= 12 ? "PM" : "AM", E = m === 0 ? 12 : m > 12 ? m - 12 : m, S = b === "12h" ? fe(1, 12, 1) : fe(0, 23, 1), $ = fe(0, 59, f), G = b === "12h" ? E : m, L = (r) => {
       let o = J(r, e ? e.getHours() : m);
       o = se(o, e ? e.getMinutes() : O), n == null || n(o);
     }, j = () => {
@@ -837,17 +837,17 @@ const Fe = p.forwardRef(
       A((o) => ne(o, r)), R("months");
     }, V = (r) => {
       const o = e ? new Date(e) : /* @__PURE__ */ new Date();
-      let d = r;
-      b === "12h" && ((e ? H : "AM") === "AM" ? d = r === 12 ? 0 : r : d = r === 12 ? 12 : r + 12);
-      const k = J(o, d);
+      let i = r;
+      b === "12h" && ((e ? H : "AM") === "AM" ? i = r === 12 ? 0 : r : i = r === 12 ? 12 : r + 12);
+      const k = J(o, i);
       n == null || n(k);
     }, F = (r) => {
-      const o = e ? new Date(e) : /* @__PURE__ */ new Date(), d = se(o, r);
-      n == null || n(d);
+      const o = e ? new Date(e) : /* @__PURE__ */ new Date(), i = se(o, r);
+      n == null || n(i);
     }, W = (r) => {
-      const o = e ? new Date(e) : /* @__PURE__ */ new Date(), d = o.getHours();
+      const o = e ? new Date(e) : /* @__PURE__ */ new Date(), i = o.getHours();
       let k;
-      r === "AM" ? k = d >= 12 ? d - 12 : d : k = d < 12 ? d + 12 : d, n == null || n(J(o, k));
+      r === "AM" ? k = i >= 12 ? i - 12 : i : k = i < 12 ? i + 12 : i, n == null || n(J(o, k));
     }, c = p.useMemo(() => e ? D(e, b === "12h" ? "MMM d, yyyy h:mm a" : "MMM d, yyyy HH:mm") : null, [e, b]), s = () => {
       switch (Y) {
         case "years":
@@ -858,18 +858,18 @@ const Fe = p.forwardRef(
               selectedYear: e == null ? void 0 : e.getFullYear(),
               onYearSelect: B,
               minDate: a,
-              maxDate: i
+              maxDate: d
             }
           );
         case "months":
           return /* @__PURE__ */ t(
-            de,
+            ie,
             {
               currentYear: N.getFullYear(),
               selectedMonth: e == null ? void 0 : e.getMonth(),
               onMonthSelect: I,
               minDate: a,
-              maxDate: i
+              maxDate: d
             }
           );
         default:
@@ -883,7 +883,7 @@ const Fe = p.forwardRef(
               onHeaderClick: j,
               disabledDates: g,
               minDate: a,
-              maxDate: i
+              maxDate: d
             }
           );
       }
@@ -894,12 +894,12 @@ const Fe = p.forwardRef(
         {
           ref: M,
           type: "button",
-          ...S,
+          ...P,
           className: y(
             "inline-flex h-ds-sm-plus items-center gap-ds-03 rounded-ds-lg border border-surface-border-strong bg-surface-1 px-ds-04 text-left transition-colors duration-fast-01 ease-productive-standard",
             "hover:border-surface-border-strong",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
-            P
+            v
           ),
           "aria-label": c ? `Selected: ${c}` : x,
           children: [
@@ -942,7 +942,7 @@ const Fe = p.forwardRef(
                   "aria-label": "Hour",
                   children: [
                     !e && /* @__PURE__ */ t("option", { value: "", children: "--" }),
-                    v.map((r) => /* @__PURE__ */ t("option", { value: r, children: b === "24h" ? Me(r) : r }, r))
+                    S.map((r) => /* @__PURE__ */ t("option", { value: r, children: b === "24h" ? Me(r) : r }, r))
                   ]
                 }
               ),
@@ -983,7 +983,7 @@ const Fe = p.forwardRef(
 );
 Fe.displayName = "DateTimePicker";
 function Ue(u) {
-  const [e, n] = Se(u ?? /* @__PURE__ */ new Date());
+  const [e, n] = Pe(u ?? /* @__PURE__ */ new Date());
   return {
     currentMonth: e,
     setCurrentMonth: n,
@@ -996,7 +996,7 @@ function Ue(u) {
 export {
   Q as C,
   je as D,
-  de as M,
+  ie as M,
   Ne as P,
   Ve as T,
   le as Y,