impact-nova 1.7.51 → 1.8.0

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

@@ -1,75 +1,76 @@
-import { jsxs as g, jsx as r, Fragment as gt } from "react/jsx-runtime";
-import bt, { useState as W, useRef as R, useEffect as I } from "react";
+import { jsxs as g, jsx as r, Fragment as bt } from "react/jsx-runtime";
+import vt, { useState as W, useRef as R, useEffect as I } from "react";
 import * as ae from "@radix-ui/react-popover";
-import { useVirtualizer as vt } from "@tanstack/react-virtual";
-import yt from "./components/LabelWithSequence.js";
-import St from "./components/Submenu.js";
-import { LoadingSpinner as wt, Cross as Vt, ChevronRight as Me, Search as Nt, Info as oe } from "../../../icons/index.js";
-import { Checkbox as Fe } from "../checkbox.js";
-import { Button as kt } from "../button.js";
+import { useVirtualizer as yt } from "@tanstack/react-virtual";
+import St from "./components/LabelWithSequence.js";
+import wt from "./components/Submenu.js";
+import { LoadingSpinner as Vt, Cross as Nt, ChevronRight as Fe, Search as kt, Info as oe } from "../../../icons/index.js";
+import { Checkbox as Re } from "../checkbox.js";
+import { Button as Pt } from "../button.js";
 import { cn as w } from "../../../lib/utils.js";
-import { isInvertedSelection as L, isOptionArray as V, isSelected as Pt, getSequence as Dt, getLeafOptions as Ct } from "./utils/select.js";
-import { useFlattenOptions as Ot } from "./hooks/useFlattenOptions.js";
-import { useSelectionModel as At } from "./hooks/useSelectionModel.js";
-import { useVisibleStats as It } from "./hooks/useVisibleStats.js";
+import { isInvertedSelection as L, isOptionArray as V, isSelected as Dt, getSequence as Ct, getLeafOptions as Ot } from "./utils/select.js";
+import { useFlattenOptions as At } from "./hooks/useFlattenOptions.js";
+import { useSelectionModel as It } from "./hooks/useSelectionModel.js";
+import { useVisibleStats as Tt } from "./hooks/useVisibleStats.js";
 import { useImpactNovaI18n as Et } from "../../../i18n/ImpactNovaI18nContext.js";
