npm - @snmt-react-ui/city-select - Versions diffs - 2.3.3 → 2.4.0 - Mend

@snmt-react-ui/city-select 2.3.3 → 2.4.0

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/city-select.js +829 -828
package/package.json +3 -3

package/dist/city-select.js CHANGED Viewed

@@ -1,11 +1,11 @@
-var ae = Object.defineProperty;
-var he = (i, e, t) => e in i ? ae(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var y1 = (i, e, t) => he(i, typeof e != "symbol" ? e + "" : e, t);
+var he = Object.defineProperty;
+var ce = (i, e, t) => e in i ? he(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var b1 = (i, e, t) => ce(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
-import { jsx as n, Fragment as e1, jsxs as C } from "react/jsx-runtime";
-import { SNMTUiContext as ce } from "@snmt-react-ui/core";
-import { Select as de, Flex as ge, Avatar as Ce, Checkbox as ue, Typography as F1, Tag as $1, Popover as pe } from "antd";
-import { createContext as n1, forwardRef as f1, useState as O, useRef as r1, useEffect as Z, useCallback as G, useContext as l1 } from "react";
+import { jsx as n, Fragment as t1, jsxs as C } from "react/jsx-runtime";
+import { SNMTUiContext as de } from "@snmt-react-ui/core";
+import { Select as ge, Flex as Ce, Avatar as ue, Checkbox as pe, Typography as $1, Tag as Y1, Popover as fe } from "antd";
+import { createContext as n1, forwardRef as f1, useState as O, useRef as r1, useEffect as j, useCallback as K, useContext as l1 } from "react";
 const d1 = ({
   children: i,
   direction: e = "row",
@@ -16,7 +16,7 @@ const d1 = ({
   gap: c,
   padding: r
 }) => /* @__PURE__ */ n(
-  ge,
+  Ce,
   {
     className: `snmt-flex${t === "inherit" ? " inherit" : ""}`,
     vertical: e === "column",
@@ -28,10 +28,10 @@ const d1 = ({
     style: { padding: r },
     children: i
   }
-), fe = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
+), we = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
   const o = typeof s.src == "string";
   return /* @__PURE__ */ n(
-    Ce,
+    ue,
     {
       className: `snmt-avatar ${o ? "image" : ""}`,
       shape: i,
@@ -42,13 +42,13 @@ const d1 = ({
     }
   );
 };
-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 Y1 = n1({
+var e1 = /* @__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))(e1 || {});
+const U1 = n1({
   locale: "en",
   theme: "light"
 });
-Y1.Provider;
-const we = ({
+U1.Provider;
+const me = ({
   checked: i = !0,
   indeterminate: e = !1,
   children: t,
@@ -57,12 +57,12 @@ const we = ({
   disableUncheck: l = !1
 }) => {
   const [c, r] = O(i), [d, g] = O(e);
-  Z(() => {
+  j(() => {
     r(i), g(e);
   }, [i, e]);
-  const { theme: a } = l1(Y1);
+  const { theme: a } = l1(U1);
   return /* @__PURE__ */ n(
-    ue,
+    pe,
     {
       className: `snmt-checkbox snmt-checkbox-${a}`,
       checked: c,
@@ -75,13 +75,13 @@ const we = ({
     }
   );
 };
-var m = /* @__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))(m || {});
-const U1 = n1({
+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 z1 = n1({
   locale: "en",
   theme: "light"
 });
-U1.Provider;
-const me = ({
+z1.Provider;
+const ke = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -108,7 +108,7 @@ const me = ({
       }
     )
   }
-), ke = ({
+), Le = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -135,7 +135,7 @@ const me = ({
       }
     )
   }
-), Le = ({
+), ve = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -163,7 +163,7 @@ const me = ({
       )
     ]
   }
-), ve = ({
+), Ne = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -198,7 +198,7 @@ const me = ({
       )
     ]
   }
-), Ne = ({
+), xe = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
@@ -237,7 +237,7 @@ const me = ({
       )
     ]
   }
-), xe = ({
+), Re = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -263,7 +263,7 @@ const me = ({
       }
     )
   }
-), Re = ({
+), Me = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -284,7 +284,7 @@ const me = ({
       /* @__PURE__ */ n("path", { d: "M16 4L4 16", stroke: t, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), Me = ({
+), ye = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -316,7 +316,7 @@ const me = ({
       )
     ]
   }
-), ye = ({
+), be = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -370,7 +370,7 @@ const me = ({
       )
     ]
   }
-), be = ({
+), Ee = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -409,7 +409,7 @@ const me = ({
       /* @__PURE__ */ n("path", { d: "M3 12L17 12", stroke: t, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), Ee = ({
+), He = ({
   width: i = 16,
   height: e = 12,
   color: t = "#001E52",
@@ -458,7 +458,7 @@ const me = ({
       )
     ] })
   }
-), He = ({
+), _e = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -492,7 +492,7 @@ const me = ({
       )
     ]
   }
-), _e = ({
+), Ve = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -531,7 +531,7 @@ const me = ({
       )
     ] })
   }
-), Ve = ({
+), Ie = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -567,7 +567,7 @@ const me = ({
       )
     ]
   }
-), Ie = ({
+), Se = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
@@ -605,7 +605,7 @@ const me = ({
       /* @__PURE__ */ n("circle", { cx: "3", cy: "3", r: "3", fill: t })
     ]
   }
-), Se = ({
+), Oe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -652,7 +652,7 @@ const me = ({
       )
     ]
   }
-), Oe = ({
+), Ae = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -685,7 +685,7 @@ const me = ({
       )
     ]
   }
-), Ae = ({
+), Be = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -732,7 +732,7 @@ const me = ({
       )
     ]
   }
-), Be = ({
+), Ze = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -765,7 +765,7 @@ const me = ({
       )
     ]
   }
-), Ze = ({
+), We = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -804,7 +804,7 @@ const me = ({
       )
     ]
   }
-), We = ({
+), je = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -837,7 +837,7 @@ const me = ({
       )
     ]
   }
-), je = ({
+), De = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -861,7 +861,7 @@ const me = ({
       }
     )
   }
-), De = ({
+), Te = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -908,7 +908,7 @@ const me = ({
       )
     ]
   }
-), Te = ({
+), Ge = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -941,7 +941,7 @@ const me = ({
       )
     ]
   }
-), Ge = ({
+), Ke = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -974,7 +974,7 @@ const me = ({
       )
     ]
   }
-), Ke = ({
+), Pe = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -1035,7 +1035,7 @@ const me = ({
       )
     ]
   }
-), Pe = ({
+), Fe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -1075,7 +1075,7 @@ const me = ({
       )
     ]
   }
-), Fe = ({
+), $e = ({
   width: i = 32,
   height: e = 25,
   color: t = "#001E52",
@@ -1103,7 +1103,7 @@ const me = ({
       )
     ]
   }
-), $e = ({
+), Ye = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -1132,7 +1132,7 @@ const me = ({
       )
     ]
   }
-), Ye = ({
+), Ue = ({
   width: i = 11,
   height: e = 11,
   color: t = "#FFB020",
@@ -1166,7 +1166,7 @@ const me = ({
       )
     ]
   }
-), Ue = ({
+), ze = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -1214,7 +1214,7 @@ const me = ({
       )
     ]
   }
-), ze = ({
+), Je = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -1242,7 +1242,7 @@ const me = ({
       )
     ]
   }
-), Je = ({
+), Qe = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -1276,7 +1276,7 @@ const me = ({
       )
     ]
   }
-), Qe = ({
+), qe = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -1324,7 +1324,7 @@ const me = ({
       )
     ]
   }
-), qe = ({
+), Xe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1354,7 +1354,7 @@ const me = ({
       /* @__PURE__ */ n("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), Xe = ({
+), et = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1392,7 +1392,7 @@ const me = ({
       )
     ]
   }
-), e2 = ({
+), tt = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -1418,7 +1418,7 @@ const me = ({
       }
     )
   }
-), t2 = ({
+), it = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -1447,7 +1447,7 @@ const me = ({
       )
     ]
   }
-), i2 = ({
+), st = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -1476,7 +1476,7 @@ const me = ({
       )
     ]
   }
-), s2 = ({
+), ot = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
@@ -1513,7 +1513,7 @@ const me = ({
       )
     ]
   }
-), o2 = ({
+), nt = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
@@ -1552,7 +1552,7 @@ const me = ({
       )
     ]
   }
-), n2 = ({
+), rt = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1581,7 +1581,7 @@ const me = ({
       )
     ]
   }
-), r2 = ({
+), lt = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1618,10 +1618,10 @@ const me = ({
       )
     ]
   }
-), l2 = ({
+), at = ({
   width: i = 24,
   height: e = 24,
-  color: t = m.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: o
 }) => /* @__PURE__ */ C(
@@ -1657,10 +1657,10 @@ const me = ({
       )
     ]
   }
-), a2 = ({
+), ht = ({
   width: i = 20,
   height: e = 20,
-  color: t = m.GREY_DARK_1,
+  color: t = k.GREY_DARK_1,
   className: s,
   onClick: o
 }) => /* @__PURE__ */ C(
@@ -1690,10 +1690,10 @@ const me = ({
       )
     ]
   }
-), h2 = ({
+), ct = ({
   width: i = 81,
   height: e = 80,
-  color: t = m.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: o
 }) => /* @__PURE__ */ C(
@@ -1739,9 +1739,9 @@ const me = ({
       )
     ]
   }
-), c2 = ({
+), dt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -1766,9 +1766,9 @@ const me = ({
       }
     )
   }
-), d2 = ({
+), gt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -1793,9 +1793,9 @@ const me = ({
       }
     )
   }
-), g2 = ({
+), Ct = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: o
@@ -1817,9 +1817,9 @@ const me = ({
       }
     )
   }
-), C2 = ({
+), ut = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: o
@@ -1842,9 +1842,9 @@ const me = ({
       }
     )
   }
-), u2 = ({
+), pt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -1881,9 +1881,9 @@ const me = ({
       )
     ]
   }
-), p2 = ({
+), ft = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -1920,9 +1920,9 @@ const me = ({
       )
     ]
   }
-), f2 = ({
+), wt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -1947,9 +1947,9 @@ const me = ({
       }
     )
   }
-), w2 = ({
+), mt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2006,9 +2006,9 @@ const me = ({
       )
     ]
   }
-), m2 = ({
+), kt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2043,9 +2043,9 @@ const me = ({
       )
     ]
   }
-), k2 = ({
+), Lt = ({
   className: i,
-  color: e = m.GREY_DARK_3,
+  color: e = k.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: o
@@ -2080,9 +2080,9 @@ const me = ({
       )
     ]
   }
-), L2 = ({
+), vt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: o = 18
@@ -2107,9 +2107,9 @@ const me = ({
       }
     )
   }
-), v2 = ({
+), Nt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2159,9 +2159,9 @@ const me = ({
       )
     ]
   }
-), N2 = ({
+), xt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2196,9 +2196,9 @@ const me = ({
       )
     ]
   }
-), x2 = ({
+), Rt = ({
   className: i,
-  color: e = m.NOTIFICATION_WARNING_DARK,
+  color: e = k.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: o
@@ -2235,9 +2235,9 @@ const me = ({
       )
     ]
   }
-), R2 = ({
+), Mt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2261,9 +2261,9 @@ const me = ({
       }
     )
   }
-), M2 = ({
+), yt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2300,9 +2300,9 @@ const me = ({
       )
     ]
   }
-), y2 = ({
+), bt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2339,9 +2339,9 @@ const me = ({
       )
     ]
   }
-), b2 = ({
+), Et = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2408,9 +2408,9 @@ const me = ({
       )
     ]
   }
-), E2 = ({
+), Ht = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2447,9 +2447,9 @@ const me = ({
       )
     ]
   }
-), H2 = ({
+), _t = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2504,9 +2504,9 @@ const me = ({
       )
     ]
   }
-), _2 = ({
+), Vt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2543,9 +2543,9 @@ const me = ({
       )
     ]
   }
-), V2 = ({
+), It = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2592,9 +2592,9 @@ const me = ({
       )
     ]
   }
-), I2 = ({
+), St = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2631,9 +2631,9 @@ const me = ({
       )
     ]
   }
-), S2 = ({
+), Ot = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2658,9 +2658,9 @@ const me = ({
       }
     )
   }
-), O2 = ({
+), At = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2696,9 +2696,9 @@ const me = ({
       )
     ]
   }
-), A2 = ({
+), Bt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2717,9 +2717,9 @@ const me = ({
       /* @__PURE__ */ n("path", { d: "M12 8L4 8", stroke: e, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), B2 = ({
+), Zt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2756,9 +2756,9 @@ const me = ({
       )
     ]
   }
-), Z2 = ({
+), Wt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2795,9 +2795,9 @@ const me = ({
       )
     ]
   }
-), W2 = ({
+), jt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -2834,9 +2834,9 @@ const me = ({
       )
     ]
   }
-), j2 = ({
+), Dt = ({
   className: i,
-  color: e = m.GREY_DARK_2,
+  color: e = k.GREY_DARK_2,
   height: t = 16,
   width: s = 16,
   onClick: o
@@ -2860,9 +2860,9 @@ const me = ({
       }
     )
   }
-), D2 = ({
+), Tt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -2889,9 +2889,9 @@ const me = ({
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), T2 = ({
+), Gt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -2918,9 +2918,9 @@ const me = ({
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), G2 = ({
+), Kt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -2935,7 +2935,7 @@ const me = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: m.GREY_LIGHT_2 }),
+      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: k.GREY_LIGHT_2 }),
       /* @__PURE__ */ n(
         "path",
         {
@@ -2947,9 +2947,9 @@ const me = ({
       )
     ]
   }
-), K2 = ({
+), Pt = ({
   className: i,
-  color: e = m.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -2964,7 +2964,7 @@ const me = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: m.GREY_LIGHT_2 }),
+      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: k.GREY_LIGHT_2 }),
       /* @__PURE__ */ n(
         "path",
         {
@@ -2976,7 +2976,7 @@ const me = ({
       )
     ]
   }
-), P2 = ({
+), Ft = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3002,7 +3002,7 @@ const me = ({
       }
     )
   }
-), F2 = ({
+), $t = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -3030,7 +3030,7 @@ const me = ({
       }
     )
   }
-), $2 = ({
+), Yt = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3068,7 +3068,7 @@ const me = ({
       )
     ] }) })
   }
