impact-nova 2.0.2 → 2.0.4

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

@@ -1,15 +1,15 @@
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
 import * as s from "react";
 import { Cross as te, CalendarMonth as oe } from "impact-nova-icons";
 import { isValid as w, parse as P, format as B } from "date-fns";
 import { cn as re, padValidDateString as se, maskDate as ie } from "../../../lib/utils.js";
 import { Input as ce } from "../input.js";
-import { Popover as le, PopoverTrigger as ae, PopoverContent as pe } from "../popover.js";
+import { Popover as le, PopoverAnchor as ae, PopoverContent as pe } from "../popover.js";
 import { Calendar as de } from "../calendar.js";
 import { Tooltip as E, TooltipTrigger as O, TooltipContent as $ } from "../tooltip.js";
 import { resolveWeekSelection as fe } from "../../../lib/fiscal-calendar.js";
-import { getDateFnsLocale as ue } from "../../../i18n/getDateFnsLocale.js";
-import { useImpactNovaI18n as he } from "../../../i18n/ImpactNovaI18nContext.js";
+import { getDateFnsLocale as he } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as ue } from "../../../i18n/ImpactNovaI18nContext.js";
 const p = (e, i = "MM/dd/yyyy", n) => {
   const y = B(e.startDate, i, n ? { locale: n } : {}), C = B(e.endDate, i, n ? { locale: n } : {});
   return `${y} - ${C}`;
@@ -28,43 +28,43 @@ const p = (e, i = "MM/dd/yyyy", n) => {
     fiscalMode: S = "basic",
     selectionMode: N = "week",
     fiscalMonthPattern: b,
-    fiscalYearStartMonth: T = 1,
-    weekStartsOn: V = 1,
+    fiscalYearStartMonth: V = 1,
+    weekStartsOn: A = 1,
     disabled: D,
     className: J,
     ...K
   }, Q) => {
-    const { locale: M, t: g } = he(), o = s.useMemo(() => ue(M), [M]), U = y ?? g("datePicker.selectWeek"), A = s.useRef(null);
-    s.useRef(null), s.useImperativeHandle(Q, () => A.current);
-    const [c, h] = s.useState(!1), [L, l] = s.useState(e), [f, a] = s.useState(e ? p(e, n, o) : ""), [X, W] = s.useState(e?.startDate || /* @__PURE__ */ new Date());
+    const { locale: M, t: k } = ue(), o = s.useMemo(() => he(M), [M]), U = y ?? k("datePicker.selectWeek"), T = s.useRef(null);
+    s.useRef(null), s.useImperativeHandle(Q, () => T.current);
+    const [c, u] = s.useState(!1), [L, l] = s.useState(e), [f, a] = s.useState(e ? p(e, n, o) : ""), [X, W] = s.useState(e?.startDate || /* @__PURE__ */ new Date());
     s.useEffect(() => {
       c || (a(e ? p(e, n, o) : ""), l(e));
     }, [c, e, n, o]), s.useEffect(() => {
       c && (l(e), W(e?.startDate || /* @__PURE__ */ new Date()), a(e ? p(e, n, o) : ""));
     }, [c, e, n, o]);
     const Z = (t) => {
-      l(t), t && a(p(t, n, o)), d || (i?.(t), h(!1));
+      l(t), t && a(p(t, n, o)), d || (i?.(t), u(!1));
     }, _ = (t) => {
-      i?.(t !== void 0 ? t : L), h(!1);
+      i?.(t !== void 0 ? t : L), u(!1);
     }, Y = () => {
-      l(e), a(e ? p(e, n, o) : ""), h(!1);
+      l(e), a(e ? p(e, n, o) : ""), u(!1);
     }, R = () => {
-      l(void 0), a(""), i?.(void 0), d || h(!1);
+      l(void 0), a(""), i?.(void 0), d || u(!1);
     }, j = (t) => fe(t, {
       calendarType: I,
       fiscalMode: S,
       selectionMode: N,
       fiscalMonthPattern: b,
-      fiscalYearStartMonth: T,
-      weekStartsOn: V
+      fiscalYearStartMonth: V,
+      weekStartsOn: A
     }), F = (t) => {
-      const m = t.target.value, u = ie(m, n, f);
-      if (a(u), u === "") {
+      const m = t.target.value, h = ie(m, n, f);
+      if (a(h), h === "") {
         l(void 0), d || i?.(void 0);
         return;
       }
-      const x = P(u, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (w(x) && u.length === n.length) {
+      const x = P(h, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (w(x) && h.length === n.length) {
         const z = j(x);
         l(z), W(x), d || i?.(z);
       }
@@ -74,15 +74,15 @@ const p = (e, i = "MM/dd/yyyy", n) => {
       if (!w(m) || t.length !== n.length)
         a(e ? p(e, n, o) : ""), l(e);
       else if (a(t), !d) {
-        const u = j(m);
-        i?.(u);
+        const h = j(m);
+        i?.(h);
       }
     }, v = (e ? p(e, n, o) : "") !== f, ne = f.length === n.length && !w(P(f, n, /* @__PURE__ */ new Date(), { locale: o }));
-    return /* @__PURE__ */ k(le, { open: c, onOpenChange: (t) => !D && h(t), children: [
+    return /* @__PURE__ */ g(le, { open: c, onOpenChange: (t) => !D && u(t), children: [
       /* @__PURE__ */ r(ae, { asChild: !0, children: /* @__PURE__ */ r("div", { "data-component": "week-picker", "data-state": c ? "open" : "closed", "data-pending": v || void 0, children: /* @__PURE__ */ r(
         ce,
         {
-          ref: A,
+          ref: T,
           value: f,
           onChange: F,
           onBlur: ee,
@@ -95,14 +95,14 @@ const p = (e, i = "MM/dd/yyyy", n) => {
             ne ? "text-destructive" : v ? "text-content-muted" : "",
             J
           ),
-          suffix: /* @__PURE__ */ k("div", { className: "flex items-center gap-1", children: [
-            e && !D && /* @__PURE__ */ k(E, { children: [
+          suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
+            e && !D && /* @__PURE__ */ g(E, { children: [
               /* @__PURE__ */ r(O, { asChild: !0, children: /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
                   tabIndex: 0,
-                  "aria-label": g("calendar.clear"),
+                  "aria-label": k("calendar.clear"),
                   onClick: (t) => {
                     t.stopPropagation(), R();
                   },
@@ -110,11 +110,11 @@ const p = (e, i = "MM/dd/yyyy", n) => {
                   children: /* @__PURE__ */ r(te, { className: "size-3 hover:text-content" })
                 }
               ) }),
-              /* @__PURE__ */ r($, { variant: "tertiary", side: "top", children: g("calendar.clear") })
+              /* @__PURE__ */ r($, { variant: "tertiary", side: "top", children: k("calendar.clear") })
             ] }),
-            /* @__PURE__ */ k(E, { children: [
+            /* @__PURE__ */ g(E, { children: [
               /* @__PURE__ */ r(O, { asChild: !0, children: /* @__PURE__ */ r(oe, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ r($, { variant: "tertiary", side: "top", children: g("datePicker.selectWeek") })
+              /* @__PURE__ */ r($, { variant: "tertiary", side: "top", children: k("datePicker.selectWeek") })
             ] })
           ] }),
           ...K
@@ -143,8 +143,8 @@ const p = (e, i = "MM/dd/yyyy", n) => {
               fiscalMode: S,
               selectionMode: N,
               fiscalMonthPattern: b,
-              fiscalYearStartMonth: T,
-              weekStartsOn: V,
+              fiscalYearStartMonth: V,
+              weekStartsOn: A,
               onApply: _,
               onCancel: Y,
               onClear: R,

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

@@ -3,7 +3,7 @@ import * as c from "react";
 import { Cross as Ne, CalendarMonth as Re, Info as Z } from "impact-nova-icons";
 import { format as s, isValid as C, parse as I } from "date-fns";
 import { cn as p, padValidDateString as $, maskDate as Y } from "../../../lib/utils.js";
-import { Popover as Se, PopoverTrigger as Ce, PopoverContent as Ie } from "../popover.js";
+import { Popover as Se, PopoverAnchor as Ce, PopoverContent as Ie } from "../popover.js";
 import { Calendar as Pe } from "../calendar.js";
 import { Tooltip as _, TooltipTrigger as F, TooltipContent as ee } from "../tooltip.js";
 import { resolveWeekSelection as We } from "../../../lib/fiscal-calendar.js";
@@ -24,8 +24,8 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
     fiscalMode: K = "basic",
     selectionMode: M = "week",
     fiscalMonthPattern: B,
-    fiscalYearStartMonth: T = 1,
-    weekStartsOn: O = 1,
+    fiscalYearStartMonth: O = 1,
+    weekStartsOn: T = 1,
     disabled: i,
     className: se,
     isError: D,
@@ -59,42 +59,42 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
       fiscalMode: K,
       selectionMode: M,
       fiscalMonthPattern: B,
-      fiscalYearStartMonth: T,
-      weekStartsOn: O
+      fiscalYearStartMonth: O,
+      weekStartsOn: T
     }), ue = (e) => {
       const w = e.target.value, d = Y(w, n, R);
       if (u(d), d === "") {
-        const h = { from: void 0, to: v?.to };
-        m(h), y || b?.(h);
+        const g = { from: void 0, to: v?.to };
+        m(g), y || b?.(g);
         return;
       }
-      const g = I(d, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (C(g) && d.length === n.length) {
-        const N = { from: E(g), to: v?.to };
+      const h = I(d, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (C(h) && d.length === n.length) {
+        const N = { from: E(h), to: v?.to };
         m(N), x(s(a(N), n, { locale: o })), y || b?.(N);
       }
     }, xe = (e) => {
       const w = e.target.value, d = Y(w, n, S);
       if (x(d), d === "") {
-        const h = { from: v?.from, to: void 0 };
-        m(h), y || b?.(h);
+        const g = { from: v?.from, to: void 0 };
+        m(g), y || b?.(g);
         return;
       }
-      const g = I(d, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (C(g) && d.length === n.length) {
-        const h = E(g), N = { from: v?.from, to: h };
-        m(N), v?.from && u(s(v.from.startDate, n, { locale: o })), g && j(g), y || b?.(N);
+      const h = I(d, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (C(h) && d.length === n.length) {
+        const g = E(h), N = { from: v?.from, to: g };
+        m(N), v?.from && u(s(v.from.startDate, n, { locale: o })), h && j(h), y || b?.(N);
       }
     }, X = () => {
       if (r) return;
-      const e = $(R, n), w = $(S, n), d = I(e, n, /* @__PURE__ */ new Date(), { locale: o }), g = I(w, n, /* @__PURE__ */ new Date(), { locale: o }), h = C(d) && e.length === n.length, N = C(g) && w.length === n.length;
-      if (!h || !N)
+      const e = $(R, n), w = $(S, n), d = I(e, n, /* @__PURE__ */ new Date(), { locale: o }), h = I(w, n, /* @__PURE__ */ new Date(), { locale: o }), g = C(d) && e.length === n.length, N = C(h) && w.length === n.length;
+      if (!g || !N)
         u(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), x(a(t) ? s(a(t), n, { locale: o }) : ""), m(t);
       else if (u(e), x(w), !y) {
-        const De = E(d), ve = E(g);
+        const De = E(d), ve = E(h);
         b?.({ from: De, to: ve });
       }
-    }, ge = t?.from ? s(t.from.startDate, n, { locale: o }) : "", he = a(t) ? s(a(t), n, { locale: o }) : "", ke = ge !== R, we = he !== S, be = R.length === n.length && !C(I(R, n, /* @__PURE__ */ new Date(), { locale: o })), ye = S.length === n.length && !C(I(S, n, /* @__PURE__ */ new Date(), { locale: o }));
+    }, 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(I(R, n, /* @__PURE__ */ new Date(), { locale: o })), ye = S.length === n.length && !C(I(S, n, /* @__PURE__ */ new Date(), { locale: o }));
     return /* @__PURE__ */ f("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "week-range-picker", "data-disabled": i || void 0, children: [
       /* @__PURE__ */ f("div", { className: "flex flex-col gap-[6px]", children: [
         q && /* @__PURE__ */ f(
@@ -237,8 +237,8 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                         fiscalMode: K,
                         selectionMode: M,
                         fiscalMonthPattern: B,
-                        fiscalYearStartMonth: T,
-                        weekStartsOn: O,
+                        fiscalYearStartMonth: O,
+                        weekStartsOn: T,
                         onApply: me,
                         onCancel: z,
                         onClear: U,

package/dist/components/ui/dynamic-layout.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const dynamicLayoutVariants: (props?: {
     layout?: "grid" | "flex" | "stack";
-    columns?: 1 | 4 | 3 | 2 | 12 | 6;
+    columns?: 1 | 4 | 3 | 2 | 6 | 12;
     gap?: "none" | "sm" | "md" | "lg" | "xl";
 } & import('class-variance-authority/types').ClassProp) => string;
 export interface DynamicLayoutProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dynamicLayoutVariants> {

package/dist/components/ui/empty-container.js

@@ -1,24 +1,24 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import * as i from "react";
 import { Slot as f } from "@radix-ui/react-slot";
-import { cn as p } from "../../lib/utils.js";
+import { cn as d } from "../../lib/utils.js";
 import { EMPTY_STATE_IMAGE_LOADERS as y } from "./empty-container/emptyStateIllustrations.js";
-const N = i.forwardRef(
-  ({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ m(
+const b = i.forwardRef(
+  ({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ s(
     e ? f : "div",
     {
       ref: n,
-      className: p(
+      className: d(
         "flex flex-col items-center justify-center py-16 px-5 text-center animate-in fade-in zoom-in duration-300 border border-stroke-subtle rounded-xl bg-canvas-elevated w-[884px] min-w-[884px] h-auto",
         a
       ),
       "data-component": "empty-container",
       ...o,
-      children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center max-w-[650px]", children: t })
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center max-w-[650px]", children: t })
     }
   )
 );
-N.displayName = "EmptyContainer";
+b.displayName = "EmptyContainer";
 const S = i.forwardRef(
   ({
     className: a,
@@ -26,18 +26,18 @@ const S = i.forwardRef(
     src: e,
     alt: o = "",
     width: n,
-    height: s,
-    asChild: g = !1,
-    ...d
-  }, h) => {
-    const [u] = i.useState(() => t || e ? null : Math.floor(Math.random() * y.length)), [l, x] = i.useState(null), r = u !== null ? y[u] : null;
+    height: m,
+    asChild: p = !1,
+    ...u
+  }, g) => {
+    const [h] = i.useState(() => t || e ? null : Math.floor(Math.random() * y.length)), [l, x] = i.useState(null), r = h !== null ? y[h] : null;
     i.useEffect(() => {
       if (t || e || !r)
         return;
       let c = !1;
-      return r.loadSrc().then((b) => {
+      return r.loadSrc().then((N) => {
         c || x({
-          imageSource: b,
+          imageSource: N,
           width: r.width,
           height: r.height
         });
@@ -45,11 +45,11 @@ const S = i.forwardRef(
         c = !0;
       };
     }, [t, r, e]);
-    const C = n || (t ? "auto" : l?.width ?? r?.width ?? 225), w = s || (t ? "auto" : l?.height ?? r?.height ?? 150), E = () => {
+    const C = n || (t ? "auto" : l?.width ?? r?.width ?? 225), E = m || (t ? "auto" : l?.height ?? r?.height ?? 150), w = () => {
       if (t)
         return t;
       const c = e ?? l?.imageSource;
-      return c ? /* @__PURE__ */ m(
+      return c ? /* @__PURE__ */ s(
         "img",
         {
           src: c,
@@ -57,52 +57,61 @@ const S = i.forwardRef(
           className: "object-contain shrink-0 select-none",
           style: {
             width: n || l?.width || r?.width || "100%",
-            height: s || l?.height || r?.height || "100%"
+            height: m || l?.height || r?.height || "100%"
           }
         }
       ) : null;
     };
-    return /* @__PURE__ */ m(
-      g ? f : "div",
+    return /* @__PURE__ */ s(
+      p ? f : "div",
       {
-        ref: h,
-        className: p(
+        ref: g,
+        className: d(
           "mb-4 flex items-center justify-center relative",
           "after:absolute after:inset-0 after:bg-brand/5 after:blur-3xl after:-z-10 after:rounded-full",
           a
         ),
         style: {
           width: C,
-          height: w,
-          ...d.style
+          height: E,
+          ...u.style
         },
         "data-component": "empty-container-image",
-        ...d,
-        children: E()
+        ...u,
+        children: w()
       }
     );
   }
 );
 S.displayName = "EmptyContainerImage";
-const I = i.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ m(
-  e ? f : "h3",
-  {
-    ref: n,
-    className: p(
-      "text-xl font-bold tracking-tight leading-[30px] text-content",
-      a
-    ),
-    "data-component": "empty-container-title",
-    ...o,
-    children: t
-  }
-));
-I.displayName = "EmptyContainerTitle";
-const v = i.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ m(
+const I = {
+  2: "h2",
+  3: "h3",
+  4: "h4",
+  5: "h5",
+  6: "h6"
+}, A = i.forwardRef(({ className: a, children: t, asChild: e = !1, headingLevel: o = 2, ...n }, m) => {
+  const p = e ? f : I[o];
+  return /* @__PURE__ */ s(
+    p,
+    {
+      ref: m,
+      className: d(
+        "text-xl font-bold tracking-tight leading-[30px] text-content",
+        a
+      ),
+      "data-component": "empty-container-title",
+      ...n,
+      children: t
+    }
+  );
+});
+A.displayName = "EmptyContainerTitle";
+const R = i.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ s(
   e ? f : "p",
   {
     ref: n,
-    className: p(
+    className: d(
       "text-base leading-[21px] mt-1 font-medium text-secondary-foreground",
       a
     ),
@@ -111,12 +120,12 @@ const v = i.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n)
     children: t
   }
 ));
-v.displayName = "EmptyContainerDescription";
-const R = i.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ m(
+R.displayName = "EmptyContainerDescription";
+const T = i.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ s(
   e ? f : "div",
   {
     ref: n,
-    className: p(
+    className: d(
       "mt-6 flex flex-wrap items-center justify-center gap-3",
       a
     ),
@@ -125,11 +134,11 @@ const R = i.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n)
     children: t
   }
 ));
-R.displayName = "EmptyContainerAction";
+T.displayName = "EmptyContainerAction";
 export {
-  N as EmptyContainer,
-  R as EmptyContainerAction,
-  v as EmptyContainerDescription,
+  b as EmptyContainer,
+  T as EmptyContainerAction,
+  R as EmptyContainerDescription,
   S as EmptyContainerImage,
-  I as EmptyContainerTitle
+  A as EmptyContainerTitle
 };

package/dist/components/ui/filter-strip/filter-summary.js

@@ -1,8 +1,8 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import * as i from "react";
+import * as n from "react";
 import { ChevronRight as ee, Search as te, Bin as ae, Pencil as le, Star as re } from "impact-nova-icons";
 import { cn as o } from "../../../lib/utils.js";
-import { Popover as ie, PopoverTrigger as ne, PopoverContent as se } from "../popover.js";
+import { Popover as ne, PopoverTrigger as ie, PopoverContent as se } from "../popover.js";
 import { Tooltip as f, TooltipTrigger as u, TooltipContent as h } from "../tooltip.js";
 import { Button as Q } from "../button.js";
 import { Separator as M } from "../separator.js";
@@ -14,8 +14,8 @@ import { useImpactNovaI18n as ue } from "../../../i18n/ImpactNovaI18nContext.js"
 const Ie = ({
   selectedFilter: m,
   onSelectedFilterChange: _,
-  savedFilters: S,
-  recentFilters: C,
+  savedFilters: C,
+  recentFilters: S,
   onApplySavedFilter: B,
   onSavedFilterSearch: N,
   onSavedFiltersScroll: z,
@@ -25,25 +25,25 @@ const Ie = ({
   onDeleteSavedFilter: I,
   onSetDefaultSavedFilter: P
 }) => {
-  const { t: r } = ue(), [b, T] = i.useState(!1), [O, G] = i.useState(null), [A, U] = i.useState(null);
-  i.useEffect(() => {
-    const a = S?.find((d) => d.isDefault);
+  const { t: r } = ue(), [b, T] = n.useState(!1), [O, G] = n.useState(null), [A, U] = n.useState(null);
+  n.useEffect(() => {
+    const a = C?.find((d) => d.isDefault);
     a && a.id !== A && U(a.id);
-  }, [S, A]);
+  }, [C, A]);
   const V = (a) => {
     T(a), E?.(a);
-  }, [D, Y] = i.useState(""), [x, q] = i.useState(""), [c, H] = i.useState("All"), [p, j] = i.useState(null);
-  i.useEffect(() => {
+  }, [D, Y] = n.useState(""), [x, q] = n.useState(""), [c, H] = n.useState("All"), [p, j] = n.useState(null);
+  n.useEffect(() => {
     const a = setTimeout(() => {
       q(D);
     }, 300);
     return () => clearTimeout(a);
-  }, [D]), i.useEffect(() => {
+  }, [D]), n.useEffect(() => {
     N && N(
       x,
       c === "All" ? void 0 : c
     );
-  }, [x, c, N]), i.useEffect(() => {
+  }, [x, c, N]), n.useEffect(() => {
     b && j({ label: m });
   }, [b, m]);
   const J = (a) => {
@@ -52,9 +52,9 @@ const Ie = ({
     p && (_?.(p.label), p.savedItem && B?.(p.savedItem), T(!1));
   }, W = () => {
     T(!1);
-  }, X = () => !C || C.length === 0 ? null : /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+  }, X = () => !S || S.length === 0 ? null : /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ e("div", { className: "px-1 py-[6px] text-xs font-medium text-[#60697d] font-['Manrope']", children: "Recent" }),
-    /* @__PURE__ */ e("div", { className: "mb-[6px] flex flex-col", children: C.map((a, d) => {
+    /* @__PURE__ */ e("div", { className: "mb-[6px] flex flex-col", children: S.map((a, d) => {
       const s = a.map((w) => w.label).join(", "), g = p?.label === s;
       return /* @__PURE__ */ e(
         "button",
@@ -77,7 +77,7 @@ const Ie = ({
   ] }), Z = () => {
     if (R)
       return /* @__PURE__ */ e("div", { className: "flex max-h-[160px] flex-col overflow-y-auto px-3 py-2 space-y-2", children: [1, 2, 3, 4, 5].map((t) => /* @__PURE__ */ e(fe, { className: "h-9 w-full rounded-lg" }, t)) });
-    let a = S?.filter(
+    let a = C?.filter(
       (t) => c === "All" || t.type === c
     );
     if (!N && x && (a = a?.filter(
@@ -109,22 +109,22 @@ const Ie = ({
       return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-8 text-center min-h-[100px] px-6", children: /* @__PURE__ */ e("span", { className: "text-sm text-[#60697d] font-['Manrope'] leading-relaxed", children: t }) });
     }
     const d = k || I || P, s = a.find((t) => t.isDefault), g = a.filter((t) => !t.isDefault), w = (t, v = !1) => {
-      const L = p?.label === t.label, n = O === t.id;
+      const L = p?.label === t.label, i = O === t.id;
       return /* @__PURE__ */ l(
         "button",
         {
           type: "button",
           className: o(
             "group mb-1 flex items-center justify-between cursor-pointer rounded-lg px-3 py-2 text-sm font-medium font-['Manrope'] w-full text-left bg-transparent border-none transition-all duration-300 relative overflow-hidden",
-            !n && "hover:bg-[#f5f6fa]",
-            !n && L && "bg-[#edf0ff]",
-            !n && !L && "text-[#1f2b4d]",
-            n && "pointer-events-none"
+            !i && "hover:bg-[#f5f6fa]",
+            !i && L && "bg-[#edf0ff]",
+            !i && !L && "text-[#1f2b4d]",
+            i && "pointer-events-none"
           ),
-          onClick: () => !n && j({ label: t.label, savedItem: t }),
-          disabled: n,
+          onClick: () => !i && j({ label: t.label, savedItem: t }),
+          disabled: i,
           children: [
-            n && /* @__PURE__ */ e(
+            i && /* @__PURE__ */ e(
               "div",
               {
                 className: "absolute inset-0 bg-gradient-to-r from-[#e6e8f0] via-[#d5dafb] to-[#e6e8f0] opacity-60",
@@ -188,11 +188,11 @@ const Ie = ({
                     tabIndex: v ? 0 : -1,
                     "aria-label": `${t.isDefault ? r("filterStrip.defaultFilter") : r("filterStrip.setAsDefault")} ${t.label}`,
                     className: "p-1 rounded hover:bg-[#e6e8f0] transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-                    disabled: n,
+                    disabled: i,
                     onClick: (y) => {
                       y.stopPropagation(), G(t.id), P(t), setTimeout(() => G(null), 1200);
                     },
-                    children: n ? /* @__PURE__ */ e("div", { className: "h-3.5 w-3.5 animate-spin rounded-full border-2 border-yellow-500 border-t-transparent" }) : /* @__PURE__ */ e(
+                    children: i ? /* @__PURE__ */ e("div", { className: "h-3.5 w-3.5 animate-spin rounded-full border-2 border-yellow-500 border-t-transparent" }) : /* @__PURE__ */ e(
                       re,
                       {
                         className: o(
@@ -203,7 +203,7 @@ const Ie = ({
                     )
                   }
                 ) }),
-                /* @__PURE__ */ e(h, { variant: "tertiary", side: "top", children: n ? r("filterStrip.updating") : t.isDefault ? r("filterStrip.defaultFilter") : r("filterStrip.setAsDefault") })
+                /* @__PURE__ */ e(h, { variant: "tertiary", side: "top", children: i ? r("filterStrip.updating") : t.isDefault ? r("filterStrip.defaultFilter") : r("filterStrip.setAsDefault") })
               ] })
             ] })
           ]
@@ -246,13 +246,12 @@ const Ie = ({
       )
     ] });
   }, F = p?.label !== m;
-  return /* @__PURE__ */ l(ie, { open: b, onOpenChange: V, children: [
-    /* @__PURE__ */ e(ne, { asChild: !0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(ne, { open: b, onOpenChange: V, children: [
+    /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ l(
       "button",
       {
         type: "button",
         className: "flex cursor-pointer items-center gap-2 bg-transparent border-none p-0",
-        "aria-label": r("filterStrip.selectFilter"),
         "aria-expanded": b,
         "aria-haspopup": "dialog",
         children: [