impact-nova 1.1.1 → 1.1.2

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

@@ -1,140 +1,147 @@
-import { jsxs as b, jsx as p } from "react/jsx-runtime";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
 import * as o from "react";
-import { X as U } from "lucide-react";
-import { CalendarMonth as Z } from "../../../icons/index.js";
-import { isValid as y, parse as D, format as j } from "date-fns";
-import { cn as _, padValidDateString as Y, maskDate as F } from "../../../lib/utils.js";
-import { Input as ee } from "../input.js";
-import { Popover as ne, PopoverTrigger as te, PopoverContent as oe } from "../popover.js";
-import { Calendar as se } from "../calendar.js";
-import { resolveWeekSelection as re } from "../../../lib/fiscal-calendar.js";
-const l = (e, s = "MM/dd/yyyy") => {
-  const t = j(e.startDate, s), h = j(e.endDate, s);
-  return `${t} - ${h}`;
-}, ie = o.forwardRef(
+import { X as Y } from "lucide-react";
+import { CalendarMonth as F } from "../../../icons/index.js";
+import { isValid as C, parse as w, format as j } from "date-fns";
+import { cn as ee, padValidDateString as ne, maskDate as te } from "../../../lib/utils.js";
+import { Input as re } from "../input.js";
+import { Popover as oe, PopoverTrigger as ie, PopoverContent as se } from "../popover.js";
+import { Calendar as ce } from "../calendar.js";
+import { Tooltip as v, TooltipTrigger as B, TooltipContent as E } from "../tooltip.js";
+import { resolveWeekSelection as le } from "../../../lib/fiscal-calendar.js";
+const p = (e, i = "MM/dd/yyyy") => {
+  const t = j(e.startDate, i), k = j(e.endDate, i);
+  return `${t} - ${k}`;
+}, pe = o.forwardRef(
   ({
     value: e,
-    onChange: s,
+    onChange: i,
     format: t = "MM/dd/yyyy",
-    placeholder: h = "Select Week",
-    minDate: B,
-    maxDate: E,
-    startMonth: L,
-    endMonth: O,
-    showFooter: f = !0,
-    calendarType: w = "calendar",
+    placeholder: k = "Select Week",
+    minDate: L,
+    maxDate: O,
+    startMonth: $,
+    endMonth: H,
+    showFooter: d = !0,
+    calendarType: D = "calendar",
     fiscalMode: W = "basic",
     selectionMode: S = "week",
     fiscalMonthPattern: x,
-    fiscalYearStartMonth: C = 1,
-    weekStartsOn: P = 1,
+    fiscalYearStartMonth: P = 1,
+    weekStartsOn: T = 1,
     disabled: V,
-    className: $,
-    ...H
-  }, X) => {
+    className: X,
+    ...q
+  }, z) => {
     const I = o.useRef(null);
-    o.useRef(null), o.useImperativeHandle(X, () => I.current);
-    const [r, u] = o.useState(!1), [N, i] = o.useState(e), [d, c] = o.useState(e ? l(e, t) : ""), [q, k] = o.useState(e?.startDate || /* @__PURE__ */ new Date());
+    o.useRef(null), o.useImperativeHandle(z, () => I.current);
+    const [s, h] = o.useState(!1), [N, c] = o.useState(e), [a, l] = o.useState(e ? p(e, t) : ""), [G, m] = o.useState(e?.startDate || /* @__PURE__ */ new Date());
     o.useEffect(() => {
-      !r && e && (c(l(e, t)), i(e));
-    }, [r, e, t]), o.useEffect(() => {
-      r && (i(e), k(e?.startDate || /* @__PURE__ */ new Date()), c(e ? l(e, t) : ""));
-    }, [r, e, t]);
-    const v = (n) => {
-      i(n), n && c(l(n, t)), f || (s?.(n), u(!1));
-    }, z = (n) => {
-      s?.(n !== void 0 ? n : N), u(!1);
-    }, G = () => {
-      i(e), c(e ? l(e, t) : ""), u(!1);
+      !s && e && (l(p(e, t)), c(e));
+    }, [s, e, t]), o.useEffect(() => {
+      s && (c(e), m(e?.startDate || /* @__PURE__ */ new Date()), l(e ? p(e, t) : ""));
+    }, [s, e, t]);
+    const J = (n) => {
+      c(n), n && l(p(n, t)), d || (i?.(n), h(!1));
+    }, K = (n) => {
+      i?.(n !== void 0 ? n : N), h(!1);
+    }, Q = () => {
+      c(e), l(e ? p(e, t) : ""), h(!1);
     }, A = () => {
-      i(void 0), c(""), s?.(void 0), f || u(!1);
-    }, M = (n) => re(n, {
-      calendarType: w,
+      c(void 0), l(""), i?.(void 0), d || h(!1);
+    }, M = (n) => le(n, {
+      calendarType: D,
       fiscalMode: W,
       selectionMode: S,
       fiscalMonthPattern: x,
-      fiscalYearStartMonth: C,
-      weekStartsOn: P
-    }), J = (n) => {
-      const g = n.target.value, a = F(g, t, d);
-      if (c(a), a === "") {
-        i(void 0), f || s?.(void 0);
+      fiscalYearStartMonth: P,
+      weekStartsOn: T
+    }), U = (n) => {
+      const u = n.target.value, f = te(u, t, a);
+      if (l(f), f === "") {
+        c(void 0), d || i?.(void 0);
         return;
       }
-      const m = D(a, t, /* @__PURE__ */ new Date());
-      if (y(m) && a.length === t.length) {
-        const T = M(m);
-        i(T), k(m), f || s?.(T);
+      const y = w(f, t, /* @__PURE__ */ new Date());
+      if (C(y) && f.length === t.length) {
+        const b = M(y);
+        c(b), m(y), d || i?.(b);
       }
-    }, K = () => {
-      if (r) return;
-      const n = Y(d, t), g = D(n, t, /* @__PURE__ */ new Date());
-      if (!y(g) || n.length !== t.length)
-        c(e ? l(e, t) : ""), i(e);
-      else if (c(n), !f) {
-        const a = M(g);
-        s?.(a);
+    }, Z = () => {
+      if (s) return;
+      const n = ne(a, t), u = w(n, t, /* @__PURE__ */ new Date());
+      if (!C(u) || n.length !== t.length)
+        l(e ? p(e, t) : ""), c(e);
+      else if (l(n), !d) {
+        const f = M(u);
+        i?.(f);
       }
-    }, R = (e ? l(e, t) : "") !== d, Q = d.length === t.length && !y(D(d, t, /* @__PURE__ */ new Date()));
-    return /* @__PURE__ */ b(ne, { open: r, onOpenChange: u, children: [
-      /* @__PURE__ */ p(te, { asChild: !0, children: /* @__PURE__ */ p("div", { "data-component": "week-picker", "data-state": r ? "open" : "closed", "data-pending": R || void 0, children: /* @__PURE__ */ p(
-        ee,
+    }, R = (e ? p(e, t) : "") !== a, _ = a.length === t.length && !C(w(a, t, /* @__PURE__ */ new Date()));
+    return /* @__PURE__ */ g(oe, { open: s, onOpenChange: h, children: [
+      /* @__PURE__ */ r(ie, { asChild: !0, children: /* @__PURE__ */ r("div", { "data-component": "week-picker", "data-state": s ? "open" : "closed", "data-pending": R || void 0, children: /* @__PURE__ */ r(
+        re,
         {
           ref: I,
-          value: d,
-          onChange: J,
-          onBlur: K,
-          onClick: (n) => r && n.stopPropagation(),
-          placeholder: r ? t : h,
+          value: a,
+          onChange: U,
+          onBlur: Z,
+          onClick: (n) => s && n.stopPropagation(),
+          placeholder: s ? t : k,
           disabled: V,
           "data-form-control": "input",
-          className: _(
+          className: ee(
             "cursor-pointer",
-            Q ? "text-destructive" : R ? "text-muted-foreground" : "",
-            $
+            _ ? "text-destructive" : R ? "text-muted-foreground" : "",
+            X
           ),
-          suffix: /* @__PURE__ */ b("div", { className: "flex items-center gap-1", children: [
-            e && !V && /* @__PURE__ */ p(
-              U,
-              {
-                className: "h-4 w-4 cursor-pointer hover:text-foreground",
-                onClick: (n) => {
-                  n.stopPropagation(), A();
+          suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
+            e && !V && /* @__PURE__ */ g(v, { children: [
+              /* @__PURE__ */ r(B, { asChild: !0, children: /* @__PURE__ */ r(
+                Y,
+                {
+                  className: "h-4 w-4 cursor-pointer hover:text-foreground",
+                  onClick: (n) => {
+                    n.stopPropagation(), A();
+                  }
                 }
-              }
-            ),
-            /* @__PURE__ */ p(Z, { className: "h-4 w-4 text-secondary-foreground" })
+              ) }),
+              /* @__PURE__ */ r(E, { variant: "tertiary", side: "top", children: "Clear" })
+            ] }),
+            /* @__PURE__ */ g(v, { children: [
+              /* @__PURE__ */ r(B, { asChild: !0, children: /* @__PURE__ */ r(F, { className: "h-4 w-4 text-secondary-foreground" }) }),
+              /* @__PURE__ */ r(E, { variant: "tertiary", side: "top", children: "Pick a week" })
+            ] })
           ] }),
-          ...H
+          ...q
         }
       ) }) }),
-      /* @__PURE__ */ p(
-        oe,
+      /* @__PURE__ */ r(
+        se,
         {
           className: "w-auto p-0",
           align: "start",
           onOpenAutoFocus: (n) => n.preventDefault(),
-          children: /* @__PURE__ */ p(
-            se,
+          children: /* @__PURE__ */ r(
+            ce,
             {
               pickerType: "week",
               weekMode: "single",
               selectedWeeks: N,
-              onWeekSelect: v,
-              month: q,
-              onMonthChange: k,
-              disabled: { before: B, after: E },
-              startMonth: L,
-              endMonth: O,
-              showFooter: f,
-              calendarType: w,
+              onWeekSelect: J,
+              month: G,
+              onMonthChange: m,
+              disabled: { before: L, after: O },
+              startMonth: $,
+              endMonth: H,
+              showFooter: d,
+              calendarType: D,
               fiscalMode: W,
               selectionMode: S,
               fiscalMonthPattern: x,
-              fiscalYearStartMonth: C,
-              weekStartsOn: P,
-              onApply: z,
-              onCancel: G,
+              fiscalYearStartMonth: P,
+              weekStartsOn: T,
+              onApply: K,
+              onCancel: Q,
               onClear: A,
               captionLayout: "dropdown"
             }
@@ -144,7 +151,7 @@ const l = (e, s = "MM/dd/yyyy") => {
     ] });
   }
 );
-ie.displayName = "WeekPicker";
+pe.displayName = "WeekPicker";
 export {
-  ie as WeekPicker
+  pe as WeekPicker
 };

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

@@ -1,211 +1,218 @@
-import { jsxs as b, jsx as f } from "react/jsx-runtime";
-import * as o from "react";
-import { X as pe } from "lucide-react";
-import { CalendarMonth as me, Info as ue } from "../../../icons/index.js";
-import { format as x, isValid as S, parse as R } from "date-fns";
-import { cn as N, padValidDateString as X, maskDate as q } from "../../../lib/utils.js";
-import { Popover as ge, PopoverTrigger as xe, PopoverContent as he } from "../popover.js";
-import { Calendar as be } from "../calendar.js";
-import { resolveWeekSelection as we } from "../../../lib/fiscal-calendar.js";
-const g = (e, r = "MM/dd/yyyy") => {
-  const t = x(e.startDate, r), W = x(e.endDate, r);
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import * as r from "react";
+import { X as he } from "lucide-react";
+import { CalendarMonth as ge, Info as xe } from "../../../icons/index.js";
+import { format as x, isValid as S, parse as C } from "date-fns";
+import { cn as R, padValidDateString as X, maskDate as q } from "../../../lib/utils.js";
+import { Popover as be, PopoverTrigger as we, PopoverContent as ye } from "../popover.js";
+import { Calendar as ke } from "../calendar.js";
+import { Tooltip as G, TooltipTrigger as J, TooltipContent as K } from "../tooltip.js";
+import { resolveWeekSelection as De } from "../../../lib/fiscal-calendar.js";
+const g = (e, i = "MM/dd/yyyy") => {
+  const t = x(e.startDate, i), W = x(e.endDate, i);
   return `${t} - ${W}`;
-}, ke = o.forwardRef(
+}, Se = r.forwardRef(
   ({
     value: e,
-    onChange: r,
+    onChange: i,
     format: t = "MM/dd/yyyy",
     placeholder: W = "Select Week Range",
-    minDate: G,
-    maxDate: J,
-    startMonth: K,
-    endMonth: Q,
-    showFooter: p = !0,
-    calendarType: E = "calendar",
+    minDate: Q,
+    maxDate: U,
+    startMonth: Z,
+    endMonth: Y,
+    showFooter: m = !0,
+    calendarType: T = "calendar",
     fiscalMode: v = "basic",
-    selectionMode: A = "week",
-    fiscalMonthPattern: M,
-    fiscalYearStartMonth: T = 1,
+    selectionMode: E = "week",
+    fiscalMonthPattern: A,
+    fiscalYearStartMonth: M = 1,
     weekStartsOn: j = 1,
     disabled: w,
-    className: U,
-    isError: C,
+    className: _,
+    isError: N,
     size: B,
     label: L,
     helperText: O,
-    required: Z,
-    prefix: ye,
-    prefixClick: De,
-    ...Y
-  }, _) => {
-    const $ = o.useRef(null), F = o.useRef(null);
-    o.useRef(null), o.useRef(null), o.useImperativeHandle(_, () => $.current);
-    const [i, I] = o.useState(!1), [k, c] = o.useState(e), [y, m] = o.useState(e?.from ? x(e.from.startDate, t) : ""), [D, u] = o.useState(e?.to ? x(e.to.endDate, t) : ""), [ee, P] = o.useState(e?.from?.startDate || /* @__PURE__ */ new Date());
-    o.useEffect(() => {
-      !i && e && (m(e?.from ? x(e.from.startDate, t) : ""), u(e?.to ? x(e.to.endDate, t) : ""), c(e));
-    }, [e, t, i]), o.useEffect(() => {
-      i && (c(e), m(e?.from ? x(e.from.startDate, t) : ""), u(e?.to ? x(e.to.endDate, t) : ""), P(e?.from?.startDate || /* @__PURE__ */ new Date()));
-    }, [i, e, t]);
-    const te = (n) => {
-      c(n), n?.from && m(g(n.from, t)), n?.to && u(g(n.to, t)), !p && n?.from && n?.to && n.from.startDate.getTime() !== n.to.startDate.getTime() && (r?.(n), I(!1));
-    }, ne = (n) => {
-      r?.(n !== void 0 ? n : k), I(!1);
-    }, oe = () => {
-      c(e), m(e?.from ? g(e.from, t) : ""), u(e?.to ? g(e.to, t) : ""), I(!1);
+    required: F,
+    prefix: Ce,
+    prefixClick: Re,
+    ...ee
+  }, te) => {
+    const $ = r.useRef(null), ne = r.useRef(null);
+    r.useRef(null), r.useRef(null), r.useImperativeHandle(te, () => $.current);
+    const [d, I] = r.useState(!1), [y, c] = r.useState(e), [k, u] = r.useState(e?.from ? x(e.from.startDate, t) : ""), [D, h] = r.useState(e?.to ? x(e.to.endDate, t) : ""), [oe, V] = r.useState(e?.from?.startDate || /* @__PURE__ */ new Date());
+    r.useEffect(() => {
+      !d && e && (u(e?.from ? x(e.from.startDate, t) : ""), h(e?.to ? x(e.to.endDate, t) : ""), c(e));
+    }, [e, t, d]), r.useEffect(() => {
+      d && (c(e), u(e?.from ? x(e.from.startDate, t) : ""), h(e?.to ? x(e.to.endDate, t) : ""), V(e?.from?.startDate || /* @__PURE__ */ new Date()));
+    }, [d, e, t]);
+    const re = (n) => {
+      c(n), n?.from && u(g(n.from, t)), n?.to && h(g(n.to, t)), !m && n?.from && n?.to && n.from.startDate.getTime() !== n.to.startDate.getTime() && (i?.(n), I(!1));
+    }, se = (n) => {
+      i?.(n !== void 0 ? n : y), I(!1);
+    }, ie = () => {
+      c(e), u(e?.from ? g(e.from, t) : ""), h(e?.to ? g(e.to, t) : ""), I(!1);
     }, z = () => {
-      c(void 0), m(""), u(""), r?.(void 0), p || I(!1);
-    }, V = (n) => we(n, {
-      calendarType: E,
+      c(void 0), u(""), h(""), i?.(void 0), m || I(!1);
+    }, P = (n) => De(n, {
+      calendarType: T,
       fiscalMode: v,
-      selectionMode: A,
-      fiscalMonthPattern: M,
-      fiscalYearStartMonth: T,
+      selectionMode: E,
+      fiscalMonthPattern: A,
+      fiscalYearStartMonth: M,
       weekStartsOn: j
-    }), se = (n) => {
-      const a = n.target.value, s = q(a, t, y);
-      if (m(s), s === "") {
-        const l = { from: void 0, to: k?.to };
-        c(l), p || r?.(l);
+    }), de = (n) => {
+      const f = n.target.value, s = q(f, t, k);
+      if (u(s), s === "") {
+        const a = { from: void 0, to: y?.to };
+        c(a), m || i?.(a);
         return;
       }
-      const d = R(s, t, /* @__PURE__ */ new Date());
-      if (S(d) && s.length === t.length) {
-        const h = { from: V(d), to: k?.to };
-        c(h), p || r?.(h);
+      const l = C(s, t, /* @__PURE__ */ new Date());
+      if (S(l) && s.length === t.length) {
+        const b = { from: P(l), to: y?.to };
+        c(b), m || i?.(b);
       }
-    }, re = (n) => {
-      const a = n.target.value, s = q(a, t, D);
-      if (u(s), s === "") {
-        const l = { from: k?.from, to: void 0 };
-        c(l), p || r?.(l);
+    }, ce = (n) => {
+      const f = n.target.value, s = q(f, t, D);
+      if (h(s), s === "") {
+        const a = { from: y?.from, to: void 0 };
+        c(a), m || i?.(a);
         return;
       }
-      const d = R(s, t, /* @__PURE__ */ new Date());
-      if (S(d) && s.length === t.length) {
-        const l = V(d), h = { from: k?.from, to: l };
-        c(h), d && P(d), p || r?.(h);
+      const l = C(s, t, /* @__PURE__ */ new Date());
+      if (S(l) && s.length === t.length) {
+        const a = P(l), b = { from: y?.from, to: a };
+        c(b), l && V(l), m || i?.(b);
       }
     }, H = () => {
-      if (i) return;
-      const n = X(y, t), a = X(D, t), s = R(n, t, /* @__PURE__ */ new Date()), d = R(a, t, /* @__PURE__ */ new Date()), l = S(s) && n.length === t.length, h = S(d) && a.length === t.length;
-      if (!l || !h)
-        m(e?.from ? g(e.from, t) : ""), u(e?.to ? g(e.to, t) : ""), c(e);
-      else if (m(n), u(a), !p) {
-        const fe = V(s), ae = V(d);
-        r?.({ from: fe, to: ae });
+      if (d) return;
+      const n = X(k, t), f = X(D, t), s = C(n, t, /* @__PURE__ */ new Date()), l = C(f, t, /* @__PURE__ */ new Date()), a = S(s) && n.length === t.length, b = S(l) && f.length === t.length;
+      if (!a || !b)
+        u(e?.from ? g(e.from, t) : ""), h(e?.to ? g(e.to, t) : ""), c(e);
+      else if (u(n), h(f), !m) {
+        const me = P(s), ue = P(l);
+        i?.({ from: me, to: ue });
       }
-    }, ie = (e?.from ? g(e.from, t) : "") !== y, ce = (e?.to ? g(e.to, t) : "") !== D, de = y.length === t.length && !S(R(y, t, /* @__PURE__ */ new Date())), le = D.length === t.length && !S(R(D, t, /* @__PURE__ */ new Date()));
-    return /* @__PURE__ */ b("div", { className: "w-full space-y-1.5 min-w-[240px]", "data-component": "week-range-picker", "data-disabled": w || void 0, children: [
-      L && /* @__PURE__ */ b(
+    }, le = (e?.from ? g(e.from, t) : "") !== k, ae = (e?.to ? g(e.to, t) : "") !== D, fe = k.length === t.length && !S(C(k, t, /* @__PURE__ */ new Date())), pe = D.length === t.length && !S(C(D, t, /* @__PURE__ */ new Date()));
+    return /* @__PURE__ */ p("div", { className: "w-full space-y-1.5 min-w-[240px]", "data-component": "week-range-picker", "data-disabled": w || void 0, children: [
+      L && /* @__PURE__ */ p(
         "label",
         {
-          className: N(
+          className: R(
             "text-xs font-medium leading-[18px] text-[#60697d]",
             w && "opacity-70",
-            C && "text-destructive"
+            N && "text-destructive"
           ),
           children: [
             L,
             " ",
-            Z && /* @__PURE__ */ f("span", { className: "text-destructive", children: "*" })
+            F && /* @__PURE__ */ o("span", { className: "text-destructive", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ b(ge, { open: i, onOpenChange: I, children: [
-        /* @__PURE__ */ f(xe, { asChild: !0, children: /* @__PURE__ */ b(
+      /* @__PURE__ */ p(be, { open: d, onOpenChange: I, children: [
+        /* @__PURE__ */ o(we, { asChild: !0, children: /* @__PURE__ */ p(
           "div",
           {
-            "data-state": i ? "open" : "closed",
-            className: N(
+            "data-state": d ? "open" : "closed",
+            className: R(
               "flex w-full items-center justify-between gap-2 rounded-md border bg-white px-3 text-sm shadow-sm transition-colors hover:border-primary disabled:cursor-not-allowed disabled:bg-disabled-secondary-bg disabled:text-disabled-text disabled:border-border",
-              C ? "border-destructive hover:border-destructive" : "border-input",
+              N ? "border-destructive hover:border-destructive" : "border-input",
               B === "sm" ? "h-6" : B === "md" ? "h-[28px]" : "h-8",
               w && "pointer-events-none opacity-100 bg-disabled-secondary-bg border-border text-disabled-text hover:border-border",
               "cursor-pointer",
-              U
+              _
             ),
             children: [
-              /* @__PURE__ */ b("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
-                /* @__PURE__ */ f(
+              /* @__PURE__ */ p("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+                /* @__PURE__ */ o(
                   "input",
                   {
                     ref: $,
                     type: "text",
-                    value: y,
-                    onChange: se,
+                    value: k,
+                    onChange: de,
                     onBlur: H,
-                    onClick: (n) => i && n.stopPropagation(),
-                    placeholder: i ? t : W,
+                    onClick: (n) => d && n.stopPropagation(),
+                    placeholder: d ? t : W,
                     disabled: !!w,
                     "data-field": "start",
-                    className: N(
+                    className: R(
                       "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
-                      de ? "text-destructive" : ie ? "text-muted-foreground" : ""
+                      fe ? "text-destructive" : le ? "text-muted-foreground" : ""
                     ),
-                    ...Y
+                    ...ee
                   }
                 ),
-                /* @__PURE__ */ f(
+                /* @__PURE__ */ o(
                   "input",
                   {
-                    ref: F,
+                    ref: ne,
                     type: "text",
                     value: D,
-                    onChange: re,
+                    onChange: ce,
                     onBlur: H,
-                    onClick: (n) => i && n.stopPropagation(),
-                    placeholder: i ? t : W,
+                    onClick: (n) => d && n.stopPropagation(),
+                    placeholder: d ? t : W,
                     disabled: !!w,
                     "data-field": "end",
-                    className: N(
+                    className: R(
                       "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
-                      le ? "text-destructive" : ce ? "text-muted-foreground" : ""
+                      pe ? "text-destructive" : ae ? "text-muted-foreground" : ""
                     )
                   }
                 )
               ] }),
-              /* @__PURE__ */ b("div", { className: "flex items-center gap-1 shrink-0", children: [
-                e?.from && !w && /* @__PURE__ */ f(
-                  pe,
-                  {
-                    className: "h-4 w-4 cursor-pointer hover:text-foreground text-muted-foreground",
-                    onClick: (n) => {
-                      n.stopPropagation(), z();
+              /* @__PURE__ */ p("div", { className: "flex items-center gap-1 shrink-0", children: [
+                e?.from && !w && /* @__PURE__ */ p(G, { children: [
+                  /* @__PURE__ */ o(J, { asChild: !0, children: /* @__PURE__ */ o(
+                    he,
+                    {
+                      className: "h-4 w-4 cursor-pointer hover:text-foreground text-muted-foreground",
+                      onClick: (n) => {
+                        n.stopPropagation(), z();
+                      }
                     }
-                  }
-                ),
-                /* @__PURE__ */ f(me, { className: "h-4 w-4 text-secondary-foreground" })
+                  ) }),
+                  /* @__PURE__ */ o(K, { variant: "tertiary", side: "top", children: "Clear" })
+                ] }),
+                /* @__PURE__ */ p(G, { children: [
+                  /* @__PURE__ */ o(J, { asChild: !0, children: /* @__PURE__ */ o(ge, { className: "h-4 w-4 text-secondary-foreground" }) }),
+                  /* @__PURE__ */ o(K, { variant: "tertiary", side: "top", children: "Pick a range" })
+                ] })
               ] })
             ]
           }
         ) }),
-        /* @__PURE__ */ f(
-          he,
+        /* @__PURE__ */ o(
+          ye,
           {
             className: "w-auto p-0",
             align: "start",
             onOpenAutoFocus: (n) => n.preventDefault(),
-            children: /* @__PURE__ */ f(
-              be,
+            children: /* @__PURE__ */ o(
+              ke,
               {
                 pickerType: "week",
                 weekMode: "range",
-                selectedWeeks: k,
-                onWeekSelect: te,
-                month: ee,
-                onMonthChange: P,
-                disabled: { before: G, after: J },
-                startMonth: K,
-                endMonth: Q,
-                showFooter: p,
-                calendarType: E,
+                selectedWeeks: y,
+                onWeekSelect: re,
+                month: oe,
+                onMonthChange: V,
+                disabled: { before: Q, after: U },
+                startMonth: Z,
+                endMonth: Y,
+                showFooter: m,
+                calendarType: T,
                 fiscalMode: v,
-                selectionMode: A,
-                fiscalMonthPattern: M,
-                fiscalYearStartMonth: T,
+                selectionMode: E,
+                fiscalMonthPattern: A,
+                fiscalYearStartMonth: M,
                 weekStartsOn: j,
-                onApply: ne,
-                onCancel: oe,
+                onApply: se,
+                onCancel: ie,
                 onClear: z,
                 captionLayout: "dropdown"
               }
@@ -213,14 +220,14 @@ const g = (e, r = "MM/dd/yyyy") => {
           }
         )
       ] }),
-      O && /* @__PURE__ */ b("div", { className: N("flex items-center gap-1", C && "text-destructive"), children: [
-        !C && /* @__PURE__ */ f(ue, { size: 10, className: "shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ f(
+      O && /* @__PURE__ */ p("div", { className: R("flex items-center gap-1", N && "text-destructive"), children: [
+        !N && /* @__PURE__ */ o(xe, { size: 10, className: "shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ o(
           "p",
           {
-            className: N(
+            className: R(
               "text-[10px] text-[#7a8294]",
-              C && "text-destructive"
+              N && "text-destructive"
             ),
             children: O
           }
@@ -229,7 +236,7 @@ const g = (e, r = "MM/dd/yyyy") => {
     ] });
   }
 );
-ke.displayName = "WeekRangePicker";
+Se.displayName = "WeekRangePicker";
 export {
-  ke as WeekRangePicker
+  Se as WeekRangePicker
 };