@hudoro/multi-select - npm Package Compare versions

Comparing version 0.0.1-beta.2 to 0.0.1-beta.3

dist/multiSelect.es.js

@@ -1,2 +0,2 @@
-import Te, { useState as re, useRef as dr, useEffect as cr, useMemo as fr } from "react";
+import Te, { useState as re, useRef as ur, useEffect as cr, useMemo as fr } from "react";
 var ne = { exports: {} }, B = {};
@@ -17,14 +17,14 @@ /**
   _e = 1;
-  var g = Te, m = Symbol.for("react.element"), j = Symbol.for("react.fragment"), x = Object.prototype.hasOwnProperty, C = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, O = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function P(y, u, E) {
-    var p, w = {}, _ = null, d = null;
-    E !== void 0 && (_ = "" + E), u.key !== void 0 && (_ = "" + u.key), u.ref !== void 0 && (d = u.ref);
-    for (p in u)
-      x.call(u, p) && !O.hasOwnProperty(p) && (w[p] = u[p]);
-    if (y && y.defaultProps)
-      for (p in u = y.defaultProps, u)
-        w[p] === void 0 && (w[p] = u[p]);
-    return { $$typeof: m, type: y, key: _, ref: d, props: w, _owner: C.current };
+  var g = Te, m = Symbol.for("react.element"), y = Symbol.for("react.fragment"), b = Object.prototype.hasOwnProperty, C = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, O = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function P(j, d, E) {
+    var v, x = {}, _ = null, u = null;
+    E !== void 0 && (_ = "" + E), d.key !== void 0 && (_ = "" + d.key), d.ref !== void 0 && (u = d.ref);
+    for (v in d)
+      b.call(d, v) && !O.hasOwnProperty(v) && (x[v] = d[v]);
+    if (j && j.defaultProps)
+      for (v in d = j.defaultProps, d)
+        x[v] === void 0 && (x[v] = d[v]);
+    return { $$typeof: m, type: j, key: _, ref: u, props: x, _owner: C.current };
   }
-  return B.Fragment = j, B.jsx = P, B.jsxs = P, B;
+  return B.Fragment = y, B.jsx = P, B.jsxs = P, B;
 }
@@ -42,9 +42,9 @@ var V = {};
 var Se;
-function pr() {
+function vr() {
   return Se || (Se = 1, process.env.NODE_ENV !== "production" && function() {
-    var g = Te, m = Symbol.for("react.element"), j = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), P = Symbol.for("react.provider"), y = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), d = Symbol.for("react.offscreen"), k = Symbol.iterator, W = "@@iterator";
+    var g = Te, m = Symbol.for("react.element"), y = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), P = Symbol.for("react.provider"), j = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), k = Symbol.iterator, F = "@@iterator";
     function R(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = k && e[k] || e[W];
+      var r = k && e[k] || e[F];
       return typeof r == "function" ? r : null;
@@ -70,6 +70,6 @@ }
     }
-    var Pe = !1, Fe = !1, We = !1, Me = !1, Ie = !1, te;
+    var Pe = !1, We = !1, Fe = !1, Me = !1, Ie = !1, te;
     te = Symbol.for("react.module.reference");
     function Ae(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === x || e === O || Ie || e === C || e === E || e === p || Me || e === d || Pe || Fe || We || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === w || e.$$typeof === P || e.$$typeof === y || e.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === b || e === O || Ie || e === C || e === E || e === v || Me || e === u || Pe || We || Fe || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === x || e.$$typeof === P || e.$$typeof === j || e.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
@@ -98,5 +98,5 @@ // we don't know which Flight build this will end up being used
       switch (e) {
-        case x:
+        case b:
           return "Fragment";
-        case j:
+        case y:
           return "Portal";
@@ -109,3 +109,3 @@ case O:
           return "Suspense";
-        case p:
+        case v:
           return "SuspenseList";
@@ -115,3 +115,3 @@ }
         switch (e.$$typeof) {
-          case y:
+          case j:
             var r = e;
@@ -122,5 +122,5 @@ return ie(r) + ".Consumer";
             return ie(n._context) + ".Provider";
-          case u:
+          case d:
             return De(e, e.render, "ForwardRef");
-          case w:
+          case x:
             var i = e.displayName || null;
@@ -139,3 +139,3 @@ return i !== null ? i : L(e.type) || "Memo";
     }
-    var F = Object.assign, A = 0, oe, ae, se, le, ue, de, ce;
+    var W = Object.assign, A = 0, oe, ae, se, le, de, ue, ce;
     function fe() {
@@ -147,3 +147,3 @@ }
         if (A === 0) {
-          oe = console.log, ae = console.info, se = console.warn, le = console.error, ue = console.group, de = console.groupCollapsed, ce = console.groupEnd;
+          oe = console.log, ae = console.info, se = console.warn, le = console.error, de = console.group, ue = console.groupCollapsed, ce = console.groupEnd;
           var e = {
@@ -177,21 +177,21 @@ configurable: !0,
           Object.defineProperties(console, {
-            log: F({}, e, {
+            log: W({}, e, {
               value: oe
             }),
-            info: F({}, e, {
+            info: W({}, e, {
               value: ae
             }),
-            warn: F({}, e, {
+            warn: W({}, e, {
               value: se
             }),
-            error: F({}, e, {
+            error: W({}, e, {
               value: le
             }),
-            group: F({}, e, {
+            group: W({}, e, {
+              value: de
+            }),
+            groupCollapsed: W({}, e, {
               value: ue
             }),
-            groupCollapsed: F({}, e, {
-              value: de
-            }),
-            groupEnd: F({}, e, {
+            groupEnd: W({}, e, {
               value: ce
@@ -204,3 +204,3 @@ })
     }
-    var z = S.ReactCurrentDispatcher, q;
+    var H = S.ReactCurrentDispatcher, q;
     function N(e, r, n) {
@@ -237,3 +237,3 @@ {
       var l;
-      l = z.current, z.current = null, Be();
+      l = H.current, H.current = null, Be();
       try {
@@ -274,13 +274,13 @@ if (r) {
           for (var o = T.stack.split(`
-`), v = i.stack.split(`
-`), c = o.length - 1, f = v.length - 1; c >= 1 && f >= 0 && o[c] !== v[f]; )
+`), p = i.stack.split(`
+`), c = o.length - 1, f = p.length - 1; c >= 1 && f >= 0 && o[c] !== p[f]; )
             f--;
           for (; c >= 1 && f >= 0; c--, f--)
-            if (o[c] !== v[f]) {
+            if (o[c] !== p[f]) {
               if (c !== 1 || f !== 1)
                 do
-                  if (c--, f--, f < 0 || o[c] !== v[f]) {
-                    var b = `
+                  if (c--, f--, f < 0 || o[c] !== p[f]) {
+                    var w = `
 ` + o[c].replace(" at new ", " at ");
-                    return e.displayName && b.includes("<anonymous>") && (b = b.replace("<anonymous>", e.displayName)), typeof e == "function" && $.set(e, b), b;
+                    return e.displayName && w.includes("<anonymous>") && (w = w.replace("<anonymous>", e.displayName)), typeof e == "function" && $.set(e, w), w;
                   }
@@ -292,3 +292,3 @@ while (c >= 1 && f >= 0);
       } finally {
-        J = !1, z.current = l, Ve(), Error.prepareStackTrace = s;
+        J = !1, H.current = l, Ve(), Error.prepareStackTrace = s;
       }
@@ -315,3 +315,3 @@ var I = e ? e.displayName || e.name : "", Ee = I ? N(I) : "";
           return N("Suspense");
-        case p:
+        case v:
           return N("SuspenseList");
@@ -321,5 +321,5 @@ }
         switch (e.$$typeof) {
-          case u:
+          case d:
             return $e(e.render);
-          case w:
+          case x:
             return Y(e.type, r, n);
@@ -336,13 +336,13 @@ case _: {
     }
-    var U = Object.prototype.hasOwnProperty, pe = {}, ve = S.ReactDebugCurrentFrame;
-    function Z(e) {
+    var z = Object.prototype.hasOwnProperty, ve = {}, pe = S.ReactDebugCurrentFrame;
+    function U(e) {
       if (e) {
         var r = e._owner, n = Y(e.type, e._source, r ? r.type : null);
-        ve.setExtraStackFrame(n);
+        pe.setExtraStackFrame(n);
       } else
-        ve.setExtraStackFrame(null);
+        pe.setExtraStackFrame(null);
     }
-    function Ue(e, r, n, i, s) {
+    function ze(e, r, n, i, s) {
       {
-        var l = Function.call.bind(U);
+        var l = Function.call.bind(z);
         for (var a in e)
@@ -353,4 +353,4 @@ if (l(e, a)) {
               if (typeof e[a] != "function") {
-                var v = Error((i || "React class") + ": " + n + " type `" + a + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[a] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw v.name = "Invariant Violation", v;
+                var p = Error((i || "React class") + ": " + n + " type `" + a + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[a] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw p.name = "Invariant Violation", p;
               }
@@ -361,11 +361,11 @@ o = e[a](r, a, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             }
-            o && !(o instanceof Error) && (Z(s), h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", n, a, typeof o), Z(null)), o instanceof Error && !(o.message in pe) && (pe[o.message] = !0, Z(s), h("Failed %s type: %s", n, o.message), Z(null));
+            o && !(o instanceof Error) && (U(s), h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", n, a, typeof o), U(null)), o instanceof Error && !(o.message in ve) && (ve[o.message] = !0, U(s), h("Failed %s type: %s", n, o.message), U(null));
           }
       }
     }
-    var Ze = Array.isArray;
+    var Ue = Array.isArray;
     function G(e) {
-      return Ze(e);
+      return Ue(e);
     }
-    function He(e) {
+    function Ze(e) {
       {
@@ -376,3 +376,3 @@ var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
     }
-    function ze(e) {
+    function He(e) {
       try {
@@ -388,4 +388,4 @@ return ge(e), !1;
     function me(e) {
-      if (ze(e))
-        return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), ge(e);
+      if (He(e))
+        return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ze(e)), ge(e);
     }
@@ -397,6 +397,6 @@ var D = S.ReactCurrentOwner, qe = {
       __source: !0
-    }, xe, be, K;
+    }, be, we, K;
     K = {};
     function Je(e) {
-      if (U.call(e, "ref")) {
+      if (z.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -409,3 +409,3 @@ if (r && r.isReactWarning)
     function Ge(e) {
-      if (U.call(e, "key")) {
+      if (z.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
@@ -426,3 +426,3 @@ if (r && r.isReactWarning)
         var n = function() {
-          xe || (xe = !0, h("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          be || (be = !0, h("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
@@ -438,3 +438,3 @@ n.isReactWarning = !0, Object.defineProperty(e, "key", {
         var n = function() {
-          be || (be = !0, h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          we || (we = !0, h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
@@ -478,6 +478,6 @@ n.isReactWarning = !0, Object.defineProperty(e, "ref", {
       {
-        var l, a = {}, o = null, v = null;
-        n !== void 0 && (me(n), o = "" + n), Ge(r) && (me(r.key), o = "" + r.key), Je(r) && (v = r.ref, Ke(r, s));
+        var l, a = {}, o = null, p = null;
+        n !== void 0 && (me(n), o = "" + n), Ge(r) && (me(r.key), o = "" + r.key), Je(r) && (p = r.ref, Ke(r, s));
         for (l in r)
-          U.call(r, l) && !qe.hasOwnProperty(l) && (a[l] = r[l]);
+          z.call(r, l) && !qe.hasOwnProperty(l) && (a[l] = r[l]);
         if (e && e.defaultProps) {
@@ -488,16 +488,16 @@ var c = e.defaultProps;
         }
-        if (o || v) {
+        if (o || p) {
           var f = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          o && Xe(a, f), v && Qe(a, f);
+          o && Xe(a, f), p && Qe(a, f);
         }
-        return er(e, o, v, s, i, D.current, a);
+        return er(e, o, p, s, i, D.current, a);
       }
     }
-    var X = S.ReactCurrentOwner, we = S.ReactDebugCurrentFrame;
+    var X = S.ReactCurrentOwner, xe = S.ReactDebugCurrentFrame;
     function M(e) {
       if (e) {
         var r = e._owner, n = Y(e.type, e._source, r ? r.type : null);
-        we.setExtraStackFrame(n);
+        xe.setExtraStackFrame(n);
       } else
-        we.setExtraStackFrame(null);
+        xe.setExtraStackFrame(null);
     }
@@ -558,3 +558,3 @@ var Q;
     }
-    function je(e, r) {
+    function ye(e, r) {
       {
@@ -586,5 +586,5 @@ if (typeof e != "object")
           n = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === u || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === w))
+        r.$$typeof === x))
           n = r.propTypes;
@@ -595,3 +595,3 @@ else
           var i = L(r);
-          Ue(n, e.props, "prop", i, e);
+          ze(n, e.props, "prop", i, e);
         } else if (r.PropTypes !== void 0 && !Q) {
@@ -617,3 +617,3 @@ Q = !0;
     }
-    function ye(e, r, n, i, s, l) {
+    function je(e, r, n, i, s, l) {
       {
@@ -624,4 +624,4 @@ var a = Ae(e);
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (o += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var v = nr(s);
-          v ? o += v : o += Ce();
+          var p = nr(s);
+          p ? o += p : o += Ce();
           var c;
@@ -634,30 +634,30 @@ e === null ? c = "null" : G(e) ? c = "array" : e !== void 0 && e.$$typeof === m ? (c = "<" + (L(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : c = typeof e, h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", c, o);
         if (a) {
-          var b = r.children;
-          if (b !== void 0)
+          var w = r.children;
+          if (w !== void 0)
             if (i)
-              if (G(b)) {
-                for (var I = 0; I < b.length; I++)
-                  je(b[I], e);
-                Object.freeze && Object.freeze(b);
+              if (G(w)) {
+                for (var I = 0; I < w.length; I++)
+                  ye(w[I], e);
+                Object.freeze && Object.freeze(w);
               } else
                 h("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              je(b, e);
+              ye(w, e);
         }
-        return e === x ? or(f) : ir(f), f;
+        return e === b ? or(f) : ir(f), f;
       }
     }
     function ar(e, r, n) {
-      return ye(e, r, n, !0);
+      return je(e, r, n, !0);
     }
     function sr(e, r, n) {
-      return ye(e, r, n, !1);
+      return je(e, r, n, !1);
     }
-    var lr = sr, ur = ar;
-    V.Fragment = x, V.jsx = lr, V.jsxs = ur;
+    var lr = sr, dr = ar;
+    V.Fragment = b, V.jsx = lr, V.jsxs = dr;
   }()), V;
 }
-process.env.NODE_ENV === "production" ? ne.exports = hr() : ne.exports = pr();
+process.env.NODE_ENV === "production" ? ne.exports = hr() : ne.exports = vr();
 var t = ne.exports;
-const vr = `@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
+const pr = `@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
 * {
@@ -671,27 +671,58 @@ margin: 0;
 
+:root {
+  /* font size */
+  --hsd-ui-fontSizes-md: 1rem; /* 16px */
+  --hsd-ui-fontSizes-xl: 1.25rem; /* 20px */
+
+  /* height */
+  --hsd-ui-h-8: 2rem; /* 32px */
+  --hsd-ui-h-10: 2.5rem; /* 40px */
+  --hsd-ui-h-12: 3rem; /* 48px */
+
+  /* radius */
+  --hsd-ui-radii-base: 0.25rem; /* 4px */
+  --hsd-ui-radii-lg: 0.5rem; /* 8px */
+
+  /* spacing */
+  --hsd-ui-spacing-1: 0.25rem; /* 4px */
+  --hsd-ui-spacing-2: 0.5rem; /* 8px */
+  --hsd-ui-spacing-3: 0.75rem; /* 12px */
+
+  /* border width */
+  --hsd-ui-border: 1px;
+
+  /* color */
+  --hsd-ui-color-gray-300: #d1d5db;
+  --hsd-ui-color-blue-800: #1e40af;
+
+  /* font weight */
+  --hsd-ui-fontWeights-normal: 400;
+  --hsd-ui-fontWeights-medium: 500;
+}
+
 .size-sm {
-  --baseFont: 16px;
-  --height: 32px;
-  --borderRadius: 4px;
-  --paddingInline: 8px;
-  --borderWidth: 1px;
-  --baseColor: #d1d5db;
+  --baseFont: var(--hsd-ui-fontSizes-md);
+  --height: var(--hsd-ui-h-8);
+  --borderRadius: var(--hsd-ui-radii-base);
+  --paddingInline: var(--hsd-ui-spacing-2);
+  --borderWidth: var(--hsd-ui-border);
+  --baseColor: var(--hsd-ui-color-gray-300);
 }
 
 .size-md {
-  --baseFont: 16px;
-  --height: 40px;
-  --borderRadius: 8px;
-  --paddingInline: 12px;
-  --borderWidth: 1.3px;
-  --baseColor: #d1d5db;
+  --baseFont: var(--hsd-ui-fontSizes-md);
+  --height: var(--hsd-ui-h-10);
+  --borderRadius: var(--hsd-ui-radii-lg);
+  --paddingInline: var(--hsd-ui-spacing-3);
+  --borderWidth: var(--hsd-ui-border);
+  --baseColor: var(--hsd-ui-color-gray-300);
 }
 
 .size-lg {
-  --baseFont: 20px;
-  --height: 48px;
-  --borderRadius: 8px;
-  --paddingInline: 12px;
-  --borderWidth: 1.3px;
-  --baseColor: #d1d5db;
+  --baseFont: var(--hsd-ui-fontSizes-xl);
+  --height: var(--hsd-ui-h-12);
+  --borderRadius: var(--hsd-ui-radii-lg);
+  --paddingInline: var(--hsd-ui-spacing-3);
+  --borderWidth: var(--hsd-ui-border);
+  --baseColor: var(--hsd-ui-color-gray-300);
 }
