@ck-ui/component-library 0.2.0 → 0.3.0

package/dist/components/GroupedMultiSelect/_helpers/DropdownFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/DropdownFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,QAAA,MAAM,cAAc,GAAI,+EAOrB,mBAAmB,4CA6BrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DropdownFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/DropdownFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAI1D,QAAA,MAAM,cAAc,GAAI,+EAOrB,mBAAmB,4CAqCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1,23 +1,32 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { s as a } from "../../../styles.module-BpAF4ufQ.js";
+import { s as a } from "../../../styles.module-ZyeVE7KZ.js";
 import { CKButton as o } from "../../CKButton/index.js";
-const C = ({
-  onClear: r,
-  onCancel: t,
+import { mergeClasses as r } from "../../../utils/mergeClasses.js";
+const f = ({
+  onClear: t,
+  onCancel: i,
   onApply: n,
   classNames: l,
   isClearDisabled: c,
-  isApplyDisabled: i
+  isApplyDisabled: m
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: `${a["ckds-grouped-multi-select-footer"]} ${l?.footerWrapperClass}`,
+    className: r(
+      a["ckds-grouped-multi-select-footer"],
+      l?.footerWrapperClass
+    ),
     children: [
       /* @__PURE__ */ e(
         "button",
         {
-          className: `ckds-body-sm-med ${a["clear-btn"]} ${c ? a.clearDisabled : ""} ${l?.clearAllBtnClass}`,
-          onClick: r,
+          className: r(
+            "ckds-body-sm-med",
+            a["clear-btn"],
+            c ? a.clearDisabled : "",
+            l?.clearAllBtnClass
+          ),
+          onClick: t,
           type: "button",
           children: "Clear all"
         }
@@ -29,7 +38,7 @@ const C = ({
             variant: "secondary",
             size: "small",
             label: "Cancel",
-            onClick: t,
+            onClick: i,
             className: l?.cancelBtnClass
           }
         ),
@@ -40,7 +49,7 @@ const C = ({
             size: "small",
             label: "Apply",
             onClick: n,
-            disabled: i,
+            disabled: m,
             className: l?.applyBtnClass
           }
         )
@@ -49,5 +58,5 @@ const C = ({
   }
 );
 export {
-  C as default
+  f as default
 };

package/dist/components/GroupedMultiSelect/_helpers/MenuItem.d.ts

@@ -0,0 +1,4 @@
+import { MenuItemProps } from '../_types/type';
+declare const MenuItem: ({ item: { value, label } }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuItem;
+//# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/GroupedMultiSelect/_helpers/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/MenuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,QAAA,MAAM,QAAQ,GAAI,4BAA4B,aAAa,4CA+B1D,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,28 @@
+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 { mergeClasses as p } from "../../../utils/mergeClasses.js";
+const k = ({ item: { value: c, label: t } }) => {
+  const s = f(null), [m, i] = l(!1);
+  return d(() => {
+    const e = s.current;
+    if (!e) return;
+    const r = () => {
+      i(e.scrollWidth > e.clientWidth + 1);
+    };
+    r();
+    const o = new ResizeObserver(r);
+    return o.observe(e), () => o.disconnect();
+  }, [t]), /* @__PURE__ */ n(u, { title: m ? t : "", placement: "bottom", children: /* @__PURE__ */ n(
+    "span",
+    {
+      ref: s,
+      className: p("ckds-body-sm-med", a["ckds-menu-item"]),
+      children: t
+    }
+  ) }, c);
+};
+export {
+  k as default
+};

package/dist/components/GroupedMultiSelect/_helpers/MenuList.d.ts

@@ -1,11 +1,4 @@
-type MenuItem = {
-    value: string;
-    label: string;
-};
-type MenuListProps = {
-    selected: MenuItem[];
-    handleChecked: (val: string, labelText: string, isMenuClick?: boolean) => void;
-};
-declare const MenuList: (props: MenuListProps) => import("react/jsx-runtime").JSX.Element;
+import { MenuListProps } from '../_types/type';
+declare const MenuList: ({ selected }: MenuListProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuList;
 //# sourceMappingURL=MenuList.d.ts.map

package/dist/components/GroupedMultiSelect/_helpers/MenuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/MenuList.tsx"],"names":[],"mappings":"AAEA,KAAK,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjD,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,aAAa,EAAE,CACb,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,MAAM,EACjB,WAAW,CAAC,EAAE,OAAO,KAClB,IAAI,CAAC;CACX,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAmBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/MenuList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,QAAA,MAAM,QAAQ,GAAI,cAAc,aAAa,4CAQ5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,16 +1,7 @@
-import { jsx as s } from "react/jsx-runtime";
-import { s as l } from "../../../styles.module-BpAF4ufQ.js";
-const c = (r) => {
-  const { selected: t } = r;
-  return /* @__PURE__ */ s("div", { className: l["menu-list"], children: t?.map((e, m) => m < 2 ? null : /* @__PURE__ */ s(
-    "p",
-    {
-      className: `ckds-body-sm-med ${l["ckds-menu-item"]}`,
-      children: e?.label
-    },
-    e?.value
-  )) });
-};
+import { jsx as r } from "react/jsx-runtime";
+import { s } from "../../../styles.module-ZyeVE7KZ.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 {
-  c as default
+  a as default
 };

package/dist/components/GroupedMultiSelect/_helpers/OptionRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionRow.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/OptionRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,QAAA,MAAM,SAAS,sDAuBb,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"OptionRow.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/OptionRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD,QAAA,MAAM,SAAS,sDAyBb,CAAC;AAEH,eAAe,SAAS,CAAC"}

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

@@ -1,30 +1,37 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { memo as p, useCallback as a } from "react";
-import { s as r } from "../../../styles.module-BpAF4ufQ.js";
+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 { CKCheckbox as d } from "../../CKCheckbox/index.js";
-const w = p(function({
+import { mergeClasses as t } from "../../../utils/mergeClasses.js";
+const u = a(function({
   value: s,
   label: o,
-  checked: m,
-  onToggle: i,
+  checked: e,
+  onToggle: r,
   classNames: n
 }) {
-  const c = a(
-    () => i(s, o),
-    [s, o, i]
+  const c = l(
+    () => r(s, o),
+    [s, o, r]
   );
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: `${r["option-row"]} ${n?.optionRowClass}`,
+      className: t(m["option-row"], n?.optionRowClass),
       onClick: c,
       children: [
-        /* @__PURE__ */ t(d, { checked: m, size: "md" }),
-        /* @__PURE__ */ t("span", { className: `ckds-body-sm-reg ${r["option-label"]}`, children: o })
+        /* @__PURE__ */ i(d, { checked: e, size: "md" }),
+        /* @__PURE__ */ i(
+          "span",
+          {
+            className: t("ckds-body-sm-reg", m["option-label"]),
+            children: o
+          }
+        )
       ]
     }
   );
 });
 export {
-  w as default
+  u as default
 };

package/dist/components/GroupedMultiSelect/_helpers/OptionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionsList.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/OptionsList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,QAAA,MAAM,WAAW,GAAI,8FAQlB,gBAAgB,4CAwClB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"OptionsList.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/OptionsList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,QAAA,MAAM,WAAW,GAAI,8FAQlB,gBAAgB,4CAuDlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,51 +1,71 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { s as e } from "../../../styles.module-BpAF4ufQ.js";
-import { CKCheckbox as h } from "../../CKCheckbox/index.js";
-import u from "./OptionRow.js";
-const C = ({
-  filteredGroups: r,
-  selected: p,
-  isAllSelected: d,
-  searchQuery: c,
-  onToggle: n,
-  onSelectAll: t,
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { s as e } from "../../../styles.module-ZyeVE7KZ.js";
+import { CKCheckbox as u } from "../../CKCheckbox/index.js";
+import b from "./OptionRow.js";
+import { mergeClasses as s } from "../../../utils/mergeClasses.js";
+const L = ({
+  filteredGroups: p,
+  selected: d,
+  isAllSelected: c,
+  searchQuery: t,
+  onToggle: m,
+  onSelectAll: n,
   classNames: l
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   "div",
   {
-    className: `${e["ckds-options-list"]} ${l?.optionsListWrapperClass}`,
+    className: s(
+      e["ckds-options-list"],
+      l?.optionsListWrapperClass
+    ),
     children: [
-      c?.length === 0 && /* @__PURE__ */ s(
+      t?.length === 0 && /* @__PURE__ */ r(
         "div",
         {
-          className: `${e["option-row"]} ${l?.optionRowClass}`,
-          onClick: t,
+          className: s(
+            e["option-row"],
+            l?.optionRowClass
+          ),
+          onClick: n,
           children: [
-            /* @__PURE__ */ o(h, { checked: d, size: "md" }),
-            /* @__PURE__ */ o("span", { className: `ckds-body-sm-reg ${e["option-label"]}`, children: "Select All" })
+            /* @__PURE__ */ o(u, { checked: c, size: "md" }),
+            /* @__PURE__ */ o(
+              "span",
+              {
+                className: s("ckds-body-sm-reg", e["option-label"]),
+                children: "Select All"
+              }
+            )
           ]
         }
       ),
-      r?.map((i, m) => /* @__PURE__ */ s("div", { className: e["group-wrapper"], children: [
-        m > 0 && /* @__PURE__ */ o("div", { className: e["group-divider"] }),
+      p?.map((i, v) => /* @__PURE__ */ r("div", { className: e["group-wrapper"], children: [
+        v > 0 && /* @__PURE__ */ o("div", { className: e["group-divider"] }),
         /* @__PURE__ */ o(
           "div",
           {
-            className: `ckds-cap-med ${e["group-label"]} ${l?.groupLabelClass}`,
+            className: s(
+              "ckds-cap-med",
+              e["group-label"],
+              l?.groupLabelClass
+            ),
             children: i?.groupLabel
           }
         ),
         /* @__PURE__ */ o(
           "div",
           {
-            className: `${e["option-row-wrapper"]} ${l?.optionRowWrapperClass}`,
+            className: s(
+              e["option-row-wrapper"],
+              l?.optionRowWrapperClass
+            ),
             children: i?.options?.map((a) => /* @__PURE__ */ o(
-              u,
+              b,
               {
                 value: a?.value,
                 label: a?.label,
-                checked: p?.some((v) => v?.value === a?.value),
-                onToggle: n,
+                checked: d?.some((h) => h?.value === a?.value),
+                onToggle: m,
                 classNames: l
               },
               a?.value
@@ -57,5 +77,5 @@ const C = ({
   }
 );
 export {
-  C as default
+  L as default
 };

package/dist/components/GroupedMultiSelect/_helpers/SearchResult.d.ts

@@ -1,4 +1,4 @@
 import { ResultProps } from '../_types/type';
-declare const SearchResult: ({ totalSearchResults, exclude, setExclude, isToggleDisable, }: ResultProps) => import("react/jsx-runtime").JSX.Element;
+declare const SearchResult: ({ totalSearchResults, exclude, setExclude, isToggleDisable, showExcludeBtn, }: ResultProps) => import("react/jsx-runtime").JSX.Element;
 export default SearchResult;
 //# sourceMappingURL=SearchResult.d.ts.map

package/dist/components/GroupedMultiSelect/_helpers/SearchResult.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResult.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/SearchResult.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,QAAA,MAAM,YAAY,GAAI,+DAKnB,WAAW,4CAmBb,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SearchResult.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/SearchResult.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,QAAA,MAAM,YAAY,GAAI,+EAMnB,WAAW,4CAuBb,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,29 +1,37 @@
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { s as e } from "../../../styles.module-BpAF4ufQ.js";
+import { s as e } from "../../../styles.module-ZyeVE7KZ.js";
 import { Toggle as t } from "../../Toggle/index.js";
-const n = ({
+import { mergeClasses as r } from "../../../utils/mergeClasses.js";
+const h = ({
   totalSearchResults: a,
-  exclude: r,
-  setExclude: c,
-  isToggleDisable: d
+  exclude: c,
+  setExclude: d,
+  isToggleDisable: m,
+  showExcludeBtn: o
 }) => /* @__PURE__ */ s("div", { className: e["result-wrapper"], children: [
-  /* @__PURE__ */ s("span", { className: `ckds-cap-reg ${e["result-count"]}`, children: [
+  /* @__PURE__ */ s("span", { className: r("ckds-cap-reg", e["result-count"]), children: [
     a,
     " Results"
   ] }),
-  /* @__PURE__ */ s("div", { className: e["exclude-row"], children: [
-    /* @__PURE__ */ l("span", { className: `ckds-cap-reg ${e["exclude-label"]}`, children: "Exclude" }),
+  o && /* @__PURE__ */ s("div", { className: e["exclude-row"], children: [
+    /* @__PURE__ */ l(
+      "span",
+      {
+        className: r("ckds-cap-reg", e["exclude-label"]),
+        children: "Exclude"
+      }
+    ),
     /* @__PURE__ */ l(
       t,
       {
         size: "small",
-        checked: r,
-        onChange: c,
-        disabled: d
+        checked: c,
+        onChange: d,
+        disabled: m
       }
     )
   ] })
 ] });
 export {
-  n as default
+  h as default
 };

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/TriggerButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,QAAA,MAAM,aAAa,GAAI,8FASpB,kBAAkB,4CA2CpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/TriggerButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGzD,QAAA,MAAM,aAAa,GAAI,8FASpB,kBAAkB,4CAmDpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,57 +1,66 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { s as r } from "../../../styles.module-BpAF4ufQ.js";
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { s as r } from "../../../styles.module-ZyeVE7KZ.js";
 import { CKTag as d } from "../../CKTag/index.js";
-import { S as g } from "../../../chevron-down-Cm9R64Fe.js";
-import u from "./TagContent.js";
-import f from "./MenuList.js";
-const w = ({
-  open: n,
-  selected: a,
-  placeholder: i,
-  showMenu: c,
-  onToggleOpen: p,
+import { S as u } from "../../../chevron-down-Cm9R64Fe.js";
+import f from "./TagContent.js";
+import v from "./MenuList.js";
+import { mergeClasses as l } from "../../../utils/mergeClasses.js";
+const T = ({
+  open: s,
+  selected: e,
+  placeholder: m,
+  showMenu: p,
+  onToggleOpen: c,
   onToggleMenu: h,
   onRemove: t,
-  classNames: s
-}) => /* @__PURE__ */ o(
+  classNames: i
+}) => /* @__PURE__ */ n(
   "button",
   {
-    className: `${r.trigger} ${n ? r["trigger-open"] : ""} ${s?.dropdownOpenerWrapperClass}`,
-    onClick: p,
+    className: l(
+      r.trigger,
+      s ? r["trigger-open"] : "",
+      i?.dropdownOpenerWrapperClass
+    ),
+    onClick: c,
     type: "button",
     children: [
-      a?.length > 0 ? /* @__PURE__ */ o("div", { className: r["selected-tags-container"], children: [
-        a?.map((l, m) => m > 1 ? null : /* @__PURE__ */ e(d, { variation: "INFO", size: "small", fill: "soft", children: /* @__PURE__ */ e(
-          u,
+      e?.length > 0 ? /* @__PURE__ */ n("div", { className: r["selected-tags-container"], children: [
+        e?.map((o, g) => g > 1 ? null : /* @__PURE__ */ a(d, { variation: "INFO", size: "small", fill: "soft", children: /* @__PURE__ */ a(
+          f,
           {
-            label: l?.label,
-            value: l?.value,
+            label: o?.label,
+            value: o?.value,
             onRemove: t
           }
-        ) }, l?.value)),
-        a?.length > 2 && /* @__PURE__ */ o(
+        ) }, o?.value)),
+        e?.length > 2 && /* @__PURE__ */ n(
           "span",
           {
-            className: `ckds-cap-med ${r["overflow-count"]}`,
+            className: l("ckds-cap-med", r["overflow-count"]),
             onClick: h,
             children: [
               "...+",
-              a?.length - 2
+              e?.length - 2
             ]
           }
         ),
-        c && /* @__PURE__ */ e(f, { selected: a, handleChecked: t })
-      ] }) : /* @__PURE__ */ e(
+        p && /* @__PURE__ */ a(v, { selected: e, handleChecked: t })
+      ] }) : /* @__PURE__ */ a(
         "span",
         {
-          className: `ckds-body-sm-reg ${r.placeholder} ${s?.placeholderClass}`,
-          children: i
+          className: l(
+            "ckds-body-sm-reg",
+            r.placeholder,
+            i?.placeholderClass
+          ),
+          children: m
         }
       ),
-      /* @__PURE__ */ e(
-        g,
+      /* @__PURE__ */ a(
+        u,
         {
-          className: `${r.chevron} ${n ? r["chevron-up"] : ""}`,
+          className: l(r.chevron, s ? r["chevron-up"] : ""),
           width: "14",
           height: "14"
         }
@@ -60,5 +69,5 @@ const w = ({
   }
 );
 export {
-  w as default
+  T as default
 };