impact-nova 2.0.7 → 2.0.9

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

@@ -1,7 +1,7 @@
 import { jsxs as y, jsx as o } from "react/jsx-runtime";
 import * as s from "react";
 import { Cross as te, CalendarMonth as re } from "impact-nova-icons";
-import { isValid as w, parse as I, format as B } from "date-fns";
+import { isValid as w, parse as P, format as B } from "date-fns";
 import { cn as oe, padValidDateString as se, maskDate as ce } from "../../../lib/utils.js";
 import { Input as ie } from "../input.js";
 import { Popover as le, PopoverAnchor as ae, PopoverContent as pe } from "../popover.js";
@@ -24,17 +24,17 @@ const p = (e, c = "MM/dd/yyyy", n) => {
     startMonth: q,
     endMonth: G,
     showFooter: d = !0,
-    calendarType: P = "calendar",
+    calendarType: I = "calendar",
     fiscalMode: S = "basic",
     selectionMode: N = "week",
-    fiscalMonthPattern: V,
-    fiscalYearStartMonth: b = 1,
+    fiscalMonthPattern: b,
+    fiscalYearStartMonth: V = 1,
     weekStartsOn: A = 1,
-    disabled: k,
+    disabled: g,
     className: J,
     ...K
   }, Q) => {
-    const { locale: M, t: g } = he(), r = s.useMemo(() => ue(M), [M]), U = C ?? g("datePicker.selectWeek"), T = s.useRef(null);
+    const { locale: M, t: m } = he(), r = s.useMemo(() => ue(M), [M]), U = C ?? m("datePicker.selectWeek"), T = s.useRef(null);
     s.useRef(null), s.useImperativeHandle(Q, () => T.current);
     const [i, f] = s.useState(!1), [L, l] = s.useState(e), [u, a] = s.useState(e ? p(e, n, r) : ""), [X, W] = s.useState(e?.startDate || /* @__PURE__ */ new Date());
     s.useEffect(() => {
@@ -51,34 +51,34 @@ const p = (e, c = "MM/dd/yyyy", n) => {
     }, R = () => {
       l(void 0), a(""), c?.(void 0), d || f(!1);
     }, j = (t) => fe(t, {
-      calendarType: P,
+      calendarType: I,
       fiscalMode: S,
       selectionMode: N,
-      fiscalMonthPattern: V,
-      fiscalYearStartMonth: b,
+      fiscalMonthPattern: b,
+      fiscalYearStartMonth: V,
       weekStartsOn: A
     }), F = (t) => {
-      const m = t.target.value, h = ce(m, n, u);
+      const k = t.target.value, h = ce(k, n, u);
       if (a(h), h === "") {
         l(void 0), d || c?.(void 0);
         return;
       }
-      const x = I(h, n, /* @__PURE__ */ new Date(), { locale: r });
+      const x = P(h, n, /* @__PURE__ */ new Date(), { locale: r });
       if (w(x) && h.length === n.length) {
         const z = j(x);
         l(z), W(x), d || c?.(z);
       }
     }, ee = () => {
       if (i) return;
-      const t = se(u, n), m = I(t, n, /* @__PURE__ */ new Date(), { locale: r });
-      if (!w(m) || t.length !== n.length)
+      const t = se(u, n), k = P(t, n, /* @__PURE__ */ new Date(), { locale: r });
+      if (!w(k) || t.length !== n.length)
         a(e ? p(e, n, r) : ""), l(e);
       else if (a(t), !d) {
-        const h = j(m);
+        const h = j(k);
         c?.(h);
       }
-    }, v = (e ? p(e, n, r) : "") !== u, ne = u.length === n.length && !w(I(u, n, /* @__PURE__ */ new Date(), { locale: r }));
-    return /* @__PURE__ */ y(le, { open: i, onOpenChange: (t) => !k && f(t), children: [
+    }, v = (e ? p(e, n, r) : "") !== u, ne = u.length === n.length && !w(P(u, n, /* @__PURE__ */ new Date(), { locale: r }));
+    return /* @__PURE__ */ y(le, { open: i, onOpenChange: (t) => !g && f(t), children: [
       /* @__PURE__ */ o(ae, { asChild: !0, children: /* @__PURE__ */ o("div", { "data-component": "week-picker", "data-state": i ? "open" : "closed", "data-pending": v || void 0, children: /* @__PURE__ */ o(
         ie,
         {
@@ -86,9 +86,9 @@ const p = (e, c = "MM/dd/yyyy", n) => {
           value: u,
           onChange: F,
           onBlur: ee,
-          onClick: () => !k && f(!0),
+          onClick: () => !g && f(!0),
           placeholder: i ? n : U,
-          disabled: k,
+          disabled: g,
           "data-form-control": "input",
           className: oe(
             "cursor-pointer",
@@ -96,13 +96,13 @@ const p = (e, c = "MM/dd/yyyy", n) => {
             J
           ),
           suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
-            e && !k && /* @__PURE__ */ y(E, { children: [
+            e && !g && /* @__PURE__ */ y(E, { children: [
               /* @__PURE__ */ o(O, { asChild: !0, children: /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
                   tabIndex: 0,
-                  "aria-label": g("calendar.clear"),
+                  "aria-label": m("calendar.clear"),
                   onClick: (t) => {
                     t.stopPropagation(), R();
                   },
@@ -110,11 +110,11 @@ const p = (e, c = "MM/dd/yyyy", n) => {
                   children: /* @__PURE__ */ o(te, { className: "size-3 hover:text-content" })
                 }
               ) }),
-              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: g("calendar.clear") })
+              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: m("calendar.clear") })
             ] }),
             /* @__PURE__ */ y(E, { children: [
               /* @__PURE__ */ o(O, { asChild: !0, children: /* @__PURE__ */ o(re, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: g("datePicker.selectWeek") })
+              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: m("datePicker.selectWeek") })
             ] })
           ] }),
           ...K
@@ -125,6 +125,7 @@ const p = (e, c = "MM/dd/yyyy", n) => {
         {
           className: "w-auto p-0",
           align: "start",
+          "aria-label": m("datePicker.selectWeek"),
           onOpenAutoFocus: (t) => t.preventDefault(),
           children: /* @__PURE__ */ o(
             de,
@@ -139,11 +140,11 @@ const p = (e, c = "MM/dd/yyyy", n) => {
               startMonth: q,
               endMonth: G,
               showFooter: d,
-              calendarType: P,
+              calendarType: I,
               fiscalMode: S,
               selectionMode: N,
-              fiscalMonthPattern: V,
-              fiscalYearStartMonth: b,
+              fiscalMonthPattern: b,
+              fiscalYearStartMonth: V,
               weekStartsOn: A,
               onApply: _,
               onCancel: Y,

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

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
 import * as c from "react";
 import { Cross as Ne, CalendarMonth as Re, Info as Z } from "impact-nova-icons";
-import { format as r, isValid as C, parse as I } from "date-fns";
+import { format as r, isValid as I, parse as P } from "date-fns";
 import { cn as m, padValidDateString as $, maskDate as Y } from "../../../lib/utils.js";
 import { Popover as Se, PopoverAnchor as Ce, PopoverContent as Ie } from "../popover.js";
 import { Calendar as Pe } from "../calendar.js";
@@ -31,16 +31,16 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
     isError: D,
     size: H,
     label: q,
-    helperText: P,
+    helperText: W,
     helperTextPosition: A = "absolute",
     required: ce,
     prefix: je,
     prefixClick: ze,
     ...ae
   }, ie) => {
-    const { locale: G, t: W } = Ee(), o = c.useMemo(() => Ve(G), [G]), J = te ?? W("datePicker.selectWeekRange"), Q = c.useRef(null), de = c.useRef(null);
+    const { locale: G, t: R } = Ee(), o = c.useMemo(() => Ve(G), [G]), J = te ?? R("datePicker.selectWeekRange"), Q = c.useRef(null), de = c.useRef(null);
     c.useRef(null), c.useRef(null), c.useImperativeHandle(ie, () => Q.current);
-    const [s, p] = c.useState(!1), V = c.useRef(!1), [v, u] = c.useState(t), [R, x] = c.useState(t?.from ? r(t.from.startDate, n, { locale: o }) : ""), [S, h] = c.useState(i(t) ? r(i(t), n, { locale: o }) : ""), [fe, j] = c.useState(t?.from?.startDate || /* @__PURE__ */ new Date());
+    const [s, p] = c.useState(!1), V = c.useRef(!1), [v, u] = c.useState(t), [S, x] = c.useState(t?.from ? r(t.from.startDate, n, { locale: o }) : ""), [C, h] = c.useState(i(t) ? r(i(t), n, { locale: o }) : ""), [fe, j] = c.useState(t?.from?.startDate || /* @__PURE__ */ new Date());
     c.useEffect(() => {
       s || (x(t?.from ? r(t.from.startDate, n, { locale: o }) : ""), h(i(t) ? r(i(t), n, { locale: o }) : ""), u(t));
     }, [t, n, s, o]), c.useEffect(() => {
@@ -62,39 +62,39 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
       fiscalYearStartMonth: O,
       weekStartsOn: T
     }), ue = (e) => {
-      const w = e.target.value, d = Y(w, n, R);
+      const w = e.target.value, d = Y(w, n, S);
       if (x(d), d === "") {
         const k = { from: void 0, to: v?.to };
         u(k), y || b?.(k);
         return;
       }
-      const g = I(d, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (C(g) && d.length === n.length) {
+      const g = P(d, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (I(g) && d.length === n.length) {
         const N = { from: E(g), to: v?.to };
         u(N), h(r(i(N), n, { locale: o })), y || b?.(N);
       }
     }, xe = (e) => {
-      const w = e.target.value, d = Y(w, n, S);
+      const w = e.target.value, d = Y(w, n, C);
       if (h(d), d === "") {
         const k = { from: v?.from, to: void 0 };
         u(k), y || b?.(k);
         return;
       }
-      const g = I(d, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (C(g) && d.length === n.length) {
+      const g = P(d, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (I(g) && d.length === n.length) {
         const k = E(g), N = { from: v?.from, to: k };
         u(N), v?.from && x(r(v.from.startDate, n, { locale: o })), g && j(g), y || b?.(N);
       }
     }, X = () => {
       if (s) 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 }), k = C(d) && e.length === n.length, N = C(g) && w.length === n.length;
+      const e = $(S, n), w = $(C, n), d = P(e, n, /* @__PURE__ */ new Date(), { locale: o }), g = P(w, n, /* @__PURE__ */ new Date(), { locale: o }), k = I(d) && e.length === n.length, N = I(g) && w.length === n.length;
       if (!k || !N)
         x(t?.from ? r(t.from.startDate, n, { locale: o }) : ""), h(i(t) ? r(i(t), n, { locale: o }) : ""), u(t);
       else if (x(e), h(w), !y) {
         const De = E(d), ve = E(g);
         b?.({ from: De, to: ve });
       }
-    }, he = t?.from ? r(t.from.startDate, n, { locale: o }) : "", ge = i(t) ? r(i(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 }));
+    }, he = t?.from ? r(t.from.startDate, n, { locale: o }) : "", ge = i(t) ? r(i(t), n, { locale: o }) : "", ke = he !== S, we = ge !== C, be = S.length === n.length && !I(P(S, n, /* @__PURE__ */ new Date(), { locale: o })), ye = C.length === n.length && !I(P(C, 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": a || void 0, children: [
       /* @__PURE__ */ f("div", { className: "flex flex-col gap-[6px]", children: [
         q && /* @__PURE__ */ f(
@@ -117,7 +117,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
           {
             className: m(
               "w-full",
-              P && A === "absolute" && "relative"
+              W && A === "absolute" && "relative"
             ),
             children: [
               /* @__PURE__ */ f(Se, { open: a ? !1 : s, onOpenChange: (e) => {
@@ -142,7 +142,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                           {
                             ref: Q,
                             type: "text",
-                            value: R,
+                            value: S,
                             onChange: ue,
                             onBlur: X,
                             onClick: () => !a && p(!0),
@@ -165,7 +165,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                           {
                             ref: de,
                             type: "text",
-                            value: S,
+                            value: C,
                             onChange: xe,
                             onBlur: X,
                             onClick: () => !a && p(!0),
@@ -190,7 +190,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                             {
                               type: "button",
                               tabIndex: 0,
-                              "aria-label": W("calendar.clear"),
+                              "aria-label": R("calendar.clear"),
                               onClick: (e) => {
                                 e.stopPropagation(), U();
                               },
@@ -198,15 +198,15 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                               children: /* @__PURE__ */ l(Ne, { className: "size-3 hover:text-content text-content-muted" })
                             }
                           ) }),
-                          /* @__PURE__ */ l(ee, { variant: "tertiary", side: "top", children: W("calendar.clear") })
+                          /* @__PURE__ */ l(ee, { variant: "tertiary", side: "top", children: R("calendar.clear") })
                         ] }),
                         /* @__PURE__ */ f(_, { children: [
-                          /* @__PURE__ */ l(F, { asChild: !0, children: /* @__PURE__ */ l("button", { type: "button", tabIndex: 0, "aria-label": W("datePicker.selectWeekRange"), onClick: (e) => {
+                          /* @__PURE__ */ l(F, { asChild: !0, children: /* @__PURE__ */ l("button", { type: "button", tabIndex: 0, "aria-label": R("datePicker.selectWeekRange"), onClick: (e) => {
                             e.stopPropagation(), a || p(!s);
                           }, onKeyDown: (e) => {
                             (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), a || (V.current = !0, p(!s)));
                           }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ l(Re, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                          /* @__PURE__ */ l(ee, { variant: "tertiary", side: "top", children: W("datePicker.selectWeekRange") })
+                          /* @__PURE__ */ l(ee, { variant: "tertiary", side: "top", children: R("datePicker.selectWeekRange") })
                         ] })
                       ] })
                     ]
@@ -217,6 +217,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                   {
                     className: "w-auto p-0",
                     align: "start",
+                    "aria-label": R("datePicker.selectWeekRange"),
                     onOpenAutoFocus: (e) => {
                       V.current || e.preventDefault(), V.current = !1;
                     },
@@ -248,7 +249,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                   }
                 )
               ] }),
-              P && A === "absolute" && /* @__PURE__ */ f("div", { className: m("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", D && "text-destructive"), children: [
+              W && A === "absolute" && /* @__PURE__ */ f("div", { className: m("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__ */ l(
                   Z,
                   {
@@ -266,7 +267,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                       "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
                       D && "text-destructive"
                     ),
-                    children: P
+                    children: W
                   }
                 )
               ] })
@@ -274,7 +275,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
           }
         )
       ] }),
-      P && A === "flow" && /* @__PURE__ */ f("div", { className: m("flex items-center gap-[6px]", D && "text-destructive"), children: [
+      W && A === "flow" && /* @__PURE__ */ f("div", { className: m("flex items-center gap-[6px]", D && "text-destructive"), children: [
         /* @__PURE__ */ l(
           Z,
           {
@@ -292,7 +293,7 @@ const i = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
               "text-[12px] font-medium leading-[18px] text-navigation-muted",
               D && "text-destructive"
             ),
-            children: P
+            children: W
           }
         )
       ] })

package/dist/components/ui/select/select.js

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as a, Fragment as vt } from "react/jsx-runtime";
-import yt, { useState as W, useRef as M, useEffect as C } from "react";
+import yt, { useState as W, useRef as M, useEffect as A } from "react";
 import * as re from "@radix-ui/react-popover";
 import { useVirtualizer as wt } from "@tanstack/react-virtual";
 import St from "./components/LabelWithSequence.js";
@@ -70,10 +70,10 @@ const zt = (Ne) => {
     onClearAll: Ee,
     onFocus: ot,
     onBlur: ct
-  } = Ne, { t: Y } = Mt(), me = je ?? Y("select.placeholder"), [d, Me] = W(Ue), [q, Z] = W(""), [ze, Le] = W(void 0), pe = M(0), [f, v] = W(_e || (p ? [] : null)), [ut, he] = W(null), J = -2, [O, A] = W(-1), xe = M(!1), ge = M(null), be = M(null), dt = M(null), ee = M(null), j = M(null);
-  C(() => {
+  } = Ne, { t: Y } = Mt(), me = je ?? Y("select.placeholder"), [d, Me] = W(Ue), [q, Z] = W(""), [ze, Le] = W(void 0), pe = M(0), [f, v] = W(_e || (p ? [] : null)), [ut, he] = W(null), J = -2, [O, I] = W(-1), xe = M(!1), ge = M(null), be = M(null), dt = M(null), ee = M(null), j = M(null);
+  A(() => {
     oe !== void 0 && v(oe);
-  }, [oe]), C(() => {
+  }, [oe]), A(() => {
     if (!(d && $ && G === "menu")) return;
     let e = !1;
     const t = () => {
@@ -85,7 +85,7 @@ const zt = (Ne) => {
       e = !0, clearTimeout(n);
     };
   }, [d, $, G]);
-  const { flatOptions: m, isProcessing: I, totalOptionsCount: $e, workerSelectAll: ft } = It(L, q, {
+  const { flatOptions: m, isProcessing: C, totalOptionsCount: $e, workerSelectAll: ft } = It(L, q, {
     ignoreCase: tt,
     ignoreAccents: nt,
     matchFrom: lt,
@@ -107,21 +107,18 @@ const zt = (Ne) => {
     estimateSize: () => 34,
     overscan: 5
   });
-  C(() => {
+  A(() => {
     if (!d)
-      A(-1);
+      I(-1);
     else if (xe.current)
       if (xe.current = !1, $ && G === "menu" && !h)
-        A(-1);
+        I(-1);
       else {
-        const e = !T && !I && !_ && p && Q && !h && m.length > 0;
-        A(e ? J : 0);
+        const e = !T && !C && !_ && p && Q && !h && m.length > 0;
+        I(e ? J : 0);
       }
-  }, [d]), C(() => {
-    if (!d) {
-      pe.current = 0, Le(void 0);
-      return;
-    }
+  }, [d]), A(() => {
+    if (pe.current = 0, Le(void 0), !d) return;
     let e = null, t = null;
     const n = () => {
       const l = be.current;
@@ -139,16 +136,16 @@ const zt = (Ne) => {
     return () => {
       cancelAnimationFrame(s), t && clearTimeout(t), e?.disconnect();
     };
-  }, [d]), C(() => {
-    O !== -1 && A(0);
-  }, [q]), C(() => {
+  }, [d, T, C]), A(() => {
+    O !== -1 && I(0);
+  }, [q]), A(() => {
     if (!d) return;
     const e = requestAnimationFrame(() => {
       k.measure();
     });
     return () => cancelAnimationFrame(e);
-  }, [d, k]), C(() => {
-    if (d && ke && !I && m.length > 0) {
+  }, [d, k]), A(() => {
+    if (d && ke && !C && m.length > 0) {
       const e = m.findIndex((t) => p ? V.mode === "exclude" ? !V.set.has(t.value) : V.set.has(t.value) : f?.value === t.value);
       if (e !== -1) {
         const t = setTimeout(() => {
@@ -157,15 +154,15 @@ const zt = (Ne) => {
         return () => clearTimeout(t);
       }
     }
-  }, [d, ke, I, m.length, p, V.mode, V.set, f, k]);
+  }, [d, ke, C, m.length, p, V.mode, V.set, f, k]);
   const K = M(null), Fe = k.getVirtualItems(), ye = Fe[Fe.length - 1], te = yt.useCallback(() => {
-    T || I || K.current || F && (F(), K.current = setTimeout(() => {
+    T || C || K.current || F && (F(), K.current = setTimeout(() => {
       K.current = null;
     }, 500));
-  }, [T, I, F]);
-  C(() => () => {
+  }, [T, C, F]);
+  A(() => () => {
     K.current && (clearTimeout(K.current), K.current = null);
-  }, []), C(() => {
+  }, []), A(() => {
     if (!d || !ee.current || !F) return;
     const e = () => {
       const { scrollTop: n, scrollHeight: s, clientHeight: l } = t;
@@ -178,7 +175,7 @@ const zt = (Ne) => {
     F,
     d,
     te
-  ]), C(() => {
+  ]), A(() => {
     if (!d || !F || !ye) return;
     const e = m.length - 1;
     e < 0 || ye.index < e - 1 || te();
@@ -198,7 +195,7 @@ const zt = (Ne) => {
         Ae?.(t, n), Z(""), he(null);
       }
   };
-  C(() => {
+  A(() => {
     if (!d) return;
     const e = (t) => {
       const n = t.target;
@@ -458,7 +455,7 @@ const zt = (Ne) => {
     f
   ), le = (e) => Oe ? Oe(e) : e.label, Ge = () => {
     const e = [];
-    return !T && !I && !_ && p && Q && !h && m.length > 0 && e.push(J), m.forEach((n, s) => {
+    return !T && !C && !_ && p && Q && !h && m.length > 0 && e.push(J), m.forEach((n, s) => {
       !n.isGroup && !(w && n.isSubmenuParent) && !n.isDisabled && e.push(s);
     }), e;
   }, ht = (e) => {
@@ -481,11 +478,11 @@ const zt = (Ne) => {
     if (e.key === "ArrowDown") {
       e.preventDefault();
       const s = n < t.length - 1 ? n + 1 : 0, l = t[s];
-      A(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
+      I(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
       const s = n > 0 ? n - 1 : t.length - 1, l = t[s];
-      A(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
+      I(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
     } else if (e.key === "Enter" || e.key === " ") {
       if (e.preventDefault(), O === J)
         we();
@@ -496,10 +493,10 @@ const zt = (Ne) => {
     } else if (e.key === "Escape")
       e.preventDefault(), E(!1), ge.current?.focus();
     else if (e.key === "Home")
-      e.preventDefault(), t.length > 0 && (A(t[0]), t[0] >= 0 && k.scrollToIndex(t[0], { align: "auto" }));
+      e.preventDefault(), t.length > 0 && (I(t[0]), t[0] >= 0 && k.scrollToIndex(t[0], { align: "auto" }));
     else if (e.key === "End" && (e.preventDefault(), t.length > 0)) {
       const s = t[t.length - 1];
-      A(s), s >= 0 && k.scrollToIndex(s, { align: "auto" });
+      I(s), s >= 0 && k.scrollToIndex(s, { align: "auto" });
     }
   }, xt = (e) => {
     const t = Ge();
@@ -508,11 +505,11 @@ const zt = (Ne) => {
     if (e.key === "ArrowDown") {
       e.preventDefault();
       const s = n < t.length - 1 ? n + 1 : 0, l = t[s];
-      A(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
+      I(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
       const s = n > 0 ? n - 1 : t.length - 1, l = t[s];
-      A(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
+      I(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
     } else if (e.key === "Enter") {
       if (e.preventDefault(), O === J)
         we();
@@ -631,7 +628,7 @@ const zt = (Ne) => {
                           ]
                         }
                       ),
-                      /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !d && (T || I) ? /* @__PURE__ */ a(Nt, { size: "14px" }) : /* @__PURE__ */ g(vt, { children: [
+                      /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !d && (T || C) ? /* @__PURE__ */ a(Nt, { size: "14px" }) : /* @__PURE__ */ g(vt, { children: [
                         qe && !h && !S && (p && (z(
                           f
                         ) && f.isAllSelected || N(f) && f.length > 0) || !p && f) && /* @__PURE__ */ a(
@@ -742,7 +739,7 @@ const zt = (Ne) => {
                                     ] })
                                   }
                                 ),
-                                !T && !I && !_ && p && Q && !h && m.length > 0 && /* @__PURE__ */ a(
+                                !T && !C && !_ && p && Q && !h && m.length > 0 && /* @__PURE__ */ a(
                                   "div",
                                   {
                                     className: "pb-1",
@@ -823,7 +820,7 @@ const zt = (Ne) => {
                                         children: "Refetch"
                                       }
                                     )
-                                  ] }) : m.length === 0 && !T && !I ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: "No options found" }) : T || I ? /* @__PURE__ */ a("div", { className: "px-1 py-1 space-y-1", children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ g(
+                                  ] }) : m.length === 0 && !T && !C ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: "No options found" }) : T || C ? /* @__PURE__ */ a("div", { className: "px-1 py-1 space-y-1", children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ g(
                                     "div",
                                     {
                                       className: "flex items-center gap-2 px-3 py-2 animate-pulse",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-nova",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "description": "Enterprise-grade React design system built with React 19, Vite, Tailwind CSS, and Radix UI. Built-in internationalization (i18n) and comprehensive UI component library for scalable, accessible, and performant applications.",
   "type": "module",
   "main": "./dist/index.js",