npm - @snmt-react-ui/user-select - Versions diffs - 2.5.5 → 2.5.7 - Mend

@snmt-react-ui/user-select 2.5.5 → 2.5.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/user-select.js +919 -916
package/package.json +4 -4

package/dist/user-select.js CHANGED Viewed

@@ -1,11 +1,11 @@
-var oe = Object.defineProperty;
-var le = (i, e, t) => e in i ? oe(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var M1 = (i, e, t) => le(i, typeof e != "symbol" ? e + "" : e, t);
+var le = Object.defineProperty;
+var ae = (i, e, t) => e in i ? le(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var y1 = (i, e, t) => ae(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
-import { jsx as r, Fragment as X, jsxs as C } from "react/jsx-runtime";
-import { createContext as r1, forwardRef as o1, useState as A, useRef as l1, useEffect as G, useCallback as j, useImperativeHandle as ae, useContext as a1 } from "react";
-import { Select as he, Flex as ce, Avatar as de, Checkbox as ge, Typography as K1, Tag as P1, Popover as Ce } from "antd";
-import { SNMTUiContext as ue } from "@snmt-react-ui/core";
+import { jsx as r, Fragment as e1, jsxs as C } from "react/jsx-runtime";
+import { createContext as r1, forwardRef as o1, useState as W, useRef as l1, useEffect as K, useCallback as G, useImperativeHandle as he, useContext as a1 } from "react";
+import { Select as ce, Flex as de, Avatar as ge, Checkbox as Ce, Typography as P1, Tag as $1, Popover as ue } from "antd";
+import { SNMTUiContext as pe } from "@snmt-react-ui/core";
 const d1 = ({
   children: i,
   direction: e = "row",
@@ -16,7 +16,7 @@ const d1 = ({
   gap: c,
   padding: o
 }) => /* @__PURE__ */ r(
-  ce,
+  de,
   {
     className: `snmt-flex${t === "inherit" ? " inherit" : ""}`,
     vertical: e === "column",
@@ -28,10 +28,10 @@ const d1 = ({
     style: { padding: o },
     children: i
   }
-), pe = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
+), fe = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
   const n = typeof s.src == "string";
   return /* @__PURE__ */ r(
-    de,
+    ge,
     {
       className: `snmt-avatar ${n ? "image" : ""}`,
       shape: i,
@@ -42,13 +42,13 @@ const d1 = ({
     }
   );
 };
-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 = r1({
+var X = /* @__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))(X || {});
+const F1 = r1({
   locale: "en",
   theme: "light"
 });
-$1.Provider;
-const fe = ({
+F1.Provider;
+const we = ({
   checked: i = !0,
   indeterminate: e = !1,
   children: t,
@@ -56,13 +56,13 @@ const fe = ({
   disabled: n = !1,
   disableUncheck: l = !1
 }) => {
-  const [c, o] = A(i), [d, g] = A(e);
-  G(() => {
+  const [c, o] = W(i), [d, g] = W(e);
+  K(() => {
     o(i), g(e);
   }, [i, e]);
-  const { theme: a } = a1($1);
+  const { theme: a } = a1(F1);
   return /* @__PURE__ */ r(
-    ge,
+    Ce,
     {
       className: `snmt-checkbox snmt-checkbox-${a}`,
       checked: c,
@@ -75,13 +75,13 @@ 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 = r1({
+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 = r1({
   locale: "en",
   theme: "light"
 });
-F1.Provider;
-const we = ({
+Y1.Provider;
+const me = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -108,7 +108,7 @@ const we = ({
       }
     )
   }
-), me = ({
+), ke = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -135,7 +135,7 @@ const we = ({
       }
     )
   }
-), ke = ({
+), Le = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -163,7 +163,7 @@ const we = ({
       )
     ]
   }
-), Le = ({
+), ve = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -198,7 +198,7 @@ const we = ({
       )
     ]
   }
-), ve = ({
+), Ne = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
@@ -237,7 +237,7 @@ const we = ({
       )
     ]
   }
-), Ne = ({
+), xe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -263,7 +263,7 @@ const we = ({
       }
     )
   }
-), xe = ({
+), Me = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -316,7 +316,7 @@ const we = ({
       )
     ]
   }
-), Me = ({
+), ye = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -370,7 +370,7 @@ const we = ({
       )
     ]
   }
-), ye = ({
+), be = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -409,7 +409,7 @@ const we = ({
       /* @__PURE__ */ r("path", { d: "M3 12L17 12", stroke: t, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), be = ({
+), Ee = ({
   width: i = 16,
   height: e = 12,
   color: t = "#001E52",
@@ -458,7 +458,7 @@ const we = ({
       )
     ] })
   }
-), Ee = ({
+), He = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -492,7 +492,7 @@ const we = ({
       )
     ]
   }
-), He = ({
+), Ve = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -531,7 +531,7 @@ const we = ({
       )
     ] })
   }
-), Ve = ({
+), _e = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -567,7 +567,7 @@ const we = ({
       )
     ]
   }
-), _e = ({
+), Ie = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
@@ -605,7 +605,7 @@ const we = ({
       /* @__PURE__ */ r("circle", { cx: "3", cy: "3", r: "3", fill: t })
     ]
   }
-), Ie = ({
+), Oe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -652,7 +652,7 @@ const we = ({
       )
     ]
   }
-), Oe = ({
+), Se = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -685,7 +685,7 @@ const we = ({
       )
     ]
   }
-), Se = ({
+), Ae = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -732,7 +732,7 @@ const we = ({
       )
     ]
   }
-), Ae = ({
+), Be = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -765,7 +765,7 @@ const we = ({
       )
     ]
   }
-), Be = ({
+), Ze = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -804,7 +804,7 @@ const we = ({
       )
     ]
   }
-), Ze = ({
+), We = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -837,7 +837,7 @@ const we = ({
       )
     ]
   }
-), We = ({
+), je = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -861,7 +861,7 @@ const we = ({
       }
     )
   }
-), je = ({
+), De = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -908,7 +908,7 @@ const we = ({
       )
     ]
   }
-), De = ({
+), Te = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -941,7 +941,7 @@ const we = ({
       )
     ]
   }
-), Te = ({
+), Ge = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -974,7 +974,7 @@ const we = ({
       )
     ]
   }
-), Ge = ({
+), Ke = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -1035,7 +1035,7 @@ const we = ({
       )
     ]
   }
-), Ke = ({
+), Pe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -1075,7 +1075,7 @@ const we = ({
       )
     ]
   }
-), Pe = ({
+), $e = ({
   width: i = 32,
   height: e = 25,
   color: t = "#001E52",
@@ -1103,7 +1103,7 @@ const we = ({
       )
     ]
   }
-), $e = ({
+), Fe = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -1132,7 +1132,7 @@ const we = ({
       )
     ]
   }
-), Fe = ({
+), Ye = ({
   width: i = 11,
   height: e = 11,
   color: t = "#FFB020",
@@ -1166,7 +1166,7 @@ const we = ({
       )
     ]
   }
-), Ye = ({
+), Ue = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -1214,7 +1214,7 @@ const we = ({
       )
     ]
   }
-), Ue = ({
+), ze = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -1242,7 +1242,7 @@ const we = ({
       )
     ]
   }
-), ze = ({
+), Je = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -1276,7 +1276,7 @@ const we = ({
       )
     ]
   }
-), Je = ({
+), Qe = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -1324,7 +1324,7 @@ const we = ({
       )
     ]
   }
-), Qe = ({
+), qe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1354,7 +1354,7 @@ const we = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), qe = ({
+), Xe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1392,7 +1392,7 @@ const we = ({
       )
     ]
   }
-), Xe = ({
+), et = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -1418,7 +1418,7 @@ const we = ({
       }
     )
   }
-), et = ({
+), tt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -1447,7 +1447,7 @@ const we = ({
       )
     ]
   }
-), tt = ({
+), it = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -1476,7 +1476,7 @@ const we = ({
       )
     ]
   }
-), it = ({
+), st = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
@@ -1513,7 +1513,7 @@ const we = ({
       )
     ]
   }
-), st = ({
+), nt = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
@@ -1552,7 +1552,7 @@ const we = ({
       )
     ]
   }
-), nt = ({
+), rt = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1581,7 +1581,7 @@ const we = ({
       )
     ]
   }
-), rt = ({
+), ot = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1618,10 +1618,10 @@ const we = ({
       )
     ]
   }
-), ot = ({
+), lt = ({
   width: i = 24,
   height: e = 24,
-  color: t = k.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -1657,10 +1657,10 @@ const we = ({
       )
     ]
   }
-), lt = ({
+), at = ({
   width: i = 20,
   height: e = 20,
-  color: t = k.GREY_DARK_1,
+  color: t = L.GREY_DARK_1,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -1690,10 +1690,10 @@ const we = ({
       )
     ]
   }
-), at = ({
+), ht = ({
   width: i = 81,
   height: e = 80,
-  color: t = k.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -1739,9 +1739,9 @@ const we = ({
       )
     ]
   }
-), ht = ({
+), ct = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1766,9 +1766,9 @@ const we = ({
       }
     )
   }
-), ct = ({
+), dt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1793,9 +1793,9 @@ const we = ({
       }
     )
   }
-), dt = ({
+), gt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -1817,9 +1817,9 @@ const we = ({
       }
     )
   }
-), gt = ({
+), Ct = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -1842,9 +1842,9 @@ const we = ({
       }
     )
   }
-), Ct = ({
+), ut = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1881,9 +1881,9 @@ const we = ({
       )
     ]
   }
-), ut = ({
+), pt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1920,9 +1920,9 @@ const we = ({
       )
     ]
   }
-), pt = ({
+), ft = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1947,9 +1947,9 @@ const we = ({
       }
     )
   }
-), ft = ({
+), wt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2006,9 +2006,9 @@ const we = ({
       )
     ]
   }
-), wt = ({
+), mt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2043,9 +2043,9 @@ const we = ({
       )
     ]
   }
-), mt = ({
+), kt = ({
   className: i,
-  color: e = k.GREY_DARK_3,
+  color: e = L.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: n
@@ -2080,9 +2080,9 @@ const we = ({
       )
     ]
   }
-), kt = ({
+), Lt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: n = 18
@@ -2107,9 +2107,9 @@ const we = ({
       }
     )
   }
-), Lt = ({
+), vt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2159,9 +2159,9 @@ const we = ({
       )
     ]
   }
-), vt = ({
+), Nt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2196,9 +2196,9 @@ const we = ({
       )
     ]
   }
-), Nt = ({
+), xt = ({
   className: i,
-  color: e = k.NOTIFICATION_WARNING_DARK,
+  color: e = L.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: n
@@ -2235,9 +2235,9 @@ const we = ({
       )
     ]
   }
-), xt = ({
+), Mt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2263,7 +2263,7 @@ const we = ({
   }
 ), Rt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2300,9 +2300,9 @@ const we = ({
       )
     ]
   }
-), Mt = ({
+), yt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2339,9 +2339,9 @@ const we = ({
       )
     ]
   }
-), yt = ({
+), bt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2408,9 +2408,9 @@ const we = ({
       )
     ]
   }
-), bt = ({
+), Et = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2447,9 +2447,9 @@ const we = ({
       )
     ]
   }
-), Et = ({
+), Ht = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2504,9 +2504,9 @@ const we = ({
       )
     ]
   }
-), Ht = ({
+), Vt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2543,9 +2543,9 @@ const we = ({
       )
     ]
   }
-), Vt = ({
+), _t = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2592,9 +2592,9 @@ const we = ({
       )
     ]
   }
-), _t = ({
+), It = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2631,9 +2631,9 @@ const we = ({
       )
     ]
   }
-), It = ({
+), Ot = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2658,9 +2658,9 @@ const we = ({
       }
     )
   }
-), Ot = ({
+), St = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2696,9 +2696,9 @@ const we = ({
       )
     ]
   }
-), St = ({
+), At = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2717,9 +2717,9 @@ const we = ({
       /* @__PURE__ */ r("path", { d: "M12 8L4 8", stroke: e, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), At = ({
+), Bt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2756,9 +2756,9 @@ const we = ({
       )
     ]
   }
-), Bt = ({
+), Zt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2795,9 +2795,9 @@ const we = ({
       )
     ]
   }
-), Zt = ({
+), Wt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2834,9 +2834,9 @@ const we = ({
       )
     ]
   }
-), Wt = ({
+), jt = ({
   className: i,
-  color: e = k.GREY_DARK_2,
+  color: e = L.GREY_DARK_2,
   height: t = 16,
   width: s = 16,
   onClick: n
@@ -2860,9 +2860,9 @@ const we = ({
       }
     )
   }
-), jt = ({
+), Dt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -2889,9 +2889,9 @@ const we = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ r("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), Dt = ({
+), Tt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -2918,9 +2918,9 @@ const we = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ r("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), Tt = ({
+), Gt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -2935,7 +2935,7 @@ const we = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: k.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -2947,9 +2947,9 @@ const we = ({
       )
     ]
   }
-), Gt = ({
+), Kt = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -2964,7 +2964,7 @@ const we = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: k.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -2976,7 +2976,7 @@ const we = ({
       )
     ]
   }
-), Kt = ({
+), Pt = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3002,7 +3002,7 @@ const we = ({
       }
     )
   }
-), Pt = ({
+), $t = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -3030,7 +3030,7 @@ const we = ({
       }
     )
   }
-), $t = ({
+), Ft = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3068,7 +3068,7 @@ const we = ({
       )
     ] }) })
   }
