@ck-ui/component-library 1.0.1 → 1.0.2

package/dist/components/MultiSelect/index.js

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

package/dist/components/PopupAndDialogBox/components/DialogContent.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
-import { s } from "../../../styles.module-BZaUJMlf.js";
+import { s } from "../../../styles.module-yNDMDNO-.js";
 const m = ({
   children: o
 }) => /* @__PURE__ */ t("div", { className: s["ckds-dialog-content"], children: o });

package/dist/components/PopupAndDialogBox/components/DialogFooter.js

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as n, Fragment as C } from "react/jsx-runtime";
 import "react";
-import { s as a } from "../../../styles.module-BZaUJMlf.js";
+import { s as a } from "../../../styles.module-yNDMDNO-.js";
 import { BUTTON_LAYOUT as i, noop as f, BUTTON_LABEL as k } from "../constant/popupAndDialog.js";
 import { CKButton as r } from "../../CKButton/index.js";
 const T = ({

package/dist/components/PopupAndDialogBox/components/DialogHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import * as t from "react";
-import { s } from "../../../styles.module-BZaUJMlf.js";
+import { s } from "../../../styles.module-yNDMDNO-.js";
 const i = (e) => /* @__PURE__ */ t.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M15 5L5.00068 14.9993M14.9993 15L5 5.00071", stroke: "#2B2B2B", strokeLinecap: "round", strokeLinejoin: "round" })), m = ({
   title: e,
   children: r,

package/dist/components/PopupAndDialogBox/index.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useEffect as l } from "react";
-import { s as t } from "../../styles.module-BZaUJMlf.js";
+import { s as t } from "../../styles.module-yNDMDNO-.js";
 import { TYPE as u } from "./constant/popupAndDialog.js";
 const E = ({
   open: a,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Search/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAOzD,wBAAgB,MAAM,CAAC,EACrB,KAAU,EACV,WAAsB,EACtB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,YAAmB,EACnB,gBAAqB,EACrB,cAAmB,EACnB,SAAiB,EACjB,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAe,EACf,UAAc,GACf,EAAE,WAAW,2CA4Gb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Search/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAOzD,wBAAgB,MAAM,CAAC,EACrB,KAAU,EACV,WAAsB,EACtB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,YAAmB,EACnB,gBAAqB,EACrB,cAAmB,EACnB,SAAiB,EACjB,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAe,EACf,UAAc,GACf,EAAE,WAAW,2CAuHb"}

package/dist/components/Search/index.js

@@ -1,10 +1,10 @@
-import { jsxs as K, jsx as t } from "react/jsx-runtime";
-import { useState as w, useRef as g, useEffect as m, useMemo as L } from "react";
+import { jsxs as K, jsx as c } from "react/jsx-runtime";
+import { useState as y, useRef as f, useEffect as l, useMemo as L } from "react";
 import { S as R } from "../../search-B_cup-NN.js";
 import { S as V } from "../../cancel-BAgTEOGD.js";
-import { SMALL as A, MEDIUM as B } from "../../constants.js";
-import { mergeClasses as S } from "../../utils/mergeClasses.js";
-import '../../assets/index-BoQKDmZt.css';const a = {
+import { SMALL as A, MEDIUM as P } from "../../constants.js";
+import { mergeClasses as D } from "../../utils/mergeClasses.js";
+import '../../assets/index-BoQKDmZt.css';const t = {
   "ckds-search-wrapper": "_ckds-search-wrapper_mt85e_1",
   "search-wrapper-small": "_search-wrapper-small_mt85e_35",
   "search-wrapper-medium": "_search-wrapper-medium_mt85e_38",
@@ -14,86 +14,88 @@ import '../../assets/index-BoQKDmZt.css';const a = {
   "search-input": "_search-input_mt85e_66",
   "search-clear": "_search-clear_mt85e_85"
 };
-function J({
-  value: o = "",
-  placeholder: y = "Search",
-  onChange: u,
-  onClear: b,
-  onSearch: k,
-  disabled: p = !1,
-  showClearBtn: C = !0,
-  wrapperClassName: D = "",
-  inputClassName: v = "",
-  autoFocus: h = !1,
-  maxLength: x,
-  id: T,
-  name: I,
-  size: s = "medium",
-  debounceMs: f = 0
+function O({
+  value: p = "",
+  placeholder: k = "Search",
+  onChange: i,
+  onClear: C,
+  onSearch: b,
+  disabled: a = !1,
+  showClearBtn: v = !0,
+  wrapperClassName: x = "",
+  inputClassName: T = "",
+  autoFocus: _ = !1,
+  maxLength: I,
+  id: M,
+  name: N,
+  size: n = "medium",
+  debounceMs: d = 0
 }) {
-  const [M, _] = w(!1), [c, i] = w(o), l = g(null), r = g(null);
-  m(() => {
-    i(o);
-  }, [o]), m(() => {
-    h && l.current?.focus();
-  }, [h]);
-  const n = L(() => s === A ? "10" : s === B ? "14" : "18", [s]), N = (e) => {
-    f > 0 ? (r.current && clearTimeout(r.current), r.current = setTimeout(() => u?.(e), f)) : u?.(e);
+  const [w, g] = y(!1), [s, m] = y(p), o = f(null), r = f(null), h = f(!1);
+  l(() => {
+    m(p);
+  }, [p]), l(() => {
+    _ && o.current?.focus();
+  }, [_]), l(() => {
+    a ? h.current = w : h.current && s && (o.current?.focus(), h.current = !1);
+  }, [a]);
+  const u = L(() => n === A ? "10" : n === P ? "14" : "18", [n]), E = (e) => {
+    d > 0 ? (r.current && clearTimeout(r.current), r.current = setTimeout(() => i?.(e), d)) : i?.(e);
   };
-  m(() => () => {
+  l(() => () => {
     r.current && clearTimeout(r.current);
   }, []);
-  const E = (e) => {
-    const d = e.target.value;
-    i(d), N(d);
+  const F = (e) => {
+    const S = e.target.value;
+    m(S), E(S);
   }, j = (e) => {
-    e.preventDefault(), r.current && clearTimeout(r.current), i(""), u?.(""), b?.(), l.current?.focus();
-  }, F = (e) => {
-    e.stopPropagation(), e.key === "Enter" && k?.(c);
+    e.preventDefault(), r.current && clearTimeout(r.current), m(""), i?.(""), C?.(), o.current?.focus();
+  }, B = (e) => {
+    e.stopPropagation(), e.key === "Enter" && b?.(s);
   };
   return /* @__PURE__ */ K(
     "div",
     {
-      className: S(
-        a["ckds-search-wrapper"],
-        a[`search-wrapper-${s}`],
-        p ? a["search-wrapper--disabled"] : "",
-        D
+      className: D(
+        t["ckds-search-wrapper"],
+        t[`search-wrapper-${n}`],
+        a ? t["search-wrapper--disabled"] : "",
+        x
       ),
       children: [
-        !M && !c && /* @__PURE__ */ t("span", { className: a["search-icon"], children: /* @__PURE__ */ t(R, { width: n, height: n }) }),
-        /* @__PURE__ */ t(
+        !w && !s && /* @__PURE__ */ c("span", { className: t["search-icon"], children: /* @__PURE__ */ c(R, { width: u, height: u }) }),
+        /* @__PURE__ */ c(
           "input",
           {
-            ref: l,
-            id: T,
-            name: I,
+            ref: o,
+            id: M,
+            name: N,
             type: "text",
-            className: S(
+            className: D(
               "ckds-body-sm-reg",
-              a["search-input"],
-              v
+              t["search-input"],
+              T
             ),
-            value: c,
-            placeholder: y,
-            disabled: p,
-            maxLength: x,
-            onChange: E,
-            onKeyDown: F,
-            onFocus: () => _(!0),
-            onBlur: () => _(!1)
+            value: s,
+            placeholder: k,
+            disabled: a,
+            maxLength: I,
+            onChange: F,
+            onKeyDown: B,
+            onFocus: () => g(!0),
+            onBlur: () => g(!1)
           }
         ),
-        C && c && !p && /* @__PURE__ */ t(
+        v && s && !a && /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            className: a["search-clear"],
+            className: t["search-clear"],
             onMouseDown: (e) => e.preventDefault(),
             onClick: j,
             "aria-label": "Clear search",
             tabIndex: 0,
-            children: /* @__PURE__ */ t(V, { width: n, height: n })
+            children: /* @__PURE__ */ c(V, { width: u, height: u })
           }
         )
       ]
@@ -101,5 +103,5 @@ function J({
   );
 }
 export {
-  J as Search
+  O as Search
 };

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

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
-import { D as v } from "../../../DropdownFooter-Dm6aLDx8.js";
+import { D as v } from "../../../DropdownFooter-CsDll1Tj.js";
 import "../../Avatar/index.js";
 import "../../CKButton/index.js";
 import "../../IconButton/index.js";
 import "../../Stepper/index.js";
 import "react";
-import "../../../index-C8cPPHJD.js";
-import '../../../assets/theme-gJHYUL9y.css';import '../../../assets/styles-DngCqCGW.css';import '../../../assets/styles-DLJzdWsF.css';import '../../../assets/styles-O-5pBCak.css';import '../../../assets/ReactToastify-tlSLHgLC.css';/* empty css                              */
+import "../../../index-BR6M9zUI.js";
+import '../../../assets/theme-gJHYUL9y.css';import '../../../assets/styles-DngCqCGW.css';import '../../../assets/styles-DLJzdWsF.css';import '../../../assets/styles-O-5pBCak.css';import '../../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                              */
 import "../../GroupedMultiSelect/_helpers/TagContent.js";
 import "../../GroupedMultiSelect/_helpers/OptionRow.js";
 import "../../GroupedSingleSelect/_helpers/OptionRow.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/SingleSelectDropdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAO7E,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAY,EACZ,QAAQ,EACR,KAAK,EACL,WAAsB,EACtB,UAAU,EACV,QAAgB,EAChB,UAAiB,EACjB,eAAsB,EACtB,SAAc,EACd,SAAiB,EACjB,KAAU,GACX,EAAE,iBAAiB,2CAoKnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/SingleSelectDropdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAS7E,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAY,EACZ,QAAQ,EACR,KAAK,EACL,WAAsB,EACtB,UAAU,EACV,QAAgB,EAChB,UAAiB,EACjB,eAAsB,EACtB,SAAc,EACd,SAAiB,EACjB,KAAU,GACX,EAAE,iBAAiB,2CAyKnB"}