impact-nova 1.7.5 → 1.7.7

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

@@ -1,257 +1,300 @@
-import { jsxs as h, jsx as s } from "react/jsx-runtime";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import * as c from "react";
-import { X as ye } from "lucide-react";
-import { CalendarMonth as Re, Info as ve } from "../../../icons/index.js";
-import { format as l, isValid as P, parse as S } from "date-fns";
-import { cn as N, padValidDateString as U, maskDate as Z } from "../../../lib/utils.js";
-import { Popover as Pe, PopoverTrigger as Se, PopoverContent as Ne } from "../popover.js";
-import { Calendar as Ce } from "../calendar.js";
-import { Tooltip as $, TooltipTrigger as Y, TooltipContent as _ } from "../tooltip.js";
-import { resolveWeekSelection as Ie } from "../../../lib/fiscal-calendar.js";
-import { getDateFnsLocale as Ee } from "../../../i18n/getDateFnsLocale.js";
-import { useImpactNovaI18n as We } from "../../../i18n/ImpactNovaI18nContext.js";
-const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ve = c.forwardRef(
+import { X as Ne } from "lucide-react";
+import { CalendarMonth as Re, Info as Z } from "../../../icons/index.js";
+import { format as s, isValid as C, parse as P } from "date-fns";
+import { cn as f, padValidDateString as $, maskDate as Y } from "../../../lib/utils.js";
+import { Popover as Se, PopoverTrigger as Ce, PopoverContent as Pe } from "../popover.js";
+import { Calendar as Ie } from "../calendar.js";
+import { Tooltip as _, TooltipTrigger as F, TooltipContent as ee } from "../tooltip.js";
+import { resolveWeekSelection as We } from "../../../lib/fiscal-calendar.js";
+import { getDateFnsLocale as Ve } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as Ee } from "../../../i18n/ImpactNovaI18nContext.js";
+const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c.forwardRef(
   ({
     value: t,
-    onChange: k,
+    onChange: w,
     format: n = "MM/dd/yyyy",
-    placeholder: F,
-    minDate: ee,
-    maxDate: te,
-    startMonth: ne,
-    endMonth: oe,
-    showFooter: D = !0,
-    calendarType: A = "calendar",
-    fiscalMode: L = "basic",
-    selectionMode: j = "week",
-    fiscalMonthPattern: K,
-    fiscalYearStartMonth: M = 1,
-    weekStartsOn: B = 1,
-    disabled: y,
-    className: re,
-    isError: C,
-    size: O,
-    label: z,
-    helperText: H,
-    required: le,
-    prefix: Te,
-    prefixClick: Ae,
-    ...se
-  }, ce) => {
-    const { locale: X, t: E } = We(), o = c.useMemo(() => Ee(X), [X]), q = F ?? E("datePicker.selectWeekRange"), G = c.useRef(null), ae = c.useRef(null);
-    c.useRef(null), c.useRef(null), c.useImperativeHandle(ce, () => G.current);
-    const [r, g] = c.useState(!1), I = c.useRef(!1), [w, d] = c.useState(t), [R, f] = c.useState(t?.from ? l(t.from.startDate, n, { locale: o }) : ""), [v, p] = c.useState(a(t) ? l(a(t), n, { locale: o }) : ""), [ie, V] = c.useState(t?.from?.startDate || /* @__PURE__ */ new Date());
+    placeholder: te,
+    minDate: ne,
+    maxDate: oe,
+    startMonth: le,
+    endMonth: re,
+    showFooter: b = !0,
+    calendarType: K = "calendar",
+    fiscalMode: M = "basic",
+    selectionMode: z = "week",
+    fiscalMonthPattern: B,
+    fiscalYearStartMonth: T = 1,
+    weekStartsOn: O = 1,
+    disabled: N,
+    className: se,
+    isError: D,
+    size: H,
+    label: X,
+    helperText: I,
+    helperTextPosition: A = "absolute",
+    required: ce,
+    prefix: Le,
+    prefixClick: je,
+    ...ae
+  }, ie) => {
+    const { locale: q, t: V } = Ee(), o = c.useMemo(() => Ve(q), [q]), G = te ?? V("datePicker.selectWeekRange"), J = c.useRef(null), de = c.useRef(null);
+    c.useRef(null), c.useRef(null), c.useImperativeHandle(ie, () => J.current);
+    const [l, g] = c.useState(!1), W = c.useRef(!1), [y, p] = c.useState(t), [R, m] = c.useState(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), [S, u] = c.useState(a(t) ? s(a(t), n, { locale: o }) : ""), [fe, L] = c.useState(t?.from?.startDate || /* @__PURE__ */ new Date());
     c.useEffect(() => {
-      r || (f(t?.from ? l(t.from.startDate, n, { locale: o }) : ""), p(a(t) ? l(a(t), n, { locale: o }) : ""), d(t));
-    }, [t, n, r, o]), c.useEffect(() => {
-      r && (d(t), f(t?.from ? l(t.from.startDate, n, { locale: o }) : ""), p(a(t) ? l(a(t), n, { locale: o }) : ""), V(t?.from?.startDate || /* @__PURE__ */ new Date()));
-    }, [r, t, n, o]);
-    const de = (e) => {
-      d(e), e?.from ? (f(l(e.from.startDate, n, { locale: o })), p(l(a(e), n, { locale: o }))) : (f(""), p("")), !D && e?.from && e?.to && e.from.startDate.getTime() !== e.to.startDate.getTime() && (k?.(e), g(!1));
-    }, fe = (e) => {
-      k?.(e !== void 0 ? e : w), g(!1);
-    }, T = () => {
-      d(t), f(t?.from ? l(t.from.startDate, n, { locale: o }) : ""), p(a(t) ? l(a(t), n, { locale: o }) : ""), g(!1);
-    }, J = () => {
-      d(void 0), f(""), p(""), k?.(void 0), D || g(!1);
-    }, W = (e) => Ie(e, {
-      calendarType: A,
-      fiscalMode: L,
-      selectionMode: j,
-      fiscalMonthPattern: K,
-      fiscalYearStartMonth: M,
-      weekStartsOn: B
-    }), pe = (e) => {
-      const x = e.target.value, i = Z(x, n, R);
-      if (f(i), i === "") {
-        const u = { from: void 0, to: w?.to };
-        d(u), D || k?.(u);
+      l || (m(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), u(a(t) ? s(a(t), n, { locale: o }) : ""), p(t));
+    }, [t, n, l, o]), c.useEffect(() => {
+      l && (p(t), m(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), u(a(t) ? s(a(t), n, { locale: o }) : ""), L(t?.from?.startDate || /* @__PURE__ */ new Date()));
+    }, [l, t, n, o]);
+    const pe = (e) => {
+      p(e), e?.from ? (m(s(e.from.startDate, n, { locale: o })), u(s(a(e), n, { locale: o }))) : (m(""), u("")), !b && e?.from && e?.to && e.from.startDate.getTime() !== e.to.startDate.getTime() && (w?.(e), g(!1));
+    }, me = (e) => {
+      w?.(e !== void 0 ? e : y), g(!1);
+    }, j = () => {
+      p(t), m(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), u(a(t) ? s(a(t), n, { locale: o }) : ""), g(!1);
+    }, Q = () => {
+      p(void 0), m(""), u(""), w?.(void 0), b || g(!1);
+    }, E = (e) => We(e, {
+      calendarType: K,
+      fiscalMode: M,
+      selectionMode: z,
+      fiscalMonthPattern: B,
+      fiscalYearStartMonth: T,
+      weekStartsOn: O
+    }), ue = (e) => {
+      const k = e.target.value, i = Y(k, n, R);
+      if (m(i), i === "") {
+        const h = { from: void 0, to: y?.to };
+        p(h), b || w?.(h);
         return;
       }
-      const m = S(i, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (P(m) && i.length === n.length) {
-        const b = { from: W(m), to: w?.to };
-        d(b), p(l(a(b), n, { locale: o })), D || k?.(b);
+      const x = P(i, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (C(x) && i.length === n.length) {
+        const v = { from: E(x), to: y?.to };
+        p(v), u(s(a(v), n, { locale: o })), b || w?.(v);
       }
-    }, me = (e) => {
-      const x = e.target.value, i = Z(x, n, v);
-      if (p(i), i === "") {
-        const u = { from: w?.from, to: void 0 };
-        d(u), D || k?.(u);
+    }, xe = (e) => {
+      const k = e.target.value, i = Y(k, n, S);
+      if (u(i), i === "") {
+        const h = { from: y?.from, to: void 0 };
+        p(h), b || w?.(h);
         return;
       }
-      const m = S(i, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (P(m) && i.length === n.length) {
-        const u = W(m), b = { from: w?.from, to: u };
-        d(b), w?.from && f(l(w.from.startDate, n, { locale: o })), m && V(m), D || k?.(b);
+      const x = P(i, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (C(x) && i.length === n.length) {
+        const h = E(x), v = { from: y?.from, to: h };
+        p(v), y?.from && m(s(y.from.startDate, n, { locale: o })), x && L(x), b || w?.(v);
       }
-    }, Q = () => {
-      if (r) return;
-      const e = U(R, n), x = U(v, n), i = S(e, n, /* @__PURE__ */ new Date(), { locale: o }), m = S(x, n, /* @__PURE__ */ new Date(), { locale: o }), u = P(i) && e.length === n.length, b = P(m) && x.length === n.length;
-      if (!u || !b)
-        f(t?.from ? l(t.from.startDate, n, { locale: o }) : ""), p(a(t) ? l(a(t), n, { locale: o }) : ""), d(t);
-      else if (f(e), p(x), !D) {
-        const we = W(i), be = W(m);
-        k?.({ from: we, to: be });
+    }, U = () => {
+      if (l) return;
+      const e = $(R, n), k = $(S, n), i = P(e, n, /* @__PURE__ */ new Date(), { locale: o }), x = P(k, n, /* @__PURE__ */ new Date(), { locale: o }), h = C(i) && e.length === n.length, v = C(x) && k.length === n.length;
+      if (!h || !v)
+        m(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), u(a(t) ? s(a(t), n, { locale: o }) : ""), p(t);
+      else if (m(e), u(k), !b) {
+        const ye = E(i), ve = E(x);
+        w?.({ from: ye, to: ve });
       }
-    }, ue = t?.from ? l(t.from.startDate, n, { locale: o }) : "", he = a(t) ? l(a(t), n, { locale: o }) : "", ge = ue !== R, xe = he !== v, ke = R.length === n.length && !P(S(R, n, /* @__PURE__ */ new Date(), { locale: o })), De = v.length === n.length && !P(S(v, n, /* @__PURE__ */ new Date(), { locale: o }));
-    return /* @__PURE__ */ h("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "week-range-picker", "data-disabled": y || void 0, children: [
-      /* @__PURE__ */ h("div", { className: "flex flex-col gap-[6px]", children: [
-        z && /* @__PURE__ */ h(
+    }, he = t?.from ? s(t.from.startDate, n, { locale: o }) : "", ge = a(t) ? s(a(t), n, { locale: o }) : "", ke = he !== R, we = ge !== S, be = R.length === n.length && !C(P(R, n, /* @__PURE__ */ new Date(), { locale: o })), De = S.length === n.length && !C(P(S, n, /* @__PURE__ */ new Date(), { locale: o }));
+    return /* @__PURE__ */ d("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "week-range-picker", "data-disabled": N || void 0, children: [
+      /* @__PURE__ */ d("div", { className: "flex flex-col gap-[6px]", children: [
+        X && /* @__PURE__ */ d(
           "label",
           {
-            className: N(
+            className: f(
               "text-xs font-medium leading-[18px] text-content-tertiary",
-              y && "opacity-70",
-              C && "text-destructive"
+              N && "opacity-70",
+              D && "text-destructive"
             ),
             children: [
-              z,
+              X,
               " ",
-              le && /* @__PURE__ */ s("span", { className: "text-destructive", children: "*" })
+              ce && /* @__PURE__ */ r("span", { className: "text-destructive", children: "*" })
             ]
           }
         ),
-        /* @__PURE__ */ h(Pe, { open: r, onOpenChange: g, children: [
-          /* @__PURE__ */ s(Se, { asChild: !0, children: /* @__PURE__ */ h(
-            "div",
-            {
-              "data-state": r ? "open" : "closed",
-              className: N(
-                "flex w-full items-center justify-between gap-2 rounded-md border bg-canvas-elevated px-3 text-sm shadow-sm transition-colors hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
-                C ? "border-destructive hover:border-destructive" : "border-field",
-                O === "sm" ? "h-6" : O === "md" ? "h-[28px]" : "h-8",
-                y && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
-                "cursor-pointer",
-                re
-              ),
-              children: [
-                /* @__PURE__ */ h("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
-                  /* @__PURE__ */ s(
-                    "input",
-                    {
-                      ref: G,
-                      type: "text",
-                      value: R,
-                      onChange: pe,
-                      onBlur: Q,
-                      onClick: (e) => r && e.stopPropagation(),
-                      onKeyDown: (e) => {
-                        (e.key === "Enter" || e.key === "ArrowDown") && !r && (e.preventDefault(), I.current = !0, g(!0)), e.key === "Escape" && r && (e.preventDefault(), T());
-                      },
-                      placeholder: r ? n : q,
-                      disabled: !!y,
-                      "aria-label": "Start Date",
-                      "data-field": "start",
-                      className: N(
-                        "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",
-                        ke ? "text-destructive" : ge ? "text-content-muted" : ""
-                      ),
-                      ...se
-                    }
-                  ),
-                  /* @__PURE__ */ s(
-                    "input",
-                    {
-                      ref: ae,
-                      type: "text",
-                      value: v,
-                      onChange: me,
-                      onBlur: Q,
-                      onClick: (e) => r && e.stopPropagation(),
-                      onKeyDown: (e) => {
-                        (e.key === "Enter" || e.key === "ArrowDown") && !r && (e.preventDefault(), I.current = !0, g(!0)), e.key === "Escape" && r && (e.preventDefault(), T());
-                      },
-                      placeholder: r ? n : q,
-                      disabled: !!y,
-                      "aria-label": "End Date",
-                      "data-field": "end",
-                      className: N(
-                        "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",
-                        De ? "text-destructive" : xe ? "text-content-muted" : ""
-                      )
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ h("div", { className: "flex items-center gap-1 shrink-0", children: [
-                  t?.from && !y && /* @__PURE__ */ h($, { children: [
-                    /* @__PURE__ */ s(Y, { asChild: !0, children: /* @__PURE__ */ s(
-                      ye,
+        /* @__PURE__ */ d(
+          "div",
+          {
+            className: f(
+              "w-full",
+              I && A === "absolute" && "relative"
+            ),
+            children: [
+              /* @__PURE__ */ d(Se, { open: l, onOpenChange: g, children: [
+                /* @__PURE__ */ r(Ce, { asChild: !0, children: /* @__PURE__ */ d(
+                  "div",
+                  {
+                    "data-state": l ? "open" : "closed",
+                    className: f(
+                      "flex w-full items-center justify-between gap-2 rounded-md border bg-canvas-elevated px-3 text-sm shadow-sm transition-colors hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
+                      D ? "border-destructive hover:border-destructive" : "border-field",
+                      H === "sm" ? "h-6" : H === "md" ? "h-[28px]" : "h-8",
+                      N && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
+                      "cursor-pointer",
+                      se
+                    ),
+                    children: [
+                      /* @__PURE__ */ d("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+                        /* @__PURE__ */ r(
+                          "input",
+                          {
+                            ref: J,
+                            type: "text",
+                            value: R,
+                            onChange: ue,
+                            onBlur: U,
+                            onClick: (e) => l && e.stopPropagation(),
+                            onKeyDown: (e) => {
+                              (e.key === "Enter" || e.key === "ArrowDown") && !l && (e.preventDefault(), W.current = !0, g(!0)), e.key === "Escape" && l && (e.preventDefault(), j());
+                            },
+                            placeholder: l ? n : G,
+                            disabled: !!N,
+                            "aria-label": "Start Date",
+                            "data-field": "start",
+                            className: f(
+                              "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",
+                              be ? "text-destructive" : ke ? "text-content-muted" : ""
+                            ),
+                            ...ae
+                          }
+                        ),
+                        /* @__PURE__ */ r(
+                          "input",
+                          {
+                            ref: de,
+                            type: "text",
+                            value: S,
+                            onChange: xe,
+                            onBlur: U,
+                            onClick: (e) => l && e.stopPropagation(),
+                            onKeyDown: (e) => {
+                              (e.key === "Enter" || e.key === "ArrowDown") && !l && (e.preventDefault(), W.current = !0, g(!0)), e.key === "Escape" && l && (e.preventDefault(), j());
+                            },
+                            placeholder: l ? n : G,
+                            disabled: !!N,
+                            "aria-label": "End Date",
+                            "data-field": "end",
+                            className: f(
+                              "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",
+                              De ? "text-destructive" : we ? "text-content-muted" : ""
+                            )
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ d("div", { className: "flex items-center gap-1 shrink-0", children: [
+                        t?.from && !N && /* @__PURE__ */ d(_, { children: [
+                          /* @__PURE__ */ r(F, { asChild: !0, children: /* @__PURE__ */ r(
+                            Ne,
+                            {
+                              className: "h-4 w-4 cursor-pointer hover:text-content text-content-muted",
+                              onClick: (e) => {
+                                e.stopPropagation(), Q();
+                              }
+                            }
+                          ) }),
+                          /* @__PURE__ */ r(ee, { variant: "tertiary", side: "top", children: V("calendar.clear") })
+                        ] }),
+                        /* @__PURE__ */ d(_, { children: [
+                          /* @__PURE__ */ r(F, { asChild: !0, children: /* @__PURE__ */ r("button", { type: "button", tabIndex: 0, "aria-label": V("datePicker.selectWeekRange"), onClick: (e) => {
+                            e.stopPropagation(), g(!l);
+                          }, onKeyDown: (e) => {
+                            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), W.current = !0, g(!l));
+                          }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ r(Re, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                          /* @__PURE__ */ r(ee, { variant: "tertiary", side: "top", children: V("datePicker.selectWeekRange") })
+                        ] })
+                      ] })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ r(
+                  Pe,
+                  {
+                    className: "w-auto p-0",
+                    align: "start",
+                    onOpenAutoFocus: (e) => {
+                      W.current || e.preventDefault(), W.current = !1;
+                    },
+                    children: /* @__PURE__ */ r(
+                      Ie,
                       {
-                        className: "h-4 w-4 cursor-pointer hover:text-content text-content-muted",
-                        onClick: (e) => {
-                          e.stopPropagation(), J();
-                        }
+                        pickerType: "week",
+                        weekMode: "range",
+                        selectedWeeks: y,
+                        onWeekSelect: pe,
+                        month: fe,
+                        onMonthChange: L,
+                        disabled: { before: ne, after: oe },
+                        startMonth: le,
+                        endMonth: re,
+                        showFooter: b,
+                        calendarType: K,
+                        fiscalMode: M,
+                        selectionMode: z,
+                        fiscalMonthPattern: B,
+                        fiscalYearStartMonth: T,
+                        weekStartsOn: O,
+                        onApply: me,
+                        onCancel: j,
+                        onClear: Q,
+                        captionLayout: "dropdown"
                       }
-                    ) }),
-                    /* @__PURE__ */ s(_, { variant: "tertiary", side: "top", children: E("calendar.clear") })
-                  ] }),
-                  /* @__PURE__ */ h($, { children: [
-                    /* @__PURE__ */ s(Y, { asChild: !0, children: /* @__PURE__ */ s("button", { type: "button", tabIndex: 0, "aria-label": E("datePicker.selectWeekRange"), onClick: (e) => {
-                      e.stopPropagation(), g(!r);
-                    }, onKeyDown: (e) => {
-                      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), I.current = !0, g(!r));
-                    }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ s(Re, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                    /* @__PURE__ */ s(_, { variant: "tertiary", side: "top", children: E("datePicker.selectWeekRange") })
-                  ] })
-                ] })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ s(
-            Ne,
-            {
-              className: "w-auto p-0",
-              align: "start",
-              onOpenAutoFocus: (e) => {
-                I.current || e.preventDefault(), I.current = !1;
-              },
-              children: /* @__PURE__ */ s(
-                Ce,
-                {
-                  pickerType: "week",
-                  weekMode: "range",
-                  selectedWeeks: w,
-                  onWeekSelect: de,
-                  month: ie,
-                  onMonthChange: V,
-                  disabled: { before: ee, after: te },
-                  startMonth: ne,
-                  endMonth: oe,
-                  showFooter: D,
-                  calendarType: A,
-                  fiscalMode: L,
-                  selectionMode: j,
-                  fiscalMonthPattern: K,
-                  fiscalYearStartMonth: M,
-                  weekStartsOn: B,
-                  onApply: fe,
-                  onCancel: T,
-                  onClear: J,
-                  captionLayout: "dropdown"
-                }
-              )
-            }
-          )
-        ] })
+                    )
+                  }
+                )
+              ] }),
+              I && A === "absolute" && /* @__PURE__ */ d("div", { className: f("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", D && "text-destructive"), children: [
+                /* @__PURE__ */ r(
+                  Z,
+                  {
+                    size: "xs",
+                    className: f(
+                      "shrink-0",
+                      D ? "text-destructive" : "text-content-muted"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  "p",
+                  {
+                    className: f(
+                      "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
+                      D && "text-destructive"
+                    ),
+                    children: I
+                  }
+                )
+              ] })
+            ]
+          }
+        )
       ] }),
-      H && /* @__PURE__ */ h("div", { className: N("flex items-center gap-[6px]", C && "text-destructive"), children: [
-        !C && /* @__PURE__ */ s(ve, { size: 10, className: "shrink-0 text-content-muted" }),
-        /* @__PURE__ */ s(
+      I && A === "flow" && /* @__PURE__ */ d("div", { className: f("flex items-center gap-[6px]", D && "text-destructive"), children: [
+        /* @__PURE__ */ r(
+          Z,
+          {
+            size: "xs",
+            className: f(
+              "shrink-0",
+              D ? "text-destructive" : "text-content-muted"
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
           "p",
           {
-            className: N(
-              "text-[10px] leading-4 text-navigation-muted",
-              C && "text-destructive"
+            className: f(
+              "text-[12px] font-medium leading-[18px] text-navigation-muted",
+              D && "text-destructive"
             ),
-            children: H
+            children: I
           }
         )
       ] })
     ] });
   }
 );
-Ve.displayName = "WeekRangePicker";
+Ae.displayName = "WeekRangePicker";
 export {
-  Ve as WeekRangePicker
+  Ae as WeekRangePicker
 };

package/dist/components/ui/dialog.js

@@ -1,9 +1,9 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import * as n from "react";
 import * as a from "@radix-ui/react-dialog";
-import { X as y } from "lucide-react";
+import { X as x } from "lucide-react";
 import { cn as i } from "../../lib/utils.js";
-import { Tooltip as u, TooltipTrigger as x, TooltipContent as N } from "./tooltip.js";
+import { Tooltip as y, TooltipTrigger as u, TooltipContent as N } from "./tooltip.js";
 import { useImpactNovaI18n as v } from "../../i18n/ImpactNovaI18nContext.js";
 const B = a.Root, H = a.Trigger, D = a.Portal, I = a.Close, c = n.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
   a.Overlay,
@@ -37,15 +37,15 @@ const b = n.forwardRef(({ className: e, children: t, hideClose: s, onOpenAutoFoc
         ...p,
         children: [
           t,
-          !s && /* @__PURE__ */ l(u, { children: [
-            /* @__PURE__ */ o(x, { asChild: !0, children: /* @__PURE__ */ l(
+          !s && /* @__PURE__ */ l(y, { children: [
+            /* @__PURE__ */ o(u, { asChild: !0, children: /* @__PURE__ */ l(
               a.Close,
               {
                 "data-component": "dialog-close",
                 className: "absolute right-4 top-4 rounded-sm opacity-50 ring-offset-canvas transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-content-muted",
                 "aria-label": d,
                 children: [
-                  /* @__PURE__ */ o(y, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ o(x, { className: "h-4 w-4" }),
                   /* @__PURE__ */ o("span", { className: "sr-only", children: d })
                 ]
               }
@@ -90,7 +90,7 @@ const T = ({
   "div",
   {
     className: i(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:items-center sm:space-x-2 px-4 py-3 bg-canvas-elevated",
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:items-center sm:space-x-2 px-4 py-[9px] bg-canvas-elevated",
       e
     ),
     ...t