-), Ft = ({
+), Yt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3133,49 +3133,49 @@ const we = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [o, d] = A(n), { theme: g } = a1(F1), a = l ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, h = l ? void 0 : c;
-  return G(() => {
+  const [o, d] = W(n), { theme: g } = a1(Y1), a = l ? g && g === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = l ? void 0 : c;
+  return K(() => {
     if (n) {
       h && !l && d(`${n} clickable`);
       return;
     }
     h && !l && d("clickable");
-  }, [h, n, l]), /* @__PURE__ */ r(X, { children: (() => {
+  }, [h, n, l]), /* @__PURE__ */ r(e1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return ht({ width: e, height: t, color: a, className: o, onClick: h });
-      case "prevIcon":
         return ct({ width: e, height: t, color: a, className: o, onClick: h });
+      case "prevIcon":
+        return dt({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUp":
-        return we({ width: e, height: t, color: a, className: o, onClick: h });
-      case "arrowDown":
         return me({ width: e, height: t, color: a, className: o, onClick: h });
-      case "info":
+      case "arrowDown":
         return ke({ width: e, height: t, color: a, className: o, onClick: h });
-      case "arrowRight":
+      case "info":
         return Le({ width: e, height: t, color: a, className: o, onClick: h });
-      case "calendar":
+      case "arrowRight":
         return ve({ width: e, height: t, color: a, className: o, onClick: h });
-      case "ok":
+      case "calendar":
         return Ne({ width: e, height: t, color: a, className: o, onClick: h });
-      case "cancel":
+      case "ok":
         return xe({ width: e, height: t, color: a, className: o, onClick: h });
+      case "cancel":
+        return Me({ width: e, height: t, color: a, className: o, onClick: h });
       case "add":
         return Re({ width: e, height: t, color: a, className: o, onClick: h });
       case "list":
-        return Me({ width: e, height: t, color: a, className: o, onClick: h });
-      case "dragAndDrop":
         return ye({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filter":
+      case "dragAndDrop":
         return be({ width: e, height: t, color: a, className: o, onClick: h });
-      case "attention":
+      case "filter":
         return Ee({ width: e, height: t, color: a, className: o, onClick: h });
-      case "plus":
+      case "attention":
         return He({ width: e, height: t, color: a, className: o, onClick: h });
-      case "time":
+      case "plus":
         return Ve({ width: e, height: t, color: a, className: o, onClick: h });
+      case "time":
+        return _e({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDownLong":
-        return _e({
+        return Ie({
           width: e,
           height: t,
           color: a,
@@ -3183,9 +3183,9 @@ const we = ({
           onClick: h
         });
       case "users":
-        return Ie({ width: e, height: t, color: a, className: o, onClick: h });
+        return Oe({ width: e, height: t, color: a, className: o, onClick: h });
       case "mySkillsMatrix":
-        return Oe({
+        return Se({
           width: e,
           height: t,
           color: a,
@@ -3193,9 +3193,9 @@ const we = ({
           onClick: h
         });
       case "skills":
-        return Se({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ae({ width: e, height: t, color: a, className: o, onClick: h });
       case "skillsMatrices":
-        return Ae({
+        return Be({
           width: e,
           height: t,
           color: a,
@@ -3203,23 +3203,23 @@ const we = ({
           onClick: h
         });
       case "history":
-        return Be({ width: e, height: t, color: a, className: o, onClick: h });
-      case "logOut":
         return Ze({ width: e, height: t, color: a, className: o, onClick: h });
-      case "settings":
+      case "logOut":
         return We({ width: e, height: t, color: a, className: o, onClick: h });
-      case "addSkill":
+      case "settings":
         return je({ width: e, height: t, color: a, className: o, onClick: h });
-      case "conversation":
+      case "addSkill":
         return De({ width: e, height: t, color: a, className: o, onClick: h });
-      case "trash":
+      case "conversation":
         return Te({ width: e, height: t, color: a, className: o, onClick: h });
-      case "settings4":
+      case "trash":
         return Ge({ width: e, height: t, color: a, className: o, onClick: h });
-      case "edit2":
+      case "settings4":
         return Ke({ width: e, height: t, color: a, className: o, onClick: h });
+      case "edit2":
+        return Pe({ width: e, height: t, color: a, className: o, onClick: h });
       case "notifications":
-        return Pe({
+        return $e({
           width: e,
           height: t,
           color: a,
@@ -3227,9 +3227,9 @@ const we = ({
           onClick: h
         });
       case "success":
-        return $e({ width: e, height: t, color: a, className: o, onClick: h });
+        return Fe({ width: e, height: t, color: a, className: o, onClick: h });
       case "attentionSmall":
-        return Fe({
+        return Ye({
           width: e,
           height: t,
           color: a,
@@ -3237,11 +3237,11 @@ const we = ({
           onClick: h
         });
       case "errorSmall":
-        return Ye({ width: e, height: t, color: a, className: o, onClick: h });
-      case "infoMedium":
         return Ue({ width: e, height: t, color: a, className: o, onClick: h });
+      case "infoMedium":
+        return ze({ width: e, height: t, color: a, className: o, onClick: h });
       case "attentionMedium":
-        return ze({
+        return Je({
           width: e,
           height: t,
           color: a,
@@ -3249,9 +3249,9 @@ const we = ({
           onClick: h
         });
       case "errorMedium":
-        return Je({ width: e, height: t, color: a, className: o, onClick: h });
+        return Qe({ width: e, height: t, color: a, className: o, onClick: h });
       case "faviconSkills":
-        return it({
+        return st({
           width: e,
           height: t,
           color: a,
@@ -3259,7 +3259,7 @@ const we = ({
           onClick: h
         });
       case "visibilityIcon":
-        return Qe({
+        return qe({
           width: e,
           height: t,
           color: a,
@@ -3267,7 +3267,7 @@ const we = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return qe({
+        return Xe({
           width: e,
           height: t,
           color: a,
@@ -3275,7 +3275,7 @@ const we = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return Xe({
+        return et({
           width: e,
           height: t,
           color: a,
@@ -3283,7 +3283,7 @@ const we = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return et({
+        return tt({
           width: e,
           height: t,
           color: a,
@@ -3291,7 +3291,7 @@ const we = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return tt({
+        return it({
           width: e,
           height: t,
           color: a,
@@ -3299,99 +3299,99 @@ const we = ({
           onClick: h
         });
       case "camera":
-        return st({ width: e, height: t, color: a, className: o, onClick: h });
-      case "sortUp":
         return nt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "sortDown":
+      case "sortUp":
         return rt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "logOut2":
+      case "sortDown":
         return ot({ width: e, height: t, color: a, className: o, onClick: h });
-      case "search":
+      case "logOut2":
         return lt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "handRock":
+      case "search":
         return at({ width: e, height: t, color: a, className: o, onClick: h });
+      case "handRock":
+        return ht({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUpFilled":
-        return gt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ct({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDownFilled":
-        return dt({ width: e, height: t, color: a, className: o, onClick: h });
+        return gt({ width: e, height: t, color: a, className: o, onClick: h });
       case "link":
-        return Ct({ width: e, height: t, color: a, className: o, onClick: h });
+        return ut({ width: e, height: t, color: a, className: o, onClick: h });
       case "telegram":
-        return pt({ width: e, height: t, color: a, className: o, onClick: h });
+        return ft({ width: e, height: t, color: a, className: o, onClick: h });
       case "mail":
-        return wt({ width: e, height: t, color: a, className: o, onClick: h });
+        return mt({ width: e, height: t, color: a, className: o, onClick: h });
       case "github":
-        return ut({ width: e, height: t, color: a, className: o, onClick: h });
+        return pt({ width: e, height: t, color: a, className: o, onClick: h });
       case "linkedIn":
-        return ft({ width: e, height: t, color: a, className: o, onClick: h });
+        return wt({ width: e, height: t, color: a, className: o, onClick: h });
       case "emptyStateIcon":
-        return mt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filtersIcon":
         return kt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "dotMenuIcon":
+      case "filtersIcon":
         return Lt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "plusCircle":
+      case "dotMenuIcon":
         return vt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "warning":
+      case "plusCircle":
         return Nt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "back":
+      case "warning":
         return xt({ width: e, height: t, color: a, className: o, onClick: h });
+      case "back":
+        return Mt({ width: e, height: t, color: a, className: o, onClick: h });
       case "bell":
         return Rt({ width: e, height: t, color: a, className: o, onClick: h });
       case "contract":
-        return yt({ width: e, height: t, color: a, className: o, onClick: h });
+        return bt({ width: e, height: t, color: a, className: o, onClick: h });
       case "trash2":
-        return Mt({ width: e, height: t, color: a, className: o, onClick: h });
+        return yt({ width: e, height: t, color: a, className: o, onClick: h });
       case "manager":
-        return bt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "resourceManager":
         return Et({ width: e, height: t, color: a, className: o, onClick: h });
-      case "settings2":
+      case "resourceManager":
         return Ht({ width: e, height: t, color: a, className: o, onClick: h });
-      case "image":
+      case "settings2":
         return Vt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "upload":
+      case "image":
         return _t({ width: e, height: t, color: a, className: o, onClick: h });
-      case "edit":
+      case "upload":
         return It({ width: e, height: t, color: a, className: o, onClick: h });
-      case "location":
+      case "edit":
         return Ot({ width: e, height: t, color: a, className: o, onClick: h });
-      case "plus2":
+      case "location":
         return St({ width: e, height: t, color: a, className: o, onClick: h });
-      case "search2":
+      case "plus2":
         return At({ width: e, height: t, color: a, className: o, onClick: h });
-      case "fastArrowLeft":
+      case "search2":
         return Bt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "fastArrowRight":
+      case "fastArrowLeft":
         return Zt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "crossInCircle":
+      case "fastArrowRight":
         return Wt({ width: e, height: t, color: a, className: o, onClick: h });
+      case "crossInCircle":
+        return jt({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUp2":
-        return Dt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Tt({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDown2":
-        return jt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Dt({ width: e, height: t, color: a, className: o, onClick: h });
       case "filledArrowLeft":
-        return Tt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filledArrowRight":
         return Gt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "burgerMenu":
+      case "filledArrowRight":
         return Kt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "signOut":
+      case "burgerMenu":
         return Pt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "refresh":
+      case "signOut":
         return $t({ width: e, height: t, color: a, className: o, onClick: h });
-      case "projects":
+      case "refresh":
         return Ft({ width: e, height: t, color: a, className: o, onClick: h });
+      case "projects":
+        return Yt({ width: e, height: t, color: a, className: o, onClick: h });
       default:
-        return /* @__PURE__ */ r(X, { children: "No Icon provided" });
+        return /* @__PURE__ */ r(e1, { children: "No Icon provided" });
     }
   })() });
-}, { Title: Yt, Text: Ut } = K1, zt = {
+}, { Title: Ut, Text: zt } = P1, Jt = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, Jt = o1(
+}, Qt = o1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -3404,17 +3404,17 @@ const we = ({
     const d = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let g = `snmt-typography snmt-typography-${e}`;
     return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), l && (g += " collapsed"), d ? /* @__PURE__ */ r(
-      Yt,
+      Ut,
       {
         className: g,
         style: { color: t, whiteSpace: c },
         onClick: n,
-        level: zt[e],
+        level: Jt[e],
         ref: o,
         children: s
       }
     ) : /* @__PURE__ */ r(
-      Ut,
+      zt,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -3425,13 +3425,13 @@ 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 = r1({
+var v = /* @__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))(v || {});
+const U1 = r1({
   locale: "en",
   theme: "light"
 });
-Y1.Provider;
-const Qt = ({
+U1.Provider;
+const qt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3458,7 +3458,7 @@ const Qt = ({
       }
     )
   }
-), qt = ({
+), Xt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3485,7 +3485,7 @@ const Qt = ({
       }
     )
   }
-), Xt = ({
+), e2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3513,7 +3513,7 @@ const Qt = ({
       )
     ]
   }
-), e2 = ({
+), t2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3548,7 +3548,7 @@ const Qt = ({
       )
     ]
   }
-), t2 = ({
+), i2 = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
@@ -3587,7 +3587,7 @@ const Qt = ({
       )
     ]
   }
-), i2 = ({
+), s2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3613,7 +3613,7 @@ const Qt = ({
       }
     )
   }
-), s2 = ({
+), n2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3634,7 +3634,7 @@ const Qt = ({
       /* @__PURE__ */ r("path", { d: "M16 4L4 16", stroke: t, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), n2 = ({
+), r2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3666,7 +3666,7 @@ const Qt = ({
       )
     ]
   }
-), r2 = ({
+), o2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3720,7 +3720,7 @@ const Qt = ({
       )
     ]
   }
-), o2 = ({
+), l2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3759,7 +3759,7 @@ const Qt = ({
       /* @__PURE__ */ r("path", { d: "M3 12L17 12", stroke: t, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), l2 = ({
+), a2 = ({
   width: i = 16,
   height: e = 12,
   color: t = "#001E52",
@@ -3808,7 +3808,7 @@ const Qt = ({
       )
     ] })
   }
-), a2 = ({
+), h2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3842,7 +3842,7 @@ const Qt = ({
       )
     ]
   }
-), h2 = ({
+), c2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -3881,7 +3881,7 @@ const Qt = ({
       )
     ] })
   }
-), c2 = ({
+), d2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3917,7 +3917,7 @@ const Qt = ({
       )
     ]
   }
-), d2 = ({
+), g2 = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
@@ -3955,7 +3955,7 @@ const Qt = ({
       /* @__PURE__ */ r("circle", { cx: "3", cy: "3", r: "3", fill: t })
     ]
   }
-), g2 = ({
+), C2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4002,7 +4002,7 @@ const Qt = ({
       )
     ]
   }
-), C2 = ({
+), u2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4035,7 +4035,7 @@ const Qt = ({
       )
     ]
   }
-), u2 = ({
+), p2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4082,7 +4082,7 @@ const Qt = ({
       )
     ]
   }
-), p2 = ({
+), f2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4115,7 +4115,7 @@ const Qt = ({
       )
     ]
   }
-), f2 = ({
+), w2 = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -4154,7 +4154,7 @@ const Qt = ({
       )
     ]
   }
-), w2 = ({
+), m2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4187,7 +4187,7 @@ const Qt = ({
       )
     ]
   }
-), m2 = ({
+), k2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4211,7 +4211,7 @@ const Qt = ({
       }
     )
   }
-), k2 = ({
+), L2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4258,7 +4258,7 @@ const Qt = ({
       )
     ]
   }
-), L2 = ({
+), v2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4291,7 +4291,7 @@ const Qt = ({
       )
     ]
   }
-), v2 = ({
+), N2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4324,7 +4324,7 @@ const Qt = ({
       )
     ]
   }
-), N2 = ({
+), x2 = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -4385,7 +4385,7 @@ const Qt = ({
       )
     ]
   }
-), x2 = ({
+), M2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4453,7 +4453,7 @@ const Qt = ({
       )
     ]
   }
-), M2 = ({
+), y2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -4482,7 +4482,7 @@ const Qt = ({
       )
     ]
   }
-), y2 = ({
+), b2 = ({
   width: i = 11,
   height: e = 11,
   color: t = "#FFB020",
@@ -4516,7 +4516,7 @@ const Qt = ({
       )
     ]
   }
-), b2 = ({
+), E2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -4564,7 +4564,7 @@ const Qt = ({
       )
     ]
   }
-), E2 = ({
+), H2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -4592,7 +4592,7 @@ const Qt = ({
       )
     ]
   }
-), H2 = ({
+), V2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -4626,7 +4626,7 @@ const Qt = ({
       )
     ]
   }
-), V2 = ({
+), _2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -4674,7 +4674,7 @@ const Qt = ({
       )
     ]
   }
-), _2 = ({
+), I2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4704,7 +4704,7 @@ const Qt = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), I2 = ({
+), O2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4742,7 +4742,7 @@ const Qt = ({
       )
     ]
   }
-), O2 = ({
+), S2 = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -4768,7 +4768,7 @@ const Qt = ({
       }
     )
   }
-), S2 = ({
+), A2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -4797,7 +4797,7 @@ const Qt = ({
       )
     ]
   }
-), A2 = ({
+), B2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -4826,7 +4826,7 @@ const Qt = ({
       )
     ]
   }
-), B2 = ({
+), Z2 = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
@@ -4863,7 +4863,7 @@ const Qt = ({
       )
     ]
   }
-), Z2 = ({
+), W2 = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
@@ -4902,7 +4902,7 @@ const Qt = ({
       )
     ]
   }
-), W2 = ({
+), j2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4931,7 +4931,7 @@ const Qt = ({
       )
     ]
   }
-), j2 = ({
+), D2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4968,10 +4968,10 @@ const Qt = ({
       )
     ]
   }
-), D2 = ({
+), T2 = ({
   width: i = 24,
   height: e = 24,
-  color: t = L.GREY_DARK_5,
+  color: t = v.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -5007,10 +5007,10 @@ const Qt = ({
       )
     ]
   }
-), T2 = ({
+), G2 = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_1,
+  color: t = v.GREY_DARK_1,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -5040,10 +5040,10 @@ const Qt = ({
       )
     ]
   }
-), G2 = ({
+), K2 = ({
   width: i = 81,
   height: e = 80,
-  color: t = L.GREY_DARK_5,
+  color: t = v.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ C(
@@ -5089,9 +5089,9 @@ const Qt = ({
       )
     ]
   }
-), K2 = ({
+), P2 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -5116,9 +5116,9 @@ const Qt = ({
       }
     )
   }
-), P2 = ({
+), $2 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -5143,9 +5143,9 @@ const Qt = ({
       }
     )
   }
-), $2 = ({
+), F2 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -5167,9 +5167,9 @@ const Qt = ({
       }
     )
   }
-), F2 = ({
+), Y2 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -5192,9 +5192,9 @@ const Qt = ({
       }
     )
   }
-), Y2 = ({
+), U2 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5231,9 +5231,9 @@ const Qt = ({
       )
     ]
   }
-), U2 = ({
+), z2 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5270,9 +5270,9 @@ const Qt = ({
       )
     ]
   }
-), z2 = ({
+), J2 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5297,9 +5297,9 @@ const Qt = ({
       }
     )
   }
-), J2 = ({
+), Q2 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5356,9 +5356,9 @@ const Qt = ({
       )
     ]
   }
-), Q2 = ({
+), q2 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5393,9 +5393,9 @@ const Qt = ({
       )
     ]
   }
-), q2 = ({
+), X2 = ({
   className: i,
-  color: e = L.GREY_DARK_3,
+  color: e = v.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: n
@@ -5430,9 +5430,9 @@ const Qt = ({
       )
     ]
   }
-), X2 = ({
+), e5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: n = 18
@@ -5457,9 +5457,9 @@ const Qt = ({
       }
     )
   }
-), e5 = ({
+), t5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5509,9 +5509,9 @@ const Qt = ({
       )
     ]
   }
-), t5 = ({
+), i5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5546,9 +5546,9 @@ const Qt = ({
       )
     ]
   }
-), i5 = ({
+), s5 = ({
   className: i,
-  color: e = L.NOTIFICATION_WARNING_DARK,
+  color: e = v.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: n
@@ -5585,9 +5585,9 @@ const Qt = ({
       )
     ]
   }
-), s5 = ({
+), n5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5611,9 +5611,9 @@ const Qt = ({
       }
     )
   }
-), n5 = ({
+), r5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5650,9 +5650,9 @@ const Qt = ({
       )
     ]
   }
-), r5 = ({
+), o5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5689,9 +5689,9 @@ const Qt = ({
       )
     ]
   }
-), o5 = ({
+), l5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5758,9 +5758,9 @@ const Qt = ({
       )
     ]
   }
-), l5 = ({
+), a5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5797,9 +5797,9 @@ const Qt = ({
       )
     ]
   }
-), a5 = ({
+), h5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5854,9 +5854,9 @@ const Qt = ({
       )
     ]
   }
-), h5 = ({
+), c5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5893,9 +5893,9 @@ const Qt = ({
       )
     ]
   }
-), c5 = ({
+), d5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5942,9 +5942,9 @@ const Qt = ({
       )
     ]
   }
-), d5 = ({
+), g5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5981,9 +5981,9 @@ const Qt = ({
       )
     ]
   }
-), g5 = ({
+), C5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6008,9 +6008,9 @@ const Qt = ({
       }
     )
   }
-), C5 = ({
+), u5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6046,9 +6046,9 @@ const Qt = ({
       )
     ]
   }
-), u5 = ({
+), p5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6067,9 +6067,9 @@ const Qt = ({
       /* @__PURE__ */ r("path", { d: "M12 8L4 8", stroke: e, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), p5 = ({
+), f5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6106,9 +6106,9 @@ const Qt = ({
       )
     ]
   }
-), f5 = ({
+), w5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6145,9 +6145,9 @@ const Qt = ({
       )
     ]
   }
-), w5 = ({
+), m5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6184,9 +6184,9 @@ const Qt = ({
       )
     ]
   }
-), m5 = ({
+), k5 = ({
   className: i,
-  color: e = L.GREY_DARK_2,
+  color: e = v.GREY_DARK_2,
   height: t = 16,
   width: s = 16,
   onClick: n
@@ -6210,9 +6210,9 @@ const Qt = ({
       }
     )
   }
-), k5 = ({
+), L5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -6239,9 +6239,9 @@ const Qt = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ r("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), L5 = ({
+), v5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -6268,9 +6268,9 @@ const Qt = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ r("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), v5 = ({
+), N5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -6285,7 +6285,7 @@ const Qt = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: v.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -6297,9 +6297,9 @@ const Qt = ({
       )
     ]
   }
-), N5 = ({
+), x5 = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = v.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -6314,7 +6314,7 @@ const Qt = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: v.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -6326,7 +6326,7 @@ const Qt = ({
       )
     ]
   }
-), x5 = ({
+), M5 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -6380,7 +6380,7 @@ const Qt = ({
       }
     )
   }
-), M5 = ({
+), y5 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -6418,7 +6418,7 @@ const Qt = ({
       )
     ] }) })
   }
-), y5 = ({
+), b5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -6474,7 +6474,7 @@ const Qt = ({
       }
     )
   }
-), b5 = ({
+), E5 = ({
   name: i,
   width: e,
   height: t,
@@ -6483,49 +6483,49 @@ const Qt = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [o, d] = A(n), { theme: g } = a1(Y1), a = l ? g && g === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = l ? void 0 : c;
-  return G(() => {
+  const [o, d] = W(n), { theme: g } = a1(U1), a = l ? g && g === "dark" ? v.GREY_LIGHT_4 : v.GREY_DARK_1 : s, h = l ? void 0 : c;
+  return K(() => {
     if (n) {
       h && !l && d(`${n} clickable`);
       return;
     }
     h && !l && d("clickable");
-  }, [h, n, l]), /* @__PURE__ */ r(X, { children: (() => {
+  }, [h, n, l]), /* @__PURE__ */ r(e1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return K2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "prevIcon":
         return P2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "prevIcon":
+        return $2({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUp":
-        return Qt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "arrowDown":
         return qt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "info":
+      case "arrowDown":
         return Xt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "arrowRight":
+      case "info":
         return e2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "calendar":
+      case "arrowRight":
         return t2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "ok":
+      case "calendar":
         return i2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "cancel":
+      case "ok":
         return s2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "add":
+      case "cancel":
         return n2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "list":
+      case "add":
         return r2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "dragAndDrop":
+      case "list":
         return o2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filter":
+      case "dragAndDrop":
         return l2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "attention":
+      case "filter":
         return a2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "plus":
+      case "attention":
         return h2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "time":
+      case "plus":
         return c2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "time":
+        return d2({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDownLong":
-        return d2({
+        return g2({
           width: e,
           height: t,
           color: a,
@@ -6533,9 +6533,9 @@ const Qt = ({
           onClick: h
         });
       case "users":
-        return g2({ width: e, height: t, color: a, className: o, onClick: h });
+        return C2({ width: e, height: t, color: a, className: o, onClick: h });
       case "mySkillsMatrix":
-        return C2({
+        return u2({
           width: e,
           height: t,
           color: a,
@@ -6543,9 +6543,9 @@ const Qt = ({
           onClick: h
         });
       case "skills":
-        return u2({ width: e, height: t, color: a, className: o, onClick: h });
+        return p2({ width: e, height: t, color: a, className: o, onClick: h });
       case "skillsMatrices":
-        return p2({
+        return f2({
           width: e,
           height: t,
           color: a,
@@ -6553,21 +6553,21 @@ const Qt = ({
           onClick: h
         });
       case "history":
-        return f2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "logOut":
         return w2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "settings":
+      case "logOut":
         return m2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "addSkill":
+      case "settings":
         return k2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "conversation":
+      case "addSkill":
         return L2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "trash":
+      case "conversation":
         return v2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "settings4":
+      case "trash":
         return N2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "edit2":
+      case "settings4":
         return x2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "edit2":
+        return M2({ width: e, height: t, color: a, className: o, onClick: h });
       case "notifications":
         return R2({
           width: e,
@@ -6577,9 +6577,9 @@ const Qt = ({
           onClick: h
         });
       case "success":
-        return M2({ width: e, height: t, color: a, className: o, onClick: h });
+        return y2({ width: e, height: t, color: a, className: o, onClick: h });
       case "attentionSmall":
-        return y2({
+        return b2({
           width: e,
           height: t,
           color: a,
@@ -6587,11 +6587,11 @@ const Qt = ({
           onClick: h
         });
       case "errorSmall":
-        return b2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "infoMedium":
         return E2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "infoMedium":
+        return H2({ width: e, height: t, color: a, className: o, onClick: h });
       case "attentionMedium":
-        return H2({
+        return V2({
           width: e,
           height: t,
           color: a,
@@ -6599,9 +6599,9 @@ const Qt = ({
           onClick: h
         });
       case "errorMedium":
-        return V2({ width: e, height: t, color: a, className: o, onClick: h });
+        return _2({ width: e, height: t, color: a, className: o, onClick: h });
       case "faviconSkills":
-        return B2({
+        return Z2({
           width: e,
           height: t,
           color: a,
@@ -6609,7 +6609,7 @@ const Qt = ({
           onClick: h
         });
       case "visibilityIcon":
-        return _2({
+        return I2({
           width: e,
           height: t,
           color: a,
@@ -6617,7 +6617,7 @@ const Qt = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return I2({
+        return O2({
           width: e,
           height: t,
           color: a,
@@ -6625,7 +6625,7 @@ const Qt = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return O2({
+        return S2({
           width: e,
           height: t,
           color: a,
@@ -6633,7 +6633,7 @@ const Qt = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return S2({
+        return A2({
           width: e,
           height: t,
           color: a,
@@ -6641,7 +6641,7 @@ const Qt = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return A2({
+        return B2({
           width: e,
           height: t,
           color: a,
@@ -6649,111 +6649,111 @@ const Qt = ({
           onClick: h
         });
       case "camera":
-        return Z2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "sortUp":
         return W2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "sortDown":
+      case "sortUp":
         return j2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "logOut2":
+      case "sortDown":
         return D2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "search":
+      case "logOut2":
         return T2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "handRock":
+      case "search":
         return G2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "handRock":
+        return K2({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUpFilled":
-        return F2({ width: e, height: t, color: a, className: o, onClick: h });
+        return Y2({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDownFilled":
-        return $2({ width: e, height: t, color: a, className: o, onClick: h });
+        return F2({ width: e, height: t, color: a, className: o, onClick: h });
       case "link":
-        return Y2({ width: e, height: t, color: a, className: o, onClick: h });
+        return U2({ width: e, height: t, color: a, className: o, onClick: h });
       case "telegram":
-        return z2({ width: e, height: t, color: a, className: o, onClick: h });
+        return J2({ width: e, height: t, color: a, className: o, onClick: h });
       case "mail":
-        return Q2({ width: e, height: t, color: a, className: o, onClick: h });
+        return q2({ width: e, height: t, color: a, className: o, onClick: h });
       case "github":
-        return U2({ width: e, height: t, color: a, className: o, onClick: h });
+        return z2({ width: e, height: t, color: a, className: o, onClick: h });
       case "linkedIn":
-        return J2({ width: e, height: t, color: a, className: o, onClick: h });
+        return Q2({ width: e, height: t, color: a, className: o, onClick: h });
       case "emptyStateIcon":
-        return q2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filtersIcon":
         return X2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "dotMenuIcon":
+      case "filtersIcon":
         return e5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "plusCircle":
+      case "dotMenuIcon":
         return t5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "warning":
+      case "plusCircle":
         return i5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "back":
+      case "warning":
         return s5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "bell":
+      case "back":
         return n5({ width: e, height: t, color: a, className: o, onClick: h });
+      case "bell":
+        return r5({ width: e, height: t, color: a, className: o, onClick: h });
       case "contract":
-        return o5({ width: e, height: t, color: a, className: o, onClick: h });
+        return l5({ width: e, height: t, color: a, className: o, onClick: h });
       case "trash2":
-        return r5({ width: e, height: t, color: a, className: o, onClick: h });
+        return o5({ width: e, height: t, color: a, className: o, onClick: h });
       case "manager":
-        return l5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "resourceManager":
         return a5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "settings2":
+      case "resourceManager":
         return h5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "image":
+      case "settings2":
         return c5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "upload":
+      case "image":
         return d5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "edit":
+      case "upload":
         return g5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "location":
+      case "edit":
         return C5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "plus2":
+      case "location":
         return u5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "search2":
+      case "plus2":
         return p5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "fastArrowLeft":
+      case "search2":
         return f5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "fastArrowRight":
+      case "fastArrowLeft":
         return w5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "crossInCircle":
+      case "fastArrowRight":
         return m5({ width: e, height: t, color: a, className: o, onClick: h });
+      case "crossInCircle":
+        return k5({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUp2":
-        return L5({ width: e, height: t, color: a, className: o, onClick: h });
+        return v5({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDown2":
-        return k5({ width: e, height: t, color: a, className: o, onClick: h });
+        return L5({ width: e, height: t, color: a, className: o, onClick: h });
       case "filledArrowLeft":
-        return v5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filledArrowRight":
         return N5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "burgerMenu":
+      case "filledArrowRight":
         return x5({ width: e, height: t, color: a, className: o, onClick: h });
+      case "burgerMenu":
+        return M5({ width: e, height: t, color: a, className: o, onClick: h });
       case "signOut":
         return R5({ width: e, height: t, color: a, className: o, onClick: h });
       case "refresh":
-        return M5({ width: e, height: t, color: a, className: o, onClick: h });
-      case "projects":
         return y5({ width: e, height: t, color: a, className: o, onClick: h });
+      case "projects":
+        return b5({ width: e, height: t, color: a, className: o, onClick: h });
       default:
-        return /* @__PURE__ */ r(X, { children: "No Icon provided" });
+        return /* @__PURE__ */ r(e1, { children: "No Icon provided" });
     }
   })() });
 };
-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 E5 = r1({
+var z1 = /* @__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))(z1 || {});
+const H5 = r1({
   locale: "en",
   theme: "light"
 });
-E5.Provider;
-const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n = !0 }) => {
+H5.Provider;
+const J1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n = !0 }) => {
   const l = t === "small" ? 10 : 12.5;
   return /* @__PURE__ */ r(
-    P1,
+    $1,
     {
       className: `snmt-tag ${t}`,
       closeIcon: /* @__PURE__ */ r(
-        b5,
+        E5,
         {
           name: "errorSmall",
-          color: U1.GREY_DARK_2,
+          color: z1.GREY_DARK_2,
           width: l,
           height: l,
           onClick: s
@@ -6762,15 +6762,15 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
       bordered: !1,
       style: { width: e ?? "fit-content" },
       closable: n,
-      children: typeof i == "string" ? /* @__PURE__ */ r(Jt, { variant: t === "small" ? "body4" : "body2", children: i }) : i
+      children: typeof i == "string" ? /* @__PURE__ */ r(Qt, { variant: t === "small" ? "body4" : "body2", children: i }) : i
     }
   );
-}, { Title: H5, Text: V5 } = K1, _5 = {
+}, { Title: V5, Text: _5 } = P1, I5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, J1 = o1(
+}, Q1 = o1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -6783,17 +6783,17 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
     const d = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let g = `snmt-typography snmt-typography-${e}`;
     return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), l && (g += " collapsed"), d ? /* @__PURE__ */ r(
-      H5,
+      V5,
       {
         className: g,
         style: { color: t, whiteSpace: c },
         onClick: n,
-        level: _5[e],
+        level: I5[e],
         ref: o,
         children: s
       }
     ) : /* @__PURE__ */ r(
-      V5,
+      _5,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -6803,7 +6803,7 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
       }
     );
   }
-), I5 = ({
+), O5 = ({
   children: i,
   content: e,
   isOpen: t,
@@ -6811,9 +6811,9 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
   placement: n = "topRight",
   noPadding: l = !1
 }) => {
-  const [c, o] = A(!1);
+  const [c, o] = W(!1);
   return /* @__PURE__ */ r(
-    Ce,
+    ue,
     {
       content: e,
       arrow: !1,
@@ -6827,7 +6827,7 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
       children: /* @__PURE__ */ r("div", { className: "wrapper", children: i })
     }
   );
-}, O5 = ({
+}, S5 = ({
   values: i,
   onTagClose: e,
   maxWidth: t,
@@ -6835,8 +6835,8 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
   options: n,
   extraOptions: l
 }) => {
-  const [c, o] = A(!1);
-  G(() => {
+  const [c, o] = W(!1);
+  K(() => {
     i.length || o(!1);
   }, [i]);
   const d = (a) => {
@@ -6849,12 +6849,12 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
     return ((h = n == null ? void 0 : n.find((p) => p.value === a)) == null ? void 0 : h.label) || ((u = l == null ? void 0 : l.find((p) => p.value === a)) == null ? void 0 : u.label) || a;
   };
   return /* @__PURE__ */ r("div", { onMouseDown: d, className: "wrapper", children: /* @__PURE__ */ r(
-    I5,
+    O5,
     {
       content: (
         // 90: paddings + margins + gaps and so on
         /* @__PURE__ */ r("div", { style: { maxWidth: t - 90 }, children: /* @__PURE__ */ r(d1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: a }) => /* @__PURE__ */ r(
-          z1,
+          J1,
           {
             onClose: () => e(a),
             closable: !s,
@@ -6866,13 +6866,13 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
       placement: "bottomRight",
       isOpen: c,
       setIsOpen: o,
-      children: /* @__PURE__ */ r(P1, { className: `overflow-button ${c ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ C(J1, { variant: "body4", color: c ? q.BLUE_PRIMARY : void 0, children: [
+      children: /* @__PURE__ */ r($1, { className: `overflow-button ${c ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ C(Q1, { variant: "body4", color: c ? X.BLUE_PRIMARY : void 0, children: [
         i.length,
         " more"
       ] }) })
     }
   ) });
-}, y1 = ({ size: i = 30, color: e = "#004ed7" }) => {
+}, b1 = ({ size: i = 30, color: e = "#004ed7" }) => {
   const t = `no-repeat linear-gradient(${e}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${e} 0)`, s = {
     width: i,
@@ -6880,7 +6880,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 = o1(
+}, E1 = o1(
   ({
     value: i,
     onChange: e,
@@ -6891,170 +6891,171 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
     width: c,
     disabled: o = !1,
     required: d = !1,
-    scrollThresholdValue: g = 50,
-    onSearchChange: a,
-    onDropdownVisibleChange: h,
-    onScrollToEnd: u,
-    onPopupScroll: p,
-    id: v,
-    extraOptions: R,
-    dropdownRender: N,
-    optionRender: E,
-    isLoading: M,
-    readOnly: V
-  }, m) => {
-    const [y, x] = A(!1), [f, I] = A(!1), [B, S] = A(!0), [b, D] = A(i), W = l1(null);
-    G(() => {
+    clearable: g = !1,
+    scrollThresholdValue: a = 50,
+    onSearchChange: h,
+    onDropdownVisibleChange: u,
+    onScrollToEnd: p,
+    onPopupScroll: N,
+    id: M,
+    extraOptions: k,
+    dropdownRender: b,
+    optionRender: R,
+    isLoading: S,
+    readOnly: f
+  }, y) => {
+    const [x, w] = W(!1), [B, Z] = W(!1), [I, H] = W(!0), [V, D] = W(i), T = l1(null);
+    K(() => {
       D(i);
     }, [i]);
-    const _ = (w) => {
-      x(w), h && h(w);
-    }, T = (w, O) => {
-      var K;
-      return !!((K = O == null ? void 0 : O.label) != null && K.toString().toLowerCase().includes(w.toLowerCase()));
-    }, Y = () => {
-      I(!0);
-    }, U = () => {
-      I(!1);
-    }, H = j(
-      (w) => {
-        if (D(w), s) {
-          const K = w;
-          e == null || e(K);
+    const E = (m) => {
+      w(m), u && u(m);
+    }, F = (m, _) => {
+      var P;
+      return !!((P = _ == null ? void 0 : _.label) != null && P.toString().toLowerCase().includes(m.toLowerCase()));
+    }, J = () => {
+      Z(!0);
+    }, A = () => {
+      Z(!1);
+    }, O = G(
+      (m) => {
+        if (D(m), s) {
+          const P = m;
+          e == null || e(P);
           return;
         }
-        const O = w;
-        e == null || e(O);
+        const _ = m;
+        e == null || e(_);
       },
       [s, e]
-    ), F = j(() => {
-      if (!V) {
+    ), Y = G(() => {
+      if (!f) {
         if (s) {
-          H([]);
+          O([]);
           return;
         }
-        H("");
+        O("");
       }
-    }, [H, s, V]), P = j(
-      (w) => {
-        const O = b.filter((K) => K !== w);
-        H(O), D(O);
+    }, [O, s, f]), U = G(
+      (m) => {
+        const _ = V.filter((P) => P !== m);
+        O(_), D(_);
       },
-      [H, b]
-    ), e1 = j(
-      (w) => (b == null ? void 0 : b.indexOf(w)) === 0 ? (
+      [O, V]
+    ), R1 = G(
+      (m) => (V == null ? void 0 : V.indexOf(m)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ r("span", { className: "custom-placeholder", children: B ? t : "" })
-      ) : /* @__PURE__ */ r(X, {}),
-      [B, b, t]
-    ), ie = (w) => {
-      w.preventDefault(), w.stopPropagation();
-    }, se = async (w) => {
-      const { target: O } = w;
-      O.scrollTop + O.offsetHeight >= O.scrollHeight - g && (u == null || u(!0)), p && await p(w);
-    }, m1 = j(
-      (w) => {
-        var O, K;
-        return ((O = l.find((k1) => k1.value === w)) == null ? void 0 : O.label) || ((K = R == null ? void 0 : R.find(
-          (k1) => k1.value === w
-        )) == null ? void 0 : K.label) || w;
+        /* @__PURE__ */ r("span", { className: "custom-placeholder", children: I ? t : "" })
+      ) : /* @__PURE__ */ r(e1, {}),
+      [I, V, t]
+    ), se = (m) => {
+      m.preventDefault(), m.stopPropagation();
+    }, ne = async (m) => {
+      const { target: _ } = m;
+      _.scrollTop + _.offsetHeight >= _.scrollHeight - a && (p == null || p(!0)), N && await N(m);
+    }, m1 = G(
+      (m) => {
+        var _, P;
+        return ((_ = l.find((k1) => k1.value === m)) == null ? void 0 : _.label) || ((P = k == null ? void 0 : k.find(
+          (k1) => k1.value === m
+        )) == null ? void 0 : P.label) || m;
       },
-      [R, l]
-    ), ne = j(
-      (w) => {
-        var O;
+      [k, l]
+    ), re = G(
+      (m) => {
+        var _;
         return /* @__PURE__ */ r(
-          O5,
+          S5,
           {
-            values: w,
-            onTagClose: P,
-            maxWidth: ((O = W.current) == null ? void 0 : O.clientWidth) || 0,
-            disabled: o || V,
+            values: m,
+            onTagClose: U,
+            maxWidth: ((_ = T.current) == null ? void 0 : _.clientWidth) || 0,
+            disabled: o || f,
             options: l,
-            extraOptions: R
+            extraOptions: k
           }
         );
       },
-      [o, R, P, l, V]
-    ), re = j(
-      ({ label: w, value: O, mode: K }) => K === "filter" ? e1(O) : /* @__PURE__ */ r("div", { onMouseDown: ie, className: "tag-wrapper", children: /* @__PURE__ */ r(z1, { onClose: () => P(O), closable: !o, children: /* @__PURE__ */ r(J1, { variant: "body4", children: typeof w == "object" ? w : m1(O) }) }) }),
-      [o, m1, P, e1]
+      [o, k, U, l, f]
+    ), oe = G(
+      ({ label: m, value: _, mode: P }) => P === "filter" ? R1(_) : /* @__PURE__ */ r("div", { onMouseDown: se, className: "tag-wrapper", children: /* @__PURE__ */ r(J1, { onClose: () => U(_), closable: !o, children: /* @__PURE__ */ r(Q1, { variant: "body4", children: typeof m == "object" ? m : m1(_) }) }) }),
+      [o, m1, U, R1]
     );
     return /* @__PURE__ */ C(
       "div",
       {
-        className: `snmt-select ${f ? "snmt-select-focused" : ""}
-                ${s ? "" : "snmt-select-single"} ${V ? "snmt-select-read-only" : ""}`,
-        ref: W,
+        className: `snmt-select ${B ? "snmt-select-focused" : ""}
+                ${s ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
+        ref: T,
         style: { width: c },
         children: [
           /* @__PURE__ */ r(
-            he,
+            ce,
             {
               className: "snmt-select-blank",
-              popupClassName: V ? "dropdown-read-only" : "",
-              id: v,
-              ref: m,
+              popupClassName: f ? "dropdown-read-only" : "",
+              id: M,
+              ref: y,
               showSearch: !!n,
-              filterOption: n && T,
-              onDropdownVisibleChange: _,
+              filterOption: n && F,
+              onDropdownVisibleChange: E,
               placeholder: t ? d ? `${t}*` : t : void 0,
               disabled: o,
-              value: b || void 0,
-              labelRender: (w) => m1(w.value),
+              value: V || void 0,
+              labelRender: (m) => m1(m.value),
               mode: s === "filter" ? "multiple" : s,
-              onChange: H,
-              onFocus: Y,
-              onBlur: U,
-              onSearch: (w) => {
-                S(!w), a && a(w);
+              onChange: O,
+              onFocus: J,
+              onBlur: A,
+              onSearch: (m) => {
+                H(!m), h && h(m);
               },
-              onSelect: () => S(!0),
-              onDeselect: () => S(!0),
-              tagRender: (w) => re({ ...w, mode: s }),
+              onSelect: () => H(!0),
+              onDeselect: () => H(!0),
+              tagRender: (m) => oe({ ...m, mode: s }),
               maxTagCount: "responsive",
-              maxTagPlaceholder: ne,
-              onPopupScroll: se,
-              prefix: M && /* @__PURE__ */ r(y1, { size: 15 }),
-              suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(X, { children: [
-                s && b && !!b.length && /* @__PURE__ */ r("div", { onClick: F, children: /* @__PURE__ */ r(h1, { name: "cancel" }) }),
+              maxTagPlaceholder: re,
+              onPopupScroll: ne,
+              prefix: S && /* @__PURE__ */ r(b1, { size: 15 }),
+              suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(e1, { children: [
+                V && !!V.length && (s || g) && /* @__PURE__ */ r("div", { onClick: Y, children: /* @__PURE__ */ r(h1, { name: "cancel" }) }),
                 /* @__PURE__ */ r(
                   h1,
                   {
                     name: "selectArrowIcon",
-                    color: o ? q.GREY_DARK_1 : q.GREY_DARK_5,
-                    className: y ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => x(!y)
+                    color: o ? X.GREY_DARK_1 : X.GREY_DARK_5,
+                    className: x ? "select-arrow-rotated" : "select-arrow",
+                    onClick: () => w(!x)
                   }
                 )
               ] }) }),
-              removeIcon: /* @__PURE__ */ r(h1, { name: "errorSmall", color: q.GREY_DARK_2 }),
+              removeIcon: /* @__PURE__ */ r(h1, { name: "errorSmall", color: X.GREY_DARK_2 }),
               options: l,
-              optionRender: (w) => E ? E(w.data) : /* @__PURE__ */ C(d1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+              optionRender: (m) => R ? R(m.data) : /* @__PURE__ */ C(d1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                 /* @__PURE__ */ C(d1, { alignItems: "center", gap: 12, children: [
                   s && /* @__PURE__ */ r(
-                    fe,
+                    we,
                     {
-                      checked: !!(b != null && b.includes(w.value))
+                      checked: !!(V != null && V.includes(m.value))
                     }
                   ),
                   /* @__PURE__ */ C(d1, { alignItems: "center", gap: 8, children: [
-                    w.data.image && /* @__PURE__ */ r(pe, { src: w.data.image, size: 20 }),
-                    /* @__PURE__ */ r("span", { children: w.label })
+                    m.data.image && /* @__PURE__ */ r(fe, { src: m.data.image, size: 20 }),
+                    /* @__PURE__ */ r("span", { children: m.label })
                   ] })
                 ] }),
-                !s && b === w.value && /* @__PURE__ */ r(
+                !s && V === m.value && /* @__PURE__ */ r(
                   h1,
                   {
                     name: "ok",
-                    color: q.BLUE_PRIMARY,
+                    color: X.BLUE_PRIMARY,
                     width: 16,
                     height: 16
                   }
                 )
               ] }),
-              dropdownRender: M ? () => /* @__PURE__ */ r(
+              dropdownRender: S ? () => /* @__PURE__ */ r(
                 "div",
                 {
                   style: {
@@ -7062,15 +7063,15 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
                     display: "grid",
                     justifyContent: "center"
                   },
-                  children: /* @__PURE__ */ r(y1, { size: 28 })
+                  children: /* @__PURE__ */ r(b1, { size: 28 })
                 }
-              ) : (w) => N ? N(w) : w
+              ) : (m) => b ? b(m) : m
             }
           ),
           /* @__PURE__ */ r(
             "fieldset",
             {
-              className: `${f ? "fieldset-focused" : ""}
+              className: `${B ? "fieldset-focused" : ""}
                      ${o ? "fieldset-disabled" : ""}
                      ${typeof i == "string" && i ? "fieldset-filled" : ""}
                      ${typeof i == "object" && i != null && i.length ? "fieldset-filled" : ""}`,
@@ -7082,9 +7083,9 @@ const z1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
     );
   }
 );
-function S5(i, e = 500) {
+function A5(i, e = 500) {
   const t = l1();
-  return G(() => () => {
+  return K(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...s) => {
     const n = setTimeout(() => {
@@ -7096,7 +7097,7 @@ function S5(i, e = 500) {
 const t1 = {
   limit: 100,
   offset: 0
-}, E1 = o1(
+}, H1 = o1(
   ({
     loadOptions: i,
     width: e,
@@ -7112,73 +7113,75 @@ const t1 = {
     onDropdownVisibleChange: h,
     optionRender: u,
     dropdownRender: p,
-    readOnly: v
-  }, R) => {
-    const [N, E] = A([]), [M, V] = A(t1), [m, y] = A(!1), [x, f] = A(null), I = j(
-      async (_ = !1, T) => {
-        if (!m) {
-          y(!0);
+    readOnly: N,
+    clearable: M
+  }, k) => {
+    const [b, R] = W([]), [S, f] = W(t1), [y, x] = W(!1), [w, B] = W(null), Z = G(
+      async (E = !1, F) => {
+        if (!y) {
+          x(!0);
           try {
-            const Y = _ ? { ...t1, search: T } : M, U = await i(Y);
-            E(
-              (H) => _ ? U.options : [...H, ...U.options]
-            ), f(U.count), V((H) => ({
-              ...H,
-              offset: H.offset + H.limit
+            const J = E ? { ...t1, search: F } : S, A = await i(J);
+            R(
+              (O) => E ? A.options : [...O, ...A.options]
+            ), B(A.count), f((O) => ({
+              ...O,
+              offset: O.offset + O.limit
             }));
           } finally {
-            y(!1);
+            x(!1);
           }
         }
       },
-      [M, i, m]
-    ), B = S5(I), S = j(
-      (_) => {
-        _ === "" || _ === void 0 || _ === null ? (V(t1), B(!0)) : B(!0, _);
+      [S, i, y]
+    ), I = A5(Z), H = G(
+      (E) => {
+        E === "" || E === void 0 || E === null ? (f(t1), I(!0)) : I(!0, E);
       },
-      [B]
-    ), b = async (_) => {
-      _ && x !== null && x > N.length && await I(!1);
-    }, D = j(
-      (_) => {
-        _ && !g && (E([]), V(t1), I(!0)), h == null || h(_);
+      [I]
+    ), V = async (E) => {
+      E && w !== null && w > b.length && await Z(!1);
+    }, D = G(
+      (E) => {
+        E && !g && (R([]), f(t1), Z(!0)), h == null || h(E);
       },
       // eslint-disable-next-line
       [g]
     );
-    G(() => {
-      g && I(!1);
+    K(() => {
+      g && Z(!1);
     }, []);
-    const W = {
+    const T = {
       id: n,
       width: e,
-      options: N,
+      options: b,
       onChange: t,
-      ref: R,
+      ref: k,
       placeholder: o,
       search: !0,
       value: s,
-      onSearchChange: S,
+      onSearchChange: H,
       onDropdownVisibleChange: D,
       scrollThresholdValue: c,
-      onScrollToEnd: b,
+      onScrollToEnd: V,
       loadOnClosedState: g,
       disabled: l,
       extraOptions: a,
-      isLoading: m,
+      isLoading: y,
       optionRender: u,
       dropdownRender: p,
-      readOnly: v
+      readOnly: N,
+      clearable: M
     };
-    return ae(R, () => ({
+    return he(k, () => ({
       refetchOptions: async () => {
-        V(t1), await I(!0);
+        f(t1), await Z(!0);
       }
-    })), d ? /* @__PURE__ */ r(b1, { ...W, onChange: t, value: s, mode: d }) : /* @__PURE__ */ r("div", { className: "snmt-async-select", children: /* @__PURE__ */ r(b1, { ...W, onChange: t, value: s }) });
+    })), d ? /* @__PURE__ */ r(E1, { ...T, onChange: t, value: s, mode: d }) : /* @__PURE__ */ r("div", { className: "snmt-async-select", children: /* @__PURE__ */ r(E1, { ...T, onChange: t, value: s }) });
   }
 );
 var g1 = /* @__PURE__ */ ((i) => (i.ACTIVE = "Active", i.ARCHIVED = "Archived", i))(g1 || {});
-const A5 = ({ size: i = 30, color: e = "#004ed7" }) => {
+const B5 = ({ size: i = 30, color: e = "#004ed7" }) => {
   const t = `no-repeat linear-gradient(${e}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${e} 0)`, s = {
     width: i,
@@ -7187,20 +7190,20 @@ const A5 = ({ size: i = 30, color: e = "#004ed7" }) => {
   };
   return /* @__PURE__ */ r("span", { className: "snmt-loader", style: s });
 };
-function B5() {
+function Z5() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
     z(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
-const H1 = {};
+const V1 = {};
 function N1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  z(e[0]) && H1[e[0]] || (z(e[0]) && (H1[e[0]] = /* @__PURE__ */ new Date()), B5(...e));
+  z(e[0]) && V1[e[0]] || (z(e[0]) && (V1[e[0]] = /* @__PURE__ */ new Date()), Z5(...e));
 }
-const Q1 = (i, e) => () => {
+const q1 = (i, e) => () => {
   if (i.isInitialized)
     e();
   else {
@@ -7211,13 +7214,13 @@ const Q1 = (i, e) => () => {
     };
     i.on("initialized", t);
   }
-}, V1 = (i, e, t) => {
-  i.loadNamespaces(e, Q1(i, t));
-}, _1 = (i, e, t, s) => {
+}, _1 = (i, e, t) => {
+  i.loadNamespaces(e, q1(i, t));
+}, I1 = (i, e, t, s) => {
   z(t) && (t = [t]), t.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
-  }), i.loadLanguages(e, Q1(i, s));
-}, Z5 = function(i, e) {
+  }), i.loadLanguages(e, q1(i, s));
+}, W5 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], n = e.options ? e.options.fallbackLng : !1, l = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
@@ -7226,15 +7229,15 @@ const Q1 = (i, e) => () => {
     return g === -1 || g === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(s, i) && (!n || c(l, i)));
-}, W5 = function(i, e) {
+}, j5 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (N1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (n, l) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && n.services.backendConnector.backend && n.isLanguageChangingTo && !l(n.isLanguageChangingTo, i)) return !1;
     }
-  }) : Z5(i, e, t);
-}, z = (i) => typeof i == "string", j5 = (i) => typeof i == "object" && i !== null, D5 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, T5 = {
+  }) : W5(i, e, t);
+}, z = (i) => typeof i == "string", D5 = (i) => typeof i == "object" && i !== null, T5 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, G5 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -7255,7 +7258,7 @@ const Q1 = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, G5 = (i) => T5[i], K5 = (i) => i.replace(D5, G5);
+}, K5 = (i) => G5[i], P5 = (i) => i.replace(T5, K5);
 let x1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -7264,27 +7267,27 @@ let x1 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: K5
+  unescape: P5
 };
-const P5 = function() {
+const $5 = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   x1 = {
     ...x1,
     ...i
   };
-}, $5 = () => x1;
-let q1;
-const F5 = (i) => {
-  q1 = i;
-}, Y5 = () => q1, U5 = {
+}, F5 = () => x1;
+let X1;
+const Y5 = (i) => {
+  X1 = i;
+}, U5 = () => X1, z5 = {
   type: "3rdParty",
   init(i) {
-    P5(i.options.react), F5(i);
+    $5(i.options.react), Y5(i);
   }
-}, z5 = r1();
-class J5 {
+}, J5 = r1();
+class Q5 {
   constructor() {
-    M1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
+    y1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
     this.usedNamespaces = {};
   }
   addUsedNamespaces(e) {
@@ -7293,27 +7296,27 @@ class J5 {
     });
   }
 }
-const Q5 = (i, e) => {
+const q5 = (i, e) => {
   const t = l1();
-  return G(() => {
+  return K(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, X1 = (i, e, t, s) => i.getFixedT(e, t, s), q5 = (i, e, t, s) => j(X1(i, e, t, s), [i, e, t, s]), X5 = function(i) {
+}, ee = (i, e, t, s) => i.getFixedT(e, t, s), X5 = (i, e, t, s) => G(ee(i, e, t, s), [i, e, t, s]), e3 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: s,
     defaultNS: n
-  } = a1(z5) || {}, l = t || s || Y5();
-  if (l && !l.reportNamespaces && (l.reportNamespaces = new J5()), !l) {
+  } = a1(J5) || {}, l = t || s || U5();
+  if (l && !l.reportNamespaces && (l.reportNamespaces = new Q5()), !l) {
     N1("You will need to pass in an i18next instance by using initReactI18next");
-    const m = (x, f) => z(f) ? f : j5(f) && z(f.defaultValue) ? f.defaultValue : Array.isArray(x) ? x[x.length - 1] : x, y = [m, {}, !1];
-    return y.t = m, y.i18n = {}, y.ready = !1, y;
+    const f = (x, w) => z(w) ? w : D5(w) && z(w.defaultValue) ? w.defaultValue : Array.isArray(x) ? x[x.length - 1] : x, y = [f, {}, !1];
+    return y.t = f, y.i18n = {}, y.ready = !1, y;
   }
   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 = {
-    ...$5(),
+    ...F5(),
     ...l.options.react,
     ...e
   }, {
@@ -7322,35 +7325,35 @@ const Q5 = (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((m) => W5(m, l, c)), h = q5(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => X1(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [v, R] = A(u);
-  let N = g.join();
-  e.lng && (N = `${e.lng}${N}`);
-  const E = Q5(N), M = l1(!0);
-  G(() => {
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => j5(f, l, c)), h = X5(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => ee(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [N, M] = W(u);
+  let k = g.join();
+  e.lng && (k = `${e.lng}${k}`);
+  const b = q5(k), R = l1(!0);
+  K(() => {
     const {
-      bindI18n: m,
+      bindI18n: f,
       bindI18nStore: y
     } = c;
-    M.current = !0, !a && !o && (e.lng ? _1(l, e.lng, g, () => {
-      M.current && R(p);
-    }) : V1(l, g, () => {
-      M.current && R(p);
-    })), a && E && E !== N && M.current && R(p);
+    R.current = !0, !a && !o && (e.lng ? I1(l, e.lng, g, () => {
+      R.current && M(p);
+    }) : _1(l, g, () => {
+      R.current && M(p);
+    })), a && b && b !== k && R.current && M(p);
     const x = () => {
-      M.current && R(p);
+      R.current && M(p);
     };
-    return m && l && l.on(m, x), y && l && l.store.on(y, x), () => {
-      M.current = !1, m && l && m.split(" ").forEach((f) => l.off(f, x)), y && l && y.split(" ").forEach((f) => l.store.off(f, x));
+    return f && l && l.on(f, x), y && l && l.store.on(y, x), () => {
+      R.current = !1, f && l && f.split(" ").forEach((w) => l.off(w, x)), y && l && y.split(" ").forEach((w) => l.store.off(w, x));
     };
-  }, [l, N]), G(() => {
-    M.current && a && R(u);
+  }, [l, k]), K(() => {
+    R.current && a && M(u);
   }, [l, d, a]);
-  const V = [v, l, a];
-  if (V.t = v, V.i18n = l, V.ready = a, a || !a && !o) return V;
-  throw new Promise((m) => {
-    e.lng ? _1(l, e.lng, g, () => m()) : V1(l, g, () => m());
+  const S = [N, l, a];
+  if (S.t = N, S.i18n = l, S.ready = a, a || !a && !o) return S;
+  throw new Promise((f) => {
+    e.lng ? I1(l, e.lng, g, () => f()) : _1(l, g, () => f());
   });
-}, e3 = {
+}, t3 = {
   type: "logger",
   log(i) {
     this.output("log", i);
@@ -7372,7 +7375,7 @@ class C1 {
   }
   init(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.prefix = t.prefix || "i18next:", this.logger = e || e3, this.options = t, this.debug = t.debug;
+    this.prefix = t.prefix || "i18next:", this.logger = e || t3, this.options = t, this.debug = t.debug;
   }
   log() {
     for (var e = arguments.length, t = new Array(e), s = 0; s < e; s++)
@@ -7448,23 +7451,23 @@ const i1 = () => {
     i = s, e = n;
   });
   return t.resolve = i, t.reject = e, t;
-}, I1 = (i) => i == null ? "" : "" + i, t3 = (i, e, t) => {
+}, O1 = (i) => i == null ? "" : "" + i, i3 = (i, e, t) => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, i3 = /###/g, O1 = (i) => i && i.indexOf("###") > -1 ? i.replace(i3, ".") : i, S1 = (i) => !i || typeof i == "string", s1 = (i, e, t) => {
+}, s3 = /###/g, S1 = (i) => i && i.indexOf("###") > -1 ? i.replace(s3, ".") : i, A1 = (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; ) {
-    if (S1(i)) return {};
-    const l = O1(s[n]);
+    if (A1(i)) return {};
+    const l = S1(s[n]);
     !i[l] && t && (i[l] = new t()), Object.prototype.hasOwnProperty.call(i, l) ? i = i[l] : i = {}, ++n;
   }
-  return S1(i) ? {} : {
+  return A1(i) ? {} : {
     obj: i,
-    k: O1(s[n])
+    k: S1(s[n])
   };
-}, A1 = (i, e, t) => {
+}, B1 = (i, e, t) => {
   const {
     obj: s,
     k: n
@@ -7477,7 +7480,7 @@ const i1 = () => {
   for (; o.obj === void 0 && c.length; )
     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;
-}, s3 = (i, e, t, s) => {
+}, n3 = (i, e, t, s) => {
   const {
     obj: n,
     k: l
@@ -7490,15 +7493,15 @@ const i1 = () => {
   } = s1(i, e);
   if (t)
     return t[s];
-}, n3 = (i, e, t) => {
+}, r3 = (i, e, t) => {
   const s = u1(i, t);
   return s !== void 0 ? s : u1(e, t);
-}, ee = (i, e, t) => {
+}, te = (i, e, t) => {
   for (const s in e)
-    s !== "__proto__" && s !== "constructor" && (s in i ? typeof i[s] == "string" || i[s] instanceof String || typeof e[s] == "string" || e[s] instanceof String ? t && (i[s] = e[s]) : ee(i[s], e[s], t) : i[s] = e[s]);
+    s !== "__proto__" && s !== "constructor" && (s in i ? typeof i[s] == "string" || i[s] instanceof String || typeof e[s] == "string" || e[s] instanceof String ? t && (i[s] = e[s]) : te(i[s], e[s], t) : i[s] = e[s]);
   return i;
-}, J = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var r3 = {
+}, Q = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+var o3 = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
@@ -7506,8 +7509,8 @@ var r3 = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const o3 = (i) => typeof i == "string" ? i.replace(/[&<>"'\/]/g, (e) => r3[e]) : i;
-class l3 {
+const l3 = (i) => typeof i == "string" ? i.replace(/[&<>"'\/]/g, (e) => o3[e]) : i;
+class a3 {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -7519,18 +7522,18 @@ class l3 {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, s), this.regExpQueue.push(e), s;
   }
 }
-const a3 = [" ", ",", "?", "!", ";"], h3 = new l3(20), c3 = (i, e, t) => {
+const h3 = [" ", ",", "?", "!", ";"], c3 = new a3(20), d3 = (i, e, t) => {
   e = e || "", t = t || "";
-  const s = a3.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
+  const s = h3.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
   if (s.length === 0) return !0;
-  const n = h3.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
+  const n = c3.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
   let l = !n.test(i);
   if (!l) {
     const c = i.indexOf(t);
     c > 0 && !n.test(i.substring(0, c)) && (l = !0);
   }
   return l;
-}, R1 = function(i, e) {
+}, M1 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ".";
   if (!i) return;
   if (i[e]) return i[e];
@@ -7551,7 +7554,7 @@ const a3 = [" ", ",", "?", "!", ";"], h3 = new l3(20), c3 = (i, e, t) => {
   }
   return n;
 }, p1 = (i) => i && i.indexOf("_") > 0 ? i.replace("_", "-") : i;
-class B1 extends w1 {
+class Z1 extends w1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
       ns: ["translation"],
@@ -7572,7 +7575,7 @@ class B1 extends w1 {
     let o;
     e.indexOf(".") > -1 ? o = e.split(".") : (o = [e, t], s && (Array.isArray(s) ? o.push(...s) : typeof s == "string" && l ? o.push(...s.split(l)) : o.push(s)));
     const d = u1(this.data, o);
-    return !d && !t && !s && e.indexOf(".") > -1 && (e = o[0], t = o[1], s = o.slice(2).join(".")), d || !c || typeof s != "string" ? d : R1(this.data && this.data[e] && this.data[e][t], s, l);
+    return !d && !t && !s && e.indexOf(".") > -1 && (e = o[0], t = o[1], s = o.slice(2).join(".")), d || !c || typeof s != "string" ? d : M1(this.data && this.data[e] && this.data[e][t], s, l);
   }
   addResource(e, t, s, n) {
     let l = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -7580,7 +7583,7 @@ class B1 extends w1 {
     };
     const c = l.keySeparator !== void 0 ? l.keySeparator : this.options.keySeparator;
     let o = [e, t];
-    s && (o = o.concat(c ? s.split(c) : s)), e.indexOf(".") > -1 && (o = e.split("."), n = t, t = o[1]), this.addNamespaces(t), A1(this.data, o, n), l.silent || this.emit("added", e, t, s, n);
+    s && (o = o.concat(c ? s.split(c) : s)), e.indexOf(".") > -1 && (o = e.split("."), n = t, t = o[1]), this.addNamespaces(t), B1(this.data, o, n), l.silent || this.emit("added", e, t, s, n);
   }
   addResources(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {
@@ -7599,10 +7602,10 @@ class B1 extends w1 {
     }, o = [e, t];
     e.indexOf(".") > -1 && (o = e.split("."), n = s, s = t, t = o[1]), this.addNamespaces(t);
     let d = u1(this.data, o) || {};
-    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? ee(d, s, l) : d = {
+    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? te(d, s, l) : d = {
       ...d,
       ...s
-    }, A1(this.data, o, d), c.silent || this.emit("added", e, t, s);
+    }, B1(this.data, o, d), c.silent || this.emit("added", e, t, s);
   }
   removeResourceBundle(e, t) {
     this.hasResourceBundle(e, t) && delete this.data[e][t], this.removeNamespaces(t), this.emit("removed", e, t);
@@ -7626,7 +7629,7 @@ class B1 extends w1 {
     return this.data;
   }
 }
-var te = {
+var ie = {
   processors: {},
   addPostProcessor(i) {
     this.processors[i.name] = i;
@@ -7637,11 +7640,11 @@ var te = {
     }), e;
   }
 };
-const Z1 = {};
+const W1 = {};
 class f1 extends w1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), t3(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = $.create("translator");
+    super(), i3(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = $.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -7660,7 +7663,7 @@ class f1 extends w1 {
     s === void 0 && (s = ":");
     const n = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let l = t.ns || this.options.defaultNS || [];
-    const c = s && e.indexOf(s) > -1, o = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !c3(e, s, n);
+    const c = s && e.indexOf(s) > -1, o = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !d3(e, s, n);
     if (c && !o) {
       const d = e.match(this.interpolator.nestingRegexp);
       if (d && d.length > 0)
@@ -7687,15 +7690,15 @@ class f1 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 m = t.nsSeparator || this.options.nsSeparator;
+        const f = t.nsSeparator || this.options.nsSeparator;
         return n ? {
-          res: `${d}${m}${c}`,
+          res: `${d}${f}${c}`,
           usedKey: c,
           exactUsedKey: c,
           usedLng: g,
           usedNS: d,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${d}${m}${c}`;
+        } : `${d}${f}${c}`;
       }
       return n ? {
         res: c,
@@ -7708,64 +7711,64 @@ class f1 extends w1 {
     }
     const h = this.resolve(e, t);
     let u = h && h.res;
-    const p = h && h.usedKey || c, v = h && h.exactUsedKey || c, R = Object.prototype.toString.apply(u), N = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, M = !this.i18nFormat || this.i18nFormat.handleAsObject;
-    if (M && u && (typeof u != "string" && typeof u != "boolean" && typeof u != "number") && N.indexOf(R) < 0 && !(typeof E == "string" && Array.isArray(u))) {
+    const p = h && h.usedKey || c, N = h && h.exactUsedKey || c, M = Object.prototype.toString.apply(u), k = ["[object Number]", "[object Function]", "[object RegExp]"], b = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, R = !this.i18nFormat || this.i18nFormat.handleAsObject;
+    if (R && u && (typeof u != "string" && typeof u != "boolean" && typeof u != "number") && k.indexOf(M) < 0 && !(typeof b == "string" && Array.isArray(u))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const m = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, u, {
+        const f = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, u, {
           ...t,
           ns: o
         }) : `key '${c} (${this.language})' returned an object instead of string.`;
-        return n ? (h.res = m, h.usedParams = this.getUsedParamsDetails(t), h) : m;
+        return n ? (h.res = f, h.usedParams = this.getUsedParamsDetails(t), h) : f;
       }
       if (l) {
-        const m = Array.isArray(u), y = m ? [] : {}, x = m ? v : p;
-        for (const f in u)
-          if (Object.prototype.hasOwnProperty.call(u, f)) {
-            const I = `${x}${l}${f}`;
-            y[f] = this.translate(I, {
+        const f = Array.isArray(u), y = f ? [] : {}, x = f ? N : p;
+        for (const w in u)
+          if (Object.prototype.hasOwnProperty.call(u, w)) {
+            const B = `${x}${l}${w}`;
+            y[w] = this.translate(B, {
               ...t,
               joinArrays: !1,
               ns: o
-            }), y[f] === I && (y[f] = u[f]);
+            }), y[w] === B && (y[w] = u[w]);
           }
         u = y;
       }
-    } else if (M && typeof E == "string" && Array.isArray(u))
-      u = u.join(E), u && (u = this.extendTranslation(u, e, t, s));
+    } else if (R && typeof b == "string" && Array.isArray(u))
+      u = u.join(b), u && (u = this.extendTranslation(u, e, t, s));
     else {
-      let m = !1, y = !1;
-      const x = t.count !== void 0 && typeof t.count != "string", f = f1.hasDefaultValue(t), I = x ? this.pluralResolver.getSuffix(g, t.count, t) : "", B = t.ordinal && x ? this.pluralResolver.getSuffix(g, t.count, {
+      let f = !1, y = !1;
+      const x = t.count !== void 0 && typeof t.count != "string", w = f1.hasDefaultValue(t), B = x ? this.pluralResolver.getSuffix(g, t.count, t) : "", Z = t.ordinal && x ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", S = x && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), b = S && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${I}`] || t[`defaultValue${B}`] || t.defaultValue;
-      !this.isValidLookup(u) && f && (m = !0, u = b), this.isValidLookup(u) || (y = !0, u = c);
-      const W = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && y ? void 0 : u, _ = f && b !== u && this.options.updateMissing;
-      if (y || m || _) {
-        if (this.logger.log(_ ? "updateKey" : "missingKey", g, d, c, _ ? b : u), l) {
-          const H = this.resolve(c, {
+      }) : "", I = x && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), H = I && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${B}`] || t[`defaultValue${Z}`] || t.defaultValue;
+      !this.isValidLookup(u) && w && (f = !0, u = H), this.isValidLookup(u) || (y = !0, u = c);
+      const D = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && y ? void 0 : u, T = w && H !== u && this.options.updateMissing;
+      if (y || f || T) {
+        if (this.logger.log(T ? "updateKey" : "missingKey", g, d, c, T ? H : u), l) {
+          const A = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
-          H && H.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 T = [];
-        const Y = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && Y && Y[0])
-          for (let H = 0; H < Y.length; H++)
-            T.push(Y[H]);
-        else this.options.saveMissingTo === "all" ? T = this.languageUtils.toResolveHierarchy(t.lng || this.language) : T.push(t.lng || this.language);
-        const U = (H, F, P) => {
-          const e1 = f && P !== u ? P : W;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(H, d, F, e1, _, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(H, d, F, e1, _, t), this.emit("missingKey", H, d, F, u);
+          A && A.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 E = [];
+        const F = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && F && F[0])
+          for (let A = 0; A < F.length; A++)
+            E.push(F[A]);
+        else this.options.saveMissingTo === "all" ? E = this.languageUtils.toResolveHierarchy(t.lng || this.language) : E.push(t.lng || this.language);
+        const J = (A, O, Y) => {
+          const U = w && Y !== u ? Y : D;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(A, d, O, U, T, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(A, d, O, U, T, t), this.emit("missingKey", A, d, O, u);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && x ? T.forEach((H) => {
-          const F = this.pluralResolver.getSuffixes(H, t);
-          S && t[`defaultValue${this.options.pluralSeparator}zero`] && F.indexOf(`${this.options.pluralSeparator}zero`) < 0 && F.push(`${this.options.pluralSeparator}zero`), F.forEach((P) => {
-            U([H], c + P, t[`defaultValue${P}`] || b);
+        this.options.saveMissing && (this.options.saveMissingPlurals && x ? E.forEach((A) => {
+          const O = this.pluralResolver.getSuffixes(A, t);
+          I && t[`defaultValue${this.options.pluralSeparator}zero`] && O.indexOf(`${this.options.pluralSeparator}zero`) < 0 && O.push(`${this.options.pluralSeparator}zero`), O.forEach((Y) => {
+            J([A], c + Y, t[`defaultValue${Y}`] || H);
           });
-        }) : U(T, c, b));
+        }) : J(E, c, H));
       }
-      u = this.extendTranslation(u, e, t, h, s), y && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (y || m) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, m ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
+      u = this.extendTranslation(u, e, t, h, s), y && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (y || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, f ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
     }
     return n ? (h.res = u, h.usedParams = this.getUsedParamsDetails(t), h) : u;
   }
@@ -7801,13 +7804,13 @@ class f1 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 u = arguments.length, p = new Array(u), v = 0; v < u; v++)
-          p[v] = arguments[v];
+        for (var u = arguments.length, p = new Array(u), N = 0; N < u; N++)
+          p[N] = arguments[N];
         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();
     }
     const o = s.postProcess || this.options.postProcess, d = typeof o == "string" ? [o] : o;
-    return e != null && d && d.length && s.applyPostProcessor !== !1 && (e = te.handle(d, e, t, this.options && this.options.postProcessPassResolved ? {
+    return e != null && d && d.length && s.applyPostProcessor !== !1 && (e = ie.handle(d, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...n,
         usedParams: this.getUsedParamsDetails(s)
@@ -7823,26 +7826,26 @@ class f1 extends w1 {
       n = a;
       let h = g.namespaces;
       this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
-      const u = t.count !== void 0 && typeof t.count != "string", p = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), v = 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((N) => {
-        this.isValidLookup(s) || (o = N, !Z1[`${R[0]}-${N}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(o) && (Z1[`${R[0]}-${N}`] = !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((E) => {
+      const u = t.count !== void 0 && typeof t.count != "string", p = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), N = t.context !== void 0 && (typeof t.context == "string" || typeof t.context == "number") && t.context !== "", M = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      h.forEach((k) => {
+        this.isValidLookup(s) || (o = k, !W1[`${M[0]}-${k}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(o) && (W1[`${M[0]}-${k}`] = !0, this.logger.warn(`key "${n}" for languages "${M.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!!!")), M.forEach((b) => {
           if (this.isValidLookup(s)) return;
-          c = E;
-          const M = [a];
+          c = b;
+          const R = [a];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(M, a, E, N, t);
+            this.i18nFormat.addLookupKeys(R, a, b, k, t);
           else {
-            let m;
-            u && (m = this.pluralResolver.getSuffix(E, t.count, t));
+            let f;
+            u && (f = this.pluralResolver.getSuffix(b, t.count, t));
             const y = `${this.options.pluralSeparator}zero`, x = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (u && (M.push(a + m), t.ordinal && m.indexOf(x) === 0 && M.push(a + m.replace(x, this.options.pluralSeparator)), p && M.push(a + y)), v) {
-              const f = `${a}${this.options.contextSeparator}${t.context}`;
-              M.push(f), u && (M.push(f + m), t.ordinal && m.indexOf(x) === 0 && M.push(f + m.replace(x, this.options.pluralSeparator)), p && M.push(f + y));
+            if (u && (R.push(a + f), t.ordinal && f.indexOf(x) === 0 && R.push(a + f.replace(x, this.options.pluralSeparator)), p && R.push(a + y)), N) {
+              const w = `${a}${this.options.contextSeparator}${t.context}`;
+              R.push(w), u && (R.push(w + f), t.ordinal && f.indexOf(x) === 0 && R.push(w + f.replace(x, this.options.pluralSeparator)), p && R.push(w + y));
             }
           }
-          let V;
-          for (; V = M.pop(); )
-            this.isValidLookup(s) || (l = V, s = this.getResource(E, N, V, t));
+          let S;
+          for (; S = R.pop(); )
+            this.isValidLookup(s) || (l = S, s = this.getResource(b, k, S, t));
         }));
       });
     }), {
@@ -7885,7 +7888,7 @@ class f1 extends w1 {
   }
 }
 const L1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
-class W1 {
+class j1 {
   constructor(e) {
     this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = $.create("languageUtils");
   }
@@ -7944,7 +7947,7 @@ class W1 {
     }), n;
   }
 }
-let d3 = [{
+let g3 = [{
   lngs: ["ach", "ak", "am", "arn", "br", "fil", "gun", "ln", "mfe", "mg", "mi", "oc", "pt", "pt-BR", "tg", "tl", "ti", "tr", "uz", "wa"],
   nr: [1, 2],
   fc: 1
@@ -8036,7 +8039,7 @@ let d3 = [{
   lngs: ["he", "iw"],
   nr: [1, 2, 20, 21],
   fc: 22
-}], g3 = {
+}], C3 = {
   1: (i) => +(i > 1),
   2: (i) => +(i != 1),
   3: (i) => 0,
@@ -8060,28 +8063,28 @@ let d3 = [{
   21: (i) => i % 100 == 1 ? 1 : i % 100 == 2 ? 2 : i % 100 == 3 || i % 100 == 4 ? 3 : 0,
   22: (i) => i == 1 ? 0 : i == 2 ? 1 : (i < 0 || i > 10) && i % 10 == 0 ? 2 : 3
 };
-const C3 = ["v1", "v2", "v3"], u3 = ["v4"], j1 = {
+const u3 = ["v1", "v2", "v3"], p3 = ["v4"], D1 = {
   zero: 0,
   one: 1,
   two: 2,
   few: 3,
   many: 4,
   other: 5
-}, p3 = () => {
+}, f3 = () => {
   const i = {};
-  return d3.forEach((e) => {
+  return g3.forEach((e) => {
     e.lngs.forEach((t) => {
       i[t] = {
         numbers: e.nr,
-        plurals: g3[e.fc]
+        plurals: C3[e.fc]
       };
     });
   }), i;
 };
-class f3 {
+class w3 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = $.create("pluralResolver"), (!this.options.compatibilityJSON || u3.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 = p3(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = $.create("pluralResolver"), (!this.options.compatibilityJSON || p3.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 = f3(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -8120,7 +8123,7 @@ class f3 {
   getSuffixes(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     const s = this.getRule(e, t);
-    return s ? this.shouldUseIntlApi() ? s.resolvedOptions().pluralCategories.sort((n, l) => j1[n] - j1[l]).map((n) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${n}`) : s.numbers.map((n) => this.getSuffix(e, n, t)) : [];
+    return s ? this.shouldUseIntlApi() ? s.resolvedOptions().pluralCategories.sort((n, l) => D1[n] - D1[l]).map((n) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${n}`) : s.numbers.map((n) => this.getSuffix(e, n, t)) : [];
   }
   getSuffix(e, t) {
     let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
@@ -8135,14 +8138,14 @@ class f3 {
     return this.options.compatibilityJSON === "v1" ? n === 1 ? "" : typeof n == "number" ? `_plural_${n.toString()}` : l() : this.options.compatibilityJSON === "v2" || this.options.simplifyPluralSuffix && e.numbers.length === 2 && e.numbers[0] === 1 ? l() : this.options.prepend && s.toString() ? this.options.prepend + s.toString() : s.toString();
   }
   shouldUseIntlApi() {
-    return !C3.includes(this.options.compatibilityJSON);
+    return !u3.includes(this.options.compatibilityJSON);
   }
 }
-const D1 = function(i, e, t) {
-  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, l = n3(i, e, t);
-  return !l && n && typeof t == "string" && (l = R1(i, t, s), l === void 0 && (l = R1(e, t, s))), l;
+const T1 = function(i, e, t) {
+  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, l = r3(i, e, t);
+  return !l && n && typeof t == "string" && (l = M1(i, t, s), l === void 0 && (l = M1(e, t, s))), l;
 }, v1 = (i) => i.replace(/\$/g, "$$$$");
-class w3 {
+class m3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = $.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
@@ -8165,13 +8168,13 @@ class w3 {
       unescapePrefix: h,
       nestingPrefix: u,
       nestingPrefixEscaped: p,
-      nestingSuffix: v,
-      nestingSuffixEscaped: R,
-      nestingOptionsSeparator: N,
-      maxReplaces: E,
-      alwaysFormat: M
+      nestingSuffix: N,
+      nestingSuffixEscaped: M,
+      nestingOptionsSeparator: k,
+      maxReplaces: b,
+      alwaysFormat: R
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : o3, 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 = u ? J(u) : p || J("$t("), this.nestingSuffix = v ? J(v) : R || J(")"), this.nestingOptionsSeparator = N || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = M !== void 0 ? M : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : l3, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = l ? Q(l) : c || "{{", this.suffix = o ? Q(o) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = u ? Q(u) : p || Q("$t("), this.nestingSuffix = N ? Q(N) : M || Q(")"), this.nestingOptionsSeparator = k || ",", this.maxReplaces = b || 1e3, this.alwaysFormat = R !== void 0 ? R : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -8184,18 +8187,18 @@ class w3 {
     let l, c, o;
     const d = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, g = (p) => {
       if (p.indexOf(this.formatSeparator) < 0) {
-        const E = D1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
-        return this.alwaysFormat ? this.format(E, void 0, s, {
+        const b = T1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        return this.alwaysFormat ? this.format(b, void 0, s, {
           ...n,
           ...t,
           interpolationkey: p
-        }) : E;
+        }) : b;
       }
-      const v = p.split(this.formatSeparator), R = v.shift().trim(), N = v.join(this.formatSeparator).trim();
-      return this.format(D1(t, d, R, this.options.keySeparator, this.options.ignoreJSONStructure), N, s, {
+      const N = p.split(this.formatSeparator), M = N.shift().trim(), k = N.join(this.formatSeparator).trim();
+      return this.format(T1(t, d, M, this.options.keySeparator, this.options.ignoreJSONStructure), k, s, {
         ...n,
         ...t,
-        interpolationkey: R
+        interpolationkey: M
       });
     };
     this.resetRegExp();
@@ -8208,21 +8211,21 @@ class w3 {
       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 N = l[1].trim();
+        if (c = g(N), c === void 0)
           if (typeof a == "function") {
-            const N = a(e, l, n);
-            c = typeof N == "string" ? N : "";
-          } else if (n && Object.prototype.hasOwnProperty.call(n, v))
+            const k = a(e, l, n);
+            c = typeof k == "string" ? k : "";
+          } else if (n && Object.prototype.hasOwnProperty.call(n, N))
             c = "";
           else if (h) {
             c = l[0];
             continue;
           } else
-            this.logger.warn(`missed to pass in variable ${v} for interpolating ${e}`), c = "";
-        else typeof c != "string" && !this.useRawValueToEscape && (c = I1(c));
-        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)
+            this.logger.warn(`missed to pass in variable ${N} for interpolating ${e}`), c = "";
+        else typeof c != "string" && !this.useRawValueToEscape && (c = O1(c));
+        const M = p.safeValue(c);
+        if (e = e.replace(l[0], M), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= l[0].length) : p.regex.lastIndex = 0, o++, o >= this.maxReplaces)
           break;
       }
     }), e;
@@ -8235,15 +8238,15 @@ class w3 {
       const h = d.split(new RegExp(`${a}[ ]*{`));
       let u = `{${h[1]}`;
       d = h[0], u = this.interpolate(u, c);
-      const p = u.match(/'/g), v = u.match(/"/g);
-      (p && p.length % 2 === 0 && !v || v.length % 2 !== 0) && (u = u.replace(/'/g, '"'));
+      const p = u.match(/'/g), N = u.match(/"/g);
+      (p && p.length % 2 === 0 && !N || N.length % 2 !== 0) && (u = u.replace(/'/g, '"'));
       try {
         c = JSON.parse(u), g && (c = {
           ...g,
           ...c
         });
-      } catch (R) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, R), `${d}${a}${u}`;
+      } catch (M) {
+        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, M), `${d}${a}${u}`;
       }
       return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, d;
     };
@@ -8258,7 +8261,7 @@ class w3 {
         n[1] = a.shift(), d = a, g = !0;
       }
       if (l = t(o.call(this, n[1].trim(), c), c), l && n[0] === e && typeof l != "string") return l;
-      typeof l != "string" && (l = I1(l)), l || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), l = ""), g && (l = d.reduce((a, h) => this.format(a, h, s.lng, {
+      typeof l != "string" && (l = O1(l)), l || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), l = ""), g && (l = d.reduce((a, h) => this.format(a, h, s.lng, {
         ...s,
         interpolationkey: n[1].trim()
       }), l.trim())), e = e.replace(n[0], l), this.regexp.lastIndex = 0;
@@ -8266,7 +8269,7 @@ class w3 {
     return e;
   }
 }
-const m3 = (i) => {
+const k3 = (i) => {
   let e = i.toLowerCase().trim();
   const t = {};
   if (i.indexOf("(") > -1) {
@@ -8284,7 +8287,7 @@ const m3 = (i) => {
     formatName: e,
     formatOptions: t
   };
-}, Q = (i) => {
+}, q = (i) => {
   const e = {};
   return (t, s, n) => {
     let l = n;
@@ -8297,36 +8300,36 @@ const m3 = (i) => {
     return o || (o = i(p1(s), n), e[c] = o), o(t);
   };
 };
-class k3 {
+class L3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = $.create("formatter"), this.options = e, this.formats = {
-      number: Q((t, s) => {
+      number: q((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s
         });
         return (l) => n.format(l);
       }),
-      currency: Q((t, s) => {
+      currency: q((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s,
           style: "currency"
         });
         return (l) => n.format(l);
       }),
-      datetime: Q((t, s) => {
+      datetime: q((t, s) => {
         const n = new Intl.DateTimeFormat(t, {
           ...s
         });
         return (l) => n.format(l);
       }),
-      relativetime: Q((t, s) => {
+      relativetime: q((t, s) => {
         const n = new Intl.RelativeTimeFormat(t, {
           ...s
         });
         return (l) => n.format(l, s.range || "day");
       }),
-      list: Q((t, s) => {
+      list: q((t, s) => {
         const n = new Intl.ListFormat(t, {
           ...s
         });
@@ -8344,7 +8347,7 @@ class k3 {
     this.formats[e.toLowerCase().trim()] = t;
   }
   addCached(e, t) {
-    this.formats[e.toLowerCase().trim()] = Q(t);
+    this.formats[e.toLowerCase().trim()] = q(t);
   }
   format(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
@@ -8357,7 +8360,7 @@ class k3 {
       const {
         formatName: g,
         formatOptions: a
-      } = m3(d);
+      } = k3(d);
       if (this.formats[g]) {
         let h = o;
         try {
@@ -8377,10 +8380,10 @@ class k3 {
     }, e);
   }
 }
-const L3 = (i, e) => {
+const v3 = (i, e) => {
   i.pending[e] !== void 0 && (delete i.pending[e], i.pendingCount--);
 };
-class v3 extends w1 {
+class N3 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 = $.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);
@@ -8413,7 +8416,7 @@ class v3 extends w1 {
     }), this.state[e] = t ? -1 : 2, t && s && (this.state[e] = 0);
     const o = {};
     this.queue.forEach((d) => {
-      s3(d.loaded, [l], c), L3(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
+      n3(d.loaded, [l], c), v3(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
         o[g] || (o[g] = {});
         const a = d.loaded[g];
         a.length && a.forEach((h) => {
@@ -8515,7 +8518,7 @@ class v3 extends w1 {
     }
   }
 }
-const T1 = () => ({
+const G1 = () => ({
   debug: !1,
   initImmediate: !0,
   ns: ["translation"],
@@ -8571,8 +8574,8 @@ const T1 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), G1 = (i) => (typeof i.ns == "string" && (i.ns = [i.ns]), typeof i.fallbackLng == "string" && (i.fallbackLng = [i.fallbackLng]), typeof i.fallbackNS == "string" && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), c1 = () => {
-}, N3 = (i) => {
+}), K1 = (i) => (typeof i.ns == "string" && (i.ns = [i.ns]), typeof i.fallbackLng == "string" && (i.fallbackLng = [i.fallbackLng]), typeof i.fallbackNS == "string" && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), c1 = () => {
+}, x3 = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
   });
@@ -8580,9 +8583,9 @@ const T1 = () => ({
 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 = $, this.modules = {
+    if (super(), this.options = K1(e), this.services = {}, this.logger = $, this.modules = {
       external: []
-    }, N3(this), t && !this.isInitialized && !e.isClone) {
+    }, x3(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
         return this.init(e, t), this;
       setTimeout(() => {
@@ -8594,11 +8597,11 @@ class n1 extends w1 {
     var e = this;
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, s = arguments.length > 1 ? arguments[1] : void 0;
     this.isInitializing = !0, typeof t == "function" && (s = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (typeof t.ns == "string" ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
-    const n = T1();
+    const n = G1();
     this.options = {
       ...n,
       ...this.options,
-      ...G1(t)
+      ...K1(t)
     }, this.options.compatibilityAPI !== "v1" && (this.options.interpolation = {
       ...n.interpolation,
       ...this.options.interpolation
@@ -8607,24 +8610,24 @@ class n1 extends w1 {
     if (!this.options.isClone) {
       this.modules.logger ? $.init(l(this.modules.logger), this.options) : $.init(null, this.options);
       let a;
-      this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = k3);
-      const h = new W1(this.options);
-      this.store = new B1(this.options.resources, this.options);
+      this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = L3);
+      const h = new j1(this.options);
+      this.store = new Z1(this.options.resources, this.options);
       const u = this.services;
-      u.logger = $, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new f3(h, {
+      u.logger = $, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new w3(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) && (u.formatter = l(a), u.formatter.init(u, this.options), this.options.interpolation.format = u.formatter.format.bind(u.formatter)), u.interpolator = new w3(this.options), u.utils = {
+      }), a && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (u.formatter = l(a), u.formatter.init(u, this.options), this.options.interpolation.format = u.formatter.format.bind(u.formatter)), u.interpolator = new m3(this.options), u.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, u.backendConnector = new v3(l(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(p) {
-        for (var v = arguments.length, R = new Array(v > 1 ? v - 1 : 0), N = 1; N < v; N++)
-          R[N - 1] = arguments[N];
-        e.emit(p, ...R);
+      }, u.backendConnector = new N3(l(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(p) {
+        for (var N = arguments.length, M = new Array(N > 1 ? N - 1 : 0), k = 1; k < N; k++)
+          M[k - 1] = arguments[k];
+        e.emit(p, ...M);
       }), this.modules.languageDetector && (u.languageDetector = l(this.modules.languageDetector), u.languageDetector.init && u.languageDetector.init(u, this.options.detection, this.options)), this.modules.i18nFormat && (u.i18nFormat = l(this.modules.i18nFormat), u.i18nFormat.init && u.i18nFormat.init(this)), this.translator = new f1(this.services, this.options), this.translator.on("*", function(p) {
-        for (var v = arguments.length, R = new Array(v > 1 ? v - 1 : 0), N = 1; N < v; N++)
-          R[N - 1] = arguments[N];
-        e.emit(p, ...R);
+        for (var N = arguments.length, M = new Array(N > 1 ? N - 1 : 0), k = 1; k < N; k++)
+          M[k - 1] = arguments[k];
+        e.emit(p, ...M);
       }), this.modules.external.forEach((p) => {
         p.init && p.init(this);
       });
@@ -8677,7 +8680,7 @@ class n1 extends w1 {
   use(e) {
     if (!e) throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");
     if (!e.type) throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");
-    return e.type === "backend" && (this.modules.backend = e), (e.type === "logger" || e.log && e.warn && e.error) && (this.modules.logger = e), e.type === "languageDetector" && (this.modules.languageDetector = e), e.type === "i18nFormat" && (this.modules.i18nFormat = e), e.type === "postProcessor" && te.addPostProcessor(e), e.type === "formatter" && (this.modules.formatter = e), e.type === "3rdParty" && this.modules.external.push(e), this;
+    return e.type === "backend" && (this.modules.backend = e), (e.type === "logger" || e.log && e.warn && e.error) && (this.modules.logger = e), e.type === "languageDetector" && (this.modules.languageDetector = e), e.type === "i18nFormat" && (this.modules.i18nFormat = e), e.type === "postProcessor" && ie.addPostProcessor(e), e.type === "formatter" && (this.modules.formatter = e), e.type === "3rdParty" && this.modules.external.push(e), this;
   }
   setResolvedLanguage(e) {
     if (!(!e || !this.languages) && !(["cimode", "dev"].indexOf(e) > -1))
@@ -8726,7 +8729,7 @@ class n1 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 u = n.options.keySeparator || ".";
       let p;
-      return d.keyPrefix && Array.isArray(c) ? p = c.map((v) => `${d.keyPrefix}${u}${v}`) : p = d.keyPrefix ? `${d.keyPrefix}${u}${c}` : c, n.t(p, d);
+      return d.keyPrefix && Array.isArray(c) ? p = c.map((N) => `${d.keyPrefix}${u}${N}`) : p = d.keyPrefix ? `${d.keyPrefix}${u}${c}` : c, n.t(p, d);
     };
     return typeof e == "string" ? l.lng = e : l.lngs = e, l.ns = t, l.keyPrefix = s, l;
   }
@@ -8775,7 +8778,7 @@ class n1 extends w1 {
   }
   dir(e) {
     if (e || (e = this.resolvedLanguage || (this.languages && this.languages.length > 0 ? this.languages[0] : this.language)), !e) return "rtl";
-    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], s = this.services && this.services.languageUtils || new W1(T1());
+    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], s = this.services && this.services.languageUtils || new j1(G1());
     return t.indexOf(s.getLanguagePartFromCode(e)) > -1 || e.toLowerCase().indexOf("-arab") > 1 ? "rtl" : "ltr";
   }
   static createInstance() {
@@ -8797,7 +8800,7 @@ class n1 extends w1 {
       ...this.services
     }, l.services.utils = {
       hasLoadedNamespace: l.hasLoadedNamespace.bind(l)
-    }, s && (l.store = new B1(this.store.data, n), l.services.resourceStore = l.store), l.translator = new f1(l.services, n), l.translator.on("*", function(o) {
+    }, s && (l.store = new Z1(this.store.data, n), l.services.resourceStore = l.store), l.translator = new f1(l.services, n), l.translator.on("*", function(o) {
       for (var d = arguments.length, g = new Array(d > 1 ? d - 1 : 0), a = 1; a < d; a++)
         g[a - 1] = arguments[a];
       l.emit(o, ...g);
@@ -8815,42 +8818,42 @@ class n1 extends w1 {
     };
   }
 }
-const Z = n1.createInstance();
-Z.createInstance = n1.createInstance;
-Z.createInstance;
-Z.dir;
-Z.init;
-Z.loadResources;
-Z.reloadResources;
-Z.use;
-Z.changeLanguage;
-Z.getFixedT;
-Z.t;
-Z.exists;
-Z.setDefaultNamespace;
-Z.hasLoadedNamespace;
-Z.loadNamespaces;
-Z.loadLanguages;
-const x3 = "Archived", R3 = "Deleted", M3 = {
-  archived: x3,
+const j = n1.createInstance();
+j.createInstance = n1.createInstance;
+j.createInstance;
+j.dir;
+j.init;
+j.loadResources;
+j.reloadResources;
+j.use;
+j.changeLanguage;
+j.getFixedT;
+j.t;
+j.exists;
+j.setDefaultNamespace;
+j.hasLoadedNamespace;
+j.loadNamespaces;
+j.loadLanguages;
+const M3 = "Archived", R3 = "Deleted", y3 = {
+  archived: M3,
   deleted: R3
-}, y3 = "Заархивирован", b3 = "Удалён", E3 = {
-  archived: y3,
-  deleted: b3
+}, b3 = "Заархивирован", E3 = "Удалён", H3 = {
+  archived: b3,
+  deleted: E3
 };
-Z.use(U5).init({
+j.use(z5).init({
   defaultNS: "common",
   lng: "en",
   resources: {
     en: {
-      common: M3
+      common: y3
     },
     ru: {
-      common: E3
+      common: H3
     }
   }
 });
-const A3 = o1(
+const B3 = o1(
   ({
     fetchParams: i,
     mode: e = void 0,
@@ -8861,137 +8864,137 @@ const A3 = o1(
     onError: c,
     allowEmpty: o = !1
   }, d) => {
-    const { axiosPeople: g, locale: a } = a1(ue), { t: h } = X5("common", { lng: a }), [u, p] = A([]), [v, R] = A(!0), N = l1(u);
+    const { axiosPeople: g, locale: a } = a1(pe), { t: h } = e3("common", { lng: a }), [u, p] = W([]), [N, M] = W(!0), k = l1(u);
     if (!g)
       throw new Error(
         `UserSelect requires "axiosPeople" to fetch users.
                 Please provide it via SNMTUiContext.`
       );
-    const E = j(
+    const b = G(
       (x) => {
-        let f = "";
-        return x.deletedAt && (f += `[${h("deleted")}] `), x.status === g1.ARCHIVED && (f += `[${h("archived")}] `), `${f}${x.firstName} ${x.lastName}`;
+        let w = "";
+        return x.deletedAt && (w += `[${h("deleted")}] `), x.status === g1.ARCHIVED && (w += `[${h("archived")}] `), `${w}${x.firstName} ${x.lastName}`;
       },
       [h]
-    ), M = j(
+    ), R = G(
       async ({
         offset: x,
-        limit: f,
-        search: I
+        limit: w,
+        search: B
       }) => {
-        var B, S, b;
+        var Z, I, H;
         try {
-          const D = await g.post("v1/users/search", {
+          const V = await g.post("v1/users/search", {
             offset: x,
-            limit: f,
-            search: I,
+            limit: w,
+            search: B,
             ...i,
             includeCount: !0
-          }), { data: W, metadata: _ } = D.data;
+          }), { data: D, metadata: T } = V.data;
           return {
-            options: W.map((T) => ({
-              value: T.id,
-              label: E(T)
+            options: D.map((E) => ({
+              value: E.id,
+              label: b(E)
             })),
-            count: _.count
+            count: T.count
           };
-        } catch (D) {
+        } catch (V) {
           return c && c({
-            status: ((B = D.response) == null ? void 0 : B.status) ?? 500,
-            message: ((b = (S = D.response) == null ? void 0 : S.data) == null ? void 0 : b.message) ?? "Error while fetching options"
+            status: ((Z = V.response) == null ? void 0 : Z.status) ?? 500,
+            message: ((H = (I = V.response) == null ? void 0 : I.data) == null ? void 0 : H.message) ?? "Error while fetching options"
           }), {
             options: [],
             count: 0
           };
         }
       },
-      [g, i, c, E]
-    ), V = j(
+      [g, i, c, b]
+    ), S = G(
       async (x) => {
-        var f, I, B;
+        var w, B, Z;
         try {
-          const S = x.filter(
-            (W) => !N.current.some((_) => _.value === W)
+          const I = x.filter(
+            (D) => !k.current.some((T) => T.value === D)
           );
-          let b = [];
-          S.length && (b = (await g.post("v1/users/search", {
+          let H = [];
+          I.length && (H = (await g.post("v1/users/search", {
             filters: {
-              id: S,
+              id: I,
               status: [g1.ACTIVE, g1.ARCHIVED]
             }
           })).data.data);
-          const D = b.map((W) => ({
-            value: W.id,
-            label: E(W)
+          const V = H.map((D) => ({
+            value: D.id,
+            label: b(D)
           }));
-          return [...N.current, ...D];
-        } catch (S) {
+          return [...k.current, ...V];
+        } catch (I) {
           return c && c({
-            status: ((f = S.response) == null ? void 0 : f.status) ?? 500,
-            message: ((B = (I = S.response) == null ? void 0 : I.data) == null ? void 0 : B.message) ?? "Error while fetching selected items"
+            status: ((w = I.response) == null ? void 0 : w.status) ?? 500,
+            message: ((Z = (B = I.response) == null ? void 0 : B.data) == null ? void 0 : Z.message) ?? "Error while fetching selected items"
           }), [];
         }
       },
-      [g, E, c]
+      [g, b, c]
     );
-    G(() => {
-      N.current = u;
-    }, [u]), G(() => {
+    K(() => {
+      k.current = u;
+    }, [u]), K(() => {
       if (!n) {
-        R(!1);
+        M(!1);
         return;
       }
       (async () => {
-        const f = Array.isArray(n) ? n : [n], I = await V(f);
-        p(I), R(!1);
+        const w = Array.isArray(n) ? n : [n], B = await S(w);
+        p(B), M(!1);
       })();
-    }, [V, n]);
-    const m = j(
+    }, [S, n]);
+    const f = G(
       async ({
         limit: x,
-        offset: f,
-        search: I
+        offset: w,
+        search: B
       }) => {
-        const { count: B, ...S } = await M({
-          offset: f,
+        const { count: Z, ...I } = await R({
+          offset: w,
           limit: x,
-          search: I
+          search: B
         });
-        let b = S.options;
-        return o && f === 0 && (b = [{ value: null, label: "None" }, ...b]), {
-          options: b,
-          count: B,
+        let H = I.options;
+        return o && w === 0 && (H = [{ value: null, label: "None" }, ...H]), {
+          options: H,
+          count: Z,
           limit: x
         };
       },
-      [o, M]
+      [o, R]
     );
-    if (v)
-      return /* @__PURE__ */ r(A5, {});
+    if (N)
+      return /* @__PURE__ */ r(B5, {});
     const y = {
       ref: d,
       placeholder: t,
       disabled: s
     };
     return e ? /* @__PURE__ */ r(
-      E1,
+      H1,
       {
         ...y,
         mode: e,
         value: n,
         onChange: l,
-        loadOptions: m,
+        loadOptions: f,
         loadOnClosedState: !0,
         extraOptions: u
       }
     ) : /* @__PURE__ */ r(
-      E1,
+      H1,
       {
         ...y,
         value: n,
         mode: void 0,
         onChange: l,
-        loadOptions: m,
+        loadOptions: f,
         loadOnClosedState: !0,
         extraOptions: u
       }
@@ -8999,5 +9002,5 @@ const A3 = o1(
   }
 );
 export {
-  A3 as UserSelect
+  B3 as UserSelect
 };