@snmt-react-ui/user-select 2.4.1 → 2.5.1

package/dist/user-select.js

@@ -3,7 +3,7 @@ var le = (i, e, t) => e in i ? oe(i, e, { enumerable: !0, configurable: !0, writ
 var M1 = (i, e, t) => le(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as r, Fragment as X, jsxs as u } from "react/jsx-runtime";
-import { createContext as n1, forwardRef as r1, useState as S, useRef as f1, useEffect as T, useCallback as j, useImperativeHandle as ae, useContext as o1 } from "react";
+import { createContext as r1, forwardRef as o1, useState as B, useRef as f1, useEffect as T, useCallback as j, useImperativeHandle as ae, useContext as l1 } from "react";
 import { Select as he, Flex as ce, Avatar as de, Checkbox as ge, Typography as K1, Tag as P1, Popover as ue } from "antd";
 import { SNMTUiContext as Ce } from "@snmt-react-ui/core";
 const c1 = ({
@@ -43,7 +43,7 @@ const c1 = ({
   );
 };
 var q = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(q || {});
-const $1 = n1({
+const $1 = r1({
   locale: "en",
   theme: "light"
 });
@@ -56,11 +56,11 @@ const fe = ({
   disabled: n = !1,
   disableUncheck: l = !1
 }) => {
-  const [c, o] = S(i), [d, g] = S(e);
+  const [c, o] = B(i), [d, g] = B(e);
   T(() => {
     o(i), g(e);
   }, [i, e]);
-  const { theme: a } = o1($1);
+  const { theme: a } = l1($1);
   return /* @__PURE__ */ r(
     ge,
     {
@@ -76,7 +76,7 @@ const fe = ({
   );
 };
 var k = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(k || {});
-const F1 = n1({
+const F1 = r1({
   locale: "en",
   theme: "light"
 });
@@ -3068,7 +3068,7 @@ const we = ({
       )
     ] }) })
   }
-), l1 = ({
+), a1 = ({
   name: i,
   width: e,
   height: t,
@@ -3077,7 +3077,7 @@ const we = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [o, d] = S(n), { theme: g } = o1(F1), a = l ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, h = l ? void 0 : c;
+  const [o, d] = B(n), { theme: g } = l1(F1), a = l ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, h = l ? void 0 : c;
   return T(() => {
     if (n) {
       h && !l && d(`${n} clickable`);
@@ -3333,7 +3333,7 @@ const we = ({
   h2: 2,
   h3: 3,
   h4: 4
-}, zt = r1(
+}, zt = o1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -3368,7 +3368,7 @@ const we = ({
   }
 );
 var L = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(L || {});
-const Y1 = n1({
+const Y1 = r1({
   locale: "en",
   theme: "light"
 });
@@ -6369,7 +6369,7 @@ const Jt = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [o, d] = S(n), { theme: g } = o1(Y1), a = l ? g && g === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = l ? void 0 : c;
+  const [o, d] = B(n), { theme: g } = l1(Y1), a = l ? g && g === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = l ? void 0 : c;
   return T(() => {
     if (n) {
       h && !l && d(`${n} clickable`);
@@ -6622,7 +6622,7 @@ const Jt = ({
   })() });
 };
 var U1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(U1 || {});
-const yi = n1({
+const yi = r1({
   locale: "en",
   theme: "light"
 });
@@ -6654,7 +6654,7 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
   h2: 2,
   h3: 3,
   h4: 4
-}, J1 = r1(
+}, J1 = o1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -6695,7 +6695,7 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
   placement: n = "topRight",
   noPadding: l = !1
 }) => {
-  const [c, o] = S(!1);
+  const [c, o] = B(!1);
   return /* @__PURE__ */ r(
     ue,
     {
@@ -6719,7 +6719,7 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
   options: n,
   extraOptions: l
 }) => {
-  const [c, o] = S(!1);
+  const [c, o] = B(!1);
   T(() => {
     i.length || o(!1);
   }, [i]);
@@ -6764,7 +6764,7 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ r("span", { className: "snmt-loader", style: s });
-}, b1 = r1(
+}, b1 = o1(
   ({
     value: i,
     onChange: e,
@@ -6780,95 +6780,95 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
     onDropdownVisibleChange: h,
     onScrollToEnd: C,
     onPopupScroll: p,
-    id: v,
-    extraOptions: N,
-    dropdownRender: x,
-    optionRender: V,
+    id: x,
+    extraOptions: R,
+    dropdownRender: v,
+    optionRender: H,
     isLoading: y,
     readOnly: E
-  }, f) => {
-    const [m, M] = S(!1), [R, H] = S(!1), [W, A] = S(!0), [_, G] = S(i), Z = f1(null);
+  }, w) => {
+    const [m, N] = B(!1), [M, I] = B(!1), [A, S] = B(!0), [b, P] = B(i), Z = f1(null);
     T(() => {
-      G(i);
+      P(i);
     }, [i]);
-    const O = (w) => {
-      M(w), h && h(w);
-    }, $ = (w, I) => {
+    const _ = (f) => {
+      N(f), h && h(f);
+    }, $ = (f, O) => {
       var D;
-      return !!((D = I == null ? void 0 : I.label) != null && D.toString().toLowerCase().includes(w.toLowerCase()));
+      return !!((D = O == null ? void 0 : O.label) != null && D.toString().toLowerCase().includes(f.toLowerCase()));
     }, Y = () => {
-      H(!0);
+      I(!0);
     }, U = () => {
-      H(!1);
-    }, b = j(
-      (w) => {
-        if (G(w), s) {
-          const D = w;
+      I(!1);
+    }, V = j(
+      (f) => {
+        if (P(f), s) {
+          const D = f;
           e == null || e(D);
           return;
         }
-        const I = w;
-        e == null || e(I);
+        const O = f;
+        e == null || e(O);
       },
       [s, e]
     ), F = j(() => {
       if (!E) {
         if (s) {
-          b([]);
+          V([]);
           return;
         }
-        b("");
+        V("");
       }
-    }, [b, s, E]), K = j(
-      (w) => {
-        const I = _.filter((D) => D !== w);
-        b(I), G(I);
+    }, [V, s, E]), G = j(
+      (f) => {
+        const O = b.filter((D) => D !== f);
+        V(O), P(O);
       },
-      [b, _]
+      [V, b]
     ), e1 = j(
-      (w) => (_ == null ? void 0 : _.indexOf(w)) === 0 ? (
+      (f) => (b == null ? void 0 : b.indexOf(f)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ r("span", { className: "custom-placeholder", children: W ? t : "" })
+        /* @__PURE__ */ r("span", { className: "custom-placeholder", children: A ? t : "" })
       ) : /* @__PURE__ */ r(X, {}),
-      [W, _, t]
-    ), ie = (w) => {
-      w.preventDefault(), w.stopPropagation();
-    }, se = async (w) => {
-      const { target: I } = w;
-      I.scrollTop + I.offsetHeight >= I.scrollHeight - g && (C == null || C(!0)), p && await p(w);
+      [A, b, t]
+    ), ie = (f) => {
+      f.preventDefault(), f.stopPropagation();
+    }, se = async (f) => {
+      const { target: O } = f;
+      O.scrollTop + O.offsetHeight >= O.scrollHeight - g && (C == null || C(!0)), p && await p(f);
     }, m1 = j(
-      (w) => {
-        var I, D;
-        return ((I = l.find((k1) => k1.value === w)) == null ? void 0 : I.label) || ((D = N == null ? void 0 : N.find(
-          (k1) => k1.value === w
-        )) == null ? void 0 : D.label) || w;
+      (f) => {
+        var O, D;
+        return ((O = l.find((k1) => k1.value === f)) == null ? void 0 : O.label) || ((D = R == null ? void 0 : R.find(
+          (k1) => k1.value === f
+        )) == null ? void 0 : D.label) || f;
       },
-      [N, l]
+      [R, l]
     ), ne = j(
-      (w) => {
-        var I;
+      (f) => {
+        var O;
         return /* @__PURE__ */ r(
           _i,
           {
-            values: w,
-            onTagClose: K,
-            maxWidth: ((I = Z.current) == null ? void 0 : I.clientWidth) || 0,
+            values: f,
+            onTagClose: G,
+            maxWidth: ((O = Z.current) == null ? void 0 : O.clientWidth) || 0,
             disabled: o || E,
             options: l,
-            extraOptions: N
+            extraOptions: R
           }
         );
       },
-      [o, N, K, l, E]
+      [o, R, G, l, E]
     ), re = j(
-      ({ label: w, value: I, mode: D }) => D === "filter" ? e1(I) : /* @__PURE__ */ r("div", { onMouseDown: ie, className: "tag-wrapper", children: /* @__PURE__ */ r(z1, { onClose: () => K(I), closable: !o, children: /* @__PURE__ */ r(J1, { variant: "body4", children: typeof w == "object" ? w : m1(I) }) }) }),
-      [o, m1, K, e1]
+      ({ label: f, value: O, mode: D }) => D === "filter" ? e1(O) : /* @__PURE__ */ r("div", { onMouseDown: ie, className: "tag-wrapper", children: /* @__PURE__ */ r(z1, { onClose: () => G(O), closable: !o, children: /* @__PURE__ */ r(J1, { variant: "body4", children: typeof f == "object" ? f : m1(O) }) }) }),
+      [o, m1, G, e1]
     );
     return /* @__PURE__ */ u(
       "div",
       {
-        className: `snmt-select ${R ? "snmt-select-focused" : ""} 
+        className: `snmt-select ${M ? "snmt-select-focused" : ""} 
                 ${s ? "" : "snmt-select-single"} ${E ? "snmt-select-read-only" : ""}`,
         ref: Z,
         style: { width: c },
@@ -6878,58 +6878,58 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
             {
               className: "snmt-select-blank",
               popupClassName: E ? "dropdown-read-only" : "",
-              id: v,
-              ref: f,
+              id: x,
+              ref: w,
               showSearch: !!n,
               filterOption: n && $,
-              onDropdownVisibleChange: O,
+              onDropdownVisibleChange: _,
               placeholder: t ? d ? `${t}*` : t : void 0,
               disabled: o,
-              value: _ || void 0,
-              labelRender: (w) => m1(w.value),
+              value: b || void 0,
+              labelRender: (f) => m1(f.value),
               mode: s === "filter" ? "multiple" : s,
-              onChange: b,
+              onChange: V,
               onFocus: Y,
               onBlur: U,
-              onSearch: (w) => {
-                A(!w), a && a(w);
+              onSearch: (f) => {
+                S(!f), a && a(f);
               },
-              onSelect: () => A(!0),
-              onDeselect: () => A(!0),
-              tagRender: (w) => re({ ...w, mode: s }),
+              onSelect: () => S(!0),
+              onDeselect: () => S(!0),
+              tagRender: (f) => re({ ...f, mode: s }),
               maxTagCount: "responsive",
               maxTagPlaceholder: ne,
               onPopupScroll: se,
               prefix: E && !i && /* @__PURE__ */ r(y1, { size: 15 }),
               suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ u(X, { children: [
-                s && _ && !!_.length && /* @__PURE__ */ r("div", { onClick: F, children: /* @__PURE__ */ r(l1, { name: "cancel" }) }),
+                s && b && !!b.length && /* @__PURE__ */ r("div", { onClick: F, children: /* @__PURE__ */ r(a1, { name: "cancel" }) }),
                 /* @__PURE__ */ r(
-                  l1,
+                  a1,
                   {
                     name: "selectArrowIcon",
                     color: o ? q.GREY_DARK_1 : q.GREY_DARK_5,
                     className: m ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => M(!m)
+                    onClick: () => N(!m)
                   }
                 )
               ] }) }),
-              removeIcon: /* @__PURE__ */ r(l1, { name: "errorSmall", color: q.GREY_DARK_2 }),
+              removeIcon: /* @__PURE__ */ r(a1, { name: "errorSmall", color: q.GREY_DARK_2 }),
               options: l,
-              optionRender: (w) => V ? V(w.data) : /* @__PURE__ */ u(c1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+              optionRender: (f) => H ? H(f.data) : /* @__PURE__ */ u(c1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                 /* @__PURE__ */ u(c1, { alignItems: "center", gap: 12, children: [
                   s && /* @__PURE__ */ r(
                     fe,
                     {
-                      checked: !!(_ != null && _.includes(w.value))
+                      checked: !!(b != null && b.includes(f.value))
                     }
                   ),
                   /* @__PURE__ */ u(c1, { alignItems: "center", gap: 8, children: [
-                    w.data.image && /* @__PURE__ */ r(pe, { src: w.data.image, size: 20 }),
-                    /* @__PURE__ */ r("span", { children: w.label })
+                    f.data.image && /* @__PURE__ */ r(pe, { src: f.data.image, size: 20 }),
+                    /* @__PURE__ */ r("span", { children: f.label })
                   ] })
                 ] }),
-                !s && _ === w.value && /* @__PURE__ */ r(
-                  l1,
+                !s && b === f.value && /* @__PURE__ */ r(
+                  a1,
                   {
                     name: "ok",
                     color: q.BLUE_PRIMARY,
@@ -6948,13 +6948,13 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
                   },
                   children: /* @__PURE__ */ r(y1, { size: 28 })
                 }
-              ) : (w) => x ? x(w) : w
+              ) : (f) => v ? v(f) : f
             }
           ),
           /* @__PURE__ */ r(
             "fieldset",
             {
-              className: `${R ? "fieldset-focused" : ""}
+              className: `${M ? "fieldset-focused" : ""}
                      ${o ? "fieldset-disabled" : ""} 
                      ${typeof i == "string" && i ? "fieldset-filled" : ""} 
                      ${typeof i == "object" && i != null && i.length ? "fieldset-filled" : ""}`,
@@ -6977,10 +6977,10 @@ function Ii(i, e = 500) {
     clearTimeout(t.current), t.current = n;
   };
 }
-const a1 = {
+const t1 = {
   limit: 100,
   offset: 0
-}, E1 = r1(
+}, E1 = o1(
   ({
     loadOptions: i,
     width: e,
@@ -6996,67 +6996,67 @@ const a1 = {
     onDropdownVisibleChange: h,
     optionRender: C,
     dropdownRender: p,
-    readOnly: v
-  }, N) => {
-    const [x, V] = S([]), [y, E] = S(a1), [f, m] = S(!1), [M, R] = S(null), H = j(
-      async (O = !1, $) => {
-        if (!f) {
+    readOnly: x
+  }, R) => {
+    const [v, H] = B([]), [y, E] = B(t1), [w, m] = B(!1), [N, M] = B(null), I = j(
+      async (_ = !1, $) => {
+        if (!w) {
           m(!0);
           try {
-            const Y = O ? { ...a1, search: $ } : y, U = await i(Y);
-            V(
-              (b) => O ? U.options : [...b, ...U.options]
-            ), R(U.count), E((b) => ({
-              ...b,
-              offset: b.offset + b.limit
+            const Y = _ ? { ...t1, search: $ } : y, U = await i(Y);
+            H(
+              (V) => _ ? U.options : [...V, ...U.options]
+            ), M(U.count), E((V) => ({
+              ...V,
+              offset: V.offset + V.limit
             }));
           } finally {
             m(!1);
           }
         }
       },
-      [y, i, f]
-    ), W = Ii(H), A = j(
-      (O) => {
-        O === "" || O === void 0 || O === null ? (E(a1), W(!0)) : W(!0, O);
+      [y, i, w]
+    ), A = Ii(I), S = j(
+      (_) => {
+        _ === "" || _ === void 0 || _ === null ? (E(t1), A(!0)) : A(!0, _);
       },
-      [W]
-    ), _ = async (O) => {
-      O && M !== null && M > x.length && await H(!1);
-    }, G = j(
-      (O) => {
-        O && !g && H(!1), h && h(O);
+      [A]
+    ), b = async (_) => {
+      _ && N !== null && N > v.length && await I(!1);
+    }, P = j(
+      (_) => {
+        _ && !g && (H([]), E(t1), I(!0)), h == null || h(_);
       },
       // eslint-disable-next-line
       [g]
     );
     T(() => {
-      g && H(!1);
+      g && I(!1);
     }, []);
     const Z = {
       id: n,
       width: e,
-      options: x,
+      options: v,
       onChange: t,
-      ref: N,
+      ref: R,
       placeholder: o,
       search: !0,
       value: s,
-      onSearchChange: A,
-      onDropdownVisibleChange: G,
+      onSearchChange: S,
+      onDropdownVisibleChange: P,
       scrollThresholdValue: c,
-      onScrollToEnd: _,
+      onScrollToEnd: b,
       loadOnClosedState: g,
       disabled: l,
       extraOptions: a,
-      isLoading: f,
+      isLoading: w,
       optionRender: C,
       dropdownRender: p,
-      readOnly: v
+      readOnly: x
     };
-    return ae(N, () => ({
+    return ae(R, () => ({
       refetchOptions: async () => {
-        E(a1), await H(!0);
+        E(t1), await I(!0);
       }
     })), d ? /* @__PURE__ */ r(b1, { ...Z, onChange: t, value: s, mode: d }) : /* @__PURE__ */ r("div", { className: "snmt-async-select", children: /* @__PURE__ */ r(b1, { ...Z, onChange: t, value: s }) });
   }
@@ -7165,7 +7165,7 @@ const Pi = (i) => {
   init(i) {
     Gi(i.options.react), Pi(i);
   }
-}, Yi = n1();
+}, Yi = r1();
 class Ui {
   constructor() {
     M1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
@@ -7189,11 +7189,11 @@ const zi = (i, e) => {
   } = e, {
     i18n: s,
     defaultNS: n
-  } = o1(Yi) || {}, l = t || s || $i();
+  } = l1(Yi) || {}, l = t || s || $i();
   if (l && !l.reportNamespaces && (l.reportNamespaces = new Ui()), !l) {
     N1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (M, R) => z(R) ? R : Wi(R) && z(R.defaultValue) ? R.defaultValue : Array.isArray(M) ? M[M.length - 1] : M, m = [f, {}, !1];
-    return m.t = f, m.i18n = {}, m.ready = !1, m;
+    const w = (N, M) => z(M) ? M : Wi(M) && z(M.defaultValue) ? M.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, m = [w, {}, !1];
+    return m.t = w, m.i18n = {}, m.ready = !1, m;
   }
   l.options.react && l.options.react.wait !== void 0 && N1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
@@ -7206,33 +7206,33 @@ const zi = (i, e) => {
   } = c;
   let g = i;
   g = z(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
-  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => Bi(f, l, c)), h = Ji(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => X1(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [v, N] = S(C);
-  let x = g.join();
-  e.lng && (x = `${e.lng}${x}`);
-  const V = zi(x), y = f1(!0);
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((w) => Bi(w, l, c)), h = Ji(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => X1(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [x, R] = B(C);
+  let v = g.join();
+  e.lng && (v = `${e.lng}${v}`);
+  const H = zi(v), y = f1(!0);
   T(() => {
     const {
-      bindI18n: f,
+      bindI18n: w,
       bindI18nStore: m
     } = c;
     y.current = !0, !a && !o && (e.lng ? _1(l, e.lng, g, () => {
-      y.current && N(p);
+      y.current && R(p);
     }) : H1(l, g, () => {
-      y.current && N(p);
-    })), a && V && V !== x && y.current && N(p);
-    const M = () => {
-      y.current && N(p);
+      y.current && R(p);
+    })), a && H && H !== v && y.current && R(p);
+    const N = () => {
+      y.current && R(p);
     };
-    return f && l && l.on(f, M), m && l && l.store.on(m, M), () => {
-      y.current = !1, f && l && f.split(" ").forEach((R) => l.off(R, M)), m && l && m.split(" ").forEach((R) => l.store.off(R, M));
+    return w && l && l.on(w, N), m && l && l.store.on(m, N), () => {
+      y.current = !1, w && l && w.split(" ").forEach((M) => l.off(M, N)), m && l && m.split(" ").forEach((M) => l.store.off(M, N));
     };
-  }, [l, x]), T(() => {
-    y.current && a && N(C);
+  }, [l, v]), T(() => {
+    y.current && a && R(C);
   }, [l, d, a]);
-  const E = [v, l, a];
-  if (E.t = v, E.i18n = l, E.ready = a, a || !a && !o) return E;
-  throw new Promise((f) => {
-    e.lng ? _1(l, e.lng, g, () => f()) : H1(l, g, () => f());
+  const E = [x, l, a];
+  if (E.t = x, E.i18n = l, E.ready = a, a || !a && !o) return E;
+  throw new Promise((w) => {
+    e.lng ? _1(l, e.lng, g, () => w()) : H1(l, g, () => w());
   });
 }, qi = {
   type: "logger",
@@ -7291,7 +7291,7 @@ class g1 {
     return e = e || this.options, e.prefix = e.prefix || this.prefix, new g1(this.logger, e);
   }
 }
-var P = new g1();
+var K = new g1();
 class w1 {
   constructor() {
     this.observers = {};
@@ -7326,7 +7326,7 @@ class w1 {
     });
   }
 }
-const t1 = () => {
+const i1 = () => {
   let i, e;
   const t = new Promise((s, n) => {
     i = s, e = n;
@@ -7336,7 +7336,7 @@ const t1 = () => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, e5 = /###/g, O1 = (i) => i && i.indexOf("###") > -1 ? i.replace(e5, ".") : i, S1 = (i) => !i || typeof i == "string", i1 = (i, e, t) => {
+}, e5 = /###/g, O1 = (i) => i && i.indexOf("###") > -1 ? i.replace(e5, ".") : i, S1 = (i) => !i || typeof i == "string", s1 = (i, e, t) => {
   const s = typeof e != "string" ? e : e.split(".");
   let n = 0;
   for (; n < s.length - 1; ) {
@@ -7352,26 +7352,26 @@ const t1 = () => {
   const {
     obj: s,
     k: n
-  } = i1(i, e, Object);
+  } = s1(i, e, Object);
   if (s !== void 0 || e.length === 1) {
     s[n] = t;
     return;
   }
-  let l = e[e.length - 1], c = e.slice(0, e.length - 1), o = i1(i, c, Object);
+  let l = e[e.length - 1], c = e.slice(0, e.length - 1), o = s1(i, c, Object);
   for (; o.obj === void 0 && c.length; )
-    l = `${c[c.length - 1]}.${l}`, c = c.slice(0, c.length - 1), o = i1(i, c, Object), o && o.obj && typeof o.obj[`${o.k}.${l}`] < "u" && (o.obj = void 0);
+    l = `${c[c.length - 1]}.${l}`, c = c.slice(0, c.length - 1), o = s1(i, c, Object), o && o.obj && typeof o.obj[`${o.k}.${l}`] < "u" && (o.obj = void 0);
   o.obj[`${o.k}.${l}`] = t;
 }, t5 = (i, e, t, s) => {
   const {
     obj: n,
     k: l
-  } = i1(i, e, Object);
+  } = s1(i, e, Object);
   n[l] = n[l] || [], n[l].push(t);
 }, u1 = (i, e) => {
   const {
     obj: t,
     k: s
-  } = i1(i, e);
+  } = s1(i, e);
   if (t)
     return t[s];
 }, i5 = (i, e, t) => {
@@ -7525,7 +7525,7 @@ const W1 = {};
 class p1 extends w1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), Xi(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = P.create("translator");
+    super(), Xi(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = K.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -7571,15 +7571,15 @@ class p1 extends w1 {
     } = this.extractFromKey(e[e.length - 1], t), d = o[o.length - 1], g = t.lng || this.language, a = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
     if (g && g.toLowerCase() === "cimode") {
       if (a) {
-        const f = t.nsSeparator || this.options.nsSeparator;
+        const w = t.nsSeparator || this.options.nsSeparator;
         return n ? {
-          res: `${d}${f}${c}`,
+          res: `${d}${w}${c}`,
           usedKey: c,
           exactUsedKey: c,
           usedLng: g,
           usedNS: d,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${d}${f}${c}`;
+        } : `${d}${w}${c}`;
       }
       return n ? {
         res: c,
@@ -7592,64 +7592,64 @@ class p1 extends w1 {
     }
     const h = this.resolve(e, t);
     let C = h && h.res;
-    const p = h && h.usedKey || c, v = h && h.exactUsedKey || c, N = Object.prototype.toString.apply(C), x = ["[object Number]", "[object Function]", "[object RegExp]"], V = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, y = !this.i18nFormat || this.i18nFormat.handleAsObject;
-    if (y && C && (typeof C != "string" && typeof C != "boolean" && typeof C != "number") && x.indexOf(N) < 0 && !(typeof V == "string" && Array.isArray(C))) {
+    const p = h && h.usedKey || c, x = h && h.exactUsedKey || c, R = Object.prototype.toString.apply(C), v = ["[object Number]", "[object Function]", "[object RegExp]"], H = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, y = !this.i18nFormat || this.i18nFormat.handleAsObject;
+    if (y && C && (typeof C != "string" && typeof C != "boolean" && typeof C != "number") && v.indexOf(R) < 0 && !(typeof H == "string" && Array.isArray(C))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const f = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, C, {
+        const w = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, C, {
           ...t,
           ns: o
         }) : `key '${c} (${this.language})' returned an object instead of string.`;
-        return n ? (h.res = f, h.usedParams = this.getUsedParamsDetails(t), h) : f;
+        return n ? (h.res = w, h.usedParams = this.getUsedParamsDetails(t), h) : w;
       }
       if (l) {
-        const f = Array.isArray(C), m = f ? [] : {}, M = f ? v : p;
-        for (const R in C)
-          if (Object.prototype.hasOwnProperty.call(C, R)) {
-            const H = `${M}${l}${R}`;
-            m[R] = this.translate(H, {
+        const w = Array.isArray(C), m = w ? [] : {}, N = w ? x : p;
+        for (const M in C)
+          if (Object.prototype.hasOwnProperty.call(C, M)) {
+            const I = `${N}${l}${M}`;
+            m[M] = this.translate(I, {
               ...t,
               joinArrays: !1,
               ns: o
-            }), m[R] === H && (m[R] = C[R]);
+            }), m[M] === I && (m[M] = C[M]);
           }
         C = m;
       }
-    } else if (y && typeof V == "string" && Array.isArray(C))
-      C = C.join(V), C && (C = this.extendTranslation(C, e, t, s));
+    } else if (y && typeof H == "string" && Array.isArray(C))
+      C = C.join(H), C && (C = this.extendTranslation(C, e, t, s));
     else {
-      let f = !1, m = !1;
-      const M = t.count !== void 0 && typeof t.count != "string", R = p1.hasDefaultValue(t), H = M ? this.pluralResolver.getSuffix(g, t.count, t) : "", W = t.ordinal && M ? this.pluralResolver.getSuffix(g, t.count, {
+      let w = !1, m = !1;
+      const N = t.count !== void 0 && typeof t.count != "string", M = p1.hasDefaultValue(t), I = N ? this.pluralResolver.getSuffix(g, t.count, t) : "", A = t.ordinal && N ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", A = M && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), _ = A && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${H}`] || t[`defaultValue${W}`] || t.defaultValue;
-      !this.isValidLookup(C) && R && (f = !0, C = _), this.isValidLookup(C) || (m = !0, C = c);
-      const Z = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && m ? void 0 : C, O = R && _ !== C && this.options.updateMissing;
-      if (m || f || O) {
-        if (this.logger.log(O ? "updateKey" : "missingKey", g, d, c, O ? _ : C), l) {
-          const b = this.resolve(c, {
+      }) : "", S = N && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), b = S && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${I}`] || t[`defaultValue${A}`] || t.defaultValue;
+      !this.isValidLookup(C) && M && (w = !0, C = b), this.isValidLookup(C) || (m = !0, C = c);
+      const Z = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && m ? void 0 : C, _ = M && b !== C && this.options.updateMissing;
+      if (m || w || _) {
+        if (this.logger.log(_ ? "updateKey" : "missingKey", g, d, c, _ ? b : C), l) {
+          const V = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
-          b && b.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+          V && V.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
         let $ = [];
         const Y = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && Y && Y[0])
-          for (let b = 0; b < Y.length; b++)
-            $.push(Y[b]);
+          for (let V = 0; V < Y.length; V++)
+            $.push(Y[V]);
         else this.options.saveMissingTo === "all" ? $ = this.languageUtils.toResolveHierarchy(t.lng || this.language) : $.push(t.lng || this.language);
-        const U = (b, F, K) => {
-          const e1 = R && K !== C ? K : Z;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(b, d, F, e1, O, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(b, d, F, e1, O, t), this.emit("missingKey", b, d, F, C);
+        const U = (V, F, G) => {
+          const e1 = M && G !== C ? G : Z;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(V, d, F, e1, _, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(V, d, F, e1, _, t), this.emit("missingKey", V, d, F, C);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && M ? $.forEach((b) => {
-          const F = this.pluralResolver.getSuffixes(b, t);
-          A && t[`defaultValue${this.options.pluralSeparator}zero`] && F.indexOf(`${this.options.pluralSeparator}zero`) < 0 && F.push(`${this.options.pluralSeparator}zero`), F.forEach((K) => {
-            U([b], c + K, t[`defaultValue${K}`] || _);
+        this.options.saveMissing && (this.options.saveMissingPlurals && N ? $.forEach((V) => {
+          const F = this.pluralResolver.getSuffixes(V, t);
+          S && t[`defaultValue${this.options.pluralSeparator}zero`] && F.indexOf(`${this.options.pluralSeparator}zero`) < 0 && F.push(`${this.options.pluralSeparator}zero`), F.forEach((G) => {
+            U([V], c + G, t[`defaultValue${G}`] || b);
           });
-        }) : U($, c, _));
+        }) : U($, c, b));
       }
-      C = this.extendTranslation(C, e, t, h, s), m && C === c && this.options.appendNamespaceToMissingKey && (C = `${d}:${c}`), (m || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, f ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
+      C = this.extendTranslation(C, e, t, h, s), m && C === c && this.options.appendNamespaceToMissingKey && (C = `${d}:${c}`), (m || w) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, w ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
     }
     return n ? (h.res = C, h.usedParams = this.getUsedParamsDetails(t), h) : C;
   }
@@ -7685,8 +7685,8 @@ class p1 extends w1 {
         a < p && (s.nest = !1);
       }
       !s.lng && this.options.compatibilityAPI !== "v1" && n && n.res && (s.lng = this.language || n.usedLng), s.nest !== !1 && (e = this.interpolator.nest(e, function() {
-        for (var C = arguments.length, p = new Array(C), v = 0; v < C; v++)
-          p[v] = arguments[v];
+        for (var C = arguments.length, p = new Array(C), x = 0; x < C; x++)
+          p[x] = arguments[x];
         return l && l[0] === p[0] && !s.context ? (c.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : c.translate(...p, t);
       }, s)), s.interpolation && this.interpolator.reset();
     }
@@ -7707,26 +7707,26 @@ class p1 extends w1 {
       n = a;
       let h = g.namespaces;
       this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
-      const C = t.count !== void 0 && typeof t.count != "string", p = C && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), v = t.context !== void 0 && (typeof t.context == "string" || typeof t.context == "number") && t.context !== "", N = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
-      h.forEach((x) => {
-        this.isValidLookup(s) || (o = x, !W1[`${N[0]}-${x}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(o) && (W1[`${N[0]}-${x}`] = !0, this.logger.warn(`key "${n}" for languages "${N.join(", ")}" won't get resolved as namespace "${o}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), N.forEach((V) => {
+      const C = t.count !== void 0 && typeof t.count != "string", p = C && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), x = t.context !== void 0 && (typeof t.context == "string" || typeof t.context == "number") && t.context !== "", R = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      h.forEach((v) => {
+        this.isValidLookup(s) || (o = v, !W1[`${R[0]}-${v}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(o) && (W1[`${R[0]}-${v}`] = !0, this.logger.warn(`key "${n}" for languages "${R.join(", ")}" won't get resolved as namespace "${o}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), R.forEach((H) => {
           if (this.isValidLookup(s)) return;
-          c = V;
+          c = H;
           const y = [a];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(y, a, V, x, t);
+            this.i18nFormat.addLookupKeys(y, a, H, v, t);
           else {
-            let f;
-            C && (f = this.pluralResolver.getSuffix(V, t.count, t));
-            const m = `${this.options.pluralSeparator}zero`, M = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (C && (y.push(a + f), t.ordinal && f.indexOf(M) === 0 && y.push(a + f.replace(M, this.options.pluralSeparator)), p && y.push(a + m)), v) {
-              const R = `${a}${this.options.contextSeparator}${t.context}`;
-              y.push(R), C && (y.push(R + f), t.ordinal && f.indexOf(M) === 0 && y.push(R + f.replace(M, this.options.pluralSeparator)), p && y.push(R + m));
+            let w;
+            C && (w = this.pluralResolver.getSuffix(H, t.count, t));
+            const m = `${this.options.pluralSeparator}zero`, N = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (C && (y.push(a + w), t.ordinal && w.indexOf(N) === 0 && y.push(a + w.replace(N, this.options.pluralSeparator)), p && y.push(a + m)), x) {
+              const M = `${a}${this.options.contextSeparator}${t.context}`;
+              y.push(M), C && (y.push(M + w), t.ordinal && w.indexOf(N) === 0 && y.push(M + w.replace(N, this.options.pluralSeparator)), p && y.push(M + m));
             }
           }
           let E;
           for (; E = y.pop(); )
-            this.isValidLookup(s) || (l = E, s = this.getResource(V, x, E, t));
+            this.isValidLookup(s) || (l = E, s = this.getResource(H, v, E, t));
         }));
       });
     }), {
@@ -7771,7 +7771,7 @@ class p1 extends w1 {
 const L1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class j1 {
   constructor(e) {
-    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = P.create("languageUtils");
+    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = K.create("languageUtils");
   }
   getScriptPartFromCode(e) {
     if (e = C1(e), !e || e.indexOf("-") < 0) return null;
@@ -7965,7 +7965,7 @@ const d5 = ["v1", "v2", "v3"], g5 = ["v4"], Z1 = {
 class C5 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = P.create("pluralResolver"), (!this.options.compatibilityJSON || g5.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = u5(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = K.create("pluralResolver"), (!this.options.compatibilityJSON || g5.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = u5(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -8029,7 +8029,7 @@ const D1 = function(i, e, t) {
 class p5 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = P.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
+    this.logger = K.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
   }
   init() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -8049,13 +8049,13 @@ class p5 {
       unescapePrefix: h,
       nestingPrefix: C,
       nestingPrefixEscaped: p,
-      nestingSuffix: v,
-      nestingSuffixEscaped: N,
-      nestingOptionsSeparator: x,
-      maxReplaces: V,
+      nestingSuffix: x,
+      nestingSuffixEscaped: R,
+      nestingOptionsSeparator: v,
+      maxReplaces: H,
       alwaysFormat: y
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : n5, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = l ? J(l) : c || "{{", this.suffix = o ? J(o) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = C ? J(C) : p || J("$t("), this.nestingSuffix = v ? J(v) : N || J(")"), this.nestingOptionsSeparator = x || ",", this.maxReplaces = V || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : n5, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = l ? J(l) : c || "{{", this.suffix = o ? J(o) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = C ? J(C) : p || J("$t("), this.nestingSuffix = x ? J(x) : R || J(")"), this.nestingOptionsSeparator = v || ",", this.maxReplaces = H || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -8068,18 +8068,18 @@ class p5 {
     let l, c, o;
     const d = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, g = (p) => {
       if (p.indexOf(this.formatSeparator) < 0) {
-        const V = D1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
-        return this.alwaysFormat ? this.format(V, void 0, s, {
+        const H = D1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        return this.alwaysFormat ? this.format(H, void 0, s, {
           ...n,
           ...t,
           interpolationkey: p
-        }) : V;
+        }) : H;
       }
-      const v = p.split(this.formatSeparator), N = v.shift().trim(), x = v.join(this.formatSeparator).trim();
-      return this.format(D1(t, d, N, this.options.keySeparator, this.options.ignoreJSONStructure), x, s, {
+      const x = p.split(this.formatSeparator), R = x.shift().trim(), v = x.join(this.formatSeparator).trim();
+      return this.format(D1(t, d, R, this.options.keySeparator, this.options.ignoreJSONStructure), v, s, {
         ...n,
         ...t,
-        interpolationkey: N
+        interpolationkey: R
       });
     };
     this.resetRegExp();
@@ -8092,21 +8092,21 @@ class p5 {
       safeValue: (p) => this.escapeValue ? v1(this.escape(p)) : v1(p)
     }].forEach((p) => {
       for (o = 0; l = p.regex.exec(e); ) {
-        const v = l[1].trim();
-        if (c = g(v), c === void 0)
+        const x = l[1].trim();
+        if (c = g(x), c === void 0)
           if (typeof a == "function") {
-            const x = a(e, l, n);
-            c = typeof x == "string" ? x : "";
-          } else if (n && Object.prototype.hasOwnProperty.call(n, v))
+            const v = a(e, l, n);
+            c = typeof v == "string" ? v : "";
+          } else if (n && Object.prototype.hasOwnProperty.call(n, x))
             c = "";
           else if (h) {
             c = l[0];
             continue;
           } else
-            this.logger.warn(`missed to pass in variable ${v} for interpolating ${e}`), c = "";
+            this.logger.warn(`missed to pass in variable ${x} for interpolating ${e}`), c = "";
         else typeof c != "string" && !this.useRawValueToEscape && (c = I1(c));
-        const N = p.safeValue(c);
-        if (e = e.replace(l[0], N), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= l[0].length) : p.regex.lastIndex = 0, o++, o >= this.maxReplaces)
+        const R = p.safeValue(c);
+        if (e = e.replace(l[0], R), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= l[0].length) : p.regex.lastIndex = 0, o++, o >= this.maxReplaces)
           break;
       }
     }), e;
@@ -8119,15 +8119,15 @@ class p5 {
       const h = d.split(new RegExp(`${a}[ ]*{`));
       let C = `{${h[1]}`;
       d = h[0], C = this.interpolate(C, c);
-      const p = C.match(/'/g), v = C.match(/"/g);
-      (p && p.length % 2 === 0 && !v || v.length % 2 !== 0) && (C = C.replace(/'/g, '"'));
+      const p = C.match(/'/g), x = C.match(/"/g);
+      (p && p.length % 2 === 0 && !x || x.length % 2 !== 0) && (C = C.replace(/'/g, '"'));
       try {
         c = JSON.parse(C), g && (c = {
           ...g,
           ...c
         });
-      } catch (N) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, N), `${d}${a}${C}`;
+      } catch (R) {
+        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, R), `${d}${a}${C}`;
       }
       return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, d;
     };
@@ -8184,7 +8184,7 @@ const f5 = (i) => {
 class w5 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = P.create("formatter"), this.options = e, this.formats = {
+    this.logger = K.create("formatter"), this.options = e, this.formats = {
       number: Q((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s
@@ -8267,7 +8267,7 @@ const m5 = (i, e) => {
 class k5 extends w1 {
   constructor(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
-    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = P.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
+    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = K.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
   }
   queueLoad(e, t, s, n) {
     const l = {}, c = {}, o = {}, d = {};
@@ -8461,10 +8461,10 @@ const T1 = () => ({
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
   });
 };
-class s1 extends w1 {
+class n1 extends w1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = G1(e), this.services = {}, this.logger = P, this.modules = {
+    if (super(), this.options = G1(e), this.services = {}, this.logger = K, this.modules = {
       external: []
     }, L5(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
@@ -8489,26 +8489,26 @@ class s1 extends w1 {
     }), t.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = t.keySeparator), t.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = t.nsSeparator);
     const l = (a) => a ? typeof a == "function" ? new a() : a : null;
     if (!this.options.isClone) {
-      this.modules.logger ? P.init(l(this.modules.logger), this.options) : P.init(null, this.options);
+      this.modules.logger ? K.init(l(this.modules.logger), this.options) : K.init(null, this.options);
       let a;
       this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = w5);
       const h = new j1(this.options);
       this.store = new B1(this.options.resources, this.options);
       const C = this.services;
-      C.logger = P, C.resourceStore = this.store, C.languageUtils = h, C.pluralResolver = new C5(h, {
+      C.logger = K, C.resourceStore = this.store, C.languageUtils = h, C.pluralResolver = new C5(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
       }), a && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (C.formatter = l(a), C.formatter.init(C, this.options), this.options.interpolation.format = C.formatter.format.bind(C.formatter)), C.interpolator = new p5(this.options), C.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
       }, C.backendConnector = new k5(l(this.modules.backend), C.resourceStore, C, this.options), C.backendConnector.on("*", function(p) {
-        for (var v = arguments.length, N = new Array(v > 1 ? v - 1 : 0), x = 1; x < v; x++)
-          N[x - 1] = arguments[x];
-        e.emit(p, ...N);
+        for (var x = arguments.length, R = new Array(x > 1 ? x - 1 : 0), v = 1; v < x; v++)
+          R[v - 1] = arguments[v];
+        e.emit(p, ...R);
       }), this.modules.languageDetector && (C.languageDetector = l(this.modules.languageDetector), C.languageDetector.init && C.languageDetector.init(C, this.options.detection, this.options)), this.modules.i18nFormat && (C.i18nFormat = l(this.modules.i18nFormat), C.i18nFormat.init && C.i18nFormat.init(this)), this.translator = new p1(this.services, this.options), this.translator.on("*", function(p) {
-        for (var v = arguments.length, N = new Array(v > 1 ? v - 1 : 0), x = 1; x < v; x++)
-          N[x - 1] = arguments[x];
-        e.emit(p, ...N);
+        for (var x = arguments.length, R = new Array(x > 1 ? x - 1 : 0), v = 1; v < x; v++)
+          R[v - 1] = arguments[v];
+        e.emit(p, ...R);
       }), this.modules.external.forEach((p) => {
         p.init && p.init(this);
       });
@@ -8526,7 +8526,7 @@ class s1 extends w1 {
         return e.store[a](...arguments), e;
       };
     });
-    const d = t1(), g = () => {
+    const d = i1(), g = () => {
       const a = (h, C) => {
         this.isInitializing = !1, this.isInitialized && !this.initializedStoreOnce && this.logger.warn("init: i18next is already initialized. You should call init just once!"), this.isInitialized = !0, this.options.isClone || this.logger.log("initialized", this.options), this.emit("initialized", this.options), d.resolve(C), s(h, C);
       };
@@ -8553,7 +8553,7 @@ class s1 extends w1 {
       s(null);
   }
   reloadResources(e, t, s) {
-    const n = t1();
+    const n = i1();
     return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = h1), this.services.backendConnector.reload(e, t, (l) => {
       n.resolve(), s(l);
     }), n;
@@ -8576,7 +8576,7 @@ class s1 extends w1 {
   changeLanguage(e, t) {
     var s = this;
     this.isLanguageChangingTo = e;
-    const n = t1();
+    const n = i1();
     this.emit("languageChanging", e);
     const l = (d) => {
       this.language = d, this.languages = this.services.languageUtils.toResolveHierarchy(d), this.resolvedLanguage = void 0, this.setResolvedLanguage(d);
@@ -8610,7 +8610,7 @@ class s1 extends w1 {
       d.lng = d.lng || l.lng, d.lngs = d.lngs || l.lngs, d.ns = d.ns || l.ns, d.keyPrefix !== "" && (d.keyPrefix = d.keyPrefix || s || l.keyPrefix);
       const C = n.options.keySeparator || ".";
       let p;
-      return d.keyPrefix && Array.isArray(c) ? p = c.map((v) => `${d.keyPrefix}${C}${v}`) : p = d.keyPrefix ? `${d.keyPrefix}${C}${c}` : c, n.t(p, d);
+      return d.keyPrefix && Array.isArray(c) ? p = c.map((x) => `${d.keyPrefix}${C}${x}`) : p = d.keyPrefix ? `${d.keyPrefix}${C}${c}` : c, n.t(p, d);
     };
     return typeof e == "string" ? l.lng = e : l.lngs = e, l.ns = t, l.keyPrefix = s, l;
   }
@@ -8642,7 +8642,7 @@ class s1 extends w1 {
     return !!(this.hasResourceBundle(s, e) || !this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages || c(s, e) && (!n || c(l, e)));
   }
   loadNamespaces(e, t) {
-    const s = t1();
+    const s = i1();
     return this.options.ns ? (typeof e == "string" && (e = [e]), e.forEach((n) => {
       this.options.ns.indexOf(n) < 0 && this.options.ns.push(n);
     }), this.loadResources((n) => {
@@ -8650,7 +8650,7 @@ class s1 extends w1 {
     }), s) : (t && t(), Promise.resolve());
   }
   loadLanguages(e, t) {
-    const s = t1();
+    const s = i1();
     typeof e == "string" && (e = [e]);
     const n = this.options.preload || [], l = e.filter((c) => n.indexOf(c) < 0 && this.services.languageUtils.isSupportedCode(c));
     return l.length ? (this.options.preload = n.concat(l), this.loadResources((c) => {
@@ -8664,7 +8664,7 @@ class s1 extends w1 {
   }
   static createInstance() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    return new s1(e, t);
+    return new n1(e, t);
   }
   cloneInstance() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : h1;
@@ -8674,7 +8674,7 @@ class s1 extends w1 {
       ...this.options,
       ...e,
       isClone: !0
-    }, l = new s1(n);
+    }, l = new n1(n);
     return (e.debug !== void 0 || e.prefix !== void 0) && (l.logger = l.logger.clone(e)), ["store", "services", "language"].forEach((o) => {
       l[o] = this[o];
     }), l.services = {
@@ -8699,22 +8699,22 @@ class s1 extends w1 {
     };
   }
 }
-const B = s1.createInstance();
-B.createInstance = s1.createInstance;
-B.createInstance;
-B.dir;
-B.init;
-B.loadResources;
-B.reloadResources;
-B.use;
-B.changeLanguage;
-B.getFixedT;
-B.t;
-B.exists;
-B.setDefaultNamespace;
-B.hasLoadedNamespace;
-B.loadNamespaces;
-B.loadLanguages;
+const W = n1.createInstance();
+W.createInstance = n1.createInstance;
+W.createInstance;
+W.dir;
+W.init;
+W.loadResources;
+W.reloadResources;
+W.use;
+W.changeLanguage;
+W.getFixedT;
+W.t;
+W.exists;
+W.setDefaultNamespace;
+W.hasLoadedNamespace;
+W.loadNamespaces;
+W.loadLanguages;
 const v5 = "Archived", N5 = "Deleted", x5 = {
   archived: v5,
   deleted: N5
@@ -8722,7 +8722,7 @@ const v5 = "Archived", N5 = "Deleted", x5 = {
   archived: R5,
   deleted: M5
 };
-B.use(Fi).init({
+W.use(Fi).init({
   defaultNS: "common",
   lng: "en",
   resources: {
@@ -8734,142 +8734,152 @@ B.use(Fi).init({
     }
   }
 });
-const O5 = r1(
-  ({ fetchParams: i, mode: e = void 0, placeholder: t, disabled: s, value: n, onChange: l, onError: c }, o) => {
-    const { axiosPeople: d, locale: g } = o1(Ce), { t: a } = Qi("common", { lng: g }), [h, C] = S([]), [p, v] = S(!0);
-    if (!d)
+const O5 = o1(
+  ({
+    fetchParams: i,
+    mode: e = void 0,
+    placeholder: t,
+    disabled: s,
+    value: n,
+    onChange: l,
+    onError: c,
+    allowEmpty: o = !1
+  }, d) => {
+    const { axiosPeople: g, locale: a } = l1(Ce), { t: h } = Qi("common", { lng: a }), [C, p] = B([]), [x, R] = B(!0);
+    if (!g)
       throw new Error(
         `UserSelect requires "axiosPeople" to fetch users. 
                 Please provide it via SNMTUiContext.`
       );
-    const N = j(
-      (f) => {
-        let m = "";
-        return f.deletedAt && (m += `[${a("deleted")}] `), f.status === d1.ARCHIVED && (m += `[${a("archived")}] `), `${m}${f.firstName} ${f.lastName}`;
+    const v = j(
+      (m) => {
+        let N = "";
+        return m.deletedAt && (N += `[${h("deleted")}] `), m.status === d1.ARCHIVED && (N += `[${h("archived")}] `), `${N}${m.firstName} ${m.lastName}`;
       },
-      [a]
-    ), x = j(
+      [h]
+    ), H = j(
       async ({
-        offset: f,
-        limit: m,
+        offset: m,
+        limit: N,
         search: M
       }) => {
-        var R, H, W;
+        var I, A, S;
         try {
-          const A = await d.post("v1/users/search", {
-            offset: f,
-            limit: m,
+          const b = await g.post("v1/users/search", {
+            offset: m,
+            limit: N,
             search: M,
             ...i,
             includeCount: !0
-          }), { data: _, metadata: G } = A.data;
+          }), { data: P, metadata: Z } = b.data;
           return {
-            options: _.map((Z) => ({
-              value: Z.id,
-              label: N(Z)
+            options: P.map((_) => ({
+              value: _.id,
+              label: v(_)
             })),
-            count: G.count
+            count: Z.count
           };
-        } catch (A) {
+        } catch (b) {
           return c && c({
-            status: ((R = A.response) == null ? void 0 : R.status) ?? 500,
-            message: ((W = (H = A.response) == null ? void 0 : H.data) == null ? void 0 : W.message) ?? "Error while fetching options"
+            status: ((I = b.response) == null ? void 0 : I.status) ?? 500,
+            message: ((S = (A = b.response) == null ? void 0 : A.data) == null ? void 0 : S.message) ?? "Error while fetching options"
           }), {
             options: [],
             count: 0
           };
         }
       },
-      [d, i, c, N]
-    ), V = j(
-      async (f) => {
-        var m, M, R;
+      [g, i, c, v]
+    ), y = j(
+      async (m) => {
+        var N, M, I;
         try {
           return await Promise.all(
-            f.map(async (W) => {
-              const A = h.find((Z) => Z.value === W);
-              if (A)
-                return A;
-              const G = (await d.post("v1/users/search", {
+            m.map(async (S) => {
+              const b = C.find((_) => _.value === S);
+              if (b)
+                return b;
+              const Z = (await g.post("v1/users/search", {
                 filters: {
-                  id: [W],
+                  id: [S],
                   status: [d1.ACTIVE, d1.ARCHIVED]
                 }
               })).data.data[0];
               return {
-                value: W,
-                label: N(G)
+                value: S,
+                label: v(Z)
               };
             })
           );
-        } catch (H) {
+        } catch (A) {
           return c && c({
-            status: ((m = H.response) == null ? void 0 : m.status) ?? 500,
-            message: ((R = (M = H.response) == null ? void 0 : M.data) == null ? void 0 : R.message) ?? "Error while fetching selected items"
+            status: ((N = A.response) == null ? void 0 : N.status) ?? 500,
+            message: ((I = (M = A.response) == null ? void 0 : M.data) == null ? void 0 : I.message) ?? "Error while fetching selected items"
           }), [];
         }
       },
       // Use eslint disable to exclude selectedOptions to prevent infinity rerender
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [d, N, c]
+      [g, v, c]
     );
     T(() => {
       if (!n) {
-        v(!1);
+        R(!1);
         return;
       }
       (async () => {
-        const m = Array.isArray(n) ? n : [n], M = await V(m);
-        C(M), v(!1);
+        const N = Array.isArray(n) ? n : [n], M = await y(N);
+        p(M), R(!1);
       })();
-    }, [V, n]);
-    const y = j(
+    }, [y, n]);
+    const E = j(
       async ({
-        limit: f,
-        offset: m,
+        limit: m,
+        offset: N,
         search: M
       }) => {
-        const { options: R, count: H } = await x({
-          offset: m,
-          limit: f,
+        const { count: I, ...A } = await H({
+          offset: N,
+          limit: m,
           search: M
         });
-        return {
-          options: R,
-          count: H,
-          limit: f
+        let S = A.options;
+        return o && N === 0 && (S = [{ value: null, label: "None" }, ...S]), {
+          options: S,
+          count: I,
+          limit: m
         };
       },
-      [x]
+      [o, H]
     );
-    if (p)
+    if (x)
       return /* @__PURE__ */ r(Oi, {});
-    const E = {
-      ref: o,
+    const w = {
+      ref: d,
       placeholder: t,
       disabled: s
     };
     return e ? /* @__PURE__ */ r(
       E1,
       {
-        ...E,
+        ...w,
         mode: e,
         value: n,
         onChange: l,
-        loadOptions: y,
+        loadOptions: E,
         loadOnClosedState: !0,
-        extraOptions: h
+        extraOptions: C
       }
     ) : /* @__PURE__ */ r(
       E1,
       {
-        ...E,
+        ...w,
         value: n,
         mode: void 0,
         onChange: l,
-        loadOptions: y,
+        loadOptions: E,
         loadOnClosedState: !0,
-        extraOptions: h
+        extraOptions: C
       }
     );
   }