npm - @snmt-react-ui/user-select - Versions diffs - 2.2.0 → 2.3.0 - Mend

@snmt-react-ui/user-select 2.2.0 → 2.3.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 (3) hide show

package/dist/user-select.js +603 -612
package/package.json +6 -6
package/dist/UserSelect.stories.d.ts +0 -6

package/dist/user-select.js CHANGED Viewed

@@ -1,11 +1,11 @@
-var ee = Object.defineProperty;
-var te = (i, e, t) => e in i ? ee(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var R1 = (i, e, t) => te(i, typeof e != "symbol" ? e + "" : e, t);
+var ie = Object.defineProperty;
+var se = (i, e, t) => e in i ? ie(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var R1 = (i, e, t) => se(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as r, jsxs as u, Fragment as q } from "react/jsx-runtime";
-import { createContext as n1, forwardRef as r1, useState as I, useRef as p1, useEffect as Z, useCallback as $, useContext as o1 } from "react";
-import { Select as ie, Flex as se, Avatar as ne, Checkbox as re, Typography as T1, Tag as G1, Popover as oe } from "antd";
-import { SNMTUiContext as le } from "@snmt-react-ui/core";
+import { createContext as n1, forwardRef as r1, useState as I, useRef as p1, useEffect as D, useCallback as $, useContext as o1 } from "react";
+import { Select as ne, Flex as re, Avatar as oe, Checkbox as le, Typography as T1, Tag as G1, Popover as ae } from "antd";
+import { SNMTUiContext as he } from "@snmt-react-ui/core";
 const h1 = ({
   children: i,
   direction: e = "row",
@@ -16,7 +16,7 @@ const h1 = ({
   gap: c,
   padding: o
 }) => /* @__PURE__ */ r(
-  se,
+  re,
   {
     className: `snmt-flex${t === "inherit" ? " inherit" : ""}`,
     vertical: e === "column",
@@ -28,10 +28,10 @@ const h1 = ({
     style: { padding: o },
     children: i
   }
-), ae = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
+), ce = ({ shape: i = "circle", size: e = 32, children: t, ...s }) => {
   const n = typeof s.src == "string";
   return /* @__PURE__ */ r(
-    ne,
+    oe,
     {
       className: `snmt-avatar ${n ? "image" : ""}`,
       shape: i,
@@ -48,7 +48,7 @@ const K1 = n1({
   theme: "light"
 });
 K1.Provider;
-const he = ({
+const de = ({
   checked: i = !0,
   indeterminate: e = !1,
   children: t,
@@ -57,12 +57,12 @@ const he = ({
   disableUncheck: l = !1
 }) => {
   const [c, o] = I(i), [d, g] = I(e);
-  Z(() => {
+  D(() => {
     o(i), g(e);
   }, [i, e]);
   const { theme: a } = o1(K1);
   return /* @__PURE__ */ r(
-    re,
+    le,
     {
       className: `snmt-checkbox snmt-checkbox-${a}`,
       checked: c,
@@ -75,13 +75,13 @@ const he = ({
     }
   );
 };
-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 || {});
+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 P1 = n1({
   locale: "en",
   theme: "light"
 });
 P1.Provider;
-const ce = ({
+const ge = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -108,7 +108,7 @@ const ce = ({
       }
     )
   }
-), de = ({
+), ue = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -135,7 +135,7 @@ const ce = ({
       }
     )
   }
-), ge = ({
+), Ce = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -163,7 +163,7 @@ const ce = ({
       )
     ]
   }
-), ue = ({
+), pe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -198,7 +198,7 @@ const ce = ({
       )
     ]
   }
-), Ce = ({
+), fe = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
@@ -237,7 +237,7 @@ const ce = ({
       )
     ]
   }
-), pe = ({
+), we = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -263,7 +263,7 @@ const ce = ({
       }
     )
   }
-), fe = ({
+), me = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -284,7 +284,7 @@ const ce = ({
       /* @__PURE__ */ r("path", { d: "M16 4L4 16", stroke: t, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), we = ({
+), ke = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -316,7 +316,7 @@ const ce = ({
       )
     ]
   }
-), me = ({
+), Le = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -370,7 +370,7 @@ const ce = ({
       )
     ]
   }
-), ke = ({
+), ve = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -409,7 +409,7 @@ const ce = ({
       /* @__PURE__ */ r("path", { d: "M3 12L17 12", stroke: t, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), Le = ({
+), Ne = ({
   width: i = 16,
   height: e = 12,
   color: t = "#001E52",
@@ -458,7 +458,7 @@ const ce = ({
       )
     ] })
   }
-), ve = ({
+), xe = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -492,7 +492,7 @@ const ce = ({
       )
     ]
   }
-), Ne = ({
+), Re = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -531,7 +531,7 @@ const ce = ({
       )
     ] })
   }
-), xe = ({
+), Me = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -567,7 +567,7 @@ const ce = ({
       )
     ]
   }
-), Re = ({
+), ye = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
@@ -605,7 +605,7 @@ const ce = ({
       /* @__PURE__ */ r("circle", { cx: "3", cy: "3", r: "3", fill: t })
     ]
   }
-), Me = ({
+), be = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -652,7 +652,7 @@ const ce = ({
       )
     ]
   }
-), ye = ({
+), Ee = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -685,7 +685,7 @@ const ce = ({
       )
     ]
   }
-), be = ({
+), Ve = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -732,7 +732,7 @@ const ce = ({
       )
     ]
   }
-), Ee = ({
+), _e = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -765,7 +765,7 @@ const ce = ({
       )
     ]
   }
-), Ve = ({
+), He = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -804,7 +804,7 @@ const ce = ({
       )
     ]
   }
-), _e = ({
+), Ie = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -837,7 +837,7 @@ const ce = ({
       )
     ]
   }
-), He = ({
+), Se = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -861,7 +861,7 @@ const ce = ({
       }
     )
   }
-), Ie = ({
+), Oe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -908,7 +908,7 @@ const ce = ({
       )
     ]
   }
-), Se = ({
+), Ae = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -941,7 +941,7 @@ const ce = ({
       )
     ]
   }
-), Oe = ({
+), Be = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -974,7 +974,7 @@ const ce = ({
       )
     ]
   }
-), Ae = ({
+), We = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -1035,7 +1035,7 @@ const ce = ({
       )
     ]
   }
-), Be = ({
+), je = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -1075,7 +1075,7 @@ const ce = ({
       )
     ]
   }
-), We = ({
+), Ze = ({
   width: i = 32,
   height: e = 25,
   color: t = "#001E52",
@@ -1103,7 +1103,7 @@ const ce = ({
       )
     ]
   }
-), je = ({
+), De = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -1132,7 +1132,7 @@ const ce = ({
       )
     ]
   }
-), Ze = ({
+), Te = ({
   width: i = 11,
   height: e = 11,
   color: t = "#FFB020",
@@ -1166,7 +1166,7 @@ const ce = ({
       )
     ]
   }
-), De = ({
+), Ge = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -1214,7 +1214,7 @@ const ce = ({
       )
     ]
   }
-), Te = ({
+), Ke = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -1242,7 +1242,7 @@ const ce = ({
       )
     ]
   }
-), Ge = ({
+), Pe = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -1276,7 +1276,7 @@ const ce = ({
       )
     ]
   }
-), Ke = ({
+), $e = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -1324,7 +1324,7 @@ const ce = ({
       )
     ]
   }
-), Pe = ({
+), Fe = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1354,7 +1354,7 @@ const ce = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), $e = ({
+), Ye = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -1392,7 +1392,7 @@ const ce = ({
       )
     ]
   }
-), Fe = ({
+), Ue = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -1418,7 +1418,7 @@ const ce = ({
       }
     )
   }
-), Ye = ({
+), ze = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -1447,7 +1447,7 @@ const ce = ({
       )
     ]
   }
-), Ue = ({
+), Je = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -1476,7 +1476,7 @@ const ce = ({
       )
     ]
   }
-), ze = ({
+), Qe = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
@@ -1513,7 +1513,7 @@ const ce = ({
       )
     ]
   }
-), Je = ({
+), qe = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
@@ -1552,7 +1552,7 @@ const ce = ({
       )
     ]
   }
-), Qe = ({
+), Xe = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1581,7 +1581,7 @@ const ce = ({
       )
     ]
   }
-), qe = ({
+), et = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -1618,10 +1618,10 @@ const ce = ({
       )
     ]
   }
-), Xe = ({
+), tt = ({
   width: i = 24,
   height: e = 24,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1657,10 +1657,10 @@ const ce = ({
       )
     ]
   }
-), et = ({
+), it = ({
   width: i = 20,
   height: e = 20,
-  color: t = L.GREY_DARK_1,
+  color: t = k.GREY_DARK_1,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1690,10 +1690,10 @@ const ce = ({
       )
     ]
   }
-), tt = ({
+), st = ({
   width: i = 81,
   height: e = 80,
-  color: t = L.GREY_DARK_5,
+  color: t = k.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -1739,9 +1739,9 @@ const ce = ({
       )
     ]
   }
-), it = ({
+), nt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1766,9 +1766,9 @@ const ce = ({
       }
     )
   }
-), st = ({
+), rt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -1793,9 +1793,9 @@ const ce = ({
       }
     )
   }
-), nt = ({
+), ot = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -1817,9 +1817,9 @@ const ce = ({
       }
     )
   }
-), rt = ({
+), lt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -1842,9 +1842,9 @@ const ce = ({
       }
     )
   }
-), ot = ({
+), at = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1881,9 +1881,9 @@ const ce = ({
       )
     ]
   }
-), lt = ({
+), ht = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1920,9 +1920,9 @@ const ce = ({
       )
     ]
   }
-), at = ({
+), ct = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -1947,9 +1947,9 @@ const ce = ({
       }
     )
   }
-), ht = ({
+), dt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2006,9 +2006,9 @@ const ce = ({
       )
     ]
   }
-), ct = ({
+), gt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2043,9 +2043,9 @@ const ce = ({
       )
     ]
   }
-), dt = ({
+), ut = ({
   className: i,
-  color: e = L.GREY_DARK_3,
+  color: e = k.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: n
@@ -2080,9 +2080,9 @@ const ce = ({
       )
     ]
   }
-), gt = ({
+), Ct = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: n = 18
@@ -2107,9 +2107,9 @@ const ce = ({
       }
     )
   }
-), ut = ({
+), pt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2159,9 +2159,9 @@ const ce = ({
       )
     ]
   }
-), Ct = ({
+), ft = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2196,9 +2196,9 @@ const ce = ({
       )
     ]
   }
