@hellobetterdigitalnz/betterui 0.0.3-187 → 0.0.3-188

package/dist/index.es.js

@@ -380,8 +380,8 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     onClick: v,
     onChange: p,
     ...V
-  } = e, [H, _] = O(!1), m = ["checkboxHolder", v2.checkboxHolder], y = ["checkbox", v2.checkbox];
-  s && m.push(s), h && (m.push(v2.error), y.push(v2.error)), c && m.push(v2.disabled), G(() => {
+  } = e, [H, _] = O(!1), Z = ["checkboxHolder", v2.checkboxHolder], y = ["checkbox", v2.checkbox];
+  s && Z.push(s), h && (Z.push(v2.error), y.push(v2.error)), c && Z.push(v2.disabled), G(() => {
     _(n || !1);
   }, [n]);
   const x = (b) => {
@@ -389,7 +389,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
   }, u = (b) => {
     p && p(b);
   };
-  return /* @__PURE__ */ a("div", { className: W(m), children: [
+  return /* @__PURE__ */ a("div", { className: W(Z), children: [
     /* @__PURE__ */ a("div", { className: W(y), children: [
       /* @__PURE__ */ C(
         "input",
@@ -466,8 +466,8 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     onClick: v,
     onChange: p,
     ...V
-  } = e, [H, _] = O(!1), m = ["checkbox", v2.checkbox], y = ["checkboxHolder", v2.checkboxHolder];
-  s && m.push(s), h && (m.push(v2.error), y.push(v2.error)), G(() => {
+  } = e, [H, _] = O(!1), Z = ["checkbox", v2.checkbox], y = ["checkboxHolder", v2.checkboxHolder];
+  s && Z.push(s), h && (Z.push(v2.error), y.push(v2.error)), G(() => {
     _(n || !1);
   }, [n]);
   const x = (b) => {
@@ -476,7 +476,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     p && p(b);
   };
   return /* @__PURE__ */ C("div", { className: F2.checkboxSetItemCon, children: /* @__PURE__ */ a("div", { className: W(y), children: [
-    /* @__PURE__ */ a("div", { className: W(m), children: [
+    /* @__PURE__ */ a("div", { className: W(Z), children: [
       /* @__PURE__ */ C(
         "input",
         {
@@ -529,7 +529,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
   ] }) });
 }, V0 = () => {
 }, M0 = () => {
-}, L5 = "_input_d2iuq_1", H5 = "_error_d2iuq_26", p5 = "_passwordCon_d2iuq_35", V5 = "_eyeicon_d2iuq_43", M5 = "_date_d2iuq_56", Z5 = "_time_d2iuq_57", m5 = "_currency_d2iuq_58", x5 = "_textField_d2iuq_59", _5 = "_calendarIcon_d2iuq_137", b5 = "_clockIcon_d2iuq_138", B5 = "_currencyIcon_d2iuq_139", y5 = "_textFieldIcon_d2iuq_140", N5 = "_unitField_d2iuq_181", I5 = "_unitText_d2iuq_187", S5 = "_active_d2iuq_199", D = {
+}, L5 = "_input_d2iuq_1", H5 = "_error_d2iuq_26", p5 = "_passwordCon_d2iuq_35", V5 = "_eyeicon_d2iuq_43", M5 = "_date_d2iuq_56", Z5 = "_time_d2iuq_57", m5 = "_currency_d2iuq_58", x5 = "_textField_d2iuq_59", _5 = "_calendarIcon_d2iuq_137", b5 = "_clockIcon_d2iuq_138", B5 = "_currencyIcon_d2iuq_139", y5 = "_textFieldIcon_d2iuq_140", N5 = "_unitField_d2iuq_181", I5 = "_unitText_d2iuq_187", S5 = "_active_d2iuq_199", q = {
   input: L5,
   error: H5,
   passwordCon: p5,
@@ -677,7 +677,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
   const _ = (x) => {
     const u = x == null ? void 0 : x.toString().split(".");
     return u[0] = u[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","), u.join(".");
-  }, m = (x) => {
+  }, Z = (x) => {
     const { value: u } = x.target, b = u == null ? void 0 : u.toString().replace(/[^0-9.]/g, ""), S = b.split(".").length - 1;
     let B = b;
     if (S > 1 && (B = b.slice(0, b.lastIndexOf("."))), H(_(B)), v) {
@@ -690,8 +690,8 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
       };
       v($);
     }
-  }, y = [D.input];
-  return s && y.push(D.error), o && y.push(o), /* @__PURE__ */ a("div", { className: D.currency, children: [
+  }, y = [q.input];
+  return s && y.push(q.error), o && y.push(o), /* @__PURE__ */ a("div", { className: q.currency, children: [
     /* @__PURE__ */ C(
       "input",
       {
@@ -704,7 +704,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
         disabled: i,
         readOnly: w,
         required: h,
-        onChange: m,
+        onChange: Z,
         autoComplete: d ? "on" : "off",
         "aria-label": c || t,
         "aria-required": h ? "true" : "false",
@@ -715,7 +715,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
         ...p
       }
     ),
-    /* @__PURE__ */ C("div", { className: D.currencyIcon, children: f || /* @__PURE__ */ C($5, {}) })
+    /* @__PURE__ */ C("div", { className: q.currencyIcon, children: f || /* @__PURE__ */ C($5, {}) })
   ] });
 }, T5 = ({ type: e = "light" }) => e === "thin" ? /* @__PURE__ */ C(
   "svg",
@@ -837,8 +837,8 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     readonly: w,
     autoComplete: d,
     ...f
-  } = e, v = [D.input];
-  return s && v.push(D.error), o && v.push(o), /* @__PURE__ */ a("div", { className: D.date, children: [
+  } = e, v = [q.input];
+  return s && v.push(q.error), o && v.push(o), /* @__PURE__ */ a("div", { className: q.date, children: [
     /* @__PURE__ */ C(
       "input",
       {
@@ -861,7 +861,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
         ...f
       }
     ),
-    /* @__PURE__ */ C("div", { className: D.calendarIcon, children: /* @__PURE__ */ C(T5, { type: "light" }) })
+    /* @__PURE__ */ C("div", { className: q.calendarIcon, children: /* @__PURE__ */ C(T5, { type: "light" }) })
   ] });
 }, k5 = "_dropdown_1g72c_1", E5 = "_lock_1g72c_4", P5 = "_control_1g72c_4", O5 = "_disabled_1g72c_23", R5 = "_labelWrapper_1g72c_28", A5 = "_label_1g72c_28", j5 = "_chevron_1g72c_39", D5 = "_dropdownSelector_1g72c_58", q5 = "_dropdownItem_1g72c_86", W5 = "_active_1g72c_95", F5 = "_circle_1g72c_99", z5 = "_dropdowncircleItem_1g72c_106", U5 = "_circleDraft_1g72c_110", Y5 = "_circleCustom_1g72c_113", G5 = "_circlePending_1g72c_116", K5 = "_circleInProgress_1g72c_119", J5 = "_circleComplete_1g72c_122", X5 = "_divider_1g72c_131", t2 = {
   dropdown: k5,
@@ -975,54 +975,54 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     status: h,
     lock: w,
     onChange: d
-  } = e, [f, v] = O(!1), [p, V] = O(), [H, _] = O(""), [m, y] = O(""), [x, u] = O(0), [b, S] = O(0), B = d2(null);
+  } = e, [f, v] = O(!1), [p, V] = O(), [H, _] = O(""), [Z, y] = O(""), [x, u] = O(0), [b, S] = O(0), B = d2(null);
   G(() => {
-    const I = l[0];
-    I && (n !== void 0 && l.some((T) => T === n || typeof T == "object" && T.value === n) ? V(n) : V(
-      typeof I == "object" ? I.value : I
-    ), typeof I == "object" && (_(I.label || ""), y(
-      I.status ? $(I.status) : ""
+    const N = l[0];
+    N && (n !== void 0 && l.some((T) => T === n || typeof T == "object" && T.value === n) ? V(n) : V(
+      typeof N == "object" ? N.value : N
+    ), typeof N == "object" && (_(N.label || ""), y(
+      N.status ? $(N.status) : ""
     )));
   }, [n, l]), G(() => {
-    for (const I of l) {
+    for (const N of l) {
       let T = null;
-      if (typeof I == "string" ? T = I === p ? I : null : T = I.value === p ? I.label : null, T) {
-        _(T), typeof I == "object" && I.status ? y($(I.status)) : y("");
+      if (typeof N == "string" ? T = N === p ? N : null : T = N.value === p ? N.label : null, T) {
+        _(T), typeof N == "object" && N.status ? y($(N.status)) : y("");
         break;
       }
     }
   }, [p, l, h]), G(() => {
-    const I = (T) => {
+    const N = (T) => {
       B.current && !B.current.contains(T.target) && v(!1);
     };
-    return document.addEventListener("mousedown", I), window.addEventListener("scroll", I), () => {
-      document.removeEventListener("mousedown", I), window.removeEventListener("scroll", I);
+    return document.addEventListener("mousedown", N), window.addEventListener("scroll", N), () => {
+      document.removeEventListener("mousedown", N), window.removeEventListener("scroll", N);
     };
   }, []), G(() => {
-    const I = () => {
+    const N = () => {
       const T = B.current;
       if (!T)
         return;
       const h2 = T.getBoundingClientRect().width;
       u(h2);
     };
-    return window.addEventListener("load", I), I(), () => {
-      window.removeEventListener("load", I);
+    return window.addEventListener("load", N), N(), () => {
+      window.removeEventListener("load", N);
     };
   }, [p, f]), G(() => {
-    const I = () => {
+    const N = () => {
       const T = B.current;
       if (!T)
         return;
       const h2 = T.getBoundingClientRect().y;
       S(h2);
     };
-    return window.addEventListener("scroll", I), I(), () => {
-      window.removeEventListener("scroll", I);
+    return window.addEventListener("scroll", N), N(), () => {
+      window.removeEventListener("scroll", N);
     };
   }, [p, f]);
-  const $ = (I) => {
-    switch (I) {
+  const $ = (N) => {
+    switch (N) {
       case "draft":
         return t2.circleDraft;
       case "pending":
@@ -1036,17 +1036,17 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
       default:
         return "";
     }
-  }, N = [t2.dropdown];
-  o && N.push(o), w && N.push(t2.lock);
-  const q = () => {
+  }, I = [t2.dropdown];
+  o && I.push(o), w && I.push(t2.lock);
+  const R = () => {
     v(!f);
-  }, C2 = (I, T) => {
-    V(T), v(!1), d && d(I, T);
+  }, C2 = (N, T) => {
+    V(T), v(!1), d && d(N, T);
   };
-  return /* @__PURE__ */ a("div", { ref: B, className: W(N), children: [
-    /* @__PURE__ */ a("div", { className: t2.control, onClick: w ? void 0 : q, children: [
+  return /* @__PURE__ */ a("div", { ref: B, className: W(I), children: [
+    /* @__PURE__ */ a("div", { className: t2.control, onClick: w ? void 0 : R, children: [
       p && /* @__PURE__ */ a("div", { className: t2.labelWrapper, children: [
-        H && m && /* @__PURE__ */ C("div", { className: W(t2.circle, m) }),
+        H && Z && /* @__PURE__ */ C("div", { className: W(t2.circle, Z) }),
         /* @__PURE__ */ a("div", { className: t2.label, "aria-label": s, children: [
           H,
           !!p && /* @__PURE__ */ C("div", { className: t2.reset })
@@ -1058,13 +1058,13 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
         !!f && /* @__PURE__ */ C(b2, {})
       ] }) })
     ] }),
-    !!f && /* @__PURE__ */ C(Q5, { extraClassDropdown: i, position: b, width: x, children: l.map((I, T) => /* @__PURE__ */ C(
+    !!f && /* @__PURE__ */ C(Q5, { extraClassDropdown: i, position: b, width: x, children: l.map((N, T) => /* @__PURE__ */ C(
       C9,
       {
         handleSelect: C2,
-        status: typeof I == "object" ? I.status : void 0,
-        label: typeof I == "object" ? I.label : I,
-        value: typeof I == "object" ? I.value : I
+        status: typeof N == "object" ? N.status : void 0,
+        label: typeof N == "object" ? N.label : N,
+        value: typeof N == "object" ? N.value : N
       },
       T
     )) }),
@@ -1150,7 +1150,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     // readonly,
     onChange: v
     // ...args
-  } = e, [p, V] = O(!1), [H, _] = O(), [m, y] = O(""), x = d2(null);
+  } = e, [p, V] = O(!1), [H, _] = O(), [Z, y] = O(""), x = d2(null);
   G(() => {
     _(n);
   }, [n]), G(() => {
@@ -1180,7 +1180,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     /* @__PURE__ */ a("div", { className: f2.control, onClick: b, children: [
       !H && o && /* @__PURE__ */ C("div", { className: f2.placeholder, "aria-label": h, children: o }),
       (H || !o) && /* @__PURE__ */ a("div", { className: f2.label, "aria-label": h, children: [
-        m,
+        Z,
         !!H && /* @__PURE__ */ C("div", { className: f2.reset })
       ] }),
       /* @__PURE__ */ a("div", { className: f2.chevron, children: [
@@ -1233,8 +1233,8 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     readonly: w,
     autoComplete: d,
     ...f
-  } = e, v = [D.input];
-  return s && v.push(D.error), o && v.push(o), /* @__PURE__ */ C(
+  } = e, v = [q.input];
+  return s && v.push(q.error), o && v.push(o), /* @__PURE__ */ C(
     "input",
     {
       className: W(v),
@@ -5036,7 +5036,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     d: "M27.7283 18.8212C27.7518 18.9169 27.7562 19.0163 27.7413 19.1137C27.7264 19.2112 27.6924 19.3047 27.6414 19.389C27.5903 19.4732 27.5231 19.5466 27.4436 19.6049C27.3642 19.6632 27.274 19.7053 27.1783 19.7287L23.8508 20.5462L24.7258 23.8062C24.7513 23.9013 24.7579 24.0006 24.745 24.0982C24.7322 24.1959 24.7003 24.29 24.6511 24.3754C24.6019 24.4607 24.5363 24.5355 24.4582 24.5954C24.3801 24.6554 24.2909 24.6994 24.1958 24.725C24.1325 24.7412 24.0674 24.7496 24.002 24.75C23.8368 24.7501 23.6761 24.6956 23.545 24.595C23.4139 24.4944 23.3197 24.3534 23.277 24.1937L22.2833 20.5L16.7495 17.2987V23.69L19.5295 26.47C19.6032 26.5386 19.6623 26.6214 19.7033 26.7134C19.7443 26.8054 19.7664 26.9047 19.7681 27.0054C19.7699 27.1061 19.7514 27.2062 19.7137 27.2996C19.6759 27.393 19.6198 27.4778 19.5486 27.549C19.4774 27.6202 19.3925 27.6764 19.2991 27.7141C19.2057 27.7518 19.1057 27.7703 19.005 27.7686C18.9043 27.7668 18.805 27.7447 18.713 27.7038C18.621 27.6628 18.5382 27.6037 18.4695 27.53L15.9995 25.0612L13.5295 27.53C13.3874 27.6625 13.1993 27.7346 13.005 27.7311C12.8107 27.7277 12.6253 27.649 12.4879 27.5116C12.3505 27.3742 12.2718 27.1888 12.2684 26.9945C12.2649 26.8002 12.3371 26.6121 12.4695 26.47L15.2495 23.69V17.2987L9.71579 20.5L8.72454 24.2C8.68069 24.3584 8.58598 24.4981 8.45499 24.5975C8.32399 24.6969 8.16396 24.7504 7.99954 24.75C7.93418 24.7496 7.86911 24.7412 7.80579 24.725C7.71066 24.6994 7.62149 24.6554 7.54338 24.5954C7.46526 24.5355 7.39972 24.4607 7.35051 24.3754C7.30129 24.29 7.26936 24.1959 7.25654 24.0982C7.24372 24.0006 7.25026 23.9013 7.27579 23.8062L8.15079 20.5462L4.82329 19.7287C4.63001 19.6813 4.46348 19.5591 4.36034 19.3889C4.25719 19.2187 4.22588 19.0145 4.27329 18.8212C4.3207 18.6279 4.44294 18.4614 4.61313 18.3583C4.78332 18.2551 4.98751 18.2238 5.18079 18.2712L8.95954 19.2L14.4995 16L8.95704 12.8L5.17829 13.7287C5.1198 13.7431 5.05977 13.7502 4.99954 13.75C4.81596 13.7503 4.63862 13.6834 4.50111 13.5617C4.36361 13.4401 4.2755 13.2722 4.25347 13.09C4.23144 12.9077 4.27702 12.7237 4.38158 12.5728C4.48613 12.4219 4.64241 12.3146 4.82079 12.2712L8.14829 11.4537L7.27329 8.19372C7.24551 8.09786 7.23714 7.99743 7.24867 7.89829C7.2602 7.79916 7.2914 7.70333 7.34044 7.61641C7.38948 7.52949 7.45537 7.45323 7.53426 7.3921C7.61315 7.33097 7.70344 7.2862 7.79985 7.26042C7.89626 7.23463 7.99685 7.22834 8.09572 7.24193C8.1946 7.25551 8.28976 7.28869 8.37565 7.33952C8.46153 7.39035 8.53641 7.45781 8.59589 7.53795C8.65537 7.61809 8.69826 7.70929 8.72204 7.80622L9.71329 11.5062L15.2495 14.7012V8.30997L12.4695 5.52997C12.3371 5.38779 12.2649 5.19975 12.2684 5.00545C12.2718 4.81114 12.3505 4.62576 12.4879 4.48835C12.6253 4.35093 12.8107 4.27222 13.005 4.26879C13.1993 4.26537 13.3874 4.33749 13.5295 4.46997L15.9995 6.93872L18.4695 4.46997C18.6117 4.33749 18.7998 4.26537 18.9941 4.26879C19.1884 4.27222 19.3737 4.35093 19.5112 4.48835C19.6486 4.62576 19.7273 4.81114 19.7307 5.00545C19.7341 5.19975 19.662 5.38779 19.5295 5.52997L16.7495 8.30997V14.7012L22.2833 11.5062L23.2745 7.80622C23.2983 7.70929 23.3412 7.61809 23.4007 7.53795C23.4602 7.45781 23.535 7.39035 23.6209 7.33952C23.7068 7.28869 23.802 7.25551 23.9009 7.24193C23.9997 7.22834 24.1003 7.23463 24.1967 7.26042C24.2931 7.2862 24.3834 7.33097 24.4623 7.3921C24.5412 7.45323 24.6071 7.52949 24.6561 7.61641C24.7052 7.70333 24.7364 7.79916 24.7479 7.89829C24.7594 7.99743 24.7511 8.09786 24.7233 8.19372L23.8483 11.4537L27.1758 12.2712C27.354 12.3146 27.5101 12.4217 27.6146 12.5723C27.7192 12.7229 27.765 12.9067 27.7433 13.0887C27.7216 13.2708 27.6339 13.4386 27.4969 13.5605C27.3598 13.6823 27.1829 13.7497 26.9995 13.75C26.9393 13.7502 26.8793 13.7431 26.8208 13.7287L23.042 12.8L17.4995 16L23.042 19.2L26.8208 18.2712C26.9165 18.2477 27.0159 18.2433 27.1133 18.2582C27.2107 18.2731 27.3042 18.3071 27.3885 18.3581C27.4728 18.4092 27.5462 18.4764 27.6045 18.5559C27.6628 18.6353 27.7049 18.7255 27.7283 18.8212Z",
     fill: "currentColor"
   }
-) }), k9 = "_dropdown_zipc0_1", E9 = "_control_zipc0_4", P9 = "_tagHolder_zipc0_24", O9 = "_disabled_zipc0_41", R9 = "_label_zipc0_46", A9 = "_placeholder_zipc0_53", j9 = "_chevron_zipc0_64", D9 = "_dropdownMenu_zipc0_77", q9 = "_tagWrap_zipc0_104", W9 = "_tag_zipc0_24", F9 = "_removeBtn_zipc0_123", z9 = "_dropdownItem_zipc0_134", U9 = "_selected_zipc0_139", Y9 = "_active_zipc0_142", G9 = "_createOptionMessage_zipc0_149", a2 = {
+) }), k9 = "_dropdown_1mi74_1", E9 = "_control_1mi74_4", P9 = "_tagHolder_1mi74_24", O9 = "_disabled_1mi74_41", R9 = "_label_1mi74_46", A9 = "_placeholder_1mi74_53", j9 = "_chevron_1mi74_64", D9 = "_dropdownMenu_1mi74_77", q9 = "_tagWrap_1mi74_104", W9 = "_tag_1mi74_24", F9 = "_removeBtn_1mi74_123", z9 = "_dropdownItem_1mi74_134", U9 = "_selected_1mi74_139", Y9 = "_active_1mi74_142", G9 = "_createOptionMessage_1mi74_149", a2 = {
   dropdown: k9,
   control: E9,
   tagHolder: P9,
@@ -5072,16 +5072,18 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     onMouseEnter: n,
     handleSelect: l,
     isSelected: o,
-    isHighlighted: i
+    isHighlighted: i,
+    id: s
   } = e;
   return /* @__PURE__ */ C(
     "div",
     {
+      id: `${s}`,
       className: `${a2.dropdownItem} ${i ? a2.active : ""}  ${o ? a2.selected : ""}`,
       "data-value": r,
       "aria-label": t,
-      onClick: (s) => {
-        l && l(s, r);
+      onClick: (c) => {
+        l && l(c, r);
       },
       onMouseEnter: n,
       children: t
@@ -5096,31 +5098,32 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     onSearch: o,
     creatable: i = !1,
     onCreateNew: s
-  } = e, [c, h] = O(!1), [w, d] = O(0), [f, v] = O(""), [p, V] = O(l), H = d2(null), _ = d2(null), m = d2(null), [y, x] = O(!1), u = (N) => r.some((q) => q.value === N.value), b = (N) => {
-    u(N) ? n(r.filter((q) => q.value !== N.value)) : n([...r, N]);
+  } = e, [c, h] = O(!1), [w, d] = O(0), [f, v] = O(""), [p, V] = O(l), H = d2(null), _ = d2(null), Z = d2(null), [y, x] = O(!1), u = (I) => r.some((R) => R.value === I.value), b = (I) => {
+    u(I) ? n(r.filter((R) => R.value !== I.value)) : n([...r, I]);
   };
   G(() => {
     c && d(0);
   }, [c]), G(() => {
     c || v("");
   }, [c]), G(() => {
-    const N = (q) => {
-      H.current && !H.current.contains(q.target) && h(!1);
+    const I = (R) => {
+      H.current && !H.current.contains(R.target) && h(!1);
     };
-    return document.addEventListener("mousedown", N), () => {
-      document.removeEventListener("mousedown", N);
+    return document.addEventListener("mousedown", I), () => {
+      document.removeEventListener("mousedown", I);
     };
   }, []), G(() => {
-    var q;
-    const N = (C2) => {
-      if (C2.target !== _.current && C2.target !== m.current)
+    var R;
+    const I = (C2) => {
+      if (C2.target !== _.current && C2.target !== Z.current)
         return;
-      const I = p.filter(
+      const N = p.filter(
         (T) => T.label.toLowerCase().includes(f.toLowerCase())
       );
       switch (C2.code) {
         case "Enter":
-          if (C2.target === m.current && (h((T) => !T), c && I.length > 0 && (b(I[w]), m.current && m.current.blur())), i && f.trim() !== "") {
+        case "Space":
+          if (C2.target === Z.current && (h((T) => !T), c && N.length > 0 && (b(N[w]), Z.current && Z.current.blur()), c && N.length >= 0 && Z.current && Z.current.blur()), i && f.trim() !== "") {
             const T = {
               label: f.trim(),
               value: f.trim().replace(/\s/g, "-")
@@ -5130,12 +5133,12 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
           break;
         case "ArrowUp":
           C2.preventDefault(), c ? d(
-            (T) => T > 0 ? T - 1 : I.length - 1
+            (T) => T > 0 ? T - 1 : N.length - 1
           ) : h(!0);
           break;
         case "ArrowDown":
           C2.preventDefault(), c ? d(
-            (T) => T < I.length - 1 ? T + 1 : 0
+            (T) => T < N.length - 1 ? T + 1 : 0
           ) : h(!0);
           break;
         case "Escape":
@@ -5143,15 +5146,15 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
           break;
       }
     };
-    return (q = _.current) == null || q.addEventListener("keydown", N), () => {
+    return (R = _.current) == null || R.addEventListener("keydown", I), () => {
       var C2;
-      (C2 = _.current) == null || C2.removeEventListener("keydown", N);
+      (C2 = _.current) == null || C2.removeEventListener("keydown", I);
     };
   }, [c, w, l, f, b, i, s]);
   const S = l.filter(
-    (N) => N.label.toLowerCase().includes(f.toLowerCase())
+    (I) => I.label.toLowerCase().includes(f.toLowerCase())
   ), B = () => {
-    h((N) => !N), x(!y), !c && m.current ? m.current.focus() : m.current.blur();
+    h((I) => !I), x(!y), !c && Z.current ? Z.current.focus() : Z.current.blur();
   };
   G(() => {
     o && o(f);
@@ -5168,24 +5171,24 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
         children: [
           !c && r.length === 0 && /* @__PURE__ */ C("span", { className: a2.placeholder, children: t }),
           /* @__PURE__ */ a("div", { className: a2.tagHolder, children: [
-            r.map((N) => /* @__PURE__ */ C(
+            r.map((I) => /* @__PURE__ */ C(
               K9,
               {
-                label: N.label,
-                onRemove: (q) => {
-                  q.stopPropagation(), b(N);
+                label: I.label,
+                onRemove: (R) => {
+                  R.stopPropagation(), b(I);
                 }
               },
-              N.value
+              I.value
             )),
             /* @__PURE__ */ C(
               "input",
               {
                 type: "text",
                 className: a2.input,
-                ref: m,
+                ref: Z,
                 value: f,
-                onChange: (N) => v(N.target.value)
+                onChange: (I) => v(I.target.value)
               }
             )
           ] }),
@@ -5195,33 +5198,35 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     ),
     i ? /* @__PURE__ */ C(l2, { children: !!c && /* @__PURE__ */ a("div", { className: a2.dropdownMenu, children: [
       i && S.length === 0 && /* @__PURE__ */ C("div", { className: a2.createOptionMessage, children: "Press Enter to create new" }),
-      S.length > 0 && S.map((N, q) => /* @__PURE__ */ C(
+      S.length > 0 && S.map((I, R) => /* @__PURE__ */ C(
         r1,
         {
-          onMouseEnter: () => d(q),
-          label: N.label,
-          value: N.value,
+          id: `${R}`,
+          onMouseEnter: () => d(R),
+          label: I.label,
+          value: I.value,
           handleSelect: (C2) => {
-            C2.stopPropagation(), b(N);
+            C2.stopPropagation(), b(I);
           },
-          isSelected: u(N),
-          isHighlighted: q === w
+          isSelected: u(I),
+          isHighlighted: R === w
         },
-        N.value
+        I.value
       ))
-    ] }) }) : /* @__PURE__ */ C(l2, { children: !!c && S.length > 0 && /* @__PURE__ */ C("div", { className: a2.dropdownMenu, children: S.length > 0 && S.map((N, q) => /* @__PURE__ */ C(
+    ] }) }) : /* @__PURE__ */ C(l2, { children: !!c && S.length > 0 && /* @__PURE__ */ C("div", { className: a2.dropdownMenu, children: S.length > 0 && S.map((I, R) => /* @__PURE__ */ C(
       r1,
       {
-        onMouseEnter: () => d(q),
-        label: N.label,
-        value: N.value,
+        id: `${R}`,
+        onMouseEnter: () => d(R),
+        label: I.label,
+        value: I.value,
         handleSelect: (C2) => {
-          C2.stopPropagation(), b(N);
+          C2.stopPropagation(), b(I);
         },
-        isSelected: u(N),
-        isHighlighted: q === w
+        isSelected: u(I),
+        isHighlighted: R === w
       },
-      N.value
+      I.value
     )) }) })
   ] });
 }, J9 = "_dropdown_lj0gp_1", X9 = "_textField_lj0gp_4", Q9 = "_textFieldIcon_lj0gp_10", C7 = "_control_lj0gp_23", e7 = "_disabled_lj0gp_40", t7 = "_label_lj0gp_45", r7 = "_placeholder_lj0gp_52", n7 = "_chevron_lj0gp_63", i7 = "_customLoader_lj0gp_78", l7 = "_dropdownSelector_lj0gp_95", o7 = "_dropdownItem_lj0gp_122", s7 = "_active_lj0gp_126", a7 = "_createOptionMessage_lj0gp_130", c7 = "_chevronArrow_lj0gp_136", s2 = {
@@ -5280,13 +5285,13 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     autoComplete: V,
     creatable: H,
     onCreateNew: _,
-    onSearch: m,
+    onSearch: Z,
     isLoading: y,
     ...x
-  } = e, [u, b] = O(!1), [S, B] = O(""), [$, N] = O([]), q = d2(null);
+  } = e, [u, b] = O(!1), [S, B] = O(""), [$, I] = O([]), R = d2(null);
   G(() => {
     const k = (r2) => {
-      q.current && !q.current.contains(r2.target) && b(!1);
+      R.current && !R.current.contains(r2.target) && b(!1);
     };
     return document.addEventListener("mousedown", k), () => {
       document.removeEventListener("mousedown", k);
@@ -5294,21 +5299,21 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
   }, []);
   const C2 = [s2.dropdown];
   h && C2.push(s2.error), s && C2.push(s), c && C2.push(s2.disabled);
-  const I = (k) => {
+  const N = (k) => {
     b(!u), p && p(k);
   }, T = (k, r2, M2) => {
     B(M2), b(!1), v && v(k, r2);
   };
   G(() => {
-    N(o);
+    I(o);
   }, [o]), G(() => {
-    if (m)
-      m(S);
+    if (Z)
+      Z(S);
     else {
       let k = [];
       S ? o.map((r2) => {
         typeof r2 == "string" ? r2.toLowerCase().indexOf(S.toString().toLowerCase()) >= 0 && k.push(r2) : r2.label && r2.label.toLowerCase().indexOf(S.toString().toLowerCase()) >= 0 && k.push(r2);
-      }) : k = [...o], N(k);
+      }) : k = [...o], I(k);
     }
   }, [S]), G(() => {
     n && B(n);
@@ -5316,7 +5321,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
   const h2 = (k) => {
     _ && _(S, k);
   };
-  return /* @__PURE__ */ a("div", { ref: q, className: W(C2), children: [
+  return /* @__PURE__ */ a("div", { ref: R, className: W(C2), children: [
     /* @__PURE__ */ a("div", { className: `${s2.control} control ${l ? s2.textField : ""}`, children: [
       !!l && /* @__PURE__ */ C("div", { className: s2.textFieldIcon, children: l }),
       /* @__PURE__ */ C(
@@ -5329,7 +5334,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
           onChange: (k) => {
             B(k.target.value);
           },
-          onClick: I,
+          onClick: N,
           onKeyUp: (k) => {
             H && k.key === "Enter" && (k.preventDefault(), b(!1), h2(k));
           },
@@ -5394,8 +5399,8 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     ...f
   } = e, [v, p] = O("password"), V = () => {
     p(v === "password" ? "text" : "password");
-  }, H = [D.input];
-  return s && H.push(D.error), o && H.push(o), /* @__PURE__ */ a("div", { className: D.passwordCon, children: [
+  }, H = [q.input];
+  return s && H.push(q.error), o && H.push(o), /* @__PURE__ */ a("div", { className: q.passwordCon, children: [
     /* @__PURE__ */ C(
       "input",
       {
@@ -5418,7 +5423,7 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
         ...f
       }
     ),
-    /* @__PURE__ */ C("span", { onClick: V, className: D.eyeicon, children: v == "password" ? /* @__PURE__ */ C(y9, { type: "regular" }) : /* @__PURE__ */ C(N9, { type: "regular" }) })
+    /* @__PURE__ */ C("span", { onClick: V, className: q.eyeicon, children: v == "password" ? /* @__PURE__ */ C(y9, { type: "regular" }) : /* @__PURE__ */ C(N9, { type: "regular" }) })
   ] });
 }, h7 = "_radioSet_19ptn_1", d7 = "_container_19ptn_5", w7 = "_radioHolder_19ptn_9", f7 = "_error_19ptn_21", u7 = "_disabled_19ptn_24", g7 = "_radio_19ptn_1", v7 = "_circle_19ptn_53", L2 = {
   radioSet: h7,
@@ -5444,14 +5449,14 @@ const c5 = "_checkboxHolder_y95sn_1", h5 = "_error_y95sn_12", d5 = "_disabled_y9
     readonly: f,
     onChange: v,
     ...p
-  } = e, [V, H] = O(!1), _ = ["radio", L2.radio], m = ["radioHolder", L2.radioHolder];
-  s && _.push(s), c && m.push(L2.disabled), h && (_.push(L2.error), m.push(L2.error)), G(() => {
+  } = e, [V, H] = O(!1), _ = ["radio", L2.radio], Z = ["radioHolder", L2.radioHolder];
+  s && _.push(s), c && Z.push(L2.disabled), h && (_.push(L2.error), Z.push(L2.error)), G(() => {
     H(n || !1);
   }, [n]);
   const y = (x) => {
     V || (H(!0), v && v(x, !0));
   };
-  return /* @__PURE__ */ a("div", { className: W(m), children: [
+  return /* @__PURE__ */ a("div", { className: W(Z), children: [
     /* @__PURE__ */ a("div", { className: W(_), children: [
       /* @__PURE__ */ C(
         "input",
@@ -5511,7 +5516,7 @@ function p7() {
   if (o1)
     return J;
   o1 = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, l = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, w = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, p = e ? Symbol.for("react.lazy") : 60116, V = e ? Symbol.for("react.block") : 60121, H = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, m = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, l = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, w = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, p = e ? Symbol.for("react.lazy") : 60116, V = e ? Symbol.for("react.block") : 60121, H = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, Z = e ? Symbol.for("react.scope") : 60119;
   function y(u) {
     if (typeof u == "object" && u !== null) {
       var b = u.$$typeof;
@@ -5570,7 +5575,7 @@ function p7() {
   }, J.isSuspense = function(u) {
     return y(u) === d;
   }, J.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === n || u === h || u === o || u === l || u === d || u === f || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === v || u.$$typeof === i || u.$$typeof === s || u.$$typeof === w || u.$$typeof === H || u.$$typeof === _ || u.$$typeof === m || u.$$typeof === V);
+    return typeof u == "string" || typeof u == "function" || u === n || u === h || u === o || u === l || u === d || u === f || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === v || u.$$typeof === i || u.$$typeof === s || u.$$typeof === w || u.$$typeof === H || u.$$typeof === _ || u.$$typeof === Z || u.$$typeof === V);
   }, J.typeOf = y, J;
 }
 var X = {};
@@ -5585,10 +5590,10 @@ var X = {};
 var s1;
 function V7() {
   return s1 || (s1 = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, l = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, w = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, p = e ? Symbol.for("react.lazy") : 60116, V = e ? Symbol.for("react.block") : 60121, H = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, m = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, l = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, w = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, p = e ? Symbol.for("react.lazy") : 60116, V = e ? Symbol.for("react.block") : 60121, H = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, Z = e ? Symbol.for("react.scope") : 60119;
     function y(M) {
       return typeof M == "string" || typeof M == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      M === n || M === h || M === o || M === l || M === d || M === f || typeof M == "object" && M !== null && (M.$$typeof === p || M.$$typeof === v || M.$$typeof === i || M.$$typeof === s || M.$$typeof === w || M.$$typeof === H || M.$$typeof === _ || M.$$typeof === m || M.$$typeof === V);
+      M === n || M === h || M === o || M === l || M === d || M === f || typeof M == "object" && M !== null && (M.$$typeof === p || M.$$typeof === v || M.$$typeof === i || M.$$typeof === s || M.$$typeof === w || M.$$typeof === H || M.$$typeof === _ || M.$$typeof === Z || M.$$typeof === V);
     }
     function x(M) {
       if (typeof M == "object" && M !== null) {
@@ -5622,20 +5627,20 @@ function V7() {
         }
       }
     }
-    var u = c, b = h, S = s, B = i, $ = t, N = w, q = n, C2 = p, I = v, T = r, h2 = o, k = l, r2 = d, M2 = !1;
+    var u = c, b = h, S = s, B = i, $ = t, I = w, R = n, C2 = p, N = v, T = r, h2 = o, k = l, r2 = d, M2 = !1;
     function k2(M) {
       return M2 || (M2 = !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.")), L(M) || x(M) === c;
     }
     function L(M) {
       return x(M) === h;
     }
-    function Z(M) {
+    function m(M) {
       return x(M) === s;
     }
-    function j(M) {
+    function D(M) {
       return x(M) === i;
     }
-    function R(M) {
+    function A(M) {
       return typeof M == "object" && M !== null && M.$$typeof === t;
     }
     function E(M) {
@@ -5647,7 +5652,7 @@ function V7() {
     function P(M) {
       return x(M) === p;
     }
-    function A(M) {
+    function j(M) {
       return x(M) === v;
     }
     function z(M) {
@@ -5662,7 +5667,7 @@ function V7() {
     function c2(M) {
       return x(M) === d;
     }
-    X.AsyncMode = u, X.ConcurrentMode = b, X.ContextConsumer = S, X.ContextProvider = B, X.Element = $, X.ForwardRef = N, X.Fragment = q, X.Lazy = C2, X.Memo = I, X.Portal = T, X.Profiler = h2, X.StrictMode = k, X.Suspense = r2, X.isAsyncMode = k2, X.isConcurrentMode = L, X.isContextConsumer = Z, X.isContextProvider = j, X.isElement = R, X.isForwardRef = E, X.isFragment = F, X.isLazy = P, X.isMemo = A, X.isPortal = z, X.isProfiler = Q, X.isStrictMode = U, X.isSuspense = c2, X.isValidElementType = y, X.typeOf = x;
+    X.AsyncMode = u, X.ConcurrentMode = b, X.ContextConsumer = S, X.ContextProvider = B, X.Element = $, X.ForwardRef = I, X.Fragment = R, X.Lazy = C2, X.Memo = N, X.Portal = T, X.Profiler = h2, X.StrictMode = k, X.Suspense = r2, X.isAsyncMode = k2, X.isConcurrentMode = L, X.isContextConsumer = m, X.isContextProvider = D, X.isElement = A, X.isForwardRef = E, X.isFragment = F, X.isLazy = P, X.isMemo = j, X.isPortal = z, X.isProfiler = Q, X.isStrictMode = U, X.isSuspense = c2, X.isValidElementType = y, X.typeOf = x;
   }()), X;
 }
 var a1;
@@ -5804,9 +5809,9 @@ function m7() {
   return A2 = function(s, c) {
     var h = typeof Symbol == "function" && Symbol.iterator, w = "@@iterator";
     function d(L) {
-      var Z = L && (h && L[h] || L[w]);
-      if (typeof Z == "function")
-        return Z;
+      var m = L && (h && L[h] || L[w]);
+      if (typeof m == "function")
+        return m;
     }
     var f = "<<anonymous>>", v = {
       array: _("array"),
@@ -5817,51 +5822,51 @@ function m7() {
       object: _("object"),
       string: _("string"),
       symbol: _("symbol"),
-      any: m(),
+      any: Z(),
       arrayOf: y,
       element: x(),
       elementType: u(),
       instanceOf: b,
-      node: N(),
+      node: I(),
       objectOf: B,
       oneOf: S,
       oneOfType: $,
       shape: C2,
-      exact: I
+      exact: N
     };
-    function p(L, Z) {
-      return L === Z ? L !== 0 || 1 / L === 1 / Z : L !== L && Z !== Z;
+    function p(L, m) {
+      return L === m ? L !== 0 || 1 / L === 1 / m : L !== L && m !== m;
     }
-    function V(L, Z) {
-      this.message = L, this.data = Z && typeof Z == "object" ? Z : {}, this.stack = "";
+    function V(L, m) {
+      this.message = L, this.data = m && typeof m == "object" ? m : {}, this.stack = "";
     }
     V.prototype = Error.prototype;
     function H(L) {
       if (process.env.NODE_ENV !== "production")
-        var Z = {}, j = 0;
-      function R(F, P, A, z, Q, U, c2) {
-        if (z = z || f, U = U || A, c2 !== r) {
+        var m = {}, D = 0;
+      function A(F, P, j, z, Q, U, c2) {
+        if (z = z || f, U = U || j, c2 !== r) {
           if (c) {
             var M = 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 M.name = "Invariant Violation", M;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var u2 = z + ":" + A;
-            !Z[u2] && // Avoid spamming the console because they are often not actionable except for lib authors
-            j < 3 && (o(
+            var u2 = z + ":" + j;
+            !m[u2] && // Avoid spamming the console because they are often not actionable except for lib authors
+            D < 3 && (o(
               "You are manually calling a React.PropTypes validation function for the `" + U + "` 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."
-            ), Z[u2] = !0, j++);
+            ), m[u2] = !0, D++);
           }
         }
-        return P[A] == null ? F ? P[A] === null ? new V("The " + Q + " `" + U + "` is marked as required " + ("in `" + z + "`, but its value is `null`.")) : new V("The " + Q + " `" + U + "` is marked as required in " + ("`" + z + "`, but its value is `undefined`.")) : null : L(P, A, z, Q, U);
+        return P[j] == null ? F ? P[j] === null ? new V("The " + Q + " `" + U + "` is marked as required " + ("in `" + z + "`, but its value is `null`.")) : new V("The " + Q + " `" + U + "` is marked as required in " + ("`" + z + "`, but its value is `undefined`.")) : null : L(P, j, z, Q, U);
       }
-      var E = R.bind(null, !1);
-      return E.isRequired = R.bind(null, !0), E;
+      var E = A.bind(null, !1);
+      return E.isRequired = A.bind(null, !0), E;
     }
     function _(L) {
-      function Z(j, R, E, F, P, A) {
-        var z = j[R], Q = k(z);
+      function m(D, A, E, F, P, j) {
+        var z = D[A], Q = k(z);
         if (Q !== L) {
           var U = r2(z);
           return new V(
@@ -5871,167 +5876,167 @@ function m7() {
         }
         return null;
       }
-      return H(Z);
+      return H(m);
     }
-    function m() {
+    function Z() {
       return H(i);
     }
     function y(L) {
-      function Z(j, R, E, F, P) {
+      function m(D, A, E, F, P) {
         if (typeof L != "function")
           return new V("Property `" + P + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
-        var A = j[R];
-        if (!Array.isArray(A)) {
-          var z = k(A);
+        var j = D[A];
+        if (!Array.isArray(j)) {
+          var z = k(j);
           return new V("Invalid " + F + " `" + P + "` of type " + ("`" + z + "` supplied to `" + E + "`, expected an array."));
         }
-        for (var Q = 0; Q < A.length; Q++) {
-          var U = L(A, Q, E, F, P + "[" + Q + "]", r);
+        for (var Q = 0; Q < j.length; Q++) {
+          var U = L(j, Q, E, F, P + "[" + Q + "]", r);
           if (U instanceof Error)
             return U;
         }
         return null;
       }
-      return H(Z);
+      return H(m);
     }
     function x() {
-      function L(Z, j, R, E, F) {
-        var P = Z[j];
+      function L(m, D, A, E, F) {
+        var P = m[D];
         if (!s(P)) {
-          var A = k(P);
-          return new V("Invalid " + E + " `" + F + "` of type " + ("`" + A + "` supplied to `" + R + "`, expected a single ReactElement."));
+          var j = k(P);
+          return new V("Invalid " + E + " `" + F + "` of type " + ("`" + j + "` supplied to `" + A + "`, expected a single ReactElement."));
         }
         return null;
       }
       return H(L);
     }
     function u() {
-      function L(Z, j, R, E, F) {
-        var P = Z[j];
+      function L(m, D, A, E, F) {
+        var P = m[D];
         if (!e.isValidElementType(P)) {
-          var A = k(P);
-          return new V("Invalid " + E + " `" + F + "` of type " + ("`" + A + "` supplied to `" + R + "`, expected a single ReactElement type."));
+          var j = k(P);
+          return new V("Invalid " + E + " `" + F + "` of type " + ("`" + j + "` supplied to `" + A + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return H(L);
     }
     function b(L) {
-      function Z(j, R, E, F, P) {
-        if (!(j[R] instanceof L)) {
-          var A = L.name || f, z = k2(j[R]);
-          return new V("Invalid " + F + " `" + P + "` of type " + ("`" + z + "` supplied to `" + E + "`, expected ") + ("instance of `" + A + "`."));
+      function m(D, A, E, F, P) {
+        if (!(D[A] instanceof L)) {
+          var j = L.name || f, z = k2(D[A]);
+          return new V("Invalid " + F + " `" + P + "` of type " + ("`" + z + "` supplied to `" + E + "`, expected ") + ("instance of `" + j + "`."));
         }
         return null;
       }
-      return H(Z);
+      return H(m);
     }
     function S(L) {
       if (!Array.isArray(L))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "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])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), i;
-      function Z(j, R, E, F, P) {
-        for (var A = j[R], z = 0; z < L.length; z++)
-          if (p(A, L[z]))
+      function m(D, A, E, F, P) {
+        for (var j = D[A], z = 0; z < L.length; z++)
+          if (p(j, L[z]))
             return null;
         var Q = JSON.stringify(L, function(c2, M) {
           var u2 = r2(M);
           return u2 === "symbol" ? String(M) : M;
         });
-        return new V("Invalid " + F + " `" + P + "` of value `" + String(A) + "` " + ("supplied to `" + E + "`, expected one of " + Q + "."));
+        return new V("Invalid " + F + " `" + P + "` of value `" + String(j) + "` " + ("supplied to `" + E + "`, expected one of " + Q + "."));
       }
-      return H(Z);
+      return H(m);
     }
     function B(L) {
-      function Z(j, R, E, F, P) {
+      function m(D, A, E, F, P) {
         if (typeof L != "function")
           return new V("Property `" + P + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
-        var A = j[R], z = k(A);
+        var j = D[A], z = k(j);
         if (z !== "object")
           return new V("Invalid " + F + " `" + P + "` of type " + ("`" + z + "` supplied to `" + E + "`, expected an object."));
-        for (var Q in A)
-          if (n(A, Q)) {
-            var U = L(A, Q, E, F, P + "." + Q, r);
+        for (var Q in j)
+          if (n(j, Q)) {
+            var U = L(j, Q, E, F, P + "." + Q, r);
             if (U instanceof Error)
               return U;
           }
         return null;
       }
-      return H(Z);
+      return H(m);
     }
     function $(L) {
       if (!Array.isArray(L))
         return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), i;
-      for (var Z = 0; Z < L.length; Z++) {
-        var j = L[Z];
-        if (typeof j != "function")
+      for (var m = 0; m < L.length; m++) {
+        var D = L[m];
+        if (typeof D != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + M2(j) + " at index " + Z + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + M2(D) + " at index " + m + "."
           ), i;
       }
-      function R(E, F, P, A, z) {
+      function A(E, F, P, j, z) {
         for (var Q = [], U = 0; U < L.length; U++) {
-          var c2 = L[U], M = c2(E, F, P, A, z, r);
+          var c2 = L[U], M = c2(E, F, P, j, z, r);
           if (M == null)
             return null;
           M.data && n(M.data, "expectedType") && Q.push(M.data.expectedType);
         }
         var u2 = Q.length > 0 ? ", expected one of type [" + Q.join(", ") + "]" : "";
-        return new V("Invalid " + A + " `" + z + "` supplied to " + ("`" + P + "`" + u2 + "."));
+        return new V("Invalid " + j + " `" + z + "` supplied to " + ("`" + P + "`" + u2 + "."));
       }
-      return H(R);
+      return H(A);
     }
-    function N() {
-      function L(Z, j, R, E, F) {
-        return T(Z[j]) ? null : new V("Invalid " + E + " `" + F + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
+    function I() {
+      function L(m, D, A, E, F) {
+        return T(m[D]) ? null : new V("Invalid " + E + " `" + F + "` supplied to " + ("`" + A + "`, expected a ReactNode."));
       }
       return H(L);
     }
-    function q(L, Z, j, R, E) {
+    function R(L, m, D, A, E) {
       return new V(
-        (L || "React class") + ": " + Z + " type `" + j + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`."
+        (L || "React class") + ": " + m + " type `" + D + "." + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`."
       );
     }
     function C2(L) {
-      function Z(j, R, E, F, P) {
-        var A = j[R], z = k(A);
+      function m(D, A, E, F, P) {
+        var j = D[A], z = k(j);
         if (z !== "object")
           return new V("Invalid " + F + " `" + P + "` of type `" + z + "` " + ("supplied to `" + E + "`, expected `object`."));
         for (var Q in L) {
           var U = L[Q];
           if (typeof U != "function")
-            return q(E, F, P, Q, r2(U));
-          var c2 = U(A, Q, E, F, P + "." + Q, r);
+            return R(E, F, P, Q, r2(U));
+          var c2 = U(j, Q, E, F, P + "." + Q, r);
           if (c2)
             return c2;
         }
         return null;
       }
-      return H(Z);
+      return H(m);
     }
-    function I(L) {
-      function Z(j, R, E, F, P) {
-        var A = j[R], z = k(A);
+    function N(L) {
+      function m(D, A, E, F, P) {
+        var j = D[A], z = k(j);
         if (z !== "object")
           return new V("Invalid " + F + " `" + P + "` of type `" + z + "` " + ("supplied to `" + E + "`, expected `object`."));
-        var Q = t({}, j[R], L);
+        var Q = t({}, D[A], L);
         for (var U in Q) {
           var c2 = L[U];
           if (n(L, U) && typeof c2 != "function")
-            return q(E, F, P, U, r2(c2));
+            return R(E, F, P, U, r2(c2));
           if (!c2)
             return new V(
-              "Invalid " + F + " `" + P + "` key `" + U + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(j[R], null, "  ") + `
+              "Invalid " + F + " `" + P + "` key `" + U + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(D[A], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(L), null, "  ")
             );
-          var M = c2(A, U, E, F, P + "." + U, r);
+          var M = c2(j, U, E, F, P + "." + U, r);
           if (M)
             return M;
         }
         return null;
       }
-      return H(Z);
+      return H(m);
     }
     function T(L) {
       switch (typeof L) {
@@ -6046,16 +6051,16 @@ Valid keys: ` + JSON.stringify(Object.keys(L), null, "  ")
             return L.every(T);
           if (L === null || s(L))
             return !0;
-          var Z = d(L);
-          if (Z) {
-            var j = Z.call(L), R;
-            if (Z !== L.entries) {
-              for (; !(R = j.next()).done; )
-                if (!T(R.value))
+          var m = d(L);
+          if (m) {
+            var D = m.call(L), A;
+            if (m !== L.entries) {
+              for (; !(A = D.next()).done; )
+                if (!T(A.value))
                   return !1;
             } else
-              for (; !(R = j.next()).done; ) {
-                var E = R.value;
+              for (; !(A = D.next()).done; ) {
+                var E = A.value;
                 if (E && !T(E[1]))
                   return !1;
               }
@@ -6066,37 +6071,37 @@ Valid keys: ` + JSON.stringify(Object.keys(L), null, "  ")
           return !1;
       }
     }
-    function h2(L, Z) {
-      return L === "symbol" ? !0 : Z ? Z["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && Z instanceof Symbol : !1;
+    function h2(L, m) {
+      return L === "symbol" ? !0 : m ? m["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && m instanceof Symbol : !1;
     }
     function k(L) {
-      var Z = typeof L;
-      return Array.isArray(L) ? "array" : L instanceof RegExp ? "object" : h2(Z, L) ? "symbol" : Z;
+      var m = typeof L;
+      return Array.isArray(L) ? "array" : L instanceof RegExp ? "object" : h2(m, L) ? "symbol" : m;
     }
     function r2(L) {
       if (typeof L > "u" || L === null)
         return "" + L;
-      var Z = k(L);
-      if (Z === "object") {
+      var m = k(L);
+      if (m === "object") {
         if (L instanceof Date)
           return "date";
         if (L instanceof RegExp)
           return "regexp";
       }
-      return Z;
+      return m;
     }
     function M2(L) {
-      var Z = r2(L);
-      switch (Z) {
+      var m = r2(L);
+      switch (m) {
         case "array":
         case "object":
-          return "an " + Z;
+          return "an " + m;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + Z;
+          return "a " + m;
         default:
-          return Z;
+          return m;
       }
     }
     function k2(L) {
@@ -6335,14 +6340,14 @@ var g = z2.exports, U2 = globalThis && globalThis.__assign || function() {
     }
     c.handlers = [];
   }, n = function(i, s, c) {
-    var h = function(m) {
-      return c !== void 0 ? c(m) : console.error(m);
+    var h = function(Z) {
+      return c !== void 0 ? c(Z) : console.error(Z);
     };
     if (i.length === 0) {
       h(new Error("At least one script must be provided"));
       return;
     }
-    for (var w = 0, d = !1, f = function(m, y) {
+    for (var w = 0, d = !1, f = function(Z, y) {
       d || (y ? (d = !0, h(y)) : ++w === i.length && s());
     }, v = 0, p = i; v < p.length; v++) {
       var V = p[v], H = t[V.src];
@@ -6481,8 +6486,8 @@ var g = z2.exports, U2 = globalThis && globalThis.__assign || function() {
           }, init_instance_callback: function(p) {
             var V, H, _ = i.getInitialValue();
             i.currentContent = (V = i.currentContent) !== null && V !== void 0 ? V : p.getContent(), i.currentContent !== _ && (i.currentContent = _, p.setContent(_), p.undoManager.clear(), p.undoManager.add(), p.setDirty(!1));
-            var m = (H = i.props.disabled) !== null && H !== void 0 ? H : !1;
-            V1(i.editor, m ? "readonly" : "design"), i.props.init && D2(i.props.init.init_instance_callback) && i.props.init.init_instance_callback(p);
+            var Z = (H = i.props.disabled) !== null && H !== void 0 ? H : !1;
+            V1(i.editor, Z ? "readonly" : "design"), i.props.init && D2(i.props.init.init_instance_callback) && i.props.init.init_instance_callback(p);
           } });
           i.inline || (d.style.visibility = ""), H1(d) && (d.value = i.getInitialValue()), f.init(v);
         }
@@ -6613,7 +6618,7 @@ const K3 = (e) => {
     onClick: V,
     onChange: H,
     onFocus: _,
-    onBlur: m,
+    onBlur: Z,
     ...y
   } = e, [x, u] = O(n), b = [l1.holder];
   return l && b.push(l), /* @__PURE__ */ a("div", { className: W(b), children: [
@@ -6655,7 +6660,7 @@ const K3 = (e) => {
           V && V(S);
         },
         onBlur: (S) => {
-          m && m(S);
+          Z && Z(S);
         },
         onFocus: (S) => {
           _ && _(S);
@@ -6706,9 +6711,9 @@ const K3 = (e) => {
     maxLength: p,
     onChange: V,
     ...H
-  } = e, [_, m] = O(""), y = (u) => {
+  } = e, [_, Z] = O(""), y = (u) => {
     var b;
-    m((b = u.target) == null ? void 0 : b.value), V && V(u);
+    Z((b = u.target) == null ? void 0 : b.value), V && V(u);
   }, x = [W2.textarea];
   return s && x.push(W2.error), o && x.push(o), /* @__PURE__ */ a(l2, { children: [
     /* @__PURE__ */ C(
@@ -6755,8 +6760,8 @@ const K3 = (e) => {
     autoComplete: d,
     icon: f,
     ...v
-  } = e, p = [D.input];
-  return s && p.push(D.error), o && p.push(o), /* @__PURE__ */ a("div", { className: `${f ? D.textField : ""}`, children: [
+  } = e, p = [q.input];
+  return s && p.push(q.error), o && p.push(o), /* @__PURE__ */ a("div", { className: `${f ? q.textField : ""}`, children: [
     /* @__PURE__ */ C(
       "input",
       {
@@ -6779,7 +6784,7 @@ const K3 = (e) => {
         ...v
       }
     ),
-    !!f && /* @__PURE__ */ C("div", { className: D.textFieldIcon, children: f })
+    !!f && /* @__PURE__ */ C("div", { className: q.textFieldIcon, children: f })
   ] });
 }, Q3 = (e) => {
   const {
@@ -6798,15 +6803,15 @@ const K3 = (e) => {
     formatter: v = !0,
     onChange: p,
     ...V
-  } = e, H = d2(null), [_, m] = O("");
+  } = e, H = d2(null), [_, Z] = O("");
   G(() => {
     if (v) {
       if (d) {
         const b = d == null ? void 0 : d.toString().replace(/[^0-9.]/g, "");
-        m(y(b));
+        Z(y(b));
       }
     } else
-      m(d);
+      Z(d);
   }, [d]);
   const y = (b) => {
     if (v) {
@@ -6817,10 +6822,10 @@ const K3 = (e) => {
     const { value: S } = b.target;
     let B = "";
     if (S) {
-      const $ = S == null ? void 0 : S.toString().replace(/[^0-9.]/g, ""), N = $.split(".").length - 1;
-      B = $, N > 1 && (B = $.slice(0, $.lastIndexOf(".")));
+      const $ = S == null ? void 0 : S.toString().replace(/[^0-9.]/g, ""), I = $.split(".").length - 1;
+      B = $, I > 1 && (B = $.slice(0, $.lastIndexOf(".")));
     }
-    if (m(y(B)), p) {
+    if (Z(y(B)), p) {
       const $ = {
         ...b,
         target: {
@@ -6839,8 +6844,8 @@ const K3 = (e) => {
       S && S.removeEventListener("wheel", b);
     };
   }, [f]);
-  const u = [D.input];
-  return i && u.push(D.error), l && u.push(l), /* @__PURE__ */ C(
+  const u = [q.input];
+  return i && u.push(q.error), l && u.push(l), /* @__PURE__ */ C(
     "input",
     {
       className: W(u),
@@ -6881,7 +6886,7 @@ const K3 = (e) => {
     formatter: v = !0,
     onChange: p,
     ...V
-  } = e, [H, _] = O(0), m = d2(null), [y, x] = O("");
+  } = e, [H, _] = O(0), Z = d2(null), [y, x] = O("");
   G(() => {
     if (v) {
       if (n) {
@@ -6898,29 +6903,29 @@ const K3 = (e) => {
     }
   }, b = (B) => {
     const { value: $ } = B.target;
-    let N = "";
+    let I = "";
     if ($) {
-      const q = $ == null ? void 0 : $.toString().replace(/[^0-9.]/g, ""), C2 = q.split(".").length - 1;
-      N = q, C2 > 1 && (N = q.slice(0, q.lastIndexOf(".")));
+      const R = $ == null ? void 0 : $.toString().replace(/[^0-9.]/g, ""), C2 = R.split(".").length - 1;
+      I = R, C2 > 1 && (I = R.slice(0, R.lastIndexOf(".")));
     }
-    if (x(u(N)), p) {
-      const q = {
+    if (x(u(I)), p) {
+      const R = {
         ...B,
         target: {
           ...B.target,
-          value: N
+          value: I
         }
       };
-      p(q);
+      p(R);
     }
   };
   G(() => {
-    var N;
-    const B = document.getElementById(`unitTextWidth ${r}`), $ = ((N = m.current) == null ? void 0 : N.offsetWidth) || 0;
+    var I;
+    const B = document.getElementById(`unitTextWidth ${r}`), $ = ((I = Z.current) == null ? void 0 : I.offsetWidth) || 0;
     B && _($ + 16);
   }, [r, f]);
-  const S = [D.input];
-  return s && S.push(D.error), o && S.push(o), /* @__PURE__ */ a("div", { className: `${D.unitField}`, children: [
+  const S = [q.input];
+  return s && S.push(q.error), o && S.push(o), /* @__PURE__ */ a("div", { className: `${q.unitField}`, children: [
     /* @__PURE__ */ C(
       "input",
       {
@@ -6945,7 +6950,7 @@ const K3 = (e) => {
         ...V
       }
     ),
-    /* @__PURE__ */ C("div", { className: D.unitText, ref: m, children: f })
+    /* @__PURE__ */ C("div", { className: q.unitText, ref: Z, children: f })
   ] });
 }, e8 = (e) => {
   const {
@@ -6961,8 +6966,8 @@ const K3 = (e) => {
     readonly: w,
     autoComplete: d,
     ...f
-  } = e, v = [D.input];
-  return s && v.push(D.error), o && v.push(o), /* @__PURE__ */ a("div", { className: D.time, children: [
+  } = e, v = [q.input];
+  return s && v.push(q.error), o && v.push(o), /* @__PURE__ */ a("div", { className: q.time, children: [
     /* @__PURE__ */ C(
       "input",
       {
@@ -6985,7 +6990,7 @@ const K3 = (e) => {
         ...f
       }
     ),
-    /* @__PURE__ */ C("div", { className: D.clockIcon, children: /* @__PURE__ */ C(T9, { type: "light" }) })
+    /* @__PURE__ */ C("div", { className: q.clockIcon, children: /* @__PURE__ */ C(T9, { type: "light" }) })
   ] });
 }, t8 = (e) => {
   const {
@@ -7001,8 +7006,8 @@ const K3 = (e) => {
     readonly: w,
     autoComplete: d,
     ...f
-  } = e, v = [D.input];
-  return s && v.push(D.error), o && v.push(o), /* @__PURE__ */ C(
+  } = e, v = [q.input];
+  return s && v.push(q.error), o && v.push(o), /* @__PURE__ */ C(
     "input",
     {
       className: W(v),
@@ -7049,8 +7054,8 @@ const K3 = (e) => {
   i && H.push(i), c && H.push(m2.error), G(() => {
     V(r || !1);
   }, [r]);
-  const _ = (m) => {
-    V(!p), f && f(m, p);
+  const _ = (Z) => {
+    V(!p), f && f(Z, p);
   };
   return /* @__PURE__ */ a("div", { className: W(H), children: [
     /* @__PURE__ */ C(
@@ -7715,18 +7720,18 @@ const K3 = (e) => {
       };
     }
   }, []);
-  const m = [D.input];
-  return s && m.push(D.error), o && m.push(o), /* @__PURE__ */ a("div", { className: K.profileSwitchPanel, children: [
+  const Z = [q.input];
+  return s && Z.push(q.error), o && Z.push(o), /* @__PURE__ */ a("div", { className: K.profileSwitchPanel, children: [
     /* @__PURE__ */ a("div", { className: K.profileSwitchPanelHeader, children: [
       /* @__PURE__ */ C("div", { onClick: v, className: K.caretLeft, children: /* @__PURE__ */ C(X2, { type: "bold" }) }),
       /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C("h5", { className: K.headerTitle, children: "Switch user" }) }),
       /* @__PURE__ */ C("div", { onClick: p, className: K.closeIcon, children: /* @__PURE__ */ C(y2, { type: "bold" }) })
     ] }),
-    /* @__PURE__ */ C("div", { className: K.fieldWrapper, children: /* @__PURE__ */ a("div", { className: D.textField, children: [
+    /* @__PURE__ */ C("div", { className: K.fieldWrapper, children: /* @__PURE__ */ a("div", { className: q.textField, children: [
       /* @__PURE__ */ C(
         "input",
         {
-          className: W(m),
+          className: W(Z),
           id: r,
           name: t,
           type: "text",
@@ -7744,9 +7749,9 @@ const K3 = (e) => {
           ...V
         }
       ),
-      /* @__PURE__ */ C("div", { className: D.textFieldIcon, children: /* @__PURE__ */ C($9, {}) })
+      /* @__PURE__ */ C("div", { className: q.textFieldIcon, children: /* @__PURE__ */ C($9, {}) })
     ] }) }),
-    /* @__PURE__ */ C("div", { id: "listContainer", className: `${K.usersHolder}  ${H ? D.spacing : ""} `, children: f })
+    /* @__PURE__ */ C("div", { id: "listContainer", className: `${K.usersHolder}  ${H ? q.spacing : ""} `, children: f })
   ] });
 }, X8 = (e) => {
   const { initials: t, userName: r, role: n } = e;