@ck-ui/component-library 0.3.0 → 1.0.0

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-Dojg5FTS.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-Dojg5FTS.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-Dojg5FTS.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-Dojg5FTS.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,7 @@ 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;
 }
 export interface OptionRowProps {
     value: string;
@@ -82,6 +83,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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wEAAwE;AACxE,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,MAAM,WAAW,UAAU;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,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;mGAC+F;IAC/F,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;uEACmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,CACR,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,OAAO,EACrB,MAAM,CAAC,EAAE,OAAO,KACb,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CACR,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,OAAO,EACrB,MAAM,CAAC,EAAE,OAAO,KACb,IAAI,CAAC;CACX;AAED,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,YAAY,CAAC;CACpB"}
+{"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 }: 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,EACX,EAAE,gBAAgB,2CA4QlB"}

package/dist/components/MultiSelect/index.js

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