dropdowns-js 1.1.4 → 1.1.5

package/dist/dropdowns-js.es.js

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