@ck-ui/component-library 2.0.4 → 2.0.5

package/dist/components/GroupedMultiSelect/_constant/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const HOVER_CLOSE_DELAY = 150;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/GroupedMultiSelect/_constant/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_constant/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,MAAM,CAAC"}

package/dist/components/GroupedMultiSelect/_constant/constants.js

@@ -0,0 +1,4 @@
+const E = 150;
+export {
+  E as HOVER_CLOSE_DELAY
+};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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;AAGzD,QAAA,MAAM,aAAa,GAAI,8FASpB,kBAAkB,4CAmDpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_helpers/TriggerButton.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIzD,QAAA,MAAM,aAAa,GAAI,8FASpB,kBAAkB,4CAsHpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,73 +1,119 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { s as r } from "../../../styles.module-DKDRix10.js";
-import { CKTag as d } from "../../CKTag/index.js";
-import { S as u } from "../../../chevron-down-Cm9R64Fe.js";
-import f from "./TagContent.js";
-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: i
-}) => /* @__PURE__ */ n(
-  "button",
-  {
-    className: l(
-      r.trigger,
-      s ? r["trigger-open"] : "",
-      i?.dropdownOpenerWrapperClass
-    ),
-    onClick: c,
-    type: "button",
-    children: [
-      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: o?.label,
-            value: o?.value,
-            onRemove: t
-          }
-        ) }, o?.value)),
-        e?.length > 2 && /* @__PURE__ */ n(
+import { jsxs as l, jsx as r, Fragment as T } from "react/jsx-runtime";
+import { useState as w, useRef as C, useCallback as M, useLayoutEffect as y } from "react";
+import { s as e } from "../../../styles.module-Y7TzrS2V.js";
+import { CKTag as B } from "../../CKTag/index.js";
+import { S as R } from "../../../chevron-down-Cm9R64Fe.js";
+import S from "./TagContent.js";
+import x from "./MenuList.js";
+import { mergeClasses as t } from "../../../utils/mergeClasses.js";
+import { HOVER_CLOSE_DELAY as H } from "../_constant/constants.js";
+const K = ({
+  open: u,
+  selected: n,
+  placeholder: b,
+  showMenu: E,
+  onToggleOpen: L,
+  onToggleMenu: k,
+  onRemove: p,
+  classNames: m
+}) => {
+  const [N, f] = w(!1), [O, h] = w(!1), a = C(null), s = C(null), d = M((o) => {
+    o.stopPropagation(), s.current && (clearTimeout(s.current), s.current = null), f(!0);
+  }, []), g = M((o) => {
+    o.stopPropagation(), s.current = setTimeout(() => {
+      f(!1);
+    }, H);
+  }, []), c = E || N, v = n?.length > 2;
+  return y(() => {
+    if (!c || !a.current) return;
+    const i = a.current.getBoundingClientRect();
+    window.innerHeight - i.bottom < 0 ? h(!0) : h(!1);
+  }, [c]), /* @__PURE__ */ l(
+    "button",
+    {
+      className: t(
+        e.trigger,
+        u ? e["trigger-open"] : "",
+        m?.dropdownOpenerWrapperClass
+      ),
+      onClick: L,
+      type: "button",
+      children: [
+        n?.length > 0 ? /* @__PURE__ */ l(T, { children: [
+          /* @__PURE__ */ l("div", { className: e["selected-tags-container"], children: [
+            n?.map((o, i) => i > 1 ? null : /* @__PURE__ */ r(
+              B,
+              {
+                variation: "INFO",
+                size: "small",
+                fill: "soft",
+                children: /* @__PURE__ */ r(
+                  S,
+                  {
+                    label: o?.label,
+                    value: o?.value,
+                    onRemove: p
+                  }
+                )
+              },
+              o?.value
+            )),
+            v && /* @__PURE__ */ l(
+              "span",
+              {
+                className: t(
+                  "ckds-cap-med",
+                  e["overflow-count"]
+                ),
+                onMouseEnter: d,
+                onMouseLeave: g,
+                onClick: k,
+                children: [
+                  "...+",
+                  n?.length - 2
+                ]
+              }
+            )
+          ] }),
+          v && c && /* @__PURE__ */ r(
+            "div",
+            {
+              ref: a,
+              className: t(
+                e["overflow-menu-portal"],
+                O ? e["overflow-menu-portal-up"] : ""
+              ),
+              onMouseEnter: d,
+              onMouseLeave: g,
+              children: /* @__PURE__ */ r(x, { selected: n, handleChecked: p })
+            }
+          )
+        ] }) : /* @__PURE__ */ r(
           "span",
           {
-            className: l("ckds-cap-med", r["overflow-count"]),
-            onClick: h,
-            children: [
-              "...+",
-              e?.length - 2
-            ]
+            className: t(
+              "ckds-body-sm-reg",
+              e.placeholder,
+              m?.placeholderClass
+            ),
+            children: b
           }
         ),
-        p && /* @__PURE__ */ a(v, { selected: e, handleChecked: t })
-      ] }) : /* @__PURE__ */ a(
-        "span",
-        {
-          className: l(
-            "ckds-body-sm-reg",
-            r.placeholder,
-            i?.placeholderClass
-          ),
-          children: m
-        }
-      ),
-      /* @__PURE__ */ a(
-        u,
-        {
-          className: l(r.chevron, s ? r["chevron-up"] : ""),
-          width: "14",
-          height: "14"
-        }
-      )
-    ]
-  }
-);
+        /* @__PURE__ */ r(
+          R,
+          {
+            className: t(
+              e.chevron,
+              u ? e["chevron-up"] : ""
+            ),
+            width: "14",
+            height: "14"
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  T as default
+  K as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/GroupedMultiSelect/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,uBAAuB,EAAgB,MAAM,eAAe,CAAC;AAC3E,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI/E,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAgC,EAChC,iBAA4B,EAC5B,MAAM,EACN,eAAe,EACf,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAe,EACf,cAAc,GACf,EAAE,uBAAuB,2CA+MzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/GroupedMultiSelect/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,uBAAuB,EAAgB,MAAM,eAAe,CAAC;AAC3E,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI/E,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAgC,EAChC,iBAA4B,EAC5B,MAAM,EACN,eAAe,EACf,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAe,EACf,cAAc,GACf,EAAE,uBAAuB,2CAiOzB"}

package/dist/components/GroupedMultiSelect/index.js

@@ -1,176 +1,199 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { useState as f, useRef as se, useEffect as ne, useMemo as b, useCallback as o } from "react";
-import { s as d } from "../../styles.module-DKDRix10.js";
-import { Search as re } from "../Search/index.js";
-import ae from "./_helpers/SearchResult.js";
-import ce from "./_helpers/TriggerButton.js";
-import ie from "./_helpers/OptionsList.js";
-import de from "./_helpers/DropdownFooter.js";
-import { getDefaultSelected as me } from "./_utils/getDefaultSelected.js";
-import { selectAllOptions as fe } from "./_utils/selectAllOptions.js";
-import { getResponsePayload as he } from "./_utils/getResponsePayload.js";
-import { filterSeachedGroups as pe } from "./_utils/filterSeachedGroups.js";
-import { computeApplyDisabled as ue } from "./_utils/computeApplyDisabled.js";
-import { S as ge } from "../../info-icon-ooYw3va_.js";
-import { mergeClasses as I } from "../../utils/mergeClasses.js";
-function Ge({
-  label: M,
-  helperText: L,
-  required: N,
-  placeholder: j = "Choose parameter",
-  searchPlaceholder: P = "Search",
-  groups: s,
-  defaultSelected: Q,
-  onApply: O,
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { useState as m, useRef as z, useEffect as ce, useMemo as b, useCallback as r } from "react";
+import { s as t } from "../../styles.module-Y7TzrS2V.js";
+import { Search as ie } from "../Search/index.js";
+import de from "./_helpers/SearchResult.js";
+import pe from "./_helpers/TriggerButton.js";
+import me from "./_helpers/OptionsList.js";
+import fe from "./_helpers/DropdownFooter.js";
+import { getDefaultSelected as ue } from "./_utils/getDefaultSelected.js";
+import { selectAllOptions as he } from "./_utils/selectAllOptions.js";
+import { getResponsePayload as ge } from "./_utils/getResponsePayload.js";
+import { filterSeachedGroups as Se } from "./_utils/filterSeachedGroups.js";
+import { computeApplyDisabled as we } from "./_utils/computeApplyDisabled.js";
+import { useDropdownDirection as Ce } from "../MultiSelect/_utils/useDropdownDirection.js";
+import { S as be } from "../../info-icon-ooYw3va_.js";
+import { mergeClasses as O } from "../../utils/mergeClasses.js";
+function ze({
+  label: k,
+  helperText: v,
+  required: P,
+  placeholder: Q = "Choose parameter",
+  searchPlaceholder: W = "Search",
+  groups: n,
+  defaultSelected: q,
+  onApply: N,
   exclude: y,
-  setExclude: $,
-  onSelect: R,
-  onClear: T,
-  classNames: p = {},
-  showExcludeBtn: q
+  setExclude: x,
+  onSelect: T,
+  onClear: E,
+  classNames: u = {},
+  showExcludeBtn: B
 }) {
-  const { labelWrapperClass: z, helperClass: B, dividerClass: F } = p, [v, u] = f(!1), [g, k] = f(""), x = () => me(Q), [m, E] = f(x), [r, S] = f(x), [W, l] = f(!1), [H, C] = f(!1), w = se(null);
-  ne(() => {
-    const e = (t) => {
-      w?.current && !w?.current?.contains(t.target) && (u(!1), l(!1));
+  const { labelWrapperClass: F, helperClass: H, dividerClass: J } = u, [h, g] = m(!1), [S, G] = m(""), I = () => ue(q), [p, L] = m(I), [a, w] = m(I), [K, l] = m(!1), [U, C] = m(!1), D = z(null), $ = z(null), { vertical: A, horizontal: V } = Ce(
+    $,
+    h
+  );
+  ce(() => {
+    const e = (o) => {
+      D?.current && !D?.current?.contains(o.target) && (g(!1), l(!1));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, []);
-  const A = b(
-    () => pe(s, g),
-    [s, g]
-  ), J = b(
-    () => A?.reduce((e, t) => e + t?.options?.length, 0),
-    [A]
-  ), K = o(() => {
-    k("");
-  }, []), D = b(
-    () => s?.reduce((e, t) => e + t?.options?.length, 0),
-    [s]
-  ), G = o(
-    (e, t, le, oe) => {
-      le || l(!1), oe && E((a) => {
-        const c = a?.some((i) => i?.value === e) ? a?.filter((i) => i?.value !== e) : [...a, { value: e, label: t }];
-        return C(c?.length === D), c?.length <= 2 && l(!1), c;
-      }), S((a) => {
-        const c = a?.some((i) => i?.value === e) ? a?.filter((i) => i?.value !== e) : [...a, { value: e, label: t }];
-        return C(c?.length === D), c?.length <= 2 && l(!1), c;
-      }), R?.();
+  const R = b(
+    () => Se(n, S),
+    [n, S]
+  ), X = b(
+    () => R?.reduce((e, o) => e + o?.options?.length, 0),
+    [R]
+  ), Y = r(() => {
+    G("");
+  }, []), M = b(
+    () => n?.reduce((e, o) => e + o?.options?.length, 0),
+    [n]
+  ), j = r(
+    (e, o, se, ae) => {
+      se || l(!1), ae && L((c) => {
+        const i = c?.some((d) => d?.value === e) ? c?.filter((d) => d?.value !== e) : [...c, { value: e, label: o }];
+        return C(i?.length === M), i?.length <= 2 && l(!1), i;
+      }), w((c) => {
+        const i = c?.some((d) => d?.value === e) ? c?.filter((d) => d?.value !== e) : [...c, { value: e, label: o }];
+        return C(i?.length === M), i?.length <= 2 && l(!1), i;
+      }), T?.();
     },
-    [R, D]
-  ), U = o(() => {
-    l(!1), C((e) => (S(() => e ? [] : fe(s)), !e));
-  }, [s]), V = o(() => {
-    S([]), C(!1), T?.();
-  }, [T]), X = o(() => {
-    O(he(s, r), y), u(!1), E(r);
-  }, [s, r, y, O]), Y = o(() => {
-    u((e) => !e), l(!1);
-  }, []), Z = o((e) => {
-    e.stopPropagation(), l((t) => !t);
-  }, []), _ = o(() => {
-    l(!1), S(m), u(!1);
-  }, [m]), ee = o((e) => {
-    k(e);
-  }, []), te = b(
-    () => ue(r, m),
-    [r, m]
+    [T, M]
+  ), Z = r(() => {
+    l(!1), C((e) => (w(() => e ? [] : he(n)), !e));
+  }, [n]), _ = r(() => {
+    w([]), C(!1), E?.();
+  }, [E]), ee = r(() => {
+    N(ge(n, a), y), g(!1), L(a);
+  }, [n, a, y, N]), te = r(() => {
+    g((e) => !e), l(!1);
+  }, []), oe = r((e) => {
+    e.stopPropagation(), l((o) => !o);
+  }, []), le = r(() => {
+    l(!1), w(p), g(!1);
+  }, [p]), re = r((e) => {
+    G(e);
+  }, []), ne = b(
+    () => we(a, p),
+    [a, p]
   );
-  return /* @__PURE__ */ h("div", { className: d["ckds-group-multi-select-wrapper"], ref: w, children: [
-    M && /* @__PURE__ */ h(
-      "span",
-      {
-        className: I(
-          "ckds-body-xs-med",
-          d["label-wrapper"],
-          z
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: t["ckds-group-multi-select-wrapper"],
+      ref: D,
+      children: [
+        k && /* @__PURE__ */ f(
+          "span",
+          {
+            className: O(
+              "ckds-body-xs-med",
+              t["label-wrapper"],
+              F
+            ),
+            children: [
+              k,
+              P && /* @__PURE__ */ s("span", { className: t.required, children: " *" })
+            ]
+          }
         ),
-        children: [
-          M,
-          N && /* @__PURE__ */ n("span", { className: d.required, children: " *" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ h("div", { children: [
-      /* @__PURE__ */ n(
-        ce,
-        {
-          open: v,
-          selected: m,
-          placeholder: j,
-          showMenu: W,
-          onToggleOpen: Y,
-          onToggleMenu: Z,
-          onRemove: G,
-          classNames: p
-        }
-      ),
-      /* @__PURE__ */ h(
-        "div",
-        {
-          className: I(
-            "ckds-body-xs-reg",
-            d["helper-text"],
-            v ? d["helper-hide"] : "",
-            B
+        /* @__PURE__ */ f("div", { className: t["trigger-wrapper"], ref: $, children: [
+          /* @__PURE__ */ s(
+            pe,
+            {
+              open: h,
+              selected: p,
+              placeholder: Q,
+              showMenu: K,
+              onToggleOpen: te,
+              onToggleMenu: oe,
+              onRemove: j,
+              classNames: u
+            }
+          ),
+          /* @__PURE__ */ f(
+            "div",
+            {
+              className: O(
+                "ckds-body-xs-reg",
+                t["helper-text"],
+                h ? t["helper-hide"] : "",
+                H
+              ),
+              children: [
+                /* @__PURE__ */ s(be, { width: "12", height: "12" }),
+                " ",
+                v
+              ]
+            }
           ),
-          children: [
-            /* @__PURE__ */ n(ge, { width: "12", height: "12" }),
-            " ",
-            L
-          ]
-        }
-      )
-    ] }),
-    v && /* @__PURE__ */ h("div", { className: d.dropdown, children: [
-      /* @__PURE__ */ n(
-        re,
-        {
-          size: "medium",
-          value: g,
-          placeholder: P,
-          onChange: ee,
-          onClear: K
-        }
-      ),
-      /* @__PURE__ */ n(
-        ae,
-        {
-          totalSearchResults: J,
-          exclude: y,
-          setExclude: $,
-          isToggleDisable: m?.length === 0,
-          showExcludeBtn: q
-        }
-      ),
-      /* @__PURE__ */ n("div", { className: `${d.divider} ${F}` }),
-      /* @__PURE__ */ n(
-        ie,
-        {
-          filteredGroups: A,
-          selected: r,
-          isAllSelected: H,
-          searchQuery: g,
-          onToggle: G,
-          onSelectAll: U,
-          setShowMenu: l,
-          classNames: p
-        }
-      ),
-      /* @__PURE__ */ n(
-        de,
-        {
-          onClear: V,
-          onCancel: _,
-          onApply: X,
-          classNames: p,
-          isClearDisabled: r?.length === 0,
-          isApplyDisabled: te
-        }
-      )
-    ] })
-  ] });
+          h && /* @__PURE__ */ f(
+            "div",
+            {
+              className: O(
+                t.dropdown,
+                t[`dropdown-align-${V}`],
+                A === "up" ? t["dropdown-up"] : "",
+                v && A === "down" ? t["dropdown-helper"] : "",
+                v && A === "up" ? t["dropdown-helper-up"] : ""
+              ),
+              children: [
+                /* @__PURE__ */ s(
+                  ie,
+                  {
+                    size: "medium",
+                    value: S,
+                    placeholder: W,
+                    onChange: re,
+                    onClear: Y
+                  }
+                ),
+                /* @__PURE__ */ s(
+                  de,
+                  {
+                    totalSearchResults: X,
+                    exclude: y,
+                    setExclude: x,
+                    isToggleDisable: p?.length === 0,
+                    showExcludeBtn: B
+                  }
+                ),
+                /* @__PURE__ */ s("div", { className: `${t.divider} ${J}` }),
+                /* @__PURE__ */ s(
+                  me,
+                  {
+                    filteredGroups: R,
+                    selected: a,
+                    isAllSelected: U,
+                    searchQuery: S,
+                    onToggle: j,
+                    onSelectAll: Z,
+                    setShowMenu: l,
+                    classNames: u
+                  }
+                ),
+                /* @__PURE__ */ s(
+                  fe,
+                  {
+                    onClear: _,
+                    onCancel: le,
+                    onApply: ee,
+                    classNames: u,
+                    isClearDisabled: a?.length === 0,
+                    isApplyDisabled: ne
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 export {
-  Ge as GroupedMultiSelect
+  ze as GroupedMultiSelect
 };