-const Tt = (Ve) => {
+const Lt = (Ve) => {
   const {
     options: H,
     value: ce,
-    defaultValue: Re,
+    defaultValue: He,
     onChange: u,
     isMulti: p,
     isDisabled: k,
-    isLoading: E,
-    isClearable: He = !0,
+    isLoading: T,
+    isClearable: _e = !0,
     isSearchable: z = !0,
-    placeholder: _e,
+    placeholder: je,
     // menuPortalTarget is kept for API compatibility but no longer used (Radix handles portalling)
-    menuPortalTarget: Lt,
-    autoFocus: je,
-    closeMenuOnSelect: qe = !p,
-    defaultMenuIsOpen: Be = !1,
+    menuPortalTarget: zt,
+    autoFocus: qe,
+    closeMenuOnSelect: Be = !p,
+    defaultMenuIsOpen: Ke = !1,
     scrollToSelectedOnOpen: Ne = !1,
     maxSelectableOptions: b,
     showSequence: ke,
-    selectionOrder: Ke,
+    selectionOrder: Ue,
     label: _,
-    isRequired: Ue,
+    isRequired: We,
     error: ue,
     helperText: X,
     helperTextPosition: de = "absolute",
     id: P,
-    className: We,
-    parentClassName: Xe,
+    className: Xe,
+    parentClassName: Ye,
     onMenuScrollToBottom: $,
-    name: Ye,
+    totalCount: Pe,
+    name: Je,
     isSelectAllEnabled: Q = !0,
     isReadOnly: h = !1,
     searchPosition: G = "menu",
-    footerContent: Pe,
-    onInputChange: Je,
-    getOptionLabel: De,
-    renderOption: Ce,
-    onMenuOpen: Qe,
-    onMenuClose: Oe,
+    footerContent: De,
+    onInputChange: Qe,
+    getOptionLabel: Ce,
+    renderOption: Oe,
+    onMenuOpen: Ze,
+    onMenuClose: Ae,
     labelOrientation: fe = "top",
-    leftContent: Ae,
-    ignoreCase: Ze,
-    ignoreAccents: et,
-    matchFrom: tt,
-    stringify: nt,
-    trim: lt,
-    filterOption: st,
+    leftContent: Ie,
+    ignoreCase: et,
+    ignoreAccents: tt,
+    matchFrom: nt,
+    stringify: lt,
+    trim: st,
+    filterOption: it,
     enableSubMenus: y = !1,
     enableGroups: D = !1,
     fetchError: j,
-    onRefetch: Ie,
-    menuWidth: it,
+    onRefetch: Te,
+    menuWidth: rt,
     onClearAll: Ee,
-    onFocus: rt,
-    onBlur: at
-  } = Ve, { t: Y } = Et(), pe = _e ?? Y("select.placeholder"), [m, Te] = W(Be), [M, Z] = W(""), [Le, me] = W(void 0), [d, v] = W(Re || (p ? [] : null)), [ot, he] = W(null), J = -2, [C, O] = W(-1), xe = R(!1), ge = R(null), ee = R(null), ct = R(null), te = R(null), q = R(null);
+    onFocus: at,
+    onBlur: ot
+  } = Ve, { t: Y } = Et(), pe = je ?? Y("select.placeholder"), [m, Le] = W(Ke), [M, Z] = W(""), [ze, me] = W(void 0), [d, v] = W(He || (p ? [] : null)), [ct, he] = W(null), J = -2, [C, O] = W(-1), xe = R(!1), ge = R(null), ee = R(null), ut = R(null), te = R(null), q = R(null);
   I(() => {
     ce !== void 0 && v(ce);
   }, [ce]), I(() => {
@@ -84,23 +85,23 @@ const Tt = (Ve) => {
       e = !0, clearTimeout(n);
     };
   }, [m, z, G]);
-  const { flatOptions: f, isProcessing: A, totalOptionsCount: ze, workerSelectAll: ut } = Ot(H, M, {
-    ignoreCase: Ze,
-    ignoreAccents: et,
-    matchFrom: tt,
-    stringify: nt,
-    trim: lt,
-    filterOption: st,
+  const { flatOptions: f, isProcessing: A, totalOptionsCount: $e, workerSelectAll: dt } = At(H, M, {
+    ignoreCase: et,
+    ignoreAccents: tt,
+    matchFrom: nt,
+    stringify: lt,
+    trim: st,
+    filterOption: it,
     enableSubMenus: y,
     enableGroups: D
-  }), S = At(d, p ?? !1), { stats: B, getGroupStats: be } = It(
+  }), S = It(d, p ?? !1), { stats: B, getGroupStats: be } = Tt(
     f,
-    ze,
+    $e,
     M,
     S,
     d,
     p ?? !1
-  ), N = vt({
+  ), N = yt({
     count: f.length,
     getScrollElement: () => te.current,
     estimateSize: () => 34,
@@ -113,7 +114,7 @@ const Tt = (Ve) => {
       if (xe.current = !1, z && G === "menu" && !h)
         O(-1);
       else {
-        const e = !E && !A && !j && p && Q && !h && f.length > 0;
+        const e = !T && !A && !j && p && Q && !h && f.length > 0;
         O(e ? J : 0);
       }
   }, [m]), I(() => {
@@ -135,11 +136,11 @@ const Tt = (Ve) => {
       }
     }
   }, [m, Ne, A, f.length, p, S.mode, S.set, d, N]);
-  const K = R(null), $e = N.getVirtualItems(), ve = $e[$e.length - 1], ne = bt.useCallback(() => {
-    E || A || K.current || $ && ($(), K.current = setTimeout(() => {
+  const K = R(null), Ge = N.getVirtualItems(), ve = Ge[Ge.length - 1], ne = vt.useCallback(() => {
+    T || A || K.current || $ && ($(), K.current = setTimeout(() => {
       K.current = null;
     }, 500));
-  }, [E, A, $]);
+  }, [T, A, $]);
   I(() => () => {
     K.current && (clearTimeout(K.current), K.current = null);
   }, []), I(() => {
@@ -166,13 +167,13 @@ const Tt = (Ve) => {
     ve,
     ne
   ]);
-  const T = (e) => {
+  const E = (e) => {
     if (!k)
-      if (Te(e), e)
-        Qe?.();
+      if (Le(e), e)
+        Ze?.();
       else {
         const t = d, n = p && V(d) ? d.map((l) => l.value) : void 0;
-        Oe?.(t, n), Z(""), he(null);
+        Ae?.(t, n), Z(""), he(null);
       }
   };
   I(() => {
@@ -190,7 +191,7 @@ const Tt = (Ve) => {
       if (p) {
         const n = d || [];
         if ("children" in e || "options" in e) {
-          const s = Ct(
+          const s = Ot(
             e,
             y,
             D
@@ -260,12 +261,12 @@ const Tt = (Ve) => {
         v(e), u && u(e, {
           action: "select-option",
           option: e
-        }), qe && (Te(!1), Oe?.(e, void 0), Z(""));
+        }), Be && (Le(!1), Ae?.(e, void 0), Z(""));
   }, ye = async () => {
     if (!(!p || k || h)) {
       if (H.length > 3e3) {
         try {
-          const e = await ut(
+          const e = await dt(
             d,
             L(d),
             b
@@ -373,7 +374,7 @@ const Tt = (Ve) => {
         }
       }
     }
-  }, dt = (e) => {
+  }, ft = (e) => {
     if (e.stopPropagation(), !h)
       if (p) {
         const t = [], n = (s) => {
@@ -427,32 +428,32 @@ const Tt = (Ve) => {
         const n = null;
         v(n), u && u(n, { action: "clear" }), Ee?.();
       }
-  }, ft = (e) => Dt(
+  }, pt = (e) => Ct(
     e,
     ke ?? !1,
     p ?? !1,
-    Ke,
+    Ue,
     d
-  ), se = (e) => De ? De(e) : e.label, Ge = () => {
+  ), se = (e) => Ce ? Ce(e) : e.label, Me = () => {
     const e = [];
-    return !E && !A && !j && p && Q && !h && f.length > 0 && e.push(J), f.forEach((n, l) => {
+    return !T && !A && !j && p && Q && !h && f.length > 0 && e.push(J), f.forEach((n, l) => {
       !n.isGroup && !(y && n.isSubmenuParent) && !n.isDisabled && e.push(l);
     }), e;
-  }, pt = (e) => {
+  }, mt = (e) => {
     if (k || h) return;
     if (e.key === "Tab") {
-      m && T(!1);
+      m && E(!1);
       return;
     }
     if (!m) {
-      (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), xe.current = !0, T(!0));
+      (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), xe.current = !0, E(!0));
       return;
     }
     if (z && G === "menu" && !h && q.current) {
       document.activeElement !== q.current && q.current.focus();
       return;
     }
-    const t = Ge();
+    const t = Me();
     if (t.length === 0) return;
     const n = t.indexOf(C);
     if (e.key === "ArrowDown") {
@@ -471,15 +472,15 @@ const Tt = (Ve) => {
         l.isDisabled || le(l);
       }
     } else if (e.key === "Escape")
-      e.preventDefault(), T(!1), ge.current?.focus();
+      e.preventDefault(), E(!1), ge.current?.focus();
     else if (e.key === "Home")
       e.preventDefault(), t.length > 0 && (O(t[0]), t[0] >= 0 && N.scrollToIndex(t[0], { align: "auto" }));
     else if (e.key === "End" && (e.preventDefault(), t.length > 0)) {
       const l = t[t.length - 1];
       O(l), l >= 0 && N.scrollToIndex(l, { align: "auto" });
     }
-  }, mt = (e) => {
-    const t = Ge();
+  }, ht = (e) => {
+    const t = Me();
     if (t.length === 0) return;
     const n = t.indexOf(C);
     if (e.key === "ArrowDown") {
@@ -497,12 +498,12 @@ const Tt = (Ve) => {
         const l = f[C];
         l.isDisabled || le(l);
       }
-    } else e.key === "Escape" && (e.preventDefault(), T(!1), ge.current?.focus());
-  }, ht = () => {
+    } else e.key === "Escape" && (e.preventDefault(), E(!1), ge.current?.focus());
+  }, xt = () => {
     if (p) {
       const e = d || [];
       let t = 0;
-      return L(e) ? t = ze - e.excludedValues.length : V(e) && (t = e.length), t === 0 ? null : t === 1 && V(e) ? /* @__PURE__ */ r("span", { className: w("text-[14px] font-medium truncate min-w-0 block", k ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: se(e[0]) }) : /* @__PURE__ */ r("span", { className: w("text-[14px] font-medium truncate min-w-0 block", k ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: Y("select.selectedCount", { count: t }) });
+      return L(e) ? t = Math.max(0, (typeof Pe == "number" ? Pe : $e) - e.excludedValues.length) : V(e) && (t = e.length), t === 0 ? null : t === 1 && V(e) ? /* @__PURE__ */ r("span", { className: w("text-[14px] font-medium truncate min-w-0 block", k ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: se(e[0]) }) : /* @__PURE__ */ r("span", { className: w("text-[14px] font-medium truncate min-w-0 block", k ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: Y("select.selectedCount", { count: t }) });
     } else {
       const e = d;
       return e ? /* @__PURE__ */ r("span", { className: w("text-[14px] font-medium truncate min-w-0 block", k ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: se(e) }) : null;
@@ -514,7 +515,7 @@ const Tt = (Ve) => {
       className: w(
         "flex gap-[6px]",
         fe === "left" ? "w-fit flex-row items-center" : "w-full flex-col",
-        Xe
+        Ye
       ),
       "data-testid": `select-${P || "default"}`,
       "data-component": "select",
@@ -529,7 +530,7 @@ const Tt = (Ve) => {
             children: [
               _,
               " ",
-              Ue && /* @__PURE__ */ r("span", { className: "text-[red]", children: "*" })
+              We && /* @__PURE__ */ r("span", { className: "text-[red]", children: "*" })
             ]
           }
         ),
@@ -541,7 +542,7 @@ const Tt = (Ve) => {
               X && de === "absolute" && "relative"
             ),
             children: [
-              /* @__PURE__ */ g(ae.Root, { open: m, onOpenChange: T, children: [
+              /* @__PURE__ */ g(ae.Root, { open: m, onOpenChange: E, children: [
                 /* @__PURE__ */ r(ae.Trigger, { asChild: !0, children: /* @__PURE__ */ r(
                   "div",
                   {
@@ -553,12 +554,12 @@ const Tt = (Ve) => {
                       h ? "cursor-default  bg-[#f2f4fb]" : "",
                       m ? "ring-1 ring-indigo-500 border-indigo-500" : "",
                       !k && !h && "bg-white",
-                      We
+                      Xe
                     ),
                     id: P,
                     tabIndex: k ? -1 : 0,
-                    onFocus: rt,
-                    onBlur: at,
+                    onFocus: at,
+                    onBlur: ot,
                     role: "combobox",
                     "aria-expanded": m,
                     "aria-haspopup": "listbox",
@@ -566,7 +567,7 @@ const Tt = (Ve) => {
                     "data-component": "select-trigger",
                     "data-disabled": k || void 0,
                     "data-state": m ? "open" : "closed",
-                    onKeyDown: pt,
+                    onKeyDown: mt,
                     onClick: (e) => {
                       const t = e.target, n = t.closest("[data-chevron-button]"), l = t.closest("[data-clear-button]");
                       if (n || l) {
@@ -575,14 +576,14 @@ const Tt = (Ve) => {
                       }
                     },
                     children: /* @__PURE__ */ g("div", { className: "flex items-center justify-between w-full min-w-0 max-w-full", children: [
-                      Ae && /* @__PURE__ */ r("div", { className: "flex items-center text-gray-500 shrink-0", children: Ae }),
+                      Ie && /* @__PURE__ */ r("div", { className: "flex items-center text-gray-500 shrink-0", children: Ie }),
                       /* @__PURE__ */ g(
                         "div",
                         {
                           className: "flex-1 flex items-center overflow-hidden min-w-0 max-w-full",
                           "data-testid": `select-value-${P || "default"}`,
                           children: [
-                            ht() || /* @__PURE__ */ r(
+                            xt() || /* @__PURE__ */ r(
                               "span",
                               {
                                 className: "text-[#b4bac7] font-normal text-[14px] truncate min-w-0 block",
@@ -594,21 +595,21 @@ const Tt = (Ve) => {
                             z && m && G === "trigger" && !h && /* @__PURE__ */ r(
                               "input",
                               {
-                                ref: ct,
+                                ref: ut,
                                 type: "text",
                                 className: "flex-1 min-w-[50px] border-none p-0 focus:ring-0 text-sm outline-none h-full",
                                 value: M,
                                 onChange: (e) => Z(e.target.value),
                                 onClick: (e) => e.stopPropagation(),
-                                autoFocus: je,
-                                name: Ye || void 0
+                                autoFocus: qe,
+                                name: Je || void 0
                               }
                             )
                           ]
                         }
                       ),
-                      /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !m && (E || A) ? /* @__PURE__ */ r(wt, { size: "14px" }) : /* @__PURE__ */ g(gt, { children: [
-                        He && !h && !k && (p && (L(
+                      /* @__PURE__ */ r("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !m && (T || A) ? /* @__PURE__ */ r(Vt, { size: "14px" }) : /* @__PURE__ */ g(bt, { children: [
+                        _e && !h && !k && (p && (L(
                           d
                         ) && d.isAllSelected || V(d) && d.length > 0) || !p && d) && /* @__PURE__ */ r(
                           "div",
@@ -616,10 +617,10 @@ const Tt = (Ve) => {
                             role: "button",
                             "data-clear-button": !0,
                             onPointerDown: (e) => {
-                              e.preventDefault(), e.stopPropagation(), dt(e);
+                              e.preventDefault(), e.stopPropagation(), ft(e);
                             },
                             className: "hover:text-gray-600 p-0.5 cursor-pointer z-10 relative",
-                            children: /* @__PURE__ */ r(Vt, { size: "11px", color: "#758490" })
+                            children: /* @__PURE__ */ r(Nt, { size: "11px", color: "#758490" })
                           }
                         ),
                         /* @__PURE__ */ r(
@@ -629,11 +630,11 @@ const Tt = (Ve) => {
                             "data-chevron-button": !0,
                             "aria-label": m ? "Close dropdown" : "Open dropdown",
                             onPointerDown: (e) => {
-                              e.preventDefault(), e.stopPropagation(), T(!m);
+                              e.preventDefault(), e.stopPropagation(), E(!m);
                             },
                             className: "hover:text-gray-600 p-0.5 cursor-pointer z-10 relative",
                             children: /* @__PURE__ */ r(
-                              Me,
+                              Fe,
                               {
                                 size: "16px",
                                 className: w(
@@ -658,13 +659,13 @@ const Tt = (Ve) => {
                     avoidCollisions: !0,
                     collisionPadding: 8,
                     onOpenAutoFocus: (e) => e.preventDefault(),
-                    onInteractOutside: () => T(!1),
-                    onFocusOutside: () => T(!1),
+                    onInteractOutside: () => E(!1),
+                    onFocusOutside: () => E(!1),
                     onWheel: (e) => e.stopPropagation(),
                     style: {
-                      width: it || "var(--radix-popover-trigger-width)",
+                      width: rt || "var(--radix-popover-trigger-width)",
                       maxHeight: "var(--radix-popover-content-available-height)",
-                      minHeight: Le ? `${Le}px` : void 0
+                      minHeight: ze ? `${ze}px` : void 0
                     },
                     className: w(
                       "z-50 overflow-hidden rounded-[12px] text-base shadow-[0px_1px_6px_0px_rgba(26,39,124,0.14)] focus:outline-none sm:text-sm flex flex-col border-none pointer-events-auto",
@@ -688,7 +689,7 @@ const Tt = (Ve) => {
                                 className: "p-0",
                                 "data-testid": `select-search-container-${P || "default"}`,
                                 children: /* @__PURE__ */ g("div", { className: "relative", children: [
-                                  /* @__PURE__ */ r("div", { className: "absolute inset-y-0 left-[12px] flex items-center pointer-events-none", children: /* @__PURE__ */ r(Nt, { size: "14px", color: "#AFAFAF" }) }),
+                                  /* @__PURE__ */ r("div", { className: "absolute inset-y-0 left-[12px] flex items-center pointer-events-none", children: /* @__PURE__ */ r(kt, { size: "14px", color: "#AFAFAF" }) }),
                                   /* @__PURE__ */ r(
                                     "input",
                                     {
@@ -697,10 +698,10 @@ const Tt = (Ve) => {
                                       className: "block w-full pl-[34px] pr-4 h-[35px] border-none border-b border-primary text-sm outline-none focus-visible:ring-1 focus-visible:ring-indigo-500 focus-visible:rounded-md",
                                       placeholder: Y("select.searchHere"),
                                       value: M,
-                                      onKeyDown: mt,
+                                      onKeyDown: ht,
                                       onChange: (e) => {
                                         const t = e.target.value;
-                                        M === "" && t !== "" ? ee.current && me(ee.current.offsetHeight) : t === "" && me(void 0), Z(t), Je?.(t);
+                                        M === "" && t !== "" ? ee.current && me(ee.current.offsetHeight) : t === "" && me(void 0), Z(t), Qe?.(t);
                                       },
                                       onClick: (e) => e.stopPropagation(),
                                       "data-testid": `select-search-input-${P || "default"}`
@@ -709,7 +710,7 @@ const Tt = (Ve) => {
                                 ] })
                               }
                             ),
-                            !E && !A && !j && p && Q && !h && f.length > 0 && /* @__PURE__ */ r(
+                            !T && !A && !j && p && Q && !h && f.length > 0 && /* @__PURE__ */ r(
                               "div",
                               {
                                 className: "pb-1",
@@ -727,7 +728,7 @@ const Tt = (Ve) => {
                                     "data-testid": `select-select-all-button-${P || "default"}`,
                                     children: /* @__PURE__ */ g("div", { className: "flex items-center flex-1", children: [
                                       /* @__PURE__ */ r("div", { className: "pointer-events-none flex", children: /* @__PURE__ */ r(
-                                        Fe,
+                                        Re,
                                         {
                                           checked: (() => {
                                             const { totalVisible: e, selectedVisible: t } = B;
@@ -774,16 +775,16 @@ const Tt = (Ve) => {
                           onWheel: (e) => e.stopPropagation(),
                           children: j ? /* @__PURE__ */ g("div", { className: "flex flex-col items-center justify-center py-8 px-4 text-center", children: [
                             /* @__PURE__ */ r("p", { className: "text-sm  text-gray-500 font-medium mb-3", children: "Something went wrong" }),
-                            Ie && /* @__PURE__ */ r(
-                              kt,
+                            Te && /* @__PURE__ */ r(
+                              Pt,
                               {
                                 size: "sm",
                                 variant: "outline",
-                                onClick: () => Ie(),
+                                onClick: () => Te(),
                                 children: "Refetch"
                               }
                             )
-                          ] }) : f.length === 0 && !E && !A ? /* @__PURE__ */ r("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: "No options found" }) : E || A ? /* @__PURE__ */ r("div", { className: "px-1 py-1 space-y-1", children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ g(
+                          ] }) : f.length === 0 && !T && !A ? /* @__PURE__ */ r("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: "No options found" }) : T || A ? /* @__PURE__ */ r("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",
@@ -804,7 +805,7 @@ const Tt = (Ve) => {
                               children: N.getVirtualItems().map((e) => {
                                 const t = f[e.index], n = p ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : d?.value === t.value, l = d || [], s = p && b ? L(l) ? !1 : V(l) && l.length >= b : !1, i = t.isDisabled || s && !n && !(D && t.isGroup) && !(y && t.isSubmenuParent), a = D && t.isGroup || y && t.isSubmenuParent ? be(t.original) : void 0, c = a?.selected || 0, o = a?.total || 0, x = c > 0 && c < o, ie = t.isParentSelectable !== !1, Se = P || "default", re = String(t.value || ""), we = se(
                                   t
-                                ), xt = typeof we == "string" ? we : re;
+                                ), gt = typeof we == "string" ? we : re;
                                 return /* @__PURE__ */ g(
                                   "div",
                                   {
@@ -847,7 +848,7 @@ const Tt = (Ve) => {
                                           role: "option",
                                           "aria-selected": n,
                                           "aria-disabled": i || void 0,
-                                          children: Ce ? Ce(
+                                          children: Oe ? Oe(
                                             {
                                               onClick: () => {
                                               },
@@ -858,7 +859,7 @@ const Tt = (Ve) => {
                                             t
                                           ) : /* @__PURE__ */ g("div", { className: "flex items-center flex-1 overflow-hidden", children: [
                                             p && (D && t.isGroup || y && t.isSubmenuParent ? ie : !0) && /* @__PURE__ */ r(
-                                              Fe,
+                                              Re,
                                               {
                                                 checked: x ? "indeterminate" : n,
                                                 disabled: i || h,
@@ -867,12 +868,12 @@ const Tt = (Ve) => {
                                               }
                                             ),
                                             ke && !(D && t.isGroup) && !(y && t.isSubmenuParent) ? /* @__PURE__ */ r(
-                                              yt,
+                                              St,
                                               {
                                                 label: se(
                                                   t
                                                 ),
-                                                sequence: ft(t)
+                                                sequence: pt(t)
                                               }
                                             ) : /* @__PURE__ */ g("div", { className: "flex items-center gap-2 overflow-hidden w-full", children: [
                                               /* @__PURE__ */ r(
@@ -885,14 +886,14 @@ const Tt = (Ve) => {
                                                   ),
                                                   "data-testid": `select-option-label-${Se}-${re}`,
                                                   "data-state": n ? "checked" : "unchecked",
-                                                  title: xt,
+                                                  title: gt,
                                                   children: we
                                                 }
                                               ),
                                               (D && t.isGroup || y && t.isSubmenuParent) && c > 0 && /* @__PURE__ */ r("span", { className: "inline-flex items-center justify-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800", children: c })
                                             ] }),
                                             y && t.isSubmenuParent && /* @__PURE__ */ r(
-                                              Me,
+                                              Fe,
                                               {
                                                 size: "12px",
                                                 className: "text-gray-400"
@@ -901,13 +902,13 @@ const Tt = (Ve) => {
                                           ] })
                                         }
                                       ),
-                                      y && ot === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ r(
-                                        St,
+                                      y && ct === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ r(
+                                        wt,
                                         {
                                           parentOption: t,
                                           isMulti: !!p,
                                           isReadOnly: !!h,
-                                          isSelected: (F) => Pt(F, d, !!p),
+                                          isSelected: (F) => Dt(F, d, !!p),
                                           getIndeterminateState: (F) => {
                                             const U = be(F);
                                             return U ? U.selected > 0 && U.selected < U.total : !1;
@@ -926,7 +927,7 @@ const Tt = (Ve) => {
                           )
                         }
                       ),
-                      (Pe || b || H.length > 5e3) && /* @__PURE__ */ r("div", { className: "px-3 py-[10px] border-t border-solid border-gray-100 z-10 sticky bottom-0 bg-white", children: b ? /* @__PURE__ */ g("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
+                      (De || b || H.length > 5e3) && /* @__PURE__ */ r("div", { className: "px-3 py-[10px] border-t border-solid border-gray-100 z-10 sticky bottom-0 bg-white", children: b ? /* @__PURE__ */ g("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
                         /* @__PURE__ */ r(oe, { size: "12px", className: "text-gray-400" }),
                         /* @__PURE__ */ g("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: [
                           "Maximum ",
@@ -936,7 +937,7 @@ const Tt = (Ve) => {
                       ] }) : H.length > 5e3 ? /* @__PURE__ */ g("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
                         /* @__PURE__ */ r(oe, { size: "12px", className: "text-gray-400" }),
                         /* @__PURE__ */ r("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: "Large dataset detected. Operations might be slower." })
-                      ] }) : Pe })
+                      ] }) : De })
                     ]
                   }
                 ) })
@@ -974,7 +975,7 @@ const Tt = (Ve) => {
     }
   );
 };
-Tt.displayName = "Select";
+Lt.displayName = "Select";
 export {
-  Tt as default
+  Lt as default
 };

package/dist/components/ui/types/select.types.d.ts

@@ -223,6 +223,19 @@ export interface SelectProps<OptionType extends Option = Option, IsMulti extends
      * Callback fired when the menu is scrolled to the bottom.
      */
     onMenuScrollToBottom?: () => void;
+    /**
+     * Total number of options in the complete dataset, including options that
+     * have not been fetched yet (async pagination). When provided AND the
+     * component is in multi-select with `enableInvertedSelection`, the trigger
+     * label "Selected (N)" uses this value instead of the count of loaded
+     * options. Leave undefined for non-paginated usage; behaviour is unchanged.
+     *
+     * The parent should pass the same total it intends "Select All" to
+     * represent on the server. During search you may either keep the
+     * unfiltered total (recommended) or pass the filtered total – the
+     * component renders whatever is given.
+     */
+    totalCount?: number;
     /**
      * If `true`, shows the "Select All" option in multi-select mode.
      * @default true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-nova",
-  "version": "1.7.51",
+  "version": "1.8.0",
   "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",