impact-nova 2.0.2 → 2.0.3

package/dist/components/ui/filter-strip/filter-tag-list.js

@@ -1,27 +1,27 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import * as C from "react";
 import S from "../horizontal-scroller/horizontal-scroller.js";
-import { TagGroup as T } from "../tag-group.js";
+import { TagGroup as z } from "../tag-group.js";
 import { Tag as k } from "../tag.js";
 import { Tooltip as b, TooltipTrigger as w, TooltipContent as y } from "../tooltip.js";
-import { Popover as z, PopoverTrigger as $, PopoverContent as j } from "../popover.js";
+import { Popover as $, PopoverTrigger as O, PopoverContent as j } from "../popover.js";
 import { Button as P } from "../button.js";
-import { Checkmark as A, Copy as I, Cross as O } from "impact-nova-icons";
-const R = ({
-  remainingValues: l,
+import { Checkmark as A, Copy as R, Cross as F } from "impact-nova-icons";
+const T = "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-5 px-2 text-xs font-medium font-['Manrope'] cursor-pointer", I = ({
+  remainingValues: s,
   viewAllTrigger: c = "expand",
-  onViewAll: p,
+  onViewAll: h,
   onItemRemove: u,
   isRemovable: N,
-  isCopyable: e = !1,
+  isCopyable: r = !1,
   externalCopyFunction: m
 }) => {
-  const [s, x] = C.useState(!1), [a, d] = C.useState(null), f = (t, i, n) => {
-    navigator.clipboard.writeText(String(i)), d(n), t.currentTarget.blur(), setTimeout(() => d(null), 1500);
-  }, g = s ? l : l.slice(0, 3), v = l.length > 3, h = () => {
-    c === "custom" ? p?.() : x(!0);
+  const [i, g] = C.useState(!1), [a, d] = C.useState(null), f = (t, n, l) => {
+    navigator.clipboard.writeText(String(n)), d(l), t.currentTarget.blur(), setTimeout(() => d(null), 1500);
+  }, x = i ? s : s.slice(0, 3), v = s.length > 3, p = () => {
+    c === "custom" ? h?.() : g(!0);
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ e(
     j,
     {
       className: "w-[200px] p-0 rounded-[8px] bg-white shadow-[0_0_4px_0_rgba(0,0,0,0.12)] border-none",
@@ -29,155 +29,146 @@ const R = ({
       sideOffset: 8,
       onOpenAutoFocus: (t) => t.preventDefault(),
       children: /* @__PURE__ */ o("div", { className: "flex flex-col py-2 px-[6px]", children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           "div",
           {
-            className: `flex flex-col gap-1 mb-2 ${s ? "max-h-[180px] overflow-y-auto" : ""}`,
-            children: g.map((t, i) => /* @__PURE__ */ o(
+            className: `flex flex-col gap-1 mb-2 ${i ? "max-h-[180px] overflow-y-auto" : ""}`,
+            children: x.map((t, n) => /* @__PURE__ */ o(
               "div",
               {
                 className: "flex items-center justify-between text-[14px] font-medium leading-[20px] text-[#1f2b4d] px-3 py-2 overflow-hidden hover:bg-slate-50 rounded group shrink-0",
                 children: [
                   /* @__PURE__ */ o(b, { children: [
-                    /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "truncate", children: String(t) }) }),
-                    /* @__PURE__ */ r(y, { variant: "tertiary", side: "right", children: String(t) })
+                    /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate", children: String(t) }) }),
+                    /* @__PURE__ */ e(y, { variant: "tertiary", side: "right", children: String(t) })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex items-center shrink-0", children: [
-                    e && /* @__PURE__ */ r(
+                    r && /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: (n) => {
-                          n.stopPropagation(), m ? m({ e: n, val: t, index: i }) : f(n, t, i);
+                        onClick: (l) => {
+                          l.stopPropagation(), m ? m({ e: l, val: t, index: n }) : f(l, t, n);
                         },
                         "aria-label": `Copy ${String(t)}`,
                         className: "ml-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-gray-400 hover:bg-black/5 hover:text-gray-600 opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
-                        children: a === i ? /* @__PURE__ */ r(A, { size: 12, className: "text-green-500" }) : /* @__PURE__ */ r(I, { size: 12 })
+                        children: a === n ? /* @__PURE__ */ e(A, { size: 12, className: "text-green-500" }) : /* @__PURE__ */ e(R, { size: 12 })
                       }
                     ),
-                    N && /* @__PURE__ */ r(
+                    N && /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: (n) => {
-                          n.stopPropagation(), u(t);
+                        onClick: (l) => {
+                          l.stopPropagation(), u(t);
                         },
                         "aria-label": `Remove ${String(t)}`,
                         className: "ml-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-gray-400 hover:bg-black/5 hover:text-gray-600 opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
-                        children: /* @__PURE__ */ r(O, { size: 12 })
+                        children: /* @__PURE__ */ e(F, { size: 12 })
                       }
                     )
                   ] })
                 ]
               },
-              i
+              n
             ))
           }
         ),
-        !s && v && /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ r("div", { className: "h-[1px] bg-[#e6e8f0] w-full" }),
-          /* @__PURE__ */ r(
+        !i && v && /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ e("div", { className: "h-[1px] bg-[#e6e8f0] w-full" }),
+          /* @__PURE__ */ e(
             P,
             {
               variant: "secondary",
               size: "md",
               className: "w-full justify-center",
-              onClick: h,
-              children: c === "custom" ? "View all" : `View all (${l.length})`
+              onClick: p,
+              children: c === "custom" ? "View all" : `View all (${s.length})`
             }
           )
         ] })
       ] })
     }
   );
-}, B = ({
-  filters: l,
+}, G = ({
+  filters: s,
   onFilterRemove: c,
-  onOverflowClick: p,
+  onOverflowClick: h,
   onViewAll: u
-}) => /* @__PURE__ */ r("div", { className: "flex flex-1 items-center min-w-0", children: /* @__PURE__ */ r(
+}) => /* @__PURE__ */ e("div", { className: "flex flex-1 items-center min-w-0", children: /* @__PURE__ */ e(
   S,
   {
-    items: l,
-    renderItem: (e, m) => {
-      const s = Array.isArray(e.value) ? e.value : [e.value], x = s.slice(0, 2), a = s.slice(2), d = !!e.overflow, f = e.overflow?.label ? e.overflow.label : e.overflow?.count ? `+${e.overflow.count}` : null, g = a.length > 0, v = d || g, h = `+${a.length}`;
+    items: s,
+    renderItem: (r, m) => {
+      const i = Array.isArray(r.value) ? r.value : [r.value], g = i.slice(0, 2), a = i.slice(2), d = !!r.overflow, f = r.overflow?.label ? r.overflow.label : r.overflow?.count ? `+${r.overflow.count}` : null, x = a.length > 0, v = d || x, p = `+${a.length}`;
       return /* @__PURE__ */ o("div", { className: "flex items-center px-1", children: [
-        m > 0 && /* @__PURE__ */ r("div", { className: "mx-3 h-4 w-[1px] bg-[#e6e8f0] shrink-0" }),
+        m > 0 && /* @__PURE__ */ e("div", { className: "mx-3 h-4 w-[1px] bg-[#e6e8f0] shrink-0" }),
         /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ o("span", { className: "text-xs font-medium leading-[21px] text-[#60697d] whitespace-nowrap", children: [
-            e.label,
-            e.required && /* @__PURE__ */ r("span", { className: "text-red-500 ml-0.5", children: "*" })
+            r.label,
+            r.required && /* @__PURE__ */ e("span", { className: "text-red-500 ml-0.5", children: "*" })
           ] }),
           /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ r(
-              T,
+            /* @__PURE__ */ e(
+              z,
               {
                 spacing: "sm",
-                tags: x.map((t) => ({
+                tags: g.map((t) => ({
                   label: String(t),
                   variant: "secondary",
                   size: "md",
                   shape: "rounded",
-                  removable: e.removable,
-                  onRemove: () => c(e.id, t)
+                  removable: r.removable,
+                  onRemove: () => c(r.id, t)
                 }))
               }
             ),
-            v && (d ? (
-              // Server-side overflow: Simple tag, no popover
+            v && (d ? /* @__PURE__ */ o(b, { children: [
+              /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
+                k,
+                {
+                  asButton: !0,
+                  variant: "secondary",
+                  size: "md",
+                  shape: "rounded",
+                  className: T,
+                  "aria-label": `${r.overflow?.count || a.length} more filters for ${r.label}`,
+                  onClick: () => h?.(r.id),
+                  children: f || p
+                }
+              ) }),
+              /* @__PURE__ */ o(y, { variant: "tertiary", side: "top", children: [
+                r.overflow?.count || a.length,
+                " more filters"
+              ] })
+            ] }) : /* @__PURE__ */ o($, { children: [
               /* @__PURE__ */ o(b, { children: [
-                /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r(
+                /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ e(
                   k,
                   {
+                    asButton: !0,
                     variant: "secondary",
                     size: "md",
                     shape: "rounded",
-                    className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-5 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
-                    onClick: () => p?.(e.id),
-                    tabIndex: 0,
-                    role: "button",
-                    "aria-label": `${e.overflow?.count || a.length} more filters for ${e.label}`,
-                    onKeyDown: (t) => {
-                      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), p?.(e.id));
-                    },
-                    children: f || h
+                    className: T,
+                    children: p
                   }
-                ) }),
+                ) }) }),
                 /* @__PURE__ */ o(y, { variant: "tertiary", side: "top", children: [
-                  e.overflow?.count || a.length,
+                  a.length,
                   " more filters"
                 ] })
-              ] })
-            ) : (
-              // Client-side overflow: Popover
-              /* @__PURE__ */ o(z, { children: [
-                /* @__PURE__ */ o(b, { children: [
-                  /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r($, { asChild: !0, children: /* @__PURE__ */ r(
-                    k,
-                    {
-                      variant: "secondary",
-                      size: "md",
-                      shape: "rounded",
-                      className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-5 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
-                      children: h
-                    }
-                  ) }) }),
-                  /* @__PURE__ */ o(y, { variant: "tertiary", side: "top", children: [
-                    a.length,
-                    " more filters"
-                  ] })
-                ] }),
-                /* @__PURE__ */ r(
-                  R,
-                  {
-                    remainingValues: a,
-                    viewAllTrigger: e.viewAllTrigger,
-                    onViewAll: u,
-                    onItemRemove: (t) => c(e.id, t),
-                    isRemovable: e.removable,
-                    isCopyable: e.copyable
-                  }
-                )
-              ] })
-            ))
+              ] }),
+              /* @__PURE__ */ e(
+                I,
+                {
+                  remainingValues: a,
+                  viewAllTrigger: r.viewAllTrigger,
+                  onViewAll: u,
+                  onItemRemove: (t) => c(r.id, t),
+                  isRemovable: r.removable,
+                  isCopyable: r.copyable
+                }
+              )
+            ] }))
           ] })
         ] })
       ] });
@@ -187,6 +178,6 @@ const R = ({
   }
 ) });
 export {
-  R as FilterPopoverContent,
-  B as FilterTagList
+  I as FilterPopoverContent,
+  G as FilterTagList
 };

package/dist/components/ui/radio-group.js

@@ -1,12 +1,12 @@
 import { jsxs as r, jsx as a } from "react/jsx-runtime";
 import * as m from "react";
-import * as s from "@radix-ui/react-radio-group";
+import * as i from "@radix-ui/react-radio-group";
 import { cn as e } from "../../lib/utils.js";
 import { Info as u } from "impact-nova-icons";
-const p = m.forwardRef(({ className: o, orientation: c = "horizontal", label: i, helperText: d, helperTextPosition: l = "absolute", isError: t, required: x, ...n }, f) => /* @__PURE__ */ r(
+const p = m.forwardRef(({ className: s, orientation: l = "horizontal", label: o, helperText: d, helperTextPosition: c = "absolute", isError: t, required: x, ...n }, f) => /* @__PURE__ */ r(
   "div",
   {
-    className: e("flex w-full flex-col gap-[6px]", o),
+    className: e("flex w-full flex-col gap-[6px]", s),
     "data-component": "radio-group",
     "data-invalid": t || void 0,
     children: [
@@ -15,10 +15,10 @@ const p = m.forwardRef(({ className: o, orientation: c = "horizontal", label: i,
         {
           className: e(
             "flex flex-col gap-[6px]",
-            d && l === "absolute" && "relative"
+            d && c === "absolute" && "relative"
           ),
           children: [
-            i && /* @__PURE__ */ r(
+            o && /* @__PURE__ */ r(
               "label",
               {
                 className: e(
@@ -27,25 +27,25 @@ const p = m.forwardRef(({ className: o, orientation: c = "horizontal", label: i,
                   t && "text-destructive"
                 ),
                 children: [
-                  i,
+                  o,
                   " ",
                   x && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
                 ]
               }
             ),
             /* @__PURE__ */ a(
-              s.Root,
+              i.Root,
               {
                 className: e(
                   "group flex gap-4",
-                  c === "vertical" && "flex-col gap-2"
+                  l === "vertical" && "flex-col gap-2"
                 ),
                 "data-error": t,
                 ...n,
                 ref: f
               }
             ),
-            d && l === "absolute" && /* @__PURE__ */ r(
+            d && c === "absolute" && /* @__PURE__ */ r(
               "div",
               {
                 className: e(
@@ -79,7 +79,7 @@ const p = m.forwardRef(({ className: o, orientation: c = "horizontal", label: i,
           ]
         }
       ),
-      d && l === "flow" && /* @__PURE__ */ r(
+      d && c === "flow" && /* @__PURE__ */ r(
         "div",
         {
           className: e(
@@ -113,22 +113,22 @@ const p = m.forwardRef(({ className: o, orientation: c = "horizontal", label: i,
     ]
   }
 ));
-p.displayName = s.Root.displayName;
-const v = m.forwardRef(({ className: o, ...c }, i) => /* @__PURE__ */ a(
-  s.Item,
+p.displayName = i.Root.displayName;
+const v = m.forwardRef(({ className: s, ...l }, o) => /* @__PURE__ */ a(
+  i.Item,
   {
-    ref: i,
+    ref: o,
     className: e(
-      "aspect-square h-4 w-4 rounded-full border border-stroke-field bg-canvas-elevated text-brand shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:border-stroke data-[state=checked]:border-brand hover:border-brand",
+      "relative size-4 shrink-0 rounded-full border border-stroke-field bg-canvas-elevated text-brand shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:border-stroke data-[state=checked]:border-brand hover:border-brand leading-none",
       "group-data-[error=true]:border-destructive group-data-[error=true]:data-[state=checked]:border-destructive group-data-[error=true]:text-destructive",
-      o
+      s
     ),
     "data-component": "radio-group-item",
-    ...c,
-    children: /* @__PURE__ */ a(s.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "h-2.5 w-2.5 rounded-full bg-current peer-disabled:bg-canvas-accordion" }) })
+    ...l,
+    children: /* @__PURE__ */ a(i.Indicator, { className: "absolute inset-0.5 rounded-full bg-current" })
   }
 ));
-v.displayName = s.Item.displayName;
+v.displayName = i.Item.displayName;
 export {
   p as RadioGroup,
   v as RadioGroupItem

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

@@ -20,7 +20,7 @@ const zt = (Ne) => {
     defaultValue: _e,
     onChange: u,
     isMulti: p,
-    isDisabled: k,
+    isDisabled: N,
     isLoading: T,
     isClearable: qe = !0,
     isSearchable: $ = !0,
@@ -101,7 +101,7 @@ const zt = (Ne) => {
     S,
     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);
       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, S.mode, S.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,7 +190,7 @@ const zt = (Ne) => {
     te
   ]);
   const E = (e) => {
-    if (!k)
+    if (!N)
       if (Me(e), e)
         et?.();
       else {
@@ -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 (!(N || h || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
       if (p) {
         const n = f || [];
         if ("children" in e || "options" in e) {
@@ -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 || N || h)) {
       if (L.length > 3e3) {
         try {
           const e = await ft(
@@ -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 (N || 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) : 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", N ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: le(e[0]) }) : /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", N ? "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", N ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: le(e) }) : null;
     }
   };
   return /* @__PURE__ */ g(
@@ -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" : "",
+                      N ? "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",
+                      !N && !h && "bg-white",
                       Ye
                     ),
                     id: P,
-                    tabIndex: k ? -1 : 0,
+                    tabIndex: N ? -1 : 0,
                     onFocus: ot,
                     onBlur: ct,
                     role: "combobox",
                     "aria-expanded": d,
                     "aria-haspopup": "listbox",
                     "aria-label": H ? String(H) : me,
+                    "aria-disabled": N || void 0,
                     "data-component": "select-trigger",
-                    "data-disabled": k || void 0,
+                    "data-disabled": N || void 0,
                     "data-state": d ? "open" : "closed",
                     onKeyDown: ht,
                     onClick: (e) => {
@@ -631,7 +632,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: [
-                        qe && !h && !k && (p && (z(
+                        qe && !h && !N && (p && (z(
                           f
                         ) && f.isAllSelected || V(f) && f.length > 0) || !p && f) && /* @__PURE__ */ a(
                           "div",
@@ -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: N || h,
                                               onChange: () => {
                                               },
                                               "data-testid": `select-select-all-checkbox-${P || "default"}`
@@ -836,11 +837,11 @@ const zt = (Ne) => {
                                     "div",
                                     {
                                       style: {
-                                        height: `${N.getTotalSize()}px`,
+                                        height: `${k.getTotalSize()}px`,
                                         width: "100%",
                                         position: "relative"
                                       },
-                                      children: N.getVirtualItems().map((e) => {
+                                      children: k.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(
                                           t
                                         ), bt = typeof Ve == "string" ? Ve : ie;
@@ -848,7 +849,7 @@ const zt = (Ne) => {
                                           "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, };