dropdowns-js 1.1.6 → 2.0.0

package/dist/dropdowns-js.es.js

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