dropdowns-js 1.1.7 → 2.0.0

package/dist/dropdowns-js.es.js

@@ -1,1036 +1,204 @@
-import { jsxs as ee, jsx as Y } from "react/jsx-runtime";
-import { useId as ce, useState as Q, useMemo as te, useEffect as le } from "react";
-function _e(n) {
-  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+import { jsxs as v, jsx as l } from "react/jsx-runtime";
+import { useId as Q, useState as j, useMemo as E, useEffect as W } from "react";
+function G(t) {
+  return t === null || typeof t != "object" || Object.prototype.toString.call(t) !== "[object Object]" ? !1 : t.constructor === Object;
 }
-var se = { exports: {} }, ae = { exports: {} }, F = {};
-var ve;
-function Ie() {
-  if (ve) return F;
-  ve = 1;
-  var n = typeof Symbol == "function" && Symbol.for, T = n ? /* @__PURE__ */ Symbol.for("react.element") : 60103, A = n ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, w = n ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, O = n ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, p = n ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, S = n ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, g = n ? /* @__PURE__ */ Symbol.for("react.context") : 60110, E = n ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, C = n ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, v = n ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, m = n ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, q = n ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, x = n ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, U = n ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, _ = n ? /* @__PURE__ */ Symbol.for("react.block") : 60121, D = n ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, W = n ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, H = n ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function Z(o) {
-    if (typeof o == "object" && o !== null) {
-      var K = o.$$typeof;
-      switch (K) {
-        case T:
-          switch (o = o.type, o) {
-            case E:
-            case C:
-            case w:
-            case p:
-            case O:
-            case m:
-              return o;
-            default:
-              switch (o = o && o.$$typeof, o) {
-                case g:
-                case v:
-                case U:
-                case x:
-                case S:
-                  return o;
-                default:
-                  return K;
-              }
-          }
-        case A:
-          return K;
-      }
-    }
-  }
-  function M(o) {
-    return Z(o) === C;
-  }
-  return F.AsyncMode = E, F.ConcurrentMode = C, F.ContextConsumer = g, F.ContextProvider = S, F.Element = T, F.ForwardRef = v, F.Fragment = w, F.Lazy = U, F.Memo = x, F.Portal = A, F.Profiler = p, F.StrictMode = O, F.Suspense = m, F.isAsyncMode = function(o) {
-    return M(o) || Z(o) === E;
-  }, F.isConcurrentMode = M, F.isContextConsumer = function(o) {
-    return Z(o) === g;
-  }, F.isContextProvider = function(o) {
-    return Z(o) === S;
-  }, F.isElement = function(o) {
-    return typeof o == "object" && o !== null && o.$$typeof === T;
-  }, F.isForwardRef = function(o) {
-    return Z(o) === v;
-  }, F.isFragment = function(o) {
-    return Z(o) === w;
-  }, F.isLazy = function(o) {
-    return Z(o) === U;
-  }, F.isMemo = function(o) {
-    return Z(o) === x;
-  }, F.isPortal = function(o) {
-    return Z(o) === A;
-  }, F.isProfiler = function(o) {
-    return Z(o) === p;
-  }, F.isStrictMode = function(o) {
-    return Z(o) === O;
-  }, F.isSuspense = function(o) {
-    return Z(o) === m;
-  }, F.isValidElementType = function(o) {
-    return typeof o == "string" || typeof o == "function" || o === w || o === C || o === p || o === O || o === m || o === q || typeof o == "object" && o !== null && (o.$$typeof === U || o.$$typeof === x || o.$$typeof === S || o.$$typeof === g || o.$$typeof === v || o.$$typeof === D || o.$$typeof === W || o.$$typeof === H || o.$$typeof === _);
-  }, F.typeOf = Z, F;
-}
-var V = {};
-var be;
-function De() {
-  return be || (be = 1, process.env.NODE_ENV !== "production" && (function() {
-    var n = typeof Symbol == "function" && Symbol.for, T = n ? /* @__PURE__ */ Symbol.for("react.element") : 60103, A = n ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, w = n ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, O = n ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, p = n ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, S = n ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, g = n ? /* @__PURE__ */ Symbol.for("react.context") : 60110, E = n ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, C = n ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, v = n ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, m = n ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, q = n ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, x = n ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, U = n ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, _ = n ? /* @__PURE__ */ Symbol.for("react.block") : 60121, D = n ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, W = n ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, H = n ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function Z(u) {
-      return typeof u == "string" || typeof u == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      u === w || u === C || u === p || u === O || u === m || u === q || typeof u == "object" && u !== null && (u.$$typeof === U || u.$$typeof === x || u.$$typeof === S || u.$$typeof === g || u.$$typeof === v || u.$$typeof === D || u.$$typeof === W || u.$$typeof === H || u.$$typeof === _);
-    }
-    function M(u) {
-      if (typeof u == "object" && u !== null) {
-        var oe = u.$$typeof;
-        switch (oe) {
-          case T:
-            var ie = u.type;
-            switch (ie) {
-              case E:
-              case C:
-              case w:
-              case p:
-              case O:
-              case m:
-                return ie;
-              default:
-                var me = ie && ie.$$typeof;
-                switch (me) {
-                  case g:
-                  case v:
-                  case U:
-                  case x:
-                  case S:
-                    return me;
-                  default:
-                    return oe;
-                }
-            }
-          case A:
-            return oe;
-        }
-      }
-    }
-    var o = E, K = C, G = g, X = S, r = T, i = v, d = w, t = U, a = x, h = A, f = p, j = O, l = m, y = !1;
-    function P(u) {
-      return y || (y = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), e(u) || M(u) === E;
-    }
-    function e(u) {
-      return M(u) === C;
-    }
-    function s(u) {
-      return M(u) === g;
-    }
-    function b(u) {
-      return M(u) === S;
-    }
-    function $(u) {
-      return typeof u == "object" && u !== null && u.$$typeof === T;
-    }
-    function R(u) {
-      return M(u) === v;
-    }
-    function z(u) {
-      return M(u) === w;
-    }
-    function I(u) {
-      return M(u) === U;
-    }
-    function k(u) {
-      return M(u) === x;
-    }
-    function L(u) {
-      return M(u) === A;
-    }
-    function J(u) {
-      return M(u) === p;
-    }
-    function N(u) {
-      return M(u) === O;
-    }
-    function re(u) {
-      return M(u) === m;
-    }
-    V.AsyncMode = o, V.ConcurrentMode = K, V.ContextConsumer = G, V.ContextProvider = X, V.Element = r, V.ForwardRef = i, V.Fragment = d, V.Lazy = t, V.Memo = a, V.Portal = h, V.Profiler = f, V.StrictMode = j, V.Suspense = l, V.isAsyncMode = P, V.isConcurrentMode = e, V.isContextConsumer = s, V.isContextProvider = b, V.isElement = $, V.isForwardRef = R, V.isFragment = z, V.isLazy = I, V.isMemo = k, V.isPortal = L, V.isProfiler = J, V.isStrictMode = N, V.isSuspense = re, V.isValidElementType = Z, V.typeOf = M;
-  })()), V;
-}
-var we;
-function Re() {
-  return we || (we = 1, process.env.NODE_ENV === "production" ? ae.exports = Ie() : ae.exports = De()), ae.exports;
-}
-var ue, Se;
-function ke() {
-  if (Se) return ue;
-  Se = 1;
-  var n = Object.getOwnPropertySymbols, T = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-  function w(p) {
-    if (p == null)
-      throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(p);
-  }
-  function O() {
-    try {
-      if (!Object.assign)
-        return !1;
-      var p = new String("abc");
-      if (p[5] = "de", Object.getOwnPropertyNames(p)[0] === "5")
-        return !1;
-      for (var S = {}, g = 0; g < 10; g++)
-        S["_" + String.fromCharCode(g)] = g;
-      var E = Object.getOwnPropertyNames(S).map(function(v) {
-        return S[v];
-      });
-      if (E.join("") !== "0123456789")
-        return !1;
-      var C = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(v) {
-        C[v] = v;
-      }), Object.keys(Object.assign({}, C)).join("") === "abcdefghijklmnopqrst";
-    } catch {
-      return !1;
-    }
-  }
-  return ue = O() ? Object.assign : function(p, S) {
-    for (var g, E = w(p), C, v = 1; v < arguments.length; v++) {
-      g = Object(arguments[v]);
-      for (var m in g)
-        T.call(g, m) && (E[m] = g[m]);
-      if (n) {
-        C = n(g);
-        for (var q = 0; q < C.length; q++)
-          A.call(g, C[q]) && (E[C[q]] = g[C[q]]);
-      }
-    }
-    return E;
-  }, ue;
-}
-var de, Ce;
-function ge() {
-  if (Ce) return de;
-  Ce = 1;
-  var n = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return de = n, de;
-}
-var fe, Te;
-function Pe() {
-  return Te || (Te = 1, fe = Function.call.bind(Object.prototype.hasOwnProperty)), fe;
-}
-var pe, Ee;
-function qe() {
-  if (Ee) return pe;
-  Ee = 1;
-  var n = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var T = /* @__PURE__ */ ge(), A = {}, w = /* @__PURE__ */ Pe();
-    n = function(p) {
-      var S = "Warning: " + p;
-      typeof console < "u" && console.error(S);
-      try {
-        throw new Error(S);
-      } catch {
+function X(t) {
+  if (!G(t))
+    return [];
+  const r = [{ value: t }];
+  let u = 0;
+  for (; u < r.length; ) {
+    const d = r[u];
+    if (G(d.value)) {
+      for (const c in d.value) {
+        let s = d.path ? d.path + "." + c : c;
+        r.push(
+          { value: d.value[c], path: s }
+        );
       }
-    };
-  }
-  function O(p, S, g, E, C) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var v in p)
-        if (w(p, v)) {
-          var m;
-          try {
-            if (typeof p[v] != "function") {
-              var q = Error(
-                (E || "React class") + ": " + g + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof p[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw q.name = "Invariant Violation", q;
-            }
-            m = p[v](S, v, E, g, null, T);
-          } catch (U) {
-            m = U;
-          }
-          if (m && !(m instanceof Error) && n(
-            (E || "React class") + ": type specification of " + g + " `" + v + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), m instanceof Error && !(m.message in A)) {
-            A[m.message] = !0;
-            var x = C ? C() : "";
-            n(
-              "Failed " + g + " type: " + m.message + (x ?? "")
-            );
-          }
-        }
-    }
-  }
-  return O.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (A = {});
-  }, pe = O, pe;
-}
-var he, je;
-function Me() {
-  if (je) return he;
-  je = 1;
-  var n = Re(), T = ke(), A = /* @__PURE__ */ ge(), w = /* @__PURE__ */ Pe(), O = /* @__PURE__ */ qe(), p = function() {
-  };
-  process.env.NODE_ENV !== "production" && (p = function(g) {
-    var E = "Warning: " + g;
-    typeof console < "u" && console.error(E);
-    try {
-      throw new Error(E);
-    } catch {
+      d.remove = !0;
     }
-  });
-  function S() {
-    return null;
+    u++;
   }
-  return he = function(g, E) {
-    var C = typeof Symbol == "function" && Symbol.iterator, v = "@@iterator";
-    function m(e) {
-      var s = e && (C && e[C] || e[v]);
-      if (typeof s == "function")
-        return s;
-    }
-    var q = "<<anonymous>>", x = {
-      array: W("array"),
-      bigint: W("bigint"),
-      bool: W("boolean"),
-      func: W("function"),
-      number: W("number"),
-      object: W("object"),
-      string: W("string"),
-      symbol: W("symbol"),
-      any: H(),
-      arrayOf: Z,
-      element: M(),
-      elementType: o(),
-      instanceOf: K,
-      node: i(),
-      objectOf: X,
-      oneOf: G,
-      oneOfType: r,
-      shape: t,
-      exact: a
-    };
-    function U(e, s) {
-      return e === s ? e !== 0 || 1 / e === 1 / s : e !== e && s !== s;
-    }
-    function _(e, s) {
-      this.message = e, this.data = s && typeof s == "object" ? s : {}, this.stack = "";
-    }
-    _.prototype = Error.prototype;
-    function D(e) {
-      if (process.env.NODE_ENV !== "production")
-        var s = {}, b = 0;
-      function $(z, I, k, L, J, N, re) {
-        if (L = L || q, N = N || k, re !== A) {
-          if (E) {
-            var u = new Error(
-              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
-            );
-            throw u.name = "Invariant Violation", u;
-          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var oe = L + ":" + k;
-            !s[oe] && // Avoid spamming the console because they are often not actionable except for lib authors
-            b < 3 && (p(
-              "You are manually calling a React.PropTypes validation function for the `" + N + "` prop on `" + L + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), s[oe] = !0, b++);
-          }
-        }
-        return I[k] == null ? z ? I[k] === null ? new _("The " + J + " `" + N + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new _("The " + J + " `" + N + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : e(I, k, L, J, N);
-      }
-      var R = $.bind(null, !1);
-      return R.isRequired = $.bind(null, !0), R;
-    }
-    function W(e) {
-      function s(b, $, R, z, I, k) {
-        var L = b[$], J = j(L);
-        if (J !== e) {
-          var N = l(L);
-          return new _(
-            "Invalid " + z + " `" + I + "` of type " + ("`" + N + "` supplied to `" + R + "`, expected ") + ("`" + e + "`."),
-            { expectedType: e }
-          );
-        }
-        return null;
-      }
-      return D(s);
-    }
-    function H() {
-      return D(S);
-    }
-    function Z(e) {
-      function s(b, $, R, z, I) {
-        if (typeof e != "function")
-          return new _("Property `" + I + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
-        var k = b[$];
-        if (!Array.isArray(k)) {
-          var L = j(k);
-          return new _("Invalid " + z + " `" + I + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected an array."));
-        }
-        for (var J = 0; J < k.length; J++) {
-          var N = e(k, J, R, z, I + "[" + J + "]", A);
-          if (N instanceof Error)
-            return N;
-        }
-        return null;
-      }
-      return D(s);
-    }
-    function M() {
-      function e(s, b, $, R, z) {
-        var I = s[b];
-        if (!g(I)) {
-          var k = j(I);
-          return new _("Invalid " + R + " `" + z + "` of type " + ("`" + k + "` supplied to `" + $ + "`, expected a single ReactElement."));
-        }
-        return null;
-      }
-      return D(e);
-    }
-    function o() {
-      function e(s, b, $, R, z) {
-        var I = s[b];
-        if (!n.isValidElementType(I)) {
-          var k = j(I);
-          return new _("Invalid " + R + " `" + z + "` of type " + ("`" + k + "` supplied to `" + $ + "`, expected a single ReactElement type."));
-        }
-        return null;
-      }
-      return D(e);
-    }
-    function K(e) {
-      function s(b, $, R, z, I) {
-        if (!(b[$] instanceof e)) {
-          var k = e.name || q, L = P(b[$]);
-          return new _("Invalid " + z + " `" + I + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected ") + ("instance of `" + k + "`."));
-        }
-        return null;
-      }
-      return D(s);
-    }
-    function G(e) {
-      if (!Array.isArray(e))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? p(
-          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : p("Invalid argument supplied to oneOf, expected an array.")), S;
-      function s(b, $, R, z, I) {
-        for (var k = b[$], L = 0; L < e.length; L++)
-          if (U(k, e[L]))
-            return null;
-        var J = JSON.stringify(e, function(re, u) {
-          var oe = l(u);
-          return oe === "symbol" ? String(u) : u;
-        });
-        return new _("Invalid " + z + " `" + I + "` of value `" + String(k) + "` " + ("supplied to `" + R + "`, expected one of " + J + "."));
-      }
-      return D(s);
-    }
-    function X(e) {
-      function s(b, $, R, z, I) {
-        if (typeof e != "function")
-          return new _("Property `" + I + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
-        var k = b[$], L = j(k);
-        if (L !== "object")
-          return new _("Invalid " + z + " `" + I + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected an object."));
-        for (var J in k)
-          if (w(k, J)) {
-            var N = e(k, J, R, z, I + "." + J, A);
-            if (N instanceof Error)
-              return N;
-          }
-        return null;
-      }
-      return D(s);
-    }
-    function r(e) {
-      if (!Array.isArray(e))
-        return process.env.NODE_ENV !== "production" && p("Invalid argument supplied to oneOfType, expected an instance of array."), S;
-      for (var s = 0; s < e.length; s++) {
-        var b = e[s];
-        if (typeof b != "function")
-          return p(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + y(b) + " at index " + s + "."
-          ), S;
-      }
-      function $(R, z, I, k, L) {
-        for (var J = [], N = 0; N < e.length; N++) {
-          var re = e[N], u = re(R, z, I, k, L, A);
-          if (u == null)
-            return null;
-          u.data && w(u.data, "expectedType") && J.push(u.data.expectedType);
-        }
-        var oe = J.length > 0 ? ", expected one of type [" + J.join(", ") + "]" : "";
-        return new _("Invalid " + k + " `" + L + "` supplied to " + ("`" + I + "`" + oe + "."));
-      }
-      return D($);
-    }
-    function i() {
-      function e(s, b, $, R, z) {
-        return h(s[b]) ? null : new _("Invalid " + R + " `" + z + "` supplied to " + ("`" + $ + "`, expected a ReactNode."));
-      }
-      return D(e);
-    }
-    function d(e, s, b, $, R) {
-      return new _(
-        (e || "React class") + ": " + s + " type `" + b + "." + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
-      );
-    }
-    function t(e) {
-      function s(b, $, R, z, I) {
-        var k = b[$], L = j(k);
-        if (L !== "object")
-          return new _("Invalid " + z + " `" + I + "` of type `" + L + "` " + ("supplied to `" + R + "`, expected `object`."));
-        for (var J in e) {
-          var N = e[J];
-          if (typeof N != "function")
-            return d(R, z, I, J, l(N));
-          var re = N(k, J, R, z, I + "." + J, A);
-          if (re)
-            return re;
-        }
-        return null;
-      }
-      return D(s);
-    }
-    function a(e) {
-      function s(b, $, R, z, I) {
-        var k = b[$], L = j(k);
-        if (L !== "object")
-          return new _("Invalid " + z + " `" + I + "` of type `" + L + "` " + ("supplied to `" + R + "`, expected `object`."));
-        var J = T({}, b[$], e);
-        for (var N in J) {
-          var re = e[N];
-          if (w(e, N) && typeof re != "function")
-            return d(R, z, I, N, l(re));
-          if (!re)
-            return new _(
-              "Invalid " + z + " `" + I + "` key `" + N + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(b[$], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(e), null, "  ")
-            );
-          var u = re(k, N, R, z, I + "." + N, A);
-          if (u)
-            return u;
-        }
-        return null;
-      }
-      return D(s);
-    }
-    function h(e) {
-      switch (typeof e) {
-        case "number":
-        case "string":
-        case "undefined":
-          return !0;
-        case "boolean":
-          return !e;
-        case "object":
-          if (Array.isArray(e))
-            return e.every(h);
-          if (e === null || g(e))
-            return !0;
-          var s = m(e);
-          if (s) {
-            var b = s.call(e), $;
-            if (s !== e.entries) {
-              for (; !($ = b.next()).done; )
-                if (!h($.value))
-                  return !1;
-            } else
-              for (; !($ = b.next()).done; ) {
-                var R = $.value;
-                if (R && !h(R[1]))
-                  return !1;
-              }
-          } else
-            return !1;
-          return !0;
-        default:
-          return !1;
-      }
-    }
-    function f(e, s) {
-      return e === "symbol" ? !0 : s ? s["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && s instanceof Symbol : !1;
-    }
-    function j(e) {
-      var s = typeof e;
-      return Array.isArray(e) ? "array" : e instanceof RegExp ? "object" : f(s, e) ? "symbol" : s;
-    }
-    function l(e) {
-      if (typeof e > "u" || e === null)
-        return "" + e;
-      var s = j(e);
-      if (s === "object") {
-        if (e instanceof Date)
-          return "date";
-        if (e instanceof RegExp)
-          return "regexp";
-      }
-      return s;
-    }
-    function y(e) {
-      var s = l(e);
-      switch (s) {
-        case "array":
-        case "object":
-          return "an " + s;
-        case "boolean":
-        case "date":
-        case "regexp":
-          return "a " + s;
-        default:
-          return s;
-      }
-    }
-    function P(e) {
-      return !e.constructor || !e.constructor.name ? q : e.constructor.name;
-    }
-    return x.checkPropTypes = O, x.resetWarningCache = O.resetWarningCache, x.PropTypes = x, x;
-  }, he;
+  return r.filter((d) => !d.remove).map((d) => d.path);
 }
-var ye, xe;
-function Ae() {
-  if (xe) return ye;
-  xe = 1;
-  var n = /* @__PURE__ */ ge();
-  function T() {
-  }
-  function A() {
-  }
-  return A.resetWarningCache = T, ye = function() {
-    function w(S, g, E, C, v, m) {
-      if (m !== n) {
-        var q = new Error(
-          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-        );
-        throw q.name = "Invariant Violation", q;
-      }
-    }
-    w.isRequired = w;
-    function O() {
-      return w;
-    }
-    var p = {
-      array: w,
-      bigint: w,
-      bool: w,
-      func: w,
-      number: w,
-      object: w,
-      string: w,
-      symbol: w,
-      any: w,
-      arrayOf: O,
-      element: w,
-      elementType: w,
-      instanceOf: O,
-      node: w,
-      objectOf: O,
-      oneOf: O,
-      oneOfType: O,
-      shape: O,
-      exact: O,
-      checkPropTypes: A,
-      resetWarningCache: T
-    };
-    return p.PropTypes = p, p;
-  }, ye;
+function J(t, r, u = void 0) {
+  if (!G(t))
+    return;
+  let d = r.split("."), c = t;
+  for (let s = 0; s < d.length; s++) {
+    let a = d[s];
+    if (!(a in c) || (c = c[a], c === void 0))
+      return u;
+  }
+  return d.length === 0 ? u : c;
 }
-var Oe;
-function ze() {
-  if (Oe) return se.exports;
-  if (Oe = 1, process.env.NODE_ENV !== "production") {
-    var n = Re(), T = !0;
-    se.exports = /* @__PURE__ */ Me()(n.isElement, T);
-  } else
-    se.exports = /* @__PURE__ */ Ae()();
-  return se.exports;
+function Y(t, r, u = "asc") {
+  if (!["asc", "desc"].includes(u))
+    throw new Error(`sortDir must be one of ${u}`);
+  const d = u === "desc" ? -1 : 1;
+  return t > r ? d : t < r ? -d : 0;
 }
-var Le = /* @__PURE__ */ ze();
-const c = /* @__PURE__ */ _e(Le);
-var B = {}, $e;
-function Ne() {
-  if ($e) return B;
-  $e = 1;
-  function n(r) {
-    return r ? /^[a-zA-Z][a-zA-Z0-9_-]{2,50}$/.test(r) : !1;
-  }
-  B.isValidUserName = n;
-  function T(r) {
-    return r ? /^[A-Za-z' -]{2,50}$/.test(r) : !1;
-  }
-  B.isValidName = T;
-  function A(r) {
-    return r ? /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(r) : !1;
-  }
-  B.isValidEmail = A;
-  function w(r) {
-    return r ? /^[0-9]{10,15}$/g.test(r) : !1;
-  }
-  B.isValidPhoneNum = w;
-  function O(r) {
-    return r ? /^[a-zA-Z0-9.\-\(\) ]{2,}$/.test(r) : !1;
-  }
-  B.isValidOrganisationName = O;
-  function p(r) {
-    return !(!r || r.length < 6 || /[A-Z]/.test(r) === !1 || /[a-z]/.test(r) === !1 || /[0-9]/.test(r) === !1 || /[\s]/.test(r) || /[\][!"#$%&'()*+,./:;<=>?@^\\_`{|}~-]/.test(r) === !1);
-  }
-  B.isValidPassword = p;
-  function S(r) {
-    let i = r.getFullYear(), d = r.getMonth() + 1;
-    d = E(d, 2);
-    let t = r.getDate();
-    return t = E(t, 2), `${i}-${d}-${t}`;
-  }
-  B.timeStampYyyyMmDd = S;
-  function g(r) {
-    let i = E(r.getHours(), 2), d = E(r.getMinutes(), 2), t = E(r.getSeconds(), 2), a = E(r.getMilliseconds(), 3);
-    return `${S(r)}T${i}:${d}:${t}.${a}`;
-  }
-  B.timeStampString = g;
-  function E(r, i) {
-    let d = r + "";
-    const t = i - d.length;
-    for (let a = 1; a <= t; a++)
-      d = "0" + d;
-    return d;
-  }
-  B.addLeadingZeros = E;
-  function C(r) {
-    return new Intl.NumberFormat("en-US", { style: "currency", currency: "ZAR" }).format(r).replace(/ZAR/gi, "R");
-  }
-  B.toZarCurrencyFormat = C;
-  function v(r) {
-    if (Object.prototype.toString.call(r) !== "[object Object]") return r instanceof Date ? new Date(r) : (["string", "number", "boolean"].includes(typeof r), r);
-    const i = [{ ...r }];
-    let d = 0;
-    for (; d < i.length; ) {
-      let t = i[d];
-      if (Object.prototype.toString.call(t) === "[object Object]")
-        for (let a in t)
-          t[a] instanceof Date ? t[a] = new Date(t[a]) : Object.prototype.toString.call(t[a]) === "[object Object]" && (t[a] = { ...t[a] }), i.push(t[a]);
-      d++;
-    }
-    return i[0];
-  }
-  B.deepClone = v;
-  function m(r) {
-    const i = [{ value: r }];
-    let d = 0;
-    for (; d < i.length; ) {
-      const t = i[d];
-      if (Object.prototype.toString.call(t.value) === "[object Object]") {
-        for (const a in t.value) {
-          let h = t.path ? t.path + "." + a : a;
-          i.push(
-            { value: t.value[a], path: h }
-          );
-        }
-        t.remove = !0;
-      }
-      d++;
-    }
-    return i.filter((t) => !t.remove).map((t) => t.path);
-  }
-  B.getPaths = m;
-  function q(r) {
-    let i = v(r), d = 0;
-    const t = m(i).toSorted();
-    sortedObj = {};
-    for (d in t) {
-      const a = t[d], h = x(i, a);
-      U(sortedObj, a, h);
-    }
-    return sortedObj;
-  }
-  B.getSortedObject = q;
-  function x(r, i, d = void 0) {
-    let t = i.split("."), a = r;
-    for (let h in t) {
-      let f = t[h];
-      if (a[f] === void 0 || (a = a[f], a === void 0))
-        return d;
-    }
-    return a;
-  }
-  B.get = x;
-  function U(r, i, d) {
-    let t = r, a = i.split(".");
-    for (let h in a) {
-      let f = a[h];
-      h < a.length - 1 ? (f in t || (t[f] = {}), t = t[f]) : t[f] = d;
-    }
-  }
-  B.set = U;
-  function _(r, i) {
-    let d = i.split("."), t = r;
-    for (let a in d) {
-      let h = d[a];
-      if (Object.prototype.toString.call(t) !== "[object Object]" || t[h] === void 0)
-        return;
-      a < d.length - 1 ? t = t[h] : delete t[h];
-    }
-  }
-  B.unset = _;
-  function D(r, ...i) {
-    if (!i || !i.length)
-      throw new Error("fields must be specified");
-    const d = m(r);
-    let t = 0;
-    for (const a in d) {
-      const h = d[a];
-      if (i.includes(h))
-        t++;
-      else
-        return !1;
-    }
-    return t > 0;
-  }
-  B.hasOnly = D;
-  function W(r, ...i) {
-    if (!i || !i.length)
-      throw new Error("fields must be specified");
-    const d = m(r);
-    let t = 0;
-    for (const a in i) {
-      const h = i[a];
-      if (d.includes(h))
-        t++;
-      else
-        return !1;
-    }
-    return t === i.length;
-  }
-  B.hasAll = W;
-  function H(r, ...i) {
-    return D(r, ...i) && W(r, ...i);
-  }
-  B.hasOnlyAll = H;
-  function Z(r, i, d = 0, t = "asc") {
-    const a = ["asc", "desc"];
-    if (!["asc", "desc"].includes(t))
-      throw new Error(`arraySortDir must be one of ${a}`);
-    if (r.length === 0)
-      return -1;
-    let h = d, f = r.length - 1;
-    for (; h < f; ) {
-      if (M(r[h], i) === 0)
-        return h;
-      if (M(r[f], i) === 0)
-        return f;
-      const j = Math.trunc((h + f) / 2), l = M(r[j], i, t);
-      if (l < 0)
-        h = j + 1;
-      else if (l > 0)
-        f = j - 1;
-      else
-        return j;
-    }
-    return h;
-  }
-  B.binarySearch = Z;
-  function M(r, i, d = "asc") {
-    if (!["asc", "desc"].includes(d))
-      throw new Error(`sortDir must be one of ${d}`);
-    const t = d === "desc" ? -1 : 1;
-    return r > i ? t : r < i ? -t : 0;
-  }
-  B.compare = M;
-  function o(r, i, d = 0, ...t) {
-    if (r.length === 0)
-      return -1;
-    let a = d, h = r.length - 1;
-    for (; a < h; ) {
-      if (X(r[a], i, ...t) === 0)
-        return a;
-      if (X(r[h], i, ...t) === 0)
-        return h;
-      let f = Math.trunc((a + h) / 2);
-      if (X(r[f], i, ...t) < 0)
-        a = f + 1;
-      else if (X(r[f], i, ...t) > 0)
-        h = f - 1;
-      else
-        return f;
-    }
-    return a;
-  }
-  B.binarySearchObj = o;
-  function K(r, i, d, ...t) {
-    let a = d, h = r.length - 1;
-    if (a >= r.length)
-      throw new Error("startFrom is outside the bounds of the array.");
-    if (X(i, r[a], ...t) > 0)
-      throw new Error("targetObj is to the right ('greater than') objArray[startFrom].");
-    for (; a < h; ) {
-      let f = Math.trunc((a + h) / 2);
-      X(i, r[f], ...t) === 0 ? a = f + 1 : X(i, r[f], ...t) < 0 && (h = f);
-    }
-    return X(i, r[a], ...t) === 0 ? -1 : a;
-  }
-  B.getNextDifferent = K;
-  function G(r, i, ...d) {
-    if (r.length <= 1)
-      return [...r];
-    if (typeof i != "boolean")
-      throw new Error("firstOfDuplicates must be boolean true or false.");
-    const t = [];
-    let a = 0;
-    for (; a < r.length - 1 && (i && t.push(r[a]), a = K(r, r[a], a + 1, ...d), !(a < 0)); ) {
-      let h = a - 1;
-      i || t.push(r[h]);
-    }
-    return t.length === 0 ? i ? t.push(r[0]) : t.push(r[r.length - 1]) : X(t[t.length - 1], r[r.length - 1], ...d) !== 0 && t.push(r[r.length - 1]), t;
-  }
-  B.getObjArrayWithNoDuplicates = G;
-  function X(r, i, ...d) {
-    if (d.length === 0)
-      throw new Error("comparisonFields not supplied!");
-    const t = ["", "asc", "desc"];
-    for (const a in d) {
-      const h = d[a].split(" "), f = h[0];
-      let j = "";
-      if (h.length === 2 && (j = h[1]), !t.includes(j))
-        throw new Error("Sort direction must be one of " + t.toString());
-      const l = x(r, f), y = x(i, f), P = j === "desc" ? -1 : 1;
-      if (l > y)
-        return P;
-      if (l < y)
-        return -P;
-    }
-    return 0;
-  }
-  return B.objCompare = X, B;
+function M(t, r, ...u) {
+  if (!u || !u.length)
+    throw new Error("comparisonFields not supplied!");
+  if (!G(t) || !G(r))
+    throw new Error("Both obj1 and obj2 must be plain objects.");
+  const d = ["", "asc", "desc"];
+  for (let c = 0; c < u.length; c++) {
+    const s = u[c].split(" "), a = s[0];
+    let h = "";
+    if (s.length > 2)
+      throw new Error("Each comparison field must be of the form 'fieldName sortDirection' or 'fieldName'.");
+    if (s.length === 2 && (h = s[1]), !d.includes(h))
+      throw new Error("Sort direction must be one of " + d.toString());
+    const C = J(t, a), m = J(r, a), w = ["string", "number", "bigint", "boolean"];
+    if (!(w.includes(typeof C) || w.includes(typeof m) || C instanceof Date || m instanceof Date))
+      throw new Error("Comparison values must be primitive type or Date instance");
+    if (typeof C != typeof m)
+      throw new Error("Comparison values must be of the same type");
+    const b = h === "desc" ? -1 : 1;
+    if (C > m)
+      return b;
+    if (C < m)
+      return -b;
+  }
+  return 0;
 }
-var ne = Ne();
-function Ye({
-  label: n,
+function R({
+  label: t,
   // label with which to describe the dropdown.
-  data: T,
+  data: r,
   // Primitive type array.
-  sortOrder: A = "asc",
-  onItemSelected: w = null,
+  sortOrder: u = "asc",
+  onItemSelected: d,
   // Function to pass on the value of the selected item to the parent component
-  selected: O = null,
+  selected: c,
   // Initial selected item.
-  selReset: p = !1,
-  dropdownStyle: S,
+  selReset: s = !1,
+  // If true, selected item via parent component.
+  dropdownStyle: a,
   // Styling object with fields {color, backgroundColor, borderColor (optional), fontSize}.
-  isDisabled: g = !1
+  isDisabled: h = !1
 }) {
-  const E = ce(), [C, v] = Q(!1), [m, q] = Q(""), x = te(() => T.toSorted(X), [T]), U = te(() => {
-    if (m.length === 0)
-      return x;
-    const f = m.toUpperCase();
-    return x.filter((j) => j.toUpperCase().includes(f));
-  }, [x, m]), [_, D] = Q(""), [W, H] = Q(null), Z = te(() => {
-    let f = "", j;
-    return W && p === !1 ? (j = T.findIndex((l) => l === W), j >= 0 && (f = T[j])) : O && (j = T.findIndex((l) => l === O), j >= 0 && (f = T[j])), D(f), f;
-  }, [p, O, W]), [M, o] = Q(0);
-  le(() => {
-    M > 0 && W && w && w(Z);
-  }, [M]);
-  const K = (() => {
-    const f = {
-      backgroundColor: S?.backgroundColor,
-      color: S?.color
+  const C = ["number", "string", "boolean", "bigint"];
+  if (r.length > 0 && r.some((i) => i === null || !C.includes(typeof i)))
+    throw new Error(`Dropdown items must be one of ${C}`);
+  const m = Q(), [w, b] = j(!1), [S, y] = j(""), D = E(() => r.toSorted(I), [r]), $ = E(() => {
+    if (S.length === 0)
+      return D;
+    const i = S.toUpperCase();
+    return D.filter((p) => p.toUpperCase().includes(i));
+  }, [D, S]), [z, k] = j(""), [x, L] = j(), V = E(() => {
+    let i, p = -1;
+    return x && s === !1 ? (p = r.findIndex((e) => e === x), p >= 0 && (i = r[p])) : c && (p = r.findIndex((e) => e === c), p >= 0 && (i = r[p])), p >= 0 ? k(i) : k(""), i;
+  }, [s, c, x]), [T, U] = j(0);
+  W(() => {
+    T > 0 && x && d && d(V);
+  }, [T]);
+  const g = (() => {
+    const i = {
+      backgroundColor: a?.backgroundColor,
+      color: a?.color
     };
-    return S?.fontSize && (f.fontSize = S?.fontSize), f;
-  })(), G = S?.borderColor;
-  function X(f, j) {
-    return ne.compare(f, j, A);
+    return a?.fontSize && (i.fontSize = a.fontSize), i;
+  })(), K = a?.borderColor;
+  function I(i, p) {
+    return Y(i, p, u);
   }
-  function r(f) {
-    q(f.target.value), D(f.target.value), a();
+  function F(i) {
+    y(i.target.value), k(i.target.value), P();
   }
-  async function i(f) {
-    p || (D(f), q(""), H(f), t(), o((j) => j + 1));
+  async function q(i) {
+    s || (k(i), y(""), L(i), A(), U((p) => p + 1));
   }
-  function d() {
-    C ? t() : a();
+  function B() {
+    h || (w ? A() : P());
   }
-  function t() {
-    v(!1);
+  function A() {
+    b(!1);
   }
-  function a() {
-    U.length > 0 && v(!0);
+  function P() {
+    $.length > 0 && b(!0);
   }
-  const h = {
-    dropdownSearch: `dropdownSearch-${E}`,
-    dropdown: `dropdown-${E}`
+  const N = {
+    dropdownSearch: `dropdownSearch-${m}`,
+    dropdown: `dropdown-${m}`
   };
-  return /* @__PURE__ */ ee(
+  return /* @__PURE__ */ v(
     "div",
     {
       className: `dropdown-js dropdown-js-rounded
-                         ${G && `dropdown-js-border ${G}`}`,
-      style: { ...g ? { pointerEvents: "none" } : {} },
+                         ${K && `dropdown-js-border ${K}`}`,
+      style: { ...h ? { pointerEvents: "none" } : {} },
       children: [
-        /* @__PURE__ */ ee("div", { className: "dropdown-js-input-wrapper dropdown-js-rounded", style: K, children: [
-          /* @__PURE__ */ Y(
+        /* @__PURE__ */ v("div", { className: "dropdown-js-input-wrapper dropdown-js-rounded", style: g, children: [
+          /* @__PURE__ */ l(
             "input",
             {
-              id: h.dropdownSearch,
+              id: N.dropdownSearch,
               name: "dropdownSearch",
               className: "dropdown-js-input dropdown-js-rounded",
               autoComplete: "off",
               type: "text",
-              style: K,
+              style: g,
               role: "combobox",
-              "aria-placeholder": `Type to Search for ${n}`,
+              "aria-placeholder": `Type to Search for ${t}`,
               "aria-required": !0,
-              "aria-controls": h.dropdown,
+              "aria-controls": N.dropdown,
               "aria-autocomplete": "list",
               "aria-haspopup": "listbox",
-              "aria-expanded": C,
-              onChange: (f) => r(f),
-              disabled: g,
-              placeholder: `Type to Search for ${n}`,
-              value: _
+              "aria-expanded": w,
+              onChange: (i) => F(i),
+              disabled: h,
+              placeholder: `Type to Search for ${t}`,
+              value: z
             }
           ),
-          /* @__PURE__ */ Y(
+          /* @__PURE__ */ l(
             "div",
             {
               className: "dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded",
-              "aria-expanded": C,
+              "aria-expanded": w,
               "aria-controls": "multiSelectionDropdown",
-              "aria-label": `${n} options`,
-              onClick: (f) => d(),
-              children: /* @__PURE__ */ Y(
+              "aria-label": `${t} options`,
+              onClick: () => B(),
+              children: /* @__PURE__ */ l(
                 "span",
                 {
                   className: "dropdown-js-arrow dropdown-js-padding",
-                  "aria-label": `${n} options`,
-                  "aria-expanded": C,
-                  children: C ? "-" : "+"
+                  "aria-label": `${t} options`,
+                  "aria-expanded": w,
+                  children: w ? "-" : "+"
                 }
               )
             }
           )
         ] }),
-        /* @__PURE__ */ Y(
-          "div",
+        /* @__PURE__ */ l(
+          "ul",
           {
-            className: `dropdown-js-padding dropdown-js-menu ${!C && "dropdown-js-hide"}`,
-            id: h.dropdown,
-            name: "dropDown",
+            className: `dropdown-js-padding dropdown-js-menu ${!w && "dropdown-js-hide"}`,
+            id: N.dropdown,
             role: "listbox",
-            "aria-expanded": C,
-            disabled: g,
-            "aria-label": n,
-            style: { ...K, marginTop: "3.5px" },
-            children: U.map((f, j) => /* @__PURE__ */ ee(
-              "div",
+            "aria-expanded": w,
+            "aria-disabled": h,
+            "aria-label": t,
+            style: { ...g, marginTop: "3.5px" },
+            children: $.map((i, p) => /* @__PURE__ */ v(
+              "li",
               {
-                name: f,
                 role: "option",
-                "aria-label": f,
+                "aria-label": i,
                 style: { cursor: "pointer" },
-                onClick: (l) => i(f),
+                onClick: () => q(i),
                 children: [
-                  f,
-                  j < U.length - 1 && /* @__PURE__ */ Y("hr", { style: { borderColor: K.color } })
+                  i,
+                  p < $.length - 1 && /* @__PURE__ */ l("hr", { style: { borderColor: g.color } })
                 ]
               },
-              `${j}#${f}`
+              `${p}#${i}`
             ))
           }
         )
@@ -1038,152 +206,138 @@ function Ye({
     }
   );
 }
-Ye.propTypes = {
-  label: c.string.isRequired,
-  data: c.array.isRequired,
-  sortOrder: c.string,
-  selected: c.any,
-  selReset: c.bool,
-  isDisabled: c.bool,
-  onItemSelected: c.func,
-  dropdownStyle: c.shape({
-    color: c.string.isRequired,
-    // text color
-    backgroundColor: c.string.isRequired,
-    fontSize: c.string,
-    borderColor: c.string
-  }),
-  buttonStyle: c.shape({
-    color: c.string.isRequired,
-    // text color
-    backgroundColor: c.string.isRequired,
-    fontSize: c.string,
-    borderColor: c.string
-  })
-};
-function Ue({
-  label: n,
+function ee({
+  label: t,
   // label with which to describe the dropdown.
-  data: T,
-  sortFields: A,
-  selected: w = null,
-  selReset: O = !1,
-  displayName: p,
+  data: r,
+  sortFields: u,
+  selected: d = null,
+  selReset: c = !1,
+  displayName: s,
   // the name of the field that will be used for displaying the list items to the user.
-  valueName: S,
+  valueName: a,
   // the name of the field that will be used as the underlying unique value of each list item.
-  isDisabled: g = !1,
-  onItemSelected: E = null,
-  dropdownStyle: C
+  isDisabled: h = !1,
+  onItemSelected: C,
+  dropdownStyle: m
 }) {
-  const v = ce(), [m, q] = Q(null), [x, U] = Q(""), _ = te(() => T.length > 0 ? ne.getPaths(T[0]) : [], [T]), D = te(() => T.toSorted(t), [T]), W = te(() => {
-    if (x.length === 0)
-      return D;
-    const y = x.toUpperCase();
-    return D.filter((P) => P[p].toUpperCase().toUpperCase().includes(y));
-  }, [x, D]), [H, Z] = Q(0);
-  le(() => {
-    H > 0 && K !== null && E && E(X);
-  }, [H]);
-  const [M, o] = Q(""), [K, G] = Q(null), X = te(() => {
-    let y = null, P;
-    return K && O === !1 ? (P = T.findIndex(
-      (e) => ne.objCompare(e, K, ..._) === 0
-    ), P >= 0 && (y = T[P])) : w && (P = T.findIndex(
-      (e) => ne.objCompare(e, w, ..._) === 0
-    ), P >= 0 && (y = T[P])), o(y ? y[p] : ""), y;
-  }, [w, K]), r = (() => {
-    const y = {
-      backgroundColor: C?.backgroundColor,
-      color: C?.color
+  j(
+    () => (r.forEach((e) => {
+      if (!G(e))
+        throw new Error("[Dropdowns-js] Non plain object found");
+      const n = Object.keys(e);
+      if (!n.includes(s))
+        throw new Error(`[Dropdowns-js] displayName field ${s} not found`);
+      if (!n.includes(a))
+        throw new Error(`[Dropdowns-js] valueName field ${a} not found`);
+    }), !0)
+  );
+  const w = Q(), [b, S] = j(!1), [y, D] = j(""), $ = E(() => r.length > 0 ? X(r[0]) : [], [r]), z = E(() => r.toSorted(B), [r]), k = E(() => {
+    if (y.length === 0)
+      return z;
+    const e = y.toUpperCase();
+    return z.filter((n) => n[s].toUpperCase().includes(e));
+  }, [y, z]), [x, L] = j(0);
+  W(() => {
+    x > 0 && U && C && C(K);
+  }, [x]);
+  const [V, T] = j(""), [U, g] = j(null), K = E(() => {
+    let e = null, n = -1;
+    return U && c === !1 ? (n = r.findIndex(
+      (o) => M(o, U, ...$) === 0
+    ), n >= 0 && (e = r[n])) : d && (n = r.findIndex(
+      (o) => M(o, d, ...$) === 0
+    ), n >= 0 && (e = r[n])), n >= 0 ? T(e[s]) : T(""), e;
+  }, [d, U]), I = (() => {
+    const e = {
+      backgroundColor: m?.backgroundColor,
+      color: m?.color
     };
-    return C?.fontSize && (y.fontSize = C?.fontSize), y;
-  })(), i = C?.borderColor;
-  async function d(y) {
-    U(y.target.value), o(y.target.value), j();
+    return m?.fontSize && (e.fontSize = m?.fontSize), e;
+  })(), F = m?.borderColor;
+  async function q(e) {
+    D(e.target.value), T(e.target.value), i();
   }
-  function t(y, P) {
-    return ne.objCompare(y, P, ...A);
+  function B(e, n) {
+    return M(e, n, ...u);
   }
-  function a(y) {
-    O || (G({ ...y }), U(""), f(), Z((P) => P + 1));
+  function A(e) {
+    c || (g({ ...e }), D(""), N(), L((n) => n + 1));
   }
-  function h() {
-    m ? f() : j();
+  function P() {
+    b ? N() : i();
   }
-  function f() {
-    q(!1);
+  function N() {
+    S(!1);
   }
-  function j() {
-    W.length > 0 && q(!0);
+  function i() {
+    k.length > 0 && S(!0);
   }
-  const l = {
-    dropdownSearch: `dropdownObjSearch-${v}`,
-    dropdownObj: `dropdownObj-${v}`
+  const p = {
+    dropdownSearch: `dropdownObjSearch-${w}`,
+    dropdownObj: `dropdownObj-${w}`
   };
-  return /* @__PURE__ */ ee(
+  return /* @__PURE__ */ v(
     "div",
     {
       className: `dropdown-js dropdown-js-rounded
-                         ${i && `dropdown-js-border ${i}`}`,
-      style: { ...g ? { pointerEvents: "none" } : {} },
+                         ${F && `dropdown-js-border ${F}`}`,
+      style: { ...h ? { pointerEvents: "none" } : {} },
       children: [
-        /* @__PURE__ */ ee("div", { className: "dropdown-js-input-wrapper dropdown-js-rounded", style: r, children: [
-          /* @__PURE__ */ Y(
+        /* @__PURE__ */ v("div", { className: "dropdown-js-input-wrapper dropdown-js-rounded", style: I, children: [
+          /* @__PURE__ */ l(
             "input",
             {
-              id: l.dropdownSearch,
+              id: p.dropdownSearch,
               name: "dropdownObjSearch",
               className: "dropdown-js-input dropdown-js-rounded",
-              style: r,
+              style: I,
               type: "text",
               autoComplete: "off",
               role: "combobox",
               "aria-autocomplete": "list",
-              "aria-controls": l.dropdownObj,
-              "aria-expanded": m,
-              "aria-placeholder": `Type to Search for ${n}`,
+              "aria-controls": p.dropdownObj,
+              "aria-expanded": b,
+              "aria-placeholder": `Type to Search for ${t}`,
               "aria-required": !0,
-              onChange: (y) => d(y),
-              disabled: g,
-              placeholder: `Type to Search for ${n}`,
-              value: M
+              onChange: (e) => q(e),
+              disabled: h,
+              placeholder: `Type to Search for ${t}`,
+              value: V
             }
           ),
-          /* @__PURE__ */ Y(
+          /* @__PURE__ */ l(
             "div",
             {
               className: "dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded",
-              "aria-label": `${n} options`,
-              "aria-expanded": m,
-              onClick: (y) => h(),
-              children: /* @__PURE__ */ Y("span", { className: "dropdown-js-arrow dropdown-js-padding", children: m ? "-" : "+" })
+              "aria-label": `${t} options`,
+              "aria-expanded": b,
+              onClick: () => P(),
+              children: /* @__PURE__ */ l("span", { className: "dropdown-js-arrow dropdown-js-padding", children: b ? "-" : "+" })
             }
           )
         ] }),
-        /* @__PURE__ */ Y(
+        /* @__PURE__ */ l(
           "div",
           {
-            className: `dropdown-js-padding dropdown-js-menu ${!m && "dropdown-js-hide"}`,
-            id: l.dropdownObj,
-            name: "dropDownObj",
+            className: `dropdown-js-padding dropdown-js-menu ${!b && "dropdown-js-hide"}`,
+            id: p.dropdownObj,
             role: "listbox",
-            "aria-expanded": m,
-            style: { ...r, marginTop: "3.5px" },
-            children: W.map((y, P) => /* @__PURE__ */ ee(
+            "aria-expanded": b,
+            style: { ...I, marginTop: "3.5px" },
+            children: k.map((e, n) => /* @__PURE__ */ v(
               "div",
               {
-                name: y[p],
                 role: "option",
-                "aria-label": y[p],
+                "aria-label": J(e, s),
                 style: { cursor: "pointer" },
-                onClick: (e) => a(y),
+                onClick: () => A(e),
                 children: [
-                  y[p],
-                  P < W.length - 1 && /* @__PURE__ */ Y("hr", { style: { borderColor: r.color } })
+                  J(e, s),
+                  n < k.length - 1 && /* @__PURE__ */ l("hr", { style: { borderColor: I.color } })
                 ]
               },
-              `${y[S]}${P}`
+              `${J(e, a)}${n}`
             ))
           }
         )
@@ -1191,203 +345,204 @@ function Ue({
     }
   );
 }
-Ue.propTypes = {
-  label: c.string.isRequired,
-  data: c.arrayOf(c.object).isRequired,
-  sortFields: c.arrayOf(c.string).isRequired,
-  selected: c.object,
-  tick: c.number,
-  displayName: c.string.isRequired,
-  valueName: c.string.isRequired,
-  isDisabled: c.bool,
-  onItemSelected: c.func,
-  dropdownStyle: c.shape({
-    color: c.string.isRequired,
-    // text color
-    backgroundColor: c.string.isRequired,
-    fontSize: c.string,
-    borderColor: c.string
-  })
-};
-function Fe({
-  label: n,
+function oe({
+  label: t,
   // label with which to describe the dropdown.
-  data: T,
-  sortFields: A,
-  selectedData: w = [],
-  selReset: O = !1,
-  maxNumSelections: p = null,
-  displayName: S,
+  data: r,
+  sortFields: u,
+  selectedData: d = [],
+  selReset: c = !1,
+  maxNumSelections: s,
+  displayName: a,
   // the name of the field that will be used for displaying the list items to the user.
-  valueName: g,
+  valueName: h,
   // the name of the field that will be used as the underlying unique value of each list item.
-  isDisabled: E = !1,
-  onItemsSelected: C = null,
-  dropdownStyle: v,
-  buttonStyle: m
+  isDisabled: C,
+  onItemsSelected: m,
+  dropdownStyle: w,
+  buttonStyle: b
 }) {
-  const q = ce(), [x, U] = Q(!1), _ = te(() => T.length > 0 ? ne.getPaths(T[0]) : [], [T]), [D, W] = Q(""), H = te(() => T.toSorted(d), [T]), [Z, M] = Q(0), [o, K] = Q(null), G = te(() => {
-    let e = O === !1 && o ? [...o] : [...w];
-    return e = e.filter((s) => H.some(
-      (b) => ne.objCompare(s, b, ..._) === 0
-    )), p && e.length > p && (e = e.slice(0, p - 1)), e.toSorted(d);
-  }, [H, w, o]);
-  le(() => {
-    Z > 0 && o && C && C([...G]);
-  }, [Z]);
-  const X = te(() => {
-    const e = D.toUpperCase();
-    return e.length === 0 ? H : H.filter((s) => s[S].toUpperCase().includes(e));
-  }, [D, H]), r = (() => {
-    const e = {
-      backgroundColor: v?.backgroundColor,
-      color: v?.color
+  j(
+    () => (r.forEach((o) => {
+      if (!G(o))
+        throw new Error("[Dropdowns-js] Non plain object found");
+      const f = Object.keys(o);
+      if (!f.includes(a))
+        throw new Error(`[Dropdowns-js] displayName field ${a} not found`);
+      if (!f.includes(h))
+        throw new Error(`[Dropdowns-js] valueName field ${h} not found`);
+    }), !0)
+  );
+  const S = Q(), [y, D] = j(!1), $ = E(() => r.length > 0 ? X(r[0]) : [], [r]), [z, k] = j(""), x = E(() => r.toSorted(q), [r]), [L, V] = j(0), [T, U] = j([]), g = E(() => {
+    let o = c === !1 && T ? [...T] : [...d];
+    return o = o.filter((f) => x.some(
+      (O) => M(f, O, ...$) === 0
+    )), s && o.length > s && (o = o.slice(0, s - 1)), o.toSorted(q);
+  }, [x, d, T]);
+  W(() => {
+    L > 0 && T && m && m([...g]);
+  }, [L]);
+  const K = E(() => {
+    const o = z.toUpperCase();
+    return o.length === 0 ? x : x.filter((f) => f[a].toUpperCase().includes(o));
+  }, [z, x]), I = (() => {
+    const o = {
+      backgroundColor: w?.backgroundColor,
+      color: w?.color
     };
-    return v?.fontSize && (e.fontSize = v?.fontSize), e;
-  })(), i = v?.borderColor;
-  function d(e, s) {
-    return ne.objCompare(e, s, ...A);
-  }
-  function t(e) {
-    W(e.target.value), y();
-  }
-  function a(e) {
-    O || K((s) => {
-      let b = s ? [...s] : [...G];
-      return b.some(
-        ($) => (
+    return w?.fontSize && (o.fontSize = w?.fontSize), o;
+  })(), F = w?.borderColor;
+  function q(o, f) {
+    return M(o, f, ...u);
+  }
+  function B(o) {
+    k(o.target.value), e();
+  }
+  function A(o) {
+    c || U((f) => {
+      let O = f ? [...f] : [...g];
+      return O.some(
+        (H) => (
           // clicked item not found in the list of selected items.
-          ne.objCompare($, e, ..._) === 0
+          M(H, o, ...$) === 0
         )
-      ) ? b = b.filter(($) => ne.objCompare($, e, ..._) !== 0) : (p === null || b.length < p) && b.push(e), b;
+      ) ? O = O.filter((H) => M(H, o, ...$) !== 0) : (s === null || s && O.length < s) && O.push(o), O;
     });
   }
-  function h(e) {
-    return G.some((s) => ne.objCompare(s, e, ..._) === 0);
+  function P(o) {
+    return g.some((f) => M(f, o, ...$) === 0);
   }
-  function f(e) {
-    O || (K((s) => {
-      let b = s ? [...s] : [...G];
-      return b = b.filter(($) => ne.objCompare($, e, ..._) !== 0), b;
-    }), M((s) => s + 1));
+  function N(o) {
+    c || (U((f) => {
+      let O = f ? [...f] : [...g];
+      return O = O.filter((H) => M(H, o, ...$) !== 0), O;
+    }), V((f) => f + 1));
   }
-  function j() {
-    x ? l() : y();
+  function i() {
+    y ? p() : e();
   }
-  function l() {
-    U(!1), M((e) => e + 1);
+  function p() {
+    D(!1), V((o) => o + 1);
   }
-  function y() {
-    X.length > 0 && U(!0);
+  function e() {
+    K.length > 0 && D(!0);
   }
-  const P = {
-    multiSelectionDropdownObjSearch: `multiSelectionDropdownSearch-${q}`,
-    multiSelectionDropdownObj: `multiSelectionDropdown-${q}`,
-    selectedItems: `selectedItems-${q}`
+  const n = {
+    multiSelectionDropdownObjSearch: `multiSelectionDropdownSearch-${S}`,
+    multiSelectionDropdownObj: `multiSelectionDropdown-${S}`,
+    selectedItems: `selectedItems-${S}`
   };
-  return /* @__PURE__ */ ee(
+  return /* @__PURE__ */ v(
     "div",
     {
       className: `dropdown-js dropdown-js-rounded 
-                         ${i && `dropdown-js-border ${i}`}`,
-      style: { ...E ? { pointerEvents: "none" } : {} },
+                         ${F && `dropdown-js-border ${F}`}`,
+      style: { ...C ? { pointerEvents: "none" } : {} },
       children: [
-        /* @__PURE__ */ ee("div", { className: "dropdown-js-input-wrapper dropdown-js-rounded", style: r, children: [
-          /* @__PURE__ */ Y("div", { children: /* @__PURE__ */ Y(
+        /* @__PURE__ */ v("div", { className: "dropdown-js-input-wrapper dropdown-js-rounded", style: I, children: [
+          /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(
             "input",
             {
-              id: P.multiSelectionDropdownObjSearch,
+              id: n.multiSelectionDropdownObjSearch,
               name: "multiSelectionDropdownObjSearch",
               className: "dropdown-js-input dropdown-js-rounded",
-              style: r,
-              "aria-label": n,
+              style: I,
+              "aria-label": t,
               "aria-autocomplete": "list",
-              "aria-controls": P.multiSelectionDropdownObj,
+              "aria-controls": n.multiSelectionDropdownObj,
               role: "combobox",
-              "aria-expanded": x,
+              "aria-expanded": y,
               "aria-haspopup": "listbox",
               type: "text",
               autoComplete: "off",
-              "aria-placeholder": `Type to Search for ${n}`,
-              onChange: (e) => t(e),
-              placeholder: `Type to Search for ${n}`,
-              value: D
+              "aria-placeholder": `Type to Search for ${t}`,
+              onChange: (o) => B(o),
+              placeholder: `Type to Search for ${t}`,
+              value: z
             }
           ) }),
-          /* @__PURE__ */ Y(
+          /* @__PURE__ */ l(
             "div",
             {
               className: "dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded",
-              "aria-expanded": x,
+              "aria-expanded": y,
               "aria-controls": "multiSelectionDropdownObj",
-              "aria-label": `${n} options`,
-              onClick: (e) => j(),
-              children: /* @__PURE__ */ Y("span", { className: "dropdown-js-arrow dropdown-js-padding", children: x ? "-" : "+" })
+              "aria-label": `${t} options`,
+              onClick: () => i(),
+              children: /* @__PURE__ */ l("span", { className: "dropdown-js-arrow dropdown-js-padding", children: y ? "-" : "+" })
             }
           )
         ] }),
-        /* @__PURE__ */ Y("div", { className: "dropdown-js-padding dropdown-js-selected-wrapper dropdown-js-selected-container", children: /* @__PURE__ */ Y(
+        /* @__PURE__ */ l("div", { className: "dropdown-js-padding dropdown-js-selected-wrapper dropdown-js-selected-container", children: /* @__PURE__ */ l(
           "div",
           {
-            id: P.selectedItems,
+            id: n.selectedItems,
             className: "dropdown-js-selected-items",
-            "aria-label": `Selected ${n} options`,
+            "aria-label": `Selected ${t} options`,
             "aria-multiselectable": !0,
             "aria-live": "polite",
-            children: G.map((e) => /* @__PURE__ */ ee(
+            children: g.map((o) => /* @__PURE__ */ v(
               "span",
               {
                 className: "dropdown-js-padding dropdown-js-rounded",
-                "aria-label": `${e[S]}`,
-                style: { ...r, margin: "3.5px", marginRight: "0px" },
+                "aria-label": `${o[a]}`,
+                style: { ...I, margin: "3.5px", marginRight: "0px" },
                 children: [
-                  e[S],
+                  o[a],
                   " ",
-                  /* @__PURE__ */ Y("span", { className: "dropdown-js-padding", style: { cursor: "pointer" }, "aria-label": `Remove ${e[S]}`, onClick: (s) => f(e), children: "×" })
+                  /* @__PURE__ */ l(
+                    "span",
+                    {
+                      className: "dropdown-js-padding",
+                      style: { cursor: "pointer" },
+                      "aria-label": `Remove ${o[a]}`,
+                      onClick: () => N(o),
+                      children: "×"
+                    }
+                  )
                 ]
               },
-              `${e[g]}${e[S]}`
+              `${o[h]}${o[a]}`
             ))
           }
         ) }),
-        /* @__PURE__ */ ee(
+        /* @__PURE__ */ v(
           "div",
           {
-            className: `dropdown-js-padding dropdown-js-menu dropdown-js-rounded ${!x && "dropdown-js-hide"}`,
-            style: r,
-            id: P.multiSelectionDropdownObj,
-            name: "multiSelectionDropdownObj",
+            className: `dropdown-js-padding dropdown-js-menu dropdown-js-rounded ${!y && "dropdown-js-hide"}`,
+            style: I,
+            id: n.multiSelectionDropdownObj,
             role: "listbox",
             "aria-multiselectable": !0,
-            "aria-expanded": x,
+            "aria-expanded": y,
             children: [
-              X.map((e) => /* @__PURE__ */ ee("div", { children: [
-                /* @__PURE__ */ Y(
+              K.map((o) => /* @__PURE__ */ v("div", { children: [
+                /* @__PURE__ */ l(
                   "input",
                   {
-                    id: `${e[g]}Checkbox`,
+                    id: `${o[h]}Checkbox`,
                     type: "checkbox",
-                    name: `${e[S]}Checkbox`,
+                    name: `${o[a]}Checkbox`,
                     role: "option",
-                    "aria-label": `${e[S]}`,
-                    "aria-checked": h(e),
+                    "aria-label": `${o[a]}`,
+                    "aria-checked": P(o),
                     style: { cursor: "pointer" },
-                    checked: h(e),
-                    onChange: (s) => a(e),
-                    value: e[g]
+                    checked: P(o),
+                    onChange: () => A(o),
+                    value: o[h]
                   }
                 ),
-                /* @__PURE__ */ Y("label", { style: { marginLeft: "5px" }, htmlFor: `${e[g]}`, children: e[S] }),
-                /* @__PURE__ */ Y("hr", { style: { backgroundColor: r.color, border: "none", height: "0.5px" } })
-              ] }, `${e[g]}${e[S]}`)),
-              /* @__PURE__ */ Y(
+                /* @__PURE__ */ l("label", { style: { marginLeft: "5px" }, htmlFor: `${o[h]}`, children: o[a] }),
+                /* @__PURE__ */ l("hr", { style: { backgroundColor: I.color, border: "none", height: "0.5px" } })
+              ] }, `${o[h]}${o[a]}`)),
+              /* @__PURE__ */ l(
                 "button",
                 {
                   className: "dropdown-js-padding dropdown-js-round",
-                  style: m,
+                  style: b,
                   title: "Done",
-                  "aria-label": `Close ${n} options`,
-                  onClick: (e) => l(),
+                  "aria-label": `Close ${t} options`,
+                  onClick: () => p(),
                   type: "button",
                   children: "Done"
                 }
@@ -1399,203 +554,173 @@ function Fe({
     }
   );
 }
-Fe.propTypes = {
-  label: c.string.isRequired,
-  data: c.arrayOf(c.object).isRequired,
-  sortFields: c.arrayOf(c.string).isRequired,
-  selectedData: c.arrayOf(c.object),
-  selReset: c.bool,
-  maxNumSelections: c.number,
-  displayName: c.string.isRequired,
-  valueName: c.string.isRequired,
-  isDisabled: c.bool,
-  onItemsSelected: c.func,
-  dropdownStyle: c.shape({
-    color: c.string.isRequired,
-    // text color
-    backgroundColor: c.string.isRequired,
-    fontSize: c.string,
-    borderColor: c.string
-  }),
-  buttonStyle: c.shape({
-    color: c.string.isRequired,
-    // text color
-    backgroundColor: c.string.isRequired,
-    fontSize: c.string,
-    borderColor: c.string
-  })
-};
-function Ve({
-  label: n,
+function re({
+  label: t,
   // label with which to describe the dropdown.
-  data: T,
-  sortOrder: A = "asc",
-  selectedData: w = [],
-  selReset: O = !1,
-  maxNumSelections: p = null,
-  isDisabled: S = !1,
-  onItemsSelected: g = null,
-  dropdownStyle: E,
+  data: r,
+  sortOrder: u = "asc",
+  selectedData: d = [],
+  selReset: c = !1,
+  maxNumSelections: s,
+  isDisabled: a = !1,
+  onItemsSelected: h,
+  dropdownStyle: C,
   // Styling object with fields {color, backgroundColor, borderColor (optional), fontSize}.
-  buttonStyle: C
+  buttonStyle: m
   // Styling for the DONE button
 }) {
-  const v = ce(), [m, q] = Q(!1), x = te(() => T.toSorted(X), [T]), [U, _] = Q(""), [D, W] = Q(null), H = te(() => {
-    let l = O === !1 && D ? [...D] : [...w];
-    return l = l.filter(
-      (y) => x.some((P) => P === y)
-    ), p && l.length > p && (l = l.slice(0, p - 1)), l.toSorted(X);
-  }, [O, x, w, D]), [Z, M] = Q(0);
-  le(() => {
-    Z > 0 && g && D !== null && g([...H]);
-  }, [Z]);
-  const o = te(() => U.length === 0 ? x : x.filter(
-    (l) => l.toString().toUpperCase().includes(U.toUpperCase())
-  ), [U, x]), K = (() => {
-    const l = {
-      backgroundColor: E?.backgroundColor,
-      color: E?.color
-    };
-    return E?.fontSize && (l.fontSize = E?.fontSize), l;
-  })(), G = E?.borderColor;
-  function X(l, y) {
-    return ne.compare(l, y, A);
-  }
-  function r(l) {
-    const y = l.target.value;
-    _(y), f();
-  }
-  function i(l) {
-    O || W((y) => {
-      let P = y ? [...y] : [...H];
-      return P.some((e) => e === l) ? P = P.filter(
-        (e) => e !== l
-      ) : (p === null || P.length < p) && P.push(l), P;
+  const w = ["number", "string", "boolean", "bigint"];
+  if (r.length > 0 && r.some((e) => e === null && !w.includes(typeof e)))
+    throw new Error(`Dropdown items must be one of ${w}`);
+  const b = Q(), [S, y] = j(!1), D = E(() => r.toSorted(I), [r]), [$, z] = j(""), [k, x] = j([]), L = E(() => {
+    let e = [];
+    return c === !1 && k ? e = [...k] : e = [...d], e = e.filter(
+      (n) => D.some((o) => o === n)
+    ), s && e.length > s && (e = e.slice(0, s - 1)), e.toSorted(I);
+  }, [c, D, d, k]), [V, T] = j(0);
+  W(() => {
+    V > 0 && h && k !== null && h([...L]);
+  }, [V]);
+  const U = E(() => $.length === 0 ? D : D.filter(
+    (e) => e.toUpperCase().includes($.toUpperCase())
+  ), [$, D]), g = C, K = C?.borderColor;
+  function I(e, n) {
+    return Y(e, n, u);
+  }
+  function F(e) {
+    const n = e.target.value;
+    z(n), i();
+  }
+  function q(e) {
+    c || x((n) => {
+      let o = n ? [...n] : [...L];
+      return o.some((f) => f === e) ? o = o.filter(
+        (f) => f !== e
+      ) : (s === null || s && o.length < s) && o.push(e), o;
     });
   }
-  function d(l) {
-    return H.some((y) => y === l);
+  function B(e) {
+    return L.some((n) => n === e);
   }
-  function t(l) {
-    O || (W(
-      (y) => (y ? [...y] : [...H]).filter((e) => e !== l)
-    ), M((y) => y + 1));
+  function A(e) {
+    c || (x(
+      (n) => (n ? [...n] : [...L]).filter((f) => f !== e)
+    ), T((n) => n + 1));
   }
-  function a() {
-    m ? h() : f();
+  function P() {
+    S ? N() : i();
   }
-  function h() {
-    q(!1), M((l) => l + 1);
+  function N() {
+    y(!1), T((e) => e + 1);
   }
-  function f() {
-    o.length > 0 && q(!0);
+  function i() {
+    U.length > 0 && y(!0);
   }
-  const j = {
-    multiSelectionDropdownSearch: `multiSelectionDropdown-${v}`,
-    multiSelectionDropdown: `multiSelectionDropdown-${v}`,
-    selectedItems: `selectedItems-${v}`
+  const p = {
+    multiSelectionDropdownSearch: `multiSelectionDropdown-${b}`,
+    multiSelectionDropdown: `multiSelectionDropdown-${b}`,
+    selectedItems: `selectedItems-${b}`
   };
-  return /* @__PURE__ */ ee(
+  return /* @__PURE__ */ v(
     "div",
     {
       className: `dropdown-js dropdown-js-rounded 
-                         ${G && `dropdown-js-border ${G}`}`,
-      style: { ...S ? { pointerEvents: "none" } : {} },
+                         ${K && `dropdown-js-border ${K}`}`,
+      style: { ...a ? { pointerEvents: "none" } : {} },
       children: [
-        /* @__PURE__ */ ee("div", { className: "dropdown-js-input-wrapper dropdown-js-rounded", style: K, children: [
-          /* @__PURE__ */ Y("div", { children: /* @__PURE__ */ Y(
+        /* @__PURE__ */ v("div", { className: "dropdown-js-input-wrapper dropdown-js-rounded", style: g, children: [
+          /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(
             "input",
             {
               className: "dropdown-js-input dropdown-js-rounded",
-              id: j.multiSelectionDropdownSearch,
+              id: p.multiSelectionDropdownSearch,
               name: "multiselectionDropdownSearch",
-              style: K,
+              style: g,
               type: "text",
               autoComplete: "off",
               role: "combobox",
-              "aria-label": n,
-              "aria-placeholder": `Type to search for ${n}`,
+              "aria-label": t,
+              "aria-placeholder": `Type to search for ${t}`,
               "aria-autocomplete": "list",
-              "aria-controls": j.multiSelectionDropdown,
-              "aria-expanded": m,
+              "aria-controls": p.multiSelectionDropdown,
+              "aria-expanded": S,
               "aria-haspopup": "listbox",
-              onChange: (l) => r(l),
-              placeholder: `Type to Search for ${n}`,
-              value: U
+              onChange: F,
+              placeholder: `Type to Search for ${t}`,
+              value: $
             }
           ) }),
-          /* @__PURE__ */ Y(
+          /* @__PURE__ */ l(
             "div",
             {
               className: "dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded",
-              "aria-expanded": m,
+              "aria-expanded": S,
               "aria-controls": "multiSelectionDropdown",
-              "aria-label": `${n} options`,
-              onClick: (l) => a(),
-              children: /* @__PURE__ */ Y("span", { className: "dropdown-js-arrow dropdown-js-padding", children: m ? "-" : "+" })
+              "aria-label": `${t} options`,
+              onClick: () => P(),
+              children: /* @__PURE__ */ l("span", { className: "dropdown-js-arrow dropdown-js-padding", children: S ? "-" : "+" })
             }
           )
         ] }),
-        /* @__PURE__ */ Y("div", { className: "dropdown-js-padding dropdown-js-selected-wrapper dropdown-js-selected-container", children: /* @__PURE__ */ Y(
+        /* @__PURE__ */ l("div", { className: "dropdown-js-padding dropdown-js-selected-wrapper dropdown-js-selected-container", children: /* @__PURE__ */ l(
           "div",
           {
-            id: j.selectedItems,
+            id: p.selectedItems,
             className: "dropdown-js-selected-items",
-            "aria-label": `Selected ${n} options`,
+            "aria-label": `Selected ${t} options`,
             "aria-live": "polite",
-            children: H.map((l) => /* @__PURE__ */ ee(
+            children: L.map((e) => /* @__PURE__ */ v(
               "span",
               {
                 className: "dropdown-js-padding dropdown-js-rounded",
-                "aria-label": `${l}`,
-                style: { ...K, margin: "3.5px", marginRight: "0px" },
+                "aria-label": `${e}`,
+                style: { ...g, margin: "3.5px", marginRight: "0px" },
                 children: [
-                  l,
+                  e,
                   " ",
-                  /* @__PURE__ */ Y("span", { style: { cursor: "pointer" }, "aria-label": `Remove ${l}`, onClick: (y) => t(l), children: "×" })
+                  /* @__PURE__ */ l("span", { style: { cursor: "pointer" }, "aria-label": `Remove ${e}`, onClick: () => A(e), children: "×" })
                 ]
               },
-              `${l}`
+              `${e}`
             ))
           }
         ) }),
-        /* @__PURE__ */ ee(
+        /* @__PURE__ */ v(
           "div",
           {
-            className: `dropdown-js-padding dropdown-js-menu dropdown-js-rounded ${!m && "dropdown-js-hide"}`,
-            style: K,
-            id: j.multiSelectionDropdown,
-            name: "multiSelectionDropdown",
+            className: `dropdown-js-padding dropdown-js-menu dropdown-js-rounded ${!S && "dropdown-js-hide"}`,
+            style: g,
+            id: p.multiSelectionDropdown,
             role: "listbox",
             "aria-multiselectable": !0,
-            "aria-expanded": m,
+            "aria-expanded": S,
             children: [
-              o.map((l, y) => /* @__PURE__ */ ee("div", { children: [
-                /* @__PURE__ */ Y(
+              U.map((e, n) => /* @__PURE__ */ v("div", { children: [
+                /* @__PURE__ */ l(
                   "input",
                   {
                     type: "checkbox",
-                    name: `${l}Checkbox`,
+                    name: `${e}Checkbox`,
                     role: "option",
-                    "aria-label": l,
-                    "aria-checked": d(l),
+                    "aria-label": e,
+                    "aria-checked": B(e),
                     style: { cursor: "pointer" },
-                    checked: d(l),
-                    onChange: (P) => i(l),
-                    value: l
+                    checked: B(e),
+                    onChange: () => q(e),
+                    value: e
                   }
                 ),
-                /* @__PURE__ */ Y("label", { style: { marginLeft: "5px" }, htmlFor: `${l}`, children: l }),
-                /* @__PURE__ */ Y("hr", { style: { backgroundColor: K.color, border: "none", height: "0.5px" } })
-              ] }, `${y}#${l}`)),
-              /* @__PURE__ */ Y(
+                /* @__PURE__ */ l("label", { style: { marginLeft: "5px" }, htmlFor: `${e}`, children: e }),
+                /* @__PURE__ */ l("hr", { style: { backgroundColor: g.color, border: "none", height: "0.5px" } })
+              ] }, `${n}#${e}`)),
+              /* @__PURE__ */ l(
                 "button",
                 {
                   className: "dropdown-js-padding dropdown-js-round",
-                  style: C,
-                  "aria-label": `Click to collapse ${n} options`,
+                  style: m,
+                  "aria-label": `Click to collapse ${t} options`,
                   title: "Done",
-                  onClick: (l) => h(),
+                  onClick: () => N(),
                   type: "button",
                   children: "Done"
                 }
@@ -1607,33 +732,9 @@ function Ve({
     }
   );
 }
-Ve.propTypes = {
-  label: c.string.isRequired,
-  data: c.array.isRequired,
-  sortOrder: c.string,
-  selectedData: c.array,
-  selReset: c.bool,
-  maxNumSelections: c.number,
-  isDisabled: c.bool,
-  onItemsSelected: c.func,
-  dropdownStyle: c.shape({
-    color: c.string.isRequired,
-    // text color
-    backgroundColor: c.string.isRequired,
-    fontSize: c.string,
-    borderColor: c.string
-  }),
-  buttonStyle: c.shape({
-    color: c.string.isRequired,
-    // text color
-    backgroundColor: c.string.isRequired,
-    fontSize: c.string,
-    borderColor: c.string
-  })
-};
 export {
-  Ye as Dropdown,
-  Ue as DropdownObj,
-  Ve as MultiSelectionDropdown,
-  Fe as MultiSelectionDropdownObj
+  R as Dropdown,
+  ee as DropdownObj,
+  re as MultiSelectionDropdown,
+  oe as MultiSelectionDropdownObj
 };