impact-nova 2.0.2 → 2.0.4

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

@@ -8,7 +8,7 @@ import { LoadingSpinner as Nt, Cross as kt, ChevronRight as Re, Search as Pt, In
 import { Checkbox as He } from "../checkbox.js";
 import { Button as Dt } from "../button.js";
 import { cn as y } from "../../../lib/utils.js";
-import { isInvertedSelection as z, isOptionArray as V, isSelected as Ot, getSequence as Ct, getLeafOptions as At } from "./utils/select.js";
+import { isInvertedSelection as z, isOptionArray as N, isSelected as Ot, getSequence as Ct, getLeafOptions as At } from "./utils/select.js";
 import { useFlattenOptions as It } from "./hooks/useFlattenOptions.js";
 import { useSelectionModel as Tt } from "./hooks/useSelectionModel.js";
 import { useVisibleStats as Et } from "./hooks/useVisibleStats.js";
@@ -20,7 +20,7 @@ const zt = (Ne) => {
     defaultValue: _e,
     onChange: u,
     isMulti: p,
-    isDisabled: k,
+    isDisabled: S,
     isLoading: T,
     isClearable: qe = !0,
     isSearchable: $ = !0,
@@ -94,14 +94,14 @@ const zt = (Ne) => {
     filterOption: rt,
     enableSubMenus: w,
     enableGroups: D
-  }), S = Tt(f, p ?? !1), { stats: B, getGroupStats: ve } = Et(
+  }), V = Tt(f, p ?? !1), { stats: B, getGroupStats: ve } = Et(
     m,
     $e,
     q,
-    S,
+    V,
     f,
     p ?? !1
-  ), N = wt({
+  ), k = wt({
     count: m.length,
     getScrollElement: () => ee.current,
     estimateSize: () => 34,
@@ -144,21 +144,21 @@ const zt = (Ne) => {
   }, [q]), C(() => {
     if (!d) return;
     const e = requestAnimationFrame(() => {
-      N.measure();
+      k.measure();
     });
     return () => cancelAnimationFrame(e);
-  }, [d, N]), C(() => {
+  }, [d, k]), C(() => {
     if (d && ke && !I && m.length > 0) {
-      const e = m.findIndex((t) => p ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : f?.value === t.value);
+      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(() => {
-          N.scrollToIndex(e, { align: "center" });
+          k.scrollToIndex(e, { align: "center" });
         }, 50);
         return () => clearTimeout(t);
       }
     }
-  }, [d, ke, I, m.length, p, S.mode, S.set, f, N]);
-  const K = M(null), Fe = N.getVirtualItems(), ye = Fe[Fe.length - 1], te = yt.useCallback(() => {
+  }, [d, ke, I, 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(() => {
       K.current = null;
     }, 500));
@@ -190,11 +190,11 @@ const zt = (Ne) => {
     te
   ]);
   const E = (e) => {
-    if (!k)
+    if (!(S && e))
       if (Me(e), e)
         et?.();
       else {
-        const t = f, n = p && V(f) ? f.map((s) => s.value) : void 0;
+        const t = f, n = p && N(f) ? f.map((s) => s.value) : void 0;
         Ae?.(t, n), Z(""), he(null);
       }
   };
@@ -209,7 +209,7 @@ const zt = (Ne) => {
     };
   }, [d]);
   const ne = (e) => {
-    if (!(k || h || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
+    if (!(S || h || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
       if (p) {
         const n = f || [];
         if ("children" in e || "options" in e) {
@@ -236,7 +236,7 @@ const zt = (Ne) => {
               action: "select-option",
               option: e
             });
-          } else if (V(n)) {
+          } else if (N(n)) {
             const i = n, r = l.every(
               (o) => i.some((x) => x.value === o.value)
             );
@@ -264,8 +264,8 @@ const zt = (Ne) => {
             action: l ? "select-option" : "deselect-option",
             option: e
           });
-        } else if (V(n)) {
-          const s = n, l = p ? S.mode === "exclude" ? !S.set.has(e.value) : S.set.has(e.value) : f?.value === e.value;
+        } else if (N(n)) {
+          const s = n, l = p ? V.mode === "exclude" ? !V.set.has(e.value) : V.set.has(e.value) : f?.value === e.value;
           let i = [];
           if (l)
             i = s.filter((r) => r.value !== e.value);
@@ -285,7 +285,7 @@ const zt = (Ne) => {
           option: e
         }), Ke && (Me(!1), Ae?.(e, void 0), Z(""));
   }, we = async () => {
-    if (!(!p || k || h)) {
+    if (!(!p || S || h)) {
       if (L.length > 3e3) {
         try {
           const e = await ft(
@@ -325,7 +325,7 @@ const zt = (Ne) => {
             excludedValues: r
           };
           v(c), u && u(c, { action: "select-option" });
-        } else if (V(t)) {
+        } else if (N(t)) {
           const n = t, { totalVisible: s, selectedVisible: l } = B, i = s > 0 && s === l;
           let r = [...n];
           if (i) {
@@ -343,13 +343,13 @@ const zt = (Ne) => {
           v(r), u && u(r, { action: "select-option" });
         }
       } else if (b) {
-        const e = f, { totalVisible: t } = B, n = V(e) ? e.length : 0, s = Math.min(t, b);
-        if (V(e) && n >= s && n > 0) {
+        const e = f, { totalVisible: t } = B, n = N(e) ? e.length : 0, s = Math.min(t, b);
+        if (N(e) && n >= s && n > 0) {
           const l = e.filter((i) => i.isDisabled);
           v(l), u && u(l, {
             action: "select-option"
           });
-        } else if (V(e)) {
+        } else if (N(e)) {
           const l = e.filter(
             (r) => r.isDisabled
           );
@@ -365,7 +365,7 @@ const zt = (Ne) => {
         const e = f, t = z(e) && e.excludedValues.length === 0;
         if (Ne.enableInvertedSelection)
           if (t) {
-            const n = V(e) ? e.filter((s) => s.isDisabled) : [];
+            const n = N(e) ? e.filter((s) => s.isDisabled) : [];
             v(n), u && u(n, {
               action: "select-option"
             });
@@ -373,7 +373,7 @@ const zt = (Ne) => {
             const s = {
               isAllSelected: !0,
               excludedValues: m.filter(
-                (l) => l.isDisabled && (V(e) ? !e.some((i) => i.value === l.value) : !0)
+                (l) => l.isDisabled && (N(e) ? !e.some((i) => i.value === l.value) : !0)
               ).map((l) => l.value)
             };
             v(s), u && u(s, { action: "select-option" });
@@ -381,12 +381,12 @@ const zt = (Ne) => {
         else {
           const { totalVisible: n, selectedVisible: s } = B;
           if (n > 0 && n === s) {
-            const l = V(e) ? e.filter((i) => i.isDisabled) : [];
+            const l = N(e) ? e.filter((i) => i.isDisabled) : [];
             v(l), u && u(l, {
               action: "select-option"
             });
           } else {
-            const l = V(e) ? e.filter((i) => i.isDisabled) : [];
+            const l = N(e) ? e.filter((i) => i.isDisabled) : [];
             for (const i of m)
               !i.isGroup && !i.isSubmenuParent && !i.isDisabled && l.push(i);
             v(l), u && u(l, {
@@ -412,7 +412,7 @@ const zt = (Ne) => {
               continue;
             }
             const r = i;
-            r.isDisabled && (S.mode === "exclude" ? !S.set.has(r.value) : S.set.has(r.value)) && t.push(r);
+            r.isDisabled && (V.mode === "exclude" ? !V.set.has(r.value) : V.set.has(r.value)) && t.push(r);
           }
         };
         n(L);
@@ -462,7 +462,7 @@ const zt = (Ne) => {
       !n.isGroup && !(w && n.isSubmenuParent) && !n.isDisabled && e.push(s);
     }), e;
   }, ht = (e) => {
-    if (k || h) return;
+    if (S || h) return;
     if (e.key === "Tab") {
       d && E(!1);
       return;
@@ -481,11 +481,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 && N.scrollToIndex(l, { align: "auto" });
+      A(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 && N.scrollToIndex(l, { align: "auto" });
+      A(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
     } else if (e.key === "Enter" || e.key === " ") {
       if (e.preventDefault(), O === J)
         we();
@@ -496,10 +496,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 && N.scrollToIndex(t[0], { align: "auto" }));
+      e.preventDefault(), t.length > 0 && (A(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 && N.scrollToIndex(s, { align: "auto" });
+      A(s), s >= 0 && k.scrollToIndex(s, { align: "auto" });
     }
   }, xt = (e) => {
     const t = Ge();
@@ -508,11 +508,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 && N.scrollToIndex(l, { align: "auto" });
+      A(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 && N.scrollToIndex(l, { align: "auto" });
+      A(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
     } else if (e.key === "Enter") {
       if (e.preventDefault(), O === J)
         we();
@@ -525,10 +525,10 @@ const zt = (Ne) => {
     if (p) {
       const e = f || [];
       let t = 0;
-      return z(e) ? t = Math.max(0, (typeof De == "number" ? De : $e) - e.excludedValues.length) : V(e) && (t = e.length), t === 0 ? null : t === 1 && V(e) ? /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", k ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: le(e[0]) }) : /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", k ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: Y("select.selectedCount", { count: t }) });
+      return z(e) ? t = Math.max(0, (typeof De == "number" ? De : $e) - e.excludedValues.length) : N(e) && (t = e.length), t === 0 ? null : t === 1 && N(e) ? /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", S ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: le(e[0]) }) : /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", S ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: Y("select.selectedCount", { count: t }) });
     } else {
       const e = f;
-      return e ? /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", k ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: le(e) }) : null;
+      return e ? /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", S ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: le(e) }) : null;
     }
   };
   return /* @__PURE__ */ g(
@@ -564,7 +564,7 @@ const zt = (Ne) => {
               X && ue === "absolute" && "relative"
             ),
             children: [
-              /* @__PURE__ */ g(re.Root, { open: d, onOpenChange: E, children: [
+              /* @__PURE__ */ g(re.Root, { open: d && !S, onOpenChange: E, children: [
                 /* @__PURE__ */ a(re.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
                   "div",
                   {
@@ -572,22 +572,23 @@ const zt = (Ne) => {
                     className: y(
                       "relative h-[32px] w-full cursor-pointer rounded-[8px] border border-solid px-3 py-1 text-left shadow-sm sm:text-sm transition-all flex items-center overflow-hidden",
                       ce ? "border-[#e15554] focus-visible:ring-[#e15554]" : "border-[#c3c8d4] hover:border-gray-400 focus-visible:border-indigo-500 focus-visible:ring-1 focus-visible:ring-indigo-500",
-                      k ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
+                      S ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
                       h ? "cursor-default  bg-[#f2f4fb]" : "",
                       d ? "ring-1 ring-indigo-500 border-indigo-500" : "",
-                      !k && !h && "bg-white",
+                      !S && !h && "bg-white",
                       Ye
                     ),
                     id: P,
-                    tabIndex: k ? -1 : 0,
+                    tabIndex: S ? -1 : 0,
                     onFocus: ot,
                     onBlur: ct,
                     role: "combobox",
                     "aria-expanded": d,
                     "aria-haspopup": "listbox",
                     "aria-label": H ? String(H) : me,
+                    "aria-disabled": S || void 0,
                     "data-component": "select-trigger",
-                    "data-disabled": k || void 0,
+                    "data-disabled": S || void 0,
                     "data-state": d ? "open" : "closed",
                     onKeyDown: ht,
                     onClick: (e) => {
@@ -631,9 +632,9 @@ 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: [
-                        qe && !h && !k && (p && (z(
+                        qe && !h && !S && (p && (z(
                           f
-                        ) && f.isAllSelected || V(f) && f.length > 0) || !p && f) && /* @__PURE__ */ a(
+                        ) && f.isAllSelected || N(f) && f.length > 0) || !p && f) && /* @__PURE__ */ a(
                           "div",
                           {
                             role: "button",
@@ -767,7 +768,7 @@ const zt = (Ne) => {
                                                 const n = b ? Math.min(e, b) : e;
                                                 return t > 0 && t < n ? "indeterminate" : t >= n;
                                               })(),
-                                              disabled: k || h,
+                                              disabled: S || h,
                                               onChange: () => {
                                               },
                                               "data-testid": `select-select-all-checkbox-${P || "default"}`
@@ -836,19 +837,19 @@ const zt = (Ne) => {
                                     "div",
                                     {
                                       style: {
-                                        height: `${N.getTotalSize()}px`,
+                                        height: `${k.getTotalSize()}px`,
                                         width: "100%",
                                         position: "relative"
                                       },
-                                      children: N.getVirtualItems().map((e) => {
-                                        const t = m[e.index], n = p ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : f?.value === t.value, s = f || [], l = p && b ? z(s) ? !1 : V(s) && s.length >= b : !1, i = t.isDisabled || l && !n && !(D && t.isGroup) && !(w && t.isSubmenuParent), r = D && t.isGroup || w && t.isSubmenuParent ? ve(t.original) : void 0, c = r?.selected || 0, o = r?.total || 0, x = c > 0 && c < o, se = t.isParentSelectable !== !1, Se = P || "default", ie = String(t.value || ""), Ve = le(
+                                      children: k.getVirtualItems().map((e) => {
+                                        const t = m[e.index], n = p ? V.mode === "exclude" ? !V.set.has(t.value) : V.set.has(t.value) : f?.value === t.value, s = f || [], l = p && b ? z(s) ? !1 : N(s) && s.length >= b : !1, i = t.isDisabled || l && !n && !(D && t.isGroup) && !(w && t.isSubmenuParent), r = D && t.isGroup || w && t.isSubmenuParent ? ve(t.original) : void 0, c = r?.selected || 0, o = r?.total || 0, x = c > 0 && c < o, se = t.isParentSelectable !== !1, Se = P || "default", ie = String(t.value || ""), Ve = le(
                                           t
                                         ), bt = typeof Ve == "string" ? Ve : ie;
                                         return /* @__PURE__ */ g(
                                           "div",
                                           {
                                             "data-index": e.index,
-                                            ref: N.measureElement,
+                                            ref: k.measureElement,
                                             className: "absolute left-0 w-full pb-[2px]",
                                             style: {
                                               transform: `translateY(${e.start}px)`,

package/dist/components/ui/sidebar.d.ts

@@ -70,6 +70,7 @@ declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.Clas
     variant?: "default" | "outline";
     size?: "default" | "sm" | "lg";
 } & import('class-variance-authority/types').ClassProp) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 declare const SidebarLogout: React.ForwardRefExoticComponent<Omit<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;
     isActive?: boolean;
@@ -95,4 +96,4 @@ declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.C
     size?: "sm" | "md";
     isActive?: boolean;
 }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuCollapsible, SidebarLogout, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuCollapsible, SidebarMenuLabel, SidebarLogout, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };