npm - impact-nova - Versions diffs - 2.1.0-alpha.2 → 2.1.0-alpha.4 - Mend

impact-nova 2.1.0-alpha.2 → 2.1.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/components/feedback/dropdown-menu/dropdown-menu.js CHANGED Viewed

@@ -46,7 +46,7 @@ const w = l.forwardRef(({ className: n, ...a }, o) => /* @__PURE__ */ e(t.Portal
   {
     ref: o,
     className: s(
-      "z-50 min-w-[8rem] overflow-hidden rounded-lg bg-canvas-overlay p-2 text-canvas-overlay-foreground shadow-elevation-floating text-[13px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin] motion-reduce:animate-none motion-reduce:transition-none",
+      "z-[100] min-w-[8rem] overflow-hidden rounded-lg bg-canvas-overlay p-2 text-canvas-overlay-foreground shadow-elevation-floating text-[13px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin] motion-reduce:animate-none motion-reduce:transition-none",
       n
     ),
     ...a
@@ -61,7 +61,7 @@ const N = l.forwardRef(({ className: n, sideOffset: a = 4, portalled: o = !0, ..
       sideOffset: a,
       "data-component": "dropdown-menu-content",
       className: s(
-        "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[12rem] overflow-y-auto overflow-x-hidden rounded-lg bg-canvas-overlay p-2 text-canvas-overlay-foreground shadow-elevation-floating flex flex-col gap-0.5",
+        "z-[100] max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[12rem] overflow-y-auto overflow-x-hidden rounded-lg bg-canvas-overlay p-2 text-canvas-overlay-foreground shadow-elevation-floating flex flex-col gap-0.5",
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin] motion-reduce:animate-none motion-reduce:transition-none",
         n
       ),

package/dist/components/feedback/popover/popover.js CHANGED Viewed

@@ -6,7 +6,14 @@ import { Tooltip as h, TooltipTrigger as g, TooltipContent as y } from "../toolt
 import { wrapRadixPart as l, createCompoundPart as u } from "../../../lib/primitives/create-compound.js";
 import { cn as n } from "../../../lib/utils.js";
 import { useImpactNovaI18n as c } from "../../../i18n/use-impact-nova-i18n.js";
-const B = (o) => /* @__PURE__ */ e(a.Root, { "data-component": "popover", ...o }), F = l(
+const B = (o) => /* @__PURE__ */ e(
+  a.Root,
+  {
+    "data-component": "popover",
+    modal: !1,
+    ...o
+  }
+), F = l(
   "popover",
   "trigger",
   "PopoverTrigger",
@@ -27,7 +34,7 @@ const B = (o) => /* @__PURE__ */ e(a.Root, { "data-component": "popover", ...o }
       "aria-label": s ?? v("aria.popover"),
       "data-component": "popover-content",
       className: n(
-        "z-50 min-w-[240px] rounded-xl border bg-canvas-overlay p-3 text-canvas-overlay-foreground shadow-md outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin] pointer-events-auto motion-reduce:animate-none motion-reduce:transition-none",
+        "z-[100] min-w-[240px] rounded-xl border bg-canvas-overlay p-3 text-canvas-overlay-foreground shadow-md outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin] pointer-events-auto motion-reduce:animate-none motion-reduce:transition-none",
         o
       ),
       ...r

package/dist/components/forms/combobox/combobox.js CHANGED Viewed

@@ -260,7 +260,7 @@ const De = ve.forwardRef(
                       className: _(
                         "cursor-default select-none py-[6px] px-3 flex items-center transition-colors rounded-md",
                         E ? "justify-end text-right" : "justify-between",
-                        i && G === "keyboard" ? "ring-2 ring-inset ring-primary bg-accent text-content-primary" : i && G === "mouse" ? "bg-muted text-content-primary" : g ? "bg-accent text-content-primary" : "text-content-primary hover:bg-muted cursor-pointer"
+                        i && G === "keyboard" ? "ring-2 ring-inset ring-primary bg-accent text-content-primary" : i && G === "mouse" ? "bg-muted text-content-primary" : g ? "bg-accent text-content-primary" : "text-content-primary hover:bg-canvas-muted cursor-pointer"
                       ),
                       onMouseEnter: () => {
                         w("mouse"), m(t);

package/dist/components/forms/select/components/SelectMenuPanel.js CHANGED Viewed

@@ -30,7 +30,7 @@ function x({
         maxHeight: "var(--radix-popover-content-available-height)"
       },
       className: r(
-        "z-50 flex flex-col overflow-hidden rounded-[12px] p-0 text-base shadow-[0px_1px_6px_0px_rgba(26,39,124,0.14)] focus:outline-none sm:text-sm border-none pointer-events-auto",
+        "z-[100] flex flex-col overflow-hidden rounded-[12px] p-0 text-base shadow-[0px_1px_6px_0px_rgba(26,39,124,0.14)] focus:outline-none sm:text-sm border-none pointer-events-auto",
         a ? "bg-disabled-surface" : "bg-canvas"
       ),
       "data-testid": `select-menu-${d || "default"}`,

package/dist/components/forms/select/components/SelectTrigger.js CHANGED Viewed

@@ -1,36 +1,36 @@
-import { jsx as t, jsxs as n, Fragment as H } from "react/jsx-runtime";
+import { jsx as e, jsxs as l, Fragment as H } from "react/jsx-runtime";
 import { LoadingSpinner as J, Cross as K, ChevronRight as Q } from "impact-nova-icons";
-import { cn as u } from "../../../../lib/utils.js";
+import { cn as f } from "../../../../lib/utils.js";
 import { selectTriggerVariants as U } from "../select.variants.js";
 import { hasClearableSelectValue as W } from "../utils/hasClearableSelectValue.js";
 import { SelectTriggerValue as X } from "./SelectTriggerValue.js";
-function ee({
-  triggerRef: f,
-  inputRef: x,
-  selectFieldId: g,
-  listboxId: h,
-  id: l,
-  className: b,
-  size: v = "default",
-  error: w,
-  isDisabled: r,
-  isReadOnly: o,
-  isOpen: a,
-  isLoading: N,
-  isProcessing: C,
-  isClearable: P,
-  isSearchable: k,
-  searchPosition: y,
-  searchValue: z,
-  setSearchValue: S,
-  autoFocus: j,
-  name: T,
-  label: c,
-  placeholder: i,
-  leftContent: s,
-  activeDescendantId: V,
-  internalValue: d,
-  totalCount: $,
+function tt({
+  triggerRef: x,
+  inputRef: g,
+  selectFieldId: h,
+  listboxId: b,
+  id: c,
+  className: v,
+  size: w = "default",
+  error: N,
+  isDisabled: a,
+  isReadOnly: n,
+  isOpen: r,
+  isLoading: C,
+  isProcessing: P,
+  isClearable: k,
+  isSearchable: z,
+  searchPosition: S,
+  searchValue: y,
+  setSearchValue: j,
+  autoFocus: T,
+  name: V,
+  label: i,
+  placeholder: s,
+  leftContent: d,
+  activeDescendantId: $,
+  internalValue: u,
+  totalCount: D,
   totalOptionsCount: F,
   formatSelectedCount: I,
   resolveOptionLabel: L,
@@ -38,122 +38,127 @@ function ee({
   onFocus: q,
   onBlur: A,
   onKeyDown: B,
-  onOpenChange: D,
+  onOpenChange: p,
   onClear: E
 }) {
-  const G = P && !o && !r && W(m, d);
-  return /* @__PURE__ */ t(
+  const G = k && !n && !a && W(m, u);
+  return /* @__PURE__ */ e(
     "div",
     {
-      ref: f,
-      className: u(
+      ref: x,
+      className: f(
         U({
-          size: v,
-          error: !!w,
-          disabled: !!r,
-          readOnly: o,
-          open: a
+          size: w,
+          error: !!N,
+          disabled: !!a,
+          readOnly: n,
+          open: r
         }),
-        b
+        v
       ),
-      id: g,
-      tabIndex: r ? -1 : 0,
+      id: h,
+      tabIndex: a ? -1 : 0,
       onFocus: q,
       onBlur: A,
       role: "combobox",
-      "aria-expanded": a,
+      "aria-expanded": r,
       "aria-haspopup": "listbox",
-      "aria-controls": h,
-      "aria-activedescendant": V,
-      "aria-label": c ? String(c) : i,
-      "aria-disabled": r || void 0,
+      "aria-controls": b,
+      "aria-activedescendant": $,
+      "aria-label": i ? String(i) : s,
+      "aria-disabled": a || void 0,
       "data-component": "select-trigger",
-      "data-disabled": r || void 0,
-      "data-state": a ? "open" : "closed",
+      "data-disabled": a || void 0,
+      "data-state": r ? "open" : "closed",
       onKeyDown: B,
-      onClick: (e) => {
-        const p = e.target;
-        (p.closest("[data-chevron-button]") || p.closest("[data-clear-button]")) && (e.preventDefault(), e.stopPropagation());
+      onPointerDown: (t) => {
+        if (a || n) return;
+        const o = t.target;
+        o.closest("[data-chevron-button]") || o.closest("[data-clear-button]") || (t.preventDefault(), p(!r));
       },
-      children: /* @__PURE__ */ n("div", { className: "flex items-center justify-between w-full min-w-0 max-w-full", children: [
-        s ? /* @__PURE__ */ t("div", { className: "flex items-center text-content-muted shrink-0", children: s }) : null,
-        /* @__PURE__ */ n(
+      onClick: (t) => {
+        const o = t.target;
+        (o.closest("[data-chevron-button]") || o.closest("[data-clear-button]")) && (t.preventDefault(), t.stopPropagation());
+      },
+      children: /* @__PURE__ */ l("div", { className: "flex items-center justify-between w-full min-w-0 max-w-full", children: [
+        d ? /* @__PURE__ */ e("div", { className: "flex items-center text-content-muted shrink-0", children: d }) : null,
+        /* @__PURE__ */ l(
           "div",
           {
             className: "flex-1 flex items-center overflow-hidden min-w-0 max-w-full",
-            "data-testid": `select-value-${l || "default"}`,
+            "data-testid": `select-value-${c || "default"}`,
             children: [
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ e(
                 X,
                 {
                   isMulti: m,
-                  isDisabled: r,
-                  internalValue: d,
-                  totalCount: $,
+                  isDisabled: a,
+                  internalValue: u,
+                  totalCount: D,
                   totalOptionsCount: F,
                   formatSelectedCount: I,
                   resolveOptionLabel: L,
-                  placeholder: /* @__PURE__ */ t(
+                  placeholder: /* @__PURE__ */ e(
                     "span",
                     {
                       className: "text-content-placeholder font-normal text-[14px] truncate min-w-0 block",
-                      "data-testid": `select-placeholder-${l || "default"}`,
+                      "data-testid": `select-placeholder-${c || "default"}`,
                       "data-has-value": !1,
-                      children: i
+                      children: s
                     }
                   )
                 }
               ),
-              k && a && y === "trigger" && !o ? /* @__PURE__ */ t(
+              z && r && S === "trigger" && !n ? /* @__PURE__ */ e(
                 "input",
                 {
-                  ref: x,
+                  ref: g,
                   type: "text",
                   className: "flex-1 min-w-[50px] border-none p-0 focus:ring-0 text-sm outline-none h-full",
-                  value: z,
-                  onChange: (e) => {
-                    S(e.target.value);
+                  value: y,
+                  onChange: (t) => {
+                    j(t.target.value);
                   },
-                  onClick: (e) => e.stopPropagation(),
-                  autoFocus: j,
-                  name: T || void 0
+                  onClick: (t) => t.stopPropagation(),
+                  autoFocus: T,
+                  name: V || void 0
                 }
               ) : null
             ]
           }
         ),
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-1 text-content-muted shrink-0", children: !a && (N || C) ? /* @__PURE__ */ t(J, { size: "14px" }) : /* @__PURE__ */ n(H, { children: [
-          G ? /* @__PURE__ */ t(
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-1 text-content-muted shrink-0", children: !r && (C || P) ? /* @__PURE__ */ e(J, { size: "14px" }) : /* @__PURE__ */ l(H, { children: [
+          G ? /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               "data-clear-button": !0,
               "aria-label": "Clear selection",
-              onPointerDown: (e) => {
-                e.preventDefault(), e.stopPropagation(), E(e);
+              onPointerDown: (t) => {
+                t.preventDefault(), t.stopPropagation(), E(t);
               },
               className: "hover:text-content-secondary p-0.5 cursor-pointer z-10 relative border-0 bg-transparent",
-              children: /* @__PURE__ */ t(K, { size: "11px", className: "text-content-muted" })
+              children: /* @__PURE__ */ e(K, { size: "11px", className: "text-content-muted" })
             }
           ) : null,
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               "data-chevron-button": !0,
-              "aria-label": a ? "Close dropdown" : "Open dropdown",
-              "aria-expanded": a,
-              onPointerDown: (e) => {
-                e.preventDefault(), e.stopPropagation(), D(!a);
+              "aria-label": r ? "Close dropdown" : "Open dropdown",
+              "aria-expanded": r,
+              onPointerDown: (t) => {
+                t.preventDefault(), t.stopPropagation(), p(!r);
               },
               className: "hover:text-content-secondary p-0.5 cursor-pointer z-10 relative border-0 bg-transparent",
-              children: /* @__PURE__ */ t(
+              children: /* @__PURE__ */ e(
                 Q,
                 {
                   size: "16px",
-                  className: u(
+                  className: f(
                     "transition-transform duration-200",
-                    a ? "-rotate-90" : "rotate-90"
+                    r ? "-rotate-90" : "rotate-90"
                   )
                 }
               )
@@ -165,5 +170,5 @@ function ee({
   );
 }
 export {
-  ee as SelectTrigger
+  tt as SelectTrigger
 };

package/dist/components/forms/select/components/Submenu.js CHANGED Viewed

@@ -29,7 +29,7 @@ const $ = ({
         onOpenAutoFocus: (e) => e.preventDefault(),
         onInteractOutside: (e) => e.preventDefault(),
         onFocusOutside: (e) => e.preventDefault(),
-        className: "select-submenu-container z-50 min-w-[180px] max-h-[300px] overflow-auto rounded-xl bg-canvas-elevated py-1 shadow-elevation-floating",
+        className: "select-submenu-container z-[100] min-w-[180px] max-h-[300px] overflow-auto rounded-xl bg-canvas-elevated py-1 shadow-elevation-floating",
         "data-component": "select-menu",
         children: d.map((e) => {
           const a = f(e), g = x(e), o = e.isDisabled, m = v(e), s = "children" in e && Array.isArray(e.children) && e.children.length > 0, p = e.isParentSelectable !== !1, b = String(e.value || "");

package/dist/components/forms/select/select.js CHANGED Viewed

@@ -18,8 +18,8 @@ import { useSelectMenuScroll as vt } from "./hooks/useSelectMenuScroll.js";
 import { useSelectOpenEffects as It } from "./hooks/useSelectOpenEffects.js";
 import { useSelectOutsideScrollLock as Lt } from "./hooks/useSelectOutsideScrollLock.js";
 import { useSelectSearchFocus as xt } from "./hooks/useSelectSearchFocus.js";
-import { useSelectSelectionHandlers as yt } from "./hooks/useSelectSelectionHandlers.js";
-import { useSelectionModel as At } from "./hooks/useSelectionModel.js";
+import { useSelectSelectionHandlers as At } from "./hooks/useSelectSelectionHandlers.js";
+import { useSelectionModel as yt } from "./hooks/useSelectionModel.js";
 import { useVisibleStats as Rt } from "./hooks/useVisibleStats.js";
 import { SELECT_ALL_INDEX as Pt } from "./select.constants.js";
 import { getSelectableOptionIndices as wt } from "./utils/getSelectableOptionIndices.js";
@@ -44,7 +44,7 @@ const qt = (oe) => {
     defaultMenuIsOpen: pe = !1,
     scrollToSelectedOnOpen: Se = !1,
     maxSelectableOptions: g,
-    showSequence: T,
+    showSequence: N,
     selectionOrder: he,
     label: d,
     required: ge,
@@ -58,13 +58,13 @@ const qt = (oe) => {
     onMenuScrollToBottom: Ie,
     totalCount: Le,
     name: xe,
-    isSelectAllEnabled: A = !0,
+    isSelectAllEnabled: y = !0,
     isReadOnly: s = !1,
     searchPosition: b = "menu",
-    footerContent: N,
-    onInputChange: ye,
+    footerContent: T,
+    onInputChange: Ae,
     getOptionLabel: H,
-    renderOption: Ae,
+    renderOption: ye,
     onMenuOpen: Re,
     onMenuClose: K,
     labelOrientation: z = "top",
@@ -74,8 +74,8 @@ const qt = (oe) => {
     ignoreAccents: De,
     matchFrom: Ee,
     stringify: Fe,
-    trim: Te,
-    filterOption: Ne,
+    trim: Ne,
+    filterOption: Te,
     enableSubMenus: v = !1,
     enableGroups: R = !1,
     enableInvertedSelection: He,
@@ -99,8 +99,8 @@ const qt = (oe) => {
     ignoreAccents: De,
     matchFrom: Ee,
     stringify: Fe,
-    trim: Te,
-    filterOption: Ne,
+    trim: Ne,
+    filterOption: Te,
     enableSubMenus: v,
     enableGroups: R
   }), et = Vt(
@@ -108,7 +108,7 @@ const qt = (oe) => {
     !!r,
     c,
     q
-  ), C = At(o, t ?? !1), { stats: W, getGroupStats: tt } = Rt(
+  ), C = yt(o, t ?? !1), { stats: W, getGroupStats: tt } = Rt(
     n,
     U,
     f,
@@ -130,7 +130,7 @@ const qt = (oe) => {
     isProcessing: c,
     fetchError: I,
     isMulti: t,
-    isSelectAllEnabled: A,
+    isSelectAllEnabled: y,
     flatOptions: n,
     searchValue: f,
     highlightedIndex: a,
@@ -149,7 +149,7 @@ const qt = (oe) => {
     rowVirtualizer: x,
     onMenuScrollToBottom: Ie
   });
-  const y = (e) => {
+  const A = (e) => {
     if (!(i && e))
       if (B(e), e)
         Re?.();
@@ -159,7 +159,7 @@ const qt = (oe) => {
       }
   };
   Lt(l, q);
-  const X = (e) => H ? H(e) : e.label, { handleSelect: J, handleSelectAll: Q, clearValue: lt } = yt({
+  const X = (e) => H ? H(e) : e.label, { handleSelect: J, handleSelectAll: Q, clearValue: lt } = At({
     isMulti: t,
     isDisabled: i,
     isReadOnly: s,
@@ -183,7 +183,7 @@ const qt = (oe) => {
     setSearchValue: L
   }), ot = (e) => bt(
     e,
-    T ?? !1,
+    N ?? !1,
     t ?? !1,
     he,
     o
@@ -192,7 +192,7 @@ const qt = (oe) => {
     isProcessing: c,
     fetchError: I,
     isMulti: t,
-    isSelectAllEnabled: A,
+    isSelectAllEnabled: y,
     isReadOnly: s,
     flatOptions: n,
     enableSubMenus: v
@@ -207,7 +207,7 @@ const qt = (oe) => {
     setHighlightedIndex: _,
     flatOptions: n,
     rowVirtualizer: x,
-    handleOpenChange: y,
+    handleOpenChange: A,
     handleSelect: J,
     handleSelectAll: Q,
     openedViaKeyboardRef: k,
@@ -230,8 +230,8 @@ const qt = (oe) => {
       "data-testid": `select-${m || "default"}`,
       "data-component": "select",
       children: Y.wrapControl(
-        /* @__PURE__ */ Z(te.Root, { open: l && !i, onOpenChange: y, children: [
-          /* @__PURE__ */ u(te.Trigger, { asChild: !0, children: /* @__PURE__ */ u(
+        /* @__PURE__ */ Z(te.Root, { open: l && !i, onOpenChange: A, modal: !1, children: [
+          /* @__PURE__ */ u(te.Anchor, { asChild: !0, children: /* @__PURE__ */ u(
             St,
             {
               triggerRef: G,
@@ -267,7 +267,7 @@ const qt = (oe) => {
               onFocus: $e,
               onBlur: _e,
               onKeyDown: st,
-              onOpenChange: y,
+              onOpenChange: A,
               onClear: lt
             }
           ) }),
@@ -280,7 +280,7 @@ const qt = (oe) => {
               isReadOnly: s,
               id: m,
               menuLabel: String(d || P),
-              onClose: () => y(!1),
+              onClose: () => A(!1),
               children: [
                 /* @__PURE__ */ u(
                   mt,
@@ -295,7 +295,7 @@ const qt = (oe) => {
                     fetchError: I,
                     isLoading: r,
                     isProcessing: c,
-                    isSelectAllEnabled: A ?? !1,
+                    isSelectAllEnabled: y ?? !1,
                     flatOptionsLength: n.length,
                     searchInputRef: E,
                     searchValue: f,
@@ -306,7 +306,7 @@ const qt = (oe) => {
                     selectAllLabel: O("select.selectAll"),
                     unselectAllLabel: O("select.unselectAll"),
                     onSearchChange: (e) => {
-                      L(e), ye?.(e);
+                      L(e), Ae?.(e);
                     },
                     onSearchKeyDown: rt,
                     onSelectAll: Q
@@ -317,7 +317,7 @@ const qt = (oe) => {
                   {
                     className: le(
                       "flex min-h-0 flex-1 flex-col overflow-hidden",
-                      !(N || g || V.length > 5e3) && "rounded-b-[12px]"
+                      !(T || g || V.length > 5e3) && "rounded-b-[12px]"
                     ),
                     children: /* @__PURE__ */ u(
                       ft,
@@ -331,7 +331,7 @@ const qt = (oe) => {
                         isReadOnly: s,
                         enableGroups: R,
                         enableSubMenus: v,
-                        showSequence: T,
+                        showSequence: N,
                         maxSelectableOptions: g,
                         listRef: D,
                         listboxId: j,
@@ -347,7 +347,7 @@ const qt = (oe) => {
                         selectionSet: C.set,
                         resolveOptionLabel: X,
                         getSequenceForOption: ot,
-                        renderOption: Ae,
+                        renderOption: ye,
                         onSelect: J,
                         getGroupStats: tt
                       }
@@ -357,7 +357,7 @@ const qt = (oe) => {
                 /* @__PURE__ */ u(
                   dt,
                   {
-                    footerContent: N,
+                    footerContent: T,
                     maxSelectableOptions: g,
                     optionCount: V.length
                   }

package/dist/components/forms/select/select.variants.js CHANGED Viewed

@@ -47,18 +47,18 @@ const s = e(
     variants: {
       disabled: {
         true: "opacity-50 cursor-not-allowed bg-disabled-surface",
-        false: "hover:bg-muted cursor-pointer"
+        false: "hover:bg-canvas-muted cursor-pointer"
       },
       readOnly: {
         true: "cursor-default hover:bg-transparent",
         false: ""
       },
       selected: {
-        true: "bg-accent text-foreground",
+        true: "bg-brand-subtle text-foreground",
         false: ""
       },
       highlighted: {
-        true: "ring-2 ring-inset ring-primary bg-accent",
+        true: "ring-2 ring-inset ring-brand bg-brand-subtle",
         false: ""
       }
     },