@ck-ui/component-library 0.3.0 → 1.0.1

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "../../../styles.module-CmWIIYpK.js";
+import { s as i } from "../../../styles.module-DakCndIP.js";
 import { Tooltip as f } from "../../Tooltip/index.js";
 import { useRef as a, useState as d, useLayoutEffect as u } from "react";
 import { mergeClasses as p } from "../../../utils/mergeClasses.js";

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

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { s as e } from "../../../styles.module-CmWIIYpK.js";
+import { s as e } from "../../../styles.module-DakCndIP.js";
 import { Toggle as p } from "../../Toggle/index.js";
 import { mergeClasses as a } from "../../../utils/mergeClasses.js";
 const g = ({

package/dist/components/MultiSelect/_helpers/TagContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagContent.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/TagContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAI9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,QAAA,MAAM,UAAU,6CAuDd,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"TagContent.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/TagContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAI9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,QAAA,MAAM,UAAU,6CA0Dd,CAAC;AAEH,eAAe,UAAU,CAAC"}

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

@@ -1,47 +1,48 @@
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import h, { useRef as v, useState as g, useLayoutEffect as w, useCallback as l } from "react";
-import { S as C } from "../../../cancel-BAgTEOGD.js";
-import { s } from "../../../styles.module-CmWIIYpK.js";
-import { Tooltip as O } from "../../Tooltip/index.js";
-const T = h.memo(function({
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import v, { useRef as g, useState as w, useLayoutEffect as C, useCallback as l } from "react";
+import { S as O } from "../../../cancel-BAgTEOGD.js";
+import { s } from "../../../styles.module-DakCndIP.js";
+import { Tooltip as R } from "../../Tooltip/index.js";
+const j = v.memo(function({
   label: t,
   value: n,
-  onRemove: r
+  onRemove: r,
+  hideCross: f = !1
 }) {
-  const c = v(null), [f, m] = g(!1);
-  w(() => {
+  const c = g(null), [m, p] = w(!1);
+  C(() => {
     const e = c.current;
     if (!e) return;
     const a = () => {
-      m(e.scrollWidth > e.clientWidth + 1);
+      p(e.scrollWidth > e.clientWidth + 1);
     };
     a();
     const i = new ResizeObserver(a);
     return i.observe(e), () => i.disconnect();
   }, [t]);
-  const p = l(
+  const d = l(
     (e) => e.stopPropagation(),
     []
-  ), d = l(
+  ), u = l(
     (e) => {
       e.preventDefault(), e.stopPropagation(), r(n, t, !1, !0);
     },
     [n, t, r]
   );
-  return /* @__PURE__ */ u("div", { className: s["selected-tag-wrapper"], children: [
-    /* @__PURE__ */ o(O, { title: f ? t : "", placement: "bottom", children: /* @__PURE__ */ o("span", { ref: c, className: s["selected-tag-content"], children: t }) }),
-    /* @__PURE__ */ o(
-      C,
+  return /* @__PURE__ */ h("div", { className: s["selected-tag-wrapper"], children: [
+    /* @__PURE__ */ o(R, { title: m ? t : "", placement: "bottom", children: /* @__PURE__ */ o("span", { ref: c, className: s["selected-tag-content"], children: t }) }),
+    !f && /* @__PURE__ */ o(
+      O,
       {
         className: s["remove-icon"],
         width: "14",
         height: "14",
-        onMouseDown: p,
-        onClick: d
+        onMouseDown: d,
+        onClick: u
       }
     )
   ] });
 });
 export {
-  T as default
+  j as default
 };

package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/TriggerButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIzD,QAAA,MAAM,aAAa,GAAI,yJAapB,kBAAkB,4CA2DpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/TriggerButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIzD,QAAA,MAAM,aAAa,GAAI,yJAapB,kBAAkB,4CA6DpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,70 +1,75 @@
-import { jsxs as s, jsx as e, Fragment as b } from "react/jsx-runtime";
-import { s as r } from "../../../styles.module-CmWIIYpK.js";
+import { jsxs as t, jsx as l, Fragment as C } from "react/jsx-runtime";
+import { s as r } from "../../../styles.module-DakCndIP.js";
 import { CKTag as N } from "../../CKTag/index.js";
 import { S as k } from "../../../chevron-down-Cm9R64Fe.js";
 import w from "./TagContent.js";
-import C from "./OverflowMenu.js";
-import { mergeClasses as a } from "../../../utils/mergeClasses.js";
-const A = ({
-  open: t,
-  selected: l,
+import y from "./OverflowMenu.js";
+import { mergeClasses as o } from "../../../utils/mergeClasses.js";
+const D = ({
+  open: c,
+  selected: e,
   placeholder: m,
   showMenu: d,
-  isAllSelected: p,
-  selectAllLabel: g,
-  requireSelection: c,
+  isAllSelected: g,
+  selectAllLabel: p,
+  requireSelection: n,
   onToggleOpen: h,
   onToggleMenu: f,
   onRemove: u,
   classNames: i,
-  maxChips: o = 2
-}) => /* @__PURE__ */ s(
+  maxChips: a = 2
+}) => /* @__PURE__ */ t(
   "button",
   {
-    className: a(
+    className: o(
       r.trigger,
-      t ? r["trigger-open"] : "",
+      c ? r["trigger-open"] : "",
       i?.dropdownOpenerWrapperClass ?? ""
     ),
     onClick: h,
     type: "button",
     children: [
-      l?.length > 0 ? /* @__PURE__ */ e("div", { className: r["selected-tags-container"], children: p ? /* @__PURE__ */ e("span", { className: a("ckds-body-sm-reg", r["select-all-label"]), children: g }) : /* @__PURE__ */ s(b, { children: [
-        l.map((n, v) => v >= o ? null : /* @__PURE__ */ e(N, { variation: "INFO", size: "small", fill: "soft", children: /* @__PURE__ */ e(
-          w,
-          {
-            label: n?.label,
-            value: n?.value,
-            onRemove: u
-          }
-        ) }, n.value)),
-        l?.length > o && /* @__PURE__ */ s(
+      e?.length > 0 ? /* @__PURE__ */ l("div", { className: r["selected-tags-container"], children: g ? /* @__PURE__ */ l("span", { className: o("ckds-body-sm-reg", r["select-all-label"]), children: p }) : /* @__PURE__ */ t(C, { children: [
+        e.map((s, v) => {
+          if (v >= a) return null;
+          const b = !!(n && e.length === 1);
+          return /* @__PURE__ */ l(N, { variation: "INFO", size: "small", fill: "soft", children: /* @__PURE__ */ l(
+            w,
+            {
+              label: s?.label,
+              value: s?.value,
+              onRemove: u,
+              hideCross: b
+            }
+          ) }, s.value);
+        }),
+        e?.length > a && /* @__PURE__ */ t(
           "span",
           {
-            className: a("ckds-cap-med", r["overflow-count"]),
+            className: o("ckds-cap-med", r["overflow-count"]),
             onClick: f,
             children: [
               "...+",
-              l?.length - o
+              e?.length - a
             ]
           }
         ),
-        d && /* @__PURE__ */ e(C, { selected: l, maxChips: o })
-      ] }) }) : /* @__PURE__ */ e(
+        d && /* @__PURE__ */ l(y, { selected: e, maxChips: a })
+      ] }) }) : /* @__PURE__ */ l(
         "span",
         {
-          className: a(
+          className: o(
             "ckds-body-sm-reg",
-            c ? r["placeholder-required"] : r.placeholder,
+            n ? r["placeholder-required"] : r.placeholder,
             i?.placeholderClass ?? ""
           ),
-          children: c ? "Select Atleast One" : m
+          children: n ? "Select Atleast One" : m
         }
       ),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ l(
         k,
         {
-          className: a(r.chevron, t ? r["chevron-up"] : ""),
+          className: o(r.chevron, c ? r["chevron-up"] : ""),
           width: "14",
           height: "14"
         }
@@ -73,5 +78,5 @@ const A = ({
   }
 );
 export {
-  A as default
+  D as default
 };

package/dist/components/MultiSelect/_types/type.d.ts

@@ -42,6 +42,8 @@ export interface MultiSelectProps {
     /** When true, at least one option must be selected before Apply is enabled.
      *  The "Exclude" toggle and "Clear all" button are also hidden. */
     requireSelection?: boolean;
+    width?: string | number;
+    disabled?: boolean;
 }
 export interface OptionRowProps {
     value: string;
@@ -82,6 +84,8 @@ export interface TagContentProps {
     label: string;
     value: string;
     onRemove: (val: string, label: string, isMenuClick?: boolean, isChip?: boolean) => void;
+    /** When true, hides the remove (cross) icon on the chip. */
+    hideCross?: boolean;
 }
 export interface ResultProps {
     totalResults: number;

package/dist/components/MultiSelect/_types/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_types/type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_types/type.ts"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 import { MultiSelectProps } from './_types/type';
 export type { MultiSelectOption, MultiSelectProps } from './_types/type';
-export declare function MultiSelect({ label, helperText, required, placeholder, searchPlaceholder, selectAllLabel, options, defaultSelected, onApply, exclude, setExclude, onSelect, onClear, classNames, showExcludeBtn, requireSelection, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultiSelect({ label, helperText, required, placeholder, searchPlaceholder, selectAllLabel, options, defaultSelected, onApply, exclude, setExclude, onSelect, onClear, classNames, showExcludeBtn, requireSelection, width, disabled, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MultiSelect/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAC;AAMpE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEzE,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAgC,EAChC,iBAA4B,EAC5B,cAA6B,EAC7B,OAAO,EACP,eAAoB,EACpB,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAe,EACf,cAAc,EACd,gBAAwB,GACzB,EAAE,gBAAgB,2CAgQlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MultiSelect/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAC;AAMpE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEzE,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAgC,EAChC,iBAA4B,EAC5B,cAA6B,EAC7B,OAAO,EACP,eAAoB,EACpB,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAe,EACf,cAAc,EACd,gBAAwB,EACxB,KAAU,EACV,QAAgB,GACjB,EAAE,gBAAgB,2CAoRlB"}

package/dist/components/MultiSelect/index.js

@@ -1,225 +1,228 @@
-import { jsxs as d, jsx as n, Fragment as re } from "react/jsx-runtime";
-import { useState as g, useRef as oe, useEffect as ce, useMemo as Q, useCallback as h } from "react";
-import { s as a } from "../../styles.module-CmWIIYpK.js";
-import { Search as de } from "../Search/index.js";
-import { S as he } from "../../info-icon-ooYw3va_.js";
-import { CKCheckbox as me } from "../CKCheckbox/index.js";
-import ie from "./_helpers/TriggerButton.js";
-import ge from "./_helpers/OptionRow.js";
-import pe from "./_helpers/SearchResult.js";
-import ue from "./_helpers/DropdownFooter.js";
-import { getInitialSelected as W } from "./_utils/getInitialSelected.js";
-import { filterOptions as fe } from "./_utils/filterOptions.js";
-import { computeApplyDisabled as Ce } from "./_utils/computeApplyDisabled.js";
-import { mergeClasses as p } from "../../utils/mergeClasses.js";
-function Te({
-  label: I,
-  helperText: M,
-  required: K,
-  placeholder: P = "Choose parameter",
-  searchPlaceholder: G = "Search",
-  selectAllLabel: O = "Select all",
+import { jsxs as h, jsx as o, Fragment as me } from "react/jsx-runtime";
+import { useState as m, useRef as ge, useEffect as K, useMemo as S, useCallback as g } from "react";
+import { s as a } from "../../styles.module-DakCndIP.js";
+import { Search as ie } from "../Search/index.js";
+import { S as pe } from "../../info-icon-ooYw3va_.js";
+import { CKCheckbox as fe } from "../CKCheckbox/index.js";
+import ue from "./_helpers/TriggerButton.js";
+import Ce from "./_helpers/OptionRow.js";
+import ve from "./_helpers/SearchResult.js";
+import we from "./_helpers/DropdownFooter.js";
+import { getInitialSelected as P } from "./_utils/getInitialSelected.js";
+import { filterOptions as be } from "./_utils/filterOptions.js";
+import { computeApplyDisabled as ye } from "./_utils/computeApplyDisabled.js";
+import { mergeClasses as i } from "../../utils/mergeClasses.js";
+function ze({
+  label: D,
+  helperText: k,
+  required: G,
+  placeholder: H = "Choose parameter",
+  searchPlaceholder: J = "Search",
+  selectAllLabel: T = "Select all",
   options: l,
-  defaultSelected: T = [],
-  onApply: D,
-  exclude: y,
-  setExclude: H,
-  onSelect: B,
-  onClear: j,
-  classNames: m = {},
-  showExcludeBtn: J,
-  requireSelection: r = !1
+  defaultSelected: x = [],
+  onApply: B,
+  exclude: c,
+  setExclude: U,
+  onSelect: j,
+  onClear: z,
+  classNames: p = {},
+  showExcludeBtn: V,
+  requireSelection: r = !1,
+  width: X = "",
+  disabled: A = !1
 }) {
-  const { labelWrapperClass: U, helperClass: V } = m, [C, v] = g(!1), [b, w] = g(""), [t, z] = g(
-    () => W(T)
-  ), [o, u] = g(
-    () => W(T)
-  ), [X, f] = g(!1), [Y, c] = g(!1), N = oe(null);
-  ce(() => {
-    const e = (s) => {
-      N.current && !N.current.contains(s.target) && (u(t), f(t?.length === l?.length), v(!1), c(!1), w(""));
+  const { labelWrapperClass: Y, helperClass: Z } = p, [N, v] = m(!1), [w, b] = m(""), [s, F] = m(
+    () => P(x)
+  ), [n, C] = m(
+    () => P(x)
+  ), [L, _] = m(c), [q, f] = m(!1), [ee, d] = m(!1), E = ge(null);
+  K(() => {
+    f(s?.length === l?.length);
+  }, []), K(() => {
+    const e = (t) => {
+      E.current && !E.current.contains(t.target) && (C(s), f(s?.length === l?.length), v(!1), d(!1), b(""));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [t, l.length]);
-  const S = Q(
-    () => fe(l, b),
-    [l, b]
-  ), x = r ? 1 : 2, F = h(
-    (e, s, i, ae) => {
-      i || c(!1);
-      const L = (k) => {
-        const E = k?.some((R) => R?.value === e) ? k?.filter((R) => R?.value !== e) : [...k, { value: e, label: s }];
-        return f(E?.length === l?.length), E?.length <= x && c(!1), E;
+  }, [s, l.length]);
+  const R = S(
+    () => be(l, w),
+    [l, w]
+  ), I = 2, Q = g(
+    (e, t, u, he) => {
+      u || d(!1);
+      const $ = (y) => {
+        const M = y?.some((O) => O?.value === e) ? y?.filter((O) => O?.value !== e) : [...y, { value: e, label: t }];
+        return f(M?.length === l?.length), M?.length <= I && d(!1), M;
       };
-      if (ae) {
-        if (r && t?.length === 1 && t[0]?.value === e)
+      if (he) {
+        if (r && s?.length === 1 && s[0]?.value === e)
           return;
-        z(L);
+        F($);
       }
-      u(L), B?.();
+      C($), j?.();
     },
-    [x, l.length, B, r, t]
-  ), Z = h(() => {
-    c(!1), f((e) => {
-      const s = !e;
-      return u(
-        s ? l?.map((i) => ({ value: i?.value, label: i?.label })) : []
-      ), s;
+    [I, l.length, j, r, s]
+  ), le = g(() => {
+    d(!1), f((e) => {
+      const t = !e;
+      return C(
+        t ? l?.map((u) => ({ value: u?.value, label: u?.label })) : []
+      ), t;
     });
-  }, [l]), _ = h(() => {
-    u([]), f(!1), j?.();
-  }, [j]), $ = h(() => {
-    const e = l?.filter((s) => o?.some((i) => i?.value === s?.value))?.map((s) => ({ ...s, isChecked: !0 }));
-    D(e, y), z(o), v(!1);
-  }, [l, o, y, D]), q = h(() => {
-    u(t), f(t?.length === l?.length), c(!1), v(!1), w("");
-  }, [t, l.length]), ee = h(() => {
-    v((e) => !e), c(!1);
-  }, []), le = h((e) => {
-    e.stopPropagation(), c((s) => !s);
-  }, []), se = Q(
-    () => Ce(o, t, r),
-    [o, t, r]
-  ), A = C ? o : t, te = A?.length === 0, ne = A?.length === l?.length && l?.length > 0;
-  return /* @__PURE__ */ d("div", { className: a["ckds-wrapper"], children: [
-    I && !r && /* @__PURE__ */ d(
+  }, [l]), te = g(() => {
+    C([]), f(!1), z?.();
+  }, [z]), se = g(() => {
+    const e = l?.filter((t) => n?.some((u) => u?.value === t?.value))?.map((t) => ({ ...t, isChecked: !0 }));
+    B(e, c), F(n), _(c), v(!1);
+  }, [l, n, c, B]), ne = g(() => {
+    C(s), f(s?.length === l?.length), d(!1), v(!1), b("");
+  }, [s, l.length]), ae = g(() => {
+    A || (v((e) => !e), d(!1));
+  }, [A]), re = g((e) => {
+    e.stopPropagation(), d((t) => !t);
+  }, []), oe = S(
+    () => c !== L && n?.length > 0 ? !1 : ye(n, s, r),
+    [n, s, r, c, L]
+  ), W = N ? n : s, ce = r && W?.length === l?.length && l?.length > 0, de = S(() => !r && n.length > 0 && n.length < l.length, [n, l.length, r]);
+  return /* @__PURE__ */ h("div", { className: `${a["ckds-wrapper"]} ${A ? a["ckds-wrapper-disabled"] : ""}`, style: { width: X }, children: [
+    D && !r && /* @__PURE__ */ h(
       "span",
       {
-        className: p(
+        className: i(
           "ckds-body-xs-med",
           a["label-wrapper"],
-          U ?? ""
+          Y ?? ""
         ),
         children: [
-          I,
-          K && /* @__PURE__ */ n("span", { className: a.required, children: " *" })
+          D,
+          G && /* @__PURE__ */ o("span", { className: a.required, children: " *" })
         ]
       }
     ),
-    /* @__PURE__ */ d("div", { className: a["trigger-wrapper"], ref: N, children: [
-      /* @__PURE__ */ n(
-        ie,
+    /* @__PURE__ */ h("div", { className: a["trigger-wrapper"], ref: E, children: [
+      /* @__PURE__ */ o(
+        ue,
         {
-          open: C,
-          selected: A,
-          placeholder: P,
-          showMenu: Y,
-          isAllSelected: ne,
-          selectAllLabel: O,
-          requireSelection: r && te,
-          onToggleOpen: ee,
-          onToggleMenu: le,
-          onRemove: F,
-          classNames: m,
-          maxChips: x
+          open: N,
+          selected: W,
+          placeholder: H,
+          showMenu: ee,
+          isAllSelected: ce,
+          selectAllLabel: T,
+          requireSelection: r,
+          onToggleOpen: ae,
+          onToggleMenu: re,
+          onRemove: Q,
+          classNames: p,
+          maxChips: I
         }
       ),
-      /* @__PURE__ */ n(
+      k && !r && /* @__PURE__ */ o(
         "div",
         {
-          className: p(
+          className: i(
             "ckds-body-xs-reg",
             a["helper-text"],
-            C ? a["helper-hide"] : "",
-            V ?? ""
+            Z ?? ""
           ),
-          children: M && !r && /* @__PURE__ */ d(re, { children: [
-            /* @__PURE__ */ n(he, { width: "12", height: "12" }),
+          children: /* @__PURE__ */ h(me, { children: [
+            /* @__PURE__ */ o(pe, { width: "12", height: "12" }),
             " ",
-            M
+            k
           ] })
         }
       ),
-      C && /* @__PURE__ */ d("div", { className: a.dropdown, children: [
-        /* @__PURE__ */ n(
-          de,
+      N && /* @__PURE__ */ h("div", { className: i(a.dropdown, k ? a["dropdown-helper"] : ""), children: [
+        /* @__PURE__ */ o(
+          ie,
           {
             size: "medium",
-            value: b,
-            placeholder: G,
-            onChange: w,
-            onClear: () => w(""),
+            value: w,
+            placeholder: J,
+            onChange: b,
+            onClear: () => b(""),
             wrapperClassName: "",
             inputClassName: ""
           }
         ),
-        /* @__PURE__ */ n(
-          pe,
+        /* @__PURE__ */ o(
+          ve,
           {
-            totalResults: S?.length,
-            exclude: y,
-            setExclude: H,
-            isToggleDisable: o?.length === 0,
-            showExcludeBtn: J,
+            totalResults: R?.length,
+            exclude: c,
+            setExclude: U,
+            isToggleDisable: n?.length === 0,
+            showExcludeBtn: V,
             hideExclude: r
           }
         ),
-        /* @__PURE__ */ n("div", { className: a.divider }),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ o("div", { className: a.divider }),
+        /* @__PURE__ */ h(
           "div",
           {
-            className: p(
+            className: i(
               a["ckds-options-list"],
-              m?.optionsListWrapperClass ?? ""
+              p?.optionsListWrapperClass ?? ""
             ),
             children: [
-              b.length === 0 && /* @__PURE__ */ d(
+              w.length === 0 && /* @__PURE__ */ h(
                 "div",
                 {
-                  className: p(
+                  className: i(
                     a["option-row"],
-                    m?.optionRowClass ?? ""
+                    p?.optionRowClass ?? ""
                   ),
-                  onClick: Z,
+                  onClick: le,
                   children: [
-                    /* @__PURE__ */ n(me, { checked: X, size: "md" }),
-                    /* @__PURE__ */ n(
+                    /* @__PURE__ */ o(fe, { checked: q, size: "md", indeterminate: de }),
+                    /* @__PURE__ */ o(
                       "span",
                       {
-                        className: p(
+                        className: i(
                           "ckds-body-sm-reg",
                           a["option-label"]
                         ),
-                        children: O
+                        children: T
                       }
                     )
                   ]
                 }
               ),
-              S?.length === 0 ? /* @__PURE__ */ n(
+              R?.length === 0 ? /* @__PURE__ */ o(
                 "span",
                 {
-                  className: p(
+                  className: i(
                     "ckds-body-sm-reg",
                     a["no-results"]
                   ),
                   children: "No results found"
                 }
-              ) : S?.map((e) => /* @__PURE__ */ n(
-                ge,
+              ) : R?.map((e) => /* @__PURE__ */ o(
+                Ce,
                 {
                   value: e?.value,
                   label: e?.label,
-                  checked: o?.some(
-                    (s) => s?.value === e?.value
+                  checked: n?.some(
+                    (t) => t?.value === e?.value
                   ),
-                  onToggle: F,
-                  classNames: m
+                  onToggle: Q,
+                  classNames: p
                 },
                 e?.value
               ))
             ]
           }
         ),
-        /* @__PURE__ */ n(
-          ue,
+        /* @__PURE__ */ o(
+          we,
           {
-            onClear: _,
-            onCancel: q,
-            onApply: $,
-            classNames: m,
-            isClearDisabled: o?.length === 0,
-            isApplyDisabled: se,
+            onClear: te,
+            onCancel: ne,
+            onApply: se,
+            classNames: p,
+            isClearDisabled: n?.length === 0,
+            isApplyDisabled: oe,
             hideClear: r
           }
         )
@@ -228,5 +231,5 @@ function Te({
   ] });
 }
 export {
-  Te as MultiSelect
+  ze as MultiSelect
 };