@ck-ui/component-library 2.0.2 → 2.0.4

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

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

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useRef as f, useState as l, useLayoutEffect as d } from "react";
 import { Tooltip as u } from "../../Tooltip/index.js";
-import { s as a } from "../../../styles.module-ZyeVE7KZ.js";
+import { s as a } from "../../../styles.module-DKDRix10.js";
 import { mergeClasses as p } from "../../../utils/mergeClasses.js";
 const k = ({ item: { value: c, label: t } }) => {
   const s = f(null), [m, i] = l(!1);

package/dist/components/GroupedMultiSelect/_helpers/MenuList.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { s } from "../../../styles.module-ZyeVE7KZ.js";
+import { s } from "../../../styles.module-DKDRix10.js";
 import i from "./MenuItem.js";
 const a = ({ selected: t }) => /* @__PURE__ */ r("div", { className: s["menu-list"], children: t?.map((e, m) => m < 2 ? null : /* @__PURE__ */ r(i, { item: e }, e?.value)) });
 export {

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

@@ -1,6 +1,6 @@
 import { jsxs as p, jsx as i } from "react/jsx-runtime";
 import { memo as a, useCallback as l } from "react";
-import { s as m } from "../../../styles.module-ZyeVE7KZ.js";
+import { s as m } from "../../../styles.module-DKDRix10.js";
 import { CKCheckbox as d } from "../../CKCheckbox/index.js";
 import { mergeClasses as t } from "../../../utils/mergeClasses.js";
 const u = a(function({

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

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { s as e } from "../../../styles.module-ZyeVE7KZ.js";
+import { s as e } from "../../../styles.module-DKDRix10.js";
 import { CKCheckbox as u } from "../../CKCheckbox/index.js";
 import b from "./OptionRow.js";
 import { mergeClasses as s } from "../../../utils/mergeClasses.js";

package/dist/components/GroupedMultiSelect/_helpers/SearchResult.js

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { s as e } from "../../../styles.module-ZyeVE7KZ.js";
+import { s as e } from "../../../styles.module-DKDRix10.js";
 import { Toggle as t } from "../../Toggle/index.js";
 import { mergeClasses as r } from "../../../utils/mergeClasses.js";
 const h = ({

package/dist/components/GroupedMultiSelect/_helpers/TagContent.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as o } from "react/jsx-runtime";
 import h, { useCallback as l, useRef as v, useState as g, useLayoutEffect as w } from "react";
 import { S as C } from "../../../cancel-BAgTEOGD.js";
-import { s } from "../../../styles.module-ZyeVE7KZ.js";
+import { s } from "../../../styles.module-DKDRix10.js";
 import { Tooltip as O } from "../../Tooltip/index.js";
 const T = h.memo(function({
   label: t,

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

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { s as r } from "../../../styles.module-ZyeVE7KZ.js";
+import { s as r } from "../../../styles.module-DKDRix10.js";
 import { CKTag as d } from "../../CKTag/index.js";
 import { S as u } from "../../../chevron-down-Cm9R64Fe.js";
 import f from "./TagContent.js";

package/dist/components/GroupedMultiSelect/index.js

@@ -1,6 +1,6 @@
 import { jsxs as h, jsx as n } from "react/jsx-runtime";
 import { useState as f, useRef as se, useEffect as ne, useMemo as b, useCallback as o } from "react";
-import { s as d } from "../../styles.module-ZyeVE7KZ.js";
+import { s as d } from "../../styles.module-DKDRix10.js";
 import { Search as re } from "../Search/index.js";
 import ae from "./_helpers/SearchResult.js";
 import ce from "./_helpers/TriggerButton.js";

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-DBuEcddZ.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-DBuEcddZ.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-DBuEcddZ.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-DBuEcddZ.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.js

@@ -1,6 +1,6 @@
 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 { s as n } from "../../styles.module-DBuEcddZ.js";
 import { Search as W } from "../Search/index.js";
 import H from "./_helpers/TriggerButton.js";
 import J from "./_helpers/OptionsList.js";

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";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import "../../../styles.module-B5fY7mP8.js";
-import { S as t } from "../../../MenuItem-DlaRT10y.js";
+import "../../../styles.module-DjiC2kYs.js";
+import { S as t } from "../../../MenuItem-jNWNRrDR.js";
 export {
   t as SubMenu
 };

package/dist/components/MenuOptions/index.js

@@ -1,7 +1,7 @@
 import { jsxs as j, jsx as i } from "react/jsx-runtime";
 import { useRef as q, useState as v, useEffect as p, useCallback as B, useMemo as D } from "react";
-import { s as m } from "../../styles.module-B5fY7mP8.js";
-import { M as G } from "../../MenuItem-DlaRT10y.js";
+import { s as m } from "../../styles.module-DjiC2kYs.js";
+import { M as G } from "../../MenuItem-jNWNRrDR.js";
 import { RadioMenuItem as H } from "./_helpers/RadioMenuItem.js";
 import { mergeClasses as x } from "../../utils/mergeClasses.js";
 import { Search as J } from "../Search/index.js";

package/dist/components/MetricCards/Component/CardWithIconAndForecast/index.js

@@ -1,43 +1,43 @@
-import { jsxs as a, Fragment as g, jsx as r } from "react/jsx-runtime";
-import { DeviationTag as h } from "../../../DeviationTag/index.js";
-import '../../../../assets/index-0R9p-l95.css';const u = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2177_11954)'%3e%3cpath%20d='M6.5001%205.5L10.6001%201.4'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11%203.41504V1.00005H8.585'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.5%201H4.5C2%201%201%202%201%204.5V7.5C1%2010%202%2011%204.5%2011H7.5C10%2011%2011%2010%2011%207.5V6.5'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2177_11954'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", m = "_card_4gun4_1", v = "_icon_4gun4_19", f = "_title_4gun4_22", p = "_value_4gun4_36", N = "_forecast_4gun4_48", e = {
+import { jsxs as a, Fragment as h, jsx as r } from "react/jsx-runtime";
+import { DeviationTag as g } from "../../../DeviationTag/index.js";
+import '../../../../assets/index-V_YjVwnC.css';const y = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2177_11954)'%3e%3cpath%20d='M6.5001%205.5L10.6001%201.4'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11%203.41504V1.00005H8.585'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.5%201H4.5C2%201%201%202%201%204.5V7.5C1%2010%202%2011%204.5%2011H7.5C10%2011%2011%2010%2011%207.5V6.5'%20stroke='%233060C1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2177_11954'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", m = "_card_1eyy9_1", v = "_icon_1eyy9_18", f = "_title_1eyy9_21", p = "_value_1eyy9_34", u = "_forecast_1eyy9_46", e = {
   card: m,
   icon: v,
   title: f,
-  "action-link": "_action-link_4gun4_29",
+  "action-link": "_action-link_1eyy9_28",
   value: p,
-  "date-range": "_date-range_4gun4_43",
-  "forecast-card": "_forecast-card_4gun4_48",
-  forecast: N,
-  "regular-card": "_regular-card_4gun4_54",
-  "secondary-section": "_secondary-section_4gun4_58"
+  "date-range": "_date-range_1eyy9_41",
+  "forecast-card": "_forecast-card_1eyy9_46",
+  forecast: u,
+  "regular-card": "_regular-card_1eyy9_52",
+  "secondary-section": "_secondary-section_1eyy9_56"
 };
-function x({
-  icon: s,
-  title: t,
+function w({
+  icon: t,
+  title: l,
   value: i,
   dateRange: o,
   deviationChip: c,
-  forecastValue: l,
+  forecastValue: n,
   className: _,
-  actionLink: n,
+  actionLink: s,
   secondarySection: d
 }) {
-  return /* @__PURE__ */ a(g, { children: [
+  return /* @__PURE__ */ a(h, { children: [
     /* @__PURE__ */ a(
       "div",
       {
-        className: `${e.card} ${l ? e.forecast : ""} ${_}`,
+        className: `${e.card} ${n ? e.forecast : ""} ${_}`,
         children: [
           /* @__PURE__ */ a("div", { className: e["regular-card"], children: [
-            (s || t) && /* @__PURE__ */ a("div", { className: e.header, children: [
-              s && /* @__PURE__ */ r("div", { className: e.icon, children: s }),
-              t && /* @__PURE__ */ r("div", { className: e.title, children: t })
+            (t || l) && /* @__PURE__ */ a("div", { className: e.header, children: [
+              t && /* @__PURE__ */ r("div", { className: e.icon, children: t }),
+              l && /* @__PURE__ */ r("div", { className: e.title, children: l })
             ] }),
             i && /* @__PURE__ */ r("div", { className: e.value, children: i }),
             o && /* @__PURE__ */ r("div", { className: e["date-range"], children: o }),
             c && /* @__PURE__ */ r(
-              h,
+              g,
               {
                 price: c.price ?? "",
                 percentage: c.percentage ?? "",
@@ -46,18 +46,18 @@ function x({
               }
             )
           ] }),
-          l && /* @__PURE__ */ a("div", { className: e["forecast-card"], children: [
+          n && /* @__PURE__ */ a("div", { className: e["forecast-card"], children: [
             /* @__PURE__ */ r("div", { className: e.title, children: "Forecast" }),
-            /* @__PURE__ */ r("div", { className: e.value, children: l })
+            /* @__PURE__ */ r("div", { className: e.value, children: n })
           ] }),
-          n?.href && /* @__PURE__ */ r(
+          s?.href && /* @__PURE__ */ r(
             "a",
             {
-              href: n?.href,
-              target: n?.target ?? "_blank",
+              href: s?.href,
+              target: s?.target ?? "_blank",
               rel: "noreferrer",
-              className: `${e["action-link"]} ${n?.className}`,
-              children: /* @__PURE__ */ r("img", { src: u, alt: "Redirection Link" })
+              className: `${e["action-link"]} ${s?.className}`,
+              children: /* @__PURE__ */ r("img", { src: y, alt: "Redirection Link" })
             }
           )
         ]
@@ -67,5 +67,5 @@ function x({
   ] });
 }
 export {
-  x as CardWithIconAndForecast
+  w as CardWithIconAndForecast
 };

package/dist/components/MultiSelect/SimpleMultiSelect.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as r, Fragment as ae } from "react/jsx-runtime";
 import { useState as v, useRef as ce, useEffect as de, useMemo as ie, useCallback as u } from "react";
-import { s as t } from "../../styles.module-DSbSTQeV.js";
+import { s as t } from "../../styles.module-Xxs9bBCg.js";
 import { Search as ue } from "../Search/index.js";
 import { S as me } from "../../info-icon-ooYw3va_.js";
 import { CKCheckbox as he } from "../CKCheckbox/index.js";

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

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import { s as l } from "../../../styles.module-DSbSTQeV.js";
+import { s as l } from "../../../styles.module-Xxs9bBCg.js";
 import { CKButton as r } from "../../CKButton/index.js";
 import { mergeClasses as e } from "../../../utils/mergeClasses.js";
 const y = ({

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

@@ -1,6 +1,6 @@
 import { jsxs as p, jsx as i } from "react/jsx-runtime";
 import { memo as a, useCallback as l } from "react";
-import { s as m } from "../../../styles.module-DSbSTQeV.js";
+import { s as m } from "../../../styles.module-Xxs9bBCg.js";
 import { CKCheckbox as d } from "../../CKCheckbox/index.js";
 import { mergeClasses as t } from "../../../utils/mergeClasses.js";
 const u = a(function({