@ck-ui/component-library 2.0.3 → 2.0.5

package/dist/components/GroupedSingleSelect/_helpers/DropdownFooter.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { s as e } from "../../../styles.module-DGDgpLAB.js";
+import { s as e } from "../../../styles.module-D5ab7LbM.js";
 import { CKButton as o } from "../../CKButton/index.js";
 import { mergeClasses as r } from "../../../utils/mergeClasses.js";
 const f = ({

package/dist/components/GroupedSingleSelect/_helpers/OptionRow.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import { memo as l, useCallback as p } from "react";
-import { s as r } from "../../../styles.module-DGDgpLAB.js";
+import { s as r } from "../../../styles.module-D5ab7LbM.js";
 import { RadioButton as d } from "../../RadioButton/index.js";
 import { mergeClasses as m } from "../../../utils/mergeClasses.js";
 const h = l(function({

package/dist/components/GroupedSingleSelect/_helpers/OptionsList.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { s as a } from "../../../styles.module-DGDgpLAB.js";
+import { s as a } from "../../../styles.module-D5ab7LbM.js";
 import c from "./OptionRow.js";
 import { mergeClasses as o } from "../../../utils/mergeClasses.js";
 const f = ({

package/dist/components/GroupedSingleSelect/_helpers/TriggerButton.js

@@ -1,5 +1,5 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { s as e } from "../../../styles.module-DGDgpLAB.js";
+import { s as e } from "../../../styles.module-D5ab7LbM.js";
 import { Tooltip as f } from "../../Tooltip/index.js";
 import { S as h } from "../../../chevron-down-Cm9R64Fe.js";
 import { useRef as g, useState as u, useLayoutEffect as b } from "react";

package/dist/components/GroupedSingleSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/GroupedSingleSelect/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAC9D,YAAY,EACV,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,eAAe,CAAC;AAIvB,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAA6B,EAC7B,iBAA4B,EAC5B,MAAM,EACN,eAAe,EACf,OAAO,EACP,OAAO,EACP,UAAe,GAChB,EAAE,wBAAwB,2CAgJ1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/GroupedSingleSelect/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAC9D,YAAY,EACV,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,eAAe,CAAC;AAIvB,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAA6B,EAC7B,iBAA4B,EAC5B,MAAM,EACN,eAAe,EACf,OAAO,EACP,OAAO,EACP,UAAe,GAChB,EAAE,wBAAwB,2CAiK1B"}

package/dist/components/GroupedSingleSelect/index.js

@@ -1,138 +1,154 @@
 import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import { useState as m, useRef as B, useEffect as F, useMemo as M, useCallback as t } from "react";
-import { s as n } from "../../styles.module-DGDgpLAB.js";
-import { Search as W } from "../Search/index.js";
-import H from "./_helpers/TriggerButton.js";
-import J from "./_helpers/OptionsList.js";
-import K from "./_helpers/DropdownFooter.js";
-import { filterSeachedGroups as P } from "./_utils/filterSeachedGroups.js";
-import { getDefaultSelected as U } from "./_utils/getDefaultSelected.js";
-import { S as V } from "../../info-icon-ooYw3va_.js";
-import { mergeClasses as x } from "../../utils/mergeClasses.js";
-function ae({
-  label: v,
-  helperText: y,
-  required: L,
-  placeholder: D = "Choose option",
-  searchPlaceholder: k = "Search",
+import { useState as h, useRef as k, useEffect as $, useMemo as H, useCallback as t } from "react";
+import { s as e } from "../../styles.module-D5ab7LbM.js";
+import { Search as J } from "../Search/index.js";
+import K from "./_helpers/TriggerButton.js";
+import P from "./_helpers/OptionsList.js";
+import U from "./_helpers/DropdownFooter.js";
+import { filterSeachedGroups as V } from "./_utils/filterSeachedGroups.js";
+import { getDefaultSelected as X } from "./_utils/getDefaultSelected.js";
+import { useDropdownDirection as Y } from "../MultiSelect/_utils/useDropdownDirection.js";
+import { S as Z } from "../../info-icon-ooYw3va_.js";
+import { mergeClasses as w } from "../../utils/mergeClasses.js";
+function pe({
+  label: b,
+  helperText: f,
+  required: x,
+  placeholder: O = "Choose option",
+  searchPlaceholder: E = "Search",
   groups: a,
-  defaultSelected: N,
-  onApply: h,
-  onClear: S,
+  defaultSelected: G,
+  onApply: g,
+  onClear: D,
   classNames: i = {}
 }) {
-  const { labelWrapperClass: O, helperClass: T } = i, [f, s] = m(!1), [p, o] = m(""), b = () => U(a, N), [u, w] = m(b), [r, g] = m(b), C = B(null);
-  F(() => {
-    const e = (c) => {
-      C?.current && !C?.current?.contains(c.target) && (s(!1), o(""));
+  const { labelWrapperClass: R, helperClass: j } = i, [p, s] = h(!1), [u, n] = h(""), y = () => X(a, G), [m, L] = h(y), [o, v] = h(y), C = k(null), N = k(null), { vertical: S, horizontal: z } = Y(
+    N,
+    p
+  );
+  $(() => {
+    const r = (c) => {
+      C?.current && !C?.current?.contains(c.target) && (s(!1), n(""));
     };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
   }, []);
-  const E = M(
-    () => P(a, p),
-    [a, p]
-  ), G = t((e, c) => {
-    g({ value: e, label: c });
-  }, []), j = t(() => {
-    S?.(), g(null);
-  }, [S]), I = t(() => {
-    if (!r) {
-      h({ value: "", label: "", groupLabel: "" }), w(r), s(!1), o("");
+  const I = H(
+    () => V(a, u),
+    [a, u]
+  ), Q = t((r, c) => {
+    v({ value: r, label: c });
+  }, []), T = t(() => {
+    D?.(), v(null);
+  }, [D]), W = t(() => {
+    if (!o) {
+      g({ value: "", label: "", groupLabel: "" }), L(o), s(!1), n("");
       return;
     }
-    const e = a?.find(
-      (c) => c?.options?.some((A) => A?.value === r?.value)
+    const r = a?.find(
+      (c) => c?.options?.some((M) => M?.value === o?.value)
     );
-    h({ ...r, groupLabel: e?.groupLabel ?? "" }), w(r), s(!1), o("");
-  }, [a, r, h]), Q = t(() => {
-    o(""), g(u), s(!1);
-  }, [u]), R = t(() => {
-    s((e) => !e), o("");
-  }, []), q = t((e) => {
-    o(e);
-  }, []), z = t(() => {
-    o("");
+    g({ ...o, groupLabel: r?.groupLabel ?? "" }), L(o), s(!1), n("");
+  }, [a, o, g]), q = t(() => {
+    n(""), v(m), s(!1);
+  }, [m]), A = t(() => {
+    s((r) => !r), n("");
+  }, []), B = t((r) => {
+    n(r);
+  }, []), F = t(() => {
+    n("");
   }, []);
-  return /* @__PURE__ */ d("div", { className: n.wrapper, ref: C, children: [
-    v && /* @__PURE__ */ d(
+  return /* @__PURE__ */ d("div", { className: e.wrapper, ref: C, children: [
+    b && /* @__PURE__ */ d(
       "span",
       {
-        className: x(
+        className: w(
           "ckds-body-xs-med",
-          n["label-wrapper"],
-          O ?? ""
+          e["label-wrapper"],
+          R ?? ""
         ),
         children: [
-          v,
-          L && /* @__PURE__ */ l("span", { className: n.required, children: " *" })
+          b,
+          x && /* @__PURE__ */ l("span", { className: e.required, children: " *" })
         ]
       }
     ),
-    /* @__PURE__ */ d("div", { children: [
+    /* @__PURE__ */ d("div", { className: e["trigger-wrapper"], ref: N, children: [
       /* @__PURE__ */ l(
-        H,
+        K,
         {
-          open: f,
-          selected: u,
-          placeholder: D,
-          onToggleOpen: R,
+          open: p,
+          selected: m,
+          placeholder: O,
+          onToggleOpen: A,
           classNames: i
         }
       ),
       /* @__PURE__ */ d(
         "div",
         {
-          className: x(
+          className: w(
             "ckds-body-xs-reg",
-            n["helper-text"],
-            f ? n["helper-hide"] : "",
-            T ?? ""
+            e["helper-text"],
+            p ? e["helper-hide"] : "",
+            j ?? ""
           ),
           children: [
-            /* @__PURE__ */ l(V, { width: "12", height: "12" }),
+            /* @__PURE__ */ l(Z, { width: "12", height: "12" }),
             " ",
-            y
+            f
           ]
         }
-      )
-    ] }),
-    f && /* @__PURE__ */ d("div", { className: n.dropdown, children: [
-      /* @__PURE__ */ l(
-        W,
-        {
-          size: "medium",
-          value: p,
-          placeholder: k,
-          onChange: q,
-          onClear: z,
-          wrapperClassName: "",
-          inputClassName: ""
-        }
-      ),
-      /* @__PURE__ */ l(
-        J,
-        {
-          filteredGroups: E,
-          selected: r,
-          searchQuery: p,
-          onToggle: G,
-          classNames: i
-        }
       ),
-      /* @__PURE__ */ l(
-        K,
+      p && /* @__PURE__ */ d(
+        "div",
         {
-          onClear: j,
-          onCancel: Q,
-          onApply: I,
-          classNames: i,
-          isClearDisabled: !r?.value,
-          isApplyDisabled: u?.value !== r?.value
+          className: w(
+            e.dropdown,
+            e[`dropdown-align-${z}`],
+            S === "up" ? e["dropdown-up"] : "",
+            f && S === "down" ? e["dropdown-helper"] : "",
+            f && S === "up" ? e["dropdown-helper-up"] : ""
+          ),
+          children: [
+            /* @__PURE__ */ l(
+              J,
+              {
+                size: "medium",
+                value: u,
+                placeholder: E,
+                onChange: B,
+                onClear: F,
+                wrapperClassName: "",
+                inputClassName: ""
+              }
+            ),
+            /* @__PURE__ */ l(
+              P,
+              {
+                filteredGroups: I,
+                selected: o,
+                searchQuery: u,
+                onToggle: Q,
+                classNames: i
+              }
+            ),
+            /* @__PURE__ */ l(
+              U,
+              {
+                onClear: T,
+                onCancel: q,
+                onApply: W,
+                classNames: i,
+                isClearDisabled: !o?.value,
+                isApplyDisabled: m?.value !== o?.value
+              }
+            )
+          ]
         }
       )
     ] })
   ] });
 }
 export {
-  ae as GroupedSingleSelect
+  pe as GroupedSingleSelect
 };

package/dist/components/IconButton/_types/iconButton.type.d.ts

@@ -3,7 +3,7 @@ export type IconButtonSize = "small" | "medium" | "large";
 export type IconButtonVariant = "primary" | "secondary";
 export type IconButtonState = "default" | "hover" | "selected" | "disabled";
 export interface IconButtonProps {
-    icon: ReactNode;
+    icon?: ReactNode;
     "aria-label": string;
     variant?: IconButtonVariant;
     size?: IconButtonSize;

package/dist/components/IconButton/_types/iconButton.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iconButton.type.d.ts","sourceRoot":"","sources":["../../../../lib/components/IconButton/_types/iconButton.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAG1D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,CAAC;AAGxD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;AAG5E,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"iconButton.type.d.ts","sourceRoot":"","sources":["../../../../lib/components/IconButton/_types/iconButton.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAG1D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,CAAC;AAGxD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;AAG5E,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/components/IconButton/index.js

@@ -1,59 +1,59 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import * as e from "react";
 import { forwardRef as _ } from "react";
 import { mergeClasses as k } from "../../utils/mergeClasses.js";
-import '../../assets/index-31u7i502.css';const h = "_small_1df21_25", f = "_medium_1df21_38", g = "_large_1df21_51", y = "_primary_1df21_64", L = "_selected_1df21_73", E = "_secondary_1df21_85", t = {
-  "ckds-icon-button": "_ckds-icon-button_1df21_1",
+import '../../assets/index-DXeEmcnJ.css';const h = "_small_a6iqz_25", g = "_medium_a6iqz_38", y = "_large_a6iqz_51", L = "_primary_a6iqz_64", f = "_selected_a6iqz_73", E = "_secondary_a6iqz_85", t = {
+  "ckds-icon-button": "_ckds-icon-button_a6iqz_1",
   small: h,
-  medium: f,
-  large: g,
-  primary: y,
-  selected: L,
+  medium: g,
+  large: y,
+  primary: L,
+  selected: f,
   secondary: E
 }, w = (o) => /* @__PURE__ */ e.createElement("svg", { width: 8, height: 8, viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_1371_792)" }, /* @__PURE__ */ e.createElement("path", { d: "M7 3V1H5", stroke: "currentColor", strokeWidth: 0.64, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M1 5V7H3", stroke: "currentColor", strokeWidth: 0.64, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M7 1L4.5 3.5", stroke: "currentColor", strokeWidth: 0.64, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M3.5 4.5L1 7", stroke: "currentColor", strokeWidth: 0.64, strokeLinecap: "round", strokeLinejoin: "round" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_1371_792" }, /* @__PURE__ */ e.createElement("rect", { width: 8, height: 8, fill: "white" })))), C = {
   small: t.small,
   medium: t.medium,
   large: t.large
-}, b = {
+}, q = {
   primary: t.primary,
   secondary: t.secondary
-}, j = _(
+}, z = _(
   ({
     variant: o = "primary",
-    size: l = "small",
-    icon: n,
-    isSelected: s = !1,
+    size: i = "small",
+    icon: a,
+    isSelected: n = !1,
     disabled: r = !1,
-    className: c,
-    onClick: i,
-    type: d = "button",
-    "aria-label": m
+    className: l,
+    onClick: c,
+    type: m = "button",
+    "aria-label": d
   }, p) => {
     const u = k(
       t["ckds-icon-button"],
-      C[l],
-      b[o],
-      s && t.selected,
+      C[i],
+      q[o],
+      n && t.selected,
       r && t.disabled,
-      c
+      l
     );
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ s(
       "button",
       {
         ref: p,
-        type: d,
+        type: m,
         disabled: r,
-        "aria-label": m,
-        "aria-pressed": s,
+        "aria-label": d,
+        "aria-pressed": n,
         "aria-disabled": r,
-        onClick: r ? void 0 : i,
+        onClick: r ? void 0 : c,
         className: u,
-        children: n || /* @__PURE__ */ a(w, {})
+        children: a || /* @__PURE__ */ s(w, {})
       }
     );
   }
 );
-j.displayName = "IconButton";
+z.displayName = "IconButton";
 export {
-  j as IconButton
+  z as IconButton
 };

package/dist/components/MAVDropdown/index.js

@@ -1,143 +1,143 @@
-import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import { useState as _, useRef as k, useCallback as x } from "react";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { useState as h, useRef as p, useCallback as x } from "react";
 import { Popover as D } from "../Popover/index.js";
 import { Tooltip as M } from "../Tooltip/index.js";
-import { mergeClasses as v } from "../../utils/mergeClasses.js";
+import { mergeClasses as u } from "../../utils/mergeClasses.js";
 import { S as C } from "../../chevron-down-Cm9R64Fe.js";
-import '../../assets/index-Dpv0OAoW.css';const s = {
-  "ckds-mav-dropdown": "_ckds-mav-dropdown_1llbq_1",
-  "ckds-mav-trigger": "_ckds-mav-trigger_1llbq_7",
-  "ckds-mav-trigger-content": "_ckds-mav-trigger-content_1llbq_24",
-  "ckds-mav-trigger-label": "_ckds-mav-trigger-label_1llbq_31",
-  "ckds-mav-trigger-selected": "_ckds-mav-trigger-selected_1llbq_39",
-  "ckds-mav-chevron": "_ckds-mav-chevron_1llbq_49",
-  "ckds-mav-chevron--open": "_ckds-mav-chevron--open_1llbq_63",
-  "ckds-mav-popover": "_ckds-mav-popover_1llbq_67",
-  "ckds-mav-item-list": "_ckds-mav-item-list_1llbq_75",
-  "ckds-mav-item": "_ckds-mav-item_1llbq_75",
-  "ckds-mav-item-label": "_ckds-mav-item-label_1llbq_111",
-  "ckds-mav-item-sublabel": "_ckds-mav-item-sublabel_1llbq_114",
-  "ckds-mav-item--active": "_ckds-mav-item--active_1llbq_122"
+import '../../assets/index-BZUn0Wdm.css';const s = {
+  "ckds-mav-dropdown": "_ckds-mav-dropdown_psuz0_1",
+  "ckds-mav-trigger": "_ckds-mav-trigger_psuz0_7",
+  "ckds-mav-trigger-content": "_ckds-mav-trigger-content_psuz0_23",
+  "ckds-mav-trigger-label": "_ckds-mav-trigger-label_psuz0_30",
+  "ckds-mav-trigger-selected": "_ckds-mav-trigger-selected_psuz0_38",
+  "ckds-mav-chevron": "_ckds-mav-chevron_psuz0_48",
+  "ckds-mav-chevron--open": "_ckds-mav-chevron--open_psuz0_62",
+  "ckds-mav-popover": "_ckds-mav-popover_psuz0_66",
+  "ckds-mav-item-list": "_ckds-mav-item-list_psuz0_76",
+  "ckds-mav-item": "_ckds-mav-item_psuz0_76",
+  "ckds-mav-item-label": "_ckds-mav-item-label_psuz0_112",
+  "ckds-mav-item-sublabel": "_ckds-mav-item-sublabel_psuz0_115",
+  "ckds-mav-item--active": "_ckds-mav-item--active_psuz0_123"
 };
-function q({ text: a, className: t }) {
-  const n = k(null), [u, o] = _(!1);
-  return /* @__PURE__ */ l(M, { title: u ? a : "", placement: "top", children: /* @__PURE__ */ l(
+function z({ text: t, className: n }) {
+  const c = p(null), [v, l] = h(!1);
+  return /* @__PURE__ */ a(M, { title: v ? t : "", placement: "top", children: /* @__PURE__ */ a(
     "span",
     {
-      ref: n,
-      className: t,
+      ref: c,
+      className: n,
       onMouseEnter: () => {
-        n.current && n.current.scrollWidth > n.current.clientWidth && o(!0);
+        c.current && c.current.scrollWidth > c.current.clientWidth && l(!0);
       },
-      onMouseLeave: () => o(!1),
-      children: a
+      onMouseLeave: () => l(!1),
+      children: t
     }
   ) });
 }
 function A({
-  triggerLabel: a = "MAV",
-  selectedItem: t,
-  items: n,
-  onSelect: u,
-  className: o
+  triggerLabel: t = "MAV",
+  selectedItem: n,
+  items: c,
+  onSelect: v,
+  className: l
 }) {
-  const [r, c] = _(!1), [N, w] = _(!1), h = k(null), i = k(null), p = k(null), E = x(() => {
+  const [o, r] = h(!1), [N, w] = h(!1), f = p(null), i = p(null), k = p(null), E = x(() => {
     i.current && w(i.current.scrollWidth > i.current.clientWidth);
-  }, []), f = () => {
-    p.current && clearTimeout(p.current), c(!0);
+  }, []), b = () => {
+    k.current && clearTimeout(k.current), r(!0);
   }, g = () => {
-    p.current = setTimeout(() => c(!1), 120);
+    k.current = setTimeout(() => r(!1), 120);
   }, T = (e) => {
-    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), c((d) => !d)), e.key === "Escape" && c(!1);
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), r((d) => !d)), e.key === "Escape" && r(!1);
   }, y = (e) => {
-    u(e), c(!1);
+    v(e), r(!1);
   };
   return /* @__PURE__ */ m(
     "div",
     {
-      className: v(s["ckds-mav-dropdown"], o),
-      onMouseEnter: f,
+      className: u(s["ckds-mav-dropdown"], l),
+      onMouseEnter: b,
       onMouseLeave: g,
       children: [
         /* @__PURE__ */ m(
           "button",
           {
-            ref: h,
+            ref: f,
             type: "button",
-            className: v(
+            className: u(
               s["ckds-mav-trigger"],
-              r && s["ckds-mav-trigger--open"]
+              o && s["ckds-mav-trigger--open"]
             ),
             onKeyDown: T,
             "aria-haspopup": "listbox",
-            "aria-expanded": r,
-            "aria-label": `${a}: ${t.label}, open MAV selector`,
+            "aria-expanded": o,
+            "aria-label": `${t}: ${n.label}, open MAV selector`,
             children: [
               /* @__PURE__ */ m("span", { className: s["ckds-mav-trigger-content"], children: [
-                /* @__PURE__ */ l("span", { className: s["ckds-mav-trigger-label"], children: a }),
-                /* @__PURE__ */ l(M, { title: N ? t.label : "", placement: "bottom", children: /* @__PURE__ */ l(
+                /* @__PURE__ */ a("span", { className: s["ckds-mav-trigger-label"], children: t }),
+                /* @__PURE__ */ a(M, { title: N ? n.label : "", placement: "bottom", children: /* @__PURE__ */ a(
                   "span",
                   {
                     ref: i,
                     className: s["ckds-mav-trigger-selected"],
                     onMouseEnter: E,
-                    children: t.label
+                    children: n.label
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ a(
                 "span",
                 {
-                  className: v(
+                  className: u(
                     s["ckds-mav-chevron"],
-                    r && s["ckds-mav-chevron--open"]
+                    o && s["ckds-mav-chevron--open"]
                   ),
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ l(C, {})
+                  children: /* @__PURE__ */ a(C, {})
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ a(
           D,
           {
-            open: r,
-            onClose: () => c(!1),
-            anchorRef: h,
+            open: o,
+            onClose: () => r(!1),
+            anchorRef: f,
             align: "left",
             minWidth: "0",
             className: s["ckds-mav-popover"],
-            children: /* @__PURE__ */ l(
+            children: /* @__PURE__ */ a(
               "div",
               {
-                onMouseEnter: f,
+                onMouseEnter: b,
                 onMouseLeave: g,
-                children: /* @__PURE__ */ l(
+                children: /* @__PURE__ */ a(
                   "ul",
                   {
                     role: "listbox",
-                    "aria-label": `${a} options`,
+                    "aria-label": `${t} options`,
                     className: s["ckds-mav-item-list"],
-                    children: n.map((e) => {
-                      const d = e.key === t.key;
+                    children: c.map((e) => {
+                      const d = e.key === n.key;
                       return /* @__PURE__ */ m(
                         "li",
                         {
                           role: "option",
                           "aria-selected": d,
-                          className: v(
+                          className: u(
                             s["ckds-mav-item"],
                             d && s["ckds-mav-item--active"]
                           ),
                           onClick: () => y(e),
-                          onKeyDown: (b) => {
-                            (b.key === "Enter" || b.key === " ") && (b.preventDefault(), y(e));
+                          onKeyDown: (_) => {
+                            (_.key === "Enter" || _.key === " ") && (_.preventDefault(), y(e));
                           },
                           tabIndex: 0,
                           children: [
-                            /* @__PURE__ */ l(q, { text: e.label, className: s["ckds-mav-item-label"] }),
-                            e.subLabel && /* @__PURE__ */ l(q, { text: e.subLabel, className: s["ckds-mav-item-sublabel"] })
+                            /* @__PURE__ */ a(z, { text: e.label, className: s["ckds-mav-item-label"] }),
+                            e.subLabel && /* @__PURE__ */ a(z, { text: e.subLabel, className: s["ckds-mav-item-sublabel"] })
                           ]
                         },
                         e.key

package/dist/components/MenuOptions/MenuOptionsWrapper.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { s as m } from "../../styles.module-B5fY7mP8.js";
+import { s as m } from "../../styles.module-DjiC2kYs.js";
 import { mergeClasses as o } from "../../utils/mergeClasses.js";
 function a({
   className: e,

package/dist/components/MenuOptions/_helpers/MenuItem.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../styles.module-B5fY7mP8.js";
+import "../../../styles.module-DjiC2kYs.js";
 import "../../../utils/mergeClasses.js";
-import { M as s } from "../../../MenuItem-DlaRT10y.js";
+import { M as s } from "../../../MenuItem-jNWNRrDR.js";
 import "../../../chevron-down-Cm9R64Fe.js";
 import "../../Tooltip/index.js";
 import "../_utils/computeSubmenuPosition.js";

package/dist/components/MenuOptions/_helpers/RadioMenuItem.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as d } from "react/jsx-runtime";
 import { useState as m, useRef as c, useEffect as u } from "react";
-import { s } from "../../../styles.module-B5fY7mP8.js";
+import { s } from "../../../styles.module-DjiC2kYs.js";
 import { mergeClasses as f } from "../../../utils/mergeClasses.js";
 import { Tooltip as b } from "../../Tooltip/index.js";
 import { RadioButton as p } from "../../RadioButton/index.js";