@ck-ui/component-library 0.2.0 → 1.0.0

package/dist/components/MAVDropdown/index.js

@@ -0,0 +1,162 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { useState as h, useRef as v, useCallback as D } from "react";
+import { Popover as C } from "../Popover/index.js";
+import { Tooltip as M } from "../Tooltip/index.js";
+import { mergeClasses as u } from "../../utils/mergeClasses.js";
+import { S as A } from "../../chevron-down-Cm9R64Fe.js";
+import '../../assets/index-PKpDB4Cl.css';const s = {
+  "ckds-mav-dropdown": "_ckds-mav-dropdown_1w4zu_1",
+  "ckds-mav-trigger": "_ckds-mav-trigger_1w4zu_7",
+  "ckds-mav-trigger--open": "_ckds-mav-trigger--open_1w4zu_19",
+  "ckds-mav-trigger-content": "_ckds-mav-trigger-content_1w4zu_27",
+  "ckds-mav-trigger-label": "_ckds-mav-trigger-label_1w4zu_34",
+  "ckds-mav-trigger-selected": "_ckds-mav-trigger-selected_1w4zu_42",
+  "ckds-mav-chevron": "_ckds-mav-chevron_1w4zu_52",
+  "ckds-mav-chevron--open": "_ckds-mav-chevron--open_1w4zu_65",
+  "ckds-mav-popover": "_ckds-mav-popover_1w4zu_69",
+  "ckds-mav-item-list": "_ckds-mav-item-list_1w4zu_77",
+  "ckds-mav-item": "_ckds-mav-item_1w4zu_77",
+  "ckds-mav-item-label": "_ckds-mav-item-label_1w4zu_110",
+  "ckds-mav-item-sublabel": "_ckds-mav-item-sublabel_1w4zu_113",
+  "ckds-mav-item--active": "_ckds-mav-item--active_1w4zu_121"
+};
+function z({ text: t, className: n }) {
+  const r = v(null), [k, o] = h(!1);
+  return /* @__PURE__ */ a(M, { title: k ? t : "", placement: "top", children: /* @__PURE__ */ a(
+    "span",
+    {
+      ref: r,
+      className: n,
+      onMouseEnter: () => {
+        r.current && r.current.scrollWidth > r.current.clientWidth && o(!0);
+      },
+      onMouseLeave: () => o(!1),
+      children: t
+    }
+  ) });
+}
+function R({
+  triggerLabel: t = "MAV",
+  selectedItem: n,
+  items: r,
+  onSelect: k,
+  listHeight: o = "200px",
+  className: f
+}) {
+  const [l, c] = h(!1), [N, x] = h(!1), g = v(null), i = v(null), p = v(null), E = D(() => {
+    i.current && x(i.current.scrollWidth > i.current.clientWidth);
+  }, []), b = () => {
+    p.current && clearTimeout(p.current), c(!0);
+  }, w = () => {
+    p.current = setTimeout(() => c(!1), 120);
+  }, T = (e) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), c((d) => !d)), e.key === "Escape" && c(!1);
+  }, y = (e) => {
+    k(e), c(!1);
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: u(s["ckds-mav-dropdown"], f),
+      onMouseEnter: b,
+      onMouseLeave: w,
+      children: [
+        /* @__PURE__ */ m(
+          "button",
+          {
+            ref: g,
+            type: "button",
+            className: u(
+              s["ckds-mav-trigger"],
+              l && s["ckds-mav-trigger--open"]
+            ),
+            onKeyDown: T,
+            "aria-haspopup": "listbox",
+            "aria-expanded": l,
+            "aria-label": `${t}: ${n.label}, open MAV selector`,
+            children: [
+              /* @__PURE__ */ m("span", { className: s["ckds-mav-trigger-content"], children: [
+                /* @__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: n.label
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ a(
+                "span",
+                {
+                  className: u(
+                    s["ckds-mav-chevron"],
+                    l && s["ckds-mav-chevron--open"]
+                  ),
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ a(A, {})
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          C,
+          {
+            open: l,
+            onClose: () => c(!1),
+            anchorRef: g,
+            align: "left",
+            minWidth: "0",
+            className: s["ckds-mav-popover"],
+            children: /* @__PURE__ */ a(
+              "div",
+              {
+                onMouseEnter: b,
+                onMouseLeave: w,
+                children: /* @__PURE__ */ a(
+                  "ul",
+                  {
+                    role: "listbox",
+                    "aria-label": `${t} options`,
+                    className: s["ckds-mav-item-list"],
+                    style: { maxHeight: o },
+                    children: r.map((e) => {
+                      const d = e.key === n.key;
+                      return /* @__PURE__ */ m(
+                        "li",
+                        {
+                          role: "option",
+                          "aria-selected": d,
+                          className: u(
+                            s["ckds-mav-item"],
+                            d && s["ckds-mav-item--active"]
+                          ),
+                          onClick: () => y(e),
+                          onKeyDown: (_) => {
+                            (_.key === "Enter" || _.key === " ") && (_.preventDefault(), y(e));
+                          },
+                          tabIndex: 0,
+                          children: [
+                            /* @__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
+                      );
+                    })
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+R.displayName = "MAVDropdown";
+export {
+  R as MAVDropdown
+};

package/dist/components/MenuOptions/_types/menuOptions.types.d.ts

@@ -22,21 +22,15 @@ export interface MenuOptionsProps {
     onClose: () => void;
     btnRef?: HTMLElement | null;
     parentRef?: HTMLElement | null;
-    className?: string;
-    /** Controlled: key of the currently selected menu or submenu item */
+    classname?: string;
     selectedKey?: string;
-    /** Called when a (non-submenu-parent) item is clicked */
     onSelect?: (key: string) => void;
-    /** Radio category values — Record<categoryKey, selectedItemKey> */
     selectedRadioValues?: Record<string, string>;
     onRadioChange?: (categoryKey: string, itemKey: string) => void;
-    /** Key of the submenu that is currently open (hover-driven). Lift to parent if needed. */
     activeSubmenuKey?: string;
     setActiveSubmenuKey?: (key: string) => void;
-    /** Renders a search input at the top of the menu that filters items by label */
     searchable?: boolean;
     searchPlaceholder?: string;
-    /** Debounce delay in ms for the search input. Defaults to 0. */
     searchDebounceMs?: number;
 }
 export interface MenuItemProps {

package/dist/components/MenuOptions/_types/menuOptions.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuOptions.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/MenuOptions/_types/menuOptions.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC"}
+{"version":3,"file":"menuOptions.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/MenuOptions/_types/menuOptions.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC"}

package/dist/components/MenuOptions/_utils/computeMenuPosition.js

@@ -4,7 +4,7 @@ function G(i) {
 function g(i, r, c) {
   const n = i.getBoundingClientRect(), o = G(c), e = Math.min(
     r * 32 + 16,
-    o.height - 8 * 2
+    o.height - 16
   );
   let t = n.bottom + 4;
   return t + e > o.bottom - 8 && (t = n.top - e - 4), t < o.top + 8 && (t = o.top + 8), n.left + 238 > o.right - 8 ? { top: t, right: window.innerWidth - n.right } : { top: t, left: n.left };

package/dist/components/MenuOptions/_utils/computeSubmenuPosition.js

@@ -1,5 +1,5 @@
 function N(t, i) {
-  const E = window.innerWidth, o = window.innerHeight, G = Math.min(i * 32 + 16, o - 8 * 2);
+  const E = window.innerWidth, o = window.innerHeight, G = Math.min(i * 32 + 16, o - 16);
   let n = t.top;
   return n + G > o - 8 && (n = o - G - 8), n < 8 && (n = 8), t.right + 12 + 238 > E - 8 ? { top: n, right: E - t.left + 12 } : { top: n, left: t.right + 12 };
 }

package/dist/components/MenuOptions/index.d.ts

@@ -1,5 +1,5 @@
 import { MenuOptionsProps } from './_types/menuOptions.types';
 export type { MenuOptionsProps, MenuOptionItem, MenuCategoriesData, MenuCategory, } from './_types/menuOptions.types';
 export { MenuOptionsWrapper } from './MenuOptionsWrapper';
-export declare function MenuOptions({ categories, open, onClose, btnRef, parentRef, className, selectedKey, onSelect, selectedRadioValues, onRadioChange, activeSubmenuKey, setActiveSubmenuKey, searchable, searchPlaceholder, searchDebounceMs, }: MenuOptionsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MenuOptions({ categories, open, onClose, btnRef, parentRef, classname, selectedKey, onSelect, selectedRadioValues, onRadioChange, activeSubmenuKey, setActiveSubmenuKey, searchable, searchPlaceholder, searchDebounceMs, }: MenuOptionsProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MenuOptions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAQnE,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,YAAY,GACb,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACV,iBAA4B,EAC5B,gBAAsB,GACvB,EAAE,gBAAgB,kDAgJlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MenuOptions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAQnE,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,YAAY,GACb,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACV,iBAA4B,EAC5B,gBAAsB,GACvB,EAAE,gBAAgB,kDAkJlB"}

package/dist/components/MenuOptions/index.js

@@ -1,12 +1,12 @@
 import { jsxs as j, jsx as i } from "react/jsx-runtime";
-import { useRef as W, useState as v, useEffect as p, useCallback as $, useMemo as q } from "react";
+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 B } from "../../MenuItem-DlaRT10y.js";
-import { RadioMenuItem as D } from "./_helpers/RadioMenuItem.js";
-import { mergeClasses as G } from "../../utils/mergeClasses.js";
-import { Search as H } from "../Search/index.js";
-import { filterMenuCategories as J } from "./_utils/filterMenuCategories.js";
-import { computeMenuPosition as T } from "./_utils/computeMenuPosition.js";
+import { M as G } from "../../MenuItem-DlaRT10y.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";
+import { filterMenuCategories as T } from "./_utils/filterMenuCategories.js";
+import { computeMenuPosition as U } from "./_utils/computeMenuPosition.js";
 import { MenuOptionsWrapper as ne } from "./MenuOptionsWrapper.js";
 function ee({
   categories: a,
@@ -14,19 +14,19 @@ function ee({
   onClose: o,
   btnRef: u,
   parentRef: w,
-  className: x,
-  selectedKey: y,
-  onSelect: N,
-  selectedRadioValues: O,
-  onRadioChange: S,
-  activeSubmenuKey: z,
+  classname: y,
+  selectedKey: N,
+  onSelect: O,
+  selectedRadioValues: S,
+  onRadioChange: z,
+  activeSubmenuKey: I,
   setActiveSubmenuKey: l,
   searchable: c,
-  searchPlaceholder: I = "Search",
-  searchDebounceMs: P = 300
+  searchPlaceholder: P = "Search",
+  searchDebounceMs: Q = 300
 }) {
-  const h = W(null), [d, k] = v(null), [Q, C] = v(
-    O ?? {}
+  const h = q(null), [d, k] = v(null), [C, F] = v(
+    S ?? {}
   ), [f, E] = v("");
   p(() => {
     if (!r) return;
@@ -44,8 +44,8 @@ function ee({
   const g = Object.values(a).reduce(
     (e, t) => e + t.items.length,
     0
-  ), n = $(() => {
-    u && k(T(u, g, w));
+  ), n = B(() => {
+    u && k(U(u, g, w));
   }, [u, w, g]);
   p(() => {
     r ? (n(), l?.("")) : (k(null), E(""));
@@ -59,8 +59,8 @@ function ee({
       window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", e);
     };
   }, [r, n, l]);
-  const M = q(
-    () => c ? J(a, f) : a,
+  const M = D(
+    () => c ? T(a, f) : a,
     [c, f, a]
   );
   return r ? /* @__PURE__ */ j(
@@ -68,7 +68,7 @@ function ee({
     {
       ref: h,
       tabIndex: -1,
-      className: G(m["ckds-menu-panel"], x),
+      className: x(m["ckds-menu-panel"], y),
       style: {
         top: d?.top,
         visibility: d ? "visible" : "hidden",
@@ -76,37 +76,43 @@ function ee({
       },
       children: [
         c && /* @__PURE__ */ i("div", { className: m["menu-search-wrapper"], children: /* @__PURE__ */ i(
-          H,
+          J,
           {
             value: f,
             onChange: E,
-            placeholder: I,
+            placeholder: P,
             size: "medium",
             autoFocus: !0,
-            debounceMs: P
+            debounceMs: Q
           }
         ) }),
-        c && f.trim() && Object.keys(M).length === 0 && /* @__PURE__ */ i("span", { className: `ckds-cap-reg ${m["menu-no-results"]}`, children: "0 Result" }),
-        Object.entries(M).map(([e, t], F) => /* @__PURE__ */ j("div", { className: m["menu-category"], children: [
-          F > 0 && /* @__PURE__ */ i("hr", { className: m["menu-divider"] }),
+        c && f.trim() && Object.keys(M).length === 0 && /* @__PURE__ */ i(
+          "span",
+          {
+            className: x("ckds-cap-reg", m["menu-no-results"]),
+            children: "0 Result"
+          }
+        ),
+        Object.entries(M).map(([e, t], R) => /* @__PURE__ */ j("div", { className: m["menu-category"], children: [
+          R > 0 && /* @__PURE__ */ i("hr", { className: m["menu-divider"] }),
           t.type === "radio" ? t.items.map((s) => /* @__PURE__ */ i(
-            D,
+            H,
             {
               item: s,
-              checked: Q[e] === s.key,
+              checked: C[e] === s.key,
               onSelect: (L) => {
-                C((R) => ({ ...R, [e]: L })), S?.(e, L);
+                F((W) => ({ ...W, [e]: L })), z?.(e, L);
               }
             },
             s.key
           )) : t.items.map((s) => /* @__PURE__ */ i(
-            B,
+            G,
             {
               item: s,
               onClose: o,
-              selectedKey: y,
-              onSelect: N,
-              activeSubmenuKey: z,
+              selectedKey: N,
+              onSelect: O,
+              activeSubmenuKey: I,
               onSubmenuActivate: l
             },
             s.key

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

@@ -1,63 +1,63 @@
-import { jsxs as c, 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", p = "_title_4gun4_22", f = "_value_4gun4_36", N = "_forecast_4gun4_48", e = {
-  card: m,
-  icon: v,
+import { jsxs as a, Fragment as _, jsx as r } from "react/jsx-runtime";
+import { DeviationTag as m } from "../../../DeviationTag/index.js";
+import '../../../../assets/index-YHUWVH17.css';const g = "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", v = "_card_12h7m_1", f = "_icon_12h7m_19", p = "_title_12h7m_22", u = "_value_12h7m_36", N = "_forecast_12h7m_48", e = {
+  card: v,
+  icon: f,
   title: p,
-  "action-link": "_action-link_4gun4_29",
-  value: f,
-  "date-range": "_date-range_4gun4_43",
-  "forecast-card": "_forecast-card_4gun4_48",
+  "action-link": "_action-link_12h7m_29",
+  value: u,
+  "date-range": "_date-range_12h7m_43",
+  "forecast-card": "_forecast-card_12h7m_48",
   forecast: N,
-  "regular-card": "_regular-card_4gun4_54",
-  "secondary-section": "_secondary-section_4gun4_58"
+  "regular-card": "_regular-card_12h7m_54",
+  "secondary-section": "_secondary-section_12h7m_58"
 };
-function C({
-  icon: n,
-  title: i,
-  value: t,
-  dateRange: l,
-  deviationChip: o,
-  forecastValue: s,
-  className: _,
-  actionLink: a,
+function x({
+  icon: t,
+  title: l,
+  value: i,
+  dateRange: o,
+  deviationChip: c,
+  forecastValue: n,
+  className: h,
+  actionLink: s,
   secondarySection: d
 }) {
-  return /* @__PURE__ */ c(g, { children: [
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ a(_, { children: [
+    /* @__PURE__ */ a(
       "div",
       {
-        className: `${e.card} ${s ? e.forecast : ""} ${_}`,
+        className: `${e.card} ${n ? e.forecast : ""} ${h}`,
         children: [
-          /* @__PURE__ */ c("div", { className: e["regular-card"], children: [
-            (n || i) && /* @__PURE__ */ c("div", { className: e.header, children: [
-              n && /* @__PURE__ */ r("div", { className: e.icon, children: n }),
-              i && /* @__PURE__ */ r("div", { className: e.title, children: i })
+          /* @__PURE__ */ a("div", { className: e["regular-card"], children: [
+            (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 })
             ] }),
-            t && /* @__PURE__ */ r("div", { className: e.value, children: t }),
-            l && /* @__PURE__ */ r("div", { className: e["date-range"], children: l }),
-            o && /* @__PURE__ */ r(
-              h,
+            i && /* @__PURE__ */ r("div", { className: e.value, children: i }),
+            o && /* @__PURE__ */ r("div", { className: e["date-range"], children: o }),
+            c && /* @__PURE__ */ r(
+              m,
               {
-                price: "+$1,100",
-                percentage: "0.13",
-                arrowDirection: "up",
-                arrowColor: "green"
+                price: c.price ?? "",
+                percentage: c.percentage ?? "",
+                arrowDirection: c.arrowDirection,
+                arrowColor: c.arrowColor ?? "green"
               }
             )
           ] }),
-          s && /* @__PURE__ */ c("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: s })
+            /* @__PURE__ */ r("div", { className: e.value, children: n })
           ] }),
-          a?.href && /* @__PURE__ */ r(
+          s?.href && /* @__PURE__ */ r(
             "a",
             {
-              href: a?.href,
-              target: a?.target ?? "_blank",
+              href: s?.href,
+              target: s?.target ?? "_blank",
               rel: "noreferrer",
-              className: `${e["action-link"]} ${a?.className}`,
-              children: /* @__PURE__ */ r("img", { src: u, alt: "Redirection Link" })
+              className: `${e["action-link"]} ${s?.className}`,
+              children: /* @__PURE__ */ r("img", { src: g, alt: "Redirection Link" })
             }
           )
         ]
@@ -67,5 +67,5 @@ function C({
   ] });
 }
 export {
-  C as CardWithIconAndForecast
+  x as CardWithIconAndForecast
 };

package/dist/components/MultiSelect/SimpleMultiSelect.d.ts

@@ -0,0 +1,22 @@
+import { MultiSelectOption, ClassNames } from './_types/type';
+export interface SimpleMultiSelectProps {
+    label?: string;
+    helperText?: React.ReactNode;
+    required?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    /** Custom label for the "Select all" checkbox. Defaults to "Select all". */
+    selectAllLabel?: string;
+    options: MultiSelectOption[];
+    defaultSelected?: MultiSelectOption[];
+    onApply: (selected: MultiSelectOption[], exclude: boolean) => void;
+    exclude: boolean;
+    setExclude: React.Dispatch<React.SetStateAction<boolean>>;
+    onSelect?: () => void;
+    onClear?: () => void;
+    classNames?: ClassNames;
+    showExcludeBtn?: boolean;
+    width?: string | number;
+}
+export declare function SimpleMultiSelect({ label, helperText, required, placeholder, searchPlaceholder, selectAllLabel, options, defaultSelected, onApply, exclude, setExclude, onSelect, onClear, classNames, showExcludeBtn, width, }: SimpleMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SimpleMultiSelect.d.ts.map

package/dist/components/MultiSelect/SimpleMultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleMultiSelect.d.ts","sourceRoot":"","sources":["../../../lib/components/MultiSelect/SimpleMultiSelect.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AAKjF,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACtC,OAAO,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,UAAU,EACV,QAAQ,EACN,WAAgC,EAClC,iBAA4B,EAC5B,cAA6B,EAC7B,OAAO,EACP,eAAoB,EACpB,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAe,EACf,cAAc,EACd,KAAU,GACX,EAAE,sBAAsB,2CAiPxB"}