@snmt-react-ui/country-select 2.9.9 → 2.9.10

package/dist/country-select.js

@@ -1,13 +1,13 @@
-var v2 = Object.defineProperty;
-var N2 = (l, e, t) => e in l ? v2(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
+var k2 = Object.defineProperty;
+var N2 = (l, e, t) => e in l ? k2(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
 var D1 = (l, e, t) => N2(l, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
-import { jsx as n, Fragment as j, jsxs as g } from "react/jsx-runtime";
+import { jsx as n, Fragment as $, jsxs as g } from "react/jsx-runtime";
 import { COLORS as h, SNMTUiContext as Q } from "@snmt-react-ui/core";
-import { Select as M2, Tag as y1, Flex as x2, Checkbox as V2, Avatar as Z2, Typography as d1, Popover as R2 } from "antd";
-import { forwardRef as q, useState as A, useRef as $, useEffect as D, useCallback as O, useContext as T, useImperativeHandle as g1, createContext as e2 } from "react";
+import { Select as M2, Tag as y1, Flex as x2, Checkbox as Z2, Avatar as R2, Typography as d1, Popover as V2 } from "antd";
+import { forwardRef as q, useState as E, useRef as P, useEffect as D, useCallback as O, useContext as T, useImperativeHandle as g1, createContext as e2 } from "react";
 var H2 = Object.defineProperty, _2 = (l, e, t) => e in l ? H2(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t, b2 = (l, e, t) => _2(l, e + "", t), y2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function A2() {
+function E2() {
   if (console && console.warn) {
     for (var l = arguments.length, e = new Array(l), t = 0; t < l; t++)
       e[t] = arguments[t];
@@ -15,10 +15,10 @@ function A2() {
   }
 }
 const K1 = {};
-function R1() {
+function V1() {
   for (var l = arguments.length, e = new Array(l), t = 0; t < l; t++)
     e[t] = arguments[t];
-  z(e[0]) && K1[e[0]] || (z(e[0]) && (K1[e[0]] = /* @__PURE__ */ new Date()), A2(...e));
+  z(e[0]) && K1[e[0]] || (z(e[0]) && (K1[e[0]] = /* @__PURE__ */ new Date()), E2(...e));
 }
 const t2 = (l, e) => () => {
   if (l.isInitialized)
@@ -37,7 +37,7 @@ const t2 = (l, e) => () => {
   z(t) && (t = [t]), t.forEach((s) => {
     l.options.ns.indexOf(s) < 0 && l.options.ns.push(s);
   }), l.loadLanguages(e, t2(l, i));
-}, E2 = function(l, e) {
+}, A2 = function(l, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const i = e.languages[0], s = e.options ? e.options.fallbackLng : !1, C = e.languages[e.languages.length - 1];
   if (i.toLowerCase() === "cimode") return !0;
@@ -48,12 +48,12 @@ const t2 = (l, e) => () => {
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, l) ? !1 : !!(e.hasResourceBundle(i, l) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(i, l) && (!s || c(C, l)));
 }, D2 = function(l, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  return !e.languages || !e.languages.length ? (R1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(l, {
+  return !e.languages || !e.languages.length ? (V1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(l, {
     lng: t.lng,
     precheck: (i, s) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && i.services.backendConnector.backend && i.isLanguageChangingTo && !s(i.isLanguageChangingTo, l)) return !1;
     }
-  }) : E2(l, e, t);
+  }) : A2(l, e, t);
 }, z = (l) => typeof l == "string", K2 = (l) => typeof l == "object" && l !== null, G2 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, B2 = {
   "&amp;": "&",
   "&#38;": "&",
@@ -75,7 +75,7 @@ const t2 = (l, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, S2 = (l) => B2[l], Y2 = (l) => l.replace(G2, S2);
+}, Y2 = (l) => B2[l], S2 = (l) => l.replace(G2, Y2);
 let O2 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -84,12 +84,12 @@ let O2 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: Y2
+  unescape: S2
 };
 const I2 = () => O2;
-let j2;
-const $2 = () => j2, T2 = e2();
-class P2 {
+let $2;
+const P2 = () => $2, T2 = e2();
+class j2 {
   constructor() {
     b2(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
   }
@@ -99,25 +99,25 @@ class P2 {
     });
   }
 }
-const W2 = (l, e) => {
-  const t = $();
+const F2 = (l, e) => {
+  const t = P();
   return D(() => {
     t.current = l;
   }, [l, e]), t.current;
-}, i2 = (l, e, t, i) => l.getFixedT(e, t, i), F2 = (l, e, t, i) => O(i2(l, e, t, i), [l, e, t, i]), U2 = function(l) {
+}, i2 = (l, e, t, i) => l.getFixedT(e, t, i), U2 = (l, e, t, i) => O(i2(l, e, t, i), [l, e, t, i]), W2 = function(l) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: i,
     defaultNS: s
-  } = T(T2) || {}, C = t || i || $2();
-  if (C && !C.reportNamespaces && (C.reportNamespaces = new P2()), !C) {
-    R1("You will need to pass in an i18next instance by using initReactI18next");
-    const k = (N, M) => z(M) ? M : K2(M) && z(M.defaultValue) ? M.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, R = [k, {}, !1];
-    return R.t = k, R.i18n = {}, R.ready = !1, R;
+  } = T(T2) || {}, C = t || i || P2();
+  if (C && !C.reportNamespaces && (C.reportNamespaces = new j2()), !C) {
+    V1("You will need to pass in an i18next instance by using initReactI18next");
+    const v = (N, M) => z(M) ? M : K2(M) && z(M.defaultValue) ? M.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, V = [v, {}, !1];
+    return V.t = v, V.i18n = {}, V.ready = !1, V;
   }
-  C.options.react && C.options.react.wait !== void 0 && R1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  C.options.react && C.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 = {
     ...I2(),
     ...C.options.react,
@@ -128,33 +128,33 @@ const W2 = (l, e) => {
   } = c;
   let o = l;
   o = z(o) ? [o] : o || ["translation"], C.reportNamespaces.addUsedNamespaces && C.reportNamespaces.addUsedNamespaces(o);
-  const r = (C.isInitialized || C.initializedStoreOnce) && o.every((k) => D2(k, C, c)), p = F2(C, e.lng || null, c.nsMode === "fallback" ? o : o[0], a), w = () => p, u = () => i2(C, e.lng || null, c.nsMode === "fallback" ? o : o[0], a), [f, L] = A(w);
+  const r = (C.isInitialized || C.initializedStoreOnce) && o.every((v) => D2(v, C, c)), p = U2(C, e.lng || null, c.nsMode === "fallback" ? o : o[0], a), w = () => p, f = () => i2(C, e.lng || null, c.nsMode === "fallback" ? o : o[0], a), [u, L] = E(w);
   let m = o.join();
   e.lng && (m = `${e.lng}${m}`);
-  const x = W2(m), Z = $(!0);
+  const x = F2(m), R = P(!0);
   D(() => {
     const {
-      bindI18n: k,
-      bindI18nStore: R
+      bindI18n: v,
+      bindI18nStore: V
     } = c;
-    Z.current = !0, !r && !d && (e.lng ? B1(C, e.lng, o, () => {
-      Z.current && L(u);
+    R.current = !0, !r && !d && (e.lng ? B1(C, e.lng, o, () => {
+      R.current && L(f);
     }) : G1(C, o, () => {
-      Z.current && L(u);
-    })), r && x && x !== m && Z.current && L(u);
+      R.current && L(f);
+    })), r && x && x !== m && R.current && L(f);
     const N = () => {
-      Z.current && L(u);
+      R.current && L(f);
     };
-    return k && C && C.on(k, N), R && C && C.store.on(R, N), () => {
-      Z.current = !1, k && C && k.split(" ").forEach((M) => C.off(M, N)), R && C && R.split(" ").forEach((M) => C.store.off(M, N));
+    return v && C && C.on(v, N), V && C && C.store.on(V, N), () => {
+      R.current = !1, v && C && v.split(" ").forEach((M) => C.off(M, N)), V && C && V.split(" ").forEach((M) => C.store.off(M, N));
     };
   }, [C, m]), D(() => {
-    Z.current && r && L(w);
+    R.current && r && L(w);
   }, [C, a, r]);
-  const b = [f, C, r];
-  if (b.t = f, b.i18n = C, b.ready = r, r || !r && !d) return b;
-  throw new Promise((k) => {
-    e.lng ? B1(C, e.lng, o, () => k()) : G1(C, o, () => k());
+  const b = [u, C, r];
+  if (b.t = u, b.i18n = C, b.ready = r, r || !r && !d) return b;
+  throw new Promise((v) => {
+    e.lng ? B1(C, e.lng, o, () => v()) : G1(C, o, () => v());
   });
 }, C1 = ({
   children: l,
@@ -183,7 +183,7 @@ const W2 = (l, e) => {
   h2: 2,
   h3: 3,
   h4: 4
-}, S1 = q(
+}, Y1 = q(
   ({
     align: l = "inherit",
     variant: e = "body1",
@@ -195,9 +195,9 @@ const W2 = (l, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, a) => {
-    const o = $(null);
+    const o = P(null);
     g1(a, () => o.current);
-    const [r, p] = A(!1);
+    const [r, p] = E(!1);
     D(() => {
       var L;
       if (!d) return;
@@ -211,10 +211,10 @@ const W2 = (l, e) => {
       };
     }, [d]);
     const w = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let u = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (u += ` snmt-typography-align-${l}`), C && (u += " collapsed");
-    const f = {
-      className: u,
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`), C && (f += " collapsed");
+    const u = {
+      className: f,
       style: { color: t, whiteSpace: d ? "nowrap" : c, display: d ? "block" : "" },
       onClick: s,
       ref: o,
@@ -225,7 +225,7 @@ const W2 = (l, e) => {
         }
       } : void 0
     };
-    return w ? /* @__PURE__ */ n(z2, { level: Q2[e], ...f, children: i }) : /* @__PURE__ */ n(J2, { ...f, children: i });
+    return w ? /* @__PURE__ */ n(z2, { level: Q2[e], ...u, children: i }) : /* @__PURE__ */ n(J2, { ...u, children: i });
   }
 ), q2 = ({ label: l, variant: e = "small", src: t, fallbackText: i }) => {
   const s = t != null && t.trim() ? t : void 0, C = {
@@ -251,16 +251,16 @@ const W2 = (l, e) => {
       style: { gap: l ? e === "large" || e === "medium" ? 12 : 8 : 0 },
       children: [
         /* @__PURE__ */ n(
-          Z2,
+          R2,
           {
             className: `snmt-avatar ${s ? "image" : ""}`,
             src: s,
             size: C[e],
-            children: /* @__PURE__ */ n(S1, { color: h.GREY_LIGHT_0, variant: c[e], children: !s && i })
+            children: /* @__PURE__ */ n(Y1, { color: h.GREY_LIGHT_0, variant: c[e], children: !s && i })
           }
         ),
         l && /* @__PURE__ */ n(
-          S1,
+          Y1,
           {
             color: h.GREY_DARK_5,
             variant: e ? d[e] : "body2",
@@ -287,9 +287,9 @@ const W2 = (l, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, a) => {
-    const o = $(null);
+    const o = P(null);
     g1(a, () => o.current);
-    const [r, p] = A(!1);
+    const [r, p] = E(!1);
     D(() => {
       var L;
       if (!d) return;
@@ -303,10 +303,10 @@ const W2 = (l, e) => {
       };
     }, [d]);
     const w = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let u = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (u += ` snmt-typography-align-${l}`), C && (u += " collapsed");
-    const f = {
-      className: u,
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`), C && (f += " collapsed");
+    const u = {
+      className: f,
       style: { color: t, whiteSpace: d ? "nowrap" : c, display: d ? "block" : "" },
       onClick: s,
       ref: o,
@@ -317,7 +317,7 @@ const W2 = (l, e) => {
         }
       } : void 0
     };
-    return w ? /* @__PURE__ */ n(X2, { level: t5[e], ...f, children: i }) : /* @__PURE__ */ n(e5, { ...f, children: i });
+    return w ? /* @__PURE__ */ n(X2, { level: t5[e], ...u, children: i }) : /* @__PURE__ */ n(e5, { ...u, children: i });
   }
 ), l5 = ({
   checked: l = !0,
@@ -327,13 +327,13 @@ const W2 = (l, e) => {
   disabled: s = !1,
   disableUncheck: C = !1
 }) => {
-  const [c, d] = A(l), [a, o] = A(e);
+  const [c, d] = E(l), [a, o] = E(e);
   D(() => {
     d(l), o(e);
   }, [l, e]);
   const { theme: r } = T(Q);
   return /* @__PURE__ */ n(
-    V2,
+    Z2,
     {
       className: `snmt-checkbox snmt-checkbox-${r}`,
       checked: c,
@@ -677,7 +677,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), u5 = ({
+), f5 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -748,7 +748,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), f5 = ({
+), u5 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -857,7 +857,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), k5 = ({
+), v5 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -904,7 +904,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), v5 = ({
+), k5 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -1078,7 +1078,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), V5 = ({
+), Z5 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -1125,7 +1125,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), Z5 = ({
+), R5 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -1165,7 +1165,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), R5 = ({
+), V5 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -1337,7 +1337,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), A5 = ({
+), E5 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -1370,7 +1370,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), E5 = ({
+), A5 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -1537,7 +1537,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), S5 = ({
+), Y5 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -1584,7 +1584,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), Y5 = ({
+), S5 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -1666,7 +1666,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), j5 = ({
+), $5 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -1699,7 +1699,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), $5 = ({
+), P5 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -1762,7 +1762,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), P5 = ({
+), j5 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -1809,7 +1809,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), W5 = ({
+), F5 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -1842,7 +1842,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), F5 = ({
+), U5 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -1879,7 +1879,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), U5 = ({
+), W5 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -2003,9 +2003,9 @@ const W2 = (l, e) => {
   }
 ), Q5 = ({
   className: l,
-  color: e = h.NOTIFICATION_WARNING_DARK,
-  height: t = 37,
-  width: i = 36,
+  color: e = h.GREY_DARK_5,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -2014,28 +2014,29 @@ const W2 = (l, e) => {
     className: l,
     width: i,
     height: t,
-    viewBox: "0 0 36 37",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M30.0644 31.9999H5.93558C3.62853 31.9999 2.18486 29.5045 3.33486 27.5045L15.3993 6.52287C16.5528 4.51675 19.4472 4.51675 20.6007 6.52287L32.6651 27.5045C33.8151 29.5045 32.3715 31.9999 30.0644 31.9999Z",
-          stroke: e,
-          strokeWidth: "2.25",
-          strokeLinecap: "round"
+          d: "M9.61621 3.64141C10.6736 1.80247 13.3264 1.80247 14.3838 3.64141L22.4268 17.6287C23.4809 19.462 22.1578 21.7498 20.043 21.7498H3.95704C1.84226 21.7498 0.519085 19.462 1.57325 17.6287L9.61621 3.64141ZM13.084 4.38946C12.6034 3.55358 11.3967 3.55358 10.916 4.38946L2.87305 18.3768C2.39409 19.2101 2.99585 20.2498 3.95704 20.2498H20.043C21.0042 20.2498 21.6059 19.2101 21.127 18.3768L13.084 4.38946Z",
+          fill: e
         }
       ),
-      /* @__PURE__ */ n("path", { d: "M18 13.9999V19.9999", stroke: e, strokeWidth: "2.25", strokeLinecap: "round" }),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M18 26.0149L18.015 25.9982",
-          stroke: e,
-          strokeWidth: "2.25",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M11.25 13V9C11.25 8.58579 11.5858 8.25 12 8.25C12.4142 8.25 12.75 8.58579 12.75 9V13C12.75 13.4142 12.4142 13.75 12 13.75C11.5858 13.75 11.25 13.4142 11.25 13Z",
+          fill: e
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M11.4523 16.4973C11.7294 16.1894 12.204 16.1645 12.5118 16.4416C12.8197 16.7187 12.8446 17.1933 12.5675 17.5012L12.5577 17.5119C12.2806 17.8198 11.806 17.8447 11.4982 17.5676C11.1904 17.2905 11.1655 16.8158 11.4425 16.508L11.4523 16.4973Z",
+          fill: e
         }
       )
     ]
@@ -2043,8 +2044,8 @@ const W2 = (l, e) => {
 ), q5 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -2060,21 +2061,15 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M18 8.4C18 6.70261 17.3679 5.07475 16.2426 3.87452C15.1174 2.67428 13.5913 2 12 2C10.4087 2 8.88258 2.67428 7.75736 3.87452C6.63214 5.07475 6 6.70261 6 8.4C6 15.8667 3 18 3 18H21C21 18 18 15.8667 18 8.4Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M17.2504 8.40039C17.2504 6.88687 16.686 5.44411 15.6957 4.3877C14.7068 3.33292 13.3766 2.75 12.0004 2.75C10.6242 2.75 9.29391 3.33292 8.30505 4.3877C7.31468 5.44411 6.75036 6.88687 6.75036 8.40039C6.75031 12.2363 5.97918 14.7561 5.16833 16.3418C4.99051 16.6895 4.81031 16.9904 4.63806 17.25H19.3627C19.1904 16.9904 19.0102 16.6895 18.8324 16.3418C18.0215 14.7561 17.2504 12.2363 17.2504 8.40039ZM18.7504 8.40039C18.7504 12.0306 19.4793 14.3106 20.1683 15.6582C20.5135 16.3333 20.8519 16.7812 21.0922 17.0518C21.2124 17.1871 21.3087 17.2789 21.3695 17.333C21.3998 17.3599 21.4216 17.3777 21.433 17.3867C21.4344 17.3878 21.4358 17.3888 21.4369 17.3896H21.4359C21.7011 17.5789 21.8143 17.918 21.7152 18.2285C21.6159 18.5392 21.3266 18.75 21.0004 18.75H3.00036C2.67412 18.75 2.38485 18.5392 2.28552 18.2285C2.18638 17.918 2.2996 17.5789 2.56482 17.3896H2.56384C2.56492 17.3888 2.56636 17.3878 2.56775 17.3867C2.57913 17.3777 2.60093 17.3599 2.63122 17.333C2.69203 17.2789 2.78837 17.1871 2.90857 17.0518C3.14886 16.7812 3.4872 16.3333 3.83239 15.6582C4.52147 14.3106 5.25031 12.0306 5.25036 8.40039C5.25036 6.51915 5.95028 4.70538 7.21032 3.36133C8.47191 2.01564 10.194 1.25 12.0004 1.25C13.8068 1.25 15.5288 2.01564 16.7904 3.36133C18.0504 4.70538 18.7504 6.51915 18.7504 8.40039Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M13.0808 20.6243C13.2886 20.266 13.7469 20.1441 14.1052 20.3518C14.4635 20.5596 14.5854 21.0179 14.3777 21.3762C14.1359 21.7929 13.7893 22.1397 13.3718 22.3801C12.9545 22.6204 12.4813 22.7462 11.9997 22.7463C11.518 22.7463 11.0441 22.6205 10.6267 22.3801C10.2092 22.1397 9.86258 21.7929 9.62084 21.3762C9.4131 21.0179 9.53505 20.5596 9.8933 20.3518C10.2516 20.1441 10.7099 20.266 10.9177 20.6243C11.0276 20.8136 11.186 20.971 11.3757 21.0803C11.5654 21.1894 11.7809 21.2463 11.9997 21.2463C12.2184 21.2462 12.4333 21.1894 12.6228 21.0803C12.8125 20.971 12.9709 20.8136 13.0808 20.6243Z",
+          fill: e
         }
       )
     ]
@@ -2115,8 +2110,8 @@ const W2 = (l, e) => {
 ), e7 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -2132,51 +2127,36 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M4 21.4V2.6C4 2.26863 4.26863 2 4.6 2H16.2515C16.4106 2 16.5632 2.06321 16.6757 2.17574L19.8243 5.32426C19.9368 5.43679 20 5.5894 20 5.74853V21.4C20 21.7314 19.7314 22 19.4 22H4.6C4.26863 22 4 21.7314 4 21.4Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M4.75 21.25H19.25V5.81055L16.1895 2.75H4.75V21.25ZM20.75 21.4004C20.7498 22.1457 20.1457 22.7498 19.4004 22.75H4.59961C3.85433 22.7498 3.25021 22.1457 3.25 21.4004V2.59961C3.25021 1.85433 3.85434 1.25021 4.59961 1.25H16.252C16.6098 1.25013 16.953 1.39245 17.2061 1.64551L20.3545 4.79395C20.6076 5.04701 20.7499 5.39018 20.75 5.74805V21.4004Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M8 10L16 10",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M16 10.75L8 10.75C7.58579 10.75 7.25 10.4142 7.25 10C7.25 9.58579 7.58579 9.25 8 9.25L16 9.25C16.4142 9.25 16.75 9.58579 16.75 10C16.75 10.4142 16.4142 10.75 16 10.75Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M8 18L16 18",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M16 18.75L8 18.75C7.58579 18.75 7.25 18.4142 7.25 18C7.25 17.5858 7.58579 17.25 8 17.25L16 17.25C16.4142 17.25 16.75 17.5858 16.75 18C16.75 18.4142 16.4142 18.75 16 18.75Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M8 14L12 14",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12 14.75L8 14.75C7.58579 14.75 7.25 14.4142 7.25 14C7.25 13.5858 7.58579 13.25 8 13.25L12 13.25C12.4142 13.25 12.75 13.5858 12.75 14C12.75 14.4142 12.4142 14.75 12 14.75Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M16 2V5.4C16 5.73137 16.2686 6 16.6 6H20",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M15.25 2C15.25 1.58579 15.5858 1.25 16 1.25C16.4142 1.25 16.75 1.58579 16.75 2V5.25H20C20.4142 5.25 20.75 5.58579 20.75 6C20.75 6.41421 20.4142 6.75 20 6.75H16.5996C15.8543 6.74979 15.2502 6.14567 15.25 5.40039V2Z",
+          fill: e
         }
       )
     ]
@@ -2184,8 +2164,8 @@ const W2 = (l, e) => {
 ), t7 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -2201,39 +2181,29 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M2 20V19C2 15.134 5.13401 12 9 12V12",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M1.25 20V19C1.25 14.7198 4.71979 11.25 9 11.25V12.75C5.54822 12.75 2.75 15.5482 2.75 19V20C2.75 20.4142 2.41421 20.75 2 20.75C1.58579 20.75 1.25 20.4142 1.25 20Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M15.8038 12.3135C16.4456 11.6088 17.5544 11.6088 18.1962 12.3135V12.3135C18.5206 12.6697 18.9868 12.8628 19.468 12.8403V12.8403C20.4201 12.7958 21.2042 13.5799 21.1597 14.532V14.532C21.1372 15.0132 21.3303 15.4794 21.6865 15.8038V15.8038C22.3912 16.4456 22.3912 17.5544 21.6865 18.1962V18.1962C21.3303 18.5206 21.1372 18.9868 21.1597 19.468V19.468C21.2042 20.4201 20.4201 21.2042 19.468 21.1597V21.1597C18.9868 21.1372 18.5206 21.3303 18.1962 21.6865V21.6865C17.5544 22.3912 16.4456 22.3912 15.8038 21.6865V21.6865C15.4794 21.3303 15.0132 21.1372 14.532 21.1597V21.1597C13.5799 21.2042 12.7958 20.4201 12.8403 19.468V19.468C12.8628 18.9868 12.6697 18.5206 12.3135 18.1962V18.1962C11.6088 17.5544 11.6088 16.4456 12.3135 15.8038V15.8038C12.6697 15.4794 12.8628 15.0132 12.8403 14.532V14.532C12.7958 13.5799 13.5799 12.7958 14.532 12.8403V12.8403C15.0132 12.8628 15.4794 12.6697 15.8038 12.3135V12.3135Z",
-          stroke: e,
-          strokeWidth: "1.5"
+          d: "M15.2491 11.8087C16.1884 10.7773 17.8118 10.7773 18.7511 11.8087C18.925 11.9996 19.1748 12.1029 19.4327 12.0909C20.8262 12.0258 21.9744 13.174 21.9093 14.5675C21.8973 14.8254 22.0006 15.0752 22.1915 15.2491C23.2229 16.1884 23.2229 17.8118 22.1915 18.7511C22.0006 18.925 21.8973 19.1748 21.9093 19.4327C21.9744 20.8262 20.8262 21.9744 19.4327 21.9093C19.1748 21.8973 18.925 22.0006 18.7511 22.1915C17.8118 23.2229 16.1884 23.2229 15.2491 22.1915C15.0752 22.0006 14.8254 21.8973 14.5675 21.9093C13.174 21.9744 12.0258 20.8262 12.0909 19.4327C12.1029 19.1748 11.9996 18.925 11.8087 18.7511C10.7773 17.8118 10.7773 16.1884 11.8087 15.2491C11.9996 15.0752 12.1029 14.8254 12.0909 14.5675C12.0258 13.174 13.174 12.0258 14.5675 12.0909C14.8254 12.1029 15.0752 11.9996 15.2491 11.8087ZM17.6417 12.8185C17.2974 12.4406 16.7028 12.4406 16.3585 12.8185C15.8838 13.3397 15.2014 13.6228 14.4972 13.59C13.9864 13.5661 13.5661 13.9864 13.59 14.4972C13.6228 15.2014 13.3397 15.8838 12.8185 16.3585C12.4406 16.7028 12.4406 17.2974 12.8185 17.6417C13.3397 18.1164 13.6228 18.7988 13.59 19.503C13.5661 20.0138 13.9864 20.4341 14.4972 20.4103C15.2014 20.3774 15.8838 20.6605 16.3585 21.1818C16.7028 21.5596 17.2974 21.5596 17.6417 21.1818C18.1164 20.6605 18.7988 20.3774 19.503 20.4103C20.0138 20.4341 20.4341 20.0138 20.4103 19.503C20.3774 18.7988 20.6605 18.1164 21.1818 17.6417C21.5596 17.2974 21.5596 16.7028 21.1818 16.3585C20.6605 15.8838 20.3774 15.2014 20.4103 14.4972C20.4341 13.9864 20.0138 13.5661 19.503 13.59C18.7988 13.6228 18.1164 13.3397 17.6417 12.8185Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M15.3636 17L16.4546 18.0909L18.6364 15.9091",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M14.8331 17.5303C14.5402 17.2374 14.5402 16.7626 14.8331 16.4697C15.126 16.1768 15.6008 16.1768 15.8937 16.4697L16.4544 17.0304L18.1062 15.3786L18.1628 15.3275C18.4574 15.0872 18.8922 15.104 19.1669 15.3786C19.4413 15.6533 19.4583 16.0881 19.218 16.3827L19.1669 16.4393L16.9848 18.6214C16.6919 18.9142 16.217 18.9141 15.9241 18.6214L14.8331 17.5303Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M9 12C11.2091 12 13 10.2091 13 8C13 5.79086 11.2091 4 9 4C6.79086 4 5 5.79086 5 8C5 10.2091 6.79086 12 9 12Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12.25 8C12.25 6.20507 10.7949 4.75 9 4.75C7.20507 4.75 5.75 6.20507 5.75 8C5.75 9.79493 7.20507 11.25 9 11.25C10.7949 11.25 12.25 9.79493 12.25 8ZM13.75 8C13.75 10.6234 11.6234 12.75 9 12.75C6.37665 12.75 4.25 10.6234 4.25 8C4.25 5.37665 6.37665 3.25 9 3.25C11.6234 3.25 13.75 5.37665 13.75 8Z",
+          fill: e
         }
       )
     ]
@@ -2241,8 +2211,8 @@ const W2 = (l, e) => {
 ), i7 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -2258,31 +2228,22 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M20.25 3.75H3.75V20.25H20.25V3.75ZM2.25 3.59961C2.25021 2.85433 2.85434 2.25021 3.59961 2.25H20.4004C21.1457 2.25021 21.7498 2.85434 21.75 3.59961V20.4004C21.7498 21.1457 21.1457 21.7498 20.4004 21.75H3.59961C2.85433 21.7498 2.25021 21.1457 2.25 20.4004V3.59961Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M3 16L10 13L21 18",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M9.77861 12.2833C9.9532 12.2293 10.1428 12.2411 10.3108 12.3175L21.3108 17.3175L21.3792 17.3527C21.7074 17.5442 21.8435 17.9572 21.6829 18.3107C21.5114 18.6876 21.0668 18.8541 20.6897 18.6827L9.9915 13.8195L3.29619 16.6896C2.91558 16.8527 2.47412 16.6765 2.31084 16.296C2.14772 15.9154 2.32391 15.474 2.70439 15.3107L9.70439 12.3107L9.77861 12.2833Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M16 10C14.8954 10 14 9.10457 14 8C14 6.89543 14.8954 6 16 6C17.1046 6 18 6.89543 18 8C18 9.10457 17.1046 10 16 10Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M14.75 8C14.75 7.30964 15.3096 6.75 16 6.75C16.6904 6.75 17.25 7.30964 17.25 8C17.25 8.69036 16.6904 9.25 16 9.25C15.3096 9.25 14.75 8.69036 14.75 8ZM13.25 8C13.25 9.51878 14.4812 10.75 16 10.75C17.5188 10.75 18.75 9.51878 18.75 8C18.75 6.48122 17.5188 5.25 16 5.25C14.4812 5.25 13.25 6.48122 13.25 8Z",
+          fill: e
         }
       )
     ]
@@ -2290,8 +2251,8 @@ const W2 = (l, e) => {
 ), l7 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ n(
   "svg",
@@ -2306,11 +2267,8 @@ const W2 = (l, e) => {
     children: /* @__PURE__ */ n(
       "path",
       {
-        d: "M14.3632 5.65156L15.8431 4.17157C16.6242 3.39052 17.8905 3.39052 18.6716 4.17157L20.0858 5.58579C20.8668 6.36683 20.8668 7.63316 20.0858 8.41421L18.6058 9.8942M14.3632 5.65156L4.74749 15.2672C4.41542 15.5993 4.21079 16.0376 4.16947 16.5054L3.92738 19.2459C3.87261 19.8659 4.39148 20.3848 5.0115 20.33L7.75191 20.0879C8.21972 20.0466 8.65806 19.8419 8.99013 19.5099L18.6058 9.8942M14.3632 5.65156L18.6058 9.8942",
-        stroke: e,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        d: "M14.3632 6.71205L17.5452 9.89403L8.45984 18.9794C8.2523 19.1869 7.97813 19.3147 7.68575 19.3405L4.94503 19.5829C4.7903 19.5964 4.66089 19.4669 4.67434 19.3122L4.91671 16.5715C4.94254 16.2791 5.07032 16.0049 5.27786 15.7974L14.3632 6.71205ZM16.3734 4.7019C16.8615 4.21375 17.653 4.21375 18.1411 4.7019L19.5553 6.11612C20.0435 6.60427 20.0435 7.39573 19.5553 7.88388L18.6059 8.83337L15.4239 5.65139L16.3734 4.7019ZM4.2172 14.7367C3.76073 15.1932 3.47933 15.7959 3.4224 16.4389L3.18002 19.1796C3.08417 20.2647 3.99258 21.1731 5.07761 21.0772L7.81834 20.8348C8.46136 20.7779 9.06403 20.4965 9.5205 20.04L20.616 8.94454C21.6899 7.8706 21.6899 6.1294 20.616 5.05546L19.2018 3.64124C18.1278 2.5673 16.3866 2.5673 15.3127 3.64124L4.2172 14.7367Z",
+        fill: e
       }
     )
   }
@@ -2586,9 +2544,9 @@ const W2 = (l, e) => {
     ]
   }
 ), c7 = ({
-  width: l = 24,
-  height: e = 24,
-  color: t = h.GREY_DARK_2,
+  width: l = 20,
+  height: e = 20,
+  color: t = h.GREY_DARK_5,
   className: i,
   onClick: s
 }) => /* @__PURE__ */ n(
@@ -2646,7 +2604,7 @@ const W2 = (l, e) => {
   onClick: c
 }) => {
   const { theme: d } = T(Q), a = C ? d && d === "dark" ? h.GREY_LIGHT_4 : h.GREY_DARK_1 : i, o = C ? void 0 : c, r = c && !C ? `${s || ""} clickable` : s;
-  return /* @__PURE__ */ n(j, { children: (() => {
+  return /* @__PURE__ */ n($, { children: (() => {
     switch (l) {
       case "arrow1Down":
         return s5({ width: e, height: t, color: a, className: r, onClick: o });
@@ -2663,21 +2621,21 @@ const W2 = (l, e) => {
       case "unarchive":
         return w5({ width: e, height: t, color: a, className: r, onClick: o });
       case "calendar":
-        return u5({ width: e, height: t, color: a, className: r, onClick: o });
+        return f5({ width: e, height: t, color: a, className: r, onClick: o });
       case "check":
         return p5({ width: e, height: t, color: a, className: r, onClick: o });
       case "cancel":
-        return f5({ width: e, height: t, color: a, className: r, onClick: o });
+        return u5({ width: e, height: t, color: a, className: r, onClick: o });
       case "add":
         return L5({ width: e, height: t, color: a, className: r, onClick: o });
       case "list":
         return m5({ width: e, height: t, color: a, className: r, onClick: o });
       case "dragAndDrop":
-        return k5({ width: e, height: t, color: a, className: r, onClick: o });
-      case "filter1":
         return v5({ width: e, height: t, color: a, className: r, onClick: o });
+      case "filter1":
+        return k5({ width: e, height: t, color: a, className: r, onClick: o });
       case "filter2":
-        return U5({ width: e, height: t, color: a, className: r, onClick: o });
+        return W5({ width: e, height: t, color: a, className: r, onClick: o });
       case "attention":
         return N5({ width: e, height: t, color: a, className: r, onClick: o });
       case "users":
@@ -2691,9 +2649,9 @@ const W2 = (l, e) => {
           onClick: o
         });
       case "skills":
-        return V5({ width: e, height: t, color: a, className: r, onClick: o });
+        return Z5({ width: e, height: t, color: a, className: r, onClick: o });
       case "skillsMatrices":
-        return Z5({
+        return R5({
           width: e,
           height: t,
           color: a,
@@ -2701,7 +2659,7 @@ const W2 = (l, e) => {
           onClick: o
         });
       case "history":
-        return R5({ width: e, height: t, color: a, className: r, onClick: o });
+        return V5({ width: e, height: t, color: a, className: r, onClick: o });
       case "logOut":
         return H5({ width: e, height: t, color: a, className: r, onClick: o });
       case "settings":
@@ -2711,9 +2669,9 @@ const W2 = (l, e) => {
       case "settings2":
         return y5({ width: e, height: t, color: a, className: r, onClick: o });
       case "checkCircle":
-        return A5({ width: e, height: t, color: a, className: r, onClick: o });
-      case "cancelCircle":
         return E5({ width: e, height: t, color: a, className: r, onClick: o });
+      case "cancelCircle":
+        return A5({ width: e, height: t, color: a, className: r, onClick: o });
       case "visibilityIcon":
         return D5({
           width: e,
@@ -2735,9 +2693,9 @@ const W2 = (l, e) => {
       case "sortDown":
         return B5({ width: e, height: t, color: a, className: r, onClick: o });
       case "sortDouble":
-        return S5({ width: e, height: t, color: a, className: r, onClick: o });
-      case "search":
         return Y5({ width: e, height: t, color: a, className: r, onClick: o });
+      case "search":
+        return S5({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrowUpFilled":
         return I5({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrowDownFilled":
@@ -2751,17 +2709,17 @@ const W2 = (l, e) => {
       case "arrow2Left":
         return d5({ width: e, height: t, color: a, className: r, onClick: o });
       case "link":
-        return j5({ width: e, height: t, color: a, className: r, onClick: o });
+        return $5({ width: e, height: t, color: a, className: r, onClick: o });
       case "telegram":
         return T5({ width: e, height: t, color: a, className: r, onClick: o });
       case "mail":
-        return W5({ width: e, height: t, color: a, className: r, onClick: o });
+        return F5({ width: e, height: t, color: a, className: r, onClick: o });
       case "github":
-        return $5({ width: e, height: t, color: a, className: r, onClick: o });
-      case "linkedIn":
         return P5({ width: e, height: t, color: a, className: r, onClick: o });
+      case "linkedIn":
+        return j5({ width: e, height: t, color: a, className: r, onClick: o });
       case "emptyStateIcon":
-        return F5({ width: e, height: t, color: a, className: r, onClick: o });
+        return U5({ width: e, height: t, color: a, className: r, onClick: o });
       case "dotMenuIcon":
         return z5({ width: e, height: t, color: a, className: r, onClick: o });
       case "plusCircle":
@@ -2799,10 +2757,10 @@ const W2 = (l, e) => {
       case "unpaidLeave":
         return d7({ width: e, height: t, color: a, className: r, onClick: o });
       default:
-        return /* @__PURE__ */ n(j, { children: "No Icon provided" });
+        return /* @__PURE__ */ n($, { children: "No Icon provided" });
     }
   })() });
-}, { Title: g7, Text: w7 } = d1, u7 = {
+}, { Title: g7, Text: w7 } = d1, f7 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -2819,9 +2777,9 @@ const W2 = (l, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, a) => {
-    const o = $(null);
+    const o = P(null);
     g1(a, () => o.current);
-    const [r, p] = A(!1);
+    const [r, p] = E(!1);
     D(() => {
       var L;
       if (!d) return;
@@ -2835,10 +2793,10 @@ const W2 = (l, e) => {
       };
     }, [d]);
     const w = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let u = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (u += ` snmt-typography-align-${l}`), C && (u += " collapsed");
-    const f = {
-      className: u,
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`), C && (f += " collapsed");
+    const u = {
+      className: f,
       style: { color: t, whiteSpace: d ? "nowrap" : c, display: d ? "block" : "" },
       onClick: s,
       ref: o,
@@ -2849,9 +2807,9 @@ const W2 = (l, e) => {
         }
       } : void 0
     };
-    return w ? /* @__PURE__ */ n(g7, { level: u7[e], ...f, children: i }) : /* @__PURE__ */ n(w7, { ...f, children: i });
+    return w ? /* @__PURE__ */ n(g7, { level: f7[e], ...u, children: i }) : /* @__PURE__ */ n(w7, { ...u, children: i });
   }
-), f7 = ({
+), u7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -2923,7 +2881,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), k7 = ({
+), v7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -2948,7 +2906,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), v7 = ({
+), k7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -3066,7 +3024,7 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ n("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), V7 = ({
+), Z7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -3090,7 +3048,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), Z7 = ({
+), R7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -3130,7 +3088,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), R7 = ({
+), V7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -3295,7 +3253,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), A7 = ({
+), E7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -3356,7 +3314,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), E7 = ({
+), A7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -3577,7 +3535,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), S7 = ({
+), Y7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -3624,7 +3582,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), Y7 = ({
+), S7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -3730,7 +3688,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), j7 = ({
+), $7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -3763,7 +3721,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), $7 = ({
+), P7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -3836,7 +3794,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), P7 = ({
+), j7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -3869,7 +3827,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), W7 = ({
+), F7 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -3902,7 +3860,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), F7 = ({
+), U7 = ({
   width: l = 20,
   height: e = 20,
   color: t = "#070739",
@@ -3932,7 +3890,7 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), U7 = ({
+), W7 = ({
   width: l = 20,
   height: e = 20,
   color: t = "#070739",
@@ -4502,9 +4460,9 @@ const W2 = (l, e) => {
   }
 ), h9 = ({
   className: l,
-  color: e = h.NOTIFICATION_WARNING_DARK,
-  height: t = 37,
-  width: i = 36,
+  color: e = h.GREY_DARK_5,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -4513,28 +4471,29 @@ const W2 = (l, e) => {
     className: l,
     width: i,
     height: t,
-    viewBox: "0 0 36 37",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M30.0644 31.9999H5.93558C3.62853 31.9999 2.18486 29.5045 3.33486 27.5045L15.3993 6.52287C16.5528 4.51675 19.4472 4.51675 20.6007 6.52287L32.6651 27.5045C33.8151 29.5045 32.3715 31.9999 30.0644 31.9999Z",
-          stroke: e,
-          strokeWidth: "2.25",
-          strokeLinecap: "round"
+          d: "M9.61621 3.64141C10.6736 1.80247 13.3264 1.80247 14.3838 3.64141L22.4268 17.6287C23.4809 19.462 22.1578 21.7498 20.043 21.7498H3.95704C1.84226 21.7498 0.519085 19.462 1.57325 17.6287L9.61621 3.64141ZM13.084 4.38946C12.6034 3.55358 11.3967 3.55358 10.916 4.38946L2.87305 18.3768C2.39409 19.2101 2.99585 20.2498 3.95704 20.2498H20.043C21.0042 20.2498 21.6059 19.2101 21.127 18.3768L13.084 4.38946Z",
+          fill: e
         }
       ),
-      /* @__PURE__ */ n("path", { d: "M18 13.9999V19.9999", stroke: e, strokeWidth: "2.25", strokeLinecap: "round" }),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M18 26.0149L18.015 25.9982",
-          stroke: e,
-          strokeWidth: "2.25",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M11.25 13V9C11.25 8.58579 11.5858 8.25 12 8.25C12.4142 8.25 12.75 8.58579 12.75 9V13C12.75 13.4142 12.4142 13.75 12 13.75C11.5858 13.75 11.25 13.4142 11.25 13Z",
+          fill: e
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M11.4523 16.4973C11.7294 16.1894 12.204 16.1645 12.5118 16.4416C12.8197 16.7187 12.8446 17.1933 12.5675 17.5012L12.5577 17.5119C12.2806 17.8198 11.806 17.8447 11.4982 17.5676C11.1904 17.2905 11.1655 16.8158 11.4425 16.508L11.4523 16.4973Z",
+          fill: e
         }
       )
     ]
@@ -4542,8 +4501,8 @@ const W2 = (l, e) => {
 ), c9 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -4559,21 +4518,15 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M18 8.4C18 6.70261 17.3679 5.07475 16.2426 3.87452C15.1174 2.67428 13.5913 2 12 2C10.4087 2 8.88258 2.67428 7.75736 3.87452C6.63214 5.07475 6 6.70261 6 8.4C6 15.8667 3 18 3 18H21C21 18 18 15.8667 18 8.4Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M17.2504 8.40039C17.2504 6.88687 16.686 5.44411 15.6957 4.3877C14.7068 3.33292 13.3766 2.75 12.0004 2.75C10.6242 2.75 9.29391 3.33292 8.30505 4.3877C7.31468 5.44411 6.75036 6.88687 6.75036 8.40039C6.75031 12.2363 5.97918 14.7561 5.16833 16.3418C4.99051 16.6895 4.81031 16.9904 4.63806 17.25H19.3627C19.1904 16.9904 19.0102 16.6895 18.8324 16.3418C18.0215 14.7561 17.2504 12.2363 17.2504 8.40039ZM18.7504 8.40039C18.7504 12.0306 19.4793 14.3106 20.1683 15.6582C20.5135 16.3333 20.8519 16.7812 21.0922 17.0518C21.2124 17.1871 21.3087 17.2789 21.3695 17.333C21.3998 17.3599 21.4216 17.3777 21.433 17.3867C21.4344 17.3878 21.4358 17.3888 21.4369 17.3896H21.4359C21.7011 17.5789 21.8143 17.918 21.7152 18.2285C21.6159 18.5392 21.3266 18.75 21.0004 18.75H3.00036C2.67412 18.75 2.38485 18.5392 2.28552 18.2285C2.18638 17.918 2.2996 17.5789 2.56482 17.3896H2.56384C2.56492 17.3888 2.56636 17.3878 2.56775 17.3867C2.57913 17.3777 2.60093 17.3599 2.63122 17.333C2.69203 17.2789 2.78837 17.1871 2.90857 17.0518C3.14886 16.7812 3.4872 16.3333 3.83239 15.6582C4.52147 14.3106 5.25031 12.0306 5.25036 8.40039C5.25036 6.51915 5.95028 4.70538 7.21032 3.36133C8.47191 2.01564 10.194 1.25 12.0004 1.25C13.8068 1.25 15.5288 2.01564 16.7904 3.36133C18.0504 4.70538 18.7504 6.51915 18.7504 8.40039Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M13.0808 20.6243C13.2886 20.266 13.7469 20.1441 14.1052 20.3518C14.4635 20.5596 14.5854 21.0179 14.3777 21.3762C14.1359 21.7929 13.7893 22.1397 13.3718 22.3801C12.9545 22.6204 12.4813 22.7462 11.9997 22.7463C11.518 22.7463 11.0441 22.6205 10.6267 22.3801C10.2092 22.1397 9.86258 21.7929 9.62084 21.3762C9.4131 21.0179 9.53505 20.5596 9.8933 20.3518C10.2516 20.1441 10.7099 20.266 10.9177 20.6243C11.0276 20.8136 11.186 20.971 11.3757 21.0803C11.5654 21.1894 11.7809 21.2463 11.9997 21.2463C12.2184 21.2462 12.4333 21.1894 12.6228 21.0803C12.8125 20.971 12.9709 20.8136 13.0808 20.6243Z",
+          fill: e
         }
       )
     ]
@@ -4614,8 +4567,8 @@ const W2 = (l, e) => {
 ), g9 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -4631,51 +4584,36 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M4 21.4V2.6C4 2.26863 4.26863 2 4.6 2H16.2515C16.4106 2 16.5632 2.06321 16.6757 2.17574L19.8243 5.32426C19.9368 5.43679 20 5.5894 20 5.74853V21.4C20 21.7314 19.7314 22 19.4 22H4.6C4.26863 22 4 21.7314 4 21.4Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M4.75 21.25H19.25V5.81055L16.1895 2.75H4.75V21.25ZM20.75 21.4004C20.7498 22.1457 20.1457 22.7498 19.4004 22.75H4.59961C3.85433 22.7498 3.25021 22.1457 3.25 21.4004V2.59961C3.25021 1.85433 3.85434 1.25021 4.59961 1.25H16.252C16.6098 1.25013 16.953 1.39245 17.2061 1.64551L20.3545 4.79395C20.6076 5.04701 20.7499 5.39018 20.75 5.74805V21.4004Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M8 10L16 10",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M16 10.75L8 10.75C7.58579 10.75 7.25 10.4142 7.25 10C7.25 9.58579 7.58579 9.25 8 9.25L16 9.25C16.4142 9.25 16.75 9.58579 16.75 10C16.75 10.4142 16.4142 10.75 16 10.75Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M8 18L16 18",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M16 18.75L8 18.75C7.58579 18.75 7.25 18.4142 7.25 18C7.25 17.5858 7.58579 17.25 8 17.25L16 17.25C16.4142 17.25 16.75 17.5858 16.75 18C16.75 18.4142 16.4142 18.75 16 18.75Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M8 14L12 14",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12 14.75L8 14.75C7.58579 14.75 7.25 14.4142 7.25 14C7.25 13.5858 7.58579 13.25 8 13.25L12 13.25C12.4142 13.25 12.75 13.5858 12.75 14C12.75 14.4142 12.4142 14.75 12 14.75Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M16 2V5.4C16 5.73137 16.2686 6 16.6 6H20",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M15.25 2C15.25 1.58579 15.5858 1.25 16 1.25C16.4142 1.25 16.75 1.58579 16.75 2V5.25H20C20.4142 5.25 20.75 5.58579 20.75 6C20.75 6.41421 20.4142 6.75 20 6.75H16.5996C15.8543 6.74979 15.2502 6.14567 15.25 5.40039V2Z",
+          fill: e
         }
       )
     ]
@@ -4683,9 +4621,9 @@ const W2 = (l, e) => {
 ), w9 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
-  onClick: s
+  height: t = 20,
+  width: i = 20,
+  onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
   {
@@ -4700,48 +4638,38 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M2 20V19C2 15.134 5.13401 12 9 12V12",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M1.25 20V19C1.25 14.7198 4.71979 11.25 9 11.25V12.75C5.54822 12.75 2.75 15.5482 2.75 19V20C2.75 20.4142 2.41421 20.75 2 20.75C1.58579 20.75 1.25 20.4142 1.25 20Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M15.8038 12.3135C16.4456 11.6088 17.5544 11.6088 18.1962 12.3135V12.3135C18.5206 12.6697 18.9868 12.8628 19.468 12.8403V12.8403C20.4201 12.7958 21.2042 13.5799 21.1597 14.532V14.532C21.1372 15.0132 21.3303 15.4794 21.6865 15.8038V15.8038C22.3912 16.4456 22.3912 17.5544 21.6865 18.1962V18.1962C21.3303 18.5206 21.1372 18.9868 21.1597 19.468V19.468C21.2042 20.4201 20.4201 21.2042 19.468 21.1597V21.1597C18.9868 21.1372 18.5206 21.3303 18.1962 21.6865V21.6865C17.5544 22.3912 16.4456 22.3912 15.8038 21.6865V21.6865C15.4794 21.3303 15.0132 21.1372 14.532 21.1597V21.1597C13.5799 21.2042 12.7958 20.4201 12.8403 19.468V19.468C12.8628 18.9868 12.6697 18.5206 12.3135 18.1962V18.1962C11.6088 17.5544 11.6088 16.4456 12.3135 15.8038V15.8038C12.6697 15.4794 12.8628 15.0132 12.8403 14.532V14.532C12.7958 13.5799 13.5799 12.7958 14.532 12.8403V12.8403C15.0132 12.8628 15.4794 12.6697 15.8038 12.3135V12.3135Z",
-          stroke: e,
-          strokeWidth: "1.5"
+          d: "M15.2491 11.8087C16.1884 10.7773 17.8118 10.7773 18.7511 11.8087C18.925 11.9996 19.1748 12.1029 19.4327 12.0909C20.8262 12.0258 21.9744 13.174 21.9093 14.5675C21.8973 14.8254 22.0006 15.0752 22.1915 15.2491C23.2229 16.1884 23.2229 17.8118 22.1915 18.7511C22.0006 18.925 21.8973 19.1748 21.9093 19.4327C21.9744 20.8262 20.8262 21.9744 19.4327 21.9093C19.1748 21.8973 18.925 22.0006 18.7511 22.1915C17.8118 23.2229 16.1884 23.2229 15.2491 22.1915C15.0752 22.0006 14.8254 21.8973 14.5675 21.9093C13.174 21.9744 12.0258 20.8262 12.0909 19.4327C12.1029 19.1748 11.9996 18.925 11.8087 18.7511C10.7773 17.8118 10.7773 16.1884 11.8087 15.2491C11.9996 15.0752 12.1029 14.8254 12.0909 14.5675C12.0258 13.174 13.174 12.0258 14.5675 12.0909C14.8254 12.1029 15.0752 11.9996 15.2491 11.8087ZM17.6417 12.8185C17.2974 12.4406 16.7028 12.4406 16.3585 12.8185C15.8838 13.3397 15.2014 13.6228 14.4972 13.59C13.9864 13.5661 13.5661 13.9864 13.59 14.4972C13.6228 15.2014 13.3397 15.8838 12.8185 16.3585C12.4406 16.7028 12.4406 17.2974 12.8185 17.6417C13.3397 18.1164 13.6228 18.7988 13.59 19.503C13.5661 20.0138 13.9864 20.4341 14.4972 20.4103C15.2014 20.3774 15.8838 20.6605 16.3585 21.1818C16.7028 21.5596 17.2974 21.5596 17.6417 21.1818C18.1164 20.6605 18.7988 20.3774 19.503 20.4103C20.0138 20.4341 20.4341 20.0138 20.4103 19.503C20.3774 18.7988 20.6605 18.1164 21.1818 17.6417C21.5596 17.2974 21.5596 16.7028 21.1818 16.3585C20.6605 15.8838 20.3774 15.2014 20.4103 14.4972C20.4341 13.9864 20.0138 13.5661 19.503 13.59C18.7988 13.6228 18.1164 13.3397 17.6417 12.8185Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M15.3636 17L16.4546 18.0909L18.6364 15.9091",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M14.8331 17.5303C14.5402 17.2374 14.5402 16.7626 14.8331 16.4697C15.126 16.1768 15.6008 16.1768 15.8937 16.4697L16.4544 17.0304L18.1062 15.3786L18.1628 15.3275C18.4574 15.0872 18.8922 15.104 19.1669 15.3786C19.4413 15.6533 19.4583 16.0881 19.218 16.3827L19.1669 16.4393L16.9848 18.6214C16.6919 18.9142 16.217 18.9141 15.9241 18.6214L14.8331 17.5303Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M9 12C11.2091 12 13 10.2091 13 8C13 5.79086 11.2091 4 9 4C6.79086 4 5 5.79086 5 8C5 10.2091 6.79086 12 9 12Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12.25 8C12.25 6.20507 10.7949 4.75 9 4.75C7.20507 4.75 5.75 6.20507 5.75 8C5.75 9.79493 7.20507 11.25 9 11.25C10.7949 11.25 12.25 9.79493 12.25 8ZM13.75 8C13.75 10.6234 11.6234 12.75 9 12.75C6.37665 12.75 4.25 10.6234 4.25 8C4.25 5.37665 6.37665 3.25 9 3.25C11.6234 3.25 13.75 5.37665 13.75 8Z",
+          fill: e
         }
       )
     ]
   }
-), u9 = ({
+), f9 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -4757,31 +4685,22 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M20.25 3.75H3.75V20.25H20.25V3.75ZM2.25 3.59961C2.25021 2.85433 2.85434 2.25021 3.59961 2.25H20.4004C21.1457 2.25021 21.7498 2.85434 21.75 3.59961V20.4004C21.7498 21.1457 21.1457 21.7498 20.4004 21.75H3.59961C2.85433 21.7498 2.25021 21.1457 2.25 20.4004V3.59961Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M3 16L10 13L21 18",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M9.77861 12.2833C9.9532 12.2293 10.1428 12.2411 10.3108 12.3175L21.3108 17.3175L21.3792 17.3527C21.7074 17.5442 21.8435 17.9572 21.6829 18.3107C21.5114 18.6876 21.0668 18.8541 20.6897 18.6827L9.9915 13.8195L3.29619 16.6896C2.91558 16.8527 2.47412 16.6765 2.31084 16.296C2.14772 15.9154 2.32391 15.474 2.70439 15.3107L9.70439 12.3107L9.77861 12.2833Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M16 10C14.8954 10 14 9.10457 14 8C14 6.89543 14.8954 6 16 6C17.1046 6 18 6.89543 18 8C18 9.10457 17.1046 10 16 10Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M14.75 8C14.75 7.30964 15.3096 6.75 16 6.75C16.6904 6.75 17.25 7.30964 17.25 8C17.25 8.69036 16.6904 9.25 16 9.25C15.3096 9.25 14.75 8.69036 14.75 8ZM13.25 8C13.25 9.51878 14.4812 10.75 16 10.75C17.5188 10.75 18.75 9.51878 18.75 8C18.75 6.48122 17.5188 5.25 16 5.25C14.4812 5.25 13.25 6.48122 13.25 8Z",
+          fill: e
         }
       )
     ]
@@ -4789,8 +4708,8 @@ const W2 = (l, e) => {
 ), p9 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ n(
   "svg",
@@ -4805,15 +4724,12 @@ const W2 = (l, e) => {
     children: /* @__PURE__ */ n(
       "path",
       {
-        d: "M14.3632 5.65156L15.8431 4.17157C16.6242 3.39052 17.8905 3.39052 18.6716 4.17157L20.0858 5.58579C20.8668 6.36683 20.8668 7.63316 20.0858 8.41421L18.6058 9.8942M14.3632 5.65156L4.74749 15.2672C4.41542 15.5993 4.21079 16.0376 4.16947 16.5054L3.92738 19.2459C3.87261 19.8659 4.39148 20.3848 5.0115 20.33L7.75191 20.0879C8.21972 20.0466 8.65806 19.8419 8.99013 19.5099L18.6058 9.8942M14.3632 5.65156L18.6058 9.8942",
-        stroke: e,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        d: "M14.3632 6.71205L17.5452 9.89403L8.45984 18.9794C8.2523 19.1869 7.97813 19.3147 7.68575 19.3405L4.94503 19.5829C4.7903 19.5964 4.66089 19.4669 4.67434 19.3122L4.91671 16.5715C4.94254 16.2791 5.07032 16.0049 5.27786 15.7974L14.3632 6.71205ZM16.3734 4.7019C16.8615 4.21375 17.653 4.21375 18.1411 4.7019L19.5553 6.11612C20.0435 6.60427 20.0435 7.39573 19.5553 7.88388L18.6059 8.83337L15.4239 5.65139L16.3734 4.7019ZM4.2172 14.7367C3.76073 15.1932 3.47933 15.7959 3.4224 16.4389L3.18002 19.1796C3.08417 20.2647 3.99258 21.1731 5.07761 21.0772L7.81834 20.8348C8.46136 20.7779 9.06403 20.4965 9.5205 20.04L20.616 8.94454C21.6899 7.8706 21.6899 6.1294 20.616 5.05546L19.2018 3.64124C18.1278 2.5673 16.3866 2.5673 15.3127 3.64124L4.2172 14.7367Z",
+        fill: e
       }
     )
   }
-), f9 = ({
+), u9 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -4917,7 +4833,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), k9 = ({
+), v9 = ({
   width: l = 24,
   height: e = 24,
   color: t = "#131314",
@@ -4950,7 +4866,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), v9 = ({
+), k9 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -5085,9 +5001,9 @@ const W2 = (l, e) => {
     ]
   }
 ), x9 = ({
-  width: l = 24,
-  height: e = 24,
-  color: t = h.GREY_DARK_2,
+  width: l = 20,
+  height: e = 20,
+  color: t = h.GREY_DARK_5,
   className: i,
   onClick: s
 }) => /* @__PURE__ */ n(
@@ -5111,7 +5027,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), V9 = ({
+), Z9 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -5135,7 +5051,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), Z9 = ({
+), R9 = ({
   name: l,
   width: e,
   height: t,
@@ -5145,22 +5061,22 @@ const W2 = (l, e) => {
   onClick: c
 }) => {
   const { theme: d } = T(Q), a = C ? d && d === "dark" ? h.GREY_LIGHT_4 : h.GREY_DARK_1 : i, o = C ? void 0 : c, r = c && !C ? `${s || ""} clickable` : s;
-  return /* @__PURE__ */ n(j, { children: (() => {
+  return /* @__PURE__ */ n($, { children: (() => {
     switch (l) {
       case "arrow1Down":
-        return f7({ width: e, height: t, color: a, className: r, onClick: o });
+        return u7({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrow1Up":
         return L7({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrow1Right":
         return m7({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrow1Left":
-        return k7({ width: e, height: t, color: a, className: r, onClick: o });
-      case "info":
         return v7({ width: e, height: t, color: a, className: r, onClick: o });
+      case "info":
+        return k7({ width: e, height: t, color: a, className: r, onClick: o });
       case "archive":
-        return Z7({ width: e, height: t, color: a, className: r, onClick: o });
-      case "unarchive":
         return R7({ width: e, height: t, color: a, className: r, onClick: o });
+      case "unarchive":
+        return V7({ width: e, height: t, color: a, className: r, onClick: o });
       case "calendar":
         return H7({ width: e, height: t, color: a, className: r, onClick: o });
       case "check":
@@ -5170,9 +5086,9 @@ const W2 = (l, e) => {
       case "add":
         return y7({ width: e, height: t, color: a, className: r, onClick: o });
       case "list":
-        return A7({ width: e, height: t, color: a, className: r, onClick: o });
-      case "dragAndDrop":
         return E7({ width: e, height: t, color: a, className: r, onClick: o });
+      case "dragAndDrop":
+        return A7({ width: e, height: t, color: a, className: r, onClick: o });
       case "filter1":
         return D7({ width: e, height: t, color: a, className: r, onClick: o });
       case "filter2":
@@ -5190,9 +5106,9 @@ const W2 = (l, e) => {
           onClick: o
         });
       case "skills":
-        return S7({ width: e, height: t, color: a, className: r, onClick: o });
+        return Y7({ width: e, height: t, color: a, className: r, onClick: o });
       case "skillsMatrices":
-        return Y7({
+        return S7({
           width: e,
           height: t,
           color: a,
@@ -5204,17 +5120,17 @@ const W2 = (l, e) => {
       case "logOut":
         return I7({ width: e, height: t, color: a, className: r, onClick: o });
       case "settings":
-        return j7({ width: e, height: t, color: a, className: r, onClick: o });
-      case "trash":
         return $7({ width: e, height: t, color: a, className: r, onClick: o });
+      case "trash":
+        return P7({ width: e, height: t, color: a, className: r, onClick: o });
       case "settings2":
         return T7({ width: e, height: t, color: a, className: r, onClick: o });
       case "checkCircle":
-        return P7({ width: e, height: t, color: a, className: r, onClick: o });
+        return j7({ width: e, height: t, color: a, className: r, onClick: o });
       case "cancelCircle":
-        return W7({ width: e, height: t, color: a, className: r, onClick: o });
+        return F7({ width: e, height: t, color: a, className: r, onClick: o });
       case "visibilityIcon":
-        return F7({
+        return U7({
           width: e,
           height: t,
           color: a,
@@ -5222,7 +5138,7 @@ const W2 = (l, e) => {
           onClick: o
         });
       case "visibilityOffIcon":
-        return U7({
+        return W7({
           width: e,
           height: t,
           color: a,
@@ -5248,7 +5164,7 @@ const W2 = (l, e) => {
       case "arrow2Down":
         return x7({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrow2Left":
-        return V7({ width: e, height: t, color: a, className: r, onClick: o });
+        return Z7({ width: e, height: t, color: a, className: r, onClick: o });
       case "link":
         return t9({ width: e, height: t, color: a, className: r, onClick: o });
       case "telegram":
@@ -5276,19 +5192,19 @@ const W2 = (l, e) => {
       case "resourceManager":
         return w9({ width: e, height: t, color: a, className: r, onClick: o });
       case "image":
-        return u9({ width: e, height: t, color: a, className: r, onClick: o });
+        return f9({ width: e, height: t, color: a, className: r, onClick: o });
       case "edit":
         return p9({ width: e, height: t, color: a, className: r, onClick: o });
       case "burgerMenu":
-        return f9({ width: e, height: t, color: a, className: r, onClick: o });
+        return u9({ width: e, height: t, color: a, className: r, onClick: o });
       case "refresh":
         return L9({ width: e, height: t, color: a, className: r, onClick: o });
       case "projects":
         return m9({ width: e, height: t, color: a, className: r, onClick: o });
       case "user":
-        return v9({ width: e, height: t, color: a, className: r, onClick: o });
-      case "exit":
         return k9({ width: e, height: t, color: a, className: r, onClick: o });
+      case "exit":
+        return v9({ width: e, height: t, color: a, className: r, onClick: o });
       case "status":
         return N9({ width: e, height: t, color: a, className: r, onClick: o });
       case "community":
@@ -5296,9 +5212,9 @@ const W2 = (l, e) => {
       case "docs":
         return x9({ width: e, height: t, color: a, className: r, onClick: o });
       case "unpaidLeave":
-        return V9({ width: e, height: t, color: a, className: r, onClick: o });
+        return Z9({ width: e, height: t, color: a, className: r, onClick: o });
       default:
-        return /* @__PURE__ */ n(j, { children: "No Icon provided" });
+        return /* @__PURE__ */ n($, { children: "No Icon provided" });
     }
   })() });
 }, l2 = ({
@@ -5317,7 +5233,7 @@ const W2 = (l, e) => {
     {
       className: `snmt-tag ${t} ${C ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ n(
-        Z9,
+        R9,
         {
           name: "cancelCircle",
           color: C ? h.GREY_DARK_1 : h.GREY_DARK_2,
@@ -5339,7 +5255,7 @@ const W2 = (l, e) => {
       ) : l
     }
   );
-}, { Title: R9, Text: H9 } = d1, _9 = {
+}, { Title: V9, Text: H9 } = d1, _9 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -5356,9 +5272,9 @@ const W2 = (l, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, a) => {
-    const o = $(null);
+    const o = P(null);
     g1(a, () => o.current);
-    const [r, p] = A(!1);
+    const [r, p] = E(!1);
     D(() => {
       var L;
       if (!d) return;
@@ -5372,10 +5288,10 @@ const W2 = (l, e) => {
       };
     }, [d]);
     const w = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let u = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (u += ` snmt-typography-align-${l}`), C && (u += " collapsed");
-    const f = {
-      className: u,
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`), C && (f += " collapsed");
+    const u = {
+      className: f,
       style: { color: t, whiteSpace: d ? "nowrap" : c, display: d ? "block" : "" },
       onClick: s,
       ref: o,
@@ -5386,7 +5302,7 @@ const W2 = (l, e) => {
         }
       } : void 0
     };
-    return w ? /* @__PURE__ */ n(R9, { level: _9[e], ...f, children: i }) : /* @__PURE__ */ n(H9, { ...f, children: i });
+    return w ? /* @__PURE__ */ n(V9, { level: _9[e], ...u, children: i }) : /* @__PURE__ */ n(H9, { ...u, children: i });
   }
 ), y9 = ({
   children: l,
@@ -5397,9 +5313,9 @@ const W2 = (l, e) => {
   noPadding: C = !1,
   trigger: c = "click"
 }) => {
-  const [d, a] = A(!1);
+  const [d, a] = E(!1);
   return /* @__PURE__ */ n(
-    R2,
+    V2,
     {
       content: e,
       arrow: !1,
@@ -5413,7 +5329,7 @@ const W2 = (l, e) => {
       children: /* @__PURE__ */ n("div", { className: "wrapper", children: l })
     }
   );
-}, { Title: A9, Text: E9 } = d1, D9 = {
+}, { Title: E9, Text: A9 } = d1, D9 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -5430,9 +5346,9 @@ const W2 = (l, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, a) => {
-    const o = $(null);
+    const o = P(null);
     g1(a, () => o.current);
-    const [r, p] = A(!1);
+    const [r, p] = E(!1);
     D(() => {
       var L;
       if (!d) return;
@@ -5446,10 +5362,10 @@ const W2 = (l, e) => {
       };
     }, [d]);
     const w = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let u = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (u += ` snmt-typography-align-${l}`), C && (u += " collapsed");
-    const f = {
-      className: u,
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`), C && (f += " collapsed");
+    const u = {
+      className: f,
       style: { color: t, whiteSpace: d ? "nowrap" : c, display: d ? "block" : "" },
       onClick: s,
       ref: o,
@@ -5460,7 +5376,7 @@ const W2 = (l, e) => {
         }
       } : void 0
     };
-    return w ? /* @__PURE__ */ n(A9, { level: D9[e], ...f, children: i }) : /* @__PURE__ */ n(E9, { ...f, children: i });
+    return w ? /* @__PURE__ */ n(E9, { level: D9[e], ...u, children: i }) : /* @__PURE__ */ n(A9, { ...u, children: i });
   }
 ), K9 = ({
   width: l = 20,
@@ -5534,7 +5450,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), S9 = ({
+), Y9 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -5559,7 +5475,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), Y9 = ({
+), S9 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -5650,7 +5566,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), j9 = ({
+), $9 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -5677,7 +5593,7 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ n("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), $9 = ({
+), P9 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -5741,7 +5657,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), P9 = ({
+), j9 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -5787,7 +5703,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), W9 = ({
+), F9 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -5834,7 +5750,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), F9 = ({
+), U9 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -5858,7 +5774,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), U9 = ({
+), W9 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -6647,7 +6563,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), u0 = ({
+), f0 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -6727,7 +6643,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), f0 = ({
+), u0 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 5,
@@ -6809,7 +6725,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), k0 = ({
+), v0 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -6848,7 +6764,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), v0 = ({
+), k0 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -6989,7 +6905,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), V0 = ({
+), Z0 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -7013,7 +6929,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), Z0 = ({
+), R0 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -7074,7 +6990,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), R0 = ({
+), V0 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -7113,9 +7029,9 @@ const W2 = (l, e) => {
   }
 ), H0 = ({
   className: l,
-  color: e = h.NOTIFICATION_WARNING_DARK,
-  height: t = 37,
-  width: i = 36,
+  color: e = h.GREY_DARK_5,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -7124,28 +7040,29 @@ const W2 = (l, e) => {
     className: l,
     width: i,
     height: t,
-    viewBox: "0 0 36 37",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M30.0644 31.9999H5.93558C3.62853 31.9999 2.18486 29.5045 3.33486 27.5045L15.3993 6.52287C16.5528 4.51675 19.4472 4.51675 20.6007 6.52287L32.6651 27.5045C33.8151 29.5045 32.3715 31.9999 30.0644 31.9999Z",
-          stroke: e,
-          strokeWidth: "2.25",
-          strokeLinecap: "round"
+          d: "M9.61621 3.64141C10.6736 1.80247 13.3264 1.80247 14.3838 3.64141L22.4268 17.6287C23.4809 19.462 22.1578 21.7498 20.043 21.7498H3.95704C1.84226 21.7498 0.519085 19.462 1.57325 17.6287L9.61621 3.64141ZM13.084 4.38946C12.6034 3.55358 11.3967 3.55358 10.916 4.38946L2.87305 18.3768C2.39409 19.2101 2.99585 20.2498 3.95704 20.2498H20.043C21.0042 20.2498 21.6059 19.2101 21.127 18.3768L13.084 4.38946Z",
+          fill: e
         }
       ),
-      /* @__PURE__ */ n("path", { d: "M18 13.9999V19.9999", stroke: e, strokeWidth: "2.25", strokeLinecap: "round" }),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M18 26.0149L18.015 25.9982",
-          stroke: e,
-          strokeWidth: "2.25",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M11.25 13V9C11.25 8.58579 11.5858 8.25 12 8.25C12.4142 8.25 12.75 8.58579 12.75 9V13C12.75 13.4142 12.4142 13.75 12 13.75C11.5858 13.75 11.25 13.4142 11.25 13Z",
+          fill: e
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M11.4523 16.4973C11.7294 16.1894 12.204 16.1645 12.5118 16.4416C12.8197 16.7187 12.8446 17.1933 12.5675 17.5012L12.5577 17.5119C12.2806 17.8198 11.806 17.8447 11.4982 17.5676C11.1904 17.2905 11.1655 16.8158 11.4425 16.508L11.4523 16.4973Z",
+          fill: e
         }
       )
     ]
@@ -7153,8 +7070,8 @@ const W2 = (l, e) => {
 ), _0 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -7170,21 +7087,15 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M18 8.4C18 6.70261 17.3679 5.07475 16.2426 3.87452C15.1174 2.67428 13.5913 2 12 2C10.4087 2 8.88258 2.67428 7.75736 3.87452C6.63214 5.07475 6 6.70261 6 8.4C6 15.8667 3 18 3 18H21C21 18 18 15.8667 18 8.4Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M17.2504 8.40039C17.2504 6.88687 16.686 5.44411 15.6957 4.3877C14.7068 3.33292 13.3766 2.75 12.0004 2.75C10.6242 2.75 9.29391 3.33292 8.30505 4.3877C7.31468 5.44411 6.75036 6.88687 6.75036 8.40039C6.75031 12.2363 5.97918 14.7561 5.16833 16.3418C4.99051 16.6895 4.81031 16.9904 4.63806 17.25H19.3627C19.1904 16.9904 19.0102 16.6895 18.8324 16.3418C18.0215 14.7561 17.2504 12.2363 17.2504 8.40039ZM18.7504 8.40039C18.7504 12.0306 19.4793 14.3106 20.1683 15.6582C20.5135 16.3333 20.8519 16.7812 21.0922 17.0518C21.2124 17.1871 21.3087 17.2789 21.3695 17.333C21.3998 17.3599 21.4216 17.3777 21.433 17.3867C21.4344 17.3878 21.4358 17.3888 21.4369 17.3896H21.4359C21.7011 17.5789 21.8143 17.918 21.7152 18.2285C21.6159 18.5392 21.3266 18.75 21.0004 18.75H3.00036C2.67412 18.75 2.38485 18.5392 2.28552 18.2285C2.18638 17.918 2.2996 17.5789 2.56482 17.3896H2.56384C2.56492 17.3888 2.56636 17.3878 2.56775 17.3867C2.57913 17.3777 2.60093 17.3599 2.63122 17.333C2.69203 17.2789 2.78837 17.1871 2.90857 17.0518C3.14886 16.7812 3.4872 16.3333 3.83239 15.6582C4.52147 14.3106 5.25031 12.0306 5.25036 8.40039C5.25036 6.51915 5.95028 4.70538 7.21032 3.36133C8.47191 2.01564 10.194 1.25 12.0004 1.25C13.8068 1.25 15.5288 2.01564 16.7904 3.36133C18.0504 4.70538 18.7504 6.51915 18.7504 8.40039Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M13.0808 20.6243C13.2886 20.266 13.7469 20.1441 14.1052 20.3518C14.4635 20.5596 14.5854 21.0179 14.3777 21.3762C14.1359 21.7929 13.7893 22.1397 13.3718 22.3801C12.9545 22.6204 12.4813 22.7462 11.9997 22.7463C11.518 22.7463 11.0441 22.6205 10.6267 22.3801C10.2092 22.1397 9.86258 21.7929 9.62084 21.3762C9.4131 21.0179 9.53505 20.5596 9.8933 20.3518C10.2516 20.1441 10.7099 20.266 10.9177 20.6243C11.0276 20.8136 11.186 20.971 11.3757 21.0803C11.5654 21.1894 11.7809 21.2463 11.9997 21.2463C12.2184 21.2462 12.4333 21.1894 12.6228 21.0803C12.8125 20.971 12.9709 20.8136 13.0808 20.6243Z",
+          fill: e
         }
       )
     ]
@@ -7225,8 +7136,8 @@ const W2 = (l, e) => {
 ), y0 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -7242,60 +7153,45 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M4 21.4V2.6C4 2.26863 4.26863 2 4.6 2H16.2515C16.4106 2 16.5632 2.06321 16.6757 2.17574L19.8243 5.32426C19.9368 5.43679 20 5.5894 20 5.74853V21.4C20 21.7314 19.7314 22 19.4 22H4.6C4.26863 22 4 21.7314 4 21.4Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M4.75 21.25H19.25V5.81055L16.1895 2.75H4.75V21.25ZM20.75 21.4004C20.7498 22.1457 20.1457 22.7498 19.4004 22.75H4.59961C3.85433 22.7498 3.25021 22.1457 3.25 21.4004V2.59961C3.25021 1.85433 3.85434 1.25021 4.59961 1.25H16.252C16.6098 1.25013 16.953 1.39245 17.2061 1.64551L20.3545 4.79395C20.6076 5.04701 20.7499 5.39018 20.75 5.74805V21.4004Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M8 10L16 10",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M16 10.75L8 10.75C7.58579 10.75 7.25 10.4142 7.25 10C7.25 9.58579 7.58579 9.25 8 9.25L16 9.25C16.4142 9.25 16.75 9.58579 16.75 10C16.75 10.4142 16.4142 10.75 16 10.75Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M8 18L16 18",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M16 18.75L8 18.75C7.58579 18.75 7.25 18.4142 7.25 18C7.25 17.5858 7.58579 17.25 8 17.25L16 17.25C16.4142 17.25 16.75 17.5858 16.75 18C16.75 18.4142 16.4142 18.75 16 18.75Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M8 14L12 14",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12 14.75L8 14.75C7.58579 14.75 7.25 14.4142 7.25 14C7.25 13.5858 7.58579 13.25 8 13.25L12 13.25C12.4142 13.25 12.75 13.5858 12.75 14C12.75 14.4142 12.4142 14.75 12 14.75Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M16 2V5.4C16 5.73137 16.2686 6 16.6 6H20",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M15.25 2C15.25 1.58579 15.5858 1.25 16 1.25C16.4142 1.25 16.75 1.58579 16.75 2V5.25H20C20.4142 5.25 20.75 5.58579 20.75 6C20.75 6.41421 20.4142 6.75 20 6.75H16.5996C15.8543 6.74979 15.2502 6.14567 15.25 5.40039V2Z",
+          fill: e
         }
       )
     ]
   }
-), A0 = ({
+), E0 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -7311,48 +7207,38 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M2 20V19C2 15.134 5.13401 12 9 12V12",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M1.25 20V19C1.25 14.7198 4.71979 11.25 9 11.25V12.75C5.54822 12.75 2.75 15.5482 2.75 19V20C2.75 20.4142 2.41421 20.75 2 20.75C1.58579 20.75 1.25 20.4142 1.25 20Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M15.8038 12.3135C16.4456 11.6088 17.5544 11.6088 18.1962 12.3135V12.3135C18.5206 12.6697 18.9868 12.8628 19.468 12.8403V12.8403C20.4201 12.7958 21.2042 13.5799 21.1597 14.532V14.532C21.1372 15.0132 21.3303 15.4794 21.6865 15.8038V15.8038C22.3912 16.4456 22.3912 17.5544 21.6865 18.1962V18.1962C21.3303 18.5206 21.1372 18.9868 21.1597 19.468V19.468C21.2042 20.4201 20.4201 21.2042 19.468 21.1597V21.1597C18.9868 21.1372 18.5206 21.3303 18.1962 21.6865V21.6865C17.5544 22.3912 16.4456 22.3912 15.8038 21.6865V21.6865C15.4794 21.3303 15.0132 21.1372 14.532 21.1597V21.1597C13.5799 21.2042 12.7958 20.4201 12.8403 19.468V19.468C12.8628 18.9868 12.6697 18.5206 12.3135 18.1962V18.1962C11.6088 17.5544 11.6088 16.4456 12.3135 15.8038V15.8038C12.6697 15.4794 12.8628 15.0132 12.8403 14.532V14.532C12.7958 13.5799 13.5799 12.7958 14.532 12.8403V12.8403C15.0132 12.8628 15.4794 12.6697 15.8038 12.3135V12.3135Z",
-          stroke: e,
-          strokeWidth: "1.5"
+          d: "M15.2491 11.8087C16.1884 10.7773 17.8118 10.7773 18.7511 11.8087C18.925 11.9996 19.1748 12.1029 19.4327 12.0909C20.8262 12.0258 21.9744 13.174 21.9093 14.5675C21.8973 14.8254 22.0006 15.0752 22.1915 15.2491C23.2229 16.1884 23.2229 17.8118 22.1915 18.7511C22.0006 18.925 21.8973 19.1748 21.9093 19.4327C21.9744 20.8262 20.8262 21.9744 19.4327 21.9093C19.1748 21.8973 18.925 22.0006 18.7511 22.1915C17.8118 23.2229 16.1884 23.2229 15.2491 22.1915C15.0752 22.0006 14.8254 21.8973 14.5675 21.9093C13.174 21.9744 12.0258 20.8262 12.0909 19.4327C12.1029 19.1748 11.9996 18.925 11.8087 18.7511C10.7773 17.8118 10.7773 16.1884 11.8087 15.2491C11.9996 15.0752 12.1029 14.8254 12.0909 14.5675C12.0258 13.174 13.174 12.0258 14.5675 12.0909C14.8254 12.1029 15.0752 11.9996 15.2491 11.8087ZM17.6417 12.8185C17.2974 12.4406 16.7028 12.4406 16.3585 12.8185C15.8838 13.3397 15.2014 13.6228 14.4972 13.59C13.9864 13.5661 13.5661 13.9864 13.59 14.4972C13.6228 15.2014 13.3397 15.8838 12.8185 16.3585C12.4406 16.7028 12.4406 17.2974 12.8185 17.6417C13.3397 18.1164 13.6228 18.7988 13.59 19.503C13.5661 20.0138 13.9864 20.4341 14.4972 20.4103C15.2014 20.3774 15.8838 20.6605 16.3585 21.1818C16.7028 21.5596 17.2974 21.5596 17.6417 21.1818C18.1164 20.6605 18.7988 20.3774 19.503 20.4103C20.0138 20.4341 20.4341 20.0138 20.4103 19.503C20.3774 18.7988 20.6605 18.1164 21.1818 17.6417C21.5596 17.2974 21.5596 16.7028 21.1818 16.3585C20.6605 15.8838 20.3774 15.2014 20.4103 14.4972C20.4341 13.9864 20.0138 13.5661 19.503 13.59C18.7988 13.6228 18.1164 13.3397 17.6417 12.8185Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M15.3636 17L16.4546 18.0909L18.6364 15.9091",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M14.8331 17.5303C14.5402 17.2374 14.5402 16.7626 14.8331 16.4697C15.126 16.1768 15.6008 16.1768 15.8937 16.4697L16.4544 17.0304L18.1062 15.3786L18.1628 15.3275C18.4574 15.0872 18.8922 15.104 19.1669 15.3786C19.4413 15.6533 19.4583 16.0881 19.218 16.3827L19.1669 16.4393L16.9848 18.6214C16.6919 18.9142 16.217 18.9141 15.9241 18.6214L14.8331 17.5303Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M9 12C11.2091 12 13 10.2091 13 8C13 5.79086 11.2091 4 9 4C6.79086 4 5 5.79086 5 8C5 10.2091 6.79086 12 9 12Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12.25 8C12.25 6.20507 10.7949 4.75 9 4.75C7.20507 4.75 5.75 6.20507 5.75 8C5.75 9.79493 7.20507 11.25 9 11.25C10.7949 11.25 12.25 9.79493 12.25 8ZM13.75 8C13.75 10.6234 11.6234 12.75 9 12.75C6.37665 12.75 4.25 10.6234 4.25 8C4.25 5.37665 6.37665 3.25 9 3.25C11.6234 3.25 13.75 5.37665 13.75 8Z",
+          fill: e
         }
       )
     ]
   }
-), E0 = ({
+), A0 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -7368,31 +7254,22 @@ const W2 = (l, e) => {
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M20.25 3.75H3.75V20.25H20.25V3.75ZM2.25 3.59961C2.25021 2.85433 2.85434 2.25021 3.59961 2.25H20.4004C21.1457 2.25021 21.7498 2.85434 21.75 3.59961V20.4004C21.7498 21.1457 21.1457 21.7498 20.4004 21.75H3.59961C2.85433 21.7498 2.25021 21.1457 2.25 20.4004V3.59961Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M3 16L10 13L21 18",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M9.77861 12.2833C9.9532 12.2293 10.1428 12.2411 10.3108 12.3175L21.3108 17.3175L21.3792 17.3527C21.7074 17.5442 21.8435 17.9572 21.6829 18.3107C21.5114 18.6876 21.0668 18.8541 20.6897 18.6827L9.9915 13.8195L3.29619 16.6896C2.91558 16.8527 2.47412 16.6765 2.31084 16.296C2.14772 15.9154 2.32391 15.474 2.70439 15.3107L9.70439 12.3107L9.77861 12.2833Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M16 10C14.8954 10 14 9.10457 14 8C14 6.89543 14.8954 6 16 6C17.1046 6 18 6.89543 18 8C18 9.10457 17.1046 10 16 10Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M14.75 8C14.75 7.30964 15.3096 6.75 16 6.75C16.6904 6.75 17.25 7.30964 17.25 8C17.25 8.69036 16.6904 9.25 16 9.25C15.3096 9.25 14.75 8.69036 14.75 8ZM13.25 8C13.25 9.51878 14.4812 10.75 16 10.75C17.5188 10.75 18.75 9.51878 18.75 8C18.75 6.48122 17.5188 5.25 16 5.25C14.4812 5.25 13.25 6.48122 13.25 8Z",
+          fill: e
         }
       )
     ]
@@ -7400,8 +7277,8 @@ const W2 = (l, e) => {
 ), D0 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ n(
   "svg",
@@ -7416,11 +7293,8 @@ const W2 = (l, e) => {
     children: /* @__PURE__ */ n(
       "path",
       {
-        d: "M14.3632 5.65156L15.8431 4.17157C16.6242 3.39052 17.8905 3.39052 18.6716 4.17157L20.0858 5.58579C20.8668 6.36683 20.8668 7.63316 20.0858 8.41421L18.6058 9.8942M14.3632 5.65156L4.74749 15.2672C4.41542 15.5993 4.21079 16.0376 4.16947 16.5054L3.92738 19.2459C3.87261 19.8659 4.39148 20.3848 5.0115 20.33L7.75191 20.0879C8.21972 20.0466 8.65806 19.8419 8.99013 19.5099L18.6058 9.8942M14.3632 5.65156L18.6058 9.8942",
-        stroke: e,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        d: "M14.3632 6.71205L17.5452 9.89403L8.45984 18.9794C8.2523 19.1869 7.97813 19.3147 7.68575 19.3405L4.94503 19.5829C4.7903 19.5964 4.66089 19.4669 4.67434 19.3122L4.91671 16.5715C4.94254 16.2791 5.07032 16.0049 5.27786 15.7974L14.3632 6.71205ZM16.3734 4.7019C16.8615 4.21375 17.653 4.21375 18.1411 4.7019L19.5553 6.11612C20.0435 6.60427 20.0435 7.39573 19.5553 7.88388L18.6059 8.83337L15.4239 5.65139L16.3734 4.7019ZM4.2172 14.7367C3.76073 15.1932 3.47933 15.7959 3.4224 16.4389L3.18002 19.1796C3.08417 20.2647 3.99258 21.1731 5.07761 21.0772L7.81834 20.8348C8.46136 20.7779 9.06403 20.4965 9.5205 20.04L20.616 8.94454C21.6899 7.8706 21.6899 6.1294 20.616 5.05546L19.2018 3.64124C18.1278 2.5673 16.3866 2.5673 15.3127 3.64124L4.2172 14.7367Z",
+        fill: e
       }
     )
   }
@@ -7528,7 +7402,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), S0 = ({
+), Y0 = ({
   width: l = 24,
   height: e = 24,
   color: t = "#131314",
@@ -7561,7 +7435,7 @@ const W2 = (l, e) => {
       )
     ]
   }
-), Y0 = ({
+), S0 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -7695,10 +7569,10 @@ const W2 = (l, e) => {
       )
     ]
   }
-), j0 = ({
-  width: l = 24,
-  height: e = 24,
-  color: t = h.GREY_DARK_2,
+), $0 = ({
+  width: l = 20,
+  height: e = 20,
+  color: t = h.GREY_DARK_5,
   className: i,
   onClick: s
 }) => /* @__PURE__ */ n(
@@ -7722,7 +7596,7 @@ const W2 = (l, e) => {
       }
     )
   }
-), $0 = ({
+), P0 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -7756,7 +7630,7 @@ const W2 = (l, e) => {
   onClick: c
 }) => {
   const { theme: d } = T(Q), a = C ? d && d === "dark" ? h.GREY_LIGHT_4 : h.GREY_DARK_1 : i, o = C ? void 0 : c, r = c && !C ? `${s || ""} clickable` : s;
-  return /* @__PURE__ */ n(j, { children: (() => {
+  return /* @__PURE__ */ n($, { children: (() => {
     switch (l) {
       case "arrow1Down":
         return K9({ width: e, height: t, color: a, className: r, onClick: o });
@@ -7765,19 +7639,19 @@ const W2 = (l, e) => {
       case "arrow1Right":
         return B9({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrow1Left":
-        return S9({ width: e, height: t, color: a, className: r, onClick: o });
-      case "info":
         return Y9({ width: e, height: t, color: a, className: r, onClick: o });
+      case "info":
+        return S9({ width: e, height: t, color: a, className: r, onClick: o });
       case "archive":
         return T9({ width: e, height: t, color: a, className: r, onClick: o });
       case "unarchive":
-        return P9({ width: e, height: t, color: a, className: r, onClick: o });
+        return j9({ width: e, height: t, color: a, className: r, onClick: o });
       case "calendar":
-        return W9({ width: e, height: t, color: a, className: r, onClick: o });
-      case "check":
         return F9({ width: e, height: t, color: a, className: r, onClick: o });
-      case "cancel":
+      case "check":
         return U9({ width: e, height: t, color: a, className: r, onClick: o });
+      case "cancel":
+        return W9({ width: e, height: t, color: a, className: r, onClick: o });
       case "add":
         return z9({ width: e, height: t, color: a, className: r, onClick: o });
       case "list":
@@ -7787,7 +7661,7 @@ const W2 = (l, e) => {
       case "filter1":
         return q9({ width: e, height: t, color: a, className: r, onClick: o });
       case "filter2":
-        return V0({ width: e, height: t, color: a, className: r, onClick: o });
+        return Z0({ width: e, height: t, color: a, className: r, onClick: o });
       case "attention":
         return X9({ width: e, height: t, color: a, className: r, onClick: o });
       case "users":
@@ -7845,37 +7719,37 @@ const W2 = (l, e) => {
       case "sortDown":
         return w0({ width: e, height: t, color: a, className: r, onClick: o });
       case "sortDouble":
-        return u0({ width: e, height: t, color: a, className: r, onClick: o });
+        return f0({ width: e, height: t, color: a, className: r, onClick: o });
       case "search":
         return p0({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrowUpFilled":
         return L0({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrowDownFilled":
-        return f0({ width: e, height: t, color: a, className: r, onClick: o });
+        return u0({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrow2Up":
         return O9({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrow2Right":
         return I9({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrow2Down":
-        return j9({ width: e, height: t, color: a, className: r, onClick: o });
-      case "arrow2Left":
         return $9({ width: e, height: t, color: a, className: r, onClick: o });
+      case "arrow2Left":
+        return P9({ width: e, height: t, color: a, className: r, onClick: o });
       case "link":
         return m0({ width: e, height: t, color: a, className: r, onClick: o });
       case "telegram":
-        return v0({ width: e, height: t, color: a, className: r, onClick: o });
+        return k0({ width: e, height: t, color: a, className: r, onClick: o });
       case "mail":
         return M0({ width: e, height: t, color: a, className: r, onClick: o });
       case "github":
-        return k0({ width: e, height: t, color: a, className: r, onClick: o });
+        return v0({ width: e, height: t, color: a, className: r, onClick: o });
       case "linkedIn":
         return N0({ width: e, height: t, color: a, className: r, onClick: o });
       case "emptyStateIcon":
         return x0({ width: e, height: t, color: a, className: r, onClick: o });
       case "dotMenuIcon":
-        return Z0({ width: e, height: t, color: a, className: r, onClick: o });
-      case "plusCircle":
         return R0({ width: e, height: t, color: a, className: r, onClick: o });
+      case "plusCircle":
+        return V0({ width: e, height: t, color: a, className: r, onClick: o });
       case "warning":
         return H0({ width: e, height: t, color: a, className: r, onClick: o });
       case "bell":
@@ -7885,9 +7759,9 @@ const W2 = (l, e) => {
       case "contract":
         return y0({ width: e, height: t, color: a, className: r, onClick: o });
       case "resourceManager":
-        return A0({ width: e, height: t, color: a, className: r, onClick: o });
-      case "image":
         return E0({ width: e, height: t, color: a, className: r, onClick: o });
+      case "image":
+        return A0({ width: e, height: t, color: a, className: r, onClick: o });
       case "edit":
         return D0({ width: e, height: t, color: a, className: r, onClick: o });
       case "burgerMenu":
@@ -7897,19 +7771,19 @@ const W2 = (l, e) => {
       case "projects":
         return B0({ width: e, height: t, color: a, className: r, onClick: o });
       case "user":
-        return Y0({ width: e, height: t, color: a, className: r, onClick: o });
-      case "exit":
         return S0({ width: e, height: t, color: a, className: r, onClick: o });
+      case "exit":
+        return Y0({ width: e, height: t, color: a, className: r, onClick: o });
       case "status":
         return O0({ width: e, height: t, color: a, className: r, onClick: o });
       case "community":
         return I0({ width: e, height: t, color: a, className: r, onClick: o });
       case "docs":
-        return j0({ width: e, height: t, color: a, className: r, onClick: o });
-      case "unpaidLeave":
         return $0({ width: e, height: t, color: a, className: r, onClick: o });
+      case "unpaidLeave":
+        return P0({ width: e, height: t, color: a, className: r, onClick: o });
       default:
-        return /* @__PURE__ */ n(j, { children: "No Icon provided" });
+        return /* @__PURE__ */ n($, { children: "No Icon provided" });
     }
   })() });
 }, T0 = ({
@@ -7938,7 +7812,7 @@ const W2 = (l, e) => {
       children: /* @__PURE__ */ n(s2, { variant: s, color: h.GREY_DARK_4, children: l })
     }
   );
-}, P0 = ({
+}, j0 = ({
   text: l,
   status: e,
   withIcon: t = !1,
@@ -7987,8 +7861,8 @@ const W2 = (l, e) => {
       ]
     }
   );
-}, n2 = (l) => l.variant === "status" ? /* @__PURE__ */ n(P0, { ...l }) : /* @__PURE__ */ n(T0, { ...l });
-var W0 = { exports: {} };
+}, n2 = (l) => l.variant === "status" ? /* @__PURE__ */ n(j0, { ...l }) : /* @__PURE__ */ n(T0, { ...l });
+var F0 = { exports: {} };
 (function(l, e) {
   (function(t, i) {
     l.exports = i();
@@ -7998,8 +7872,8 @@ var W0 = { exports: {} };
       return "[" + t + (i[(s - 20) % 10] || i[s] || i[0]) + "]";
     } };
   });
-})(W0);
-const F0 = ({
+})(F0);
+const U0 = ({
   values: l,
   onTagClose: e,
   maxWidth: t,
@@ -8009,42 +7883,42 @@ const F0 = ({
   extraOptions: c,
   selectedItemVariant: d = "default"
 }) => {
-  const { locale: a } = T(Q), { t: o } = U2("common", { lng: a }), [r, p] = A(!1);
+  const { locale: a } = T(Q), { t: o } = W2("common", { lng: a }), [r, p] = E(!1);
   if (D(() => {
     l.length || p(!1);
   }, [l]), !l.length)
     return null;
-  const w = (u) => {
-    var f, L;
-    return ((f = C == null ? void 0 : C.find((x) => x.value === u)) == null ? void 0 : f.label) || ((L = c == null ? void 0 : c.find((x) => x.value === u)) == null ? void 0 : L.label) || u;
+  const w = (f) => {
+    var u, L;
+    return ((u = C == null ? void 0 : C.find((x) => x.value === f)) == null ? void 0 : u.label) || ((L = c == null ? void 0 : c.find((x) => x.value === f)) == null ? void 0 : L.label) || f;
   };
   return /* @__PURE__ */ g(
     y9,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ n(C1, { gap: 6, flexWrap: "wrap", children: l.map(({ value: u }) => {
-          const f = d === "badge" && C.find(
-            (L) => L.label === w(u)
+        /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ n(C1, { gap: 6, flexWrap: "wrap", children: l.map(({ value: f }) => {
+          const u = d === "badge" && C.find(
+            (L) => L.label === w(f)
           );
           return d === "badge" ? /* @__PURE__ */ n(
             n2,
             {
               variant: "regular",
               size: "small",
-              color: f ? f.color : void 0,
-              text: w(u)
+              color: u ? u.color : void 0,
+              text: w(f)
             },
-            u
+            f
           ) : /* @__PURE__ */ n(
             l2,
             {
-              onClose: () => e(u),
+              onClose: () => e(f),
               closable: i,
               disabled: s,
-              children: w(u)
+              children: w(f)
             },
-            u
+            f
           );
         }) }) })
       ),
@@ -8058,12 +7932,12 @@ const F0 = ({
       ]
     }
   );
-}, U0 = {
+}, W0 = {
   small: 20,
   medium: 28,
   large: 48
-}, Y1 = ({ size: l = "medium", color: e = "#004ed7" }) => {
-  const t = U0[l], i = `no-repeat linear-gradient(${e}
+}, S1 = ({ size: l = "medium", color: e = "#004ed7" }) => {
+  const t = W0[l], i = `no-repeat linear-gradient(${e}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${e} 0)`, s = {
     width: t,
     background: `${i} 0% 100%, ${i} 50% 100%, ${i} 100% 100%`,
@@ -8749,7 +8623,7 @@ const F0 = ({
       )
     ]
   }
-), u4 = ({
+), f4 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -8843,7 +8717,7 @@ const F0 = ({
       )
     ]
   }
-), f4 = ({
+), u4 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -8949,7 +8823,7 @@ const F0 = ({
       )
     ]
   }
-), k4 = ({
+), v4 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -8982,7 +8856,7 @@ const F0 = ({
       )
     ]
   }
-), v4 = ({
+), k4 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -9121,7 +8995,7 @@ const F0 = ({
       )
     ]
   }
-), V4 = ({
+), Z4 = ({
   width: l = 20,
   height: e = 20,
   color: t = "#070739",
@@ -9151,7 +9025,7 @@ const F0 = ({
       /* @__PURE__ */ n("circle", { cx: "10", cy: "10", r: "2.375", stroke: t, strokeWidth: "1.25" })
     ]
   }
-), Z4 = ({
+), R4 = ({
   width: l = 20,
   height: e = 20,
   color: t = "#070739",
@@ -9189,7 +9063,7 @@ const F0 = ({
       )
     ]
   }
-), R4 = ({
+), V4 = ({
   width: l = 20,
   height: e = 20,
   color: t = h.GREY_DARK_5,
@@ -9359,7 +9233,7 @@ const F0 = ({
       }
     )
   }
-), A4 = ({
+), E4 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 5,
@@ -9384,7 +9258,7 @@ const F0 = ({
       }
     )
   }
-), E4 = ({
+), A4 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -9560,7 +9434,7 @@ const F0 = ({
       )
     ]
   }
-), S4 = ({
+), Y4 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -9597,7 +9471,7 @@ const F0 = ({
       )
     ]
   }
-), Y4 = ({
+), S4 = ({
   className: l,
   color: e = h.GREY_DARK_5,
   height: t = 20,
@@ -9719,11 +9593,11 @@ const F0 = ({
       )
     ]
   }
-), j4 = ({
+), $4 = ({
   className: l,
-  color: e = h.NOTIFICATION_WARNING_DARK,
-  height: t = 37,
-  width: i = 36,
+  color: e = h.GREY_DARK_5,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -9732,37 +9606,38 @@ const F0 = ({
     className: l,
     width: i,
     height: t,
-    viewBox: "0 0 36 37",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M30.0644 31.9999H5.93558C3.62853 31.9999 2.18486 29.5045 3.33486 27.5045L15.3993 6.52287C16.5528 4.51675 19.4472 4.51675 20.6007 6.52287L32.6651 27.5045C33.8151 29.5045 32.3715 31.9999 30.0644 31.9999Z",
-          stroke: e,
-          strokeWidth: "2.25",
-          strokeLinecap: "round"
+          d: "M9.61621 3.64141C10.6736 1.80247 13.3264 1.80247 14.3838 3.64141L22.4268 17.6287C23.4809 19.462 22.1578 21.7498 20.043 21.7498H3.95704C1.84226 21.7498 0.519085 19.462 1.57325 17.6287L9.61621 3.64141ZM13.084 4.38946C12.6034 3.55358 11.3967 3.55358 10.916 4.38946L2.87305 18.3768C2.39409 19.2101 2.99585 20.2498 3.95704 20.2498H20.043C21.0042 20.2498 21.6059 19.2101 21.127 18.3768L13.084 4.38946Z",
+          fill: e
         }
       ),
-      /* @__PURE__ */ n("path", { d: "M18 13.9999V19.9999", stroke: e, strokeWidth: "2.25", strokeLinecap: "round" }),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M18 26.0149L18.015 25.9982",
-          stroke: e,
-          strokeWidth: "2.25",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M11.25 13V9C11.25 8.58579 11.5858 8.25 12 8.25C12.4142 8.25 12.75 8.58579 12.75 9V13C12.75 13.4142 12.4142 13.75 12 13.75C11.5858 13.75 11.25 13.4142 11.25 13Z",
+          fill: e
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M11.4523 16.4973C11.7294 16.1894 12.204 16.1645 12.5118 16.4416C12.8197 16.7187 12.8446 17.1933 12.5675 17.5012L12.5577 17.5119C12.2806 17.8198 11.806 17.8447 11.4982 17.5676C11.1904 17.2905 11.1655 16.8158 11.4425 16.508L11.4523 16.4973Z",
+          fill: e
         }
       )
     ]
   }
-), $4 = ({
+), P4 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -9778,21 +9653,15 @@ const F0 = ({
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M18 8.4C18 6.70261 17.3679 5.07475 16.2426 3.87452C15.1174 2.67428 13.5913 2 12 2C10.4087 2 8.88258 2.67428 7.75736 3.87452C6.63214 5.07475 6 6.70261 6 8.4C6 15.8667 3 18 3 18H21C21 18 18 15.8667 18 8.4Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M17.2504 8.40039C17.2504 6.88687 16.686 5.44411 15.6957 4.3877C14.7068 3.33292 13.3766 2.75 12.0004 2.75C10.6242 2.75 9.29391 3.33292 8.30505 4.3877C7.31468 5.44411 6.75036 6.88687 6.75036 8.40039C6.75031 12.2363 5.97918 14.7561 5.16833 16.3418C4.99051 16.6895 4.81031 16.9904 4.63806 17.25H19.3627C19.1904 16.9904 19.0102 16.6895 18.8324 16.3418C18.0215 14.7561 17.2504 12.2363 17.2504 8.40039ZM18.7504 8.40039C18.7504 12.0306 19.4793 14.3106 20.1683 15.6582C20.5135 16.3333 20.8519 16.7812 21.0922 17.0518C21.2124 17.1871 21.3087 17.2789 21.3695 17.333C21.3998 17.3599 21.4216 17.3777 21.433 17.3867C21.4344 17.3878 21.4358 17.3888 21.4369 17.3896H21.4359C21.7011 17.5789 21.8143 17.918 21.7152 18.2285C21.6159 18.5392 21.3266 18.75 21.0004 18.75H3.00036C2.67412 18.75 2.38485 18.5392 2.28552 18.2285C2.18638 17.918 2.2996 17.5789 2.56482 17.3896H2.56384C2.56492 17.3888 2.56636 17.3878 2.56775 17.3867C2.57913 17.3777 2.60093 17.3599 2.63122 17.333C2.69203 17.2789 2.78837 17.1871 2.90857 17.0518C3.14886 16.7812 3.4872 16.3333 3.83239 15.6582C4.52147 14.3106 5.25031 12.0306 5.25036 8.40039C5.25036 6.51915 5.95028 4.70538 7.21032 3.36133C8.47191 2.01564 10.194 1.25 12.0004 1.25C13.8068 1.25 15.5288 2.01564 16.7904 3.36133C18.0504 4.70538 18.7504 6.51915 18.7504 8.40039Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M13.0808 20.6243C13.2886 20.266 13.7469 20.1441 14.1052 20.3518C14.4635 20.5596 14.5854 21.0179 14.3777 21.3762C14.1359 21.7929 13.7893 22.1397 13.3718 22.3801C12.9545 22.6204 12.4813 22.7462 11.9997 22.7463C11.518 22.7463 11.0441 22.6205 10.6267 22.3801C10.2092 22.1397 9.86258 21.7929 9.62084 21.3762C9.4131 21.0179 9.53505 20.5596 9.8933 20.3518C10.2516 20.1441 10.7099 20.266 10.9177 20.6243C11.0276 20.8136 11.186 20.971 11.3757 21.0803C11.5654 21.1894 11.7809 21.2463 11.9997 21.2463C12.2184 21.2462 12.4333 21.1894 12.6228 21.0803C12.8125 20.971 12.9709 20.8136 13.0808 20.6243Z",
+          fill: e
         }
       )
     ]
@@ -9830,11 +9699,11 @@ const F0 = ({
       )
     ]
   }
-), P4 = ({
+), j4 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -9850,60 +9719,45 @@ const F0 = ({
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M4 21.4V2.6C4 2.26863 4.26863 2 4.6 2H16.2515C16.4106 2 16.5632 2.06321 16.6757 2.17574L19.8243 5.32426C19.9368 5.43679 20 5.5894 20 5.74853V21.4C20 21.7314 19.7314 22 19.4 22H4.6C4.26863 22 4 21.7314 4 21.4Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M4.75 21.25H19.25V5.81055L16.1895 2.75H4.75V21.25ZM20.75 21.4004C20.7498 22.1457 20.1457 22.7498 19.4004 22.75H4.59961C3.85433 22.7498 3.25021 22.1457 3.25 21.4004V2.59961C3.25021 1.85433 3.85434 1.25021 4.59961 1.25H16.252C16.6098 1.25013 16.953 1.39245 17.2061 1.64551L20.3545 4.79395C20.6076 5.04701 20.7499 5.39018 20.75 5.74805V21.4004Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M8 10L16 10",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M16 10.75L8 10.75C7.58579 10.75 7.25 10.4142 7.25 10C7.25 9.58579 7.58579 9.25 8 9.25L16 9.25C16.4142 9.25 16.75 9.58579 16.75 10C16.75 10.4142 16.4142 10.75 16 10.75Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M8 18L16 18",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M16 18.75L8 18.75C7.58579 18.75 7.25 18.4142 7.25 18C7.25 17.5858 7.58579 17.25 8 17.25L16 17.25C16.4142 17.25 16.75 17.5858 16.75 18C16.75 18.4142 16.4142 18.75 16 18.75Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M8 14L12 14",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12 14.75L8 14.75C7.58579 14.75 7.25 14.4142 7.25 14C7.25 13.5858 7.58579 13.25 8 13.25L12 13.25C12.4142 13.25 12.75 13.5858 12.75 14C12.75 14.4142 12.4142 14.75 12 14.75Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M16 2V5.4C16 5.73137 16.2686 6 16.6 6H20",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M15.25 2C15.25 1.58579 15.5858 1.25 16 1.25C16.4142 1.25 16.75 1.58579 16.75 2V5.25H20C20.4142 5.25 20.75 5.58579 20.75 6C20.75 6.41421 20.4142 6.75 20 6.75H16.5996C15.8543 6.74979 15.2502 6.14567 15.25 5.40039V2Z",
+          fill: e
         }
       )
     ]
   }
-), W4 = ({
+), F4 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -9919,48 +9773,38 @@ const F0 = ({
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M2 20V19C2 15.134 5.13401 12 9 12V12",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M1.25 20V19C1.25 14.7198 4.71979 11.25 9 11.25V12.75C5.54822 12.75 2.75 15.5482 2.75 19V20C2.75 20.4142 2.41421 20.75 2 20.75C1.58579 20.75 1.25 20.4142 1.25 20Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M15.8038 12.3135C16.4456 11.6088 17.5544 11.6088 18.1962 12.3135V12.3135C18.5206 12.6697 18.9868 12.8628 19.468 12.8403V12.8403C20.4201 12.7958 21.2042 13.5799 21.1597 14.532V14.532C21.1372 15.0132 21.3303 15.4794 21.6865 15.8038V15.8038C22.3912 16.4456 22.3912 17.5544 21.6865 18.1962V18.1962C21.3303 18.5206 21.1372 18.9868 21.1597 19.468V19.468C21.2042 20.4201 20.4201 21.2042 19.468 21.1597V21.1597C18.9868 21.1372 18.5206 21.3303 18.1962 21.6865V21.6865C17.5544 22.3912 16.4456 22.3912 15.8038 21.6865V21.6865C15.4794 21.3303 15.0132 21.1372 14.532 21.1597V21.1597C13.5799 21.2042 12.7958 20.4201 12.8403 19.468V19.468C12.8628 18.9868 12.6697 18.5206 12.3135 18.1962V18.1962C11.6088 17.5544 11.6088 16.4456 12.3135 15.8038V15.8038C12.6697 15.4794 12.8628 15.0132 12.8403 14.532V14.532C12.7958 13.5799 13.5799 12.7958 14.532 12.8403V12.8403C15.0132 12.8628 15.4794 12.6697 15.8038 12.3135V12.3135Z",
-          stroke: e,
-          strokeWidth: "1.5"
+          d: "M15.2491 11.8087C16.1884 10.7773 17.8118 10.7773 18.7511 11.8087C18.925 11.9996 19.1748 12.1029 19.4327 12.0909C20.8262 12.0258 21.9744 13.174 21.9093 14.5675C21.8973 14.8254 22.0006 15.0752 22.1915 15.2491C23.2229 16.1884 23.2229 17.8118 22.1915 18.7511C22.0006 18.925 21.8973 19.1748 21.9093 19.4327C21.9744 20.8262 20.8262 21.9744 19.4327 21.9093C19.1748 21.8973 18.925 22.0006 18.7511 22.1915C17.8118 23.2229 16.1884 23.2229 15.2491 22.1915C15.0752 22.0006 14.8254 21.8973 14.5675 21.9093C13.174 21.9744 12.0258 20.8262 12.0909 19.4327C12.1029 19.1748 11.9996 18.925 11.8087 18.7511C10.7773 17.8118 10.7773 16.1884 11.8087 15.2491C11.9996 15.0752 12.1029 14.8254 12.0909 14.5675C12.0258 13.174 13.174 12.0258 14.5675 12.0909C14.8254 12.1029 15.0752 11.9996 15.2491 11.8087ZM17.6417 12.8185C17.2974 12.4406 16.7028 12.4406 16.3585 12.8185C15.8838 13.3397 15.2014 13.6228 14.4972 13.59C13.9864 13.5661 13.5661 13.9864 13.59 14.4972C13.6228 15.2014 13.3397 15.8838 12.8185 16.3585C12.4406 16.7028 12.4406 17.2974 12.8185 17.6417C13.3397 18.1164 13.6228 18.7988 13.59 19.503C13.5661 20.0138 13.9864 20.4341 14.4972 20.4103C15.2014 20.3774 15.8838 20.6605 16.3585 21.1818C16.7028 21.5596 17.2974 21.5596 17.6417 21.1818C18.1164 20.6605 18.7988 20.3774 19.503 20.4103C20.0138 20.4341 20.4341 20.0138 20.4103 19.503C20.3774 18.7988 20.6605 18.1164 21.1818 17.6417C21.5596 17.2974 21.5596 16.7028 21.1818 16.3585C20.6605 15.8838 20.3774 15.2014 20.4103 14.4972C20.4341 13.9864 20.0138 13.5661 19.503 13.59C18.7988 13.6228 18.1164 13.3397 17.6417 12.8185Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M15.3636 17L16.4546 18.0909L18.6364 15.9091",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M14.8331 17.5303C14.5402 17.2374 14.5402 16.7626 14.8331 16.4697C15.126 16.1768 15.6008 16.1768 15.8937 16.4697L16.4544 17.0304L18.1062 15.3786L18.1628 15.3275C18.4574 15.0872 18.8922 15.104 19.1669 15.3786C19.4413 15.6533 19.4583 16.0881 19.218 16.3827L19.1669 16.4393L16.9848 18.6214C16.6919 18.9142 16.217 18.9141 15.9241 18.6214L14.8331 17.5303Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M9 12C11.2091 12 13 10.2091 13 8C13 5.79086 11.2091 4 9 4C6.79086 4 5 5.79086 5 8C5 10.2091 6.79086 12 9 12Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12.25 8C12.25 6.20507 10.7949 4.75 9 4.75C7.20507 4.75 5.75 6.20507 5.75 8C5.75 9.79493 7.20507 11.25 9 11.25C10.7949 11.25 12.25 9.79493 12.25 8ZM13.75 8C13.75 10.6234 11.6234 12.75 9 12.75C6.37665 12.75 4.25 10.6234 4.25 8C4.25 5.37665 6.37665 3.25 9 3.25C11.6234 3.25 13.75 5.37665 13.75 8Z",
+          fill: e
         }
       )
     ]
   }
-), F4 = ({
+), U4 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ g(
   "svg",
@@ -9976,40 +9820,31 @@ const F0 = ({
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M20.25 3.75H3.75V20.25H20.25V3.75ZM2.25 3.59961C2.25021 2.85433 2.85434 2.25021 3.59961 2.25H20.4004C21.1457 2.25021 21.7498 2.85434 21.75 3.59961V20.4004C21.7498 21.1457 21.1457 21.7498 20.4004 21.75H3.59961C2.85433 21.7498 2.25021 21.1457 2.25 20.4004V3.59961Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M3 16L10 13L21 18",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M9.77861 12.2833C9.9532 12.2293 10.1428 12.2411 10.3108 12.3175L21.3108 17.3175L21.3792 17.3527C21.7074 17.5442 21.8435 17.9572 21.6829 18.3107C21.5114 18.6876 21.0668 18.8541 20.6897 18.6827L9.9915 13.8195L3.29619 16.6896C2.91558 16.8527 2.47412 16.6765 2.31084 16.296C2.14772 15.9154 2.32391 15.474 2.70439 15.3107L9.70439 12.3107L9.77861 12.2833Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ n(
         "path",
         {
-          d: "M16 10C14.8954 10 14 9.10457 14 8C14 6.89543 14.8954 6 16 6C17.1046 6 18 6.89543 18 8C18 9.10457 17.1046 10 16 10Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M14.75 8C14.75 7.30964 15.3096 6.75 16 6.75C16.6904 6.75 17.25 7.30964 17.25 8C17.25 8.69036 16.6904 9.25 16 9.25C15.3096 9.25 14.75 8.69036 14.75 8ZM13.25 8C13.25 9.51878 14.4812 10.75 16 10.75C17.5188 10.75 18.75 9.51878 18.75 8C18.75 6.48122 17.5188 5.25 16 5.25C14.4812 5.25 13.25 6.48122 13.25 8Z",
+          fill: e
         }
       )
     ]
   }
-), U4 = ({
+), W4 = ({
   className: l,
   color: e = h.GREY_DARK_5,
-  height: t = 24,
-  width: i = 24,
+  height: t = 20,
+  width: i = 20,
   onClick: s
 }) => /* @__PURE__ */ n(
   "svg",
@@ -10024,11 +9859,8 @@ const F0 = ({
     children: /* @__PURE__ */ n(
       "path",
       {
-        d: "M14.3632 5.65156L15.8431 4.17157C16.6242 3.39052 17.8905 3.39052 18.6716 4.17157L20.0858 5.58579C20.8668 6.36683 20.8668 7.63316 20.0858 8.41421L18.6058 9.8942M14.3632 5.65156L4.74749 15.2672C4.41542 15.5993 4.21079 16.0376 4.16947 16.5054L3.92738 19.2459C3.87261 19.8659 4.39148 20.3848 5.0115 20.33L7.75191 20.0879C8.21972 20.0466 8.65806 19.8419 8.99013 19.5099L18.6058 9.8942M14.3632 5.65156L18.6058 9.8942",
-        stroke: e,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        d: "M14.3632 6.71205L17.5452 9.89403L8.45984 18.9794C8.2523 19.1869 7.97813 19.3147 7.68575 19.3405L4.94503 19.5829C4.7903 19.5964 4.66089 19.4669 4.67434 19.3122L4.91671 16.5715C4.94254 16.2791 5.07032 16.0049 5.27786 15.7974L14.3632 6.71205ZM16.3734 4.7019C16.8615 4.21375 17.653 4.21375 18.1411 4.7019L19.5553 6.11612C20.0435 6.60427 20.0435 7.39573 19.5553 7.88388L18.6059 8.83337L15.4239 5.65139L16.3734 4.7019ZM4.2172 14.7367C3.76073 15.1932 3.47933 15.7959 3.4224 16.4389L3.18002 19.1796C3.08417 20.2647 3.99258 21.1731 5.07761 21.0772L7.81834 20.8348C8.46136 20.7779 9.06403 20.4965 9.5205 20.04L20.616 8.94454C21.6899 7.8706 21.6899 6.1294 20.616 5.05546L19.2018 3.64124C18.1278 2.5673 16.3866 2.5673 15.3127 3.64124L4.2172 14.7367Z",
+        fill: e
       }
     )
   }
@@ -10304,9 +10136,9 @@ const F0 = ({
     ]
   }
 ), i6 = ({
-  width: l = 24,
-  height: e = 24,
-  color: t = h.GREY_DARK_2,
+  width: l = 20,
+  height: e = 20,
+  color: t = h.GREY_DARK_5,
   className: i,
   onClick: s
 }) => /* @__PURE__ */ n(
@@ -10364,7 +10196,7 @@ const F0 = ({
   onClick: c
 }) => {
   const { theme: d } = T(Q), a = C ? d && d === "dark" ? h.GREY_LIGHT_4 : h.GREY_DARK_1 : i, o = C ? void 0 : c, r = c && !C ? `${s || ""} clickable` : s;
-  return /* @__PURE__ */ n(j, { children: (() => {
+  return /* @__PURE__ */ n($, { children: (() => {
     switch (l) {
       case "arrow1Down":
         return z0({ width: e, height: t, color: a, className: r, onClick: o });
@@ -10395,13 +10227,13 @@ const F0 = ({
       case "filter1":
         return d4({ width: e, height: t, color: a, className: r, onClick: o });
       case "filter2":
-        return Y4({ width: e, height: t, color: a, className: r, onClick: o });
+        return S4({ width: e, height: t, color: a, className: r, onClick: o });
       case "attention":
         return g4({ width: e, height: t, color: a, className: r, onClick: o });
       case "users":
         return w4({ width: e, height: t, color: a, className: r, onClick: o });
       case "mySkillsMatrix":
-        return u4({
+        return f4({
           width: e,
           height: t,
           color: a,
@@ -10411,7 +10243,7 @@ const F0 = ({
       case "skills":
         return p4({ width: e, height: t, color: a, className: r, onClick: o });
       case "skillsMatrices":
-        return f4({
+        return u4({
           width: e,
           height: t,
           color: a,
@@ -10423,9 +10255,9 @@ const F0 = ({
       case "logOut":
         return m4({ width: e, height: t, color: a, className: r, onClick: o });
       case "settings":
-        return k4({ width: e, height: t, color: a, className: r, onClick: o });
-      case "trash":
         return v4({ width: e, height: t, color: a, className: r, onClick: o });
+      case "trash":
+        return k4({ width: e, height: t, color: a, className: r, onClick: o });
       case "settings2":
         return N4({ width: e, height: t, color: a, className: r, onClick: o });
       case "checkCircle":
@@ -10433,7 +10265,7 @@ const F0 = ({
       case "cancelCircle":
         return x4({ width: e, height: t, color: a, className: r, onClick: o });
       case "visibilityIcon":
-        return V4({
+        return Z4({
           width: e,
           height: t,
           color: a,
@@ -10441,7 +10273,7 @@ const F0 = ({
           onClick: o
         });
       case "visibilityOffIcon":
-        return Z4({
+        return R4({
           width: e,
           height: t,
           color: a,
@@ -10449,7 +10281,7 @@ const F0 = ({
           onClick: o
         });
       case "sortUp":
-        return R4({ width: e, height: t, color: a, className: r, onClick: o });
+        return V4({ width: e, height: t, color: a, className: r, onClick: o });
       case "sortDown":
         return H4({ width: e, height: t, color: a, className: r, onClick: o });
       case "sortDouble":
@@ -10457,7 +10289,7 @@ const F0 = ({
       case "search":
         return b4({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrowUpFilled":
-        return A4({ width: e, height: t, color: a, className: r, onClick: o });
+        return E4({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrowDownFilled":
         return y4({ width: e, height: t, color: a, className: r, onClick: o });
       case "arrow2Up":
@@ -10469,7 +10301,7 @@ const F0 = ({
       case "arrow2Left":
         return l4({ width: e, height: t, color: a, className: r, onClick: o });
       case "link":
-        return E4({ width: e, height: t, color: a, className: r, onClick: o });
+        return A4({ width: e, height: t, color: a, className: r, onClick: o });
       case "telegram":
         return K4({ width: e, height: t, color: a, className: r, onClick: o });
       case "mail":
@@ -10479,25 +10311,25 @@ const F0 = ({
       case "linkedIn":
         return G4({ width: e, height: t, color: a, className: r, onClick: o });
       case "emptyStateIcon":
-        return S4({ width: e, height: t, color: a, className: r, onClick: o });
+        return Y4({ width: e, height: t, color: a, className: r, onClick: o });
       case "dotMenuIcon":
         return O4({ width: e, height: t, color: a, className: r, onClick: o });
       case "plusCircle":
         return I4({ width: e, height: t, color: a, className: r, onClick: o });
       case "warning":
-        return j4({ width: e, height: t, color: a, className: r, onClick: o });
-      case "bell":
         return $4({ width: e, height: t, color: a, className: r, onClick: o });
+      case "bell":
+        return P4({ width: e, height: t, color: a, className: r, onClick: o });
       case "copy":
         return T4({ width: e, height: t, color: a, className: r, onClick: o });
       case "contract":
-        return P4({ width: e, height: t, color: a, className: r, onClick: o });
+        return j4({ width: e, height: t, color: a, className: r, onClick: o });
       case "resourceManager":
-        return W4({ width: e, height: t, color: a, className: r, onClick: o });
-      case "image":
         return F4({ width: e, height: t, color: a, className: r, onClick: o });
-      case "edit":
+      case "image":
         return U4({ width: e, height: t, color: a, className: r, onClick: o });
+      case "edit":
+        return W4({ width: e, height: t, color: a, className: r, onClick: o });
       case "burgerMenu":
         return z4({ width: e, height: t, color: a, className: r, onClick: o });
       case "refresh":
@@ -10517,7 +10349,7 @@ const F0 = ({
       case "unpaidLeave":
         return l6({ width: e, height: t, color: a, className: r, onClick: o });
       default:
-        return /* @__PURE__ */ n(j, { children: "No Icon provided" });
+        return /* @__PURE__ */ n($, { children: "No Icon provided" });
     }
   })() });
 }, n6 = ({
@@ -10564,15 +10396,15 @@ const r6 = q((l, e) => {
     required: r = !1,
     clearable: p = !0,
     scrollThresholdValue: w = 50,
-    onSearchChange: u,
-    onDropdownVisibleChange: f,
+    onSearchChange: f,
+    onDropdownVisibleChange: u,
     onScrollToEnd: L,
     onPopupScroll: m,
     id: x,
-    extraOptions: Z,
+    extraOptions: R,
     dropdownRender: b,
-    optionRender: k,
-    isLoading: R,
+    optionRender: v,
+    isLoading: V,
     readOnly: N,
     error: M,
     selectedItemVariant: G = "default",
@@ -10580,38 +10412,38 @@ const r6 = q((l, e) => {
   } = l;
   let X;
   C && C !== "single" && (X = l.overflowBehaviour ?? "responsive");
-  const [Y, w1] = A(!1), [F, P] = A(!1), [W, U] = A(!1), [s1, E] = A(!0), [_, S] = A(t), n1 = $(null), M1 = C === "single" && G === "badge";
+  const [S, w1] = E(!1), [U, j] = E(!1), [F, W] = E(!1), [s1, A] = E(!0), [_, Y] = E(t), n1 = P(null), M1 = C === "single" && G === "badge";
   D(() => {
-    S(t);
+    Y(t);
   }, [t]);
-  const c2 = (v) => {
-    w1(v), f && f(v);
-  }, d2 = (v, H) => {
+  const c2 = (k) => {
+    w1(k), u && u(k);
+  }, d2 = (k, H) => {
     var y;
-    return !!((y = H == null ? void 0 : H.label) != null && y.toString().toLowerCase().includes(v.toLowerCase()));
+    return !!((y = H == null ? void 0 : H.label) != null && y.toString().toLowerCase().includes(k.toLowerCase()));
   }, g2 = () => {
-    P(!0);
+    j(!0);
   }, w2 = () => {
-    P(!1);
+    j(!1);
   }, e1 = O(
-    (v) => {
+    (k) => {
       let H = null;
       if (M1) {
-        const y = Array.isArray(v) ? v : [];
+        const y = Array.isArray(k) ? k : [];
         H = y.length > 1 ? [y[y.length - 1]] : y;
         const o1 = H.length > 0 ? H[0] : null;
-        i == null || i(o1), S(H);
+        i == null || i(o1), Y(H);
         return;
       }
       if (C && C !== "single") {
-        const y = v;
-        i == null || i(y), S(y);
+        const y = k;
+        i == null || i(y), Y(y);
         return;
       }
-      H = Array.isArray(v) ? null : v || null, i == null || i(H), S(H);
+      H = Array.isArray(k) ? null : k || null, i == null || i(H), Y(H);
     },
     [C, i, M1]
-  ), u2 = O(() => {
+  ), f2 = O(() => {
     if (!(N || o)) {
       if (C) {
         e1([]);
@@ -10619,54 +10451,54 @@ const r6 = q((l, e) => {
       }
       e1("");
     }
-  }, [o, e1, C, N]), u1 = O(
-    (v) => {
-      const H = _.filter((y) => y !== v);
-      e1(H), S(H);
+  }, [o, e1, C, N]), f1 = O(
+    (k) => {
+      const H = _.filter((y) => y !== k);
+      e1(H), Y(H);
     },
     [e1, _]
-  ), A1 = O(
-    (v) => (_ == null ? void 0 : _.indexOf(v)) === 0 ? (
+  ), E1 = O(
+    (k) => (_ == null ? void 0 : _.indexOf(k)) === 0 ? (
       // if the search input is empty
       // then display the placeholder, else do not display it
       /* @__PURE__ */ n("span", { className: "custom-placeholder", children: s1 ? s : "" })
-    ) : /* @__PURE__ */ n(j, {}),
+    ) : /* @__PURE__ */ n($, {}),
     [s1, _, s]
-  ), p2 = (v) => {
-    v.preventDefault(), v.stopPropagation();
-  }, f2 = async (v) => {
-    const { target: H } = v;
-    H.scrollTop + H.offsetHeight >= H.scrollHeight - w && (L == null || L(!0)), m && await m(v);
+  ), p2 = (k) => {
+    k.preventDefault(), k.stopPropagation();
+  }, u2 = async (k) => {
+    const { target: H } = k;
+    H.scrollTop + H.offsetHeight >= H.scrollHeight - w && (L == null || L(!0)), m && await m(k);
   }, x1 = O(
-    (v) => {
+    (k) => {
       var H, y;
-      return ((H = d.find((t1) => t1.value === v)) == null ? void 0 : H.label) || ((y = Z == null ? void 0 : Z.find((t1) => t1.value === v)) == null ? void 0 : y.label) || v;
+      return ((H = d.find((t1) => t1.value === k)) == null ? void 0 : H.label) || ((y = R == null ? void 0 : R.find((t1) => t1.value === k)) == null ? void 0 : y.label) || k;
     },
-    [Z, d]
+    [R, d]
   ), L2 = O(
-    (v, H = "default") => {
+    (k, H = "default") => {
       var y;
       return /* @__PURE__ */ n(
-        F0,
+        U0,
         {
-          values: v,
-          onTagClose: u1,
+          values: k,
+          onTagClose: f1,
           maxWidth: ((y = n1.current) == null ? void 0 : y.clientWidth) || 0,
           disabled: o,
           closable: !N,
           options: d,
-          extraOptions: Z,
+          extraOptions: R,
           selectedItemVariant: H
         }
       );
     },
-    [o, Z, u1, d, N]
+    [o, R, f1, d, N]
   ), m2 = O(
-    ({ label: v, value: H, mode: y }) => {
+    ({ label: k, value: H, mode: y }) => {
       if (y === "filter")
-        return A1(H);
+        return E1(H);
       {
-        const o1 = G === "badge" && d.find((k2) => k2.label === v), t1 = typeof v == "object" ? v : x1(H);
+        const o1 = G === "badge" && d.find((v2) => v2.label === k), t1 = typeof k == "object" ? k : x1(H);
         return /* @__PURE__ */ n("div", { onMouseDown: p2, className: "tag-wrapper", children: G === "badge" ? /* @__PURE__ */ n(
           n2,
           {
@@ -10675,11 +10507,11 @@ const r6 = q((l, e) => {
             color: o1 ? o1.color : "cyan",
             text: t1
           }
-        ) : /* @__PURE__ */ n(l2, { onClose: () => u1(H), disabled: o, children: t1 }) });
+        ) : /* @__PURE__ */ n(l2, { onClose: () => f1(H), disabled: o, children: t1 }) });
       }
     },
-    [o, x1, u1, A1, G, d]
-  ), E1 = Array.isArray(_) && _.length > 0 || !!_ && typeof _ == "string" && _.trim() !== "";
+    [o, x1, f1, E1, G, d]
+  ), A1 = Array.isArray(_) && _.length > 0 || !!_ && typeof _ == "string" && _.trim() !== "";
   return /* @__PURE__ */ g(
     "div",
     {
@@ -10688,7 +10520,7 @@ const r6 = q((l, e) => {
         /* @__PURE__ */ g(
           "div",
           {
-            className: `snmt-select ${F ? "snmt-select-focused" : ""} 
+            className: `snmt-select ${U ? "snmt-select-focused" : ""} 
                     ${C ? "" : "snmt-select-single"} 
                     ${N ? "snmt-select-read-only" : ""} 
                     ${X === "static" ? "snmt-select-static" : ""} 
@@ -10708,8 +10540,8 @@ const r6 = q((l, e) => {
                   onDropdownVisibleChange: c2,
                   disabled: o,
                   value: _ || void 0,
-                  labelRender: (v) => {
-                    const H = x1(v.value);
+                  labelRender: (k) => {
+                    const H = x1(k.value);
                     return o ? /* @__PURE__ */ n("span", { style: { color: h.GREY_DARK_1 }, children: H }) : H;
                   },
                   mode: C6(C, M1),
@@ -10717,23 +10549,23 @@ const r6 = q((l, e) => {
                   onChange: e1,
                   onFocus: g2,
                   onBlur: w2,
-                  onMouseEnter: () => U(!0),
-                  onMouseLeave: () => U(!1),
-                  onSearch: (v) => {
-                    E(!v), u && u(v);
+                  onMouseEnter: () => W(!0),
+                  onMouseLeave: () => W(!1),
+                  onSearch: (k) => {
+                    A(!k), f && f(k);
                   },
-                  onSelect: () => E(!0),
-                  onDeselect: () => E(!0),
-                  tagRender: (v) => m2({ ...v, mode: C }),
+                  onSelect: () => A(!0),
+                  onDeselect: () => A(!0),
+                  tagRender: (k) => m2({ ...k, mode: C }),
                   maxTagCount: X === "responsive" ? "responsive" : void 0,
-                  maxTagPlaceholder: (v) => L2(v, G),
-                  onPopupScroll: f2,
-                  prefix: R && /* @__PURE__ */ n(Y1, { size: "small" }),
-                  suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: C !== "filter" && /* @__PURE__ */ g(j, { children: [
+                  maxTagPlaceholder: (k) => L2(k, G),
+                  onPopupScroll: u2,
+                  prefix: V && /* @__PURE__ */ n(S1, { size: "small" }),
+                  suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: C !== "filter" && /* @__PURE__ */ g($, { children: [
                     _ && !!_.length && p && /* @__PURE__ */ n(
                       "div",
                       {
-                        onClick: u2,
+                        onClick: f2,
                         style: {
                           cursor: o ? "not-allowed" : "pointer"
                         },
@@ -10746,11 +10578,11 @@ const r6 = q((l, e) => {
                         )
                       }
                     ),
-                    B === "borderless" && (W || F) && /* @__PURE__ */ n(
+                    B === "borderless" && (F || U) && /* @__PURE__ */ n(
                       n6,
                       {
-                        isActive: Y,
-                        onClick: () => w1(!Y)
+                        isActive: S,
+                        onClick: () => w1(!S)
                       }
                     ),
                     B === "outlined" && /* @__PURE__ */ n(
@@ -10758,53 +10590,53 @@ const r6 = q((l, e) => {
                       {
                         name: "arrow2Down",
                         color: o ? h.GREY_DARK_1 : h.GREY_DARK_2,
-                        className: Y ? "select-arrow-rotated" : "select-arrow",
-                        onClick: () => w1(!Y)
+                        className: S ? "select-arrow-rotated" : "select-arrow",
+                        onClick: () => w1(!S)
                       }
                     )
                   ] }) }),
                   removeIcon: /* @__PURE__ */ n(a1, { name: "cancelCircle", color: h.GREY_DARK_1 }),
                   options: d,
-                  optionRender: (v) => k ? k(v.data) : /* @__PURE__ */ g(C1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                  optionRender: (k) => v ? v(k.data) : /* @__PURE__ */ g(C1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                     /* @__PURE__ */ g(C1, { alignItems: "center", gap: 12, children: [
                       C && /* @__PURE__ */ n(
                         l5,
                         {
-                          checked: !!(_ != null && _.includes(v.value))
+                          checked: !!(_ != null && _.includes(k.value))
                         }
                       ),
                       /* @__PURE__ */ g(C1, { alignItems: "center", gap: 8, children: [
-                        v.data.image !== void 0 && /* @__PURE__ */ n(
+                        k.data.image !== void 0 && /* @__PURE__ */ n(
                           q2,
                           {
-                            src: v.data.image,
+                            src: k.data.image,
                             variant: "xsmall",
-                            fallbackText: v.data.imageFallbackText ? v.data.imageFallbackText : ""
+                            fallbackText: k.data.imageFallbackText ? k.data.imageFallbackText : ""
                           }
                         ),
-                        /* @__PURE__ */ n("span", { children: v.label })
+                        /* @__PURE__ */ n("span", { children: k.label })
                       ] })
                     ] }),
-                    !C && _ === v.value && /* @__PURE__ */ n(a1, { name: "check", color: h.BLUE_DARK_1 })
+                    !C && _ === k.value && /* @__PURE__ */ n(a1, { name: "check", color: h.BLUE_DARK_1 })
                   ] }),
-                  dropdownRender: (v) => /* @__PURE__ */ g("div", { className: "dropdown-container", children: [
-                    /* @__PURE__ */ n("div", { className: "dropdown-menu", children: b ? b(v) : v }),
-                    R && /* @__PURE__ */ n("div", { className: "loading-overlay", children: /* @__PURE__ */ n(Y1, {}) })
+                  dropdownRender: (k) => /* @__PURE__ */ g("div", { className: "dropdown-container", children: [
+                    /* @__PURE__ */ n("div", { className: "dropdown-menu", children: b ? b(k) : k }),
+                    V && /* @__PURE__ */ n("div", { className: "loading-overlay", children: /* @__PURE__ */ n(S1, {}) })
                   ] })
                 }
               ),
               s && B !== "borderless" && /* @__PURE__ */ n(
                 "label",
                 {
-                  className: `${F || E1 ? "label-floating" : ""} ${o ? "label-disabled" : ""} ${F ? "label-focused" : ""} ${R ? "label-loading" : ""} ${M ? "label-error" : ""}`,
+                  className: `${U || A1 ? "label-floating" : ""} ${o ? "label-disabled" : ""} ${U ? "label-focused" : ""} ${V ? "label-loading" : ""} ${M ? "label-error" : ""}`,
                   children: r ? `${s}*` : s
                 }
               ),
               /* @__PURE__ */ n(
                 "fieldset",
                 {
-                  className: `${F ? "fieldset-focused" : ""} ${o ? "fieldset-disabled" : ""} ${E1 ? "fieldset-filled" : ""} ${M ? "fieldset-error" : ""} 
-                        ${W ? "fieldset-hovered" : ""}`,
+                  className: `${U ? "fieldset-focused" : ""} ${o ? "fieldset-disabled" : ""} ${A1 ? "fieldset-filled" : ""} ${M ? "fieldset-error" : ""} 
+                        ${F ? "fieldset-hovered" : ""}`,
                   children: /* @__PURE__ */ n("legend", { children: s && B !== "borderless" && /* @__PURE__ */ n("span", { children: r ? `${s}*` : s }) })
                 }
               )
@@ -10830,7 +10662,7 @@ const r6 = q((l, e) => {
 function C6(l, e) {
   return l === "filter" || e ? "multiple" : l === "single" ? void 0 : l;
 }
-const V = (l) => typeof l == "string", r1 = () => {
+const Z = (l) => typeof l == "string", r1 = () => {
   let l, e;
   const t = new Promise((i, s) => {
     l = i, e = s;
@@ -10840,19 +10672,19 @@ const V = (l) => typeof l == "string", r1 = () => {
   l.forEach((i) => {
     e[i] && (t[i] = e[i]);
   });
-}, c6 = /###/g, I1 = (l) => l && l.indexOf("###") > -1 ? l.replace(c6, ".") : l, j1 = (l) => !l || V(l), h1 = (l, e, t) => {
-  const i = V(e) ? e.split(".") : e;
+}, c6 = /###/g, I1 = (l) => l && l.indexOf("###") > -1 ? l.replace(c6, ".") : l, $1 = (l) => !l || Z(l), h1 = (l, e, t) => {
+  const i = Z(e) ? e.split(".") : e;
   let s = 0;
   for (; s < i.length - 1; ) {
-    if (j1(l)) return {};
+    if ($1(l)) return {};
     const C = I1(i[s]);
     !l[C] && t && (l[C] = new t()), Object.prototype.hasOwnProperty.call(l, C) ? l = l[C] : l = {}, ++s;
   }
-  return j1(l) ? {} : {
+  return $1(l) ? {} : {
     obj: l,
     k: I1(i[s])
   };
-}, $1 = (l, e, t) => {
+}, P1 = (l, e, t) => {
   const {
     obj: i,
     k: s
@@ -10883,7 +10715,7 @@ const V = (l) => typeof l == "string", r1 = () => {
   return i !== void 0 ? i : L1(e, t);
 }, o2 = (l, e, t) => {
   for (const i in e)
-    i !== "__proto__" && i !== "constructor" && (i in l ? V(l[i]) || l[i] instanceof String || V(e[i]) || e[i] instanceof String ? t && (l[i] = e[i]) : o2(l[i], e[i], t) : l[i] = e[i]);
+    i !== "__proto__" && i !== "constructor" && (i in l ? Z(l[i]) || l[i] instanceof String || Z(e[i]) || e[i] instanceof String ? t && (l[i] = e[i]) : o2(l[i], e[i], t) : l[i] = e[i]);
   return l;
 }, i1 = (l) => l.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 var w6 = {
@@ -10894,7 +10726,7 @@ var w6 = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const u6 = (l) => V(l) ? l.replace(/[&<>"'\/]/g, (e) => w6[e]) : l;
+const f6 = (l) => Z(l) ? l.replace(/[&<>"'\/]/g, (e) => w6[e]) : l;
 class p6 {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
@@ -10907,9 +10739,9 @@ class p6 {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, i), this.regExpQueue.push(e), i;
   }
 }
-const f6 = [" ", ",", "?", "!", ";"], L6 = new p6(20), m6 = (l, e, t) => {
+const u6 = [" ", ",", "?", "!", ";"], L6 = new p6(20), m6 = (l, e, t) => {
   e = e || "", t = t || "";
-  const i = f6.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
+  const i = u6.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
   if (i.length === 0) return !0;
   const s = L6.getRegExp(`(${i.map((c) => c === "?" ? "\\?" : c).join("|")})`);
   let C = !s.test(l);
@@ -10938,7 +10770,7 @@ const f6 = [" ", ",", "?", "!", ";"], L6 = new p6(20), m6 = (l, e, t) => {
     s = c;
   }
   return s;
-}, m1 = (l) => l && l.replace("_", "-"), k6 = {
+}, m1 = (l) => l && l.replace("_", "-"), v6 = {
   type: "logger",
   log(l) {
     this.output("log", l);
@@ -10953,14 +10785,14 @@ const f6 = [" ", ",", "?", "!", ";"], L6 = new p6(20), m6 = (l, e, t) => {
     console && console[l] && console[l].apply(console, e);
   }
 };
-class k1 {
+class v1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.init(e, t);
   }
   init(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.prefix = t.prefix || "i18next:", this.logger = e || k6, this.options = t, this.debug = t.debug;
+    this.prefix = t.prefix || "i18next:", this.logger = e || v6, this.options = t, this.debug = t.debug;
   }
   log() {
     for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++)
@@ -10983,19 +10815,19 @@ class k1 {
     return this.forward(t, "warn", "WARNING DEPRECATED: ", !0);
   }
   forward(e, t, i, s) {
-    return s && !this.debug ? null : (V(e[0]) && (e[0] = `${i}${this.prefix} ${e[0]}`), this.logger[t](e));
+    return s && !this.debug ? null : (Z(e[0]) && (e[0] = `${i}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
-    return new k1(this.logger, {
+    return new v1(this.logger, {
       prefix: `${this.prefix}:${e}:`,
       ...this.options
     });
   }
   clone(e) {
-    return e = e || this.options, e.prefix = e.prefix || this.prefix, new k1(this.logger, e);
+    return e = e || this.options, e.prefix = e.prefix || this.prefix, new v1(this.logger, e);
   }
 }
-var I = new k1();
+var I = new v1();
 class N1 {
   constructor() {
     this.observers = {};
@@ -11049,9 +10881,9 @@ class T1 extends N1 {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     const C = s.keySeparator !== void 0 ? s.keySeparator : this.options.keySeparator, c = s.ignoreJSONStructure !== void 0 ? s.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let d;
-    e.indexOf(".") > -1 ? d = e.split(".") : (d = [e, t], i && (Array.isArray(i) ? d.push(...i) : V(i) && C ? d.push(...i.split(C)) : d.push(i)));
+    e.indexOf(".") > -1 ? d = e.split(".") : (d = [e, t], i && (Array.isArray(i) ? d.push(...i) : Z(i) && C ? d.push(...i.split(C)) : d.push(i)));
     const a = L1(this.data, d);
-    return !a && !t && !i && e.indexOf(".") > -1 && (e = d[0], t = d[1], i = d.slice(2).join(".")), a || !c || !V(i) ? a : H1(this.data && this.data[e] && this.data[e][t], i, C);
+    return !a && !t && !i && e.indexOf(".") > -1 && (e = d[0], t = d[1], i = d.slice(2).join(".")), a || !c || !Z(i) ? a : H1(this.data && this.data[e] && this.data[e][t], i, C);
   }
   addResource(e, t, i, s) {
     let C = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -11059,14 +10891,14 @@ class T1 extends N1 {
     };
     const c = C.keySeparator !== void 0 ? C.keySeparator : this.options.keySeparator;
     let d = [e, t];
-    i && (d = d.concat(c ? i.split(c) : i)), e.indexOf(".") > -1 && (d = e.split("."), s = t, t = d[1]), this.addNamespaces(t), $1(this.data, d, s), C.silent || this.emit("added", e, t, i, s);
+    i && (d = d.concat(c ? i.split(c) : i)), e.indexOf(".") > -1 && (d = e.split("."), s = t, t = d[1]), this.addNamespaces(t), P1(this.data, d, s), C.silent || this.emit("added", e, t, i, s);
   }
   addResources(e, t, i) {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {
       silent: !1
     };
     for (const C in i)
-      (V(i[C]) || Array.isArray(i[C])) && this.addResource(e, t, C, i[C], {
+      (Z(i[C]) || Array.isArray(i[C])) && this.addResource(e, t, C, i[C], {
         silent: !0
       });
     s.silent || this.emit("added", e, t, i);
@@ -11081,7 +10913,7 @@ class T1 extends N1 {
     c.skipCopy || (i = JSON.parse(JSON.stringify(i))), s ? o2(a, i, C) : a = {
       ...a,
       ...i
-    }, $1(this.data, d, a), c.silent || this.emit("added", e, t, i);
+    }, P1(this.data, d, a), c.silent || this.emit("added", e, t, i);
   }
   removeResourceBundle(e, t) {
     this.hasResourceBundle(e, t) && delete this.data[e][t], this.removeNamespaces(t), this.emit("removed", e, t);
@@ -11116,8 +10948,8 @@ var a2 = {
     }), e;
   }
 };
-const P1 = {};
-class v1 extends N1 {
+const j1 = {};
+class k1 extends N1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     super(), h6(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = I.create("translator");
@@ -11145,14 +10977,14 @@ class v1 extends N1 {
       if (a && a.length > 0)
         return {
           key: e,
-          namespaces: V(C) ? [C] : C
+          namespaces: Z(C) ? [C] : C
         };
       const o = e.split(i);
       (i !== s || i === s && this.options.ns.indexOf(o[0]) > -1) && (C = o.shift()), e = o.join(s);
     }
     return {
       key: e,
-      namespaces: V(C) ? [C] : C
+      namespaces: Z(C) ? [C] : C
     };
   }
   translate(e, t, i) {
@@ -11166,15 +10998,15 @@ class v1 extends N1 {
     } = this.extractFromKey(e[e.length - 1], t), a = d[d.length - 1], o = t.lng || this.language, r = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
     if (o && o.toLowerCase() === "cimode") {
       if (r) {
-        const k = t.nsSeparator || this.options.nsSeparator;
+        const v = t.nsSeparator || this.options.nsSeparator;
         return s ? {
-          res: `${a}${k}${c}`,
+          res: `${a}${v}${c}`,
           usedKey: c,
           exactUsedKey: c,
           usedLng: o,
           usedNS: a,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${a}${k}${c}`;
+        } : `${a}${v}${c}`;
       }
       return s ? {
         res: c,
@@ -11187,64 +11019,64 @@ class v1 extends N1 {
     }
     const p = this.resolve(e, t);
     let w = p && p.res;
-    const u = p && p.usedKey || c, f = p && p.exactUsedKey || c, L = Object.prototype.toString.apply(w), m = ["[object Number]", "[object Function]", "[object RegExp]"], x = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, Z = !this.i18nFormat || this.i18nFormat.handleAsObject, b = !V(w) && typeof w != "boolean" && typeof w != "number";
-    if (Z && w && b && m.indexOf(L) < 0 && !(V(x) && Array.isArray(w))) {
+    const f = p && p.usedKey || c, u = p && p.exactUsedKey || c, L = Object.prototype.toString.apply(w), m = ["[object Number]", "[object Function]", "[object RegExp]"], x = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, R = !this.i18nFormat || this.i18nFormat.handleAsObject, b = !Z(w) && typeof w != "boolean" && typeof w != "number";
+    if (R && w && b && m.indexOf(L) < 0 && !(Z(x) && Array.isArray(w))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const k = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(u, w, {
+        const v = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(f, w, {
           ...t,
           ns: d
         }) : `key '${c} (${this.language})' returned an object instead of string.`;
-        return s ? (p.res = k, p.usedParams = this.getUsedParamsDetails(t), p) : k;
+        return s ? (p.res = v, p.usedParams = this.getUsedParamsDetails(t), p) : v;
       }
       if (C) {
-        const k = Array.isArray(w), R = k ? [] : {}, N = k ? f : u;
+        const v = Array.isArray(w), V = v ? [] : {}, N = v ? u : f;
         for (const M in w)
           if (Object.prototype.hasOwnProperty.call(w, M)) {
             const G = `${N}${C}${M}`;
-            R[M] = this.translate(G, {
+            V[M] = this.translate(G, {
               ...t,
               joinArrays: !1,
               ns: d
-            }), R[M] === G && (R[M] = w[M]);
+            }), V[M] === G && (V[M] = w[M]);
           }
-        w = R;
+        w = V;
       }
-    } else if (Z && V(x) && Array.isArray(w))
+    } else if (R && Z(x) && Array.isArray(w))
       w = w.join(x), w && (w = this.extendTranslation(w, e, t, i));
     else {
-      let k = !1, R = !1;
-      const N = t.count !== void 0 && !V(t.count), M = v1.hasDefaultValue(t), G = N ? this.pluralResolver.getSuffix(o, t.count, t) : "", B = t.ordinal && N ? this.pluralResolver.getSuffix(o, t.count, {
+      let v = !1, V = !1;
+      const N = t.count !== void 0 && !Z(t.count), M = k1.hasDefaultValue(t), G = N ? this.pluralResolver.getSuffix(o, t.count, t) : "", B = t.ordinal && N ? this.pluralResolver.getSuffix(o, t.count, {
         ordinal: !1
-      }) : "", X = N && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), Y = X && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${G}`] || t[`defaultValue${B}`] || t.defaultValue;
-      !this.isValidLookup(w) && M && (k = !0, w = Y), this.isValidLookup(w) || (R = !0, w = c);
-      const F = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && R ? void 0 : w, P = M && Y !== w && this.options.updateMissing;
-      if (R || k || P) {
-        if (this.logger.log(P ? "updateKey" : "missingKey", o, a, c, P ? Y : w), C) {
-          const E = this.resolve(c, {
+      }) : "", X = N && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), S = X && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${G}`] || t[`defaultValue${B}`] || t.defaultValue;
+      !this.isValidLookup(w) && M && (v = !0, w = S), this.isValidLookup(w) || (V = !0, w = c);
+      const U = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && V ? void 0 : w, j = M && S !== w && this.options.updateMissing;
+      if (V || v || j) {
+        if (this.logger.log(j ? "updateKey" : "missingKey", o, a, c, j ? S : w), C) {
+          const A = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
-          E && E.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 W = [];
-        const U = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && U && U[0])
-          for (let E = 0; E < U.length; E++)
-            W.push(U[E]);
-        else this.options.saveMissingTo === "all" ? W = this.languageUtils.toResolveHierarchy(t.lng || this.language) : W.push(t.lng || this.language);
-        const s1 = (E, _, S) => {
-          const n1 = M && S !== w ? S : F;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(E, a, _, n1, P, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(E, a, _, n1, P, t), this.emit("missingKey", E, a, _, w);
+          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 F = [];
+        const W = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && W && W[0])
+          for (let A = 0; A < W.length; A++)
+            F.push(W[A]);
+        else this.options.saveMissingTo === "all" ? F = this.languageUtils.toResolveHierarchy(t.lng || this.language) : F.push(t.lng || this.language);
+        const s1 = (A, _, Y) => {
+          const n1 = M && Y !== w ? Y : U;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(A, a, _, n1, j, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(A, a, _, n1, j, t), this.emit("missingKey", A, a, _, w);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && N ? W.forEach((E) => {
-          const _ = this.pluralResolver.getSuffixes(E, t);
-          X && t[`defaultValue${this.options.pluralSeparator}zero`] && _.indexOf(`${this.options.pluralSeparator}zero`) < 0 && _.push(`${this.options.pluralSeparator}zero`), _.forEach((S) => {
-            s1([E], c + S, t[`defaultValue${S}`] || Y);
+        this.options.saveMissing && (this.options.saveMissingPlurals && N ? F.forEach((A) => {
+          const _ = this.pluralResolver.getSuffixes(A, t);
+          X && t[`defaultValue${this.options.pluralSeparator}zero`] && _.indexOf(`${this.options.pluralSeparator}zero`) < 0 && _.push(`${this.options.pluralSeparator}zero`), _.forEach((Y) => {
+            s1([A], c + Y, t[`defaultValue${Y}`] || S);
           });
-        }) : s1(W, c, Y));
+        }) : s1(F, c, S));
       }
-      w = this.extendTranslation(w, e, t, p, i), R && w === c && this.options.appendNamespaceToMissingKey && (w = `${a}:${c}`), (R || k) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? w = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${a}:${c}` : c, k ? w : void 0) : w = this.options.parseMissingKeyHandler(w));
+      w = this.extendTranslation(w, e, t, p, i), V && w === c && this.options.appendNamespaceToMissingKey && (w = `${a}:${c}`), (V || v) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? w = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${a}:${c}` : c, v ? w : void 0) : w = this.options.parseMissingKeyHandler(w));
     }
     return s ? (p.res = w, p.usedParams = this.getUsedParamsDetails(t), p) : w;
   }
@@ -11265,27 +11097,27 @@ class v1 extends N1 {
           ...i.interpolation
         }
       });
-      const o = V(e) && (i && i.interpolation && i.interpolation.skipOnVariables !== void 0 ? i.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
+      const o = Z(e) && (i && i.interpolation && i.interpolation.skipOnVariables !== void 0 ? i.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
       let r;
       if (o) {
         const w = e.match(this.interpolator.nestingRegexp);
         r = w && w.length;
       }
-      let p = i.replace && !V(i.replace) ? i.replace : i;
+      let p = i.replace && !Z(i.replace) ? i.replace : i;
       if (this.options.interpolation.defaultVariables && (p = {
         ...this.options.interpolation.defaultVariables,
         ...p
       }), e = this.interpolator.interpolate(e, p, i.lng || this.language || s.usedLng, i), o) {
-        const w = e.match(this.interpolator.nestingRegexp), u = w && w.length;
-        r < u && (i.nest = !1);
+        const w = e.match(this.interpolator.nestingRegexp), f = w && w.length;
+        r < f && (i.nest = !1);
       }
       !i.lng && this.options.compatibilityAPI !== "v1" && s && s.res && (i.lng = this.language || s.usedLng), i.nest !== !1 && (e = this.interpolator.nest(e, function() {
-        for (var w = arguments.length, u = new Array(w), f = 0; f < w; f++)
-          u[f] = arguments[f];
-        return C && C[0] === u[0] && !i.context ? (c.logger.warn(`It seems you are nesting recursively key: ${u[0]} in key: ${t[0]}`), null) : c.translate(...u, t);
+        for (var w = arguments.length, f = new Array(w), u = 0; u < w; u++)
+          f[u] = arguments[u];
+        return C && C[0] === f[0] && !i.context ? (c.logger.warn(`It seems you are nesting recursively key: ${f[0]} in key: ${t[0]}`), null) : c.translate(...f, t);
       }, i)), i.interpolation && this.interpolator.reset();
     }
-    const d = i.postProcess || this.options.postProcess, a = V(d) ? [d] : d;
+    const d = i.postProcess || this.options.postProcess, a = Z(d) ? [d] : d;
     return e != null && a && a.length && i.applyPostProcessor !== !1 && (e = a2.handle(a, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...s,
@@ -11296,31 +11128,31 @@ class v1 extends N1 {
   }
   resolve(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i, s, C, c, d;
-    return V(e) && (e = [e]), e.forEach((a) => {
+    return Z(e) && (e = [e]), e.forEach((a) => {
       if (this.isValidLookup(i)) return;
       const o = this.extractFromKey(a, t), r = o.key;
       s = r;
       let p = o.namespaces;
       this.options.fallbackNS && (p = p.concat(this.options.fallbackNS));
-      const w = t.count !== void 0 && !V(t.count), u = w && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), f = t.context !== void 0 && (V(t.context) || typeof t.context == "number") && t.context !== "", L = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      const w = t.count !== void 0 && !Z(t.count), f = w && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), u = t.context !== void 0 && (Z(t.context) || typeof t.context == "number") && t.context !== "", L = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
       p.forEach((m) => {
-        this.isValidLookup(i) || (d = m, !P1[`${L[0]}-${m}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(d) && (P1[`${L[0]}-${m}`] = !0, this.logger.warn(`key "${s}" for languages "${L.join(", ")}" won't get resolved as namespace "${d}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), L.forEach((x) => {
+        this.isValidLookup(i) || (d = m, !j1[`${L[0]}-${m}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(d) && (j1[`${L[0]}-${m}`] = !0, this.logger.warn(`key "${s}" for languages "${L.join(", ")}" won't get resolved as namespace "${d}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), L.forEach((x) => {
           if (this.isValidLookup(i)) return;
           c = x;
-          const Z = [r];
+          const R = [r];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(Z, r, x, m, t);
+            this.i18nFormat.addLookupKeys(R, r, x, m, t);
           else {
-            let k;
-            w && (k = this.pluralResolver.getSuffix(x, t.count, t));
-            const R = `${this.options.pluralSeparator}zero`, N = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (w && (Z.push(r + k), t.ordinal && k.indexOf(N) === 0 && Z.push(r + k.replace(N, this.options.pluralSeparator)), u && Z.push(r + R)), f) {
+            let v;
+            w && (v = this.pluralResolver.getSuffix(x, t.count, t));
+            const V = `${this.options.pluralSeparator}zero`, N = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (w && (R.push(r + v), t.ordinal && v.indexOf(N) === 0 && R.push(r + v.replace(N, this.options.pluralSeparator)), f && R.push(r + V)), u) {
               const M = `${r}${this.options.contextSeparator}${t.context}`;
-              Z.push(M), w && (Z.push(M + k), t.ordinal && k.indexOf(N) === 0 && Z.push(M + k.replace(N, this.options.pluralSeparator)), u && Z.push(M + R));
+              R.push(M), w && (R.push(M + v), t.ordinal && v.indexOf(N) === 0 && R.push(M + v.replace(N, this.options.pluralSeparator)), f && R.push(M + V));
             }
           }
           let b;
-          for (; b = Z.pop(); )
+          for (; b = R.pop(); )
             this.isValidLookup(i) || (C = b, i = this.getResource(x, m, b, t));
         }));
       });
@@ -11341,7 +11173,7 @@ class v1 extends N1 {
   }
   getUsedParamsDetails() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const t = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], i = e.replace && !V(e.replace);
+    const t = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], i = e.replace && !Z(e.replace);
     let s = i ? e.replace : e;
     if (i && typeof e.count < "u" && (s.count = e.count), this.options.interpolation.defaultVariables && (s = {
       ...this.options.interpolation.defaultVariables,
@@ -11363,8 +11195,8 @@ class v1 extends N1 {
     return !1;
   }
 }
-const V1 = (l) => l.charAt(0).toUpperCase() + l.slice(1);
-class W1 {
+const Z1 = (l) => l.charAt(0).toUpperCase() + l.slice(1);
+class F1 {
   constructor(e) {
     this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = I.create("languageUtils");
   }
@@ -11379,7 +11211,7 @@ class W1 {
     return this.formatLanguageCode(t[0]);
   }
   formatLanguageCode(e) {
-    if (V(e) && e.indexOf("-") > -1) {
+    if (Z(e) && e.indexOf("-") > -1) {
       if (typeof Intl < "u" && typeof Intl.getCanonicalLocales < "u")
         try {
           let s = Intl.getCanonicalLocales(e)[0];
@@ -11388,7 +11220,7 @@ class W1 {
         }
       const t = ["hans", "hant", "latn", "cyrl", "cans", "mong", "arab"];
       let i = e.split("-");
-      return this.options.lowerCaseLng ? i = i.map((s) => s.toLowerCase()) : i.length === 2 ? (i[0] = i[0].toLowerCase(), i[1] = i[1].toUpperCase(), t.indexOf(i[1].toLowerCase()) > -1 && (i[1] = V1(i[1].toLowerCase()))) : i.length === 3 && (i[0] = i[0].toLowerCase(), i[1].length === 2 && (i[1] = i[1].toUpperCase()), i[0] !== "sgn" && i[2].length === 2 && (i[2] = i[2].toUpperCase()), t.indexOf(i[1].toLowerCase()) > -1 && (i[1] = V1(i[1].toLowerCase())), t.indexOf(i[2].toLowerCase()) > -1 && (i[2] = V1(i[2].toLowerCase()))), i.join("-");
+      return this.options.lowerCaseLng ? i = i.map((s) => s.toLowerCase()) : i.length === 2 ? (i[0] = i[0].toLowerCase(), i[1] = i[1].toUpperCase(), t.indexOf(i[1].toLowerCase()) > -1 && (i[1] = Z1(i[1].toLowerCase()))) : i.length === 3 && (i[0] = i[0].toLowerCase(), i[1].length === 2 && (i[1] = i[1].toUpperCase()), i[0] !== "sgn" && i[2].length === 2 && (i[2] = i[2].toUpperCase()), t.indexOf(i[1].toLowerCase()) > -1 && (i[1] = Z1(i[1].toLowerCase())), t.indexOf(i[2].toLowerCase()) > -1 && (i[2] = Z1(i[2].toLowerCase()))), i.join("-");
     }
     return this.options.cleanCode || this.options.lowerCaseLng ? e.toLowerCase() : e;
   }
@@ -11415,7 +11247,7 @@ class W1 {
   }
   getFallbackCodes(e, t) {
     if (!e) return [];
-    if (typeof e == "function" && (e = e(t)), V(e) && (e = [e]), Array.isArray(e)) return e;
+    if (typeof e == "function" && (e = e(t)), Z(e) && (e = [e]), Array.isArray(e)) return e;
     if (!t) return e.default || [];
     let i = e[t];
     return i || (i = e[this.getScriptPartFromCode(t)]), i || (i = e[this.formatLanguageCode(t)]), i || (i = e[this.getLanguagePartFromCode(t)]), i || (i = e.default), i || [];
@@ -11424,12 +11256,12 @@ class W1 {
     const i = this.getFallbackCodes(t || this.options.fallbackLng || [], e), s = [], C = (c) => {
       c && (this.isSupportedCode(c) ? s.push(c) : this.logger.warn(`rejecting language code not found in supportedLngs: ${c}`));
     };
-    return V(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && C(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && C(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && C(this.getLanguagePartFromCode(e))) : V(e) && C(this.formatLanguageCode(e)), i.forEach((c) => {
+    return Z(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && C(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && C(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && C(this.getLanguagePartFromCode(e))) : Z(e) && C(this.formatLanguageCode(e)), i.forEach((c) => {
       s.indexOf(c) < 0 && C(this.formatLanguageCode(c));
     }), s;
   }
 }
-let v6 = [{
+let k6 = [{
   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
@@ -11545,16 +11377,16 @@ let v6 = [{
   21: (l) => l % 100 == 1 ? 1 : l % 100 == 2 ? 2 : l % 100 == 3 || l % 100 == 4 ? 3 : 0,
   22: (l) => l == 1 ? 0 : l == 2 ? 1 : (l < 0 || l > 10) && l % 10 == 0 ? 2 : 3
 };
-const M6 = ["v1", "v2", "v3"], x6 = ["v4"], F1 = {
+const M6 = ["v1", "v2", "v3"], x6 = ["v4"], U1 = {
   zero: 0,
   one: 1,
   two: 2,
   few: 3,
   many: 4,
   other: 5
-}, V6 = () => {
+}, Z6 = () => {
   const l = {};
-  return v6.forEach((e) => {
+  return k6.forEach((e) => {
     e.lngs.forEach((t) => {
       l[t] = {
         numbers: e.nr,
@@ -11563,10 +11395,10 @@ const M6 = ["v1", "v2", "v3"], x6 = ["v4"], F1 = {
     });
   }), l;
 };
-class Z6 {
+class R6 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = I.create("pluralResolver"), (!this.options.compatibilityJSON || x6.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 = V6(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = I.create("pluralResolver"), (!this.options.compatibilityJSON || x6.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 = Z6(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -11609,7 +11441,7 @@ class Z6 {
   getSuffixes(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     const i = this.getRule(e, t);
-    return i ? this.shouldUseIntlApi() ? i.resolvedOptions().pluralCategories.sort((s, C) => F1[s] - F1[C]).map((s) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${s}`) : i.numbers.map((s) => this.getSuffix(e, s, t)) : [];
+    return i ? this.shouldUseIntlApi() ? i.resolvedOptions().pluralCategories.sort((s, C) => U1[s] - U1[C]).map((s) => `${this.options.prepend}${t.ordinal ? `ordinal${this.options.prepend}` : ""}${s}`) : i.numbers.map((s) => this.getSuffix(e, s, t)) : [];
   }
   getSuffix(e, t) {
     let i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
@@ -11627,11 +11459,11 @@ class Z6 {
     return !M6.includes(this.options.compatibilityJSON);
   }
 }
-const U1 = function(l, e, t) {
+const W1 = function(l, e, t) {
   let i = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", s = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, C = g6(l, e, t);
-  return !C && s && V(t) && (C = H1(l, t, i), C === void 0 && (C = H1(e, t, i))), C;
-}, Z1 = (l) => l.replace(/\$/g, "$$$$");
-class R6 {
+  return !C && s && Z(t) && (C = H1(l, t, i), C === void 0 && (C = H1(e, t, i))), C;
+}, R1 = (l) => l.replace(/\$/g, "$$$$");
+class V6 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = I.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
@@ -11653,14 +11485,14 @@ class R6 {
       unescapeSuffix: r,
       unescapePrefix: p,
       nestingPrefix: w,
-      nestingPrefixEscaped: u,
-      nestingSuffix: f,
+      nestingPrefixEscaped: f,
+      nestingSuffix: u,
       nestingSuffixEscaped: L,
       nestingOptionsSeparator: m,
       maxReplaces: x,
-      alwaysFormat: Z
+      alwaysFormat: R
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : u6, this.escapeValue = i !== void 0 ? i : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = C ? i1(C) : c || "{{", this.suffix = d ? i1(d) : a || "}}", this.formatSeparator = o || ",", this.unescapePrefix = r ? "" : p || "-", this.unescapeSuffix = this.unescapePrefix ? "" : r || "", this.nestingPrefix = w ? i1(w) : u || i1("$t("), this.nestingSuffix = f ? i1(f) : L || i1(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = x || 1e3, this.alwaysFormat = Z !== void 0 ? Z : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : f6, this.escapeValue = i !== void 0 ? i : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = C ? i1(C) : c || "{{", this.suffix = d ? i1(d) : a || "}}", this.formatSeparator = o || ",", this.unescapePrefix = r ? "" : p || "-", this.unescapeSuffix = this.unescapePrefix ? "" : r || "", this.nestingPrefix = w ? i1(w) : f || i1("$t("), this.nestingSuffix = u ? i1(u) : L || i1(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = x || 1e3, this.alwaysFormat = R !== void 0 ? R : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -11671,17 +11503,17 @@ class R6 {
   }
   interpolate(e, t, i, s) {
     let C, c, d;
-    const a = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, o = (u) => {
-      if (u.indexOf(this.formatSeparator) < 0) {
-        const x = U1(t, a, u, this.options.keySeparator, this.options.ignoreJSONStructure);
+    const a = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, o = (f) => {
+      if (f.indexOf(this.formatSeparator) < 0) {
+        const x = W1(t, a, f, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(x, void 0, i, {
           ...s,
           ...t,
-          interpolationkey: u
+          interpolationkey: f
         }) : x;
       }
-      const f = u.split(this.formatSeparator), L = f.shift().trim(), m = f.join(this.formatSeparator).trim();
-      return this.format(U1(t, a, L, this.options.keySeparator, this.options.ignoreJSONStructure), m, i, {
+      const u = f.split(this.formatSeparator), L = u.shift().trim(), m = u.join(this.formatSeparator).trim();
+      return this.format(W1(t, a, L, this.options.keySeparator, this.options.ignoreJSONStructure), m, i, {
         ...s,
         ...t,
         interpolationkey: L
@@ -11691,27 +11523,27 @@ class R6 {
     const r = s && s.missingInterpolationHandler || this.options.missingInterpolationHandler, p = s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (u) => Z1(u)
+      safeValue: (f) => R1(f)
     }, {
       regex: this.regexp,
-      safeValue: (u) => this.escapeValue ? Z1(this.escape(u)) : Z1(u)
-    }].forEach((u) => {
-      for (d = 0; C = u.regex.exec(e); ) {
-        const f = C[1].trim();
-        if (c = o(f), c === void 0)
+      safeValue: (f) => this.escapeValue ? R1(this.escape(f)) : R1(f)
+    }].forEach((f) => {
+      for (d = 0; C = f.regex.exec(e); ) {
+        const u = C[1].trim();
+        if (c = o(u), c === void 0)
           if (typeof r == "function") {
             const m = r(e, C, s);
-            c = V(m) ? m : "";
-          } else if (s && Object.prototype.hasOwnProperty.call(s, f))
+            c = Z(m) ? m : "";
+          } else if (s && Object.prototype.hasOwnProperty.call(s, u))
             c = "";
           else if (p) {
             c = C[0];
             continue;
           } else
-            this.logger.warn(`missed to pass in variable ${f} for interpolating ${e}`), c = "";
-        else !V(c) && !this.useRawValueToEscape && (c = O1(c));
-        const L = u.safeValue(c);
-        if (e = e.replace(C[0], L), p ? (u.regex.lastIndex += c.length, u.regex.lastIndex -= C[0].length) : u.regex.lastIndex = 0, d++, d >= this.maxReplaces)
+            this.logger.warn(`missed to pass in variable ${u} for interpolating ${e}`), c = "";
+        else !Z(c) && !this.useRawValueToEscape && (c = O1(c));
+        const L = f.safeValue(c);
+        if (e = e.replace(C[0], L), p ? (f.regex.lastIndex += c.length, f.regex.lastIndex -= C[0].length) : f.regex.lastIndex = 0, d++, d >= this.maxReplaces)
           break;
       }
     }), e;
@@ -11724,8 +11556,8 @@ class R6 {
       const p = a.split(new RegExp(`${r}[ ]*{`));
       let w = `{${p[1]}`;
       a = p[0], w = this.interpolate(w, c);
-      const u = w.match(/'/g), f = w.match(/"/g);
-      (u && u.length % 2 === 0 && !f || f.length % 2 !== 0) && (w = w.replace(/'/g, '"'));
+      const f = w.match(/'/g), u = w.match(/"/g);
+      (f && f.length % 2 === 0 && !u || u.length % 2 !== 0) && (w = w.replace(/'/g, '"'));
       try {
         c = JSON.parse(w), o && (c = {
           ...o,
@@ -11740,14 +11572,14 @@ class R6 {
       let a = [];
       c = {
         ...i
-      }, c = c.replace && !V(c.replace) ? c.replace : c, c.applyPostProcessor = !1, delete c.defaultValue;
+      }, c = c.replace && !Z(c.replace) ? c.replace : c, c.applyPostProcessor = !1, delete c.defaultValue;
       let o = !1;
       if (s[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(s[1])) {
         const r = s[1].split(this.formatSeparator).map((p) => p.trim());
         s[1] = r.shift(), a = r, o = !0;
       }
-      if (C = t(d.call(this, s[1].trim(), c), c), C && s[0] === e && !V(C)) return C;
-      V(C) || (C = O1(C)), C || (this.logger.warn(`missed to resolve ${s[1]} for nesting ${e}`), C = ""), o && (C = a.reduce((r, p) => this.format(r, p, i.lng, {
+      if (C = t(d.call(this, s[1].trim(), c), c), C && s[0] === e && !Z(C)) return C;
+      Z(C) || (C = O1(C)), C || (this.logger.warn(`missed to resolve ${s[1]} for nesting ${e}`), C = ""), o && (C = a.reduce((r, p) => this.format(r, p, i.lng, {
         ...i,
         interpolationkey: s[1].trim()
       }), C.trim())), e = e.replace(s[0], C), this.regexp.lastIndex = 0;
@@ -11850,8 +11682,8 @@ class _6 {
       if (this.formats[o]) {
         let p = d;
         try {
-          const w = s && s.formatParams && s.formatParams[s.interpolationkey] || {}, u = w.locale || w.lng || s.locale || s.lng || i;
-          p = this.formats[o](d, u, {
+          const w = s && s.formatParams && s.formatParams[s.interpolationkey] || {}, f = w.locale || w.lng || s.locale || s.lng || i;
+          p = this.formats[o](d, f, {
             ...r,
             ...s,
             ...w
@@ -11954,7 +11786,7 @@ class y6 extends N1 {
     let i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, s = arguments.length > 3 ? arguments[3] : void 0;
     if (!this.backend)
       return this.logger.warn("No backend was added via i18next.use. Will not load resources."), s && s();
-    V(e) && (e = this.languageUtils.toResolveHierarchy(e)), V(t) && (t = [t]);
+    Z(e) && (e = this.languageUtils.toResolveHierarchy(e)), Z(t) && (t = [t]);
     const C = this.queueLoad(e, t, i, s);
     if (!C.toLoad.length)
       return C.pending.length || s(), null;
@@ -12039,7 +11871,7 @@ const z1 = () => ({
   appendNamespaceToCIMode: !1,
   overloadTranslationOptionHandler: (l) => {
     let e = {};
-    if (typeof l[1] == "object" && (e = l[1]), V(l[1]) && (e.defaultValue = l[1]), V(l[2]) && (e.tDescription = l[2]), typeof l[2] == "object" || typeof l[3] == "object") {
+    if (typeof l[1] == "object" && (e = l[1]), Z(l[1]) && (e.defaultValue = l[1]), Z(l[2]) && (e.tDescription = l[2]), typeof l[2] == "object" || typeof l[3] == "object") {
       const t = l[3] || l[2];
       Object.keys(t).forEach((i) => {
         e[i] = t[i];
@@ -12060,8 +11892,8 @@ const z1 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), J1 = (l) => (V(l.ns) && (l.ns = [l.ns]), V(l.fallbackLng) && (l.fallbackLng = [l.fallbackLng]), V(l.fallbackNS) && (l.fallbackNS = [l.fallbackNS]), l.supportedLngs && l.supportedLngs.indexOf("cimode") < 0 && (l.supportedLngs = l.supportedLngs.concat(["cimode"])), l), f1 = () => {
-}, A6 = (l) => {
+}), J1 = (l) => (Z(l.ns) && (l.ns = [l.ns]), Z(l.fallbackLng) && (l.fallbackLng = [l.fallbackLng]), Z(l.fallbackNS) && (l.fallbackNS = [l.fallbackNS]), l.supportedLngs && l.supportedLngs.indexOf("cimode") < 0 && (l.supportedLngs = l.supportedLngs.concat(["cimode"])), l), u1 = () => {
+}, E6 = (l) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(l)).forEach((t) => {
     typeof l[t] == "function" && (l[t] = l[t].bind(l));
   });
@@ -12071,7 +11903,7 @@ class c1 extends N1 {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
     if (super(), this.options = J1(e), this.services = {}, this.logger = I, this.modules = {
       external: []
-    }, A6(this), t && !this.isInitialized && !e.isClone) {
+    }, E6(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
         return this.init(e, t), this;
       setTimeout(() => {
@@ -12082,7 +11914,7 @@ class c1 extends N1 {
   init() {
     var e = this;
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, i = arguments.length > 1 ? arguments[1] : void 0;
-    this.isInitializing = !0, typeof t == "function" && (i = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (V(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
+    this.isInitializing = !0, typeof t == "function" && (i = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (Z(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
     const s = z1();
     this.options = {
       ...s,
@@ -12097,28 +11929,28 @@ class c1 extends N1 {
       this.modules.logger ? I.init(C(this.modules.logger), this.options) : I.init(null, this.options);
       let r;
       this.modules.formatter ? r = this.modules.formatter : typeof Intl < "u" && (r = _6);
-      const p = new W1(this.options);
+      const p = new F1(this.options);
       this.store = new T1(this.options.resources, this.options);
       const w = this.services;
-      w.logger = I, w.resourceStore = this.store, w.languageUtils = p, w.pluralResolver = new Z6(p, {
+      w.logger = I, w.resourceStore = this.store, w.languageUtils = p, w.pluralResolver = new R6(p, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), r && (!this.options.interpolation.format || this.options.interpolation.format === s.interpolation.format) && (w.formatter = C(r), w.formatter.init(w, this.options), this.options.interpolation.format = w.formatter.format.bind(w.formatter)), w.interpolator = new R6(this.options), w.utils = {
+      }), r && (!this.options.interpolation.format || this.options.interpolation.format === s.interpolation.format) && (w.formatter = C(r), w.formatter.init(w, this.options), this.options.interpolation.format = w.formatter.format.bind(w.formatter)), w.interpolator = new V6(this.options), w.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, w.backendConnector = new y6(C(this.modules.backend), w.resourceStore, w, this.options), w.backendConnector.on("*", function(u) {
-        for (var f = arguments.length, L = new Array(f > 1 ? f - 1 : 0), m = 1; m < f; m++)
+      }, w.backendConnector = new y6(C(this.modules.backend), w.resourceStore, w, this.options), w.backendConnector.on("*", function(f) {
+        for (var u = arguments.length, L = new Array(u > 1 ? u - 1 : 0), m = 1; m < u; m++)
           L[m - 1] = arguments[m];
-        e.emit(u, ...L);
-      }), this.modules.languageDetector && (w.languageDetector = C(this.modules.languageDetector), w.languageDetector.init && w.languageDetector.init(w, this.options.detection, this.options)), this.modules.i18nFormat && (w.i18nFormat = C(this.modules.i18nFormat), w.i18nFormat.init && w.i18nFormat.init(this)), this.translator = new v1(this.services, this.options), this.translator.on("*", function(u) {
-        for (var f = arguments.length, L = new Array(f > 1 ? f - 1 : 0), m = 1; m < f; m++)
+        e.emit(f, ...L);
+      }), this.modules.languageDetector && (w.languageDetector = C(this.modules.languageDetector), w.languageDetector.init && w.languageDetector.init(w, this.options.detection, this.options)), this.modules.i18nFormat && (w.i18nFormat = C(this.modules.i18nFormat), w.i18nFormat.init && w.i18nFormat.init(this)), this.translator = new k1(this.services, this.options), this.translator.on("*", function(f) {
+        for (var u = arguments.length, L = new Array(u > 1 ? u - 1 : 0), m = 1; m < u; m++)
           L[m - 1] = arguments[m];
-        e.emit(u, ...L);
-      }), this.modules.external.forEach((u) => {
-        u.init && u.init(this);
+        e.emit(f, ...L);
+      }), this.modules.external.forEach((f) => {
+        f.init && f.init(this);
       });
     }
-    if (this.format = this.options.interpolation.format, i || (i = f1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
+    if (this.format = this.options.interpolation.format, i || (i = u1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
       const r = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
       r.length > 0 && r[0] !== "dev" && (this.options.lng = r[0]);
     }
@@ -12141,8 +11973,8 @@ class c1 extends N1 {
     return this.options.resources || !this.options.initImmediate ? o() : setTimeout(o, 0), a;
   }
   loadResources(e) {
-    let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : f1;
-    const s = V(e) ? e : this.language;
+    let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : u1;
+    const s = Z(e) ? e : this.language;
     if (typeof e == "function" && (i = e), !this.options.resources || this.options.partialBundledLanguages) {
       if (s && s.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return i();
       const C = [], c = (d) => {
@@ -12159,7 +11991,7 @@ class c1 extends N1 {
   }
   reloadResources(e, t, i) {
     const s = r1();
-    return typeof e == "function" && (i = e, e = void 0), typeof t == "function" && (i = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), i || (i = f1), this.services.backendConnector.reload(e, t, (C) => {
+    return typeof e == "function" && (i = e, e = void 0), typeof t == "function" && (i = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), i || (i = u1), this.services.backendConnector.reload(e, t, (C) => {
       s.resolve(), i(C);
     }), s;
   }
@@ -12193,7 +12025,7 @@ class c1 extends N1 {
       });
     }, d = (a) => {
       !e && !a && this.services.languageDetector && (a = []);
-      const o = V(a) ? a : this.services.languageUtils.getBestMatchFromCodes(a);
+      const o = Z(a) ? a : this.services.languageUtils.getBestMatchFromCodes(a);
       o && (this.language || C(o), this.translator.language || this.translator.changeLanguage(o), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(o)), this.loadResources(o, (r) => {
         c(r, o);
       });
@@ -12214,10 +12046,10 @@ class c1 extends N1 {
         };
       a.lng = a.lng || C.lng, a.lngs = a.lngs || C.lngs, a.ns = a.ns || C.ns, a.keyPrefix !== "" && (a.keyPrefix = a.keyPrefix || i || C.keyPrefix);
       const w = s.options.keySeparator || ".";
-      let u;
-      return a.keyPrefix && Array.isArray(c) ? u = c.map((f) => `${a.keyPrefix}${w}${f}`) : u = a.keyPrefix ? `${a.keyPrefix}${w}${c}` : c, s.t(u, a);
+      let f;
+      return a.keyPrefix && Array.isArray(c) ? f = c.map((u) => `${a.keyPrefix}${w}${u}`) : f = a.keyPrefix ? `${a.keyPrefix}${w}${c}` : c, s.t(f, a);
     };
-    return V(e) ? C.lng = e : C.lngs = e, C.ns = t, C.keyPrefix = i, C;
+    return Z(e) ? C.lng = e : C.lngs = e, C.ns = t, C.keyPrefix = i, C;
   }
   t() {
     return this.translator && this.translator.translate(...arguments);
@@ -12248,7 +12080,7 @@ class c1 extends N1 {
   }
   loadNamespaces(e, t) {
     const i = r1();
-    return this.options.ns ? (V(e) && (e = [e]), e.forEach((s) => {
+    return this.options.ns ? (Z(e) && (e = [e]), e.forEach((s) => {
       this.options.ns.indexOf(s) < 0 && this.options.ns.push(s);
     }), this.loadResources((s) => {
       i.resolve(), t && t(s);
@@ -12256,7 +12088,7 @@ class c1 extends N1 {
   }
   loadLanguages(e, t) {
     const i = r1();
-    V(e) && (e = [e]);
+    Z(e) && (e = [e]);
     const s = this.options.preload || [], C = e.filter((c) => s.indexOf(c) < 0 && this.services.languageUtils.isSupportedCode(c));
     return C.length ? (this.options.preload = s.concat(C), this.loadResources((c) => {
       i.resolve(), t && t(c);
@@ -12264,7 +12096,7 @@ class c1 extends N1 {
   }
   dir(e) {
     if (e || (e = this.resolvedLanguage || (this.languages && this.languages.length > 0 ? this.languages[0] : this.language)), !e) return "rtl";
-    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], i = this.services && this.services.languageUtils || new W1(z1());
+    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], i = this.services && this.services.languageUtils || new F1(z1());
     return t.indexOf(i.getLanguagePartFromCode(e)) > -1 || e.toLowerCase().indexOf("-arab") > 1 ? "rtl" : "ltr";
   }
   static createInstance() {
@@ -12272,7 +12104,7 @@ class c1 extends N1 {
     return new c1(e, t);
   }
   cloneInstance() {
-    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : f1;
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : u1;
     const i = e.forkResourceStore;
     i && delete e.forkResourceStore;
     const s = {
@@ -12286,7 +12118,7 @@ class c1 extends N1 {
       ...this.services
     }, C.services.utils = {
       hasLoadedNamespace: C.hasLoadedNamespace.bind(C)
-    }, i && (C.store = new T1(this.store.data, s), C.services.resourceStore = C.store), C.translator = new v1(C.services, s), C.translator.on("*", function(d) {
+    }, i && (C.store = new T1(this.store.data, s), C.services.resourceStore = C.store), C.translator = new k1(C.services, s), C.translator.on("*", function(d) {
       for (var a = arguments.length, o = new Array(a > 1 ? a - 1 : 0), r = 1; r < a; r++)
         o[r - 1] = arguments[r];
       C.emit(d, ...o);
@@ -12320,7 +12152,7 @@ K.setDefaultNamespace;
 K.hasLoadedNamespace;
 K.loadNamespaces;
 K.loadLanguages;
-function E6() {
+function A6() {
   if (console && console.warn) {
     for (var l = arguments.length, e = new Array(l), t = 0; t < l; t++)
       e[t] = arguments[t];
@@ -12331,7 +12163,7 @@ const Q1 = {};
 function _1() {
   for (var l = arguments.length, e = new Array(l), t = 0; t < l; t++)
     e[t] = arguments[t];
-  J(e[0]) && Q1[e[0]] || (J(e[0]) && (Q1[e[0]] = /* @__PURE__ */ new Date()), E6(...e));
+  J(e[0]) && Q1[e[0]] || (J(e[0]) && (Q1[e[0]] = /* @__PURE__ */ new Date()), A6(...e));
 }
 const r2 = (l, e) => () => {
   if (l.isInitialized)
@@ -12367,7 +12199,7 @@ const r2 = (l, e) => () => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && s.services.backendConnector.backend && s.isLanguageChangingTo && !C(s.isLanguageChangingTo, l)) return !1;
     }
   }) : D6(l, e, t);
-}, J = (l) => typeof l == "string", G6 = (l) => typeof l == "object" && l !== null, B6 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, S6 = {
+}, J = (l) => typeof l == "string", G6 = (l) => typeof l == "object" && l !== null, B6 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Y6 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -12388,7 +12220,7 @@ const r2 = (l, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, Y6 = (l) => S6[l], O6 = (l) => l.replace(B6, Y6);
+}, S6 = (l) => Y6[l], O6 = (l) => l.replace(B6, S6);
 let b1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -12405,17 +12237,17 @@ const I6 = function() {
     ...b1,
     ...l
   };
-}, j6 = () => b1;
+}, $6 = () => b1;
 let C2;
-const $6 = (l) => {
+const P6 = (l) => {
   C2 = l;
-}, T6 = () => C2, P6 = {
+}, T6 = () => C2, j6 = {
   type: "3rdParty",
   init(l) {
-    I6(l.options.react), $6(l);
+    I6(l.options.react), P6(l);
   }
-}, W6 = e2();
-class F6 {
+}, F6 = e2();
+class U6 {
   constructor() {
     D1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
     this.usedNamespaces = {};
@@ -12426,8 +12258,8 @@ class F6 {
     });
   }
 }
-const U6 = (l, e) => {
-  const t = $();
+const W6 = (l, e) => {
+  const t = P();
   return D(() => {
     t.current = l;
   }, [l, e]), t.current;
@@ -12438,15 +12270,15 @@ const U6 = (l, e) => {
   } = e, {
     i18n: i,
     defaultNS: s
-  } = T(W6) || {}, C = t || i || T6();
-  if (C && !C.reportNamespaces && (C.reportNamespaces = new F6()), !C) {
+  } = T(F6) || {}, C = t || i || T6();
+  if (C && !C.reportNamespaces && (C.reportNamespaces = new U6()), !C) {
     _1("You will need to pass in an i18next instance by using initReactI18next");
-    const k = (N, M) => J(M) ? M : G6(M) && J(M.defaultValue) ? M.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, R = [k, {}, !1];
-    return R.t = k, R.i18n = {}, R.ready = !1, R;
+    const v = (N, M) => J(M) ? M : G6(M) && J(M.defaultValue) ? M.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, V = [v, {}, !1];
+    return V.t = v, V.i18n = {}, V.ready = !1, V;
   }
   C.options.react && C.options.react.wait !== void 0 && _1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
-    ...j6(),
+    ...$6(),
     ...C.options.react,
     ...e
   }, {
@@ -12455,40 +12287,40 @@ const U6 = (l, e) => {
   } = c;
   let o = l;
   o = J(o) ? [o] : o || ["translation"], C.reportNamespaces.addUsedNamespaces && C.reportNamespaces.addUsedNamespaces(o);
-  const r = (C.isInitialized || C.initializedStoreOnce) && o.every((k) => K6(k, C, c)), p = z6(C, e.lng || null, c.nsMode === "fallback" ? o : o[0], a), w = () => p, u = () => h2(C, e.lng || null, c.nsMode === "fallback" ? o : o[0], a), [f, L] = A(w);
+  const r = (C.isInitialized || C.initializedStoreOnce) && o.every((v) => K6(v, C, c)), p = z6(C, e.lng || null, c.nsMode === "fallback" ? o : o[0], a), w = () => p, f = () => h2(C, e.lng || null, c.nsMode === "fallback" ? o : o[0], a), [u, L] = E(w);
   let m = o.join();
   e.lng && (m = `${e.lng}${m}`);
-  const x = U6(m), Z = $(!0);
+  const x = W6(m), R = P(!0);
   D(() => {
     const {
-      bindI18n: k,
-      bindI18nStore: R
+      bindI18n: v,
+      bindI18nStore: V
     } = c;
-    Z.current = !0, !r && !d && (e.lng ? X1(C, e.lng, o, () => {
-      Z.current && L(u);
+    R.current = !0, !r && !d && (e.lng ? X1(C, e.lng, o, () => {
+      R.current && L(f);
     }) : q1(C, o, () => {
-      Z.current && L(u);
-    })), r && x && x !== m && Z.current && L(u);
+      R.current && L(f);
+    })), r && x && x !== m && R.current && L(f);
     const N = () => {
-      Z.current && L(u);
+      R.current && L(f);
     };
-    return k && C && C.on(k, N), R && C && C.store.on(R, N), () => {
-      Z.current = !1, k && C && k.split(" ").forEach((M) => C.off(M, N)), R && C && R.split(" ").forEach((M) => C.store.off(M, N));
+    return v && C && C.on(v, N), V && C && C.store.on(V, N), () => {
+      R.current = !1, v && C && v.split(" ").forEach((M) => C.off(M, N)), V && C && V.split(" ").forEach((M) => C.store.off(M, N));
     };
   }, [C, m]), D(() => {
-    Z.current && r && L(w);
+    R.current && r && L(w);
   }, [C, a, r]);
-  const b = [f, C, r];
-  if (b.t = f, b.i18n = C, b.ready = r, r || !r && !d) return b;
-  throw new Promise((k) => {
-    e.lng ? X1(C, e.lng, o, () => k()) : q1(C, o, () => k());
+  const b = [u, C, r];
+  if (b.t = u, b.i18n = C, b.ready = r, r || !r && !d) return b;
+  throw new Promise((v) => {
+    e.lng ? X1(C, e.lng, o, () => v()) : q1(C, o, () => v());
   });
 }, Q6 = "Country", q6 = {
   placeholder: Q6
-}, X6 = "Страна", e3 = {
+}, X6 = "Страна", e8 = {
   placeholder: X6
 };
-K.use(P6).init({
+K.use(j6).init({
   defaultNS: "common",
   lng: "en",
   resources: {
@@ -12496,11 +12328,11 @@ K.use(P6).init({
       common: q6
     },
     ru: {
-      common: e3
+      common: e8
     }
   }
 });
-const a3 = q(
+const a8 = q(
   ({
     width: l,
     selectedCity: e,
@@ -12513,28 +12345,28 @@ const a3 = q(
     clearable: a,
     error: o
   }, r) => {
-    const [p, w] = A([]), [u, f] = A([]), [L, m] = A(!1), { locale: x, axiosPeople: Z } = T(Q);
-    if (!Z)
+    const [p, w] = E([]), [f, u] = E([]), [L, m] = E(!1), { locale: x, axiosPeople: R } = T(Q);
+    if (!R)
       throw new Error(
         `CountrySelect requires "axiosPeople" to fetch counties. 
                 Please provide it via SNMTUiContext.`
       );
-    const { t: b } = J6("common", { lng: x }), k = O(async () => {
+    const { t: b } = J6("common", { lng: x }), v = O(async () => {
       m(!0);
       try {
-        const N = await Z.post("v1/countries/search");
-        f(N == null ? void 0 : N.data.data);
+        const N = await R.post("v1/countries/search");
+        u(N == null ? void 0 : N.data.data);
       } catch {
         w([]);
       } finally {
         m(!1);
       }
-    }, [Z]);
+    }, [R]);
     D(() => {
-      k();
+      v();
     }, []), D(() => {
       if (e) {
-        const N = e.split("-")[1], M = u.filter(
+        const N = e.split("-")[1], M = f.filter(
           (G) => G.name.includes(N)
         );
         if (M.length) {
@@ -12545,14 +12377,14 @@ const a3 = q(
           i(G[0].value);
         }
       }
-    }, [e, u, i]), D(() => {
-      const N = u.map((M) => ({
+    }, [e, f, i]), D(() => {
+      const N = f.map((M) => ({
         label: M.name,
         value: M.name
       }));
       w(N);
-    }, [u]);
-    const R = (N) => {
+    }, [f]);
+    const V = (N) => {
       N === null ? (i(""), t && t("")) : (i(N), t && t(""));
     };
     return /* @__PURE__ */ n("div", { className: "snmt-country-select", children: /* @__PURE__ */ n(
@@ -12563,7 +12395,7 @@ const a3 = q(
         placeholder: b("placeholder"),
         value: s,
         ref: r,
-        onChange: R,
+        onChange: V,
         options: p,
         disabled: c,
         isLoading: L,
@@ -12575,5 +12407,5 @@ const a3 = q(
   }
 );
 export {
-  a3 as CountrySelect
+  a8 as CountrySelect
 };