impact-nova 2.0.1 → 2.0.3

package/dist/components/ui/date-picker/date-picker.js

@@ -4,9 +4,9 @@ import { Cross as Z, CalendarMonth as _ } from "impact-nova-icons";
 import { format as h, isValid as I, parse as b } from "date-fns";
 import { cn as $, padValidDateString as F, maskDate as ee } from "../../../lib/utils.js";
 import { Input as te } from "../input.js";
-import { Popover as ne, PopoverTrigger as re, PopoverContent as oe } from "../popover.js";
+import { Popover as ne, PopoverAnchor as re, PopoverContent as oe } from "../popover.js";
 import { Calendar as ce } from "../calendar.js";
-import { Tooltip as T, TooltipTrigger as A, TooltipContent as E } from "../tooltip.js";
+import { Tooltip as S, TooltipTrigger as E, TooltipContent as T } from "../tooltip.js";
 import { getDateFnsLocale as ie } from "../../../i18n/getDateFnsLocale.js";
 import { useImpactNovaI18n as le } from "../../../i18n/ImpactNovaI18nContext.js";
 const ae = c.forwardRef(
@@ -41,7 +41,7 @@ const ae = c.forwardRef(
       d?.(e !== void 0 ? e : v), l(!1);
     }, V = () => {
       a(t), f(t ? h(t, n, { locale: i }) : ""), l(!1);
-    }, M = () => {
+    }, A = () => {
       a(void 0), f(""), d?.(void 0), u || l(!1);
     }, W = (e) => {
       const g = e.target.value, C = ee(g, n, p);
@@ -55,11 +55,11 @@ const ae = c.forwardRef(
       if (r) return;
       const e = F(p, n), g = b(e, n, /* @__PURE__ */ new Date(), { locale: i });
       !I(g) || e.length !== n.length ? (f(t ? h(t, n, { locale: i }) : ""), a(t)) : (f(e), u || d?.(g));
-    }, S = (t ? h(t, n, { locale: i }) : "") !== p, Y = p.length === n.length && !I(b(p, n, /* @__PURE__ */ new Date(), { locale: i }));
+    }, M = (t ? h(t, n, { locale: i }) : "") !== p, Y = p.length === n.length && !I(b(p, n, /* @__PURE__ */ new Date(), { locale: i }));
     return /* @__PURE__ */ x(ne, { open: s ? !1 : r, onOpenChange: (e) => {
       s || l(e);
     }, children: [
-      /* @__PURE__ */ o(re, { asChild: !0, children: /* @__PURE__ */ o("div", { "data-component": "date-picker", "data-state": r ? "open" : "closed", "data-pending": S || void 0, children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o(re, { asChild: !0, children: /* @__PURE__ */ o("div", { "data-component": "date-picker", "data-state": r ? "open" : "closed", "data-pending": M || void 0, children: /* @__PURE__ */ o(
         te,
         {
           ref: y,
@@ -75,33 +75,33 @@ const ae = c.forwardRef(
           "data-form-control": "input",
           className: $(
             "cursor-pointer",
-            Y ? "text-destructive" : S ? "text-content-muted" : "",
+            Y ? "text-destructive" : M ? "text-content-muted" : "",
             O
           ),
           suffix: /* @__PURE__ */ x("div", { className: "flex items-center gap-1", children: [
-            t && !s && /* @__PURE__ */ x(T, { children: [
-              /* @__PURE__ */ o(A, { asChild: !0, children: /* @__PURE__ */ o(
+            t && !s && /* @__PURE__ */ x(S, { children: [
+              /* @__PURE__ */ o(E, { asChild: !0, children: /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
                   tabIndex: 0,
                   "aria-label": m("calendar.clear"),
                   onClick: (e) => {
-                    e.stopPropagation(), M();
+                    e.stopPropagation(), A();
                   },
                   className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
                   children: /* @__PURE__ */ o(Z, { className: "size-3 hover:text-content" })
                 }
               ) }),
-              /* @__PURE__ */ o(E, { variant: "tertiary", side: "top", children: m("calendar.clear") })
+              /* @__PURE__ */ o(T, { variant: "tertiary", side: "top", children: m("calendar.clear") })
             ] }),
-            /* @__PURE__ */ x(T, { children: [
-              /* @__PURE__ */ o(A, { asChild: !0, children: /* @__PURE__ */ o("button", { type: "button", tabIndex: 0, "aria-label": m("datePicker.selectDate"), onClick: (e) => {
+            /* @__PURE__ */ x(S, { children: [
+              /* @__PURE__ */ o(E, { asChild: !0, children: /* @__PURE__ */ o("button", { type: "button", tabIndex: 0, "aria-label": m("datePicker.selectDate"), onClick: (e) => {
                 e.stopPropagation(), s || l(!r);
               }, onKeyDown: (e) => {
                 (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), s || (k.current = !0, l(!r)));
               }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ o(_, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-              /* @__PURE__ */ o(E, { variant: "tertiary", side: "top", children: m("datePicker.selectDate") })
+              /* @__PURE__ */ o(T, { variant: "tertiary", side: "top", children: m("datePicker.selectDate") })
             ] })
           ] }),
           ...H
@@ -129,7 +129,7 @@ const ae = c.forwardRef(
               showFooter: u,
               onApply: U,
               onCancel: V,
-              onClear: M,
+              onClear: A,
               captionLayout: "dropdown",
               ...N !== void 0 ? { weekStartsOn: N } : {}
             }

package/dist/components/ui/date-picker/date-range-picker.js

@@ -3,7 +3,7 @@ import * as d from "react";
 import { Cross as ye, CalendarMonth as be, Info as Q } from "impact-nova-icons";
 import { format as p, isValid as y, parse as b } from "date-fns";
 import { cn as x, padValidDateString as E, maskDate as U } from "../../../lib/utils.js";
-import { Popover as we, PopoverTrigger as De, PopoverContent as ke } from "../popover.js";
+import { Popover as we, PopoverAnchor as De, PopoverContent as ke } from "../popover.js";
 import { Calendar as ve } from "../calendar.js";
 import { Tooltip as W, TooltipTrigger as X, TooltipContent as Y } from "../tooltip.js";
 import { getDateFnsLocale as Ne } from "../../../i18n/getDateFnsLocale.js";
@@ -32,9 +32,9 @@ const Pe = d.forwardRef(
     required: ne,
     className: oe,
     ...le
-  }, re) => {
-    const { locale: T, t: R } = Se(), o = d.useMemo(() => Ne(T), [T]), H = Z ?? R("datePicker.startDate"), q = $ ?? R("datePicker.endDate"), G = d.useRef(null), se = d.useRef(null);
-    d.useRef(null), d.useRef(null), d.useImperativeHandle(re, () => G.current);
+  }, se) => {
+    const { locale: H, t: R } = Se(), o = d.useMemo(() => Ne(H), [H]), T = Z ?? R("datePicker.startDate"), q = $ ?? R("datePicker.endDate"), G = d.useRef(null), re = d.useRef(null);
+    d.useRef(null), d.useRef(null), d.useImperativeHandle(se, () => G.current);
     const [i, w] = d.useState(!1), C = d.useRef(!1), [I, D] = d.useState(n), [k, S] = d.useState(n?.from ? p(n.from, t, { locale: o }) : ""), [v, P] = d.useState(n?.to ? p(n.to, t, { locale: o }) : ""), [ie, A] = d.useState(n?.from || /* @__PURE__ */ new Date());
     d.useEffect(() => {
       i || (S(n?.from ? p(n.from, t, { locale: o }) : ""), P(n?.to ? p(n.to, t, { locale: o }) : ""), D(n));
@@ -44,40 +44,40 @@ const Pe = d.forwardRef(
     const ce = (e) => {
       D(e), e?.from && S(p(e.from, t, { locale: o })), e?.to && P(p(e.to, t, { locale: o })), h || e?.from && e?.to && e.from.getTime() !== e.to.getTime() && (f?.(e), w(!1));
     }, ae = (e) => {
-      let r = e !== void 0 ? e : I;
-      r?.from && !r.to && (r = { from: r.from, to: r.from }), f?.(r), w(!1);
+      let s = e !== void 0 ? e : I;
+      s?.from && !s.to && (s = { from: s.from, to: s.from }), f?.(s), w(!1);
     }, z = () => {
       D(n), S(n?.from ? p(n.from, t, { locale: o }) : ""), P(n?.to ? p(n.to, t, { locale: o }) : ""), w(!1);
     }, K = () => {
       D(void 0), S(""), P(""), f?.(void 0), h || w(!1);
     }, fe = (e) => {
-      const r = e.target.value, c = U(r, t, k);
+      const s = e.target.value, c = U(s, t, k);
       if (S(c), c === "") {
         const l = { from: void 0, to: I?.to };
         D(l), h || f?.(l);
         return;
       }
-      const s = b(c, t, /* @__PURE__ */ new Date(), { locale: o });
-      if (y(s) && c.length === t.length) {
-        const l = { from: s, to: I?.to };
-        D(l), A(s), h || f?.(l);
+      const r = b(c, t, /* @__PURE__ */ new Date(), { locale: o });
+      if (y(r) && c.length === t.length) {
+        const l = { from: r, to: I?.to };
+        D(l), A(r), h || f?.(l);
       }
     }, de = (e) => {
-      const r = e.target.value, c = U(r, t, v);
+      const s = e.target.value, c = U(s, t, v);
       if (P(c), c === "") {
         const l = { from: I?.from, to: void 0 };
         D(l), h || f?.(l);
         return;
       }
-      const s = b(c, t, /* @__PURE__ */ new Date(), { locale: o });
-      if (y(s) && c.length === t.length) {
-        const l = { from: I?.from, to: s };
-        D(l), s && A(s), h || f?.(l);
+      const r = b(c, t, /* @__PURE__ */ new Date(), { locale: o });
+      if (y(r) && c.length === t.length) {
+        const l = { from: I?.from, to: r };
+        D(l), r && A(r), h || f?.(l);
       }
     }, J = () => {
       if (i) return;
-      const e = E(k, t), r = E(v, t), c = b(e, t, /* @__PURE__ */ new Date(), { locale: o }), s = b(r, t, /* @__PURE__ */ new Date(), { locale: o }), l = y(c) && e.length === t.length, g = y(s) && r.length === t.length;
-      k && !l ? S(n?.from ? p(n.from, t, { locale: o }) : "") : l && S(e), v && !g ? P(n?.to ? p(n.to, t, { locale: o }) : "") : g && P(r), l && g && !h ? f?.({ from: c, to: s }) : l && !h ? f?.({ from: c, to: n?.to }) : g && !h && f?.({ from: n?.from, to: s });
+      const e = E(k, t), s = E(v, t), c = b(e, t, /* @__PURE__ */ new Date(), { locale: o }), r = b(s, t, /* @__PURE__ */ new Date(), { locale: o }), l = y(c) && e.length === t.length, g = y(r) && s.length === t.length;
+      k && !l ? S(n?.from ? p(n.from, t, { locale: o }) : "") : l && S(e), v && !g ? P(n?.to ? p(n.to, t, { locale: o }) : "") : g && P(s), l && g && !h ? f?.({ from: c, to: r }) : l && !h ? f?.({ from: c, to: n?.to }) : g && !h && f?.({ from: n?.from, to: r });
     }, pe = n?.from ? p(n.from, t, { locale: o }) : "", me = n?.to ? p(n.to, t, { locale: o }) : "", ue = k !== pe, xe = v !== me, he = k.length === t.length && !y(b(k, t, /* @__PURE__ */ new Date(), { locale: o })), ge = v.length === t.length && !y(b(v, t, /* @__PURE__ */ new Date(), { locale: o }));
     return /* @__PURE__ */ u("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "date-range-picker", "data-disabled": m || void 0, children: [
       /* @__PURE__ */ u("div", { className: "flex flex-col gap-[6px]", children: [
@@ -133,14 +133,14 @@ const Pe = d.forwardRef(
                             onKeyDown: (e) => {
                               if (e.key === "Enter" && !i) {
                                 e.preventDefault();
-                                const r = E(k, t), c = E(v, t), s = b(r, t, /* @__PURE__ */ new Date(), { locale: o }), l = b(c, t, /* @__PURE__ */ new Date(), { locale: o }), g = y(s) && r.length === t.length, M = y(l) && c.length === t.length;
-                                g && M ? f?.({ from: s, to: l }) : g ? f?.({ from: s, to: n?.to }) : M && f?.({ from: n?.from, to: l });
+                                const s = E(k, t), c = E(v, t), r = b(s, t, /* @__PURE__ */ new Date(), { locale: o }), l = b(c, t, /* @__PURE__ */ new Date(), { locale: o }), g = y(r) && s.length === t.length, M = y(l) && c.length === t.length;
+                                g && M ? f?.({ from: r, to: l }) : g ? f?.({ from: r, to: n?.to }) : M && f?.({ from: n?.from, to: l });
                               }
                               e.key === "ArrowDown" && !i && !m && (e.preventDefault(), C.current = !0, w(!0)), e.key === "Escape" && i && (e.preventDefault(), z());
                             },
-                            placeholder: i ? t : H,
+                            placeholder: i ? t : T,
                             disabled: !!m,
-                            "aria-label": H,
+                            "aria-label": T,
                             "data-field": "start",
                             className: x(
                               "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
@@ -152,7 +152,7 @@ const Pe = d.forwardRef(
                         /* @__PURE__ */ a(
                           "input",
                           {
-                            ref: se,
+                            ref: re,
                             type: "text",
                             value: v,
                             onChange: de,
@@ -161,8 +161,8 @@ const Pe = d.forwardRef(
                             onKeyDown: (e) => {
                               if (e.key === "Enter" && !i) {
                                 e.preventDefault();
-                                const r = E(k, t), c = E(v, t), s = b(r, t, /* @__PURE__ */ new Date(), { locale: o }), l = b(c, t, /* @__PURE__ */ new Date(), { locale: o }), g = y(s) && r.length === t.length, M = y(l) && c.length === t.length;
-                                g && M ? f?.({ from: s, to: l }) : g ? f?.({ from: s, to: n?.to }) : M && f?.({ from: n?.from, to: l });
+                                const s = E(k, t), c = E(v, t), r = b(s, t, /* @__PURE__ */ new Date(), { locale: o }), l = b(c, t, /* @__PURE__ */ new Date(), { locale: o }), g = y(r) && s.length === t.length, M = y(l) && c.length === t.length;
+                                g && M ? f?.({ from: r, to: l }) : g ? f?.({ from: r, to: n?.to }) : M && f?.({ from: n?.from, to: l });
                               }
                               e.key === "ArrowDown" && !i && !m && (e.preventDefault(), C.current = !0, w(!0)), e.key === "Escape" && i && (e.preventDefault(), z());
                             },

package/dist/components/ui/date-picker/month-picker.js

@@ -4,7 +4,7 @@ import { Cross as L, CalendarMonth as Q } from "impact-nova-icons";
 import { isValid as C, parse as P } from "date-fns";
 import { cn as U, padValidDateString as W, maskDate as X } from "../../../lib/utils.js";
 import { Input as Z } from "../input.js";
-import { Popover as _, PopoverTrigger as F, PopoverContent as v } from "../popover.js";
+import { Popover as _, PopoverAnchor as F, PopoverContent as v } from "../popover.js";
 import { Calendar as tt } from "../calendar.js";
 import { Tooltip as I, TooltipTrigger as N, TooltipContent as T } from "../tooltip.js";
 import { useImpactNovaI18n as et } from "../../../i18n/ImpactNovaI18nContext.js";
@@ -13,8 +13,8 @@ const c = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, nt =
     value: t,
     onChange: s,
     placeholder: V,
-    minDate: b,
-    maxDate: A,
+    minDate: A,
+    maxDate: b,
     startMonth: R,
     endMonth: j,
     showFooter: l = !0,
@@ -118,7 +118,7 @@ const c = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, nt =
               onMonthSelect: $,
               month: E,
               onMonthChange: g,
-              disabled: { before: b, after: A },
+              disabled: { before: A, after: b },
               startMonth: R,
               endMonth: j,
               showFooter: l,

package/dist/components/ui/date-picker/month-range-picker.js

@@ -3,7 +3,7 @@ import * as p from "react";
 import { Cross as ht, CalendarMonth as gt, Info as J } from "impact-nova-icons";
 import { isValid as M, parse as Y } from "date-fns";
 import { cn as g, padValidDateString as R, maskDate as L } from "../../../lib/utils.js";
-import { Popover as xt, PopoverTrigger as Mt, PopoverContent as Yt } from "../popover.js";
+import { Popover as xt, PopoverAnchor as Mt, PopoverContent as Yt } from "../popover.js";
 import { Calendar as yt } from "../calendar.js";
 import { Tooltip as Q, TooltipTrigger as U, TooltipContent as W } from "../tooltip.js";
 import { useImpactNovaI18n as wt } from "../../../i18n/ImpactNovaI18nContext.js";
@@ -35,11 +35,11 @@ const m = (e, i = "MM/YYYY") => {
   }, nt) => {
     const { t: y } = wt();
     A ?? y("datePicker.selectMonthRange");
-    const T = p.useRef(null), ot = p.useRef(null), c = p.useMemo(
+    const H = p.useRef(null), ot = p.useRef(null), c = p.useMemo(
       () => a === "YYYY/MM" ? "yyyy/MM" : "MM/yyyy",
       [a]
     );
-    p.useImperativeHandle(nt, () => T.current);
+    p.useImperativeHandle(nt, () => H.current);
     const [s, w] = p.useState(!1), V = p.useRef(!1), [v, b] = p.useState(e), [k, N] = p.useState(e?.from ? m(e.from, a) : ""), [D, P] = p.useState(e?.to ? m(e.to, a) : ""), [rt, j] = p.useState(() => e?.from ? new Date(e.from.year, e.from.month, 1) : I || /* @__PURE__ */ new Date());
     p.useEffect(() => {
       s || (N(e?.from ? m(e.from, a) : ""), P(e?.to ? m(e.to, a) : ""), b(e));
@@ -78,7 +78,7 @@ const m = (e, i = "MM/YYYY") => {
         const o = { month: n.getMonth(), year: n.getFullYear() }, l = { from: v?.from, to: o };
         b(l), j(n), x || i?.(l);
       }
-    }, H = () => {
+    }, T = () => {
       if (s) return;
       const t = R(k, c), f = R(D, c), r = Y(t, c, /* @__PURE__ */ new Date()), n = Y(f, c, /* @__PURE__ */ new Date()), o = M(r) && t.length === 7, l = M(n) && f.length === 7;
       k && !o ? N(e?.from ? m(e.from, a) : "") : o && N(t), D && !l ? P(e?.to ? m(e.to, a) : "") : l && P(f), o && l && !x ? i?.({
@@ -137,11 +137,11 @@ const m = (e, i = "MM/YYYY") => {
                         /* @__PURE__ */ d(
                           "input",
                           {
-                            ref: T,
+                            ref: H,
                             type: "text",
                             value: k,
                             onChange: it,
-                            onBlur: H,
+                            onBlur: T,
                             onClick: (t) => s && t.stopPropagation(),
                             onKeyDown: (t) => {
                               if (t.key === "Enter" && !s) {
@@ -178,7 +178,7 @@ const m = (e, i = "MM/YYYY") => {
                             type: "text",
                             value: D,
                             onChange: ct,
-                            onBlur: H,
+                            onBlur: T,
                             onClick: (t) => s && t.stopPropagation(),
                             onKeyDown: (t) => {
                               if (t.key === "Enter" && !s) {

package/dist/components/ui/date-picker/multi-date-picker.js

@@ -4,7 +4,7 @@ import { Cross as j, CalendarMonth as w } from "impact-nova-icons";
 import { format as z } from "date-fns";
 import { cn as R } from "../../../lib/utils.js";
 import { Input as E } from "../input.js";
-import { Popover as F, PopoverTrigger as V, PopoverContent as $ } from "../popover.js";
+import { Popover as F, PopoverAnchor as V, PopoverContent as $ } from "../popover.js";
 import { Calendar as q } from "../calendar.js";
 import { Tooltip as u, TooltipTrigger as y, TooltipContent as g } from "../tooltip.js";
 import { getDateFnsLocale as B } from "../../../i18n/getDateFnsLocale.js";
@@ -21,10 +21,10 @@ const H = o.forwardRef(
     endMonth: D,
     showFooter: p = !0,
     disabled: n,
-    className: T,
-    ...b
-  }, k) => {
-    const { locale: d, t: a } = G(), A = o.useMemo(() => B(d), [d]), v = x ?? a("datePicker.selectMultipleDates"), [m, l] = o.useState(!1), [f, i] = o.useState(t);
+    className: A,
+    ...T
+  }, b) => {
+    const { locale: d, t: a } = G(), k = o.useMemo(() => B(d), [d]), v = x ?? a("datePicker.selectMultipleDates"), [m, l] = o.useState(!1), [f, i] = o.useState(t);
     o.useEffect(() => {
       i(t);
     }, [m, t]);
@@ -36,19 +36,19 @@ const H = o.forwardRef(
       i(t), l(!1);
     }, h = () => {
       i(void 0), c?.(void 0), p || l(!1);
-    }, S = t && t.length > 0 ? t.length === 1 ? z(t[0], C, { locale: A }) : `${t.length} dates selected` : "";
+    }, S = t && t.length > 0 ? t.length === 1 ? z(t[0], C, { locale: k }) : `${t.length} dates selected` : "";
     return /* @__PURE__ */ s(F, { open: n ? !1 : m, onOpenChange: (r) => {
       n || l(r);
     }, children: [
       /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
         E,
         {
-          ref: k,
+          ref: b,
           value: S,
           placeholder: v,
           readOnly: !0,
           disabled: n,
-          className: R("cursor-pointer", T),
+          className: R("cursor-pointer", A),
           suffix: /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
             t && t.length > 0 && !n && /* @__PURE__ */ s(u, { children: [
               /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ e(
@@ -71,7 +71,7 @@ const H = o.forwardRef(
               /* @__PURE__ */ e(g, { variant: "tertiary", side: "top", children: a("datePicker.selectMultipleDates") })
             ] })
           ] }),
-          ...b
+          ...T
         }
       ) }) }),
       /* @__PURE__ */ e(

package/dist/components/ui/date-picker/multi-month-picker.js

@@ -1,54 +1,54 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import * as a from "react";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import * as i from "react";
 import { Cross as j, CalendarMonth as v } from "impact-nova-icons";
 import { cn as w } from "../../../lib/utils.js";
 import { Input as z } from "../input.js";
-import { Popover as R, PopoverTrigger as $, PopoverContent as E } from "../popover.js";
+import { Popover as R, PopoverAnchor as $, PopoverContent as E } from "../popover.js";
 import { Calendar as L } from "../calendar.js";
-import { Tooltip as u, TooltipTrigger as g, TooltipContent as y } from "../tooltip.js";
+import { Tooltip as u, TooltipTrigger as y, TooltipContent as g } from "../tooltip.js";
 import { useImpactNovaI18n as V } from "../../../i18n/ImpactNovaI18nContext.js";
-const q = a.forwardRef(
+const q = i.forwardRef(
   ({
     value: e,
-    onChange: s,
+    onChange: c,
     placeholder: C,
     minDate: d,
     maxDate: M,
     startMonth: P,
     endMonth: x,
-    showFooter: c = !0,
+    showFooter: s = !0,
     disabled: p,
     className: N,
-    ...T
-  }, k) => {
-    const { t: o } = V(), b = C ?? o("datePicker.selectMultipleMonths"), [h, r] = a.useState(!1), [m, l] = a.useState(e);
-    a.useEffect(() => {
+    ...k
+  }, T) => {
+    const { t: o } = V(), b = C ?? o("datePicker.selectMultipleMonths"), [h, r] = i.useState(!1), [m, l] = i.useState(e);
+    i.useEffect(() => {
       l(e);
     }, [h, e]);
-    const O = (n) => {
-      l(n), c || s?.(n);
-    }, A = (n) => {
-      s?.(n !== void 0 ? n : m), r(!1);
+    const A = (n) => {
+      l(n), s || c?.(n);
+    }, O = (n) => {
+      c?.(n !== void 0 ? n : m), r(!1);
     }, S = () => {
       l(e), r(!1);
     }, f = () => {
-      l(void 0), s?.(void 0), c || r(!1);
+      l(void 0), c?.(void 0), s || r(!1);
     }, I = e && e.length > 0 ? e.length === 1 ? `${e[0].month + 1}/${e[0].year}` : o("datePicker.monthsSelected", { count: e.length }) : "";
-    return /* @__PURE__ */ i(R, { open: h, onOpenChange: (n) => {
+    return /* @__PURE__ */ a(R, { open: h, onOpenChange: (n) => {
       p || r(n);
     }, children: [
       /* @__PURE__ */ t($, { asChild: !0, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
         z,
         {
-          ref: k,
+          ref: T,
           value: I,
           placeholder: b,
           readOnly: !0,
           disabled: p,
           className: w("cursor-pointer", N),
-          suffix: /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
-            e && e.length > 0 && !p && /* @__PURE__ */ i(u, { children: [
-              /* @__PURE__ */ t(g, { asChild: !0, children: /* @__PURE__ */ t(
+          suffix: /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+            e && e.length > 0 && !p && /* @__PURE__ */ a(u, { children: [
+              /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
@@ -61,14 +61,14 @@ const q = a.forwardRef(
                   children: /* @__PURE__ */ t(j, { className: "size-3 hover:text-content" })
                 }
               ) }),
-              /* @__PURE__ */ t(y, { variant: "tertiary", side: "top", children: o("calendar.clear") })
+              /* @__PURE__ */ t(g, { variant: "tertiary", side: "top", children: o("calendar.clear") })
             ] }),
-            /* @__PURE__ */ i(u, { children: [
-              /* @__PURE__ */ t(g, { asChild: !0, children: /* @__PURE__ */ t(v, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ t(y, { variant: "tertiary", side: "top", children: o("datePicker.selectMultipleMonths") })
+            /* @__PURE__ */ a(u, { children: [
+              /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(v, { className: "h-4 w-4 text-secondary-foreground" }) }),
+              /* @__PURE__ */ t(g, { variant: "tertiary", side: "top", children: o("datePicker.selectMultipleMonths") })
             ] })
           ] }),
-          ...T
+          ...k
         }
       ) }) }),
       /* @__PURE__ */ t(
@@ -83,13 +83,13 @@ const q = a.forwardRef(
               pickerType: "month",
               monthMode: "multiple",
               selectedMonths: m,
-              onMonthSelect: O,
+              onMonthSelect: A,
               disabled: { before: d, after: M },
               startMonth: P,
               endMonth: x,
               defaultMonth: d,
-              showFooter: c,
-              onApply: A,
+              showFooter: s,
+              onApply: O,
               onCancel: S,
               onClear: f,
               captionLayout: "dropdown"

package/dist/components/ui/date-picker/multi-week-picker.js

@@ -4,7 +4,7 @@ import { Cross as V, CalendarMonth as q } from "impact-nova-icons";
 import { format as g } from "date-fns";
 import { cn as B } from "../../../lib/utils.js";
 import { Input as F } from "../input.js";
-import { Popover as G, PopoverTrigger as H, PopoverContent as J } from "../popover.js";
+import { Popover as G, PopoverAnchor as H, PopoverContent as J } from "../popover.js";
 import { Calendar as K } from "../calendar.js";
 import { Tooltip as C, TooltipTrigger as x, TooltipContent as M } from "../tooltip.js";
 import { getDateFnsLocale as Q } from "../../../i18n/getDateFnsLocale.js";
@@ -21,33 +21,33 @@ const X = (e, n = "MM/dd/yyyy", o) => {
     minDate: p,
     maxDate: P,
     startMonth: N,
-    endMonth: T,
+    endMonth: W,
     showFooter: m = !0,
-    calendarType: W = "calendar",
-    fiscalMode: b = "basic",
+    calendarType: b = "calendar",
+    fiscalMode: T = "basic",
     selectionMode: w = "week",
-    fiscalMonthPattern: O,
-    fiscalYearStartMonth: S = 1,
-    weekStartsOn: A = 1,
+    fiscalMonthPattern: A,
+    fiscalYearStartMonth: O = 1,
+    weekStartsOn: S = 1,
     disabled: f,
     className: v,
     ...D
   }, I) => {
-    const { locale: h, t: s } = U(), L = a.useMemo(() => Q(h), [h]), j = d ?? s("datePicker.selectWeeks"), [y, i] = a.useState(!1), [u, c] = a.useState(e);
+    const { locale: h, t: s } = U(), L = a.useMemo(() => Q(h), [h]), j = d ?? s("datePicker.selectWeeks"), [y, c] = a.useState(!1), [u, i] = a.useState(e);
     a.useEffect(() => {
-      c(e);
+      i(e);
     }, [y, e]);
     const $ = (r) => {
-      c(r), m || n?.(r);
+      i(r), m || n?.(r);
     }, z = (r) => {
-      n?.(r !== void 0 ? r : u), i(!1);
+      n?.(r !== void 0 ? r : u), c(!1);
     }, R = () => {
-      c(e), i(!1);
+      i(e), c(!1);
     }, k = () => {
-      c(void 0), n?.(void 0), m || i(!1);
+      i(void 0), n?.(void 0), m || c(!1);
     }, E = e && e.length > 0 ? e.length === 1 ? X(e[0], o, L) : `${e.length} weeks selected` : "";
     return /* @__PURE__ */ l(G, { open: y, onOpenChange: (r) => {
-      f || i(r);
+      f || c(r);
     }, children: [
       /* @__PURE__ */ t(H, { asChild: !0, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
         F,
@@ -98,14 +98,14 @@ const X = (e, n = "MM/dd/yyyy", o) => {
               onWeekSelect: $,
               disabled: { before: p, after: P },
               startMonth: N,
-              endMonth: T,
+              endMonth: W,
               showFooter: m,
-              calendarType: W,
-              fiscalMode: b,
+              calendarType: b,
+              fiscalMode: T,
               selectionMode: w,
-              fiscalMonthPattern: O,
-              fiscalYearStartMonth: S,
-              weekStartsOn: A,
+              fiscalMonthPattern: A,
+              fiscalYearStartMonth: O,
+              weekStartsOn: S,
               onApply: z,
               onCancel: R,
               onClear: k,