-), pt = ({
+), wt = ({
   className: i,
-  color: e = L.NOTIFICATION_WARNING_DARK,
+  color: e = k.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: n
@@ -2235,9 +2235,9 @@ const ce = ({
       )
     ]
   }
-), ft = ({
+), mt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2261,9 +2261,9 @@ const ce = ({
       }
     )
   }
-), wt = ({
+), kt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2300,9 +2300,9 @@ const ce = ({
       )
     ]
   }
-), mt = ({
+), Lt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2339,9 +2339,9 @@ const ce = ({
       )
     ]
   }
-), kt = ({
+), vt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2408,9 +2408,9 @@ const ce = ({
       )
     ]
   }
-), Lt = ({
+), Nt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2447,9 +2447,9 @@ const ce = ({
       )
     ]
   }
-), vt = ({
+), xt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2504,9 +2504,9 @@ const ce = ({
       )
     ]
   }
-), Nt = ({
+), Rt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2543,9 +2543,9 @@ const ce = ({
       )
     ]
   }
-), xt = ({
+), Mt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2592,9 +2592,9 @@ const ce = ({
       )
     ]
   }
-), Rt = ({
+), yt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2631,9 +2631,9 @@ const ce = ({
       )
     ]
   }
-), Mt = ({
+), bt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2658,9 +2658,9 @@ const ce = ({
       }
     )
   }
-), yt = ({
+), Et = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2696,9 +2696,9 @@ const ce = ({
       )
     ]
   }