-), Y2 = ({
+), Ut = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3133,49 +3133,49 @@ const me = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [r, d] = O(o), { theme: g } = l1(U1), a = l ? g && g === "dark" ? m.GREY_LIGHT_4 : m.GREY_DARK_1 : s, h = l ? void 0 : c;
-  return Z(() => {
+  const [r, d] = O(o), { theme: g } = l1(z1), a = l ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, h = l ? void 0 : c;
+  return j(() => {
     if (o) {
       h && !l && d(`${o} clickable`);
       return;
     }
     h && !l && d("clickable");
-  }, [h, o, l]), /* @__PURE__ */ n(e1, { children: (() => {
+  }, [h, o, l]), /* @__PURE__ */ n(t1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return c2({ width: e, height: t, color: a, className: r, onClick: h });
+        return dt({ width: e, height: t, color: a, className: r, onClick: h });
       case "prevIcon":
-        return d2({ width: e, height: t, color: a, className: r, onClick: h });
+        return gt({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUp":
-        return me({ width: e, height: t, color: a, className: r, onClick: h });
-      case "arrowDown":
         return ke({ width: e, height: t, color: a, className: r, onClick: h });
-      case "info":
+      case "arrowDown":
         return Le({ width: e, height: t, color: a, className: r, onClick: h });
-      case "arrowRight":
+      case "info":
         return ve({ width: e, height: t, color: a, className: r, onClick: h });
-      case "calendar":
+      case "arrowRight":
         return Ne({ width: e, height: t, color: a, className: r, onClick: h });
-      case "ok":
+      case "calendar":
         return xe({ width: e, height: t, color: a, className: r, onClick: h });
-      case "cancel":
+      case "ok":
         return Re({ width: e, height: t, color: a, className: r, onClick: h });
-      case "add":
+      case "cancel":
         return Me({ width: e, height: t, color: a, className: r, onClick: h });
-      case "list":
+      case "add":
         return ye({ width: e, height: t, color: a, className: r, onClick: h });
-      case "dragAndDrop":
+      case "list":
         return be({ width: e, height: t, color: a, className: r, onClick: h });
-      case "filter":
+      case "dragAndDrop":
         return Ee({ width: e, height: t, color: a, className: r, onClick: h });
-      case "attention":
+      case "filter":
         return He({ width: e, height: t, color: a, className: r, onClick: h });
-      case "plus":
+      case "attention":
         return _e({ width: e, height: t, color: a, className: r, onClick: h });
-      case "time":
+      case "plus":
         return Ve({ width: e, height: t, color: a, className: r, onClick: h });
+      case "time":
+        return Ie({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDownLong":
-        return Ie({
+        return Se({
           width: e,
           height: t,
           color: a,
@@ -3183,9 +3183,9 @@ const me = ({
           onClick: h
         });
       case "users":
-        return Se({ width: e, height: t, color: a, className: r, onClick: h });
+        return Oe({ width: e, height: t, color: a, className: r, onClick: h });
       case "mySkillsMatrix":
-        return Oe({
+        return Ae({
           width: e,
           height: t,
           color: a,
@@ -3193,9 +3193,9 @@ const me = ({
           onClick: h
         });
       case "skills":
-        return Ae({ width: e, height: t, color: a, className: r, onClick: h });
+        return Be({ width: e, height: t, color: a, className: r, onClick: h });
       case "skillsMatrices":
-        return Be({
+        return Ze({
           width: e,
           height: t,
           color: a,
@@ -3203,23 +3203,23 @@ const me = ({
           onClick: h
         });
       case "history":
-        return Ze({ width: e, height: t, color: a, className: r, onClick: h });
-      case "logOut":
         return We({ width: e, height: t, color: a, className: r, onClick: h });
-      case "settings":
+      case "logOut":
         return je({ width: e, height: t, color: a, className: r, onClick: h });
-      case "addSkill":
+      case "settings":
         return De({ width: e, height: t, color: a, className: r, onClick: h });
-      case "conversation":
+      case "addSkill":
         return Te({ width: e, height: t, color: a, className: r, onClick: h });
-      case "trash":
+      case "conversation":
         return Ge({ width: e, height: t, color: a, className: r, onClick: h });
-      case "settings4":
+      case "trash":
         return Ke({ width: e, height: t, color: a, className: r, onClick: h });
-      case "edit2":
+      case "settings4":
         return Pe({ width: e, height: t, color: a, className: r, onClick: h });
+      case "edit2":
+        return Fe({ width: e, height: t, color: a, className: r, onClick: h });
       case "notifications":
-        return Fe({
+        return $e({
           width: e,
           height: t,
           color: a,
@@ -3227,9 +3227,9 @@ const me = ({
           onClick: h
         });
       case "success":
-        return $e({ width: e, height: t, color: a, className: r, onClick: h });
+        return Ye({ width: e, height: t, color: a, className: r, onClick: h });
       case "attentionSmall":
-        return Ye({
+        return Ue({
           width: e,
           height: t,
           color: a,
@@ -3237,11 +3237,11 @@ const me = ({
           onClick: h
         });
       case "errorSmall":
-        return Ue({ width: e, height: t, color: a, className: r, onClick: h });
-      case "infoMedium":
         return ze({ width: e, height: t, color: a, className: r, onClick: h });
+      case "infoMedium":
+        return Je({ width: e, height: t, color: a, className: r, onClick: h });
       case "attentionMedium":
-        return Je({
+        return Qe({
           width: e,
           height: t,
           color: a,
@@ -3249,9 +3249,9 @@ const me = ({
           onClick: h
         });
       case "errorMedium":
-        return Qe({ width: e, height: t, color: a, className: r, onClick: h });
+        return qe({ width: e, height: t, color: a, className: r, onClick: h });
       case "faviconSkills":
-        return s2({
+        return ot({
           width: e,
           height: t,
           color: a,
@@ -3259,7 +3259,7 @@ const me = ({
           onClick: h
         });
       case "visibilityIcon":
-        return qe({
+        return Xe({
           width: e,
           height: t,
           color: a,
@@ -3267,7 +3267,7 @@ const me = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return Xe({
+        return et({
           width: e,
           height: t,
           color: a,
@@ -3275,7 +3275,7 @@ const me = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return e2({
+        return tt({
           width: e,
           height: t,
           color: a,
@@ -3283,7 +3283,7 @@ const me = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return t2({
+        return it({
           width: e,
           height: t,
           color: a,
@@ -3291,7 +3291,7 @@ const me = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return i2({
+        return st({
           width: e,
           height: t,
           color: a,
@@ -3299,99 +3299,99 @@ const me = ({
           onClick: h
         });
       case "camera":
-        return o2({ width: e, height: t, color: a, className: r, onClick: h });
+        return nt({ width: e, height: t, color: a, className: r, onClick: h });
       case "sortUp":
-        return n2({ width: e, height: t, color: a, className: r, onClick: h });
+        return rt({ width: e, height: t, color: a, className: r, onClick: h });
       case "sortDown":
-        return r2({ width: e, height: t, color: a, className: r, onClick: h });
+        return lt({ width: e, height: t, color: a, className: r, onClick: h });
       case "logOut2":
-        return l2({ width: e, height: t, color: a, className: r, onClick: h });
+        return at({ width: e, height: t, color: a, className: r, onClick: h });
       case "search":
-        return a2({ width: e, height: t, color: a, className: r, onClick: h });
+        return ht({ width: e, height: t, color: a, className: r, onClick: h });
       case "handRock":
-        return h2({ width: e, height: t, color: a, className: r, onClick: h });
+        return ct({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUpFilled":
-        return C2({ width: e, height: t, color: a, className: r, onClick: h });
+        return ut({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDownFilled":
-        return g2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Ct({ width: e, height: t, color: a, className: r, onClick: h });
       case "link":
-        return u2({ width: e, height: t, color: a, className: r, onClick: h });
+        return pt({ width: e, height: t, color: a, className: r, onClick: h });
       case "telegram":
-        return f2({ width: e, height: t, color: a, className: r, onClick: h });
+        return wt({ width: e, height: t, color: a, className: r, onClick: h });
       case "mail":
-        return m2({ width: e, height: t, color: a, className: r, onClick: h });
+        return kt({ width: e, height: t, color: a, className: r, onClick: h });
       case "github":
-        return p2({ width: e, height: t, color: a, className: r, onClick: h });
+        return ft({ width: e, height: t, color: a, className: r, onClick: h });
       case "linkedIn":
-        return w2({ width: e, height: t, color: a, className: r, onClick: h });
+        return mt({ width: e, height: t, color: a, className: r, onClick: h });
       case "emptyStateIcon":
-        return k2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Lt({ width: e, height: t, color: a, className: r, onClick: h });
       case "filtersIcon":
-        return L2({ width: e, height: t, color: a, className: r, onClick: h });
+        return vt({ width: e, height: t, color: a, className: r, onClick: h });
       case "dotMenuIcon":
-        return v2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Nt({ width: e, height: t, color: a, className: r, onClick: h });
       case "plusCircle":
-        return N2({ width: e, height: t, color: a, className: r, onClick: h });
+        return xt({ width: e, height: t, color: a, className: r, onClick: h });
       case "warning":
-        return x2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Rt({ width: e, height: t, color: a, className: r, onClick: h });
       case "back":
-        return R2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Mt({ width: e, height: t, color: a, className: r, onClick: h });
       case "bell":
-        return M2({ width: e, height: t, color: a, className: r, onClick: h });
+        return yt({ width: e, height: t, color: a, className: r, onClick: h });
       case "contract":
-        return b2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Et({ width: e, height: t, color: a, className: r, onClick: h });
       case "trash2":
-        return y2({ width: e, height: t, color: a, className: r, onClick: h });
+        return bt({ width: e, height: t, color: a, className: r, onClick: h });
       case "manager":
-        return E2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Ht({ width: e, height: t, color: a, className: r, onClick: h });
       case "resourceManager":
-        return H2({ width: e, height: t, color: a, className: r, onClick: h });
+        return _t({ width: e, height: t, color: a, className: r, onClick: h });
       case "settings2":
-        return _2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Vt({ width: e, height: t, color: a, className: r, onClick: h });
       case "image":
-        return V2({ width: e, height: t, color: a, className: r, onClick: h });
+        return It({ width: e, height: t, color: a, className: r, onClick: h });
       case "upload":
-        return I2({ width: e, height: t, color: a, className: r, onClick: h });
+        return St({ width: e, height: t, color: a, className: r, onClick: h });
       case "edit":
-        return S2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Ot({ width: e, height: t, color: a, className: r, onClick: h });
       case "location":
-        return O2({ width: e, height: t, color: a, className: r, onClick: h });
+        return At({ width: e, height: t, color: a, className: r, onClick: h });
       case "plus2":
-        return A2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Bt({ width: e, height: t, color: a, className: r, onClick: h });
       case "search2":
-        return B2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Zt({ width: e, height: t, color: a, className: r, onClick: h });
       case "fastArrowLeft":
-        return Z2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Wt({ width: e, height: t, color: a, className: r, onClick: h });
       case "fastArrowRight":
-        return W2({ width: e, height: t, color: a, className: r, onClick: h });
+        return jt({ width: e, height: t, color: a, className: r, onClick: h });
       case "crossInCircle":
-        return j2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Dt({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUp2":
-        return T2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Gt({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDown2":
-        return D2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Tt({ width: e, height: t, color: a, className: r, onClick: h });
       case "filledArrowLeft":
-        return G2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Kt({ width: e, height: t, color: a, className: r, onClick: h });
       case "filledArrowRight":
-        return K2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Pt({ width: e, height: t, color: a, className: r, onClick: h });
       case "burgerMenu":
-        return P2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Ft({ width: e, height: t, color: a, className: r, onClick: h });
       case "signOut":
-        return F2({ width: e, height: t, color: a, className: r, onClick: h });
+        return $t({ width: e, height: t, color: a, className: r, onClick: h });
       case "refresh":
-        return $2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Yt({ width: e, height: t, color: a, className: r, onClick: h });
       case "projects":
-        return Y2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Ut({ width: e, height: t, color: a, className: r, onClick: h });
       default:
-        return /* @__PURE__ */ n(e1, { children: "No Icon provided" });
+        return /* @__PURE__ */ n(t1, { children: "No Icon provided" });
     }
   })() });
-}, { Title: U2, Text: z2 } = F1, J2 = {
+}, { Title: zt, Text: Jt } = $1, Qt = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, Q2 = f1(
+}, qt = f1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -3404,17 +3404,17 @@ const me = ({
     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__ */ n(
-      U2,
+      zt,
       {
         className: g,
         style: { color: t, whiteSpace: c },
         onClick: o,
-        level: J2[e],
+        level: Qt[e],
         ref: r,
         children: s
       }
     ) : /* @__PURE__ */ n(
-      z2,
+      Jt,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -3425,13 +3425,13 @@ const me = ({
     );
   }
 );
-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 z1 = n1({
+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 J1 = n1({
   locale: "en",
   theme: "light"
 });
-z1.Provider;
-const q2 = ({
+J1.Provider;
+const Xt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3458,7 +3458,7 @@ const q2 = ({
       }
     )
   }
-), X2 = ({
+), e2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3485,7 +3485,7 @@ const q2 = ({
       }
     )
   }
-), et = ({
+), t2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3513,7 +3513,7 @@ const q2 = ({
       )
     ]
   }
-), tt = ({
+), i2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3548,7 +3548,7 @@ const q2 = ({
       )
     ]
   }
-), it = ({
+), s2 = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
@@ -3587,7 +3587,7 @@ const q2 = ({
       )
     ]
   }
-), st = ({
+), o2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3613,7 +3613,7 @@ const q2 = ({
       }
     )
   }
-), ot = ({
+), n2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3634,7 +3634,7 @@ const q2 = ({
       /* @__PURE__ */ n("path", { d: "M16 4L4 16", stroke: t, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), nt = ({
+), r2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3666,7 +3666,7 @@ const q2 = ({
       )
     ]
   }
-), rt = ({
+), l2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3720,7 +3720,7 @@ const q2 = ({
       )
     ]
   }
-), lt = ({
+), a2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3759,7 +3759,7 @@ const q2 = ({
       /* @__PURE__ */ n("path", { d: "M3 12L17 12", stroke: t, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), at = ({
+), h2 = ({
   width: i = 16,
   height: e = 12,
   color: t = "#001E52",
@@ -3808,7 +3808,7 @@ const q2 = ({
       )
     ] })
   }
-), ht = ({
+), c2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3842,7 +3842,7 @@ const q2 = ({
       )
     ]
   }
-), ct = ({
+), d2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -3881,7 +3881,7 @@ const q2 = ({
       )
     ] })
   }
-), dt = ({
+), g2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3917,7 +3917,7 @@ const q2 = ({
       )
     ]
   }
-), gt = ({
+), C2 = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
@@ -3955,7 +3955,7 @@ const q2 = ({
       /* @__PURE__ */ n("circle", { cx: "3", cy: "3", r: "3", fill: t })
     ]
   }
-), Ct = ({
+), u2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4002,7 +4002,7 @@ const q2 = ({
       )
     ]
   }
-), ut = ({
+), p2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4035,7 +4035,7 @@ const q2 = ({
       )
     ]
   }
-), pt = ({
+), f2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4082,7 +4082,7 @@ const q2 = ({
       )
     ]
   }
-), ft = ({
+), w2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4115,7 +4115,7 @@ const q2 = ({
       )
     ]
   }
-), wt = ({
+), m2 = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -4154,7 +4154,7 @@ const q2 = ({
       )
     ]
   }
-), mt = ({
+), k2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4187,7 +4187,7 @@ const q2 = ({
       )
     ]
   }
-), kt = ({
+), L2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4211,7 +4211,7 @@ const q2 = ({
       }
     )
   }
-), Lt = ({
+), v2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4258,7 +4258,7 @@ const q2 = ({
       )
     ]
   }
-), vt = ({
+), N2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4291,7 +4291,7 @@ const q2 = ({
       )
     ]
   }
-), Nt = ({
+), x2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4324,7 +4324,7 @@ const q2 = ({
       )
     ]
   }
-), xt = ({
+), R2 = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -4385,7 +4385,7 @@ const q2 = ({
       )
     ]
   }
-), Rt = ({
+), M2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4425,7 +4425,7 @@ const q2 = ({
       )
     ]
   }
-), Mt = ({
+), y2 = ({
   width: i = 32,
   height: e = 25,
   color: t = "#001E52",
@@ -4453,7 +4453,7 @@ const q2 = ({
       )
     ]
   }
-), yt = ({
+), b2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -4482,7 +4482,7 @@ const q2 = ({
       )
     ]
   }
-), bt = ({
+), E2 = ({
   width: i = 11,
   height: e = 11,
   color: t = "#FFB020",
@@ -4516,7 +4516,7 @@ const q2 = ({
       )
     ]
   }
-), Et = ({
+), H2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -4564,7 +4564,7 @@ const q2 = ({
       )
     ]
   }
-), Ht = ({
+), _2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -4592,7 +4592,7 @@ const q2 = ({
       )
     ]
   }
-), _t = ({
+), V2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -4626,7 +4626,7 @@ const q2 = ({
       )
     ]
   }
-), Vt = ({
+), I2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -4674,7 +4674,7 @@ const q2 = ({
       )
     ]
   }
-), It = ({
+), S2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4704,7 +4704,7 @@ const q2 = ({
       /* @__PURE__ */ n("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), St = ({
+), O2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4742,7 +4742,7 @@ const q2 = ({
       )
     ]
   }
-), Ot = ({
+), A2 = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -4768,7 +4768,7 @@ const q2 = ({
       }
     )
   }
-), At = ({
+), B2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -4797,7 +4797,7 @@ const q2 = ({
       )
     ]
   }
-), Bt = ({
+), Z2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -4826,7 +4826,7 @@ const q2 = ({
       )
     ]
   }
-), Zt = ({
+), W2 = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
@@ -4863,7 +4863,7 @@ const q2 = ({
       )
     ]
   }
-), Wt = ({
+), j2 = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
@@ -4902,7 +4902,7 @@ const q2 = ({
       )
     ]
   }
-), jt = ({
+), D2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4931,7 +4931,7 @@ const q2 = ({
       )
     ]
   }
-), Dt = ({
+), T2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4968,10 +4968,10 @@ const q2 = ({
       )
     ]
   }
-), Tt = ({
+), G2 = ({
   width: i = 24,
   height: e = 24,
-  color: t = k.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: o
 }) => /* @__PURE__ */ C(
@@ -5007,10 +5007,10 @@ const q2 = ({
       )
     ]
   }
-), Gt = ({
+), K2 = ({
   width: i = 20,
   height: e = 20,
-  color: t = k.GREY_DARK_1,
+  color: t = L.GREY_DARK_1,
   className: s,
   onClick: o
 }) => /* @__PURE__ */ C(
@@ -5040,10 +5040,10 @@ const q2 = ({
       )
     ]
   }
-), Kt = ({
+), P2 = ({
   width: i = 81,
   height: e = 80,
-  color: t = k.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: o
 }) => /* @__PURE__ */ C(
@@ -5089,9 +5089,9 @@ const q2 = ({
       )
     ]
   }
-), Pt = ({
+), F2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -5116,9 +5116,9 @@ const q2 = ({
       }
     )
   }
-), Ft = ({
+), $2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -5143,9 +5143,9 @@ const q2 = ({
       }
     )
   }
-), $t = ({
+), Y2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: o
@@ -5167,9 +5167,9 @@ const q2 = ({
       }
     )
   }
-), Yt = ({
+), U2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: o
@@ -5192,9 +5192,9 @@ const q2 = ({
       }
     )
   }
-), Ut = ({
+), z2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5231,9 +5231,9 @@ const q2 = ({
       )
     ]
   }
-), zt = ({
+), J2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5270,9 +5270,9 @@ const q2 = ({
       )
     ]
   }
-), Jt = ({
+), Q2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5297,9 +5297,9 @@ const q2 = ({
       }
     )
   }
-), Qt = ({
+), q2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5356,9 +5356,9 @@ const q2 = ({
       )
     ]
   }
-), qt = ({
+), X2 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5393,9 +5393,9 @@ const q2 = ({
       )
     ]
   }
-), Xt = ({
+), e5 = ({
   className: i,
-  color: e = k.GREY_DARK_3,
+  color: e = L.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: o
@@ -5430,9 +5430,9 @@ const q2 = ({
       )
     ]
   }
-), e5 = ({
+), t5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: o = 18
@@ -5457,9 +5457,9 @@ const q2 = ({
       }
     )
   }
-), t5 = ({
+), i5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5509,9 +5509,9 @@ const q2 = ({
       )
     ]
   }
-), i5 = ({
+), s5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5546,9 +5546,9 @@ const q2 = ({
       )
     ]
   }
-), s5 = ({
+), o5 = ({
   className: i,
-  color: e = k.NOTIFICATION_WARNING_DARK,
+  color: e = L.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: o
@@ -5585,9 +5585,9 @@ const q2 = ({
       )
     ]
   }
-), o5 = ({
+), n5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5611,9 +5611,9 @@ const q2 = ({
       }
     )
   }
-), n5 = ({
+), r5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5650,9 +5650,9 @@ const q2 = ({
       )
     ]
   }
-), r5 = ({
+), l5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5689,9 +5689,9 @@ const q2 = ({
       )
     ]
   }
-), l5 = ({
+), a5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5758,9 +5758,9 @@ const q2 = ({
       )
     ]
   }
-), a5 = ({
+), h5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5797,9 +5797,9 @@ const q2 = ({
       )
     ]
   }
-), h5 = ({
+), c5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5854,9 +5854,9 @@ const q2 = ({
       )
     ]
   }
-), c5 = ({
+), d5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5893,9 +5893,9 @@ const q2 = ({
       )
     ]
   }
-), d5 = ({
+), g5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5942,9 +5942,9 @@ const q2 = ({
       )
     ]
   }
-), g5 = ({
+), C5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -5981,9 +5981,9 @@ const q2 = ({
       )
     ]
   }
-), C5 = ({
+), u5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -6008,9 +6008,9 @@ const q2 = ({
       }
     )
   }
-), u5 = ({
+), p5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -6046,9 +6046,9 @@ const q2 = ({
       )
     ]
   }
-), p5 = ({
+), f5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -6067,9 +6067,9 @@ const q2 = ({
       /* @__PURE__ */ n("path", { d: "M12 8L4 8", stroke: e, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), f5 = ({
+), w5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -6106,9 +6106,9 @@ const q2 = ({
       )
     ]
   }
-), w5 = ({
+), m5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -6145,9 +6145,9 @@ const q2 = ({
       )
     ]
   }
-), m5 = ({
+), k5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: o
@@ -6184,9 +6184,9 @@ const q2 = ({
       )
     ]
   }
-), k5 = ({
+), L5 = ({
   className: i,
-  color: e = k.GREY_DARK_2,
+  color: e = L.GREY_DARK_2,
   height: t = 16,
   width: s = 16,
   onClick: o
@@ -6210,9 +6210,9 @@ const q2 = ({
       }
     )
   }
-), L5 = ({
+), v5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -6239,9 +6239,9 @@ const q2 = ({
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), v5 = ({
+), N5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -6268,9 +6268,9 @@ const q2 = ({
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), N5 = ({
+), x5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -6285,7 +6285,7 @@ const q2 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: k.GREY_LIGHT_2 }),
+      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
       /* @__PURE__ */ n(
         "path",
         {
@@ -6297,9 +6297,9 @@ const q2 = ({
       )
     ]
   }
-), x5 = ({
+), R5 = ({
   className: i,
-  color: e = k.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: o
@@ -6314,7 +6314,7 @@ const q2 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: k.GREY_LIGHT_2 }),
+      /* @__PURE__ */ n("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
       /* @__PURE__ */ n(
         "path",
         {
@@ -6326,7 +6326,7 @@ const q2 = ({
       )
     ]
   }
-), R5 = ({
+), M5 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -6352,7 +6352,7 @@ const q2 = ({
       }
     )
   }
-), M5 = ({
+), y5 = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -6380,7 +6380,7 @@ const q2 = ({
       }
     )
   }
-), y5 = ({
+), b5 = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -6418,7 +6418,7 @@ const q2 = ({
       )
     ] }) })
   }
-), b5 = ({
+), E5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -6474,7 +6474,7 @@ const q2 = ({
       }
     )
   }
-), E5 = ({
+), H5 = ({
   name: i,
   width: e,
   height: t,
@@ -6483,49 +6483,49 @@ const q2 = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [r, d] = O(o), { theme: g } = l1(z1), a = l ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, h = l ? void 0 : c;
-  return Z(() => {
+  const [r, d] = O(o), { theme: g } = l1(J1), a = l ? g && g === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = l ? void 0 : c;
+  return j(() => {
     if (o) {
       h && !l && d(`${o} clickable`);
       return;
     }
     h && !l && d("clickable");
-  }, [h, o, l]), /* @__PURE__ */ n(e1, { children: (() => {
+  }, [h, o, l]), /* @__PURE__ */ n(t1, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return Pt({ width: e, height: t, color: a, className: r, onClick: h });
+        return F2({ width: e, height: t, color: a, className: r, onClick: h });
       case "prevIcon":
-        return Ft({ width: e, height: t, color: a, className: r, onClick: h });
+        return $2({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUp":
-        return q2({ width: e, height: t, color: a, className: r, onClick: h });
+        return Xt({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDown":
-        return X2({ width: e, height: t, color: a, className: r, onClick: h });
+        return e2({ width: e, height: t, color: a, className: r, onClick: h });
       case "info":
-        return et({ width: e, height: t, color: a, className: r, onClick: h });
+        return t2({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowRight":
-        return tt({ width: e, height: t, color: a, className: r, onClick: h });
+        return i2({ width: e, height: t, color: a, className: r, onClick: h });
       case "calendar":
-        return it({ width: e, height: t, color: a, className: r, onClick: h });
+        return s2({ width: e, height: t, color: a, className: r, onClick: h });
       case "ok":
-        return st({ width: e, height: t, color: a, className: r, onClick: h });
+        return o2({ width: e, height: t, color: a, className: r, onClick: h });
       case "cancel":
-        return ot({ width: e, height: t, color: a, className: r, onClick: h });
+        return n2({ width: e, height: t, color: a, className: r, onClick: h });
       case "add":
-        return nt({ width: e, height: t, color: a, className: r, onClick: h });
+        return r2({ width: e, height: t, color: a, className: r, onClick: h });
       case "list":
-        return rt({ width: e, height: t, color: a, className: r, onClick: h });
+        return l2({ width: e, height: t, color: a, className: r, onClick: h });
       case "dragAndDrop":
-        return lt({ width: e, height: t, color: a, className: r, onClick: h });
+        return a2({ width: e, height: t, color: a, className: r, onClick: h });
       case "filter":
-        return at({ width: e, height: t, color: a, className: r, onClick: h });
+        return h2({ width: e, height: t, color: a, className: r, onClick: h });
       case "attention":
-        return ht({ width: e, height: t, color: a, className: r, onClick: h });
+        return c2({ width: e, height: t, color: a, className: r, onClick: h });
       case "plus":
-        return ct({ width: e, height: t, color: a, className: r, onClick: h });
+        return d2({ width: e, height: t, color: a, className: r, onClick: h });
       case "time":
-        return dt({ width: e, height: t, color: a, className: r, onClick: h });
+        return g2({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDownLong":
-        return gt({
+        return C2({
           width: e,
           height: t,
           color: a,
@@ -6533,9 +6533,9 @@ const q2 = ({
           onClick: h
         });
       case "users":
-        return Ct({ width: e, height: t, color: a, className: r, onClick: h });
+        return u2({ width: e, height: t, color: a, className: r, onClick: h });
       case "mySkillsMatrix":
-        return ut({
+        return p2({
           width: e,
           height: t,
           color: a,
@@ -6543,9 +6543,9 @@ const q2 = ({
           onClick: h
         });
       case "skills":
-        return pt({ width: e, height: t, color: a, className: r, onClick: h });
+        return f2({ width: e, height: t, color: a, className: r, onClick: h });
       case "skillsMatrices":
-        return ft({
+        return w2({
           width: e,
           height: t,
           color: a,
@@ -6553,23 +6553,23 @@ const q2 = ({
           onClick: h
         });
       case "history":
-        return wt({ width: e, height: t, color: a, className: r, onClick: h });
+        return m2({ width: e, height: t, color: a, className: r, onClick: h });
       case "logOut":
-        return mt({ width: e, height: t, color: a, className: r, onClick: h });
+        return k2({ width: e, height: t, color: a, className: r, onClick: h });
       case "settings":
-        return kt({ width: e, height: t, color: a, className: r, onClick: h });
+        return L2({ width: e, height: t, color: a, className: r, onClick: h });
       case "addSkill":
-        return Lt({ width: e, height: t, color: a, className: r, onClick: h });
+        return v2({ width: e, height: t, color: a, className: r, onClick: h });
       case "conversation":
-        return vt({ width: e, height: t, color: a, className: r, onClick: h });
+        return N2({ width: e, height: t, color: a, className: r, onClick: h });
       case "trash":
-        return Nt({ width: e, height: t, color: a, className: r, onClick: h });
+        return x2({ width: e, height: t, color: a, className: r, onClick: h });
       case "settings4":
-        return xt({ width: e, height: t, color: a, className: r, onClick: h });
+        return R2({ width: e, height: t, color: a, className: r, onClick: h });
       case "edit2":
-        return Rt({ width: e, height: t, color: a, className: r, onClick: h });
+        return M2({ width: e, height: t, color: a, className: r, onClick: h });
       case "notifications":
-        return Mt({
+        return y2({
           width: e,
           height: t,
           color: a,
@@ -6577,9 +6577,9 @@ const q2 = ({
           onClick: h
         });
       case "success":
-        return yt({ width: e, height: t, color: a, className: r, onClick: h });
+        return b2({ width: e, height: t, color: a, className: r, onClick: h });
       case "attentionSmall":
-        return bt({
+        return E2({
           width: e,
           height: t,
           color: a,
@@ -6587,11 +6587,11 @@ const q2 = ({
           onClick: h
         });
       case "errorSmall":
-        return Et({ width: e, height: t, color: a, className: r, onClick: h });
+        return H2({ width: e, height: t, color: a, className: r, onClick: h });
       case "infoMedium":
-        return Ht({ width: e, height: t, color: a, className: r, onClick: h });
+        return _2({ width: e, height: t, color: a, className: r, onClick: h });
       case "attentionMedium":
-        return _t({
+        return V2({
           width: e,
           height: t,
           color: a,
@@ -6599,9 +6599,9 @@ const q2 = ({
           onClick: h
         });
       case "errorMedium":
-        return Vt({ width: e, height: t, color: a, className: r, onClick: h });
+        return I2({ width: e, height: t, color: a, className: r, onClick: h });
       case "faviconSkills":
-        return Zt({
+        return W2({
           width: e,
           height: t,
           color: a,
@@ -6609,7 +6609,7 @@ const q2 = ({
           onClick: h
         });
       case "visibilityIcon":
-        return It({
+        return S2({
           width: e,
           height: t,
           color: a,
@@ -6617,7 +6617,7 @@ const q2 = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return St({
+        return O2({
           width: e,
           height: t,
           color: a,
@@ -6625,7 +6625,7 @@ const q2 = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return Ot({
+        return A2({
           width: e,
           height: t,
           color: a,
@@ -6633,7 +6633,7 @@ const q2 = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return At({
+        return B2({
           width: e,
           height: t,
           color: a,
@@ -6641,7 +6641,7 @@ const q2 = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return Bt({
+        return Z2({
           width: e,
           height: t,
           color: a,
@@ -6649,111 +6649,111 @@ const q2 = ({
           onClick: h
         });
       case "camera":
-        return Wt({ width: e, height: t, color: a, className: r, onClick: h });
+        return j2({ width: e, height: t, color: a, className: r, onClick: h });
       case "sortUp":
-        return jt({ width: e, height: t, color: a, className: r, onClick: h });
+        return D2({ width: e, height: t, color: a, className: r, onClick: h });
       case "sortDown":
-        return Dt({ width: e, height: t, color: a, className: r, onClick: h });
+        return T2({ width: e, height: t, color: a, className: r, onClick: h });
       case "logOut2":
-        return Tt({ width: e, height: t, color: a, className: r, onClick: h });
+        return G2({ width: e, height: t, color: a, className: r, onClick: h });
       case "search":
-        return Gt({ width: e, height: t, color: a, className: r, onClick: h });
+        return K2({ width: e, height: t, color: a, className: r, onClick: h });
       case "handRock":
-        return Kt({ width: e, height: t, color: a, className: r, onClick: h });
+        return P2({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUpFilled":
-        return Yt({ width: e, height: t, color: a, className: r, onClick: h });
+        return U2({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDownFilled":
-        return $t({ width: e, height: t, color: a, className: r, onClick: h });
+        return Y2({ width: e, height: t, color: a, className: r, onClick: h });
       case "link":
-        return Ut({ width: e, height: t, color: a, className: r, onClick: h });
+        return z2({ width: e, height: t, color: a, className: r, onClick: h });
       case "telegram":
-        return Jt({ width: e, height: t, color: a, className: r, onClick: h });
+        return Q2({ width: e, height: t, color: a, className: r, onClick: h });
       case "mail":
-        return qt({ width: e, height: t, color: a, className: r, onClick: h });
+        return X2({ width: e, height: t, color: a, className: r, onClick: h });
       case "github":
-        return zt({ width: e, height: t, color: a, className: r, onClick: h });
+        return J2({ width: e, height: t, color: a, className: r, onClick: h });
       case "linkedIn":
-        return Qt({ width: e, height: t, color: a, className: r, onClick: h });
+        return q2({ width: e, height: t, color: a, className: r, onClick: h });
       case "emptyStateIcon":
-        return Xt({ width: e, height: t, color: a, className: r, onClick: h });
-      case "filtersIcon":
         return e5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "dotMenuIcon":
+      case "filtersIcon":
         return t5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "plusCircle":
+      case "dotMenuIcon":
         return i5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "warning":
+      case "plusCircle":
         return s5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "back":
+      case "warning":
         return o5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "bell":
+      case "back":
         return n5({ width: e, height: t, color: a, className: r, onClick: h });
+      case "bell":
+        return r5({ width: e, height: t, color: a, className: r, onClick: h });
       case "contract":
-        return l5({ width: e, height: t, color: a, className: r, onClick: h });
+        return a5({ width: e, height: t, color: a, className: r, onClick: h });
       case "trash2":
-        return r5({ width: e, height: t, color: a, className: r, onClick: h });
+        return l5({ width: e, height: t, color: a, className: r, onClick: h });
       case "manager":
-        return a5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "resourceManager":
         return h5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "settings2":
+      case "resourceManager":
         return c5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "image":
+      case "settings2":
         return d5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "upload":
+      case "image":
         return g5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "edit":
+      case "upload":
         return C5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "location":
+      case "edit":
         return u5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "plus2":
+      case "location":
         return p5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "search2":
+      case "plus2":
         return f5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "fastArrowLeft":
+      case "search2":
         return w5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "fastArrowRight":
+      case "fastArrowLeft":
         return m5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "crossInCircle":
+      case "fastArrowRight":
         return k5({ width: e, height: t, color: a, className: r, onClick: h });
+      case "crossInCircle":
+        return L5({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUp2":
-        return v5({ width: e, height: t, color: a, className: r, onClick: h });
+        return N5({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDown2":
-        return L5({ width: e, height: t, color: a, className: r, onClick: h });
+        return v5({ width: e, height: t, color: a, className: r, onClick: h });
       case "filledArrowLeft":
-        return N5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "filledArrowRight":
         return x5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "burgerMenu":
+      case "filledArrowRight":
         return R5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "signOut":
+      case "burgerMenu":
         return M5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "refresh":
+      case "signOut":
         return y5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "projects":
+      case "refresh":
         return b5({ width: e, height: t, color: a, className: r, onClick: h });
+      case "projects":
+        return E5({ width: e, height: t, color: a, className: r, onClick: h });
       default:
-        return /* @__PURE__ */ n(e1, { children: "No Icon provided" });
+        return /* @__PURE__ */ n(t1, { children: "No Icon provided" });
     }
   })() });
 };
-var J1 = /* @__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))(J1 || {});
-const H5 = n1({
+var Q1 = /* @__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))(Q1 || {});
+const _5 = n1({
   locale: "en",
   theme: "light"
 });
-H5.Provider;
-const Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o = !0 }) => {
+_5.Provider;
+const q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o = !0 }) => {
   const l = t === "small" ? 10 : 12.5;
   return /* @__PURE__ */ n(
-    $1,
+    Y1,
     {
       className: `snmt-tag ${t}`,
       closeIcon: /* @__PURE__ */ n(
-        E5,
+        H5,
         {
           name: "errorSmall",
-          color: J1.GREY_DARK_2,
+          color: Q1.GREY_DARK_2,
           width: l,
           height: l,
           onClick: s
@@ -6762,15 +6762,15 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       bordered: !1,
       style: { width: e ?? "fit-content" },
       closable: o,
-      children: typeof i == "string" ? /* @__PURE__ */ n(Q2, { variant: t === "small" ? "body4" : "body2", children: i }) : i
+      children: typeof i == "string" ? /* @__PURE__ */ n(qt, { variant: t === "small" ? "body4" : "body2", children: i }) : i
     }
   );
-}, { Title: _5, Text: V5 } = F1, I5 = {
+}, { Title: V5, Text: I5 } = $1, S5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, q1 = f1(
+}, X1 = f1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -6783,17 +6783,17 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     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__ */ n(
-      _5,
+      V5,
       {
         className: g,
         style: { color: t, whiteSpace: c },
         onClick: o,
-        level: I5[e],
+        level: S5[e],
         ref: r,
         children: s
       }
     ) : /* @__PURE__ */ n(
-      V5,
+      I5,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -6803,7 +6803,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       }
     );
   }
-), S5 = ({
+), O5 = ({
   children: i,
   content: e,
   isOpen: t,
@@ -6813,7 +6813,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
 }) => {
   const [c, r] = O(!1);
   return /* @__PURE__ */ n(
-    pe,
+    fe,
     {
       content: e,
       arrow: !1,
@@ -6827,7 +6827,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       children: /* @__PURE__ */ n("div", { className: "wrapper", children: i })
     }
   );
-}, O5 = ({
+}, A5 = ({
   values: i,
   onTagClose: e,
   maxWidth: t,
@@ -6836,7 +6836,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
   extraOptions: l
 }) => {
   const [c, r] = O(!1);
-  Z(() => {
+  j(() => {
     i.length || r(!1);
   }, [i]);
   const d = (a) => {
@@ -6849,12 +6849,12 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     return ((h = o == null ? void 0 : o.find((w) => w.value === a)) == null ? void 0 : h.label) || ((u = l == null ? void 0 : l.find((w) => w.value === a)) == null ? void 0 : u.label) || a;
   };
   return /* @__PURE__ */ n("div", { onMouseDown: d, className: "wrapper", children: /* @__PURE__ */ n(
-    S5,
+    O5,
     {
       content: (
         // 90: paddings + margins + gaps and so on
         /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, children: /* @__PURE__ */ n(d1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: a }) => /* @__PURE__ */ n(
-          Q1,
+          q1,
           {
             onClose: () => e(a),
             closable: !s,
@@ -6866,13 +6866,13 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       placement: "bottomRight",
       isOpen: c,
       setIsOpen: r,
-      children: /* @__PURE__ */ n($1, { className: `overflow-button ${c ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ C(q1, { variant: "body4", color: c ? X.BLUE_PRIMARY : void 0, children: [
+      children: /* @__PURE__ */ n(Y1, { className: `overflow-button ${c ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ C(X1, { variant: "body4", color: c ? e1.BLUE_PRIMARY : void 0, children: [
         i.length,
         " more"
       ] }) })
     }
   ) });
-}, b1 = ({ size: i = 30, color: e = "#004ed7" }) => {
+}, E1 = ({ 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 Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ n("span", { className: "snmt-loader", style: s });
-}, A5 = f1(
+}, B5 = f1(
   ({
     value: i,
     onChange: e,
@@ -6891,170 +6891,171 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
     width: c,
     disabled: r = !1,
     required: d = !1,
-    scrollThresholdValue: g = 50,
-    onSearchChange: a,
-    onDropdownVisibleChange: h,
-    onScrollToEnd: u,
-    onPopupScroll: p,
-    id: w,
-    extraOptions: N,
-    dropdownRender: v,
-    optionRender: E,
-    isLoading: R,
-    readOnly: V
-  }, L) => {
-    const [M, b] = O(!1), [x, j] = O(!1), [J, U] = O(!0), [y, I] = O(i), B = r1(null);
-    Z(() => {
-      I(i);
+    clearable: g = !1,
+    scrollThresholdValue: a = 50,
+    onSearchChange: h,
+    onDropdownVisibleChange: u,
+    onScrollToEnd: p,
+    onPopupScroll: w,
+    id: x,
+    extraOptions: v,
+    dropdownRender: E,
+    optionRender: R,
+    isLoading: B,
+    readOnly: m
+  }, M) => {
+    const [y, N] = O(!1), [T, Q] = O(!1), [$, W] = O(!0), [b, _] = O(i), I = r1(null);
+    j(() => {
+      _(i);
     }, [i]);
-    const D = (f) => {
-      b(f), h && h(f);
-    }, P = (f, H) => {
-      var W;
-      return !!((W = H == null ? void 0 : H.label) != null && W.toString().toLowerCase().includes(f.toLowerCase()));
-    }, F = () => {
-      j(!0);
-    }, $ = () => {
-      j(!1);
-    }, _ = G(
+    const G = (f) => {
+      N(f), u && u(f);
+    }, F = (f, H) => {
+      var D;
+      return !!((D = H == null ? void 0 : H.label) != null && D.toString().toLowerCase().includes(f.toLowerCase()));
+    }, Y = () => {
+      Q(!0);
+    }, V = () => {
+      Q(!1);
+    }, Z = K(
       (f) => {
-        if (I(f), s) {
-          const W = f;
-          e == null || e(W);
+        if (_(f), s) {
+          const D = f;
+          e == null || e(D);
           return;
         }
         const H = f;
         e == null || e(H);
       },
       [s, e]
-    ), Y = G(() => {
-      if (!V) {
+    ), U = K(() => {
+      if (!m) {
         if (s) {
-          _([]);
+          Z([]);
           return;
         }
-        _("");
+        Z("");
       }
-    }, [_, s, V]), T = G(
+    }, [Z, s, m]), z = K(
       (f) => {
-        const H = y.filter((W) => W !== f);
-        _(H), I(H);
+        const H = b.filter((D) => D !== f);
+        Z(H), _(H);
       },
-      [_, y]
-    ), t1 = G(
-      (f) => (y == null ? void 0 : y.indexOf(f)) === 0 ? (
+      [Z, b]
+    ), y1 = K(
+      (f) => (b == null ? void 0 : b.indexOf(f)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ n("span", { className: "custom-placeholder", children: J ? t : "" })
-      ) : /* @__PURE__ */ n(e1, {}),
-      [J, y, t]
-    ), oe = (f) => {
+        /* @__PURE__ */ n("span", { className: "custom-placeholder", children: $ ? t : "" })
+      ) : /* @__PURE__ */ n(t1, {}),
+      [$, b, t]
+    ), ne = (f) => {
       f.preventDefault(), f.stopPropagation();
-    }, ne = async (f) => {
+    }, re = async (f) => {
       const { target: H } = f;
-      H.scrollTop + H.offsetHeight >= H.scrollHeight - g && (u == null || u(!0)), p && await p(f);
-    }, m1 = G(
+      H.scrollTop + H.offsetHeight >= H.scrollHeight - a && (p == null || p(!0)), w && await w(f);
+    }, m1 = K(
       (f) => {
-        var H, W;
-        return ((H = l.find((k1) => k1.value === f)) == null ? void 0 : H.label) || ((W = N == null ? void 0 : N.find(
+        var H, D;
+        return ((H = l.find((k1) => k1.value === f)) == null ? void 0 : H.label) || ((D = v == null ? void 0 : v.find(
           (k1) => k1.value === f
-        )) == null ? void 0 : W.label) || f;
+        )) == null ? void 0 : D.label) || f;
       },
-      [N, l]
-    ), re = G(
+      [v, l]
+    ), le = K(
       (f) => {
         var H;
         return /* @__PURE__ */ n(
-          O5,
+          A5,
           {
             values: f,
-            onTagClose: T,
-            maxWidth: ((H = B.current) == null ? void 0 : H.clientWidth) || 0,
-            disabled: r || V,
+            onTagClose: z,
+            maxWidth: ((H = I.current) == null ? void 0 : H.clientWidth) || 0,
+            disabled: r || m,
             options: l,
-            extraOptions: N
+            extraOptions: v
           }
         );
       },
-      [r, N, T, l, V]
-    ), le = G(
-      ({ label: f, value: H, mode: W }) => W === "filter" ? t1(H) : /* @__PURE__ */ n("div", { onMouseDown: oe, className: "tag-wrapper", children: /* @__PURE__ */ n(Q1, { onClose: () => T(H), closable: !r, children: /* @__PURE__ */ n(q1, { variant: "body4", children: typeof f == "object" ? f : m1(H) }) }) }),
-      [r, m1, T, t1]
+      [r, v, z, l, m]
+    ), ae = K(
+      ({ label: f, value: H, mode: D }) => D === "filter" ? y1(H) : /* @__PURE__ */ n("div", { onMouseDown: ne, className: "tag-wrapper", children: /* @__PURE__ */ n(q1, { onClose: () => z(H), closable: !r, children: /* @__PURE__ */ n(X1, { variant: "body4", children: typeof f == "object" ? f : m1(H) }) }) }),
+      [r, m1, z, y1]
     );
     return /* @__PURE__ */ C(
       "div",
       {
-        className: `snmt-select ${x ? "snmt-select-focused" : ""}
-                ${s ? "" : "snmt-select-single"} ${V ? "snmt-select-read-only" : ""}`,
-        ref: B,
+        className: `snmt-select ${T ? "snmt-select-focused" : ""}
+                ${s ? "" : "snmt-select-single"} ${m ? "snmt-select-read-only" : ""}`,
+        ref: I,
         style: { width: c },
         children: [
           /* @__PURE__ */ n(
-            de,
+            ge,
             {
               className: "snmt-select-blank",
-              popupClassName: V ? "dropdown-read-only" : "",
-              id: w,
-              ref: L,
+              popupClassName: m ? "dropdown-read-only" : "",
+              id: x,
+              ref: M,
               showSearch: !!o,
-              filterOption: o && P,
-              onDropdownVisibleChange: D,
+              filterOption: o && F,
+              onDropdownVisibleChange: G,
               placeholder: t ? d ? `${t}*` : t : void 0,
               disabled: r,
-              value: y || void 0,
+              value: b || void 0,
               labelRender: (f) => m1(f.value),
               mode: s === "filter" ? "multiple" : s,
-              onChange: _,
-              onFocus: F,
-              onBlur: $,
+              onChange: Z,
+              onFocus: Y,
+              onBlur: V,
               onSearch: (f) => {
-                U(!f), a && a(f);
+                W(!f), h && h(f);
               },
-              onSelect: () => U(!0),
-              onDeselect: () => U(!0),
-              tagRender: (f) => le({ ...f, mode: s }),
+              onSelect: () => W(!0),
+              onDeselect: () => W(!0),
+              tagRender: (f) => ae({ ...f, mode: s }),
               maxTagCount: "responsive",
-              maxTagPlaceholder: re,
-              onPopupScroll: ne,
-              prefix: R && /* @__PURE__ */ n(b1, { size: 15 }),
-              suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(e1, { children: [
-                s && y && !!y.length && /* @__PURE__ */ n("div", { onClick: Y, children: /* @__PURE__ */ n(a1, { name: "cancel" }) }),
+              maxTagPlaceholder: le,
+              onPopupScroll: re,
+              prefix: B && /* @__PURE__ */ n(E1, { size: 15 }),
+              suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(t1, { children: [
+                b && !!b.length && (s || g) && /* @__PURE__ */ n("div", { onClick: U, children: /* @__PURE__ */ n(a1, { name: "cancel" }) }),
                 /* @__PURE__ */ n(
                   a1,
                   {
                     name: "selectArrowIcon",
-                    color: r ? X.GREY_DARK_1 : X.GREY_DARK_5,
-                    className: M ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => b(!M)
+                    color: r ? e1.GREY_DARK_1 : e1.GREY_DARK_5,
+                    className: y ? "select-arrow-rotated" : "select-arrow",
+                    onClick: () => N(!y)
                   }
                 )
               ] }) }),
-              removeIcon: /* @__PURE__ */ n(a1, { name: "errorSmall", color: X.GREY_DARK_2 }),
+              removeIcon: /* @__PURE__ */ n(a1, { name: "errorSmall", color: e1.GREY_DARK_2 }),
               options: l,
-              optionRender: (f) => E ? E(f.data) : /* @__PURE__ */ C(d1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+              optionRender: (f) => R ? R(f.data) : /* @__PURE__ */ C(d1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                 /* @__PURE__ */ C(d1, { alignItems: "center", gap: 12, children: [
                   s && /* @__PURE__ */ n(
-                    we,
+                    me,
                     {
-                      checked: !!(y != null && y.includes(f.value))
+                      checked: !!(b != null && b.includes(f.value))
                     }
                   ),
                   /* @__PURE__ */ C(d1, { alignItems: "center", gap: 8, children: [
-                    f.data.image && /* @__PURE__ */ n(fe, { src: f.data.image, size: 20 }),
+                    f.data.image && /* @__PURE__ */ n(we, { src: f.data.image, size: 20 }),
                     /* @__PURE__ */ n("span", { children: f.label })
                   ] })
                 ] }),
-                !s && y === f.value && /* @__PURE__ */ n(
+                !s && b === f.value && /* @__PURE__ */ n(
                   a1,
                   {
                     name: "ok",
-                    color: X.BLUE_PRIMARY,
+                    color: e1.BLUE_PRIMARY,
                     width: 16,
                     height: 16
                   }
                 )
               ] }),
-              dropdownRender: R ? () => /* @__PURE__ */ n(
+              dropdownRender: B ? () => /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
@@ -7062,15 +7063,15 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
                     display: "grid",
                     justifyContent: "center"
                   },
-                  children: /* @__PURE__ */ n(b1, { size: 28 })
+                  children: /* @__PURE__ */ n(E1, { size: 28 })
                 }
-              ) : (f) => v ? v(f) : f
+              ) : (f) => E ? E(f) : f
             }
           ),
           /* @__PURE__ */ n(
             "fieldset",
             {
-              className: `${x ? "fieldset-focused" : ""}
+              className: `${T ? "fieldset-focused" : ""}
                      ${r ? "fieldset-disabled" : ""}
                      ${typeof i == "string" && i ? "fieldset-filled" : ""}
                      ${typeof i == "object" && i != null && i.length ? "fieldset-filled" : ""}`,
@@ -7081,7 +7082,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: o
       }
     );
   }
-), B5 = {
+), Z5 = {
   type: "logger",
   log(i) {
     this.output("log", i);
@@ -7103,7 +7104,7 @@ class g1 {
   }
   init(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.prefix = t.prefix || "i18next:", this.logger = e || B5, this.options = t, this.debug = t.debug;
+    this.prefix = t.prefix || "i18next:", this.logger = e || Z5, this.options = t, this.debug = t.debug;
   }
   log() {
     for (var e = arguments.length, t = new Array(e), s = 0; s < e; s++)
@@ -7138,7 +7139,7 @@ class g1 {
     return e = e || this.options, e.prefix = e.prefix || this.prefix, new g1(this.logger, e);
   }
 }
-var K = new g1();
+var P = new g1();
 class w1 {
   constructor() {
     this.observers = {};
@@ -7179,23 +7180,23 @@ const i1 = () => {
     i = s, e = o;
   });
   return t.resolve = i, t.reject = e, t;
-}, E1 = (i) => i == null ? "" : "" + i, Z5 = (i, e, t) => {
+}, H1 = (i) => i == null ? "" : "" + i, W5 = (i, e, t) => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, W5 = /###/g, H1 = (i) => i && i.indexOf("###") > -1 ? i.replace(W5, ".") : i, _1 = (i) => !i || typeof i == "string", s1 = (i, e, t) => {
+}, j5 = /###/g, _1 = (i) => i && i.indexOf("###") > -1 ? i.replace(j5, ".") : i, V1 = (i) => !i || typeof i == "string", s1 = (i, e, t) => {
   const s = typeof e != "string" ? e : e.split(".");
   let o = 0;
   for (; o < s.length - 1; ) {
-    if (_1(i)) return {};
-    const l = H1(s[o]);
+    if (V1(i)) return {};
+    const l = _1(s[o]);
     !i[l] && t && (i[l] = new t()), Object.prototype.hasOwnProperty.call(i, l) ? i = i[l] : i = {}, ++o;
   }
-  return _1(i) ? {} : {
+  return V1(i) ? {} : {
     obj: i,
-    k: H1(s[o])
+    k: _1(s[o])
   };
-}, V1 = (i, e, t) => {
+}, I1 = (i, e, t) => {
   const {
     obj: s,
     k: o
@@ -7208,7 +7209,7 @@ const i1 = () => {
   for (; r.obj === void 0 && c.length; )
     l = `${c[c.length - 1]}.${l}`, c = c.slice(0, c.length - 1), r = s1(i, c, Object), r && r.obj && typeof r.obj[`${r.k}.${l}`] < "u" && (r.obj = void 0);
   r.obj[`${r.k}.${l}`] = t;
-}, j5 = (i, e, t, s) => {
+}, D5 = (i, e, t, s) => {
   const {
     obj: o,
     k: l
@@ -7221,15 +7222,15 @@ const i1 = () => {
   } = s1(i, e);
   if (t)
     return t[s];
-}, D5 = (i, e, t) => {
+}, T5 = (i, e, t) => {
   const s = C1(i, t);
   return s !== void 0 ? s : C1(e, t);
-}, X1 = (i, e, t) => {
+}, ee = (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]) : X1(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]) : ee(i[s], e[s], t) : i[s] = e[s]);
   return i;
-}, Q = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var T5 = {
+}, q = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+var G5 = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
@@ -7237,8 +7238,8 @@ var T5 = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const G5 = (i) => typeof i == "string" ? i.replace(/[&<>"'\/]/g, (e) => T5[e]) : i;
-class K5 {
+const K5 = (i) => typeof i == "string" ? i.replace(/[&<>"'\/]/g, (e) => G5[e]) : i;
+class P5 {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -7250,11 +7251,11 @@ class K5 {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, s), this.regExpQueue.push(e), s;
   }
 }
-const P5 = [" ", ",", "?", "!", ";"], F5 = new K5(20), $5 = (i, e, t) => {
+const F5 = [" ", ",", "?", "!", ";"], $5 = new P5(20), Y5 = (i, e, t) => {
   e = e || "", t = t || "";
-  const s = P5.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
+  const s = F5.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
   if (s.length === 0) return !0;
-  const o = F5.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
+  const o = $5.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
   let l = !o.test(i);
   if (!l) {
     const c = i.indexOf(t);
@@ -7282,7 +7283,7 @@ const P5 = [" ", ",", "?", "!", ";"], F5 = new K5(20), $5 = (i, e, t) => {
   }
   return o;
 }, u1 = (i) => i && i.indexOf("_") > 0 ? i.replace("_", "-") : i;
-class I1 extends w1 {
+class S1 extends w1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
       ns: ["translation"],
@@ -7311,7 +7312,7 @@ class I1 extends w1 {
     };
     const c = l.keySeparator !== void 0 ? l.keySeparator : this.options.keySeparator;
     let r = [e, t];
-    s && (r = r.concat(c ? s.split(c) : s)), e.indexOf(".") > -1 && (r = e.split("."), o = t, t = r[1]), this.addNamespaces(t), V1(this.data, r, o), l.silent || this.emit("added", e, t, s, o);
+    s && (r = r.concat(c ? s.split(c) : s)), e.indexOf(".") > -1 && (r = e.split("."), o = t, t = r[1]), this.addNamespaces(t), I1(this.data, r, o), l.silent || this.emit("added", e, t, s, o);
   }
   addResources(e, t, s) {
     let o = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {
@@ -7330,10 +7331,10 @@ class I1 extends w1 {
     }, r = [e, t];
     e.indexOf(".") > -1 && (r = e.split("."), o = s, s = t, t = r[1]), this.addNamespaces(t);
     let d = C1(this.data, r) || {};
-    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), o ? X1(d, s, l) : d = {
+    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), o ? ee(d, s, l) : d = {
       ...d,
       ...s
-    }, V1(this.data, r, d), c.silent || this.emit("added", e, t, s);
+    }, I1(this.data, r, 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);
@@ -7357,7 +7358,7 @@ class I1 extends w1 {
     return this.data;
   }
 }
-var ee = {
+var te = {
   processors: {},
   addPostProcessor(i) {
     this.processors[i.name] = i;
@@ -7368,11 +7369,11 @@ var ee = {
     }), e;
   }
 };
-const S1 = {};
+const O1 = {};
 class p1 extends w1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), Z5(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = K.create("translator");
+    super(), W5(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = P.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -7391,7 +7392,7 @@ class p1 extends w1 {
     s === void 0 && (s = ":");
     const o = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let l = t.ns || this.options.defaultNS || [];
-    const c = s && e.indexOf(s) > -1, r = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !$5(e, s, o);
+    const c = s && e.indexOf(s) > -1, r = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !Y5(e, s, o);
     if (c && !r) {
       const d = e.match(this.interpolator.nestingRegexp);
       if (d && d.length > 0)
@@ -7418,15 +7419,15 @@ class p1 extends w1 {
     } = this.extractFromKey(e[e.length - 1], t), d = r[r.length - 1], g = t.lng || this.language, a = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
     if (g && g.toLowerCase() === "cimode") {
       if (a) {
-        const L = t.nsSeparator || this.options.nsSeparator;
+        const m = t.nsSeparator || this.options.nsSeparator;
         return o ? {
-          res: `${d}${L}${c}`,
+          res: `${d}${m}${c}`,
           usedKey: c,
           exactUsedKey: c,
           usedLng: g,
           usedNS: d,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${d}${L}${c}`;
+        } : `${d}${m}${c}`;
       }
       return o ? {
         res: c,
@@ -7439,64 +7440,64 @@ class p1 extends w1 {
     }
     const h = this.resolve(e, t);
     let u = h && h.res;
-    const p = h && h.usedKey || c, w = h && h.exactUsedKey || c, N = Object.prototype.toString.apply(u), v = ["[object Number]", "[object Function]", "[object RegExp]"], E = 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") && v.indexOf(N) < 0 && !(typeof E == "string" && Array.isArray(u))) {
+    const p = h && h.usedKey || c, w = h && h.exactUsedKey || c, x = Object.prototype.toString.apply(u), v = ["[object Number]", "[object Function]", "[object RegExp]"], E = 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") && v.indexOf(x) < 0 && !(typeof E == "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 L = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, u, {
+        const m = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, u, {
           ...t,
           ns: r
         }) : `key '${c} (${this.language})' returned an object instead of string.`;
-        return o ? (h.res = L, h.usedParams = this.getUsedParamsDetails(t), h) : L;
+        return o ? (h.res = m, h.usedParams = this.getUsedParamsDetails(t), h) : m;
       }
       if (l) {
-        const L = Array.isArray(u), M = L ? [] : {}, b = L ? w : p;
-        for (const x in u)
-          if (Object.prototype.hasOwnProperty.call(u, x)) {
-            const j = `${b}${l}${x}`;
-            M[x] = this.translate(j, {
+        const m = Array.isArray(u), M = m ? [] : {}, y = m ? w : p;
+        for (const N in u)
+          if (Object.prototype.hasOwnProperty.call(u, N)) {
+            const T = `${y}${l}${N}`;
+            M[N] = this.translate(T, {
               ...t,
               joinArrays: !1,
               ns: r
-            }), M[x] === j && (M[x] = u[x]);
+            }), M[N] === T && (M[N] = u[N]);
           }
         u = M;
       }
     } else if (R && typeof E == "string" && Array.isArray(u))
       u = u.join(E), u && (u = this.extendTranslation(u, e, t, s));
     else {
-      let L = !1, M = !1;
-      const b = t.count !== void 0 && typeof t.count != "string", x = p1.hasDefaultValue(t), j = b ? this.pluralResolver.getSuffix(g, t.count, t) : "", J = t.ordinal && b ? this.pluralResolver.getSuffix(g, t.count, {
+      let m = !1, M = !1;
+      const y = t.count !== void 0 && typeof t.count != "string", N = p1.hasDefaultValue(t), T = y ? this.pluralResolver.getSuffix(g, t.count, t) : "", Q = t.ordinal && y ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", U = b && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), y = U && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${j}`] || t[`defaultValue${J}`] || t.defaultValue;
-      !this.isValidLookup(u) && x && (L = !0, u = y), this.isValidLookup(u) || (M = !0, u = c);
-      const B = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : u, D = x && y !== u && this.options.updateMissing;
-      if (M || L || D) {
-        if (this.logger.log(D ? "updateKey" : "missingKey", g, d, c, D ? y : u), l) {
-          const _ = this.resolve(c, {
+      }) : "", $ = y && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), W = $ && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${T}`] || t[`defaultValue${Q}`] || t.defaultValue;
+      !this.isValidLookup(u) && N && (m = !0, u = W), this.isValidLookup(u) || (M = !0, u = c);
+      const _ = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : u, I = N && W !== u && this.options.updateMissing;
+      if (M || m || I) {
+        if (this.logger.log(I ? "updateKey" : "missingKey", g, d, c, I ? W : u), l) {
+          const V = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
-          _ && _.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+          V && V.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
-        let P = [];
+        let G = [];
         const F = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && F && F[0])
-          for (let _ = 0; _ < F.length; _++)
-            P.push(F[_]);
-        else this.options.saveMissingTo === "all" ? P = this.languageUtils.toResolveHierarchy(t.lng || this.language) : P.push(t.lng || this.language);
-        const $ = (_, Y, T) => {
-          const t1 = x && T !== u ? T : B;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(_, d, Y, t1, D, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(_, d, Y, t1, D, t), this.emit("missingKey", _, d, Y, u);
+          for (let V = 0; V < F.length; V++)
+            G.push(F[V]);
+        else this.options.saveMissingTo === "all" ? G = this.languageUtils.toResolveHierarchy(t.lng || this.language) : G.push(t.lng || this.language);
+        const Y = (V, Z, U) => {
+          const z = N && U !== u ? U : _;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(V, d, Z, z, I, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(V, d, Z, z, I, t), this.emit("missingKey", V, d, Z, u);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && b ? P.forEach((_) => {
-          const Y = this.pluralResolver.getSuffixes(_, t);
-          U && t[`defaultValue${this.options.pluralSeparator}zero`] && Y.indexOf(`${this.options.pluralSeparator}zero`) < 0 && Y.push(`${this.options.pluralSeparator}zero`), Y.forEach((T) => {
-            $([_], c + T, t[`defaultValue${T}`] || y);
+        this.options.saveMissing && (this.options.saveMissingPlurals && y ? G.forEach((V) => {
+          const Z = this.pluralResolver.getSuffixes(V, t);
+          $ && t[`defaultValue${this.options.pluralSeparator}zero`] && Z.indexOf(`${this.options.pluralSeparator}zero`) < 0 && Z.push(`${this.options.pluralSeparator}zero`), Z.forEach((U) => {
+            Y([V], c + U, t[`defaultValue${U}`] || W);
           });
-        }) : $(P, c, y));
+        }) : Y(G, c, W));
       }
-      u = this.extendTranslation(u, e, t, h, s), M && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (M || L) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, L ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
+      u = this.extendTranslation(u, e, t, h, s), M && u === c && this.options.appendNamespaceToMissingKey && (u = `${d}:${c}`), (M || 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));
     }
     return o ? (h.res = u, h.usedParams = this.getUsedParamsDetails(t), h) : u;
   }
@@ -7538,7 +7539,7 @@ class p1 extends w1 {
       }, s)), s.interpolation && this.interpolator.reset();
     }
     const r = s.postProcess || this.options.postProcess, d = typeof r == "string" ? [r] : r;
-    return e != null && d && d.length && s.applyPostProcessor !== !1 && (e = ee.handle(d, e, t, this.options && this.options.postProcessPassResolved ? {
+    return e != null && d && d.length && s.applyPostProcessor !== !1 && (e = te.handle(d, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...o,
         usedParams: this.getUsedParamsDetails(s)
@@ -7554,26 +7555,26 @@ class p1 extends w1 {
       o = 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(), w = t.context !== void 0 && (typeof t.context == "string" || typeof t.context == "number") && t.context !== "", N = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      const u = t.count !== void 0 && typeof t.count != "string", p = u && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), w = t.context !== void 0 && (typeof t.context == "string" || typeof t.context == "number") && t.context !== "", x = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
       h.forEach((v) => {
-        this.isValidLookup(s) || (r = v, !S1[`${N[0]}-${v}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(r) && (S1[`${N[0]}-${v}`] = !0, this.logger.warn(`key "${o}" for languages "${N.join(", ")}" won't get resolved as namespace "${r}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), N.forEach((E) => {
+        this.isValidLookup(s) || (r = v, !O1[`${x[0]}-${v}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(r) && (O1[`${x[0]}-${v}`] = !0, this.logger.warn(`key "${o}" for languages "${x.join(", ")}" won't get resolved as namespace "${r}" 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!!!")), x.forEach((E) => {
           if (this.isValidLookup(s)) return;
           c = E;
           const R = [a];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
             this.i18nFormat.addLookupKeys(R, a, E, v, t);
           else {
-            let L;
-            u && (L = this.pluralResolver.getSuffix(E, t.count, t));
-            const M = `${this.options.pluralSeparator}zero`, b = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (u && (R.push(a + L), t.ordinal && L.indexOf(b) === 0 && R.push(a + L.replace(b, this.options.pluralSeparator)), p && R.push(a + M)), w) {
-              const x = `${a}${this.options.contextSeparator}${t.context}`;
-              R.push(x), u && (R.push(x + L), t.ordinal && L.indexOf(b) === 0 && R.push(x + L.replace(b, this.options.pluralSeparator)), p && R.push(x + M));
+            let m;
+            u && (m = this.pluralResolver.getSuffix(E, t.count, t));
+            const M = `${this.options.pluralSeparator}zero`, y = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (u && (R.push(a + m), t.ordinal && m.indexOf(y) === 0 && R.push(a + m.replace(y, this.options.pluralSeparator)), p && R.push(a + M)), w) {
+              const N = `${a}${this.options.contextSeparator}${t.context}`;
+              R.push(N), u && (R.push(N + m), t.ordinal && m.indexOf(y) === 0 && R.push(N + m.replace(y, this.options.pluralSeparator)), p && R.push(N + M));
             }
           }
-          let V;
-          for (; V = R.pop(); )
-            this.isValidLookup(s) || (l = V, s = this.getResource(E, v, V, t));
+          let B;
+          for (; B = R.pop(); )
+            this.isValidLookup(s) || (l = B, s = this.getResource(E, v, B, t));
         }));
       });
     }), {
@@ -7616,9 +7617,9 @@ class p1 extends w1 {
   }
 }
 const L1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
-class O1 {
+class A1 {
   constructor(e) {
-    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = K.create("languageUtils");
+    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = P.create("languageUtils");
   }
   getScriptPartFromCode(e) {
     if (e = u1(e), !e || e.indexOf("-") < 0) return null;
@@ -7675,7 +7676,7 @@ class O1 {
     }), o;
   }
 }
-let Y5 = [{
+let U5 = [{
   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
@@ -7767,7 +7768,7 @@ let Y5 = [{
   lngs: ["he", "iw"],
   nr: [1, 2, 20, 21],
   fc: 22
-}], U5 = {
+}], z5 = {
   1: (i) => +(i > 1),
   2: (i) => +(i != 1),
   3: (i) => 0,
@@ -7791,28 +7792,28 @@ let Y5 = [{
   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 z5 = ["v1", "v2", "v3"], J5 = ["v4"], A1 = {
+const J5 = ["v1", "v2", "v3"], Q5 = ["v4"], B1 = {
   zero: 0,
   one: 1,
   two: 2,
   few: 3,
   many: 4,
   other: 5
-}, Q5 = () => {
+}, q5 = () => {
   const i = {};
-  return Y5.forEach((e) => {
+  return U5.forEach((e) => {
     e.lngs.forEach((t) => {
       i[t] = {
         numbers: e.nr,
-        plurals: U5[e.fc]
+        plurals: z5[e.fc]
       };
     });
   }), i;
 };
-class q5 {
+class X5 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = K.create("pluralResolver"), (!this.options.compatibilityJSON || J5.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 = Q5(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = P.create("pluralResolver"), (!this.options.compatibilityJSON || Q5.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 = q5(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -7851,7 +7852,7 @@ class q5 {
   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((o, l) => A1[o] - A1[l]).map((o) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${o}`) : s.numbers.map((o) => this.getSuffix(e, o, t)) : [];
+    return s ? this.shouldUseIntlApi() ? s.resolvedOptions().pluralCategories.sort((o, l) => B1[o] - B1[l]).map((o) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${o}`) : s.numbers.map((o) => this.getSuffix(e, o, t)) : [];
   }
   getSuffix(e, t) {
     let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
@@ -7866,17 +7867,17 @@ class q5 {
     return this.options.compatibilityJSON === "v1" ? o === 1 ? "" : typeof o == "number" ? `_plural_${o.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 !z5.includes(this.options.compatibilityJSON);
+    return !J5.includes(this.options.compatibilityJSON);
   }
 }
-const B1 = function(i, e, t) {
-  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, l = D5(i, e, t);
+const Z1 = function(i, e, t) {
+  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, l = T5(i, e, t);
   return !l && o && typeof t == "string" && (l = x1(i, t, s), l === void 0 && (l = x1(e, t, s))), l;
 }, v1 = (i) => i.replace(/\$/g, "$$$$");
-class X5 {
+class e3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = K.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
+    this.logger = P.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
   }
   init() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -7897,12 +7898,12 @@ class X5 {
       nestingPrefix: u,
       nestingPrefixEscaped: p,
       nestingSuffix: w,
-      nestingSuffixEscaped: N,
+      nestingSuffixEscaped: x,
       nestingOptionsSeparator: v,
       maxReplaces: E,
       alwaysFormat: R
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : G5, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = o !== void 0 ? o : !1, this.prefix = l ? Q(l) : c || "{{", this.suffix = r ? Q(r) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = u ? Q(u) : p || Q("$t("), this.nestingSuffix = w ? Q(w) : N || Q(")"), this.nestingOptionsSeparator = v || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = R !== void 0 ? R : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : K5, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = o !== void 0 ? o : !1, this.prefix = l ? q(l) : c || "{{", this.suffix = r ? q(r) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = u ? q(u) : p || q("$t("), this.nestingSuffix = w ? q(w) : x || q(")"), this.nestingOptionsSeparator = v || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = R !== void 0 ? R : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -7915,18 +7916,18 @@ class X5 {
     let l, c, r;
     const d = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, g = (p) => {
       if (p.indexOf(this.formatSeparator) < 0) {
-        const E = B1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        const E = Z1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(E, void 0, s, {
           ...o,
           ...t,
           interpolationkey: p
         }) : E;
       }
-      const w = p.split(this.formatSeparator), N = w.shift().trim(), v = w.join(this.formatSeparator).trim();
-      return this.format(B1(t, d, N, this.options.keySeparator, this.options.ignoreJSONStructure), v, s, {
+      const w = p.split(this.formatSeparator), x = w.shift().trim(), v = w.join(this.formatSeparator).trim();
+      return this.format(Z1(t, d, x, this.options.keySeparator, this.options.ignoreJSONStructure), v, s, {
         ...o,
         ...t,
-        interpolationkey: N
+        interpolationkey: x
       });
     };
     this.resetRegExp();
@@ -7951,9 +7952,9 @@ class X5 {
             continue;
           } else
             this.logger.warn(`missed to pass in variable ${w} for interpolating ${e}`), c = "";
-        else typeof c != "string" && !this.useRawValueToEscape && (c = E1(c));
-        const N = p.safeValue(c);
-        if (e = e.replace(l[0], N), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= l[0].length) : p.regex.lastIndex = 0, r++, r >= this.maxReplaces)
+        else typeof c != "string" && !this.useRawValueToEscape && (c = H1(c));
+        const x = p.safeValue(c);
+        if (e = e.replace(l[0], x), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= l[0].length) : p.regex.lastIndex = 0, r++, r >= this.maxReplaces)
           break;
       }
     }), e;
@@ -7973,8 +7974,8 @@ class X5 {
           ...g,
           ...c
         });
-      } catch (N) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, N), `${d}${a}${u}`;
+      } catch (x) {
+        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, x), `${d}${a}${u}`;
       }
       return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, d;
     };
@@ -7989,7 +7990,7 @@ class X5 {
         o[1] = a.shift(), d = a, g = !0;
       }
       if (l = t(r.call(this, o[1].trim(), c), c), l && o[0] === e && typeof l != "string") return l;
-      typeof l != "string" && (l = E1(l)), l || (this.logger.warn(`missed to resolve ${o[1]} for nesting ${e}`), l = ""), g && (l = d.reduce((a, h) => this.format(a, h, s.lng, {
+      typeof l != "string" && (l = H1(l)), l || (this.logger.warn(`missed to resolve ${o[1]} for nesting ${e}`), l = ""), g && (l = d.reduce((a, h) => this.format(a, h, s.lng, {
         ...s,
         interpolationkey: o[1].trim()
       }), l.trim())), e = e.replace(o[0], l), this.regexp.lastIndex = 0;
@@ -7997,7 +7998,7 @@ class X5 {
     return e;
   }
 }
-const e3 = (i) => {
+const t3 = (i) => {
   let e = i.toLowerCase().trim();
   const t = {};
   if (i.indexOf("(") > -1) {
@@ -8015,7 +8016,7 @@ const e3 = (i) => {
     formatName: e,
     formatOptions: t
   };
-}, q = (i) => {
+}, X = (i) => {
   const e = {};
   return (t, s, o) => {
     let l = o;
@@ -8028,36 +8029,36 @@ const e3 = (i) => {
     return r || (r = i(u1(s), o), e[c] = r), r(t);
   };
 };
-class t3 {
+class i3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = K.create("formatter"), this.options = e, this.formats = {
-      number: q((t, s) => {
+    this.logger = P.create("formatter"), this.options = e, this.formats = {
+      number: X((t, s) => {
         const o = new Intl.NumberFormat(t, {
           ...s
         });
         return (l) => o.format(l);
       }),
-      currency: q((t, s) => {
+      currency: X((t, s) => {
         const o = new Intl.NumberFormat(t, {
           ...s,
           style: "currency"
         });
         return (l) => o.format(l);
       }),
-      datetime: q((t, s) => {
+      datetime: X((t, s) => {
         const o = new Intl.DateTimeFormat(t, {
           ...s
         });
         return (l) => o.format(l);
       }),
-      relativetime: q((t, s) => {
+      relativetime: X((t, s) => {
         const o = new Intl.RelativeTimeFormat(t, {
           ...s
         });
         return (l) => o.format(l, s.range || "day");
       }),
-      list: q((t, s) => {
+      list: X((t, s) => {
         const o = new Intl.ListFormat(t, {
           ...s
         });
@@ -8075,7 +8076,7 @@ class t3 {
     this.formats[e.toLowerCase().trim()] = t;
   }
   addCached(e, t) {
-    this.formats[e.toLowerCase().trim()] = q(t);
+    this.formats[e.toLowerCase().trim()] = X(t);
   }
   format(e, t, s) {
     let o = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
@@ -8088,7 +8089,7 @@ class t3 {
       const {
         formatName: g,
         formatOptions: a
-      } = e3(d);
+      } = t3(d);
       if (this.formats[g]) {
         let h = r;
         try {
@@ -8108,13 +8109,13 @@ class t3 {
     }, e);
   }
 }
-const i3 = (i, e) => {
+const s3 = (i, e) => {
   i.pending[e] !== void 0 && (delete i.pending[e], i.pendingCount--);
 };
-class s3 extends w1 {
+class o3 extends w1 {
   constructor(e, t, s) {
     let o = 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 = o, this.logger = K.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = o.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = o.maxRetries >= 0 ? o.maxRetries : 5, this.retryTimeout = o.retryTimeout >= 1 ? o.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, o.backend, o);
+    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = o, this.logger = P.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = o.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = o.maxRetries >= 0 ? o.maxRetries : 5, this.retryTimeout = o.retryTimeout >= 1 ? o.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, o.backend, o);
   }
   queueLoad(e, t, s, o) {
     const l = {}, c = {}, r = {}, d = {};
@@ -8144,7 +8145,7 @@ class s3 extends w1 {
     }), this.state[e] = t ? -1 : 2, t && s && (this.state[e] = 0);
     const r = {};
     this.queue.forEach((d) => {
-      j5(d.loaded, [l], c), i3(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
+      D5(d.loaded, [l], c), s3(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
         r[g] || (r[g] = {});
         const a = d.loaded[g];
         a.length && a.forEach((h) => {
@@ -8246,7 +8247,7 @@ class s3 extends w1 {
     }
   }
 }
-const Z1 = () => ({
+const W1 = () => ({
   debug: !1,
   initImmediate: !0,
   ns: ["translation"],
@@ -8302,8 +8303,8 @@ const Z1 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), W1 = (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), h1 = () => {
-}, o3 = (i) => {
+}), j1 = (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), h1 = () => {
+}, n3 = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
   });
@@ -8311,9 +8312,9 @@ const Z1 = () => ({
 class o1 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 = W1(e), this.services = {}, this.logger = K, this.modules = {
+    if (super(), this.options = j1(e), this.services = {}, this.logger = P, this.modules = {
       external: []
-    }, o3(this), t && !this.isInitialized && !e.isClone) {
+    }, n3(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
         return this.init(e, t), this;
       setTimeout(() => {
@@ -8325,37 +8326,37 @@ class o1 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 o = Z1();
+    const o = W1();
     this.options = {
       ...o,
       ...this.options,
-      ...W1(t)
+      ...j1(t)
     }, this.options.compatibilityAPI !== "v1" && (this.options.interpolation = {
       ...o.interpolation,
       ...this.options.interpolation
     }), t.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = t.keySeparator), t.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = t.nsSeparator);
     const l = (a) => a ? typeof a == "function" ? new a() : a : null;
     if (!this.options.isClone) {
-      this.modules.logger ? K.init(l(this.modules.logger), this.options) : K.init(null, this.options);
+      this.modules.logger ? P.init(l(this.modules.logger), this.options) : P.init(null, this.options);
       let a;
-      this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = t3);
-      const h = new O1(this.options);
-      this.store = new I1(this.options.resources, this.options);
+      this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = i3);
+      const h = new A1(this.options);
+      this.store = new S1(this.options.resources, this.options);
       const u = this.services;
-      u.logger = K, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new q5(h, {
+      u.logger = P, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new X5(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), a && (!this.options.interpolation.format || this.options.interpolation.format === o.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 X5(this.options), u.utils = {
+      }), a && (!this.options.interpolation.format || this.options.interpolation.format === o.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 e3(this.options), u.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, u.backendConnector = new s3(l(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(p) {
-        for (var w = arguments.length, N = new Array(w > 1 ? w - 1 : 0), v = 1; v < w; v++)
-          N[v - 1] = arguments[v];
-        e.emit(p, ...N);
+      }, u.backendConnector = new o3(l(this.modules.backend), u.resourceStore, u, this.options), u.backendConnector.on("*", function(p) {
+        for (var w = arguments.length, x = new Array(w > 1 ? w - 1 : 0), v = 1; v < w; v++)
+          x[v - 1] = arguments[v];
+        e.emit(p, ...x);
       }), 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 p1(this.services, this.options), this.translator.on("*", function(p) {
-        for (var w = arguments.length, N = new Array(w > 1 ? w - 1 : 0), v = 1; v < w; v++)
-          N[v - 1] = arguments[v];
-        e.emit(p, ...N);
+        for (var w = arguments.length, x = new Array(w > 1 ? w - 1 : 0), v = 1; v < w; v++)
+          x[v - 1] = arguments[v];
+        e.emit(p, ...x);
       }), this.modules.external.forEach((p) => {
         p.init && p.init(this);
       });
@@ -8408,7 +8409,7 @@ class o1 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" && ee.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" && te.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))
@@ -8506,7 +8507,7 @@ class o1 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 O1(Z1());
+    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 A1(W1());
     return t.indexOf(s.getLanguagePartFromCode(e)) > -1 || e.toLowerCase().indexOf("-arab") > 1 ? "rtl" : "ltr";
   }
   static createInstance() {
@@ -8528,7 +8529,7 @@ class o1 extends w1 {
       ...this.services
     }, l.services.utils = {
       hasLoadedNamespace: l.hasLoadedNamespace.bind(l)
-    }, s && (l.store = new I1(this.store.data, o), l.services.resourceStore = l.store), l.translator = new p1(l.services, o), l.translator.on("*", function(r) {
+    }, s && (l.store = new S1(this.store.data, o), l.services.resourceStore = l.store), l.translator = new p1(l.services, o), l.translator.on("*", function(r) {
       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(r, ...g);
@@ -8562,20 +8563,20 @@ A.setDefaultNamespace;
 A.hasLoadedNamespace;
 A.loadNamespaces;
 A.loadLanguages;
-function n3() {
+function r3() {
   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);
+    J(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
-const j1 = {};
+const D1 = {};
 function R1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  z(e[0]) && j1[e[0]] || (z(e[0]) && (j1[e[0]] = /* @__PURE__ */ new Date()), n3(...e));
+  J(e[0]) && D1[e[0]] || (J(e[0]) && (D1[e[0]] = /* @__PURE__ */ new Date()), r3(...e));
 }
-const te = (i, e) => () => {
+const ie = (i, e) => () => {
   if (i.isInitialized)
     e();
   else {
@@ -8586,13 +8587,13 @@ const te = (i, e) => () => {
     };
     i.on("initialized", t);
   }
-}, D1 = (i, e, t) => {
-  i.loadNamespaces(e, te(i, t));
-}, T1 = (i, e, t, s) => {
-  z(t) && (t = [t]), t.forEach((o) => {
+}, T1 = (i, e, t) => {
+  i.loadNamespaces(e, ie(i, t));
+}, G1 = (i, e, t, s) => {
+  J(t) && (t = [t]), t.forEach((o) => {
     i.options.ns.indexOf(o) < 0 && i.options.ns.push(o);
-  }), i.loadLanguages(e, te(i, s));
-}, r3 = function(i, e) {
+  }), i.loadLanguages(e, ie(i, s));
+}, l3 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], o = e.options ? e.options.fallbackLng : !1, l = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
@@ -8601,15 +8602,15 @@ const te = (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) && (!o || c(l, i)));
-}, l3 = function(i, e) {
+}, a3 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (R1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (o, l) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && o.services.backendConnector.backend && o.isLanguageChangingTo && !l(o.isLanguageChangingTo, i)) return !1;
     }
-  }) : r3(i, e, t);
-}, z = (i) => typeof i == "string", a3 = (i) => typeof i == "object" && i !== null, h3 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, c3 = {
+  }) : l3(i, e, t);
+}, J = (i) => typeof i == "string", h3 = (i) => typeof i == "object" && i !== null, c3 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, d3 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -8630,7 +8631,7 @@ const te = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, d3 = (i) => c3[i], g3 = (i) => i.replace(h3, d3);
+}, g3 = (i) => d3[i], C3 = (i) => i.replace(c3, g3);
 let M1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -8639,27 +8640,27 @@ let M1 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: g3
+  unescape: C3
 };
-const C3 = function() {
+const u3 = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   M1 = {
     ...M1,
     ...i
   };
-}, u3 = () => M1;
-let ie;
-const p3 = (i) => {
-  ie = i;
-}, f3 = () => ie, w3 = {
+}, p3 = () => M1;
+let se;
+const f3 = (i) => {
+  se = i;
+}, w3 = () => se, m3 = {
   type: "3rdParty",
   init(i) {
-    C3(i.options.react), p3(i);
+    u3(i.options.react), f3(i);
   }
-}, m3 = n1();
-class k3 {
+}, k3 = n1();
+class L3 {
   constructor() {
-    y1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
+    b1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
     this.usedNamespaces = {};
   }
   addUsedNamespaces(e) {
@@ -8668,27 +8669,27 @@ class k3 {
     });
   }
 }
-const L3 = (i, e) => {
+const v3 = (i, e) => {
   const t = r1();
-  return Z(() => {
+  return j(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, se = (i, e, t, s) => i.getFixedT(e, t, s), v3 = (i, e, t, s) => G(se(i, e, t, s), [i, e, t, s]), N3 = function(i) {
+}, oe = (i, e, t, s) => i.getFixedT(e, t, s), N3 = (i, e, t, s) => K(oe(i, e, t, s), [i, e, t, s]), x3 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: s,
     defaultNS: o
-  } = l1(m3) || {}, l = t || s || f3();
-  if (l && !l.reportNamespaces && (l.reportNamespaces = new k3()), !l) {
+  } = l1(k3) || {}, l = t || s || w3();
+  if (l && !l.reportNamespaces && (l.reportNamespaces = new L3()), !l) {
     R1("You will need to pass in an i18next instance by using initReactI18next");
-    const L = (b, x) => z(x) ? x : a3(x) && z(x.defaultValue) ? x.defaultValue : Array.isArray(b) ? b[b.length - 1] : b, M = [L, {}, !1];
-    return M.t = L, M.i18n = {}, M.ready = !1, M;
+    const m = (y, N) => J(N) ? N : h3(N) && J(N.defaultValue) ? N.defaultValue : Array.isArray(y) ? y[y.length - 1] : y, M = [m, {}, !1];
+    return M.t = m, M.i18n = {}, M.ready = !1, M;
   }
   l.options.react && l.options.react.wait !== void 0 && R1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
-    ...u3(),
+    ...p3(),
     ...l.options.react,
     ...e
   }, {
@@ -8696,67 +8697,67 @@ const L3 = (i, e) => {
     keyPrefix: d
   } = 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((L) => l3(L, l, c)), h = v3(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => se(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [w, N] = O(u);
+  g = J(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((m) => a3(m, l, c)), h = N3(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => oe(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [w, x] = O(u);
   let v = g.join();
   e.lng && (v = `${e.lng}${v}`);
-  const E = L3(v), R = r1(!0);
-  Z(() => {
+  const E = v3(v), R = r1(!0);
+  j(() => {
     const {
-      bindI18n: L,
+      bindI18n: m,
       bindI18nStore: M
     } = c;
-    R.current = !0, !a && !r && (e.lng ? T1(l, e.lng, g, () => {
-      R.current && N(p);
-    }) : D1(l, g, () => {
-      R.current && N(p);
-    })), a && E && E !== v && R.current && N(p);
-    const b = () => {
-      R.current && N(p);
+    R.current = !0, !a && !r && (e.lng ? G1(l, e.lng, g, () => {
+      R.current && x(p);
+    }) : T1(l, g, () => {
+      R.current && x(p);
+    })), a && E && E !== v && R.current && x(p);
+    const y = () => {
+      R.current && x(p);
     };
-    return L && l && l.on(L, b), M && l && l.store.on(M, b), () => {
-      R.current = !1, L && l && L.split(" ").forEach((x) => l.off(x, b)), M && l && M.split(" ").forEach((x) => l.store.off(x, b));
+    return m && l && l.on(m, y), M && l && l.store.on(M, y), () => {
+      R.current = !1, m && l && m.split(" ").forEach((N) => l.off(N, y)), M && l && M.split(" ").forEach((N) => l.store.off(N, y));
     };
-  }, [l, v]), Z(() => {
-    R.current && a && N(u);
+  }, [l, v]), j(() => {
+    R.current && a && x(u);
   }, [l, d, a]);
-  const V = [w, l, a];
-  if (V.t = w, V.i18n = l, V.ready = a, a || !a && !r) return V;
-  throw new Promise((L) => {
-    e.lng ? T1(l, e.lng, g, () => L()) : D1(l, g, () => L());
+  const B = [w, l, a];
+  if (B.t = w, B.i18n = l, B.ready = a, a || !a && !r) return B;
+  throw new Promise((m) => {
+    e.lng ? G1(l, e.lng, g, () => m()) : T1(l, g, () => m());
   });
 };
 var S = [];
 for (var N1 = 0; N1 < 256; ++N1)
   S.push((N1 + 256).toString(16).slice(1));
-function x3(i, e = 0) {
+function R3(i, e = 0) {
   return (S[i[e + 0]] + S[i[e + 1]] + S[i[e + 2]] + S[i[e + 3]] + "-" + S[i[e + 4]] + S[i[e + 5]] + "-" + S[i[e + 6]] + S[i[e + 7]] + "-" + S[i[e + 8]] + S[i[e + 9]] + "-" + S[i[e + 10]] + S[i[e + 11]] + S[i[e + 12]] + S[i[e + 13]] + S[i[e + 14]] + S[i[e + 15]]).toLowerCase();
 }
-var c1, R3 = new Uint8Array(16);
-function M3() {
+var c1, M3 = new Uint8Array(16);
+function y3() {
   if (!c1 && (c1 = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !c1))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return c1(R3);
+  return c1(M3);
 }
-var y3 = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const G1 = {
-  randomUUID: y3
+var b3 = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const K1 = {
+  randomUUID: b3
 };
-function K1(i, e, t) {
-  if (G1.randomUUID && !e && !i)
-    return G1.randomUUID();
+function P1(i, e, t) {
+  if (K1.randomUUID && !e && !i)
+    return K1.randomUUID();
   i = i || {};
-  var s = i.random || (i.rng || M3)();
-  return s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, x3(s);
+  var s = i.random || (i.rng || y3)();
+  return s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, R3(s);
 }
-const b3 = "City", E3 = {
-  placeholder: b3
-}, H3 = "Город", _3 = {
-  placeholder: H3
+const E3 = "City", H3 = {
+  placeholder: E3
+}, _3 = "Город", V3 = {
+  placeholder: _3
 };
-function V3(i, e = 500) {
+function I3(i, e = 500) {
   const t = r1();
-  return Z(() => () => {
+  return j(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...o) => {
     const l = setTimeout(() => {
@@ -8765,81 +8766,81 @@ function V3(i, e = 500) {
     clearTimeout(t.current), t.current = l;
   };
 }
-A.use(w3).init({
+A.use(m3).init({
   defaultNS: "common",
   lng: "en",
   resources: {
     en: {
-      common: E3
+      common: H3
     },
     ru: {
-      common: _3
+      common: V3
     }
   }
 });
-const P1 = {
+const F1 = {
   limit: 100,
   offset: 0
-}, j3 = f1(
+}, D3 = f1(
   ({ width: i, selectedCountry: e, onChange: t, value: s, id: o, disabled: l }, c) => {
-    const [r, d] = O([]), [g, a] = O(P1), [h, u] = O(null), [p, w] = O([]), [N, v] = O(!1), [E, R] = O(!1), V = r1(e), { locale: L, axiosPeople: M } = l1(ce);
+    const [r, d] = O([]), [g, a] = O(F1), [h, u] = O(null), [p, w] = O([]), [x, v] = O(!0), [E, R] = O(!1), B = r1(e), { locale: m, axiosPeople: M } = l1(de);
     if (!M)
       throw new Error(
         `CitySelect requires "axiosPeople" to fetch cities.
                 Please provide it via SNMTUiContext.`
       );
-    const { t: b } = N3("common", { lng: L }), x = G(
-      async (y) => {
-        y ? R(!0) : v(!0);
+    const { t: y } = x3("common", { lng: m }), N = K(
+      async (b) => {
+        b ? R(!0) : v(!0);
         try {
-          const I = {
+          const _ = {
             offset: g.offset,
             limit: g.limit
           };
-          e && e.length > 0 && (I.countryId = e), y && (I.search = y);
-          const B = await M.post("v1/cities/search", I), D = (B == null ? void 0 : B.data.data) || [], P = B == null ? void 0 : B.data.metadata.count, F = D.map(($) => ({
-            key: K1(),
-            label: $.name,
-            value: $.geoNameId
+          e && e.length > 0 && (_.countryId = e), b && (_.search = b);
+          const I = await M.post("v1/cities/search", _), G = (I == null ? void 0 : I.data.data) || [], F = I == null ? void 0 : I.data.metadata.count, Y = G.map((V) => ({
+            key: P1(),
+            label: V.name,
+            value: V.geoNameId
           }));
           d(
-            ($) => g.offset === 0 ? F : [...$, ...F]
-          ), w(D), u(P);
+            (V) => g.offset === 0 ? Y : [...V, ...Y]
+          ), w(G), u(F);
         } finally {
           v(!1), R(!1);
         }
       },
-      [M, g, e]
+      [M, g.offset, g.limit, e]
     );
-    Z(() => {
-      a(P1);
-    }, [e]), Z(() => {
-      x();
-    }, [x, e]), Z(() => {
+    j(() => {
+      a(F1);
+    }, [e]), j(() => {
+      N();
+    }, [N, e]), j(() => {
       t("");
-      const y = p.map((I) => ({
-        key: K1(),
-        label: I.name,
-        value: I.geoNameId
+      const b = p.map((_) => ({
+        key: P1(),
+        label: _.name,
+        value: _.geoNameId
       }));
       d(
-        (I) => g.offset === 0 ? y : [...I, ...y]
-      ), V.current = e, s && t(s);
+        (_) => g.offset === 0 ? b : [..._, ...b]
+      ), B.current = e, s && t(s);
     }, [e, t, s, p, g.offset]);
-    const j = V3(x), J = G(
-      (y) => {
-        a((I) => ({ ...I, offset: 0, search: y })), R(!0), j(y);
+    const T = I3(N), Q = K(
+      (b) => {
+        a((_) => ({ ..._, offset: 0, search: b })), R(!0), T(b);
       },
-      [j]
-    ), U = async (y) => {
-      const { target: I } = y;
-      I.scrollTop + I.offsetHeight >= I.scrollHeight - 50 && h !== null && h > 0 && a((B) => ({
-        ...B,
-        offset: B.offset + B.limit
+      [T]
+    ), $ = async (b) => {
+      const { target: _ } = b;
+      _.scrollTop + _.offsetHeight >= _.scrollHeight - 50 && h !== null && h > 0 && a((I) => ({
+        ...I,
+        offset: I.offset + I.limit
       }));
-    };
+    }, W = x || E;
     return /* @__PURE__ */ n("div", { className: "snmt-city-select", children: /* @__PURE__ */ n(
-      A5,
+      B5,
       {
         id: o,
         width: i,
@@ -8847,16 +8848,16 @@ const P1 = {
         onChange: t,
         ref: c,
         search: !0,
-        value: s,
-        onSearchChange: J,
-        placeholder: b("placeholder"),
-        onPopupScroll: U,
+        value: W && s ? null : s,
+        onSearchChange: Q,
+        placeholder: y("placeholder"),
+        onPopupScroll: $,
         disabled: l,
-        isLoading: N || E
+        isLoading: W
       }
     ) });
   }
 );
 export {
-  j3 as CitySelect
+  D3 as CitySelect
 };