@@ -707,6 +738,6 @@
   align-items: center;
-  border: 1px solid var(--baseColor);
+  border: var(--hsd-ui-border) solid var(--baseColor);
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: var(--hsd-ui-spacing-2);
   height: var(--height);
@@ -730,6 +761,6 @@ min-height: var(--height);
   right: 0;
-  margin-top: 8px;
-  padding: 8px;
-  border: 1px solid var(--baseColor);
-  border-radius: 4px;
+  margin-top: var(--hsd-ui-spacing-2);
+  padding: var(--hsd-ui-spacing-2);
+  border: var(--hsd-ui-border) solid var(--baseColor);
+  border-radius: var(--hsd-ui-radii-base);
   background-color: white;
@@ -748,3 +779,3 @@ box-shadow: 0px 16px 40px 0px rgba(154, 170, 207, 0.2);
   border-radius: var(--borderRadius);
-  gap: 8px;
+  gap: var(--hsd-ui-spacing-2);
   padding-inline: var(--paddingInline);
@@ -757,3 +788,3 @@ & input {
     font-size: var(--baseFont);
-    font-weight: 500;
+    font-weight: var(--hsd-ui-fontWeights-medium);
     &::placeholder {
@@ -766,3 +797,3 @@ color: var(--baseColor);
 .hsd-multi-select-container-dropdown-list {
-  margin-top: 8px;
+  margin-top: var(--hsd-ui-spacing-2);
 }
@@ -774,3 +805,3 @@ .hsd-multi-select-dropdown-list {
   height: var(--height);
-  padding-inline: 8px;
+  padding-inline: var(--hsd-ui-spacing-2);
   & input {
@@ -784,7 +815,7 @@ width: var(--baseFont);
   align-items: center;
-  gap: 8px;
+  gap: var(--hsd-ui-spacing-2);
   font-size: var(--baseFont);
 }
 .hsd-multi-select-dropdown-list:has(input[type="checkbox"]:checked) {
-  color: #1e40af;
+  color: var(--hsd-ui-color-blue-800);
 }
@@ -795,3 +826,3 @@
   display: flex;
-  gap: 4px;
+  gap: var(--hsd-ui-spacing-1);
 
@@ -802,10 +833,10 @@ flex-wrap: wrap;
   overflow-y: auto;
-  padding-block: 4px;
+  padding-block: var(--hsd-ui-spacing-1);
 }
 
 .hsd-multi-select-preview-value {
-  border: 1px solid #1e40af;
+  border: var(--hsd-ui-border) solid var(--hsd-ui-color-blue-800);
   padding-inline: 10px;
-  border-radius: 4px;
-  font-weight: 400;
+  border-radius: var(--hsd-ui-spacing-1);
+  font-weight: var(--hsd-ui-fontWeights-normal);
   background-color: #eaeefb;
@@ -816,8 +847,8 @@ height: max-content;
 function gr(g) {
-  const [m, j] = re(g), x = dr(null), C = (O) => {
-    x.current && !x.current.contains(O.target) && j(!1);
+  const [m, y] = re(g), b = ur(null), C = (O) => {
+    b.current && !b.current.contains(O.target) && y(!1);
   };
   return cr(() => (document.addEventListener("click", C, !0), () => {
     document.removeEventListener("click", C, !0);
-  }), []), { ref: x, isComponentVisible: m, setIsComponentVisible: j };
+  }), []), { ref: b, isComponentVisible: m, setIsComponentVisible: y };
 }
@@ -830,32 +861,32 @@ const Le = "hudoro-multi-select-styles", mr = (g) => {
 };
-mr(vr);
-const br = ({
+mr(pr);
+const wr = ({
   size: g = "md",
   listSelect: m,
-  onChange: j
+  onChange: y
 }) => {
-  const { ref: x, isComponentVisible: C, setIsComponentVisible: O } = gr(!1), [P, y] = re(""), [u, E] = re([]), p = () => O((d) => !d), w = fr(
+  const { ref: b, isComponentVisible: C, setIsComponentVisible: O } = gr(!1), [P, j] = re(""), [d, E] = re([]), v = () => O((u) => !u), x = fr(
     () => m.filter(
-      (d) => d.label.toLowerCase().includes(P.toLowerCase())
+      (u) => u.label.toLowerCase().includes(P.toLowerCase())
     ),
     [P]
-  ), _ = (d, k) => {
-    if (u == null ? void 0 : u.find((R) => R.value === k)) {
-      const S = [...u].filter((h) => h.value !== k);
-      E(S), j(S);
+  ), _ = (u, k) => {
+    if (d == null ? void 0 : d.find((R) => R.value === k)) {
+      const S = [...d].filter((h) => h.value !== k);
+      E(S), y(S);
     } else {
-      const R = [...u];
-      R == null || R.push({ label: d, value: k }), E(R), j(R);
+      const R = [...d];
+      R == null || R.push({ label: u, value: k }), E(R), y(R);
     }
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: `hsd-multi-select-container size-${g}`, ref: x, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: `hsd-multi-select-container size-${g}`, ref: b, children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        onClick: p,
+        onClick: v,
         className: `hsd-multi-select-container-preview ${C ? "active" : ""} `,
         children: [
-          H[g].user,
-          /* @__PURE__ */ t.jsx("div", { className: "hsd-multi-select-container-value", children: u.length ? u.map((d, k) => /* @__PURE__ */ t.jsx("p", { className: "hsd-multi-select-preview-value", children: d.label }, k)) : /* @__PURE__ */ t.jsx("p", { style: { color: "#d1d5db" }, children: "+123" }) }),
-          H[g].arrow
+          Z[g].user,
+          /* @__PURE__ */ t.jsx("div", { className: "hsd-multi-select-container-value", children: d.length ? d.map((u, k) => /* @__PURE__ */ t.jsx("p", { className: "hsd-multi-select-preview-value", children: u.label }, k)) : /* @__PURE__ */ t.jsx("p", { style: { color: "#d1d5db" }, children: "+123" }) }),
+          Z[g].arrow
         ]
@@ -866,3 +897,3 @@ }
       /* @__PURE__ */ t.jsxs("div", { className: "hsd-multi-select-container-dropdown-search", children: [
-        H[g].search,
+        Z[g].search,
         /* @__PURE__ */ t.jsx(
@@ -872,15 +903,15 @@ "input",
             placeholder: "+123",
-            onChange: (d) => y(d.target.value)
+            onChange: (u) => j(u.target.value)
           }
         )
       ] }),
-      /* @__PURE__ */ t.jsx("div", { className: "hsd-multi-select-container-dropdown-list", children: w.map((d, k) => /* @__PURE__ */ t.jsxs(
+      /* @__PURE__ */ t.jsx("div", { className: "hsd-multi-select-container-dropdown-list", children: x.map((u, k) => /* @__PURE__ */ t.jsxs(
         "label",
         {
-          htmlFor: d.value,
+          htmlFor: u.value,
           className: "hsd-multi-select-dropdown-list",
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: "hsd-multi-select-label-dropdown-list", children: [
-              H[g].image,
-              /* @__PURE__ */ t.jsx("p", { children: d.label })
+              Z[g].image,
+              /* @__PURE__ */ t.jsx("p", { children: u.label })
             ] }),
@@ -891,6 +922,6 @@ /* @__PURE__ */ t.jsx(
                 type: "checkbox",
-                id: d.value,
-                value: d.value,
-                onChange: (W) => _(d.label, W.target.value),
-                checked: !!u.find((W) => W.value === d.value)
+                id: u.value,
+                value: u.value,
+                onChange: (F) => _(u.label, F.target.value),
+                checked: !!d.find((F) => F.value === u.value)
               }
@@ -904,3 +935,3 @@ )
   ] });
-}, H = {
+}, Z = {
   sm: {
@@ -1292,3 +1323,3 @@ user: /* @__PURE__ */ t.jsx(
 export {
-  br as MultiSelect
+  wr as MultiSelect
 };

dist/multiSelect.umd.js

@@ -1,2 +0,2 @@
-(function(M,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],x):(M=typeof globalThis<"u"?globalThis:M||self,x(M.MultiSelect={},M.React))})(this,function(M,x){"use strict";var G={exports:{}},B={};/**
+(function(F,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],b):(F=typeof globalThis<"u"?globalThis:F||self,b(F.MultiSelect={},F.React))})(this,function(F,b){"use strict";var G={exports:{}},B={};/**
  * @license React
@@ -9,3 +9,3 @@ * react-jsx-runtime.production.min.js
  * LICENSE file in the root directory of this source tree.
- */var ie;function Oe(){if(ie)return B;ie=1;var g=x,m=Symbol.for("react.element"),y=Symbol.for("react.fragment"),b=Object.prototype.hasOwnProperty,k=g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,P={key:!0,ref:!0,__self:!0,__source:!0};function F(E,d,_){var p,C={},S=null,u=null;_!==void 0&&(S=""+_),d.key!==void 0&&(S=""+d.key),d.ref!==void 0&&(u=d.ref);for(p in d)b.call(d,p)&&!P.hasOwnProperty(p)&&(C[p]=d[p]);if(E&&E.defaultProps)for(p in d=E.defaultProps,d)C[p]===void 0&&(C[p]=d[p]);return{$$typeof:m,type:E,key:S,ref:u,props:C,_owner:k.current}}return B.Fragment=y,B.jsx=F,B.jsxs=F,B}var V={};/**
+ */var ie;function Oe(){if(ie)return B;ie=1;var g=b,m=Symbol.for("react.element"),j=Symbol.for("react.fragment"),w=Object.prototype.hasOwnProperty,k=g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,P={key:!0,ref:!0,__self:!0,__source:!0};function W(E,d,_){var v,C={},S=null,u=null;_!==void 0&&(S=""+_),d.key!==void 0&&(S=""+d.key),d.ref!==void 0&&(u=d.ref);for(v in d)w.call(d,v)&&!P.hasOwnProperty(v)&&(C[v]=d[v]);if(E&&E.defaultProps)for(v in d=E.defaultProps,d)C[v]===void 0&&(C[v]=d[v]);return{$$typeof:m,type:E,key:S,ref:u,props:C,_owner:k.current}}return B.Fragment=j,B.jsx=W,B.jsxs=W,B}var V={};/**
  * @license React
@@ -18,13 +18,13 @@ * react-jsx-runtime.development.js
  * LICENSE file in the root directory of this source tree.
- */var oe;function Pe(){return oe||(oe=1,process.env.NODE_ENV!=="production"&&function(){var g=x,m=Symbol.for("react.element"),y=Symbol.for("react.portal"),b=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),P=Symbol.for("react.profiler"),F=Symbol.for("react.provider"),E=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),_=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),C=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),u=Symbol.for("react.offscreen"),R=Symbol.iterator,I="@@iterator";function j(e){if(e===null||typeof e!="object")return null;var r=R&&e[R]||e[I];return typeof r=="function"?r:null}var T=g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function h(e){{for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];Ie("error",e,n)}}function Ie(e,r,n){{var i=T.ReactDebugCurrentFrame,s=i.getStackAddendum();s!==""&&(r+="%s",n=n.concat([s]));var l=n.map(function(a){return String(a)});l.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,l)}}var Ae=!1,De=!1,Be=!1,Ve=!1,Ne=!1,se;se=Symbol.for("react.module.reference");function Ye(e){return!!(typeof e=="string"||typeof e=="function"||e===b||e===P||Ne||e===k||e===_||e===p||Ve||e===u||Ae||De||Be||typeof e=="object"&&e!==null&&(e.$$typeof===S||e.$$typeof===C||e.$$typeof===F||e.$$typeof===E||e.$$typeof===d||e.$$typeof===se||e.getModuleId!==void 0))}function Ue(e,r,n){var i=e.displayName;if(i)return i;var s=r.displayName||r.name||"";return s!==""?n+"("+s+")":n}function le(e){return e.displayName||"Context"}function L(e){if(e==null)return null;if(typeof e.tag=="number"&&h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case b:return"Fragment";case y:return"Portal";case P:return"Profiler";case k:return"StrictMode";case _:return"Suspense";case p:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case E:var r=e;return le(r)+".Consumer";case F:var n=e;return le(n._context)+".Provider";case d:return Ue(e,e.render,"ForwardRef");case C:var i=e.displayName||null;return i!==null?i:L(e.type)||"Memo";case S:{var s=e,l=s._payload,a=s._init;try{return L(a(l))}catch{return null}}}return null}var W=Object.assign,N=0,de,ue,ce,fe,he,pe,ve;function ge(){}ge.__reactDisabledLog=!0;function Ze(){{if(N===0){de=console.log,ue=console.info,ce=console.warn,fe=console.error,he=console.group,pe=console.groupCollapsed,ve=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ge,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}N++}}function He(){{if(N--,N===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:W({},e,{value:de}),info:W({},e,{value:ue}),warn:W({},e,{value:ce}),error:W({},e,{value:fe}),group:W({},e,{value:he}),groupCollapsed:W({},e,{value:pe}),groupEnd:W({},e,{value:ve})})}N<0&&h("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var K=T.ReactCurrentDispatcher,X;function Z(e,r,n){{if(X===void 0)try{throw Error()}catch(s){var i=s.stack.trim().match(/\n( *(at )?)/);X=i&&i[1]||""}return`
-`+X+e}}var q=!1,H;{var $e=typeof WeakMap=="function"?WeakMap:Map;H=new $e}function me(e,r){if(!e||q)return"";{var n=H.get(e);if(n!==void 0)return n}var i;q=!0;var s=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var l;l=K.current,K.current=null,Ze();try{if(r){var a=function(){throw Error()};if(Object.defineProperty(a.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(a,[])}catch(O){i=O}Reflect.construct(e,[],a)}else{try{a.call()}catch(O){i=O}e.call(a.prototype)}}else{try{throw Error()}catch(O){i=O}e()}}catch(O){if(O&&i&&typeof O.stack=="string"){for(var o=O.stack.split(`
-`),v=i.stack.split(`
-`),c=o.length-1,f=v.length-1;c>=1&&f>=0&&o[c]!==v[f];)f--;for(;c>=1&&f>=0;c--,f--)if(o[c]!==v[f]){if(c!==1||f!==1)do if(c--,f--,f<0||o[c]!==v[f]){var w=`
-`+o[c].replace(" at new "," at ");return e.displayName&&w.includes("<anonymous>")&&(w=w.replace("<anonymous>",e.displayName)),typeof e=="function"&&H.set(e,w),w}while(c>=1&&f>=0);break}}}finally{q=!1,K.current=l,He(),Error.prepareStackTrace=s}var D=e?e.displayName||e.name:"",Le=D?Z(D):"";return typeof e=="function"&&H.set(e,Le),Le}function ze(e,r,n){return me(e,!1)}function Je(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function $(e,r,n){if(e==null)return"";if(typeof e=="function")return me(e,Je(e));if(typeof e=="string")return Z(e);switch(e){case _:return Z("Suspense");case p:return Z("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case d:return ze(e.render);case C:return $(e.type,r,n);case S:{var i=e,s=i._payload,l=i._init;try{return $(l(s),r,n)}catch{}}}return""}var z=Object.prototype.hasOwnProperty,xe={},be=T.ReactDebugCurrentFrame;function J(e){if(e){var r=e._owner,n=$(e.type,e._source,r?r.type:null);be.setExtraStackFrame(n)}else be.setExtraStackFrame(null)}function Ge(e,r,n,i,s){{var l=Function.call.bind(z);for(var a in e)if(l(e,a)){var o=void 0;try{if(typeof e[a]!="function"){var v=Error((i||"React class")+": "+n+" type `"+a+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[a]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw v.name="Invariant Violation",v}o=e[a](r,a,i,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(c){o=c}o&&!(o instanceof Error)&&(J(s),h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",i||"React class",n,a,typeof o),J(null)),o instanceof Error&&!(o.message in xe)&&(xe[o.message]=!0,J(s),h("Failed %s type: %s",n,o.message),J(null))}}}var Ke=Array.isArray;function Q(e){return Ke(e)}function Xe(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function qe(e){try{return we(e),!1}catch{return!0}}function we(e){return""+e}function Ce(e){if(qe(e))return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Xe(e)),we(e)}var Y=T.ReactCurrentOwner,Qe={key:!0,ref:!0,__self:!0,__source:!0},ke,Re,ee;ee={};function er(e){if(z.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function rr(e){if(z.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function nr(e,r){if(typeof e.ref=="string"&&Y.current&&r&&Y.current.stateNode!==r){var n=L(Y.current.type);ee[n]||(h('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',L(Y.current.type),e.ref),ee[n]=!0)}}function tr(e,r){{var n=function(){ke||(ke=!0,h("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}}function ir(e,r){{var n=function(){Re||(Re=!0,h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}}var or=function(e,r,n,i,s,l,a){var o={$$typeof:m,type:e,key:r,ref:n,props:a,_owner:l};return o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(o,"_self",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.defineProperty(o,"_source",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o};function ar(e,r,n,i,s){{var l,a={},o=null,v=null;n!==void 0&&(Ce(n),o=""+n),rr(r)&&(Ce(r.key),o=""+r.key),er(r)&&(v=r.ref,nr(r,s));for(l in r)z.call(r,l)&&!Qe.hasOwnProperty(l)&&(a[l]=r[l]);if(e&&e.defaultProps){var c=e.defaultProps;for(l in c)a[l]===void 0&&(a[l]=c[l])}if(o||v){var f=typeof e=="function"?e.displayName||e.name||"Unknown":e;o&&tr(a,f),v&&ir(a,f)}return or(e,o,v,s,i,Y.current,a)}}var re=T.ReactCurrentOwner,je=T.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,n=$(e.type,e._source,r?r.type:null);je.setExtraStackFrame(n)}else je.setExtraStackFrame(null)}var ne;ne=!1;function te(e){return typeof e=="object"&&e!==null&&e.$$typeof===m}function ye(){{if(re.current){var e=L(re.current.type);if(e)return`
+ */var oe;function Pe(){return oe||(oe=1,process.env.NODE_ENV!=="production"&&function(){var g=b,m=Symbol.for("react.element"),j=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),P=Symbol.for("react.profiler"),W=Symbol.for("react.provider"),E=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),_=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),C=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),u=Symbol.for("react.offscreen"),y=Symbol.iterator,I="@@iterator";function R(e){if(e===null||typeof e!="object")return null;var r=y&&e[y]||e[I];return typeof r=="function"?r:null}var T=g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function h(e){{for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];Ie("error",e,n)}}function Ie(e,r,n){{var i=T.ReactDebugCurrentFrame,s=i.getStackAddendum();s!==""&&(r+="%s",n=n.concat([s]));var l=n.map(function(a){return String(a)});l.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,l)}}var Ae=!1,De=!1,Be=!1,Ve=!1,Ne=!1,se;se=Symbol.for("react.module.reference");function Ye(e){return!!(typeof e=="string"||typeof e=="function"||e===w||e===P||Ne||e===k||e===_||e===v||Ve||e===u||Ae||De||Be||typeof e=="object"&&e!==null&&(e.$$typeof===S||e.$$typeof===C||e.$$typeof===W||e.$$typeof===E||e.$$typeof===d||e.$$typeof===se||e.getModuleId!==void 0))}function ze(e,r,n){var i=e.displayName;if(i)return i;var s=r.displayName||r.name||"";return s!==""?n+"("+s+")":n}function le(e){return e.displayName||"Context"}function L(e){if(e==null)return null;if(typeof e.tag=="number"&&h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case w:return"Fragment";case j:return"Portal";case P:return"Profiler";case k:return"StrictMode";case _:return"Suspense";case v:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case E:var r=e;return le(r)+".Consumer";case W:var n=e;return le(n._context)+".Provider";case d:return ze(e,e.render,"ForwardRef");case C:var i=e.displayName||null;return i!==null?i:L(e.type)||"Memo";case S:{var s=e,l=s._payload,a=s._init;try{return L(a(l))}catch{return null}}}return null}var M=Object.assign,N=0,de,ue,ce,fe,he,ve,pe;function ge(){}ge.__reactDisabledLog=!0;function Ue(){{if(N===0){de=console.log,ue=console.info,ce=console.warn,fe=console.error,he=console.group,ve=console.groupCollapsed,pe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ge,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}N++}}function Ze(){{if(N--,N===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:M({},e,{value:de}),info:M({},e,{value:ue}),warn:M({},e,{value:ce}),error:M({},e,{value:fe}),group:M({},e,{value:he}),groupCollapsed:M({},e,{value:ve}),groupEnd:M({},e,{value:pe})})}N<0&&h("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var K=T.ReactCurrentDispatcher,X;function U(e,r,n){{if(X===void 0)try{throw Error()}catch(s){var i=s.stack.trim().match(/\n( *(at )?)/);X=i&&i[1]||""}return`
+`+X+e}}var q=!1,Z;{var He=typeof WeakMap=="function"?WeakMap:Map;Z=new He}function me(e,r){if(!e||q)return"";{var n=Z.get(e);if(n!==void 0)return n}var i;q=!0;var s=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var l;l=K.current,K.current=null,Ue();try{if(r){var a=function(){throw Error()};if(Object.defineProperty(a.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(a,[])}catch(O){i=O}Reflect.construct(e,[],a)}else{try{a.call()}catch(O){i=O}e.call(a.prototype)}}else{try{throw Error()}catch(O){i=O}e()}}catch(O){if(O&&i&&typeof O.stack=="string"){for(var o=O.stack.split(`
+`),p=i.stack.split(`
+`),c=o.length-1,f=p.length-1;c>=1&&f>=0&&o[c]!==p[f];)f--;for(;c>=1&&f>=0;c--,f--)if(o[c]!==p[f]){if(c!==1||f!==1)do if(c--,f--,f<0||o[c]!==p[f]){var x=`
+`+o[c].replace(" at new "," at ");return e.displayName&&x.includes("<anonymous>")&&(x=x.replace("<anonymous>",e.displayName)),typeof e=="function"&&Z.set(e,x),x}while(c>=1&&f>=0);break}}}finally{q=!1,K.current=l,Ze(),Error.prepareStackTrace=s}var D=e?e.displayName||e.name:"",Le=D?U(D):"";return typeof e=="function"&&Z.set(e,Le),Le}function $e(e,r,n){return me(e,!1)}function Je(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function H(e,r,n){if(e==null)return"";if(typeof e=="function")return me(e,Je(e));if(typeof e=="string")return U(e);switch(e){case _:return U("Suspense");case v:return U("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case d:return $e(e.render);case C:return H(e.type,r,n);case S:{var i=e,s=i._payload,l=i._init;try{return H(l(s),r,n)}catch{}}}return""}var $=Object.prototype.hasOwnProperty,be={},we=T.ReactDebugCurrentFrame;function J(e){if(e){var r=e._owner,n=H(e.type,e._source,r?r.type:null);we.setExtraStackFrame(n)}else we.setExtraStackFrame(null)}function Ge(e,r,n,i,s){{var l=Function.call.bind($);for(var a in e)if(l(e,a)){var o=void 0;try{if(typeof e[a]!="function"){var p=Error((i||"React class")+": "+n+" type `"+a+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[a]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}o=e[a](r,a,i,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(c){o=c}o&&!(o instanceof Error)&&(J(s),h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",i||"React class",n,a,typeof o),J(null)),o instanceof Error&&!(o.message in be)&&(be[o.message]=!0,J(s),h("Failed %s type: %s",n,o.message),J(null))}}}var Ke=Array.isArray;function Q(e){return Ke(e)}function Xe(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function qe(e){try{return xe(e),!1}catch{return!0}}function xe(e){return""+e}function Ce(e){if(qe(e))return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Xe(e)),xe(e)}var Y=T.ReactCurrentOwner,Qe={key:!0,ref:!0,__self:!0,__source:!0},ke,ye,ee;ee={};function er(e){if($.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function rr(e){if($.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function nr(e,r){if(typeof e.ref=="string"&&Y.current&&r&&Y.current.stateNode!==r){var n=L(Y.current.type);ee[n]||(h('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',L(Y.current.type),e.ref),ee[n]=!0)}}function tr(e,r){{var n=function(){ke||(ke=!0,h("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}}function ir(e,r){{var n=function(){ye||(ye=!0,h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}}var or=function(e,r,n,i,s,l,a){var o={$$typeof:m,type:e,key:r,ref:n,props:a,_owner:l};return o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(o,"_self",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.defineProperty(o,"_source",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o};function ar(e,r,n,i,s){{var l,a={},o=null,p=null;n!==void 0&&(Ce(n),o=""+n),rr(r)&&(Ce(r.key),o=""+r.key),er(r)&&(p=r.ref,nr(r,s));for(l in r)$.call(r,l)&&!Qe.hasOwnProperty(l)&&(a[l]=r[l]);if(e&&e.defaultProps){var c=e.defaultProps;for(l in c)a[l]===void 0&&(a[l]=c[l])}if(o||p){var f=typeof e=="function"?e.displayName||e.name||"Unknown":e;o&&tr(a,f),p&&ir(a,f)}return or(e,o,p,s,i,Y.current,a)}}var re=T.ReactCurrentOwner,Re=T.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,n=H(e.type,e._source,r?r.type:null);Re.setExtraStackFrame(n)}else Re.setExtraStackFrame(null)}var ne;ne=!1;function te(e){return typeof e=="object"&&e!==null&&e.$$typeof===m}function je(){{if(re.current){var e=L(re.current.type);if(e)return`
 
 Check the render method of \``+e+"`."}return""}}function sr(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),n=e.lineNumber;return`
 
-Check your code at `+r+":"+n+"."}return""}}var Ee={};function lr(e){{var r=ye();if(!r){var n=typeof e=="string"?e:e.displayName||e.name;n&&(r=`
+Check your code at `+r+":"+n+"."}return""}}var Ee={};function lr(e){{var r=je();if(!r){var n=typeof e=="string"?e:e.displayName||e.name;n&&(r=`
 
-Check the top-level render call using <`+n+">.")}return r}}function _e(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=lr(r);if(Ee[n])return;Ee[n]=!0;var i="";e&&e._owner&&e._owner!==re.current&&(i=" It was passed a child from "+L(e._owner.type)+"."),A(e),h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,i),A(null)}}function Se(e,r){{if(typeof e!="object")return;if(Q(e))for(var n=0;n<e.length;n++){var i=e[n];te(i)&&_e(i,r)}else if(te(e))e._store&&(e._store.validated=!0);else if(e){var s=j(e);if(typeof s=="function"&&s!==e.entries)for(var l=s.call(e),a;!(a=l.next()).done;)te(a.value)&&_e(a.value,r)}}}function dr(e){{var r=e.type;if(r==null||typeof r=="string")return;var n;if(typeof r=="function")n=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===d||r.$$typeof===C))n=r.propTypes;else return;if(n){var i=L(r);Ge(n,e.props,"prop",i,e)}else if(r.PropTypes!==void 0&&!ne){ne=!0;var s=L(r);h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",s||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ur(e){{for(var r=Object.keys(e.props),n=0;n<r.length;n++){var i=r[n];if(i!=="children"&&i!=="key"){A(e),h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",i),A(null);break}}e.ref!==null&&(A(e),h("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}function Te(e,r,n,i,s,l){{var a=Ye(e);if(!a){var o="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var v=sr(s);v?o+=v:o+=ye();var c;e===null?c="null":Q(e)?c="array":e!==void 0&&e.$$typeof===m?(c="<"+(L(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):c=typeof e,h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",c,o)}var f=ar(e,r,n,s,l);if(f==null)return f;if(a){var w=r.children;if(w!==void 0)if(i)if(Q(w)){for(var D=0;D<w.length;D++)Se(w[D],e);Object.freeze&&Object.freeze(w)}else h("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Se(w,e)}return e===b?ur(f):dr(f),f}}function cr(e,r,n){return Te(e,r,n,!0)}function fr(e,r,n){return Te(e,r,n,!1)}var hr=fr,pr=cr;V.Fragment=b,V.jsx=hr,V.jsxs=pr}()),V}process.env.NODE_ENV==="production"?G.exports=Oe():G.exports=Pe();var t=G.exports;const Fe=`@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
+Check the top-level render call using <`+n+">.")}return r}}function _e(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=lr(r);if(Ee[n])return;Ee[n]=!0;var i="";e&&e._owner&&e._owner!==re.current&&(i=" It was passed a child from "+L(e._owner.type)+"."),A(e),h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,i),A(null)}}function Se(e,r){{if(typeof e!="object")return;if(Q(e))for(var n=0;n<e.length;n++){var i=e[n];te(i)&&_e(i,r)}else if(te(e))e._store&&(e._store.validated=!0);else if(e){var s=R(e);if(typeof s=="function"&&s!==e.entries)for(var l=s.call(e),a;!(a=l.next()).done;)te(a.value)&&_e(a.value,r)}}}function dr(e){{var r=e.type;if(r==null||typeof r=="string")return;var n;if(typeof r=="function")n=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===d||r.$$typeof===C))n=r.propTypes;else return;if(n){var i=L(r);Ge(n,e.props,"prop",i,e)}else if(r.PropTypes!==void 0&&!ne){ne=!0;var s=L(r);h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",s||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ur(e){{for(var r=Object.keys(e.props),n=0;n<r.length;n++){var i=r[n];if(i!=="children"&&i!=="key"){A(e),h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",i),A(null);break}}e.ref!==null&&(A(e),h("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}function Te(e,r,n,i,s,l){{var a=Ye(e);if(!a){var o="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var p=sr(s);p?o+=p:o+=je();var c;e===null?c="null":Q(e)?c="array":e!==void 0&&e.$$typeof===m?(c="<"+(L(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):c=typeof e,h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",c,o)}var f=ar(e,r,n,s,l);if(f==null)return f;if(a){var x=r.children;if(x!==void 0)if(i)if(Q(x)){for(var D=0;D<x.length;D++)Se(x[D],e);Object.freeze&&Object.freeze(x)}else h("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Se(x,e)}return e===w?ur(f):dr(f),f}}function cr(e,r,n){return Te(e,r,n,!0)}function fr(e,r,n){return Te(e,r,n,!1)}var hr=fr,vr=cr;V.Fragment=w,V.jsx=hr,V.jsxs=vr}()),V}process.env.NODE_ENV==="production"?G.exports=Oe():G.exports=Pe();var t=G.exports;const We=`@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
 * {
@@ -38,27 +38,58 @@ margin: 0;
 
+:root {
+  /* font size */
+  --hsd-ui-fontSizes-md: 1rem; /* 16px */
+  --hsd-ui-fontSizes-xl: 1.25rem; /* 20px */
+
+  /* height */
+  --hsd-ui-h-8: 2rem; /* 32px */
+  --hsd-ui-h-10: 2.5rem; /* 40px */
+  --hsd-ui-h-12: 3rem; /* 48px */
+
+  /* radius */
+  --hsd-ui-radii-base: 0.25rem; /* 4px */
+  --hsd-ui-radii-lg: 0.5rem; /* 8px */
+
+  /* spacing */
+  --hsd-ui-spacing-1: 0.25rem; /* 4px */
+  --hsd-ui-spacing-2: 0.5rem; /* 8px */
+  --hsd-ui-spacing-3: 0.75rem; /* 12px */
+
+  /* border width */
+  --hsd-ui-border: 1px;
+
+  /* color */
+  --hsd-ui-color-gray-300: #d1d5db;
+  --hsd-ui-color-blue-800: #1e40af;
+
+  /* font weight */
+  --hsd-ui-fontWeights-normal: 400;
+  --hsd-ui-fontWeights-medium: 500;
+}
+
 .size-sm {
-  --baseFont: 16px;
-  --height: 32px;
-  --borderRadius: 4px;
-  --paddingInline: 8px;
-  --borderWidth: 1px;
-  --baseColor: #d1d5db;
+  --baseFont: var(--hsd-ui-fontSizes-md);
+  --height: var(--hsd-ui-h-8);
+  --borderRadius: var(--hsd-ui-radii-base);
+  --paddingInline: var(--hsd-ui-spacing-2);
+  --borderWidth: var(--hsd-ui-border);
+  --baseColor: var(--hsd-ui-color-gray-300);
 }
 
 .size-md {
-  --baseFont: 16px;
-  --height: 40px;
-  --borderRadius: 8px;
-  --paddingInline: 12px;
-  --borderWidth: 1.3px;
-  --baseColor: #d1d5db;
+  --baseFont: var(--hsd-ui-fontSizes-md);
+  --height: var(--hsd-ui-h-10);
+  --borderRadius: var(--hsd-ui-radii-lg);
+  --paddingInline: var(--hsd-ui-spacing-3);
+  --borderWidth: var(--hsd-ui-border);
+  --baseColor: var(--hsd-ui-color-gray-300);
 }
 
 .size-lg {
-  --baseFont: 20px;
-  --height: 48px;
-  --borderRadius: 8px;
-  --paddingInline: 12px;
-  --borderWidth: 1.3px;
-  --baseColor: #d1d5db;
+  --baseFont: var(--hsd-ui-fontSizes-xl);
+  --height: var(--hsd-ui-h-12);
+  --borderRadius: var(--hsd-ui-radii-lg);
+  --paddingInline: var(--hsd-ui-spacing-3);
+  --borderWidth: var(--hsd-ui-border);
+  --baseColor: var(--hsd-ui-color-gray-300);
 }
@@ -74,6 +105,6 @@
   align-items: center;
-  border: 1px solid var(--baseColor);
+  border: var(--hsd-ui-border) solid var(--baseColor);
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: var(--hsd-ui-spacing-2);
   height: var(--height);
@@ -97,6 +128,6 @@ min-height: var(--height);
   right: 0;
-  margin-top: 8px;
-  padding: 8px;
-  border: 1px solid var(--baseColor);
-  border-radius: 4px;
+  margin-top: var(--hsd-ui-spacing-2);
+  padding: var(--hsd-ui-spacing-2);
+  border: var(--hsd-ui-border) solid var(--baseColor);
+  border-radius: var(--hsd-ui-radii-base);
   background-color: white;
@@ -115,3 +146,3 @@ box-shadow: 0px 16px 40px 0px rgba(154, 170, 207, 0.2);
   border-radius: var(--borderRadius);
-  gap: 8px;
+  gap: var(--hsd-ui-spacing-2);
   padding-inline: var(--paddingInline);
@@ -124,3 +155,3 @@ & input {
     font-size: var(--baseFont);
-    font-weight: 500;
+    font-weight: var(--hsd-ui-fontWeights-medium);
     &::placeholder {
@@ -133,3 +164,3 @@ color: var(--baseColor);
 .hsd-multi-select-container-dropdown-list {
-  margin-top: 8px;
+  margin-top: var(--hsd-ui-spacing-2);
 }
@@ -141,3 +172,3 @@ .hsd-multi-select-dropdown-list {
   height: var(--height);
-  padding-inline: 8px;
+  padding-inline: var(--hsd-ui-spacing-2);
   & input {
@@ -151,7 +182,7 @@ width: var(--baseFont);
   align-items: center;
-  gap: 8px;
+  gap: var(--hsd-ui-spacing-2);
   font-size: var(--baseFont);
 }
 .hsd-multi-select-dropdown-list:has(input[type="checkbox"]:checked) {
-  color: #1e40af;
+  color: var(--hsd-ui-color-blue-800);
 }
@@ -162,3 +193,3 @@
   display: flex;
-  gap: 4px;
+  gap: var(--hsd-ui-spacing-1);
 
@@ -169,13 +200,13 @@ flex-wrap: wrap;
   overflow-y: auto;
-  padding-block: 4px;
+  padding-block: var(--hsd-ui-spacing-1);
 }
 
 .hsd-multi-select-preview-value {
-  border: 1px solid #1e40af;
+  border: var(--hsd-ui-border) solid var(--hsd-ui-color-blue-800);
   padding-inline: 10px;
-  border-radius: 4px;
-  font-weight: 400;
+  border-radius: var(--hsd-ui-spacing-1);
+  font-weight: var(--hsd-ui-fontWeights-normal);
   background-color: #eaeefb;
   height: max-content;
 }
-`;function Me(g){const[m,y]=x.useState(g),b=x.useRef(null),k=P=>{b.current&&!b.current.contains(P.target)&&y(!1)};return x.useEffect(()=>(document.addEventListener("click",k,!0),()=>{document.removeEventListener("click",k,!0)}),[]),{ref:b,isComponentVisible:m,setIsComponentVisible:y}}const ae="hudoro-multi-select-styles";(g=>{if(!document.getElementById(ae)){const m=document.createElement("style");m.id=ae,m.textContent=g,document.head.appendChild(m)}})(Fe);const We=({size:g="md",listSelect:m,onChange:y})=>{const{ref:b,isComponentVisible:k,setIsComponentVisible:P}=Me(!1),[F,E]=x.useState(""),[d,_]=x.useState([]),p=()=>P(u=>!u),C=x.useMemo(()=>m.filter(u=>u.label.toLowerCase().includes(F.toLowerCase())),[F]),S=(u,R)=>{if(d==null?void 0:d.find(j=>j.value===R)){const T=[...d].filter(h=>h.value!==R);_(T),y(T)}else{const j=[...d];j==null||j.push({label:u,value:R}),_(j),y(j)}};return t.jsxs("div",{className:`hsd-multi-select-container size-${g}`,ref:b,children:[t.jsxs("div",{onClick:p,className:`hsd-multi-select-container-preview ${k?"active":""} `,children:[U[g].user,t.jsx("div",{className:"hsd-multi-select-container-value",children:d.length?d.map((u,R)=>t.jsx("p",{className:"hsd-multi-select-preview-value",children:u.label},R)):t.jsx("p",{style:{color:"#d1d5db"},children:"+123"})}),U[g].arrow]}),k?t.jsxs("div",{className:"hsd-multi-select-container-dropdown",children:[t.jsxs("div",{className:"hsd-multi-select-container-dropdown-search",children:[U[g].search,t.jsx("input",{placeholder:"+123",onChange:u=>E(u.target.value)})]}),t.jsx("div",{className:"hsd-multi-select-container-dropdown-list",children:C.map((u,R)=>t.jsxs("label",{htmlFor:u.value,className:"hsd-multi-select-dropdown-list",children:[t.jsxs("div",{className:"hsd-multi-select-label-dropdown-list",children:[U[g].image,t.jsx("p",{children:u.label})]}),t.jsx("input",{type:"checkbox",id:u.value,value:u.value,onChange:I=>S(u.label,I.target.value),checked:!!d.find(I=>I.value===u.value)})]},R))})]}):null]})},U={sm:{user:t.jsx("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsxs("g",{id:"Profile",children:[t.jsx("path",{id:"Stroke 1",fillRule:"evenodd",clipRule:"evenodd",d:"M5.98979 9.23083C3.41138 9.23083 1.20947 9.62068 1.20947 11.1819C1.20947 12.7432 3.39741 13.147 5.98979 13.147C8.5682 13.147 10.7695 12.7565 10.7695 11.1959C10.7695 9.63528 8.58217 9.23083 5.98979 9.23083Z",stroke:"#6B7280",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 3",fillRule:"evenodd",clipRule:"evenodd",d:"M5.98993 7.00396C7.68199 7.00396 9.05342 5.6319 9.05342 3.93983C9.05342 2.24777 7.68199 0.876343 5.98993 0.876343C4.29786 0.876343 2.9258 2.24777 2.9258 3.93983C2.92008 5.62618 4.28262 6.99825 5.96834 7.00396H5.98993Z",stroke:"#6B7280",strokeLinecap:"round",strokeLinejoin:"round"})]})}),arrow:t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("g",{id:"Curved/Arrows-and-direction",children:t.jsx("path",{id:"shape",d:"M2.6665 6L7.99984 11.3333L13.3332 6",stroke:"#3B82F6",strokeLinecap:"round",strokeLinejoin:"round"})})}),search:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:t.jsx("path",{d:"M13.3333 13.3333L10.5355 10.5355M12 7C12 4.23858 9.76142 2 7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12C9.76142 12 12 9.76142 12 7Z",stroke:"#6B7280",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),image:t.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsxs("g",{id:"Image",children:[t.jsx("path",{id:"Stroke 1",fillRule:"evenodd",clipRule:"evenodd",d:"M13.1402 4.43114V9.86514C13.1402 11.8785 11.8802 13.2985 9.86683 13.2985H4.10016C2.08683 13.2985 0.833496 11.8785 0.833496 9.86514V4.43114C0.833496 2.41781 2.0935 0.998474 4.10016 0.998474H9.86683C11.8802 0.998474 13.1402 2.41781 13.1402 4.43114Z",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 3",d:"M2.521 10.119L3.53966 9.04362C3.89366 8.66829 4.48366 8.65029 4.85966 9.00362C4.871 9.01495 5.48433 9.63829 5.48433 9.63829C5.85433 10.015 6.459 10.021 6.83566 9.65162C6.86033 9.62762 8.39166 7.77029 8.39166 7.77029C8.78633 7.29096 9.495 7.22229 9.975 7.61762C10.007 7.64429 11.4537 9.12895 11.4537 9.12895",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 5",fillRule:"evenodd",clipRule:"evenodd",d:"M5.87529 5.25374C5.87529 5.89974 5.35195 6.42308 4.70595 6.42308C4.05995 6.42308 3.53662 5.89974 3.53662 5.25374C3.53662 4.60774 4.05995 4.08441 4.70595 4.08441C5.35195 4.08508 5.87529 4.60774 5.87529 5.25374Z",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]})})},md:{user:t.jsx("svg",{width:"16",height:"20",viewBox:"0 0 16 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsxs("g",{id:"Profile",children:[t.jsx("path",{id:"Stroke 1",fillRule:"evenodd",clipRule:"evenodd",d:"M7.98493 13.3462C4.11731 13.3462 0.814453 13.931 0.814453 16.2729C0.814453 18.6148 4.09636 19.2205 7.98493 19.2205C11.8525 19.2205 15.1545 18.6348 15.1545 16.2938C15.1545 13.9529 11.8735 13.3462 7.98493 13.3462Z",stroke:"#6B7280",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 3",fillRule:"evenodd",clipRule:"evenodd",d:"M7.98489 10.0059C10.523 10.0059 12.5801 7.94779 12.5801 5.40969C12.5801 2.8716 10.523 0.814453 7.98489 0.814453C5.44679 0.814453 3.3887 2.8716 3.3887 5.40969C3.38013 7.93922 5.42394 9.99731 7.95251 10.0059H7.98489Z",stroke:"#6B7280",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})]})}),arrow:t.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("g",{id:"Curved/Arrows-and-direction",children:t.jsx("path",{id:"shape",d:"M4 9L12 17L20 9",stroke:"#3B82F6",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})})}),search:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:t.jsx("path",{d:"M20 20L15.8033 15.8033M18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18C14.6421 18 18 14.6421 18 10.5Z",stroke:"#6B7280",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),image:t.jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.6748 6.74774V13.5402C17.6748 16.0569 16.0998 17.8319 13.5832 17.8319H6.37484C3.85817 17.8319 2.2915 16.0569 2.2915 13.5402V6.74774C2.2915 4.23108 3.8665 2.45691 6.37484 2.45691H13.5832C16.0998 2.45691 17.6748 4.23108 17.6748 6.74774Z",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M4.40088 13.8575L5.67421 12.5133C6.11671 12.0441 6.85421 12.0216 7.32421 12.4633C7.33838 12.4775 8.10505 13.2566 8.10505 13.2566C8.56755 13.7275 9.32338 13.735 9.79421 13.2733C9.82505 13.2433 11.7392 10.9216 11.7392 10.9216C12.2325 10.3225 13.1184 10.2366 13.7184 10.7308C13.7584 10.7641 15.5667 12.62 15.5667 12.62",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.59374 7.776C8.59374 8.5835 7.93958 9.23766 7.13208 9.23766C6.32458 9.23766 5.67041 8.5835 5.67041 7.776C5.67041 6.9685 6.32458 6.31433 7.13208 6.31433C7.93958 6.31516 8.59374 6.9685 8.59374 7.776Z",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]})},lg:{user:t.jsx("svg",{width:"16",height:"20",viewBox:"0 0 16 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsxs("g",{id:"Profile",children:[t.jsx("path",{id:"Stroke 1",fillRule:"evenodd",clipRule:"evenodd",d:"M7.98493 13.3462C4.11731 13.3462 0.814453 13.931 0.814453 16.2729C0.814453 18.6148 4.09636 19.2205 7.98493 19.2205C11.8525 19.2205 15.1545 18.6348 15.1545 16.2938C15.1545 13.9529 11.8735 13.3462 7.98493 13.3462Z",stroke:"#6B7280",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 3",fillRule:"evenodd",clipRule:"evenodd",d:"M7.98489 10.0059C10.523 10.0059 12.5801 7.94779 12.5801 5.40969C12.5801 2.8716 10.523 0.814453 7.98489 0.814453C5.44679 0.814453 3.3887 2.8716 3.3887 5.40969C3.38013 7.93922 5.42394 9.99731 7.95251 10.0059H7.98489Z",stroke:"#6B7280",strokeWidth:"1.42857",strokeLinecap:"round",strokeLinejoin:"round"})]})}),arrow:t.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("g",{id:"Curved/Arrows-and-direction",children:t.jsx("path",{id:"shape",d:"M4 9L12 17L20 9",stroke:"#3B82F6",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),search:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:t.jsx("path",{d:"M20 20L15.8033 15.8033M18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18C14.6421 18 18 14.6421 18 10.5Z",stroke:"#6B7280",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),image:t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsxs("g",{id:"Image",children:[t.jsx("path",{id:"Stroke 1",fillRule:"evenodd",clipRule:"evenodd",d:"M19.21 5.89924V14.0502C19.21 17.0702 17.32 19.2002 14.3 19.2002H5.65C2.63 19.2002 0.75 17.0702 0.75 14.0502V5.89924C0.75 2.87924 2.64 0.750244 5.65 0.750244H14.3C17.32 0.750244 19.21 2.87924 19.21 5.89924Z",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 3",d:"M3.28125 14.4309L4.80925 12.8179C5.34025 12.2549 6.22525 12.2279 6.78925 12.7579C6.80625 12.7749 7.72625 13.7099 7.72625 13.7099C8.28125 14.2749 9.18825 14.2839 9.75325 13.7299C9.79025 13.6939 12.0872 10.9079 12.0872 10.9079C12.6792 10.1889 13.7422 10.0859 14.4622 10.6789C14.5102 10.7189 16.6803 12.9459 16.6803 12.9459",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 5",fillRule:"evenodd",clipRule:"evenodd",d:"M8.31269 7.13315C8.31269 8.10215 7.52769 8.88715 6.55869 8.88715C5.58969 8.88715 4.80469 8.10215 4.80469 7.13315C4.80469 6.16415 5.58969 5.37915 6.55869 5.37915C7.52769 5.38015 8.31269 6.16415 8.31269 7.13315Z",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]})})}};M.MultiSelect=We,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})});
+`;function Fe(g){const[m,j]=b.useState(g),w=b.useRef(null),k=P=>{w.current&&!w.current.contains(P.target)&&j(!1)};return b.useEffect(()=>(document.addEventListener("click",k,!0),()=>{document.removeEventListener("click",k,!0)}),[]),{ref:w,isComponentVisible:m,setIsComponentVisible:j}}const ae="hudoro-multi-select-styles";(g=>{if(!document.getElementById(ae)){const m=document.createElement("style");m.id=ae,m.textContent=g,document.head.appendChild(m)}})(We);const Me=({size:g="md",listSelect:m,onChange:j})=>{const{ref:w,isComponentVisible:k,setIsComponentVisible:P}=Fe(!1),[W,E]=b.useState(""),[d,_]=b.useState([]),v=()=>P(u=>!u),C=b.useMemo(()=>m.filter(u=>u.label.toLowerCase().includes(W.toLowerCase())),[W]),S=(u,y)=>{if(d==null?void 0:d.find(R=>R.value===y)){const T=[...d].filter(h=>h.value!==y);_(T),j(T)}else{const R=[...d];R==null||R.push({label:u,value:y}),_(R),j(R)}};return t.jsxs("div",{className:`hsd-multi-select-container size-${g}`,ref:w,children:[t.jsxs("div",{onClick:v,className:`hsd-multi-select-container-preview ${k?"active":""} `,children:[z[g].user,t.jsx("div",{className:"hsd-multi-select-container-value",children:d.length?d.map((u,y)=>t.jsx("p",{className:"hsd-multi-select-preview-value",children:u.label},y)):t.jsx("p",{style:{color:"#d1d5db"},children:"+123"})}),z[g].arrow]}),k?t.jsxs("div",{className:"hsd-multi-select-container-dropdown",children:[t.jsxs("div",{className:"hsd-multi-select-container-dropdown-search",children:[z[g].search,t.jsx("input",{placeholder:"+123",onChange:u=>E(u.target.value)})]}),t.jsx("div",{className:"hsd-multi-select-container-dropdown-list",children:C.map((u,y)=>t.jsxs("label",{htmlFor:u.value,className:"hsd-multi-select-dropdown-list",children:[t.jsxs("div",{className:"hsd-multi-select-label-dropdown-list",children:[z[g].image,t.jsx("p",{children:u.label})]}),t.jsx("input",{type:"checkbox",id:u.value,value:u.value,onChange:I=>S(u.label,I.target.value),checked:!!d.find(I=>I.value===u.value)})]},y))})]}):null]})},z={sm:{user:t.jsx("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsxs("g",{id:"Profile",children:[t.jsx("path",{id:"Stroke 1",fillRule:"evenodd",clipRule:"evenodd",d:"M5.98979 9.23083C3.41138 9.23083 1.20947 9.62068 1.20947 11.1819C1.20947 12.7432 3.39741 13.147 5.98979 13.147C8.5682 13.147 10.7695 12.7565 10.7695 11.1959C10.7695 9.63528 8.58217 9.23083 5.98979 9.23083Z",stroke:"#6B7280",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 3",fillRule:"evenodd",clipRule:"evenodd",d:"M5.98993 7.00396C7.68199 7.00396 9.05342 5.6319 9.05342 3.93983C9.05342 2.24777 7.68199 0.876343 5.98993 0.876343C4.29786 0.876343 2.9258 2.24777 2.9258 3.93983C2.92008 5.62618 4.28262 6.99825 5.96834 7.00396H5.98993Z",stroke:"#6B7280",strokeLinecap:"round",strokeLinejoin:"round"})]})}),arrow:t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("g",{id:"Curved/Arrows-and-direction",children:t.jsx("path",{id:"shape",d:"M2.6665 6L7.99984 11.3333L13.3332 6",stroke:"#3B82F6",strokeLinecap:"round",strokeLinejoin:"round"})})}),search:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:t.jsx("path",{d:"M13.3333 13.3333L10.5355 10.5355M12 7C12 4.23858 9.76142 2 7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12C9.76142 12 12 9.76142 12 7Z",stroke:"#6B7280",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),image:t.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsxs("g",{id:"Image",children:[t.jsx("path",{id:"Stroke 1",fillRule:"evenodd",clipRule:"evenodd",d:"M13.1402 4.43114V9.86514C13.1402 11.8785 11.8802 13.2985 9.86683 13.2985H4.10016C2.08683 13.2985 0.833496 11.8785 0.833496 9.86514V4.43114C0.833496 2.41781 2.0935 0.998474 4.10016 0.998474H9.86683C11.8802 0.998474 13.1402 2.41781 13.1402 4.43114Z",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 3",d:"M2.521 10.119L3.53966 9.04362C3.89366 8.66829 4.48366 8.65029 4.85966 9.00362C4.871 9.01495 5.48433 9.63829 5.48433 9.63829C5.85433 10.015 6.459 10.021 6.83566 9.65162C6.86033 9.62762 8.39166 7.77029 8.39166 7.77029C8.78633 7.29096 9.495 7.22229 9.975 7.61762C10.007 7.64429 11.4537 9.12895 11.4537 9.12895",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 5",fillRule:"evenodd",clipRule:"evenodd",d:"M5.87529 5.25374C5.87529 5.89974 5.35195 6.42308 4.70595 6.42308C4.05995 6.42308 3.53662 5.89974 3.53662 5.25374C3.53662 4.60774 4.05995 4.08441 4.70595 4.08441C5.35195 4.08508 5.87529 4.60774 5.87529 5.25374Z",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]})})},md:{user:t.jsx("svg",{width:"16",height:"20",viewBox:"0 0 16 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsxs("g",{id:"Profile",children:[t.jsx("path",{id:"Stroke 1",fillRule:"evenodd",clipRule:"evenodd",d:"M7.98493 13.3462C4.11731 13.3462 0.814453 13.931 0.814453 16.2729C0.814453 18.6148 4.09636 19.2205 7.98493 19.2205C11.8525 19.2205 15.1545 18.6348 15.1545 16.2938C15.1545 13.9529 11.8735 13.3462 7.98493 13.3462Z",stroke:"#6B7280",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 3",fillRule:"evenodd",clipRule:"evenodd",d:"M7.98489 10.0059C10.523 10.0059 12.5801 7.94779 12.5801 5.40969C12.5801 2.8716 10.523 0.814453 7.98489 0.814453C5.44679 0.814453 3.3887 2.8716 3.3887 5.40969C3.38013 7.93922 5.42394 9.99731 7.95251 10.0059H7.98489Z",stroke:"#6B7280",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})]})}),arrow:t.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("g",{id:"Curved/Arrows-and-direction",children:t.jsx("path",{id:"shape",d:"M4 9L12 17L20 9",stroke:"#3B82F6",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})})}),search:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:t.jsx("path",{d:"M20 20L15.8033 15.8033M18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18C14.6421 18 18 14.6421 18 10.5Z",stroke:"#6B7280",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),image:t.jsxs("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.6748 6.74774V13.5402C17.6748 16.0569 16.0998 17.8319 13.5832 17.8319H6.37484C3.85817 17.8319 2.2915 16.0569 2.2915 13.5402V6.74774C2.2915 4.23108 3.8665 2.45691 6.37484 2.45691H13.5832C16.0998 2.45691 17.6748 4.23108 17.6748 6.74774Z",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M4.40088 13.8575L5.67421 12.5133C6.11671 12.0441 6.85421 12.0216 7.32421 12.4633C7.33838 12.4775 8.10505 13.2566 8.10505 13.2566C8.56755 13.7275 9.32338 13.735 9.79421 13.2733C9.82505 13.2433 11.7392 10.9216 11.7392 10.9216C12.2325 10.3225 13.1184 10.2366 13.7184 10.7308C13.7584 10.7641 15.5667 12.62 15.5667 12.62",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.59374 7.776C8.59374 8.5835 7.93958 9.23766 7.13208 9.23766C6.32458 9.23766 5.67041 8.5835 5.67041 7.776C5.67041 6.9685 6.32458 6.31433 7.13208 6.31433C7.93958 6.31516 8.59374 6.9685 8.59374 7.776Z",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]})},lg:{user:t.jsx("svg",{width:"16",height:"20",viewBox:"0 0 16 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsxs("g",{id:"Profile",children:[t.jsx("path",{id:"Stroke 1",fillRule:"evenodd",clipRule:"evenodd",d:"M7.98493 13.3462C4.11731 13.3462 0.814453 13.931 0.814453 16.2729C0.814453 18.6148 4.09636 19.2205 7.98493 19.2205C11.8525 19.2205 15.1545 18.6348 15.1545 16.2938C15.1545 13.9529 11.8735 13.3462 7.98493 13.3462Z",stroke:"#6B7280",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 3",fillRule:"evenodd",clipRule:"evenodd",d:"M7.98489 10.0059C10.523 10.0059 12.5801 7.94779 12.5801 5.40969C12.5801 2.8716 10.523 0.814453 7.98489 0.814453C5.44679 0.814453 3.3887 2.8716 3.3887 5.40969C3.38013 7.93922 5.42394 9.99731 7.95251 10.0059H7.98489Z",stroke:"#6B7280",strokeWidth:"1.42857",strokeLinecap:"round",strokeLinejoin:"round"})]})}),arrow:t.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("g",{id:"Curved/Arrows-and-direction",children:t.jsx("path",{id:"shape",d:"M4 9L12 17L20 9",stroke:"#3B82F6",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),search:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:t.jsx("path",{d:"M20 20L15.8033 15.8033M18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18C14.6421 18 18 14.6421 18 10.5Z",stroke:"#6B7280",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),image:t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsxs("g",{id:"Image",children:[t.jsx("path",{id:"Stroke 1",fillRule:"evenodd",clipRule:"evenodd",d:"M19.21 5.89924V14.0502C19.21 17.0702 17.32 19.2002 14.3 19.2002H5.65C2.63 19.2002 0.75 17.0702 0.75 14.0502V5.89924C0.75 2.87924 2.64 0.750244 5.65 0.750244H14.3C17.32 0.750244 19.21 2.87924 19.21 5.89924Z",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 3",d:"M3.28125 14.4309L4.80925 12.8179C5.34025 12.2549 6.22525 12.2279 6.78925 12.7579C6.80625 12.7749 7.72625 13.7099 7.72625 13.7099C8.28125 14.2749 9.18825 14.2839 9.75325 13.7299C9.79025 13.6939 12.0872 10.9079 12.0872 10.9079C12.6792 10.1889 13.7422 10.0859 14.4622 10.6789C14.5102 10.7189 16.6803 12.9459 16.6803 12.9459",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{id:"Stroke 5",fillRule:"evenodd",clipRule:"evenodd",d:"M8.31269 7.13315C8.31269 8.10215 7.52769 8.88715 6.55869 8.88715C5.58969 8.88715 4.80469 8.10215 4.80469 7.13315C4.80469 6.16415 5.58969 5.37915 6.55869 5.37915C7.52769 5.38015 8.31269 6.16415 8.31269 7.13315Z",stroke:"#374151",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]})})}};F.MultiSelect=Me,Object.defineProperty(F,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "@hudoro/multi-select",
-  "version": "0.0.1-beta.2",
+  "version": "0.0.1-beta.3",
   "description": "multi select component for Hudoro UI",
@@ -5,0 +5,0 @@ "author": "Prawito Hudoro",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

74473

increased by3.92%

Lines of code

1544

increased by3.21%

No dependency changes