-), bt = ({
+), Vt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2717,9 +2717,9 @@ const ce = ({
       /* @__PURE__ */ r("path", { d: "M12 8L4 8", stroke: e, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), Et = ({
+), _t = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2756,9 +2756,9 @@ const ce = ({
       )
     ]
   }
-), Vt = ({
+), Ht = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2795,9 +2795,9 @@ const ce = ({
       )
     ]
   }
-), _t = ({
+), It = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -2834,9 +2834,9 @@ const ce = ({
       )
     ]
   }
-), Ht = ({
+), St = ({
   className: i,
-  color: e = L.GREY_DARK_2,
+  color: e = k.GREY_DARK_2,
   height: t = 16,
   width: s = 16,
   onClick: n
@@ -2860,9 +2860,9 @@ const ce = ({
       }
     )
   }
-), It = ({
+), Ot = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -2889,9 +2889,9 @@ const ce = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ r("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), St = ({
+), At = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -2918,9 +2918,9 @@ const ce = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ r("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), Ot = ({
+), Bt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -2935,7 +2935,7 @@ const ce = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: k.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -2947,9 +2947,9 @@ const ce = ({
       )
     ]
   }
-), At = ({
+), Wt = ({
   className: i,
-  color: e = L.GREY_DARK_5,
+  color: e = k.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -2964,7 +2964,7 @@ const ce = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: k.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -2976,7 +2976,7 @@ const ce = ({
       )
     ]
   }
-), Bt = ({
+), jt = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3002,7 +3002,7 @@ const ce = ({
       }
     )
   }
-), Wt = ({
+), Zt = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -3030,7 +3030,7 @@ const ce = ({
       }
     )
   }
-), jt = ({
+), Dt = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -3077,8 +3077,8 @@ const ce = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [o, d] = I(n), { theme: g } = o1(P1), a = l ? g && g === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = l ? void 0 : c;
-  return Z(() => {
+  const [o, d] = I(n), { theme: g } = o1(P1), a = l ? g && g === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : s, h = l ? void 0 : c;
+  return D(() => {
     if (n) {
       h && !l && d(`${n} clickable`);
       return;
@@ -3087,39 +3087,39 @@ const ce = ({
   }, [h, n, l]), /* @__PURE__ */ r(q, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return it({ width: e, height: t, color: a, className: o, onClick: h });
+        return nt({ width: e, height: t, color: a, className: o, onClick: h });
       case "prevIcon":
-        return st({ width: e, height: t, color: a, className: o, onClick: h });
+        return rt({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUp":
-        return ce({ width: e, height: t, color: a, className: o, onClick: h });
+        return ge({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDown":
-        return de({ width: e, height: t, color: a, className: o, onClick: h });
+        return ue({ width: e, height: t, color: a, className: o, onClick: h });
       case "info":
-        return ge({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ce({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowRight":
-        return ue({ width: e, height: t, color: a, className: o, onClick: h });
+        return pe({ width: e, height: t, color: a, className: o, onClick: h });
       case "calendar":
-        return Ce({ width: e, height: t, color: a, className: o, onClick: h });
+        return fe({ width: e, height: t, color: a, className: o, onClick: h });
       case "ok":
-        return pe({ width: e, height: t, color: a, className: o, onClick: h });
+        return we({ width: e, height: t, color: a, className: o, onClick: h });
       case "cancel":
-        return fe({ width: e, height: t, color: a, className: o, onClick: h });
+        return me({ width: e, height: t, color: a, className: o, onClick: h });
       case "add":
-        return we({ width: e, height: t, color: a, className: o, onClick: h });
+        return ke({ width: e, height: t, color: a, className: o, onClick: h });
       case "list":
-        return me({ width: e, height: t, color: a, className: o, onClick: h });
+        return Le({ width: e, height: t, color: a, className: o, onClick: h });
       case "dragAndDrop":
-        return ke({ width: e, height: t, color: a, className: o, onClick: h });
+        return ve({ width: e, height: t, color: a, className: o, onClick: h });
       case "filter":
-        return Le({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ne({ width: e, height: t, color: a, className: o, onClick: h });
       case "attention":
-        return ve({ width: e, height: t, color: a, className: o, onClick: h });
+        return xe({ width: e, height: t, color: a, className: o, onClick: h });
       case "plus":
-        return Ne({ width: e, height: t, color: a, className: o, onClick: h });
+        return Re({ width: e, height: t, color: a, className: o, onClick: h });
       case "time":
-        return xe({ width: e, height: t, color: a, className: o, onClick: h });
+        return Me({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDownLong":
-        return Re({
+        return ye({
           width: e,
           height: t,
           color: a,
@@ -3127,9 +3127,9 @@ const ce = ({
           onClick: h
         });
       case "users":
-        return Me({ width: e, height: t, color: a, className: o, onClick: h });
+        return be({ width: e, height: t, color: a, className: o, onClick: h });
       case "mySkillsMatrix":
-        return ye({
+        return Ee({
           width: e,
           height: t,
           color: a,
@@ -3137,9 +3137,9 @@ const ce = ({
           onClick: h
         });
       case "skills":
-        return be({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ve({ width: e, height: t, color: a, className: o, onClick: h });
       case "skillsMatrices":
-        return Ee({
+        return _e({
           width: e,
           height: t,
           color: a,
@@ -3147,23 +3147,23 @@ const ce = ({
           onClick: h
         });
       case "history":
-        return Ve({ width: e, height: t, color: a, className: o, onClick: h });
+        return He({ width: e, height: t, color: a, className: o, onClick: h });
       case "logOut":
-        return _e({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ie({ width: e, height: t, color: a, className: o, onClick: h });
       case "settings":
-        return He({ width: e, height: t, color: a, className: o, onClick: h });
+        return Se({ width: e, height: t, color: a, className: o, onClick: h });
       case "addSkill":
-        return Ie({ width: e, height: t, color: a, className: o, onClick: h });
+        return Oe({ width: e, height: t, color: a, className: o, onClick: h });
       case "conversation":
-        return Se({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ae({ width: e, height: t, color: a, className: o, onClick: h });
       case "trash":
-        return Oe({ width: e, height: t, color: a, className: o, onClick: h });
+        return Be({ width: e, height: t, color: a, className: o, onClick: h });
       case "settings4":
-        return Ae({ width: e, height: t, color: a, className: o, onClick: h });
+        return We({ width: e, height: t, color: a, className: o, onClick: h });
       case "edit2":
-        return Be({ width: e, height: t, color: a, className: o, onClick: h });
+        return je({ width: e, height: t, color: a, className: o, onClick: h });
       case "notifications":
-        return We({
+        return Ze({
           width: e,
           height: t,
           color: a,
@@ -3171,9 +3171,9 @@ const ce = ({
           onClick: h
         });
       case "success":
-        return je({ width: e, height: t, color: a, className: o, onClick: h });
+        return De({ width: e, height: t, color: a, className: o, onClick: h });
       case "attentionSmall":
-        return Ze({
+        return Te({
           width: e,
           height: t,
           color: a,
@@ -3181,11 +3181,11 @@ const ce = ({
           onClick: h
         });
       case "errorSmall":
-        return De({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ge({ width: e, height: t, color: a, className: o, onClick: h });
       case "infoMedium":
-        return Te({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ke({ width: e, height: t, color: a, className: o, onClick: h });
       case "attentionMedium":
-        return Ge({
+        return Pe({
           width: e,
           height: t,
           color: a,
@@ -3193,9 +3193,9 @@ const ce = ({
           onClick: h
         });
       case "errorMedium":
-        return Ke({ width: e, height: t, color: a, className: o, onClick: h });
+        return $e({ width: e, height: t, color: a, className: o, onClick: h });
       case "faviconSkills":
-        return ze({
+        return Qe({
           width: e,
           height: t,
           color: a,
@@ -3203,7 +3203,7 @@ const ce = ({
           onClick: h
         });
       case "visibilityIcon":
-        return Pe({
+        return Fe({
           width: e,
           height: t,
           color: a,
@@ -3211,7 +3211,7 @@ const ce = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return $e({
+        return Ye({
           width: e,
           height: t,
           color: a,
@@ -3219,7 +3219,7 @@ const ce = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return Fe({
+        return Ue({
           width: e,
           height: t,
           color: a,
@@ -3227,7 +3227,7 @@ const ce = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return Ye({
+        return ze({
           width: e,
           height: t,
           color: a,
@@ -3235,7 +3235,7 @@ const ce = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return Ue({
+        return Je({
           width: e,
           height: t,
           color: a,
@@ -3243,97 +3243,97 @@ const ce = ({
           onClick: h
         });
       case "camera":
-        return Je({ width: e, height: t, color: a, className: o, onClick: h });
+        return qe({ width: e, height: t, color: a, className: o, onClick: h });
       case "sortUp":
-        return Qe({ width: e, height: t, color: a, className: o, onClick: h });
+        return Xe({ width: e, height: t, color: a, className: o, onClick: h });
       case "sortDown":
-        return qe({ width: e, height: t, color: a, className: o, onClick: h });
+        return et({ width: e, height: t, color: a, className: o, onClick: h });
       case "logOut2":
-        return Xe({ width: e, height: t, color: a, className: o, onClick: h });
+        return tt({ width: e, height: t, color: a, className: o, onClick: h });
       case "search":
-        return et({ width: e, height: t, color: a, className: o, onClick: h });
+        return it({ width: e, height: t, color: a, className: o, onClick: h });
       case "handRock":
-        return tt({ width: e, height: t, color: a, className: o, onClick: h });
+        return st({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUpFilled":
-        return rt({ width: e, height: t, color: a, className: o, onClick: h });
+        return lt({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDownFilled":
-        return nt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "link":
         return ot({ width: e, height: t, color: a, className: o, onClick: h });
-      case "telegram":
+      case "link":
         return at({ width: e, height: t, color: a, className: o, onClick: h });
-      case "mail":
+      case "telegram":
         return ct({ width: e, height: t, color: a, className: o, onClick: h });
+      case "mail":
+        return gt({ width: e, height: t, color: a, className: o, onClick: h });
       case "github":
-        return lt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "linkedIn":
         return ht({ width: e, height: t, color: a, className: o, onClick: h });
-      case "emptyStateIcon":
+      case "linkedIn":
         return dt({ width: e, height: t, color: a, className: o, onClick: h });
+      case "emptyStateIcon":
+        return ut({ width: e, height: t, color: a, className: o, onClick: h });
       case "filtersIcon":
-        return gt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ct({ width: e, height: t, color: a, className: o, onClick: h });
       case "dotMenuIcon":
-        return ut({ width: e, height: t, color: a, className: o, onClick: h });
+        return pt({ width: e, height: t, color: a, className: o, onClick: h });
       case "plusCircle":
-        return Ct({ width: e, height: t, color: a, className: o, onClick: h });
+        return ft({ width: e, height: t, color: a, className: o, onClick: h });
       case "warning":
-        return pt({ width: e, height: t, color: a, className: o, onClick: h });
+        return wt({ width: e, height: t, color: a, className: o, onClick: h });
       case "back":
-        return ft({ width: e, height: t, color: a, className: o, onClick: h });
+        return mt({ width: e, height: t, color: a, className: o, onClick: h });
       case "bell":
-        return wt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "contract":
         return kt({ width: e, height: t, color: a, className: o, onClick: h });
+      case "contract":
+        return vt({ width: e, height: t, color: a, className: o, onClick: h });
       case "trash2":
-        return mt({ width: e, height: t, color: a, className: o, onClick: h });
-      case "manager":
         return Lt({ width: e, height: t, color: a, className: o, onClick: h });
+      case "manager":
+        return Nt({ width: e, height: t, color: a, className: o, onClick: h });
       case "resourceManager":
-        return vt({ width: e, height: t, color: a, className: o, onClick: h });
+        return xt({ width: e, height: t, color: a, className: o, onClick: h });
       case "settings2":
-        return Nt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Rt({ width: e, height: t, color: a, className: o, onClick: h });
       case "image":
-        return xt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Mt({ width: e, height: t, color: a, className: o, onClick: h });
       case "upload":
-        return Rt({ width: e, height: t, color: a, className: o, onClick: h });
+        return yt({ width: e, height: t, color: a, className: o, onClick: h });
       case "edit":
-        return Mt({ width: e, height: t, color: a, className: o, onClick: h });
+        return bt({ width: e, height: t, color: a, className: o, onClick: h });
       case "location":
-        return yt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Et({ width: e, height: t, color: a, className: o, onClick: h });
       case "plus2":
-        return bt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Vt({ width: e, height: t, color: a, className: o, onClick: h });
       case "search2":
-        return Et({ width: e, height: t, color: a, className: o, onClick: h });
+        return _t({ width: e, height: t, color: a, className: o, onClick: h });
       case "fastArrowLeft":
-        return Vt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ht({ width: e, height: t, color: a, className: o, onClick: h });
       case "fastArrowRight":
-        return _t({ width: e, height: t, color: a, className: o, onClick: h });
+        return It({ width: e, height: t, color: a, className: o, onClick: h });
       case "crossInCircle":
-        return Ht({ width: e, height: t, color: a, className: o, onClick: h });
-      case "arrowUp2":
         return St({ width: e, height: t, color: a, className: o, onClick: h });
+      case "arrowUp2":
+        return At({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDown2":
-        return It({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filledArrowLeft":
         return Ot({ width: e, height: t, color: a, className: o, onClick: h });
+      case "filledArrowLeft":
+        return Bt({ width: e, height: t, color: a, className: o, onClick: h });
       case "filledArrowRight":
-        return At({ width: e, height: t, color: a, className: o, onClick: h });
+        return Wt({ width: e, height: t, color: a, className: o, onClick: h });
       case "burgerMenu":
-        return Bt({ width: e, height: t, color: a, className: o, onClick: h });
+        return jt({ width: e, height: t, color: a, className: o, onClick: h });
       case "signOut":
-        return Wt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Zt({ width: e, height: t, color: a, className: o, onClick: h });
       case "refresh":
-        return jt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Dt({ width: e, height: t, color: a, className: o, onClick: h });
       default:
         return /* @__PURE__ */ r(q, { children: "No Icon provided" });
     }
   })() });
-}, { Title: Zt, Text: Dt } = T1, Tt = {
+}, { Title: Tt, Text: Gt } = T1, Kt = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, Gt = r1(
+}, Pt = r1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -3346,17 +3346,17 @@ const ce = ({
     const d = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let g = `snmt-typography snmt-typography-${e}`;
     return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), l && (g += " collapsed"), d ? /* @__PURE__ */ r(
-      Zt,
+      Tt,
       {
         className: g,
         style: { color: t, whiteSpace: c },
         onClick: n,
-        level: Tt[e],
+        level: Kt[e],
         ref: o,
         children: s
       }
     ) : /* @__PURE__ */ r(
-      Dt,
+      Gt,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -3367,13 +3367,13 @@ const ce = ({
     );
   }
 );
-var v = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(v || {});
+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 $1 = n1({
   locale: "en",
   theme: "light"
 });
 $1.Provider;
-const Kt = ({
+const $t = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3400,7 +3400,7 @@ const Kt = ({
       }
     )
   }
-), Pt = ({
+), Ft = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3427,7 +3427,7 @@ const Kt = ({
       }
     )
   }
-), $t = ({
+), Yt = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3455,7 +3455,7 @@ const Kt = ({
       )
     ]
   }
-), Ft = ({
+), Ut = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3490,7 +3490,7 @@ const Kt = ({
       )
     ]
   }
-), Yt = ({
+), zt = ({
   width: i = 18,
   height: e = 18,
   color: t = "#001E52",
@@ -3529,7 +3529,7 @@ const Kt = ({
       )
     ]
   }
-), Ut = ({
+), Jt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3555,7 +3555,7 @@ const Kt = ({
       }
     )
   }
-), zt = ({
+), Qt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3576,7 +3576,7 @@ const Kt = ({
       /* @__PURE__ */ r("path", { d: "M16 4L4 16", stroke: t, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), Jt = ({
+), qt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3608,7 +3608,7 @@ const Kt = ({
       )
     ]
   }
-), Qt = ({
+), Xt = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3662,7 +3662,7 @@ const Kt = ({
       )
     ]
   }
-), qt = ({
+), e2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3701,7 +3701,7 @@ const Kt = ({
       /* @__PURE__ */ r("path", { d: "M3 12L17 12", stroke: t, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), Xt = ({
+), t2 = ({
   width: i = 16,
   height: e = 12,
   color: t = "#001E52",
@@ -3750,7 +3750,7 @@ const Kt = ({
       )
     ] })
   }
-), e2 = ({
+), i2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3784,7 +3784,7 @@ const Kt = ({
       )
     ]
   }
-), t2 = ({
+), s2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -3823,7 +3823,7 @@ const Kt = ({
       )
     ] })
   }
-), i2 = ({
+), n2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -3859,7 +3859,7 @@ const Kt = ({
       )
     ]
   }
-), s2 = ({
+), r2 = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
@@ -3897,7 +3897,7 @@ const Kt = ({
       /* @__PURE__ */ r("circle", { cx: "3", cy: "3", r: "3", fill: t })
     ]
   }
-), n2 = ({
+), o2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3944,7 +3944,7 @@ const Kt = ({
       )
     ]
   }
-), r2 = ({
+), l2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3977,7 +3977,7 @@ const Kt = ({
       )
     ]
   }
-), o2 = ({
+), a2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4024,7 +4024,7 @@ const Kt = ({
       )
     ]
   }
-), l2 = ({
+), h2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4057,7 +4057,7 @@ const Kt = ({
       )
     ]
   }
-), a2 = ({
+), c2 = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -4096,7 +4096,7 @@ const Kt = ({
       )
     ]
   }
-), h2 = ({
+), d2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4129,7 +4129,7 @@ const Kt = ({
       )
     ]
   }
-), c2 = ({
+), g2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4153,7 +4153,7 @@ const Kt = ({
       }
     )
   }
-), d2 = ({
+), u2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4200,7 +4200,7 @@ const Kt = ({
       )
     ]
   }
-), g2 = ({
+), C2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4233,7 +4233,7 @@ const Kt = ({
       )
     ]
   }
-), u2 = ({
+), p2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4266,7 +4266,7 @@ const Kt = ({
       )
     ]
   }
-), C2 = ({
+), f2 = ({
   width: i = 20,
   height: e = 23,
   color: t = "#001E52",
@@ -4327,7 +4327,7 @@ const Kt = ({
       )
     ]
   }
-), p2 = ({
+), w2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -4367,7 +4367,7 @@ const Kt = ({
       )
     ]
   }
-), f2 = ({
+), m2 = ({
   width: i = 32,
   height: e = 25,
   color: t = "#001E52",
@@ -4395,7 +4395,7 @@ const Kt = ({
       )
     ]
   }
-), w2 = ({
+), k2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#10B981",
@@ -4424,7 +4424,7 @@ const Kt = ({
       )
     ]
   }
-), m2 = ({
+), L2 = ({
   width: i = 11,
   height: e = 11,
   color: t = "#FFB020",
@@ -4458,7 +4458,7 @@ const Kt = ({
       )
     ]
   }
-), k2 = ({
+), v2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -4506,7 +4506,7 @@ const Kt = ({
       )
     ]
   }
-), L2 = ({
+), N2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -4534,7 +4534,7 @@ const Kt = ({
       )
     ]
   }
-), v2 = ({
+), x2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#FFB020",
@@ -4568,7 +4568,7 @@ const Kt = ({
       )
     ]
   }
-), N2 = ({
+), R2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#D0421B",
@@ -4616,7 +4616,7 @@ const Kt = ({
       )
     ]
   }
-), x2 = ({
+), M2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4646,7 +4646,7 @@ const Kt = ({
       /* @__PURE__ */ r("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), R2 = ({
+), y2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4684,7 +4684,7 @@ const Kt = ({
       )
     ]
   }
-), M2 = ({
+), b2 = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -4710,7 +4710,7 @@ const Kt = ({
       }
     )
   }
-), y2 = ({
+), E2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -4739,7 +4739,7 @@ const Kt = ({
       )
     ]
   }
-), b2 = ({
+), V2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -4768,7 +4768,7 @@ const Kt = ({
       )
     ]
   }
-), E2 = ({
+), _2 = ({
   width: i = 248,
   height: e = 248,
   color: t = "#070739",
@@ -4805,7 +4805,7 @@ const Kt = ({
       )
     ]
   }
-), V2 = ({
+), H2 = ({
   width: i = 24,
   height: e = 24,
   color: t = "#001E52",
@@ -4844,7 +4844,7 @@ const Kt = ({
       )
     ]
   }
-), _2 = ({
+), I2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4873,7 +4873,7 @@ const Kt = ({
       )
     ]
   }
-), H2 = ({
+), S2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -4910,10 +4910,10 @@ const Kt = ({
       )
     ]
   }
-), I2 = ({
+), O2 = ({
   width: i = 24,
   height: e = 24,
-  color: t = v.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -4949,10 +4949,10 @@ const Kt = ({
       )
     ]
   }
-), S2 = ({
+), A2 = ({
   width: i = 20,
   height: e = 20,
-  color: t = v.GREY_DARK_1,
+  color: t = L.GREY_DARK_1,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -4982,10 +4982,10 @@ const Kt = ({
       )
     ]
   }
-), O2 = ({
+), B2 = ({
   width: i = 81,
   height: e = 80,
-  color: t = v.GREY_DARK_5,
+  color: t = L.GREY_DARK_5,
   className: s,
   onClick: n
 }) => /* @__PURE__ */ u(
@@ -5031,9 +5031,9 @@ const Kt = ({
       )
     ]
   }
-), A2 = ({
+), W2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -5058,9 +5058,9 @@ const Kt = ({
       }
     )
   }
-), B2 = ({
+), j2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -5085,9 +5085,9 @@ const Kt = ({
       }
     )
   }
-), W2 = ({
+), Z2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -5109,9 +5109,9 @@ const Kt = ({
       }
     )
   }
-), j2 = ({
+), D2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 5,
   width: s = 10,
   onClick: n
@@ -5134,9 +5134,9 @@ const Kt = ({
       }
     )
   }
-), Z2 = ({
+), T2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5173,9 +5173,9 @@ const Kt = ({
       )
     ]
   }
-), D2 = ({
+), G2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5212,9 +5212,9 @@ const Kt = ({
       )
     ]
   }
-), T2 = ({
+), K2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5239,9 +5239,9 @@ const Kt = ({
       }
     )
   }
-), G2 = ({
+), P2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5298,9 +5298,9 @@ const Kt = ({
       )
     ]
   }
-), K2 = ({
+), $2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5335,9 +5335,9 @@ const Kt = ({
       )
     ]
   }
-), P2 = ({
+), F2 = ({
   className: i,
-  color: e = v.GREY_DARK_3,
+  color: e = L.GREY_DARK_3,
   height: t = 14,
   width: s = 14,
   onClick: n
@@ -5372,9 +5372,9 @@ const Kt = ({
       )
     ]
   }
-), $2 = ({
+), Y2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 18,
   onClick: s,
   width: n = 18
@@ -5399,9 +5399,9 @@ const Kt = ({
       }
     )
   }
-), F2 = ({
+), U2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5451,9 +5451,9 @@ const Kt = ({
       )
     ]
   }
-), Y2 = ({
+), z2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5488,9 +5488,9 @@ const Kt = ({
       )
     ]
   }
-), U2 = ({
+), J2 = ({
   className: i,
-  color: e = v.NOTIFICATION_WARNING_DARK,
+  color: e = L.NOTIFICATION_WARNING_DARK,
   height: t = 37,
   width: s = 36,
   onClick: n
@@ -5527,9 +5527,9 @@ const Kt = ({
       )
     ]
   }
-), z2 = ({
+), Q2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5553,9 +5553,9 @@ const Kt = ({
       }
     )
   }
-), J2 = ({
+), q2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5592,9 +5592,9 @@ const Kt = ({
       )
     ]
   }
-), Q2 = ({
+), X2 = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5631,9 +5631,9 @@ const Kt = ({
       )
     ]
   }
-), q2 = ({
+), ei = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5700,9 +5700,9 @@ const Kt = ({
       )
     ]
   }
-), X2 = ({
+), ti = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5739,9 +5739,9 @@ const Kt = ({
       )
     ]
   }
-), ei = ({
+), ii = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5796,9 +5796,9 @@ const Kt = ({
       )
     ]
   }
-), ti = ({
+), si = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5835,9 +5835,9 @@ const Kt = ({
       )
     ]
   }
-), ii = ({
+), ni = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5884,9 +5884,9 @@ const Kt = ({
       )
     ]
   }
-), si = ({
+), ri = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5923,9 +5923,9 @@ const Kt = ({
       )
     ]
   }
-), ni = ({
+), oi = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5950,9 +5950,9 @@ const Kt = ({
       }
     )
   }
-), ri = ({
+), li = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -5988,9 +5988,9 @@ const Kt = ({
       )
     ]
   }
-), oi = ({
+), ai = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6009,9 +6009,9 @@ const Kt = ({
       /* @__PURE__ */ r("path", { d: "M12 8L4 8", stroke: e, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), li = ({
+), hi = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6048,9 +6048,9 @@ const Kt = ({
       )
     ]
   }
-), ai = ({
+), ci = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6087,9 +6087,9 @@ const Kt = ({
       )
     ]
   }
-), hi = ({
+), di = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 24,
   width: s = 24,
   onClick: n
@@ -6126,9 +6126,9 @@ const Kt = ({
       )
     ]
   }
-), ci = ({
+), gi = ({
   className: i,
-  color: e = v.GREY_DARK_2,
+  color: e = L.GREY_DARK_2,
   height: t = 16,
   width: s = 16,
   onClick: n
@@ -6152,9 +6152,9 @@ const Kt = ({
       }
     )
   }
-), di = ({
+), ui = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -6181,9 +6181,9 @@ const Kt = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ r("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), gi = ({
+), Ci = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -6210,9 +6210,9 @@ const Kt = ({
       /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ r("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), ui = ({
+), pi = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -6227,7 +6227,7 @@ const Kt = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: v.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -6239,9 +6239,9 @@ const Kt = ({
       )
     ]
   }
-), Ci = ({
+), fi = ({
   className: i,
-  color: e = v.GREY_DARK_5,
+  color: e = L.GREY_DARK_5,
   height: t = 20,
   width: s = 20,
   onClick: n
@@ -6256,7 +6256,7 @@ const Kt = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: v.GREY_LIGHT_2 }),
+      /* @__PURE__ */ r("rect", { width: "20", height: "20", rx: "4", fill: L.GREY_LIGHT_2 }),
       /* @__PURE__ */ r(
         "path",
         {
@@ -6268,7 +6268,7 @@ const Kt = ({
       )
     ]
   }
-), pi = ({
+), wi = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -6294,7 +6294,7 @@ const Kt = ({
       }
     )
   }
-), fi = ({
+), mi = ({
   className: i,
   color: e = "#131314",
   height: t = 20,
@@ -6322,7 +6322,7 @@ const Kt = ({
       }
     )
   }
-), wi = ({
+), ki = ({
   className: i,
   color: e = "#001E52",
   height: t = 24,
@@ -6360,7 +6360,7 @@ const Kt = ({
       )
     ] }) })
   }
-), mi = ({
+), Li = ({
   name: i,
   width: e,
   height: t,
@@ -6369,8 +6369,8 @@ const Kt = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [o, d] = I(n), { theme: g } = o1($1), a = l ? g && g === "dark" ? v.GREY_LIGHT_4 : v.GREY_DARK_1 : s, h = l ? void 0 : c;
-  return Z(() => {
+  const [o, d] = I(n), { theme: g } = o1($1), a = l ? g && g === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : s, h = l ? void 0 : c;
+  return D(() => {
     if (n) {
       h && !l && d(`${n} clickable`);
       return;
@@ -6379,39 +6379,39 @@ const Kt = ({
   }, [h, n, l]), /* @__PURE__ */ r(q, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return A2({ width: e, height: t, color: a, className: o, onClick: h });
+        return W2({ width: e, height: t, color: a, className: o, onClick: h });
       case "prevIcon":
-        return B2({ width: e, height: t, color: a, className: o, onClick: h });
+        return j2({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUp":
-        return Kt({ width: e, height: t, color: a, className: o, onClick: h });
+        return $t({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDown":
-        return Pt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ft({ width: e, height: t, color: a, className: o, onClick: h });
       case "info":
-        return $t({ width: e, height: t, color: a, className: o, onClick: h });
+        return Yt({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowRight":
-        return Ft({ width: e, height: t, color: a, className: o, onClick: h });
+        return Ut({ width: e, height: t, color: a, className: o, onClick: h });
       case "calendar":
-        return Yt({ width: e, height: t, color: a, className: o, onClick: h });
+        return zt({ width: e, height: t, color: a, className: o, onClick: h });
       case "ok":
-        return Ut({ width: e, height: t, color: a, className: o, onClick: h });
+        return Jt({ width: e, height: t, color: a, className: o, onClick: h });
       case "cancel":
-        return zt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Qt({ width: e, height: t, color: a, className: o, onClick: h });
       case "add":
-        return Jt({ width: e, height: t, color: a, className: o, onClick: h });
+        return qt({ width: e, height: t, color: a, className: o, onClick: h });
       case "list":
-        return Qt({ width: e, height: t, color: a, className: o, onClick: h });
+        return Xt({ width: e, height: t, color: a, className: o, onClick: h });
       case "dragAndDrop":
-        return qt({ width: e, height: t, color: a, className: o, onClick: h });
+        return e2({ width: e, height: t, color: a, className: o, onClick: h });
       case "filter":
-        return Xt({ width: e, height: t, color: a, className: o, onClick: h });
+        return t2({ width: e, height: t, color: a, className: o, onClick: h });
       case "attention":
-        return e2({ width: e, height: t, color: a, className: o, onClick: h });
+        return i2({ width: e, height: t, color: a, className: o, onClick: h });
       case "plus":
-        return t2({ width: e, height: t, color: a, className: o, onClick: h });
+        return s2({ width: e, height: t, color: a, className: o, onClick: h });
       case "time":
-        return i2({ width: e, height: t, color: a, className: o, onClick: h });
+        return n2({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDownLong":
-        return s2({
+        return r2({
           width: e,
           height: t,
           color: a,
@@ -6419,9 +6419,9 @@ const Kt = ({
           onClick: h
         });
       case "users":
-        return n2({ width: e, height: t, color: a, className: o, onClick: h });
+        return o2({ width: e, height: t, color: a, className: o, onClick: h });
       case "mySkillsMatrix":
-        return r2({
+        return l2({
           width: e,
           height: t,
           color: a,
@@ -6429,9 +6429,9 @@ const Kt = ({
           onClick: h
         });
       case "skills":
-        return o2({ width: e, height: t, color: a, className: o, onClick: h });
+        return a2({ width: e, height: t, color: a, className: o, onClick: h });
       case "skillsMatrices":
-        return l2({
+        return h2({
           width: e,
           height: t,
           color: a,
@@ -6439,23 +6439,23 @@ const Kt = ({
           onClick: h
         });
       case "history":
-        return a2({ width: e, height: t, color: a, className: o, onClick: h });
+        return c2({ width: e, height: t, color: a, className: o, onClick: h });
       case "logOut":
-        return h2({ width: e, height: t, color: a, className: o, onClick: h });
+        return d2({ width: e, height: t, color: a, className: o, onClick: h });
       case "settings":
-        return c2({ width: e, height: t, color: a, className: o, onClick: h });
+        return g2({ width: e, height: t, color: a, className: o, onClick: h });
       case "addSkill":
-        return d2({ width: e, height: t, color: a, className: o, onClick: h });
+        return u2({ width: e, height: t, color: a, className: o, onClick: h });
       case "conversation":
-        return g2({ width: e, height: t, color: a, className: o, onClick: h });
+        return C2({ width: e, height: t, color: a, className: o, onClick: h });
       case "trash":
-        return u2({ width: e, height: t, color: a, className: o, onClick: h });
+        return p2({ width: e, height: t, color: a, className: o, onClick: h });
       case "settings4":
-        return C2({ width: e, height: t, color: a, className: o, onClick: h });
+        return f2({ width: e, height: t, color: a, className: o, onClick: h });
       case "edit2":
-        return p2({ width: e, height: t, color: a, className: o, onClick: h });
+        return w2({ width: e, height: t, color: a, className: o, onClick: h });
       case "notifications":
-        return f2({
+        return m2({
           width: e,
           height: t,
           color: a,
@@ -6463,9 +6463,9 @@ const Kt = ({
           onClick: h
         });
       case "success":
-        return w2({ width: e, height: t, color: a, className: o, onClick: h });
+        return k2({ width: e, height: t, color: a, className: o, onClick: h });
       case "attentionSmall":
-        return m2({
+        return L2({
           width: e,
           height: t,
           color: a,
@@ -6473,11 +6473,11 @@ const Kt = ({
           onClick: h
         });
       case "errorSmall":
-        return k2({ width: e, height: t, color: a, className: o, onClick: h });
+        return v2({ width: e, height: t, color: a, className: o, onClick: h });
       case "infoMedium":
-        return L2({ width: e, height: t, color: a, className: o, onClick: h });
+        return N2({ width: e, height: t, color: a, className: o, onClick: h });
       case "attentionMedium":
-        return v2({
+        return x2({
           width: e,
           height: t,
           color: a,
@@ -6485,9 +6485,9 @@ const Kt = ({
           onClick: h
         });
       case "errorMedium":
-        return N2({ width: e, height: t, color: a, className: o, onClick: h });
+        return R2({ width: e, height: t, color: a, className: o, onClick: h });
       case "faviconSkills":
-        return E2({
+        return _2({
           width: e,
           height: t,
           color: a,
@@ -6495,7 +6495,7 @@ const Kt = ({
           onClick: h
         });
       case "visibilityIcon":
-        return x2({
+        return M2({
           width: e,
           height: t,
           color: a,
@@ -6503,7 +6503,7 @@ const Kt = ({
           onClick: h
         });
       case "visibilityOffIcon":
-        return R2({
+        return y2({
           width: e,
           height: t,
           color: a,
@@ -6511,7 +6511,7 @@ const Kt = ({
           onClick: h
         });
       case "selectArrowIcon":
-        return M2({
+        return b2({
           width: e,
           height: t,
           color: a,
@@ -6519,7 +6519,7 @@ const Kt = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return y2({
+        return E2({
           width: e,
           height: t,
           color: a,
@@ -6527,7 +6527,7 @@ const Kt = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return b2({
+        return V2({
           width: e,
           height: t,
           color: a,
@@ -6535,98 +6535,98 @@ const Kt = ({
           onClick: h
         });
       case "camera":
-        return V2({ width: e, height: t, color: a, className: o, onClick: h });
+        return H2({ width: e, height: t, color: a, className: o, onClick: h });
       case "sortUp":
-        return _2({ width: e, height: t, color: a, className: o, onClick: h });
+        return I2({ width: e, height: t, color: a, className: o, onClick: h });
       case "sortDown":
-        return H2({ width: e, height: t, color: a, className: o, onClick: h });
+        return S2({ width: e, height: t, color: a, className: o, onClick: h });
       case "logOut2":
-        return I2({ width: e, height: t, color: a, className: o, onClick: h });
+        return O2({ width: e, height: t, color: a, className: o, onClick: h });
       case "search":
-        return S2({ width: e, height: t, color: a, className: o, onClick: h });
+        return A2({ width: e, height: t, color: a, className: o, onClick: h });
       case "handRock":
-        return O2({ width: e, height: t, color: a, className: o, onClick: h });
+        return B2({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowUpFilled":
-        return j2({ width: e, height: t, color: a, className: o, onClick: h });
+        return D2({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDownFilled":
-        return W2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "link":
         return Z2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "telegram":
+      case "link":
         return T2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "mail":
+      case "telegram":
         return K2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "mail":
+        return $2({ width: e, height: t, color: a, className: o, onClick: h });
       case "github":
-        return D2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "linkedIn":
         return G2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "emptyStateIcon":
+      case "linkedIn":
         return P2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "emptyStateIcon":
+        return F2({ width: e, height: t, color: a, className: o, onClick: h });
       case "filtersIcon":
-        return $2({ width: e, height: t, color: a, className: o, onClick: h });
+        return Y2({ width: e, height: t, color: a, className: o, onClick: h });
       case "dotMenuIcon":
-        return F2({ width: e, height: t, color: a, className: o, onClick: h });
+        return U2({ width: e, height: t, color: a, className: o, onClick: h });
       case "plusCircle":
-        return Y2({ width: e, height: t, color: a, className: o, onClick: h });
+        return z2({ width: e, height: t, color: a, className: o, onClick: h });
       case "warning":
-        return U2({ width: e, height: t, color: a, className: o, onClick: h });
+        return J2({ width: e, height: t, color: a, className: o, onClick: h });
       case "back":
-        return z2({ width: e, height: t, color: a, className: o, onClick: h });
+        return Q2({ width: e, height: t, color: a, className: o, onClick: h });
       case "bell":
-        return J2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "contract":
         return q2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "contract":
+        return ei({ width: e, height: t, color: a, className: o, onClick: h });
       case "trash2":
-        return Q2({ width: e, height: t, color: a, className: o, onClick: h });
-      case "manager":
         return X2({ width: e, height: t, color: a, className: o, onClick: h });
+      case "manager":
+        return ti({ width: e, height: t, color: a, className: o, onClick: h });
       case "resourceManager":
-        return ei({ width: e, height: t, color: a, className: o, onClick: h });
+        return ii({ width: e, height: t, color: a, className: o, onClick: h });
       case "settings2":
-        return ti({ width: e, height: t, color: a, className: o, onClick: h });
+        return si({ width: e, height: t, color: a, className: o, onClick: h });
       case "image":
-        return ii({ width: e, height: t, color: a, className: o, onClick: h });
+        return ni({ width: e, height: t, color: a, className: o, onClick: h });
       case "upload":
-        return si({ width: e, height: t, color: a, className: o, onClick: h });
+        return ri({ width: e, height: t, color: a, className: o, onClick: h });
       case "edit":
-        return ni({ width: e, height: t, color: a, className: o, onClick: h });
+        return oi({ width: e, height: t, color: a, className: o, onClick: h });
       case "location":
-        return ri({ width: e, height: t, color: a, className: o, onClick: h });
+        return li({ width: e, height: t, color: a, className: o, onClick: h });
       case "plus2":
-        return oi({ width: e, height: t, color: a, className: o, onClick: h });
+        return ai({ width: e, height: t, color: a, className: o, onClick: h });
       case "search2":
-        return li({ width: e, height: t, color: a, className: o, onClick: h });
+        return hi({ width: e, height: t, color: a, className: o, onClick: h });
       case "fastArrowLeft":
-        return ai({ width: e, height: t, color: a, className: o, onClick: h });
+        return ci({ width: e, height: t, color: a, className: o, onClick: h });
       case "fastArrowRight":
-        return hi({ width: e, height: t, color: a, className: o, onClick: h });
+        return di({ width: e, height: t, color: a, className: o, onClick: h });
       case "crossInCircle":
-        return ci({ width: e, height: t, color: a, className: o, onClick: h });
-      case "arrowUp2":
         return gi({ width: e, height: t, color: a, className: o, onClick: h });
+      case "arrowUp2":
+        return Ci({ width: e, height: t, color: a, className: o, onClick: h });
       case "arrowDown2":
-        return di({ width: e, height: t, color: a, className: o, onClick: h });
-      case "filledArrowLeft":
         return ui({ width: e, height: t, color: a, className: o, onClick: h });
+      case "filledArrowLeft":
+        return pi({ width: e, height: t, color: a, className: o, onClick: h });
       case "filledArrowRight":
-        return Ci({ width: e, height: t, color: a, className: o, onClick: h });
+        return fi({ width: e, height: t, color: a, className: o, onClick: h });
       case "burgerMenu":
-        return pi({ width: e, height: t, color: a, className: o, onClick: h });
+        return wi({ width: e, height: t, color: a, className: o, onClick: h });
       case "signOut":
-        return fi({ width: e, height: t, color: a, className: o, onClick: h });
+        return mi({ width: e, height: t, color: a, className: o, onClick: h });
       case "refresh":
-        return wi({ width: e, height: t, color: a, className: o, onClick: h });
+        return ki({ width: e, height: t, color: a, className: o, onClick: h });
       default:
         return /* @__PURE__ */ r(q, { children: "No Icon provided" });
     }
   })() });
 };
 var F1 = /* @__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))(F1 || {});
-const ki = n1({
+const vi = n1({
   locale: "en",
   theme: "light"
 });
-ki.Provider;
+vi.Provider;
 const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n = !0 }) => {
   const l = t === "small" ? 10 : 12.5;
   return /* @__PURE__ */ r(
@@ -6634,7 +6634,7 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
     {
       className: `snmt-tag ${t}`,
       closeIcon: /* @__PURE__ */ r(
-        mi,
+        Li,
         {
           name: "errorSmall",
           color: F1.GREY_DARK_2,
@@ -6646,10 +6646,10 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
       bordered: !1,
       style: { width: e ?? "fit-content" },
       closable: n,
-      children: typeof i == "string" ? /* @__PURE__ */ r(Gt, { variant: t === "small" ? "body4" : "body2", children: i }) : i
+      children: typeof i == "string" ? /* @__PURE__ */ r(Pt, { variant: t === "small" ? "body4" : "body2", children: i }) : i
     }
   );
-}, { Title: Li, Text: vi } = T1, Ni = {
+}, { Title: Ni, Text: xi } = T1, Ri = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -6667,17 +6667,17 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
     const d = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let g = `snmt-typography snmt-typography-${e}`;
     return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), l && (g += " collapsed"), d ? /* @__PURE__ */ r(
-      Li,
+      Ni,
       {
         className: g,
         style: { color: t, whiteSpace: c },
         onClick: n,
-        level: Ni[e],
+        level: Ri[e],
         ref: o,
         children: s
       }
     ) : /* @__PURE__ */ r(
-      vi,
+      xi,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -6687,7 +6687,7 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
       }
     );
   }
-), xi = ({
+), Mi = ({
   children: i,
   content: e,
   isOpen: t,
@@ -6697,7 +6697,7 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
 }) => {
   const [c, o] = I(!1);
   return /* @__PURE__ */ r(
-    oe,
+    ae,
     {
       content: e,
       arrow: !1,
@@ -6711,7 +6711,7 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
       children: /* @__PURE__ */ r("div", { className: "wrapper", children: i })
     }
   );
-}, Ri = ({
+}, yi = ({
   values: i,
   onTagClose: e,
   maxWidth: t,
@@ -6720,7 +6720,7 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
   extraOptions: l
 }) => {
   const [c, o] = I(!1);
-  Z(() => {
+  D(() => {
     i.length || o(!1);
   }, [i]);
   const d = (a) => {
@@ -6733,7 +6733,7 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
     return ((h = n == null ? void 0 : n.find((p) => p.value === a)) == null ? void 0 : h.label) || ((C = l == null ? void 0 : l.find((p) => p.value === a)) == null ? void 0 : C.label) || a;
   };
   return /* @__PURE__ */ r("div", { onMouseDown: d, className: "wrapper", children: /* @__PURE__ */ r(
-    xi,
+    Mi,
     {
       content: (
         // 90: paddings + margins + gaps and so on
@@ -6756,7 +6756,7 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
       ] }) })
     }
   ) });
-}, Mi = ({ size: i = 30, color: e = "#004ed7" }) => {
+}, bi = ({ 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,
@@ -6785,48 +6785,65 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
     isLoading: x
   }, V) => {
     const [y, H] = I(!1), [f, m] = I(!1), [M, R] = I(!0), [b, O] = I(i), E = p1(null);
-    Z(() => {
+    D(() => {
       O(i);
     }, [i]);
-    const W = (k) => {
-      H(k), h && h(k);
-    }, P = (k, _) => {
-      var K;
-      return !!((K = _ == null ? void 0 : _.label) != null && K.toString().toLowerCase().includes(k.toLowerCase()));
+    const W = (v) => {
+      H(v), h && h(v);
+    }, P = (v, _) => {
+      var Z;
+      return !!((Z = _ == null ? void 0 : _.label) != null && Z.toString().toLowerCase().includes(v.toLowerCase()));
     }, j = () => {
       m(!0);
     }, B = () => {
       m(!1);
-    }, D = (k) => {
-      if (O(k), s) {
-        const K = k;
-        e == null || e(K);
+    }, T = (v) => {
+      if (O(v), s) {
+        const Z = v;
+        e == null || e(Z);
         return;
       }
-      const _ = k;
+      const _ = v;
       e == null || e(_);
     }, U = () => {
       if (s) {
-        D([]);
+        T([]);
         return;
       }
-      D("");
-    }, X = (k) => {
-      const _ = b.filter((K) => K !== k);
-      D(_), O(_);
-    }, A = (k) => (b == null ? void 0 : b.indexOf(k)) === 0 ? (
+      T("");
+    }, X = (v) => {
+      const _ = b.filter((Z) => Z !== v);
+      T(_), O(_);
+    }, A = (v) => (b == null ? void 0 : b.indexOf(v)) === 0 ? (
       // if the search input is empty
       // then display the placeholder, else do not display it
       /* @__PURE__ */ r("span", { className: "custom-placeholder", children: M ? t : "" })
-    ) : /* @__PURE__ */ r(q, {}), G = (k) => {
-      k.preventDefault(), k.stopPropagation();
-    }, F = async (k) => {
-      const { target: _ } = k;
-      _.scrollTop + _.offsetHeight >= _.scrollHeight - g && (C == null || C(!0)), p && await p(k);
-    }, e1 = (k) => {
-      var _, K;
-      return ((_ = l.find((w1) => w1.value === k)) == null ? void 0 : _.label) || ((K = N == null ? void 0 : N.find((w1) => w1.value === k)) == null ? void 0 : K.label) || k;
+    ) : /* @__PURE__ */ r(q, {}), K = (v) => {
+      v.preventDefault(), v.stopPropagation();
+    }, F = async (v) => {
+      const { target: _ } = v;
+      _.scrollTop + _.offsetHeight >= _.scrollHeight - g && (C == null || C(!0)), p && await p(v);
+    }, e1 = (v) => {
+      var _, Z;
+      return ((_ = l.find((w1) => w1.value === v)) == null ? void 0 : _.label) || ((Z = N == null ? void 0 : N.find((w1) => w1.value === v)) == null ? void 0 : Z.label) || v;
     };
+    function ee(v) {
+      var _;
+      return /* @__PURE__ */ r(
+        yi,
+        {
+          values: v,
+          onTagClose: X,
+          maxWidth: ((_ = E.current) == null ? void 0 : _.clientWidth) || 0,
+          disabled: o,
+          options: l,
+          extraOptions: N
+        }
+      );
+    }
+    function te({ label: v, value: _, mode: Z }) {
+      return Z === "filter" ? A(_) : /* @__PURE__ */ r("div", { onMouseDown: K, className: "tag-wrapper", children: /* @__PURE__ */ r(Y1, { onClose: () => X(_), closable: !o, children: /* @__PURE__ */ r(U1, { variant: "body4", children: typeof v == "object" ? v : e1(_) }) }) });
+    }
     return /* @__PURE__ */ u(
       "div",
       {
@@ -6836,7 +6853,7 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
         style: { width: c },
         children: [
           /* @__PURE__ */ r(
-            ie,
+            ne,
             {
               className: "snmt-select-blank",
               id: w,
@@ -6847,45 +6864,19 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
               placeholder: t ? d ? `${t}*` : t : void 0,
               disabled: o,
               value: b || void 0,
-              labelRender: (k) => e1(k.value),
+              labelRender: (v) => e1(v.value),
               mode: s === "filter" ? "multiple" : s,
-              onChange: D,
+              onChange: T,
               onFocus: j,
               onBlur: B,
-              onSearch: (k) => {
-                R(!k), a && a(k);
+              onSearch: (v) => {
+                R(!v), a && a(v);
               },
               onSelect: () => R(!0),
               onDeselect: () => R(!0),
-              tagRender: s === "filter" ? (
-                // HACK to prevent showing selected options in input
-                (k) => A(k.value)
-              ) : (k) => {
-                const _ = typeof k.label == "object";
-                return /* @__PURE__ */ r("div", { onMouseDown: G, className: "tag-wrapper", children: /* @__PURE__ */ r(
-                  Y1,
-                  {
-                    onClose: () => X(k.value),
-                    closable: !o,
-                    children: /* @__PURE__ */ r(U1, { variant: "body4", children: _ ? k.label : e1(k.value) })
-                  }
-                ) });
-              },
+              tagRender: (v) => te({ ...v, mode: s }),
               maxTagCount: "responsive",
-              maxTagPlaceholder: (k) => {
-                var _;
-                return /* @__PURE__ */ r(
-                  Ri,
-                  {
-                    values: k,
-                    onTagClose: X,
-                    maxWidth: ((_ = E.current) == null ? void 0 : _.clientWidth) || 0,
-                    disabled: o,
-                    options: l,
-                    extraOptions: N
-                  }
-                );
-              },
+              maxTagPlaceholder: ee,
               onPopupScroll: F,
               suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ u(q, { children: [
                 s && b && !!b.length && /* @__PURE__ */ r("div", { onClick: U, children: /* @__PURE__ */ r(l1, { name: "cancel" }) }),
@@ -6901,20 +6892,20 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
               ] }) }),
               removeIcon: /* @__PURE__ */ r(l1, { name: "errorSmall", color: Q.GREY_DARK_2 }),
               options: l,
-              optionRender: (k) => /* @__PURE__ */ u(h1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+              optionRender: (v) => /* @__PURE__ */ u(h1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                 /* @__PURE__ */ u(h1, { alignItems: "center", gap: 12, children: [
                   s && /* @__PURE__ */ r(
-                    he,
+                    de,
                     {
-                      checked: !!(b != null && b.includes(k.value))
+                      checked: !!(b != null && b.includes(v.value))
                     }
                   ),
                   /* @__PURE__ */ u(h1, { alignItems: "center", gap: 8, children: [
-                    k.data.image && /* @__PURE__ */ r(ae, { src: k.data.image, size: 20 }),
-                    /* @__PURE__ */ r("span", { children: k.label })
+                    v.data.image && /* @__PURE__ */ r(ce, { src: v.data.image, size: 20 }),
+                    /* @__PURE__ */ r("span", { children: v.label })
                   ] })
                 ] }),
-                !s && b === k.value && /* @__PURE__ */ r(
+                !s && b === v.value && /* @__PURE__ */ r(
                   l1,
                   {
                     name: "ok",
@@ -6932,7 +6923,7 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
                     display: "grid",
                     justifyContent: "center"
                   },
-                  children: /* @__PURE__ */ r(Mi, { size: 28 })
+                  children: /* @__PURE__ */ r(bi, { size: 28 })
                 }
               ) : void 0
             }
@@ -6952,9 +6943,9 @@ const Y1 = ({ children: i, width: e, size: t = "small", onClose: s, closable: n
     );
   }
 );
-function yi(i, e = 500) {
+function Ei(i, e = 500) {
   const t = p1();
-  return Z(() => () => {
+  return D(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...s) => {
     const n = setTimeout(() => {
@@ -6998,7 +6989,7 @@ const m1 = {
         }
       },
       [w, i, x]
-    ), m = yi(f), M = $(
+    ), m = Ei(f), M = $(
       (E) => {
         (E === "" || E === void 0 || E === null) && N(m1), m(!0, E);
       },
@@ -7012,7 +7003,7 @@ const m1 = {
       // eslint-disable-next-line
       [g]
     );
-    Z(() => {
+    D(() => {
       g && f(!1);
     }, []);
     const O = {
@@ -7037,7 +7028,7 @@ const m1 = {
   }
 );
 var c1 = /* @__PURE__ */ ((i) => (i.ACTIVE = "Active", i.ARCHIVED = "Archived", i))(c1 || {});
-const bi = ({ size: i = 30, color: e = "#004ed7" }) => {
+const Vi = ({ 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,
@@ -7046,7 +7037,7 @@ const bi = ({ size: i = 30, color: e = "#004ed7" }) => {
   };
   return /* @__PURE__ */ r("span", { className: "snmt-loader", style: s });
 };
-function Ei() {
+function _i() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
@@ -7057,7 +7048,7 @@ const b1 = {};
 function v1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  Y(e[0]) && b1[e[0]] || (Y(e[0]) && (b1[e[0]] = /* @__PURE__ */ new Date()), Ei(...e));
+  Y(e[0]) && b1[e[0]] || (Y(e[0]) && (b1[e[0]] = /* @__PURE__ */ new Date()), _i(...e));
 }
 const z1 = (i, e) => () => {
   if (i.isInitialized)
@@ -7076,7 +7067,7 @@ const z1 = (i, e) => () => {
   Y(t) && (t = [t]), t.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
   }), i.loadLanguages(e, z1(i, s));
-}, Vi = function(i, e) {
+}, Hi = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], n = e.options ? e.options.fallbackLng : !1, l = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
@@ -7085,15 +7076,15 @@ const z1 = (i, e) => () => {
     return g === -1 || g === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(s, i) && (!n || c(l, i)));
-}, _i = function(i, e) {
+}, Ii = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !e.languages || !e.languages.length ? (v1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (n, l) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && n.services.backendConnector.backend && n.isLanguageChangingTo && !l(n.isLanguageChangingTo, i)) return !1;
     }
-  }) : Vi(i, e, t);
-}, Y = (i) => typeof i == "string", Hi = (i) => typeof i == "object" && i !== null, Ii = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Si = {
+  }) : Hi(i, e, t);
+}, Y = (i) => typeof i == "string", Si = (i) => typeof i == "object" && i !== null, Oi = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Ai = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -7114,7 +7105,7 @@ const z1 = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, Oi = (i) => Si[i], Ai = (i) => i.replace(Ii, Oi);
+}, Bi = (i) => Ai[i], Wi = (i) => i.replace(Oi, Bi);
 let N1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -7123,25 +7114,25 @@ let N1 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: Ai
+  unescape: Wi
 };
-const Bi = function() {
+const ji = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   N1 = {
     ...N1,
     ...i
   };
-}, Wi = () => N1;
+}, Zi = () => N1;
 let J1;
-const ji = (i) => {
+const Di = (i) => {
   J1 = i;
-}, Zi = () => J1, Di = {
+}, Ti = () => J1, Gi = {
   type: "3rdParty",
   init(i) {
-    Bi(i.options.react), ji(i);
+    ji(i.options.react), Di(i);
   }
-}, Ti = n1();
-class Gi {
+}, Ki = n1();
+class Pi {
   constructor() {
     R1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
     this.usedNamespaces = {};
@@ -7152,27 +7143,27 @@ class Gi {
     });
   }
 }
-const Ki = (i, e) => {
+const $i = (i, e) => {
   const t = p1();
-  return Z(() => {
+  return D(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, Q1 = (i, e, t, s) => i.getFixedT(e, t, s), Pi = (i, e, t, s) => $(Q1(i, e, t, s), [i, e, t, s]), $i = function(i) {
+}, Q1 = (i, e, t, s) => i.getFixedT(e, t, s), Fi = (i, e, t, s) => $(Q1(i, e, t, s), [i, e, t, s]), Yi = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: s,
     defaultNS: n
-  } = o1(Ti) || {}, l = t || s || Zi();
-  if (l && !l.reportNamespaces && (l.reportNamespaces = new Gi()), !l) {
+  } = o1(Ki) || {}, l = t || s || Ti();
+  if (l && !l.reportNamespaces && (l.reportNamespaces = new Pi()), !l) {
     v1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (M, R) => Y(R) ? R : Hi(R) && Y(R.defaultValue) ? R.defaultValue : Array.isArray(M) ? M[M.length - 1] : M, m = [f, {}, !1];
+    const f = (M, R) => Y(R) ? R : Si(R) && Y(R.defaultValue) ? R.defaultValue : Array.isArray(M) ? M[M.length - 1] : M, m = [f, {}, !1];
     return m.t = f, m.i18n = {}, m.ready = !1, m;
   }
   l.options.react && l.options.react.wait !== void 0 && v1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
-    ...Wi(),
+    ...Zi(),
     ...l.options.react,
     ...e
   }, {
@@ -7181,11 +7172,11 @@ const Ki = (i, e) => {
   } = c;
   let g = i;
   g = Y(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
-  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => _i(f, l, c)), h = Pi(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => Q1(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [w, N] = I(C);
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => Ii(f, l, c)), h = Fi(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => Q1(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [w, N] = I(C);
   let x = g.join();
   e.lng && (x = `${e.lng}${x}`);
-  const V = Ki(x), y = p1(!0);
-  Z(() => {
+  const V = $i(x), y = p1(!0);
+  D(() => {
     const {
       bindI18n: f,
       bindI18nStore: m
@@ -7201,7 +7192,7 @@ const Ki = (i, e) => {
     return f && l && l.on(f, M), m && l && l.store.on(m, M), () => {
       y.current = !1, f && l && f.split(" ").forEach((R) => l.off(R, M)), m && l && m.split(" ").forEach((R) => l.store.off(R, M));
     };
-  }, [l, x]), Z(() => {
+  }, [l, x]), D(() => {
     y.current && a && N(C);
   }, [l, d, a]);
   const H = [w, l, a];
@@ -7209,7 +7200,7 @@ const Ki = (i, e) => {
   throw new Promise((f) => {
     e.lng ? V1(l, e.lng, g, () => f()) : E1(l, g, () => f());
   });
-}, Fi = {
+}, Ui = {
   type: "logger",
   log(i) {
     this.output("log", i);
@@ -7231,7 +7222,7 @@ class d1 {
   }
   init(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.prefix = t.prefix || "i18next:", this.logger = e || Fi, this.options = t, this.debug = t.debug;
+    this.prefix = t.prefix || "i18next:", this.logger = e || Ui, this.options = t, this.debug = t.debug;
   }
   log() {
     for (var e = arguments.length, t = new Array(e), s = 0; s < e; s++)
@@ -7266,7 +7257,7 @@ class d1 {
     return e = e || this.options, e.prefix = e.prefix || this.prefix, new d1(this.logger, e);
   }
 }
-var T = new d1();
+var G = new d1();
 class f1 {
   constructor() {
     this.observers = {};
@@ -7307,11 +7298,11 @@ const t1 = () => {
     i = s, e = n;
   });
   return t.resolve = i, t.reject = e, t;
-}, _1 = (i) => i == null ? "" : "" + i, Yi = (i, e, t) => {
+}, _1 = (i) => i == null ? "" : "" + i, zi = (i, e, t) => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, Ui = /###/g, H1 = (i) => i && i.indexOf("###") > -1 ? i.replace(Ui, ".") : i, I1 = (i) => !i || typeof i == "string", i1 = (i, e, t) => {
+}, Ji = /###/g, H1 = (i) => i && i.indexOf("###") > -1 ? i.replace(Ji, ".") : i, I1 = (i) => !i || typeof i == "string", i1 = (i, e, t) => {
   const s = typeof e != "string" ? e : e.split(".");
   let n = 0;
   for (; n < s.length - 1; ) {
@@ -7336,7 +7327,7 @@ const t1 = () => {
   for (; o.obj === void 0 && c.length; )
     l = `${c[c.length - 1]}.${l}`, c = c.slice(0, c.length - 1), o = i1(i, c, Object), o && o.obj && typeof o.obj[`${o.k}.${l}`] < "u" && (o.obj = void 0);
   o.obj[`${o.k}.${l}`] = t;
-}, zi = (i, e, t, s) => {
+}, Qi = (i, e, t, s) => {
   const {
     obj: n,
     k: l
@@ -7349,7 +7340,7 @@ const t1 = () => {
   } = i1(i, e);
   if (t)
     return t[s];
-}, Ji = (i, e, t) => {
+}, qi = (i, e, t) => {
   const s = g1(i, t);
   return s !== void 0 ? s : g1(e, t);
 }, q1 = (i, e, t) => {
@@ -7357,7 +7348,7 @@ const t1 = () => {
     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]) : q1(i[s], e[s], t) : i[s] = e[s]);
   return i;
 }, z = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var Qi = {
+var Xi = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
@@ -7365,8 +7356,8 @@ var Qi = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const qi = (i) => typeof i == "string" ? i.replace(/[&<>"'\/]/g, (e) => Qi[e]) : i;
-class Xi {
+const e5 = (i) => typeof i == "string" ? i.replace(/[&<>"'\/]/g, (e) => Xi[e]) : i;
+class t5 {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -7378,11 +7369,11 @@ class Xi {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, s), this.regExpQueue.push(e), s;
   }
 }
-const e5 = [" ", ",", "?", "!", ";"], t5 = new Xi(20), i5 = (i, e, t) => {
+const i5 = [" ", ",", "?", "!", ";"], s5 = new t5(20), n5 = (i, e, t) => {
   e = e || "", t = t || "";
-  const s = e5.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
+  const s = i5.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
   if (s.length === 0) return !0;
-  const n = t5.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
+  const n = s5.getRegExp(`(${s.map((c) => c === "?" ? "\\?" : c).join("|")})`);
   let l = !n.test(i);
   if (!l) {
     const c = i.indexOf(t);
@@ -7500,7 +7491,7 @@ const A1 = {};
 class C1 extends f1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), Yi(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = T.create("translator");
+    super(), zi(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = G.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -7519,7 +7510,7 @@ class C1 extends f1 {
     s === void 0 && (s = ":");
     const n = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let l = t.ns || this.options.defaultNS || [];
-    const c = s && e.indexOf(s) > -1, o = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !i5(e, s, n);
+    const c = s && e.indexOf(s) > -1, o = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !n5(e, s, n);
     if (c && !o) {
       const d = e.match(this.interpolator.nestingRegexp);
       if (d && d.length > 0)
@@ -7607,22 +7598,22 @@ class C1 extends f1 {
           });
           A && A.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
-        let D = [];
+        let T = [];
         const U = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && U && U[0])
           for (let A = 0; A < U.length; A++)
-            D.push(U[A]);
-        else this.options.saveMissingTo === "all" ? D = this.languageUtils.toResolveHierarchy(t.lng || this.language) : D.push(t.lng || this.language);
-        const X = (A, G, F) => {
+            T.push(U[A]);
+        else this.options.saveMissingTo === "all" ? T = this.languageUtils.toResolveHierarchy(t.lng || this.language) : T.push(t.lng || this.language);
+        const X = (A, K, F) => {
           const e1 = R && F !== C ? F : j;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(A, d, G, e1, B, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(A, d, G, e1, B, t), this.emit("missingKey", A, d, G, C);
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(A, d, K, e1, B, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(A, d, K, e1, B, t), this.emit("missingKey", A, d, K, C);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && M ? D.forEach((A) => {
-          const G = this.pluralResolver.getSuffixes(A, t);
-          E && t[`defaultValue${this.options.pluralSeparator}zero`] && G.indexOf(`${this.options.pluralSeparator}zero`) < 0 && G.push(`${this.options.pluralSeparator}zero`), G.forEach((F) => {
+        this.options.saveMissing && (this.options.saveMissingPlurals && M ? T.forEach((A) => {
+          const K = this.pluralResolver.getSuffixes(A, t);
+          E && t[`defaultValue${this.options.pluralSeparator}zero`] && K.indexOf(`${this.options.pluralSeparator}zero`) < 0 && K.push(`${this.options.pluralSeparator}zero`), K.forEach((F) => {
             X([A], c + F, t[`defaultValue${F}`] || W);
           });
-        }) : X(D, c, W));
+        }) : X(T, c, W));
       }
       C = this.extendTranslation(C, e, t, h, s), m && C === c && this.options.appendNamespaceToMissingKey && (C = `${d}:${c}`), (m || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, f ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
     }
@@ -7746,7 +7737,7 @@ class C1 extends f1 {
 const k1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class B1 {
   constructor(e) {
-    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = T.create("languageUtils");
+    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = G.create("languageUtils");
   }
   getScriptPartFromCode(e) {
     if (e = u1(e), !e || e.indexOf("-") < 0) return null;
@@ -7803,7 +7794,7 @@ class B1 {
     }), n;
   }
 }
-let s5 = [{
+let r5 = [{
   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
@@ -7895,7 +7886,7 @@ let s5 = [{
   lngs: ["he", "iw"],
   nr: [1, 2, 20, 21],
   fc: 22
-}], n5 = {
+}], o5 = {
   1: (i) => +(i > 1),
   2: (i) => +(i != 1),
   3: (i) => 0,
@@ -7919,28 +7910,28 @@ let s5 = [{
   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 r5 = ["v1", "v2", "v3"], o5 = ["v4"], W1 = {
+const l5 = ["v1", "v2", "v3"], a5 = ["v4"], W1 = {
   zero: 0,
   one: 1,
   two: 2,
   few: 3,
   many: 4,
   other: 5
-}, l5 = () => {
+}, h5 = () => {
   const i = {};
-  return s5.forEach((e) => {
+  return r5.forEach((e) => {
     e.lngs.forEach((t) => {
       i[t] = {
         numbers: e.nr,
-        plurals: n5[e.fc]
+        plurals: o5[e.fc]
       };
     });
   }), i;
 };
-class a5 {
+class c5 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = T.create("pluralResolver"), (!this.options.compatibilityJSON || o5.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 = l5(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = G.create("pluralResolver"), (!this.options.compatibilityJSON || a5.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 = h5(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -7994,17 +7985,17 @@ class a5 {
     return this.options.compatibilityJSON === "v1" ? n === 1 ? "" : typeof n == "number" ? `_plural_${n.toString()}` : l() : this.options.compatibilityJSON === "v2" || this.options.simplifyPluralSuffix && e.numbers.length === 2 && e.numbers[0] === 1 ? l() : this.options.prepend && s.toString() ? this.options.prepend + s.toString() : s.toString();
   }
   shouldUseIntlApi() {
-    return !r5.includes(this.options.compatibilityJSON);
+    return !l5.includes(this.options.compatibilityJSON);
   }
 }
 const j1 = function(i, e, t) {
-  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, l = Ji(i, e, t);
+  let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, l = qi(i, e, t);
   return !l && n && typeof t == "string" && (l = x1(i, t, s), l === void 0 && (l = x1(e, t, s))), l;
 }, L1 = (i) => i.replace(/\$/g, "$$$$");
-class h5 {
+class d5 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = T.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
+    this.logger = G.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] : {};
@@ -8030,7 +8021,7 @@ class h5 {
       maxReplaces: V,
       alwaysFormat: y
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : qi, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = l ? z(l) : c || "{{", this.suffix = o ? z(o) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = C ? z(C) : p || z("$t("), this.nestingSuffix = w ? z(w) : N || z(")"), this.nestingOptionsSeparator = x || ",", this.maxReplaces = V || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : e5, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = l ? z(l) : c || "{{", this.suffix = o ? z(o) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = C ? z(C) : p || z("$t("), this.nestingSuffix = w ? z(w) : N || z(")"), this.nestingOptionsSeparator = x || ",", this.maxReplaces = V || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -8125,7 +8116,7 @@ class h5 {
     return e;
   }
 }
-const c5 = (i) => {
+const g5 = (i) => {
   let e = i.toLowerCase().trim();
   const t = {};
   if (i.indexOf("(") > -1) {
@@ -8156,10 +8147,10 @@ const c5 = (i) => {
     return o || (o = i(u1(s), n), e[c] = o), o(t);
   };
 };
-class d5 {
+class u5 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = T.create("formatter"), this.options = e, this.formats = {
+    this.logger = G.create("formatter"), this.options = e, this.formats = {
       number: J((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s
@@ -8216,7 +8207,7 @@ class d5 {
       const {
         formatName: g,
         formatOptions: a
-      } = c5(d);
+      } = g5(d);
       if (this.formats[g]) {
         let h = o;
         try {
@@ -8236,13 +8227,13 @@ class d5 {
     }, e);
   }
 }
-const g5 = (i, e) => {
+const C5 = (i, e) => {
   i.pending[e] !== void 0 && (delete i.pending[e], i.pendingCount--);
 };
-class u5 extends f1 {
+class p5 extends f1 {
   constructor(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
-    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = T.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
+    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = G.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
   }
   queueLoad(e, t, s, n) {
     const l = {}, c = {}, o = {}, d = {};
@@ -8272,7 +8263,7 @@ class u5 extends f1 {
     }), this.state[e] = t ? -1 : 2, t && s && (this.state[e] = 0);
     const o = {};
     this.queue.forEach((d) => {
-      zi(d.loaded, [l], c), g5(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
+      Qi(d.loaded, [l], c), C5(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
         o[g] || (o[g] = {});
         const a = d.loaded[g];
         a.length && a.forEach((h) => {
@@ -8431,7 +8422,7 @@ const Z1 = () => ({
     skipOnVariables: !0
   }
 }), D1 = (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), a1 = () => {
-}, C5 = (i) => {
+}, f5 = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
   });
@@ -8439,9 +8430,9 @@ const Z1 = () => ({
 class s1 extends f1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = D1(e), this.services = {}, this.logger = T, this.modules = {
+    if (super(), this.options = D1(e), this.services = {}, this.logger = G, this.modules = {
       external: []
-    }, C5(this), t && !this.isInitialized && !e.isClone) {
+    }, f5(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
         return this.init(e, t), this;
       setTimeout(() => {
@@ -8464,19 +8455,19 @@ class s1 extends f1 {
     }), 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 ? T.init(l(this.modules.logger), this.options) : T.init(null, this.options);
+      this.modules.logger ? G.init(l(this.modules.logger), this.options) : G.init(null, this.options);
       let a;
-      this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = d5);
+      this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = u5);
       const h = new B1(this.options);
       this.store = new O1(this.options.resources, this.options);
       const C = this.services;
-      C.logger = T, C.resourceStore = this.store, C.languageUtils = h, C.pluralResolver = new a5(h, {
+      C.logger = G, C.resourceStore = this.store, C.languageUtils = h, C.pluralResolver = new c5(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), a && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (C.formatter = l(a), C.formatter.init(C, this.options), this.options.interpolation.format = C.formatter.format.bind(C.formatter)), C.interpolator = new h5(this.options), C.utils = {
+      }), a && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (C.formatter = l(a), C.formatter.init(C, this.options), this.options.interpolation.format = C.formatter.format.bind(C.formatter)), C.interpolator = new d5(this.options), C.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, C.backendConnector = new u5(l(this.modules.backend), C.resourceStore, C, this.options), C.backendConnector.on("*", function(p) {
+      }, C.backendConnector = new p5(l(this.modules.backend), C.resourceStore, C, this.options), C.backendConnector.on("*", function(p) {
         for (var w = arguments.length, N = new Array(w > 1 ? w - 1 : 0), x = 1; x < w; x++)
           N[x - 1] = arguments[x];
         e.emit(p, ...N);
@@ -8690,28 +8681,28 @@ S.setDefaultNamespace;
 S.hasLoadedNamespace;
 S.loadNamespaces;
 S.loadLanguages;
-const p5 = "Archived", f5 = "Deleted", w5 = {
-  archived: p5,
-  deleted: f5
-}, m5 = "Заархивирован", k5 = "Удалён", L5 = {
-  archived: m5,
-  deleted: k5
+const w5 = "Archived", m5 = "Deleted", k5 = {
+  archived: w5,
+  deleted: m5
+}, L5 = "Заархивирован", v5 = "Удалён", N5 = {
+  archived: L5,
+  deleted: v5
 };
-S.use(Di).init({
+S.use(Gi).init({
   defaultNS: "common",
   lng: "en",
   resources: {
     en: {
-      common: w5
+      common: k5
     },
     ru: {
-      common: L5
+      common: N5
     }
   }
 });
-const b5 = r1(
+const V5 = r1(
   ({ fetchParams: i, mode: e = void 0, placeholder: t, disabled: s, value: n, onChange: l, onError: c }, o) => {
-    const { axiosPeople: d, locale: g } = o1(le), { t: a } = $i("common", { lng: g }), [h, C] = I([]), [p, w] = I(!0);
+    const { axiosPeople: d, locale: g } = o1(he), { t: a } = Yi("common", { lng: g }), [h, C] = I([]), [p, w] = I(!0);
     if (!d)
       throw new Error(
         `UserSelect requires "axiosPeople" to fetch users.
@@ -8788,7 +8779,7 @@ const b5 = r1(
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [d, N, c]
     );
-    Z(() => {
+    D(() => {
       if (!n) {
         w(!1);
         return;
@@ -8818,7 +8809,7 @@ const b5 = r1(
       [x]
     );
     if (p)
-      return /* @__PURE__ */ r(bi, {});
+      return /* @__PURE__ */ r(Vi, {});
     const H = {
       ref: o,
       placeholder: t,
@@ -8850,5 +8841,5 @@ const b5 = r1(
   }
 );
 export {
-  b5 as UserSelect
+  V5 as UserSelect
 };