npm - @snmt-react-ui/country-select - Versions diffs - 2.8.18 → 2.8.20 - Mend

@snmt-react-ui/country-select 2.8.18 → 2.8.20

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

Files changed (3) hide show

package/dist/country-select.js +692 -704
package/dist/index.css +1 -1
package/package.json +3 -3

package/dist/country-select.js CHANGED Viewed

@@ -2,10 +2,10 @@ var C2 = Object.defineProperty;
 var g2 = (i, e, t) => e in i ? C2(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var I1 = (i, e, t) => g2(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
-import { jsx as r, Fragment as U, jsxs as u } from "react/jsx-runtime";
+import { jsx as r, Fragment as U, jsxs as g } from "react/jsx-runtime";
 import { SNMTUiContext as u2 } from "@snmt-react-ui/core";
 import { Select as p2, Tag as f2, Flex as m2, Checkbox as w2, Avatar as L2, Typography as y1, Popover as k2 } from "antd";
-import { forwardRef as h1, useState as A, useRef as W, useEffect as I, useCallback as K, useContext as Q, createContext as t1, useImperativeHandle as H1 } from "react";
+import { forwardRef as h1, useState as A, useRef as W, useEffect as O, useCallback as K, useContext as Q, createContext as t1, useImperativeHandle as H1 } from "react";
 var v2 = Object.defineProperty, N2 = (i, e, t) => e in i ? v2(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, R2 = (i, e, t) => N2(i, e + "", t), x2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function _2() {
   if (console && console.warn) {
@@ -41,9 +41,9 @@ const q1 = (i, e) => () => {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const n = e.languages[0], s = e.options ? e.options.fallbackLng : !1, o = e.languages[e.languages.length - 1];
   if (n.toLowerCase() === "cimode") return !0;
-  const c = (a, C) => {
-    const d = e.services.backendConnector.state[`${a}|${C}`];
-    return d === -1 || d === 2;
+  const c = (d, l) => {
+    const a = e.services.backendConnector.state[`${d}|${l}`];
+    return a === -1 || a === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(n, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(n, i) && (!s || c(o, i)));
 }, b2 = function(i, e) {
@@ -101,7 +101,7 @@ class D2 {
 }
 const T2 = (i, e) => {
   const t = W();
-  return I(() => {
+  return O(() => {
     t.current = i;
   }, [i, e]), t.current;
 }, X1 = (i, e, t, n) => i.getFixedT(e, t, n), K2 = (i, e, t, n) => K(X1(i, e, t, n), [i, e, t, n]), B2 = function(i) {
@@ -123,38 +123,38 @@ const T2 = (i, e) => {
     ...o.options.react,
     ...e
   }, {
-    useSuspense: a,
-    keyPrefix: C
+    useSuspense: d,
+    keyPrefix: l
   } = c;
-  let d = i;
-  d = z(d) ? [d] : d || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(d);
-  const l = (o.isInitialized || o.initializedStoreOnce) && d.every((m) => b2(m, o, c)), h = K2(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), g = () => h, p = () => X1(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), [k, v] = A(g);
-  let f = d.join();
+  let a = i;
+  a = z(a) ? [a] : a || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(a);
+  const h = (o.isInitialized || o.initializedStoreOnce) && a.every((m) => b2(m, o, c)), u = K2(o, e.lng || null, c.nsMode === "fallback" ? a : a[0], l), C = () => u, p = () => X1(o, e.lng || null, c.nsMode === "fallback" ? a : a[0], l), [k, v] = A(C);
+  let f = a.join();
   e.lng && (f = `${e.lng}${f}`);
   const y = T2(f), b = W(!0);
-  I(() => {
+  O(() => {
     const {
       bindI18n: m,
       bindI18nStore: M
     } = c;
-    b.current = !0, !l && !a && (e.lng ? S1(o, e.lng, d, () => {
+    b.current = !0, !h && !d && (e.lng ? S1(o, e.lng, a, () => {
       b.current && v(p);
-    }) : O1(o, d, () => {
+    }) : O1(o, a, () => {
       b.current && v(p);
-    })), l && y && y !== f && b.current && v(p);
+    })), h && y && y !== f && b.current && v(p);
     const R = () => {
       b.current && v(p);
     };
     return m && o && o.on(m, R), M && o && o.store.on(M, R), () => {
       b.current = !1, m && o && m.split(" ").forEach((x) => o.off(x, R)), M && o && M.split(" ").forEach((x) => o.store.off(x, R));
     };
-  }, [o, f]), I(() => {
-    b.current && l && v(g);
-  }, [o, C, l]);
-  const E = [k, o, l];
-  if (E.t = k, E.i18n = o, E.ready = l, l || !l && !a) return E;
+  }, [o, f]), O(() => {
+    b.current && h && v(C);
+  }, [o, l, h]);
+  const E = [k, o, h];
+  if (E.t = k, E.i18n = o, E.ready = h, h || !h && !d) return E;
   throw new Promise((m) => {
-    e.lng ? S1(o, e.lng, d, () => m()) : O1(o, d, () => m());
+    e.lng ? S1(o, e.lng, a, () => m()) : O1(o, a, () => m());
   });
 }, r1 = ({
   children: i,
@@ -164,7 +164,7 @@ const T2 = (i, e) => {
   justifyContent: s = "normal",
   flex: o,
   gap: c,
-  padding: a
+  padding: d
 }) => /* @__PURE__ */ r(
   m2,
   {
@@ -175,7 +175,7 @@ const T2 = (i, e) => {
     justify: s,
     flex: o,
     gap: c,
-    style: { padding: a },
+    style: { padding: d },
     children: i
   }
 ), Y2 = ({ shape: i = "circle", size: e = 32, children: t, ...n }) => {
@@ -213,39 +213,39 @@ const { Title: P2, Text: j2 } = y1, $2 = {
     collapsed: o,
     whiteSpace: c = "normal",
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: a = !1
-  }, C) => {
-    const d = W(null);
-    H1(C, () => d.current);
-    const [l, h] = A(!1);
-    I(() => {
+    trim: d = !1
+  }, l) => {
+    const a = W(null);
+    H1(l, () => a.current);
+    const [h, u] = A(!1);
+    O(() => {
       var v;
-      if (!a) return;
+      if (!d) return;
       const f = () => {
-        d.current && h(d.current.scrollWidth > d.current.clientWidth);
+        a.current && u(a.current.scrollWidth > a.current.clientWidth);
       };
       f();
       const y = new ResizeObserver(f);
-      return d.current && y.observe(d.current), (v = d.current) != null && v.parentElement && y.observe(d.current.parentElement), () => {
+      return a.current && y.observe(a.current), (v = a.current) != null && v.parentElement && y.observe(a.current.parentElement), () => {
         y.disconnect();
       };
-    }, [a]);
-    const g = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    }, [d]);
+    const C = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let p = `snmt-typography snmt-typography-${e}`;
     i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), o && (p += " collapsed");
     const k = {
       className: p,
-      style: { color: t, whiteSpace: a ? "nowrap" : c, display: a ? "block" : "" },
+      style: { color: t, whiteSpace: d ? "nowrap" : c, display: d ? "block" : "" },
       onClick: s,
-      ref: d,
-      ellipsis: a && l ? {
+      ref: a,
+      ellipsis: d && h ? {
         tooltip: {
           title: n,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return g ? /* @__PURE__ */ r(P2, { level: $2[e], ...k, children: n }) : /* @__PURE__ */ r(j2, { ...k, children: n });
+    return C ? /* @__PURE__ */ r(P2, { level: $2[e], ...k, children: n }) : /* @__PURE__ */ r(j2, { ...k, children: n });
   }
 ), W2 = ({
   checked: i = !0,
@@ -255,19 +255,19 @@ const { Title: P2, Text: j2 } = y1, $2 = {
   disabled: s = !1,
   disableUncheck: o = !1
 }) => {
-  const [c, a] = A(i), [C, d] = A(e);
-  I(() => {
-    a(i), d(e);
+  const [c, d] = A(i), [l, a] = A(e);
+  O(() => {
+    d(i), a(e);
   }, [i, e]);
-  const { theme: l } = Q(E1);
+  const { theme: h } = Q(E1);
   return /* @__PURE__ */ r(
     w2,
     {
-      className: `snmt-checkbox snmt-checkbox-${l}`,
+      className: `snmt-checkbox snmt-checkbox-${h}`,
       checked: c,
-      indeterminate: C,
-      onChange: (h) => {
-        o && c || (d(!1), a(h.target.checked), n && n(h));
+      indeterminate: l,
+      onChange: (u) => {
+        o && c || (a(!1), d(u.target.checked), n && n(u));
       },
       disabled: s,
       children: t && /* @__PURE__ */ r(
@@ -320,7 +320,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -360,7 +360,7 @@ const U2 = ({
   color: t = "#001E52",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -395,7 +395,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -406,7 +406,7 @@ const U2 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("g", { "clip-path": "url(#clip0_1_2043)", children: /* @__PURE__ */ r(
+      /* @__PURE__ */ r("g", { clipPath: "url(#clip0_1_2043)", children: /* @__PURE__ */ r(
         "path",
         {
           d: "M5.96967 14.9697C5.67678 15.2626 5.67678 15.7373 5.96967 16.0302C6.26256 16.3231 6.73732 16.3231 7.03022 16.0302L12.4999 10.5605L17.9697 16.0302L18.0263 16.082C18.3209 16.3223 18.7556 16.3048 19.0302 16.0302C19.3048 15.7556 19.3223 15.3209 19.082 15.0263L19.0302 14.9697L13.0302 8.96967C12.7373 8.67678 12.2626 8.67678 11.9697 8.96967L5.96967 14.9697Z",
@@ -446,7 +446,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -457,7 +457,7 @@ const U2 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("g", { "clip-path": "url(#clip0_1_2039)", children: /* @__PURE__ */ r(
+      /* @__PURE__ */ r("g", { clipPath: "url(#clip0_1_2039)", children: /* @__PURE__ */ r(
         "path",
         {
           d: "M5.96967 10.0303C5.67678 9.73744 5.67678 9.26268 5.96967 8.96978C6.26256 8.67689 6.73732 8.67689 7.03022 8.96978L12.4999 14.4395L17.9697 8.96978L18.0263 8.91803C18.3209 8.67772 18.7556 8.69518 19.0302 8.96978C19.3048 9.24439 19.3223 9.67911 19.082 9.97369L19.0302 10.0303L13.0302 16.0303C12.7373 16.3232 12.2626 16.3232 11.9697 16.0303L5.96967 10.0303Z",
@@ -497,7 +497,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -616,7 +616,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -677,7 +677,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -724,7 +724,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -764,7 +764,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -804,7 +804,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -851,7 +851,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -898,7 +898,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -945,7 +945,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -985,7 +985,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1018,7 +1018,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1051,7 +1051,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1084,7 +1084,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1117,7 +1117,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1157,7 +1157,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1190,7 +1190,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1223,7 +1223,7 @@ const U2 = ({
   color: t = "#070739",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1253,7 +1253,7 @@ const U2 = ({
   color: t = "#070739",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1317,7 +1317,7 @@ const U2 = ({
   color: t = "#F2F2F7",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1346,7 +1346,7 @@ const U2 = ({
   color: t = "#004ED7",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1375,7 +1375,7 @@ const U2 = ({
   color: t = "#001E52",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1404,7 +1404,7 @@ const U2 = ({
   color: t = "#001E52",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -1441,7 +1441,7 @@ const U2 = ({
   height: t = 20,
   width: n = 20,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: n,
@@ -1577,7 +1577,7 @@ const U2 = ({
   height: t = 20,
   width: n = 20,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: n,
@@ -1610,7 +1610,7 @@ const U2 = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: n,
@@ -1676,7 +1676,7 @@ const U2 = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: n,
@@ -1735,7 +1735,7 @@ const U2 = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: n,
@@ -1772,7 +1772,7 @@ const U2 = ({
   height: t = 14,
   width: n = 14,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     className: i,
@@ -1836,7 +1836,7 @@ const U2 = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -1888,7 +1888,7 @@ const U2 = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -1925,7 +1925,7 @@ const U2 = ({
   height: t = 37,
   width: n = 36,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -1990,7 +1990,7 @@ const U2 = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -2029,7 +2029,7 @@ const U2 = ({
   height: t = 20,
   width: n = 20,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -2062,7 +2062,7 @@ const U2 = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -2131,7 +2131,7 @@ const U2 = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -2188,7 +2188,7 @@ const U2 = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -2264,7 +2264,7 @@ const U2 = ({
   height: t = 20,
   width: n = 20,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -2330,7 +2330,7 @@ const U2 = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 489.698 489.698",
-    children: /* @__PURE__ */ r("g", { children: /* @__PURE__ */ u("g", { children: [
+    children: /* @__PURE__ */ r("g", { children: /* @__PURE__ */ g("g", { children: [
       /* @__PURE__ */ r(
         "path",
         {
@@ -2381,7 +2381,7 @@ const U2 = ({
   color: t = "#131314",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -2414,7 +2414,7 @@ const U2 = ({
   color: t = w.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -2447,7 +2447,7 @@ const U2 = ({
   color: t = w.GREY_DARK_2,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -2544,185 +2544,179 @@ const U2 = ({
   disabled: o = !1,
   onClick: c
 }) => {
-  const [a, C] = A(s), { theme: d } = Q(e2), l = o ? d && d === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : n, h = o ? void 0 : c;
-  return I(() => {
-    if (s) {
-      h && !o && C(`${s} clickable`);
-      return;
-    }
-    h && !o && C("clickable");
-  }, [h, s, o]), /* @__PURE__ */ r(U, { children: (() => {
+  const { theme: d } = Q(e2), l = o ? d && d === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : n, a = o ? void 0 : c, h = c && !o ? `${s || ""} clickable` : s;
+  return /* @__PURE__ */ r(U, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return y5({ width: e, height: t, color: l, className: a, onClick: h });
+        return y5({ width: e, height: t, color: l, className: h, onClick: a });
       case "prevIcon":
-        return H5({ width: e, height: t, color: l, className: a, onClick: h });
+        return H5({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrowDown":
-        return U2({ width: e, height: t, color: l, className: a, onClick: h });
+        return U2({ width: e, height: t, color: l, className: h, onClick: a });
       case "info":
-        return z2({ width: e, height: t, color: l, className: a, onClick: h });
+        return z2({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrowRight":
-        return J2({ width: e, height: t, color: l, className: a, onClick: h });
+        return J2({ width: e, height: t, color: l, className: h, onClick: a });
       case "calendar":
-        return t5({ width: e, height: t, color: l, className: a, onClick: h });
+        return t5({ width: e, height: t, color: l, className: h, onClick: a });
       case "check":
-        return i5({ width: e, height: t, color: l, className: a, onClick: h });
+        return i5({ width: e, height: t, color: l, className: h, onClick: a });
       case "cancel":
-        return n5({ width: e, height: t, color: l, className: a, onClick: h });
+        return n5({ width: e, height: t, color: l, className: h, onClick: a });
       case "add":
-        return s5({ width: e, height: t, color: l, className: a, onClick: h });
+        return s5({ width: e, height: t, color: l, className: h, onClick: a });
       case "list":
-        return r5({ width: e, height: t, color: l, className: a, onClick: h });
+        return r5({ width: e, height: t, color: l, className: h, onClick: a });
       case "dragAndDrop":
-        return o5({ width: e, height: t, color: l, className: a, onClick: h });
+        return o5({ width: e, height: t, color: l, className: h, onClick: a });
       case "filter":
-        return a5({ width: e, height: t, color: l, className: a, onClick: h });
+        return a5({ width: e, height: t, color: l, className: h, onClick: a });
       case "attention":
-        return l5({ width: e, height: t, color: l, className: a, onClick: h });
+        return l5({ width: e, height: t, color: l, className: h, onClick: a });
       case "users":
-        return h5({ width: e, height: t, color: l, className: a, onClick: h });
+        return h5({ width: e, height: t, color: l, className: h, onClick: a });
       case "mySkillsMatrix":
         return c5({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "skills":
-        return d5({ width: e, height: t, color: l, className: a, onClick: h });
+        return d5({ width: e, height: t, color: l, className: h, onClick: a });
       case "skillsMatrices":
         return C5({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "history":
-        return g5({ width: e, height: t, color: l, className: a, onClick: h });
+        return g5({ width: e, height: t, color: l, className: h, onClick: a });
       case "logOut":
-        return u5({ width: e, height: t, color: l, className: a, onClick: h });
+        return u5({ width: e, height: t, color: l, className: h, onClick: a });
       case "settings":
-        return p5({ width: e, height: t, color: l, className: a, onClick: h });
+        return p5({ width: e, height: t, color: l, className: h, onClick: a });
       case "trash":
-        return f5({ width: e, height: t, color: l, className: a, onClick: h });
+        return f5({ width: e, height: t, color: l, className: h, onClick: a });
       case "settings2":
-        return m5({ width: e, height: t, color: l, className: a, onClick: h });
+        return m5({ width: e, height: t, color: l, className: h, onClick: a });
       case "checkCircle":
-        return w5({ width: e, height: t, color: l, className: a, onClick: h });
+        return w5({ width: e, height: t, color: l, className: h, onClick: a });
       case "cancelCircle":
-        return L5({ width: e, height: t, color: l, className: a, onClick: h });
+        return L5({ width: e, height: t, color: l, className: h, onClick: a });
       case "visibilityIcon":
         return k5({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "visibilityOffIcon":
         return v5({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "selectArrowIcon":
         return N5({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "expandArrowIcon":
         return R5({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "expandActiveArrowIcon":
         return x5({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "sortUp":
-        return _5({ width: e, height: t, color: l, className: a, onClick: h });
+        return _5({ width: e, height: t, color: l, className: h, onClick: a });
       case "sortDown":
-        return M5({ width: e, height: t, color: l, className: a, onClick: h });
+        return M5({ width: e, height: t, color: l, className: h, onClick: a });
       case "search":
-        return b5({ width: e, height: t, color: l, className: a, onClick: h });
+        return b5({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrowUpFilled":
-        return V5({ width: e, height: t, color: l, className: a, onClick: h });
+        return V5({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrowDownFilled":
-        return E5({ width: e, height: t, color: l, className: a, onClick: h });
+        return E5({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrow2Up":
-        return Q2({ width: e, height: t, color: l, className: a, onClick: h });
+        return Q2({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrow2Right":
-        return q2({ width: e, height: t, color: l, className: a, onClick: h });
+        return q2({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrow2Down":
-        return X2({ width: e, height: t, color: l, className: a, onClick: h });
+        return X2({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrow2Left":
-        return e5({ width: e, height: t, color: l, className: a, onClick: h });
+        return e5({ width: e, height: t, color: l, className: h, onClick: a });
       case "link":
-        return A5({ width: e, height: t, color: l, className: a, onClick: h });
+        return A5({ width: e, height: t, color: l, className: h, onClick: a });
       case "telegram":
-        return Z5({ width: e, height: t, color: l, className: a, onClick: h });
+        return Z5({ width: e, height: t, color: l, className: h, onClick: a });
       case "mail":
-        return S5({ width: e, height: t, color: l, className: a, onClick: h });
+        return S5({ width: e, height: t, color: l, className: h, onClick: a });
       case "github":
-        return I5({ width: e, height: t, color: l, className: a, onClick: h });
+        return I5({ width: e, height: t, color: l, className: h, onClick: a });
       case "linkedIn":
-        return O5({ width: e, height: t, color: l, className: a, onClick: h });
+        return O5({ width: e, height: t, color: l, className: h, onClick: a });
       case "emptyStateIcon":
-        return G5({ width: e, height: t, color: l, className: a, onClick: h });
+        return G5({ width: e, height: t, color: l, className: h, onClick: a });
       case "filtersIcon":
-        return D5({ width: e, height: t, color: l, className: a, onClick: h });
+        return D5({ width: e, height: t, color: l, className: h, onClick: a });
       case "dotMenuIcon":
-        return T5({ width: e, height: t, color: l, className: a, onClick: h });
+        return T5({ width: e, height: t, color: l, className: h, onClick: a });
       case "plusCircle":
-        return K5({ width: e, height: t, color: l, className: a, onClick: h });
+        return K5({ width: e, height: t, color: l, className: h, onClick: a });
       case "warning":
-        return B5({ width: e, height: t, color: l, className: a, onClick: h });
+        return B5({ width: e, height: t, color: l, className: h, onClick: a });
       case "back":
-        return Y5({ width: e, height: t, color: l, className: a, onClick: h });
+        return Y5({ width: e, height: t, color: l, className: h, onClick: a });
       case "bell":
-        return P5({ width: e, height: t, color: l, className: a, onClick: h });
+        return P5({ width: e, height: t, color: l, className: h, onClick: a });
       case "copy":
-        return j5({ width: e, height: t, color: l, className: a, onClick: h });
+        return j5({ width: e, height: t, color: l, className: h, onClick: a });
       case "contract":
-        return $5({ width: e, height: t, color: l, className: a, onClick: h });
+        return $5({ width: e, height: t, color: l, className: h, onClick: a });
       case "resourceManager":
-        return F5({ width: e, height: t, color: l, className: a, onClick: h });
+        return F5({ width: e, height: t, color: l, className: h, onClick: a });
       case "image":
-        return W5({ width: e, height: t, color: l, className: a, onClick: h });
+        return W5({ width: e, height: t, color: l, className: h, onClick: a });
       case "edit":
-        return U5({ width: e, height: t, color: l, className: a, onClick: h });
+        return U5({ width: e, height: t, color: l, className: h, onClick: a });
       case "filledArrowRight":
-        return z5({ width: e, height: t, color: l, className: a, onClick: h });
+        return z5({ width: e, height: t, color: l, className: h, onClick: a });
       case "burgerMenu":
-        return J5({ width: e, height: t, color: l, className: a, onClick: h });
+        return J5({ width: e, height: t, color: l, className: h, onClick: a });
       case "refresh":
-        return Q5({ width: e, height: t, color: l, className: a, onClick: h });
+        return Q5({ width: e, height: t, color: l, className: h, onClick: a });
       case "projects":
-        return q5({ width: e, height: t, color: l, className: a, onClick: h });
+        return q5({ width: e, height: t, color: l, className: h, onClick: a });
       case "user":
-        return ee({ width: e, height: t, color: l, className: a, onClick: h });
+        return ee({ width: e, height: t, color: l, className: h, onClick: a });
       case "exit":
-        return X5({ width: e, height: t, color: l, className: a, onClick: h });
+        return X5({ width: e, height: t, color: l, className: h, onClick: a });
       case "openPointCircle":
-        return te({ width: e, height: t, color: l, className: a, onClick: h });
+        return te({ width: e, height: t, color: l, className: h, onClick: a });
       case "community":
-        return ie({ width: e, height: t, color: l, className: a, onClick: h });
+        return ie({ width: e, height: t, color: l, className: h, onClick: a });
       case "docs":
-        return ne({ width: e, height: t, color: l, className: a, onClick: h });
+        return ne({ width: e, height: t, color: l, className: h, onClick: a });
       default:
         return /* @__PURE__ */ r(U, { children: "No Icon provided" });
     }
@@ -2742,39 +2736,39 @@ const U2 = ({
     collapsed: o,
     whiteSpace: c = "normal",
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: a = !1
-  }, C) => {
-    const d = W(null);
-    H1(C, () => d.current);
-    const [l, h] = A(!1);
-    I(() => {
+    trim: d = !1
+  }, l) => {
+    const a = W(null);
+    H1(l, () => a.current);
+    const [h, u] = A(!1);
+    O(() => {
       var v;
-      if (!a) return;
+      if (!d) return;
       const f = () => {
-        d.current && h(d.current.scrollWidth > d.current.clientWidth);
+        a.current && u(a.current.scrollWidth > a.current.clientWidth);
       };
       f();
       const y = new ResizeObserver(f);
-      return d.current && y.observe(d.current), (v = d.current) != null && v.parentElement && y.observe(d.current.parentElement), () => {
+      return a.current && y.observe(a.current), (v = a.current) != null && v.parentElement && y.observe(a.current.parentElement), () => {
         y.disconnect();
       };
-    }, [a]);
-    const g = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    }, [d]);
+    const C = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let p = `snmt-typography snmt-typography-${e}`;
     i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), o && (p += " collapsed");
     const k = {
       className: p,
-      style: { color: t, whiteSpace: a ? "nowrap" : c, display: a ? "block" : "" },
+      style: { color: t, whiteSpace: d ? "nowrap" : c, display: d ? "block" : "" },
       onClick: s,
-      ref: d,
-      ellipsis: a && l ? {
+      ref: a,
+      ellipsis: d && h ? {
         tooltip: {
           title: n,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return g ? /* @__PURE__ */ r(se, { level: oe[e], ...k, children: n }) : /* @__PURE__ */ r(re, { ...k, children: n });
+    return C ? /* @__PURE__ */ r(se, { level: oe[e], ...k, children: n }) : /* @__PURE__ */ r(re, { ...k, children: n });
   }
 );
 var L = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(L || {});
@@ -2816,7 +2810,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -2856,7 +2850,7 @@ const le = ({
   color: t = "#001E52",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2891,7 +2885,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -2902,7 +2896,7 @@ const le = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("g", { "clip-path": "url(#clip0_1_2043)", children: /* @__PURE__ */ r(
+      /* @__PURE__ */ r("g", { clipPath: "url(#clip0_1_2043)", children: /* @__PURE__ */ r(
         "path",
         {
           d: "M5.96967 14.9697C5.67678 15.2626 5.67678 15.7373 5.96967 16.0302C6.26256 16.3231 6.73732 16.3231 7.03022 16.0302L12.4999 10.5605L17.9697 16.0302L18.0263 16.082C18.3209 16.3223 18.7556 16.3048 19.0302 16.0302C19.3048 15.7556 19.3223 15.3209 19.082 15.0263L19.0302 14.9697L13.0302 8.96967C12.7373 8.67678 12.2626 8.67678 11.9697 8.96967L5.96967 14.9697Z",
@@ -2942,7 +2936,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -2953,7 +2947,7 @@ const le = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("g", { "clip-path": "url(#clip0_1_2039)", children: /* @__PURE__ */ r(
+      /* @__PURE__ */ r("g", { clipPath: "url(#clip0_1_2039)", children: /* @__PURE__ */ r(
         "path",
         {
           d: "M5.96967 10.0303C5.67678 9.73744 5.67678 9.26268 5.96967 8.96978C6.26256 8.67689 6.73732 8.67689 7.03022 8.96978L12.4999 14.4395L17.9697 8.96978L18.0263 8.91803C18.3209 8.67772 18.7556 8.69518 19.0302 8.96978C19.3048 9.24439 19.3223 9.67911 19.082 9.97369L19.0302 10.0303L13.0302 16.0303C12.7373 16.3232 12.2626 16.3232 11.9697 16.0303L5.96967 10.0303Z",
@@ -2993,7 +2987,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3112,7 +3106,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3173,7 +3167,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3220,7 +3214,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3260,7 +3254,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3300,7 +3294,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3347,7 +3341,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3394,7 +3388,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3441,7 +3435,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3481,7 +3475,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3514,7 +3508,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3547,7 +3541,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3580,7 +3574,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3613,7 +3607,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3653,7 +3647,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3686,7 +3680,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3719,7 +3713,7 @@ const le = ({
   color: t = "#070739",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3749,7 +3743,7 @@ const le = ({
   color: t = "#070739",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3813,7 +3807,7 @@ const le = ({
   color: t = "#F2F2F7",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3842,7 +3836,7 @@ const le = ({
   color: t = "#004ED7",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3871,7 +3865,7 @@ const le = ({
   color: t = "#001E52",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3900,7 +3894,7 @@ const le = ({
   color: t = "#001E52",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -3937,7 +3931,7 @@ const le = ({
   height: t = 20,
   width: n = 20,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: n,
@@ -4073,7 +4067,7 @@ const le = ({
   height: t = 20,
   width: n = 20,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: n,
@@ -4106,7 +4100,7 @@ const le = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: n,
@@ -4172,7 +4166,7 @@ const le = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: n,
@@ -4231,7 +4225,7 @@ const le = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: n,
@@ -4268,7 +4262,7 @@ const le = ({
   height: t = 14,
   width: n = 14,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     className: i,
@@ -4332,7 +4326,7 @@ const le = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -4384,7 +4378,7 @@ const le = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -4421,7 +4415,7 @@ const le = ({
   height: t = 37,
   width: n = 36,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -4486,7 +4480,7 @@ const le = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -4525,7 +4519,7 @@ const le = ({
   height: t = 20,
   width: n = 20,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -4558,7 +4552,7 @@ const le = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -4627,7 +4621,7 @@ const le = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -4684,7 +4678,7 @@ const le = ({
   height: t = 24,
   width: n = 24,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -4760,7 +4754,7 @@ const le = ({
   height: t = 20,
   width: n = 20,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     onClick: s,
@@ -4826,7 +4820,7 @@ const le = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 489.698 489.698",
-    children: /* @__PURE__ */ r("g", { children: /* @__PURE__ */ u("g", { children: [
+    children: /* @__PURE__ */ r("g", { children: /* @__PURE__ */ g("g", { children: [
       /* @__PURE__ */ r(
         "path",
         {
@@ -4877,7 +4871,7 @@ const le = ({
   color: t = "#131314",
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -4910,7 +4904,7 @@ const le = ({
   color: t = L.GREY_DARK_5,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -4943,7 +4937,7 @@ const le = ({
   color: t = L.GREY_DARK_2,
   className: n,
   onClick: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     width: i,
@@ -5040,185 +5034,179 @@ const le = ({
   disabled: o = !1,
   onClick: c
 }) => {
-  const [a, C] = A(s), { theme: d } = Q(t2), l = o ? d && d === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : n, h = o ? void 0 : c;
-  return I(() => {
-    if (s) {
-      h && !o && C(`${s} clickable`);
-      return;
-    }
-    h && !o && C("clickable");
-  }, [h, s, o]), /* @__PURE__ */ r(U, { children: (() => {
+  const { theme: d } = Q(t2), l = o ? d && d === "dark" ? L.GREY_LIGHT_4 : L.GREY_DARK_1 : n, a = o ? void 0 : c, h = c && !o ? `${s || ""} clickable` : s;
+  return /* @__PURE__ */ r(U, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return Ye({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ye({ width: e, height: t, color: l, className: h, onClick: a });
       case "prevIcon":
-        return Pe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Pe({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrowDown":
-        return le({ width: e, height: t, color: l, className: a, onClick: h });
+        return le({ width: e, height: t, color: l, className: h, onClick: a });
       case "info":
-        return he({ width: e, height: t, color: l, className: a, onClick: h });
+        return he({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrowRight":
-        return ce({ width: e, height: t, color: l, className: a, onClick: h });
+        return ce({ width: e, height: t, color: l, className: h, onClick: a });
       case "calendar":
-        return pe({ width: e, height: t, color: l, className: a, onClick: h });
+        return pe({ width: e, height: t, color: l, className: h, onClick: a });
       case "check":
-        return fe({ width: e, height: t, color: l, className: a, onClick: h });
+        return fe({ width: e, height: t, color: l, className: h, onClick: a });
       case "cancel":
-        return me({ width: e, height: t, color: l, className: a, onClick: h });
+        return me({ width: e, height: t, color: l, className: h, onClick: a });
       case "add":
-        return we({ width: e, height: t, color: l, className: a, onClick: h });
+        return we({ width: e, height: t, color: l, className: h, onClick: a });
       case "list":
-        return Le({ width: e, height: t, color: l, className: a, onClick: h });
+        return Le({ width: e, height: t, color: l, className: h, onClick: a });
       case "dragAndDrop":
-        return ke({ width: e, height: t, color: l, className: a, onClick: h });
+        return ke({ width: e, height: t, color: l, className: h, onClick: a });
       case "filter":
-        return ve({ width: e, height: t, color: l, className: a, onClick: h });
+        return ve({ width: e, height: t, color: l, className: h, onClick: a });
       case "attention":
-        return Ne({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ne({ width: e, height: t, color: l, className: h, onClick: a });
       case "users":
-        return Re({ width: e, height: t, color: l, className: a, onClick: h });
+        return Re({ width: e, height: t, color: l, className: h, onClick: a });
       case "mySkillsMatrix":
         return xe({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "skills":
-        return _e({ width: e, height: t, color: l, className: a, onClick: h });
+        return _e({ width: e, height: t, color: l, className: h, onClick: a });
       case "skillsMatrices":
         return Me({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "history":
-        return be({ width: e, height: t, color: l, className: a, onClick: h });
+        return be({ width: e, height: t, color: l, className: h, onClick: a });
       case "logOut":
-        return ye({ width: e, height: t, color: l, className: a, onClick: h });
+        return ye({ width: e, height: t, color: l, className: h, onClick: a });
       case "settings":
-        return He({ width: e, height: t, color: l, className: a, onClick: h });
+        return He({ width: e, height: t, color: l, className: h, onClick: a });
       case "trash":
-        return Ee({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ee({ width: e, height: t, color: l, className: h, onClick: a });
       case "settings2":
-        return Ve({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ve({ width: e, height: t, color: l, className: h, onClick: a });
       case "checkCircle":
-        return Ae({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ae({ width: e, height: t, color: l, className: h, onClick: a });
       case "cancelCircle":
-        return Ie({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ie({ width: e, height: t, color: l, className: h, onClick: a });
       case "visibilityIcon":
         return Ze({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "visibilityOffIcon":
         return Oe({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "selectArrowIcon":
         return Se({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "expandArrowIcon":
         return Ge({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "expandActiveArrowIcon":
         return De({
           width: e,
           height: t,
           color: l,
-          className: a,
-          onClick: h
+          className: h,
+          onClick: a
         });
       case "sortUp":
-        return Te({ width: e, height: t, color: l, className: a, onClick: h });
+        return Te({ width: e, height: t, color: l, className: h, onClick: a });
       case "sortDown":
-        return Ke({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ke({ width: e, height: t, color: l, className: h, onClick: a });
       case "search":
-        return Be({ width: e, height: t, color: l, className: a, onClick: h });
+        return Be({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrowUpFilled":
-        return $e({ width: e, height: t, color: l, className: a, onClick: h });
+        return $e({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrowDownFilled":
-        return je({ width: e, height: t, color: l, className: a, onClick: h });
+        return je({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrow2Up":
-        return de({ width: e, height: t, color: l, className: a, onClick: h });
+        return de({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrow2Right":
-        return Ce({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ce({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrow2Down":
-        return ge({ width: e, height: t, color: l, className: a, onClick: h });
+        return ge({ width: e, height: t, color: l, className: h, onClick: a });
       case "arrow2Left":
-        return ue({ width: e, height: t, color: l, className: a, onClick: h });
+        return ue({ width: e, height: t, color: l, className: h, onClick: a });
       case "link":
-        return Fe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Fe({ width: e, height: t, color: l, className: h, onClick: a });
       case "telegram":
-        return Ue({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ue({ width: e, height: t, color: l, className: h, onClick: a });
       case "mail":
-        return Je({ width: e, height: t, color: l, className: a, onClick: h });
+        return Je({ width: e, height: t, color: l, className: h, onClick: a });
       case "github":
-        return We({ width: e, height: t, color: l, className: a, onClick: h });
+        return We({ width: e, height: t, color: l, className: h, onClick: a });
       case "linkedIn":
-        return ze({ width: e, height: t, color: l, className: a, onClick: h });
+        return ze({ width: e, height: t, color: l, className: h, onClick: a });
       case "emptyStateIcon":
-        return Qe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Qe({ width: e, height: t, color: l, className: h, onClick: a });
       case "filtersIcon":
-        return qe({ width: e, height: t, color: l, className: a, onClick: h });
+        return qe({ width: e, height: t, color: l, className: h, onClick: a });
       case "dotMenuIcon":
-        return Xe({ width: e, height: t, color: l, className: a, onClick: h });
+        return Xe({ width: e, height: t, color: l, className: h, onClick: a });
       case "plusCircle":
-        return e7({ width: e, height: t, color: l, className: a, onClick: h });
+        return e7({ width: e, height: t, color: l, className: h, onClick: a });
       case "warning":
-        return t7({ width: e, height: t, color: l, className: a, onClick: h });
+        return t7({ width: e, height: t, color: l, className: h, onClick: a });
       case "back":
-        return i7({ width: e, height: t, color: l, className: a, onClick: h });
+        return i7({ width: e, height: t, color: l, className: h, onClick: a });
       case "bell":
-        return n7({ width: e, height: t, color: l, className: a, onClick: h });
+        return n7({ width: e, height: t, color: l, className: h, onClick: a });
       case "copy":
-        return s7({ width: e, height: t, color: l, className: a, onClick: h });
+        return s7({ width: e, height: t, color: l, className: h, onClick: a });
       case "contract":
-        return r7({ width: e, height: t, color: l, className: a, onClick: h });
+        return r7({ width: e, height: t, color: l, className: h, onClick: a });
       case "resourceManager":
-        return o7({ width: e, height: t, color: l, className: a, onClick: h });
+        return o7({ width: e, height: t, color: l, className: h, onClick: a });
       case "image":
-        return a7({ width: e, height: t, color: l, className: a, onClick: h });
+        return a7({ width: e, height: t, color: l, className: h, onClick: a });
       case "edit":
-        return l7({ width: e, height: t, color: l, className: a, onClick: h });
+        return l7({ width: e, height: t, color: l, className: h, onClick: a });
       case "filledArrowRight":
-        return h7({ width: e, height: t, color: l, className: a, onClick: h });
+        return h7({ width: e, height: t, color: l, className: h, onClick: a });
       case "burgerMenu":
-        return c7({ width: e, height: t, color: l, className: a, onClick: h });
+        return c7({ width: e, height: t, color: l, className: h, onClick: a });
       case "refresh":
-        return d7({ width: e, height: t, color: l, className: a, onClick: h });
+        return d7({ width: e, height: t, color: l, className: h, onClick: a });
       case "projects":
-        return C7({ width: e, height: t, color: l, className: a, onClick: h });
+        return C7({ width: e, height: t, color: l, className: h, onClick: a });
       case "user":
-        return u7({ width: e, height: t, color: l, className: a, onClick: h });
+        return u7({ width: e, height: t, color: l, className: h, onClick: a });
       case "exit":
-        return g7({ width: e, height: t, color: l, className: a, onClick: h });
+        return g7({ width: e, height: t, color: l, className: h, onClick: a });
       case "openPointCircle":
-        return p7({ width: e, height: t, color: l, className: a, onClick: h });
+        return p7({ width: e, height: t, color: l, className: h, onClick: a });
       case "community":
-        return f7({ width: e, height: t, color: l, className: a, onClick: h });
+        return f7({ width: e, height: t, color: l, className: h, onClick: a });
       case "docs":
-        return m7({ width: e, height: t, color: l, className: a, onClick: h });
+        return m7({ width: e, height: t, color: l, className: h, onClick: a });
       default:
         return /* @__PURE__ */ r(U, { children: "No Icon provided" });
     }
@@ -5238,7 +5226,7 @@ const i2 = ({
   closable: s = !0,
   disabled: o = !1
 }) => {
-  const c = t === "small" ? 10 : 12.5, a = () => {
+  const c = t === "small" ? 10 : 12.5, d = () => {
     o || n == null || n();
   };
   return /* @__PURE__ */ r(
@@ -5252,7 +5240,7 @@ const i2 = ({
           color: o ? o1.GREY_DARK_1 : o1.GREY_DARK_2,
           width: c,
           height: c,
-          onClick: a
+          onClick: d
         }
       ),
       bordered: !1,
@@ -5283,39 +5271,39 @@ const i2 = ({
     collapsed: o,
     whiteSpace: c = "normal",
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: a = !1
-  }, C) => {
-    const d = W(null);
-    H1(C, () => d.current);
-    const [l, h] = A(!1);
-    I(() => {
+    trim: d = !1
+  }, l) => {
+    const a = W(null);
+    H1(l, () => a.current);
+    const [h, u] = A(!1);
+    O(() => {
       var v;
-      if (!a) return;
+      if (!d) return;
       const f = () => {
-        d.current && h(d.current.scrollWidth > d.current.clientWidth);
+        a.current && u(a.current.scrollWidth > a.current.clientWidth);
       };
       f();
       const y = new ResizeObserver(f);
-      return d.current && y.observe(d.current), (v = d.current) != null && v.parentElement && y.observe(d.current.parentElement), () => {
+      return a.current && y.observe(a.current), (v = a.current) != null && v.parentElement && y.observe(a.current.parentElement), () => {
         y.disconnect();
       };
-    }, [a]);
-    const g = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    }, [d]);
+    const C = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let p = `snmt-typography snmt-typography-${e}`;
     i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), o && (p += " collapsed");
     const k = {
       className: p,
-      style: { color: t, whiteSpace: a ? "nowrap" : c, display: a ? "block" : "" },
+      style: { color: t, whiteSpace: d ? "nowrap" : c, display: d ? "block" : "" },
       onClick: s,
-      ref: d,
-      ellipsis: a && l ? {
+      ref: a,
+      ellipsis: d && h ? {
         tooltip: {
           title: n,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return g ? /* @__PURE__ */ r(k7, { level: N7[e], ...k, children: n }) : /* @__PURE__ */ r(v7, { ...k, children: n });
+    return C ? /* @__PURE__ */ r(k7, { level: N7[e], ...k, children: n }) : /* @__PURE__ */ r(v7, { ...k, children: n });
   }
 ), x7 = ({
   children: i,
@@ -5326,7 +5314,7 @@ const i2 = ({
   noPadding: o = !1,
   trigger: c = "click"
 }) => {
-  const [a, C] = A(!1);
+  const [d, l] = A(!1);
   return /* @__PURE__ */ r(
     k2,
     {
@@ -5335,9 +5323,9 @@ const i2 = ({
       placement: s,
       trigger: c,
       overlayClassName: `snmt-popover ${o ? "" : "padding"}`,
-      open: t ?? a,
-      onOpenChange: (d) => {
-        C(d), n == null || n(d);
+      open: t ?? d,
+      onOpenChange: (a) => {
+        l(a), n == null || n(a);
       },
       children: /* @__PURE__ */ r("div", { className: "wrapper", children: i })
     }
@@ -5363,38 +5351,38 @@ const M7 = ({
   options: o,
   extraOptions: c
 }) => {
-  const { locale: a } = Q(E1), { t: C } = B2("common", { lng: a }), [d, l] = A(!1);
-  if (I(() => {
-    i.length || l(!1);
+  const { locale: d } = Q(E1), { t: l } = B2("common", { lng: d }), [a, h] = A(!1);
+  if (O(() => {
+    i.length || h(!1);
   }, [i]), !i.length)
     return null;
-  const h = (g) => {
+  const u = (C) => {
     var p, k;
-    return ((p = o == null ? void 0 : o.find((f) => f.value === g)) == null ? void 0 : p.label) || ((k = c == null ? void 0 : c.find((f) => f.value === g)) == null ? void 0 : k.label) || g;
+    return ((p = o == null ? void 0 : o.find((f) => f.value === C)) == null ? void 0 : p.label) || ((k = c == null ? void 0 : c.find((f) => f.value === C)) == null ? void 0 : k.label) || C;
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ g(
     x7,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ r("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ r(r1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: g }) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ r(r1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: C }) => /* @__PURE__ */ r(
           i2,
           {
-            onClose: () => e(g),
+            onClose: () => e(C),
             closable: n,
             disabled: s,
-            children: h(g)
+            children: u(C)
           },
-          g
+          C
         )) }) })
       ),
       placement: "bottomRight",
-      isOpen: d,
-      setIsOpen: l,
+      isOpen: a,
+      setIsOpen: h,
       children: [
         i.length,
         " ",
-        C("more")
+        l("more")
       ]
     }
   );
@@ -5419,12 +5407,12 @@ const M7 = ({
     search: s = !1,
     options: o,
     width: c,
-    disabled: a = !1,
-    required: C = !1,
-    clearable: d = !1,
-    scrollThresholdValue: l = 50,
-    onSearchChange: h,
-    onDropdownVisibleChange: g,
+    disabled: d = !1,
+    required: l = !1,
+    clearable: a = !1,
+    scrollThresholdValue: h = 50,
+    onSearchChange: u,
+    onDropdownVisibleChange: C,
     onScrollToEnd: p,
     onPopupScroll: k,
     id: v,
@@ -5436,15 +5424,15 @@ const M7 = ({
     error: M
   }, R) => {
     const [x, D] = A(!1), [Y, i1] = A(!1), [$, c1] = A(!0), [V, P] = A(i), F = W(null);
-    I(() => {
+    O(() => {
       P(i);
     }, [i]);
     const q = (_) => {
-      D(_), g && g(_);
+      D(_), C && C(_);
     }, d1 = (_, H) => {
       var T;
       return !!((T = H == null ? void 0 : H.label) != null && T.toString().toLowerCase().includes(_.toLowerCase()));
-    }, O = () => {
+    }, Z = () => {
       i1(!0);
     }, j = () => {
       i1(!1);
@@ -5460,14 +5448,14 @@ const M7 = ({
       },
       [n, e]
     ), C1 = K(() => {
-      if (!(m || a)) {
+      if (!(m || d)) {
         if (n) {
           S([]);
           return;
         }
         S("");
       }
-    }, [a, S, n, m]), g1 = K(
+    }, [d, S, n, m]), g1 = K(
       (_) => {
         const H = V.filter((T) => T !== _);
         S(H), P(H);
@@ -5484,7 +5472,7 @@ const M7 = ({
       _.preventDefault(), _.stopPropagation();
     }, h2 = async (_) => {
       const { target: H } = _;
-      H.scrollTop + H.offsetHeight >= H.scrollHeight - l && (p == null || p(!0)), k && await k(_);
+      H.scrollTop + H.offsetHeight >= H.scrollHeight - h && (p == null || p(!0)), k && await k(_);
     }, k1 = K(
       (_) => {
         var H, T;
@@ -5502,20 +5490,20 @@ const M7 = ({
             values: _,
             onTagClose: g1,
             maxWidth: ((H = F.current) == null ? void 0 : H.clientWidth) || 0,
-            disabled: a,
+            disabled: d,
             closable: !m,
             options: o,
             extraOptions: f
           }
         );
       },
-      [a, f, g1, o, m]
+      [d, f, g1, o, m]
     ), d2 = K(
-      ({ label: _, value: H, mode: T }) => T === "filter" ? V1(H) : /* @__PURE__ */ r("div", { onMouseDown: l2, className: "tag-wrapper", children: /* @__PURE__ */ r(i2, { onClose: () => g1(H), disabled: a, children: typeof _ == "object" ? _ : k1(H) }) }),
-      [a, k1, g1, V1]
+      ({ label: _, value: H, mode: T }) => T === "filter" ? V1(H) : /* @__PURE__ */ r("div", { onMouseDown: l2, className: "tag-wrapper", children: /* @__PURE__ */ r(i2, { onClose: () => g1(H), disabled: d, children: typeof _ == "object" ? _ : k1(H) }) }),
+      [d, k1, g1, V1]
     ), A1 = Array.isArray(V) && V.length > 0 || !!V && typeof V == "string" && V.trim() !== "";
-    return /* @__PURE__ */ u("div", { className: "snmt-select-container", children: [
-      /* @__PURE__ */ u(
+    return /* @__PURE__ */ g("div", { className: "snmt-select-container", children: [
+      /* @__PURE__ */ g(
         "div",
         {
           className: `snmt-select-1-15-6 ${Y ? "snmt-select-focused" : ""}
@@ -5533,18 +5521,18 @@ const M7 = ({
                 showSearch: !!s,
                 filterOption: s && d1,
                 onDropdownVisibleChange: q,
-                disabled: a,
+                disabled: d,
                 value: V || void 0,
                 labelRender: (_) => {
                   const H = k1(_.value);
-                  return a ? /* @__PURE__ */ r("span", { style: { color: G.GREY_DARK_1 }, children: H }) : H;
+                  return d ? /* @__PURE__ */ r("span", { style: { color: G.GREY_DARK_1 }, children: H }) : H;
                 },
                 mode: n === "filter" ? "multiple" : n,
                 onChange: S,
-                onFocus: O,
+                onFocus: Z,
                 onBlur: j,
                 onSearch: (_) => {
-                  c1(!_), h && h(_);
+                  c1(!_), u && u(_);
                 },
                 onSelect: () => c1(!0),
                 onDeselect: () => c1(!0),
@@ -5553,19 +5541,19 @@ const M7 = ({
                 maxTagPlaceholder: c2,
                 onPopupScroll: h2,
                 prefix: E && /* @__PURE__ */ r(G1, { size: "small" }),
-                suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: n !== "filter" && /* @__PURE__ */ u(U, { children: [
-                  V && !!V.length && (n || d) && /* @__PURE__ */ r(
+                suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: n !== "filter" && /* @__PURE__ */ g(U, { children: [
+                  V && !!V.length && (n || a) && /* @__PURE__ */ r(
                     "div",
                     {
                       onClick: C1,
                       style: {
-                        cursor: a ? "not-allowed" : "pointer"
+                        cursor: d ? "not-allowed" : "pointer"
                       },
                       children: /* @__PURE__ */ r(
                         n1,
                         {
                           name: "cancel",
-                          color: a ? G.GREY_DARK_1 : G.GREY_DARK_2
+                          color: d ? G.GREY_DARK_1 : G.GREY_DARK_2
                         }
                       )
                     }
@@ -5574,7 +5562,7 @@ const M7 = ({
                     n1,
                     {
                       name: "selectArrowIcon",
-                      color: a ? G.GREY_DARK_1 : G.GREY_DARK_5,
+                      color: d ? G.GREY_DARK_1 : G.GREY_DARK_5,
                       className: x ? "select-arrow-rotated" : "select-arrow",
                       onClick: () => D(!x)
                     }
@@ -5582,47 +5570,47 @@ const M7 = ({
                 ] }) }),
                 removeIcon: /* @__PURE__ */ r(n1, { name: "cancelCircle", color: G.GREY_DARK_1 }),
                 options: o,
-                optionRender: (_) => b ? b(_.data) : /* @__PURE__ */ u(r1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                  /* @__PURE__ */ u(r1, { alignItems: "center", gap: 12, children: [
+                optionRender: (_) => b ? b(_.data) : /* @__PURE__ */ g(r1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                  /* @__PURE__ */ g(r1, { alignItems: "center", gap: 12, children: [
                     n && /* @__PURE__ */ r(
                       W2,
                       {
                         checked: !!(V != null && V.includes(_.value))
                       }
                     ),
-                    /* @__PURE__ */ u(r1, { alignItems: "center", gap: 8, children: [
+                    /* @__PURE__ */ g(r1, { alignItems: "center", gap: 8, children: [
                       _.data.image && /* @__PURE__ */ r(Y2, { src: _.data.image, size: 20 }),
                       /* @__PURE__ */ r("span", { children: _.label })
                     ] })
                   ] }),
                   !n && V === _.value && /* @__PURE__ */ r(n1, { name: "check", color: G.BLUE_DARK_1 })
                 ] }),
-                dropdownRender: (_) => /* @__PURE__ */ u("div", { className: "dropdown-container", children: [
+                dropdownRender: (_) => /* @__PURE__ */ g("div", { className: "dropdown-container", children: [
                   /* @__PURE__ */ r("div", { className: "dropdown-menu", children: y ? y(_) : _ }),
                   E && /* @__PURE__ */ r("div", { className: "loading-overlay", children: /* @__PURE__ */ r(G1, {}) })
                 ] })
               }
             ),
-            t && /* @__PURE__ */ u(U, { children: [
+            t && /* @__PURE__ */ g(U, { children: [
               /* @__PURE__ */ r(
                 "label",
                 {
-                  className: `${Y || A1 ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${Y ? "label-focused" : ""} ${E ? "label-loading" : ""} ${M ? "label-error" : ""}`,
-                  children: C ? `${t}*` : t
+                  className: `${Y || A1 ? "label-floating" : ""} ${d ? "label-disabled" : ""} ${Y ? "label-focused" : ""} ${E ? "label-loading" : ""} ${M ? "label-error" : ""}`,
+                  children: l ? `${t}*` : t
                 }
               ),
               /* @__PURE__ */ r(
                 "fieldset",
                 {
-                  className: `${Y ? "fieldset-focused" : ""} ${a ? "fieldset-disabled" : ""} ${A1 ? "fieldset-filled" : ""} ${M ? "fieldset-error" : ""}`,
-                  children: /* @__PURE__ */ r("legend", { children: /* @__PURE__ */ r("span", { children: C ? `${t}*` : t }) })
+                  className: `${Y ? "fieldset-focused" : ""} ${d ? "fieldset-disabled" : ""} ${A1 ? "fieldset-filled" : ""} ${M ? "fieldset-error" : ""}`,
+                  children: /* @__PURE__ */ r("legend", { children: /* @__PURE__ */ r("span", { children: l ? `${t}*` : t }) })
                 }
               )
             ] })
           ]
         }
       ),
-      M && /* @__PURE__ */ u(r1, { justifyContent: "flex-start", gap: 6, children: [
+      M && /* @__PURE__ */ g(r1, { justifyContent: "flex-start", gap: 6, children: [
         /* @__PURE__ */ r(
           n1,
           {
@@ -5667,10 +5655,10 @@ const M7 = ({
     n[s] = t;
     return;
   }
-  let o = e[e.length - 1], c = e.slice(0, e.length - 1), a = a1(i, c, Object);
-  for (; a.obj === void 0 && c.length; )
-    o = `${c[c.length - 1]}.${o}`, c = c.slice(0, c.length - 1), a = a1(i, c, Object), a && a.obj && typeof a.obj[`${a.k}.${o}`] < "u" && (a.obj = void 0);
-  a.obj[`${a.k}.${o}`] = t;
+  let o = e[e.length - 1], c = e.slice(0, e.length - 1), d = a1(i, c, Object);
+  for (; d.obj === void 0 && c.length; )
+    o = `${c[c.length - 1]}.${o}`, c = c.slice(0, c.length - 1), d = a1(i, c, Object), d && d.obj && typeof d.obj[`${d.k}.${o}`] < "u" && (d.obj = void 0);
+  d.obj[`${d.k}.${o}`] = t;
 }, V7 = (i, e, t, n) => {
   const {
     obj: s,
@@ -5733,12 +5721,12 @@ const S7 = [" ", ",", "?", "!", ";"], G7 = new O7(20), D7 = (i, e, t) => {
   for (let o = 0; o < n.length; ) {
     if (!s || typeof s != "object")
       return;
-    let c, a = "";
-    for (let C = o; C < n.length; ++C)
-      if (C !== o && (a += t), a += n[C], c = s[a], c !== void 0) {
-        if (["string", "number", "boolean"].indexOf(typeof c) > -1 && C < n.length - 1)
+    let c, d = "";
+    for (let l = o; l < n.length; ++l)
+      if (l !== o && (d += t), d += n[l], c = s[d], c !== void 0) {
+        if (["string", "number", "boolean"].indexOf(typeof c) > -1 && l < n.length - 1)
           continue;
-        o += C - o + 1;
+        o += l - o + 1;
         break;
       }
     s = c;
@@ -5826,13 +5814,13 @@ class L1 {
     for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
       n[s - 1] = arguments[s];
     this.observers[e] && Array.from(this.observers[e].entries()).forEach((c) => {
-      let [a, C] = c;
-      for (let d = 0; d < C; d++)
-        a(...n);
+      let [d, l] = c;
+      for (let a = 0; a < l; a++)
+        d(...n);
     }), this.observers["*"] && Array.from(this.observers["*"].entries()).forEach((c) => {
-      let [a, C] = c;
-      for (let d = 0; d < C; d++)
-        a.apply(a, [e, ...n]);
+      let [d, l] = c;
+      for (let a = 0; a < l; a++)
+        d.apply(d, [e, ...n]);
     });
   }
 }
@@ -5854,18 +5842,18 @@ class Y1 extends L1 {
   getResource(e, t, n) {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     const o = s.keySeparator !== void 0 ? s.keySeparator : this.options.keySeparator, c = s.ignoreJSONStructure !== void 0 ? s.ignoreJSONStructure : this.options.ignoreJSONStructure;
-    let a;
-    e.indexOf(".") > -1 ? a = e.split(".") : (a = [e, t], n && (Array.isArray(n) ? a.push(...n) : N(n) && o ? a.push(...n.split(o)) : a.push(n)));
-    const C = p1(this.data, a);
-    return !C && !t && !n && e.indexOf(".") > -1 && (e = a[0], t = a[1], n = a.slice(2).join(".")), C || !c || !N(n) ? C : _1(this.data && this.data[e] && this.data[e][t], n, o);
+    let d;
+    e.indexOf(".") > -1 ? d = e.split(".") : (d = [e, t], n && (Array.isArray(n) ? d.push(...n) : N(n) && o ? d.push(...n.split(o)) : d.push(n)));
+    const l = p1(this.data, d);
+    return !l && !t && !n && e.indexOf(".") > -1 && (e = d[0], t = d[1], n = d.slice(2).join(".")), l || !c || !N(n) ? l : _1(this.data && this.data[e] && this.data[e][t], n, o);
   }
   addResource(e, t, n, s) {
     let o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
       silent: !1
     };
     const c = o.keySeparator !== void 0 ? o.keySeparator : this.options.keySeparator;
-    let a = [e, t];
-    n && (a = a.concat(c ? n.split(c) : n)), e.indexOf(".") > -1 && (a = e.split("."), s = t, t = a[1]), this.addNamespaces(t), B1(this.data, a, s), o.silent || this.emit("added", e, t, n, s);
+    let d = [e, t];
+    n && (d = d.concat(c ? n.split(c) : n)), e.indexOf(".") > -1 && (d = e.split("."), s = t, t = d[1]), this.addNamespaces(t), B1(this.data, d, s), o.silent || this.emit("added", e, t, n, s);
   }
   addResources(e, t, n) {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {
@@ -5881,13 +5869,13 @@ class Y1 extends L1 {
     let c = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : {
       silent: !1,
       skipCopy: !1
-    }, a = [e, t];
-    e.indexOf(".") > -1 && (a = e.split("."), s = n, n = t, t = a[1]), this.addNamespaces(t);
-    let C = p1(this.data, a) || {};
-    c.skipCopy || (n = JSON.parse(JSON.stringify(n))), s ? n2(C, n, o) : C = {
-      ...C,
+    }, d = [e, t];
+    e.indexOf(".") > -1 && (d = e.split("."), s = n, n = t, t = d[1]), this.addNamespaces(t);
+    let l = p1(this.data, d) || {};
+    c.skipCopy || (n = JSON.parse(JSON.stringify(n))), s ? n2(l, n, o) : l = {
+      ...l,
       ...n
-    }, B1(this.data, a, C), c.silent || this.emit("added", e, t, n);
+    }, B1(this.data, d, l), c.silent || this.emit("added", e, t, n);
   }
   removeResourceBundle(e, t) {
     this.hasResourceBundle(e, t) && delete this.data[e][t], this.removeNamespaces(t), this.emit("removed", e, t);
@@ -5945,16 +5933,16 @@ class w1 extends L1 {
     n === void 0 && (n = ":");
     const s = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let o = t.ns || this.options.defaultNS || [];
-    const c = n && e.indexOf(n) > -1, a = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !D7(e, n, s);
-    if (c && !a) {
-      const C = e.match(this.interpolator.nestingRegexp);
-      if (C && C.length > 0)
+    const c = n && e.indexOf(n) > -1, d = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !D7(e, n, s);
+    if (c && !d) {
+      const l = e.match(this.interpolator.nestingRegexp);
+      if (l && l.length > 0)
         return {
           key: e,
           namespaces: N(o) ? [o] : o
         };
-      const d = e.split(n);
-      (n !== s || n === s && this.options.ns.indexOf(d[0]) > -1) && (o = d.shift()), e = d.join(s);
+      const a = e.split(n);
+      (n !== s || n === s && this.options.ns.indexOf(a[0]) > -1) && (o = a.shift()), e = a.join(s);
     }
     return {
       key: e,
@@ -5968,91 +5956,91 @@ class w1 extends L1 {
     Array.isArray(e) || (e = [String(e)]);
     const s = t.returnDetails !== void 0 ? t.returnDetails : this.options.returnDetails, o = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator, {
       key: c,
-      namespaces: a
-    } = this.extractFromKey(e[e.length - 1], t), C = a[a.length - 1], d = t.lng || this.language, l = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
-    if (d && d.toLowerCase() === "cimode") {
-      if (l) {
+      namespaces: d
+    } = this.extractFromKey(e[e.length - 1], t), l = d[d.length - 1], a = t.lng || this.language, h = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
+    if (a && a.toLowerCase() === "cimode") {
+      if (h) {
         const m = t.nsSeparator || this.options.nsSeparator;
         return s ? {
-          res: `${C}${m}${c}`,
+          res: `${l}${m}${c}`,
           usedKey: c,
           exactUsedKey: c,
-          usedLng: d,
-          usedNS: C,
+          usedLng: a,
+          usedNS: l,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${C}${m}${c}`;
+        } : `${l}${m}${c}`;
       }
       return s ? {
         res: c,
         usedKey: c,
         exactUsedKey: c,
-        usedLng: d,
-        usedNS: C,
+        usedLng: a,
+        usedNS: l,
         usedParams: this.getUsedParamsDetails(t)
       } : c;
     }
-    const h = this.resolve(e, t);
-    let g = h && h.res;
-    const p = h && h.usedKey || c, k = h && h.exactUsedKey || c, v = Object.prototype.toString.apply(g), f = ["[object Number]", "[object Function]", "[object RegExp]"], y = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, b = !this.i18nFormat || this.i18nFormat.handleAsObject, E = !N(g) && typeof g != "boolean" && typeof g != "number";
-    if (b && g && E && f.indexOf(v) < 0 && !(N(y) && Array.isArray(g))) {
+    const u = this.resolve(e, t);
+    let C = u && u.res;
+    const p = u && u.usedKey || c, k = u && u.exactUsedKey || c, v = Object.prototype.toString.apply(C), f = ["[object Number]", "[object Function]", "[object RegExp]"], y = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, b = !this.i18nFormat || this.i18nFormat.handleAsObject, E = !N(C) && typeof C != "boolean" && typeof C != "number";
+    if (b && C && E && f.indexOf(v) < 0 && !(N(y) && Array.isArray(C))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const m = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, g, {
+        const m = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, C, {
           ...t,
-          ns: a
+          ns: d
         }) : `key '${c} (${this.language})' returned an object instead of string.`;
-        return s ? (h.res = m, h.usedParams = this.getUsedParamsDetails(t), h) : m;
+        return s ? (u.res = m, u.usedParams = this.getUsedParamsDetails(t), u) : m;
       }
       if (o) {
-        const m = Array.isArray(g), M = m ? [] : {}, R = m ? k : p;
-        for (const x in g)
-          if (Object.prototype.hasOwnProperty.call(g, x)) {
+        const m = Array.isArray(C), M = m ? [] : {}, R = m ? k : p;
+        for (const x in C)
+          if (Object.prototype.hasOwnProperty.call(C, x)) {
             const D = `${R}${o}${x}`;
             M[x] = this.translate(D, {
               ...t,
               joinArrays: !1,
-              ns: a
-            }), M[x] === D && (M[x] = g[x]);
+              ns: d
+            }), M[x] === D && (M[x] = C[x]);
           }
-        g = M;
+        C = M;
       }
-    } else if (b && N(y) && Array.isArray(g))
-      g = g.join(y), g && (g = this.extendTranslation(g, e, t, n));
+    } else if (b && N(y) && Array.isArray(C))
+      C = C.join(y), C && (C = this.extendTranslation(C, e, t, n));
     else {
       let m = !1, M = !1;
-      const R = t.count !== void 0 && !N(t.count), x = w1.hasDefaultValue(t), D = R ? this.pluralResolver.getSuffix(d, t.count, t) : "", Y = t.ordinal && R ? this.pluralResolver.getSuffix(d, t.count, {
+      const R = t.count !== void 0 && !N(t.count), x = w1.hasDefaultValue(t), D = R ? this.pluralResolver.getSuffix(a, t.count, t) : "", Y = t.ordinal && R ? this.pluralResolver.getSuffix(a, t.count, {
         ordinal: !1
       }) : "", i1 = R && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), $ = i1 && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${D}`] || t[`defaultValue${Y}`] || t.defaultValue;
-      !this.isValidLookup(g) && x && (m = !0, g = $), this.isValidLookup(g) || (M = !0, g = c);
-      const V = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : g, P = x && $ !== g && this.options.updateMissing;
+      !this.isValidLookup(C) && x && (m = !0, C = $), this.isValidLookup(C) || (M = !0, C = c);
+      const V = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : C, P = x && $ !== C && this.options.updateMissing;
       if (M || m || P) {
-        if (this.logger.log(P ? "updateKey" : "missingKey", d, C, c, P ? $ : g), o) {
-          const O = this.resolve(c, {
+        if (this.logger.log(P ? "updateKey" : "missingKey", a, l, c, P ? $ : C), o) {
+          const Z = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
-          O && O.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.");
+          Z && Z.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 q = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && q && q[0])
-          for (let O = 0; O < q.length; O++)
-            F.push(q[O]);
+          for (let Z = 0; Z < q.length; Z++)
+            F.push(q[Z]);
         else this.options.saveMissingTo === "all" ? F = this.languageUtils.toResolveHierarchy(t.lng || this.language) : F.push(t.lng || this.language);
-        const d1 = (O, j, S) => {
-          const C1 = x && S !== g ? S : V;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(O, C, j, C1, P, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(O, C, j, C1, P, t), this.emit("missingKey", O, C, j, g);
+        const d1 = (Z, j, S) => {
+          const C1 = x && S !== C ? S : V;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(Z, l, j, C1, P, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(Z, l, j, C1, P, t), this.emit("missingKey", Z, l, j, C);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && R ? F.forEach((O) => {
-          const j = this.pluralResolver.getSuffixes(O, t);
+        this.options.saveMissing && (this.options.saveMissingPlurals && R ? F.forEach((Z) => {
+          const j = this.pluralResolver.getSuffixes(Z, t);
           i1 && t[`defaultValue${this.options.pluralSeparator}zero`] && j.indexOf(`${this.options.pluralSeparator}zero`) < 0 && j.push(`${this.options.pluralSeparator}zero`), j.forEach((S) => {
-            d1([O], c + S, t[`defaultValue${S}`] || $);
+            d1([Z], c + S, t[`defaultValue${S}`] || $);
           });
         }) : d1(F, c, $));
       }
-      g = this.extendTranslation(g, e, t, h, n), M && g === c && this.options.appendNamespaceToMissingKey && (g = `${C}:${c}`), (M || m) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? g = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${C}:${c}` : c, m ? g : void 0) : g = this.options.parseMissingKeyHandler(g));
+      C = this.extendTranslation(C, e, t, u, n), M && C === c && this.options.appendNamespaceToMissingKey && (C = `${l}:${c}`), (M || m) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${l}:${c}` : c, m ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
     }
-    return s ? (h.res = g, h.usedParams = this.getUsedParamsDetails(t), h) : g;
+    return s ? (u.res = C, u.usedParams = this.getUsedParamsDetails(t), u) : C;
   }
   extendTranslation(e, t, n, s, o) {
     var c = this;
@@ -6071,28 +6059,28 @@ class w1 extends L1 {
           ...n.interpolation
         }
       });
-      const d = N(e) && (n && n.interpolation && n.interpolation.skipOnVariables !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
-      let l;
-      if (d) {
-        const g = e.match(this.interpolator.nestingRegexp);
-        l = g && g.length;
+      const a = N(e) && (n && n.interpolation && n.interpolation.skipOnVariables !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
+      let h;
+      if (a) {
+        const C = e.match(this.interpolator.nestingRegexp);
+        h = C && C.length;
       }
-      let h = n.replace && !N(n.replace) ? n.replace : n;
-      if (this.options.interpolation.defaultVariables && (h = {
+      let u = n.replace && !N(n.replace) ? n.replace : n;
+      if (this.options.interpolation.defaultVariables && (u = {
         ...this.options.interpolation.defaultVariables,
-        ...h
-      }), e = this.interpolator.interpolate(e, h, n.lng || this.language || s.usedLng, n), d) {
-        const g = e.match(this.interpolator.nestingRegexp), p = g && g.length;
-        l < p && (n.nest = !1);
+        ...u
+      }), e = this.interpolator.interpolate(e, u, n.lng || this.language || s.usedLng, n), a) {
+        const C = e.match(this.interpolator.nestingRegexp), p = C && C.length;
+        h < p && (n.nest = !1);
       }
       !n.lng && this.options.compatibilityAPI !== "v1" && s && s.res && (n.lng = this.language || s.usedLng), n.nest !== !1 && (e = this.interpolator.nest(e, function() {
-        for (var g = arguments.length, p = new Array(g), k = 0; k < g; k++)
+        for (var C = arguments.length, p = new Array(C), k = 0; k < C; k++)
           p[k] = arguments[k];
         return o && o[0] === p[0] && !n.context ? (c.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : c.translate(...p, t);
       }, n)), n.interpolation && this.interpolator.reset();
     }
-    const a = n.postProcess || this.options.postProcess, C = N(a) ? [a] : a;
-    return e != null && C && C.length && n.applyPostProcessor !== !1 && (e = s2.handle(C, e, t, this.options && this.options.postProcessPassResolved ? {
+    const d = n.postProcess || this.options.postProcess, l = N(d) ? [d] : d;
+    return e != null && l && l.length && n.applyPostProcessor !== !1 && (e = s2.handle(l, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...s,
         usedParams: this.getUsedParamsDetails(n)
@@ -6101,28 +6089,28 @@ class w1 extends L1 {
     } : n, this)), e;
   }
   resolve(e) {
-    let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n, s, o, c, a;
-    return N(e) && (e = [e]), e.forEach((C) => {
+    let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n, s, o, c, d;
+    return N(e) && (e = [e]), e.forEach((l) => {
       if (this.isValidLookup(n)) return;
-      const d = this.extractFromKey(C, t), l = d.key;
-      s = l;
-      let h = d.namespaces;
-      this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
-      const g = t.count !== void 0 && !N(t.count), p = g && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), k = t.context !== void 0 && (N(t.context) || typeof t.context == "number") && t.context !== "", v = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
-      h.forEach((f) => {
-        this.isValidLookup(n) || (a = f, !P1[`${v[0]}-${f}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(a) && (P1[`${v[0]}-${f}`] = !0, this.logger.warn(`key "${s}" for languages "${v.join(", ")}" won't get resolved as namespace "${a}" 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!!!")), v.forEach((y) => {
+      const a = this.extractFromKey(l, t), h = a.key;
+      s = h;
+      let u = a.namespaces;
+      this.options.fallbackNS && (u = u.concat(this.options.fallbackNS));
+      const C = t.count !== void 0 && !N(t.count), p = C && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), k = t.context !== void 0 && (N(t.context) || typeof t.context == "number") && t.context !== "", v = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      u.forEach((f) => {
+        this.isValidLookup(n) || (d = f, !P1[`${v[0]}-${f}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(d) && (P1[`${v[0]}-${f}`] = !0, this.logger.warn(`key "${s}" for languages "${v.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!!!")), v.forEach((y) => {
           if (this.isValidLookup(n)) return;
           c = y;
-          const b = [l];
+          const b = [h];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(b, l, y, f, t);
+            this.i18nFormat.addLookupKeys(b, h, y, f, t);
           else {
             let m;
-            g && (m = this.pluralResolver.getSuffix(y, t.count, t));
+            C && (m = this.pluralResolver.getSuffix(y, t.count, t));
             const M = `${this.options.pluralSeparator}zero`, R = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (g && (b.push(l + m), t.ordinal && m.indexOf(R) === 0 && b.push(l + m.replace(R, this.options.pluralSeparator)), p && b.push(l + M)), k) {
-              const x = `${l}${this.options.contextSeparator}${t.context}`;
-              b.push(x), g && (b.push(x + m), t.ordinal && m.indexOf(R) === 0 && b.push(x + m.replace(R, this.options.pluralSeparator)), p && b.push(x + M));
+            if (C && (b.push(h + m), t.ordinal && m.indexOf(R) === 0 && b.push(h + m.replace(R, this.options.pluralSeparator)), p && b.push(h + M)), k) {
+              const x = `${h}${this.options.contextSeparator}${t.context}`;
+              b.push(x), C && (b.push(x + m), t.ordinal && m.indexOf(R) === 0 && b.push(x + m.replace(R, this.options.pluralSeparator)), p && b.push(x + M));
             }
           }
           let E;
@@ -6135,7 +6123,7 @@ class w1 extends L1 {
       usedKey: s,
       exactUsedKey: o,
       usedLng: c,
-      usedNS: a
+      usedNS: d
     };
   }
   isValidLookup(e) {
@@ -6396,8 +6384,8 @@ class $7 {
         });
       } catch {
         if (!e.match(/-|_/)) return;
-        const C = this.languageUtils.getLanguagePartFromCode(e);
-        c = this.getRule(C, t);
+        const l = this.languageUtils.getLanguagePartFromCode(e);
+        c = this.getRule(l, t);
       }
       return this.pluralRulesCache[o] = c, c;
     }
@@ -6453,12 +6441,12 @@ class F7 {
       useRawValueToEscape: s,
       prefix: o,
       prefixEscaped: c,
-      suffix: a,
-      suffixEscaped: C,
-      formatSeparator: d,
-      unescapeSuffix: l,
-      unescapePrefix: h,
-      nestingPrefix: g,
+      suffix: d,
+      suffixEscaped: l,
+      formatSeparator: a,
+      unescapeSuffix: h,
+      unescapePrefix: u,
+      nestingPrefix: C,
       nestingPrefixEscaped: p,
       nestingSuffix: k,
       nestingSuffixEscaped: v,
@@ -6466,7 +6454,7 @@ class F7 {
       maxReplaces: y,
       alwaysFormat: b
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Z7, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = o ? X(o) : c || "{{", this.suffix = a ? X(a) : C || "}}", this.formatSeparator = d || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = g ? X(g) : p || X("$t("), this.nestingSuffix = k ? X(k) : v || X(")"), this.nestingOptionsSeparator = f || ",", this.maxReplaces = y || 1e3, this.alwaysFormat = b !== void 0 ? b : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Z7, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = o ? X(o) : c || "{{", this.suffix = d ? X(d) : l || "}}", this.formatSeparator = a || ",", this.unescapePrefix = h ? "" : u || "-", this.unescapeSuffix = this.unescapePrefix ? "" : h || "", this.nestingPrefix = C ? X(C) : p || X("$t("), this.nestingSuffix = k ? X(k) : v || X(")"), this.nestingOptionsSeparator = f || ",", this.maxReplaces = y || 1e3, this.alwaysFormat = b !== void 0 ? b : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -6476,10 +6464,10 @@ class F7 {
     this.regexp = e(this.regexp, `${this.prefix}(.+?)${this.suffix}`), this.regexpUnescape = e(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`), this.nestingRegexp = e(this.nestingRegexp, `${this.nestingPrefix}(.+?)${this.nestingSuffix}`);
   }
   interpolate(e, t, n, s) {
-    let o, c, a;
-    const C = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, d = (p) => {
+    let o, c, d;
+    const l = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, a = (p) => {
       if (p.indexOf(this.formatSeparator) < 0) {
-        const y = F1(t, C, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        const y = F1(t, l, p, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(y, void 0, n, {
           ...s,
           ...t,
@@ -6487,14 +6475,14 @@ class F7 {
         }) : y;
       }
       const k = p.split(this.formatSeparator), v = k.shift().trim(), f = k.join(this.formatSeparator).trim();
-      return this.format(F1(t, C, v, this.options.keySeparator, this.options.ignoreJSONStructure), f, n, {
+      return this.format(F1(t, l, v, this.options.keySeparator, this.options.ignoreJSONStructure), f, n, {
         ...s,
         ...t,
         interpolationkey: v
       });
     };
     this.resetRegExp();
-    const l = s && s.missingInterpolationHandler || this.options.missingInterpolationHandler, h = s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
+    const h = s && s.missingInterpolationHandler || this.options.missingInterpolationHandler, u = s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
       safeValue: (p) => R1(p)
@@ -6502,58 +6490,58 @@ class F7 {
       regex: this.regexp,
       safeValue: (p) => this.escapeValue ? R1(this.escape(p)) : R1(p)
     }].forEach((p) => {
-      for (a = 0; o = p.regex.exec(e); ) {
+      for (d = 0; o = p.regex.exec(e); ) {
         const k = o[1].trim();
-        if (c = d(k), c === void 0)
-          if (typeof l == "function") {
-            const f = l(e, o, s);
+        if (c = a(k), c === void 0)
+          if (typeof h == "function") {
+            const f = h(e, o, s);
             c = N(f) ? f : "";
           } else if (s && Object.prototype.hasOwnProperty.call(s, k))
             c = "";
-          else if (h) {
+          else if (u) {
             c = o[0];
             continue;
           } else
             this.logger.warn(`missed to pass in variable ${k} for interpolating ${e}`), c = "";
         else !N(c) && !this.useRawValueToEscape && (c = D1(c));
         const v = p.safeValue(c);
-        if (e = e.replace(o[0], v), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= o[0].length) : p.regex.lastIndex = 0, a++, a >= this.maxReplaces)
+        if (e = e.replace(o[0], v), u ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= o[0].length) : p.regex.lastIndex = 0, d++, d >= this.maxReplaces)
           break;
       }
     }), e;
   }
   nest(e, t) {
     let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, s, o, c;
-    const a = (C, d) => {
-      const l = this.nestingOptionsSeparator;
-      if (C.indexOf(l) < 0) return C;
-      const h = C.split(new RegExp(`${l}[ ]*{`));
-      let g = `{${h[1]}`;
-      C = h[0], g = this.interpolate(g, c);
-      const p = g.match(/'/g), k = g.match(/"/g);
-      (p && p.length % 2 === 0 && !k || k.length % 2 !== 0) && (g = g.replace(/'/g, '"'));
+    const d = (l, a) => {
+      const h = this.nestingOptionsSeparator;
+      if (l.indexOf(h) < 0) return l;
+      const u = l.split(new RegExp(`${h}[ ]*{`));
+      let C = `{${u[1]}`;
+      l = u[0], C = this.interpolate(C, c);
+      const p = C.match(/'/g), k = C.match(/"/g);
+      (p && p.length % 2 === 0 && !k || k.length % 2 !== 0) && (C = C.replace(/'/g, '"'));
       try {
-        c = JSON.parse(g), d && (c = {
-          ...d,
+        c = JSON.parse(C), a && (c = {
+          ...a,
           ...c
         });
       } catch (v) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${C}`, v), `${C}${l}${g}`;
+        return this.logger.warn(`failed parsing options string in nesting for key ${l}`, v), `${l}${h}${C}`;
       }
-      return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, C;
+      return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, l;
     };
     for (; s = this.nestingRegexp.exec(e); ) {
-      let C = [];
+      let l = [];
       c = {
         ...n
       }, c = c.replace && !N(c.replace) ? c.replace : c, c.applyPostProcessor = !1, delete c.defaultValue;
-      let d = !1;
+      let a = !1;
       if (s[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(s[1])) {
-        const l = s[1].split(this.formatSeparator).map((h) => h.trim());
-        s[1] = l.shift(), C = l, d = !0;
+        const h = s[1].split(this.formatSeparator).map((u) => u.trim());
+        s[1] = h.shift(), l = h, a = !0;
       }
-      if (o = t(a.call(this, s[1].trim(), c), c), o && s[0] === e && !N(o)) return o;
-      N(o) || (o = D1(o)), o || (this.logger.warn(`missed to resolve ${s[1]} for nesting ${e}`), o = ""), d && (o = C.reduce((l, h) => this.format(l, h, n.lng, {
+      if (o = t(d.call(this, s[1].trim(), c), c), o && s[0] === e && !N(o)) return o;
+      N(o) || (o = D1(o)), o || (this.logger.warn(`missed to resolve ${s[1]} for nesting ${e}`), o = ""), a && (o = l.reduce((h, u) => this.format(h, u, n.lng, {
         ...n,
         interpolationkey: s[1].trim()
       }), o.trim())), e = e.replace(s[0], o), this.regexp.lastIndex = 0;
@@ -6570,8 +6558,8 @@ const W7 = (i) => {
     const s = n[1].substring(0, n[1].length - 1);
     e === "currency" && s.indexOf(":") < 0 ? t.currency || (t.currency = s.trim()) : e === "relativetime" && s.indexOf(":") < 0 ? t.range || (t.range = s.trim()) : s.split(";").forEach((c) => {
       if (c) {
-        const [a, ...C] = c.split(":"), d = C.join(":").trim().replace(/^'+|'+$/g, ""), l = a.trim();
-        t[l] || (t[l] = d), d === "false" && (t[l] = !1), d === "true" && (t[l] = !0), isNaN(d) || (t[l] = parseInt(d, 10));
+        const [d, ...l] = c.split(":"), a = l.join(":").trim().replace(/^'+|'+$/g, ""), h = d.trim();
+        t[h] || (t[h] = a), a === "false" && (t[h] = !1), a === "true" && (t[h] = !0), isNaN(a) || (t[h] = parseInt(a, 10));
       }
     });
   }
@@ -6588,8 +6576,8 @@ const W7 = (i) => {
       [s.interpolationkey]: void 0
     });
     const c = n + JSON.stringify(o);
-    let a = e[c];
-    return a || (a = i(f1(n), s), e[c] = a), a(t);
+    let d = e[c];
+    return d || (d = i(f1(n), s), e[c] = d), d(t);
   };
 };
 class U7 {
@@ -6644,31 +6632,31 @@ class U7 {
   format(e, t, n) {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     const o = t.split(this.formatSeparator);
-    if (o.length > 1 && o[0].indexOf("(") > 1 && o[0].indexOf(")") < 0 && o.find((a) => a.indexOf(")") > -1)) {
-      const a = o.findIndex((C) => C.indexOf(")") > -1);
-      o[0] = [o[0], ...o.splice(1, a)].join(this.formatSeparator);
+    if (o.length > 1 && o[0].indexOf("(") > 1 && o[0].indexOf(")") < 0 && o.find((d) => d.indexOf(")") > -1)) {
+      const d = o.findIndex((l) => l.indexOf(")") > -1);
+      o[0] = [o[0], ...o.splice(1, d)].join(this.formatSeparator);
     }
-    return o.reduce((a, C) => {
+    return o.reduce((d, l) => {
       const {
-        formatName: d,
-        formatOptions: l
-      } = W7(C);
-      if (this.formats[d]) {
-        let h = a;
+        formatName: a,
+        formatOptions: h
+      } = W7(l);
+      if (this.formats[a]) {
+        let u = d;
         try {
-          const g = s && s.formatParams && s.formatParams[s.interpolationkey] || {}, p = g.locale || g.lng || s.locale || s.lng || n;
-          h = this.formats[d](a, p, {
-            ...l,
+          const C = s && s.formatParams && s.formatParams[s.interpolationkey] || {}, p = C.locale || C.lng || s.locale || s.lng || n;
+          u = this.formats[a](d, p, {
+            ...h,
             ...s,
-            ...g
+            ...C
           });
-        } catch (g) {
-          this.logger.warn(g);
+        } catch (C) {
+          this.logger.warn(C);
         }
-        return h;
+        return u;
       } else
-        this.logger.warn(`there was no format function for ${d}`);
-      return a;
+        this.logger.warn(`there was no format function for ${a}`);
+      return d;
     }, e);
   }
 }
@@ -6681,13 +6669,13 @@ class J7 extends L1 {
     super(), this.backend = e, this.store = t, this.services = n, this.languageUtils = n.languageUtils, this.options = s, this.logger = B.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = s.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = s.maxRetries >= 0 ? s.maxRetries : 5, this.retryTimeout = s.retryTimeout >= 1 ? s.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(n, s.backend, s);
   }
   queueLoad(e, t, n, s) {
-    const o = {}, c = {}, a = {}, C = {};
-    return e.forEach((d) => {
-      let l = !0;
-      t.forEach((h) => {
-        const g = `${d}|${h}`;
-        !n.reload && this.store.hasResourceBundle(d, h) ? this.state[g] = 2 : this.state[g] < 0 || (this.state[g] === 1 ? c[g] === void 0 && (c[g] = !0) : (this.state[g] = 1, l = !1, c[g] === void 0 && (c[g] = !0), o[g] === void 0 && (o[g] = !0), C[h] === void 0 && (C[h] = !0)));
-      }), l || (a[d] = !0);
+    const o = {}, c = {}, d = {}, l = {};
+    return e.forEach((a) => {
+      let h = !0;
+      t.forEach((u) => {
+        const C = `${a}|${u}`;
+        !n.reload && this.store.hasResourceBundle(a, u) ? this.state[C] = 2 : this.state[C] < 0 || (this.state[C] === 1 ? c[C] === void 0 && (c[C] = !0) : (this.state[C] = 1, h = !1, c[C] === void 0 && (c[C] = !0), o[C] === void 0 && (o[C] = !0), l[u] === void 0 && (l[u] = !0)));
+      }), h || (d[a] = !0);
     }), (Object.keys(o).length || Object.keys(c).length) && this.queue.push({
       pending: c,
       pendingCount: Object.keys(c).length,
@@ -6697,8 +6685,8 @@ class J7 extends L1 {
     }), {
       toLoad: Object.keys(o),
       pending: Object.keys(c),
-      toLoadLanguages: Object.keys(a),
-      toLoadNamespaces: Object.keys(C)
+      toLoadLanguages: Object.keys(d),
+      toLoadNamespaces: Object.keys(l)
     };
   }
   loaded(e, t, n) {
@@ -6706,16 +6694,16 @@ class J7 extends L1 {
     t && this.emit("failedLoading", o, c, t), !t && n && this.store.addResourceBundle(o, c, n, void 0, void 0, {
       skipCopy: !0
     }), this.state[e] = t ? -1 : 2, t && n && (this.state[e] = 0);
-    const a = {};
-    this.queue.forEach((C) => {
-      V7(C.loaded, [o], c), z7(C, e), t && C.errors.push(t), C.pendingCount === 0 && !C.done && (Object.keys(C.loaded).forEach((d) => {
-        a[d] || (a[d] = {});
-        const l = C.loaded[d];
-        l.length && l.forEach((h) => {
-          a[d][h] === void 0 && (a[d][h] = !0);
+    const d = {};
+    this.queue.forEach((l) => {
+      V7(l.loaded, [o], c), z7(l, e), t && l.errors.push(t), l.pendingCount === 0 && !l.done && (Object.keys(l.loaded).forEach((a) => {
+        d[a] || (d[a] = {});
+        const h = l.loaded[a];
+        h.length && h.forEach((u) => {
+          d[a][u] === void 0 && (d[a][u] = !0);
         });
-      }), C.done = !0, C.errors.length ? C.callback(C.errors) : C.callback());
-    }), this.emit("loaded", a), this.queue = this.queue.filter((C) => !C.done);
+      }), l.done = !0, l.errors.length ? l.callback(l.errors) : l.callback());
+    }), this.emit("loaded", d), this.queue = this.queue.filter((l) => !l.done);
   }
   read(e, t, n) {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0, o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : this.retryTimeout, c = arguments.length > 5 ? arguments[5] : void 0;
@@ -6732,29 +6720,29 @@ class J7 extends L1 {
       return;
     }
     this.readingCalls++;
-    const a = (d, l) => {
+    const d = (a, h) => {
       if (this.readingCalls--, this.waitingReads.length > 0) {
-        const h = this.waitingReads.shift();
-        this.read(h.lng, h.ns, h.fcName, h.tried, h.wait, h.callback);
+        const u = this.waitingReads.shift();
+        this.read(u.lng, u.ns, u.fcName, u.tried, u.wait, u.callback);
       }
-      if (d && l && s < this.maxRetries) {
+      if (a && h && s < this.maxRetries) {
         setTimeout(() => {
           this.read.call(this, e, t, n, s + 1, o * 2, c);
         }, o);
         return;
       }
-      c(d, l);
-    }, C = this.backend[n].bind(this.backend);
-    if (C.length === 2) {
+      c(a, h);
+    }, l = this.backend[n].bind(this.backend);
+    if (l.length === 2) {
       try {
-        const d = C(e, t);
-        d && typeof d.then == "function" ? d.then((l) => a(null, l)).catch(a) : a(null, d);
-      } catch (d) {
-        a(d);
+        const a = l(e, t);
+        a && typeof a.then == "function" ? a.then((h) => d(null, h)).catch(d) : d(null, a);
+      } catch (a) {
+        d(a);
       }
       return;
     }
-    return C(e, t, a);
+    return l(e, t, d);
   }
   prepareLoading(e, t) {
     let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, s = arguments.length > 3 ? arguments[3] : void 0;
@@ -6779,12 +6767,12 @@ class J7 extends L1 {
   loadOne(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
     const n = e.split("|"), s = n[0], o = n[1];
-    this.read(s, o, "read", void 0, void 0, (c, a) => {
-      c && this.logger.warn(`${t}loading namespace ${o} for language ${s} failed`, c), !c && a && this.logger.log(`${t}loaded namespace ${o} for language ${s}`, a), this.loaded(e, c, a);
+    this.read(s, o, "read", void 0, void 0, (c, d) => {
+      c && this.logger.warn(`${t}loading namespace ${o} for language ${s} failed`, c), !c && d && this.logger.log(`${t}loaded namespace ${o} for language ${s}`, d), this.loaded(e, c, d);
     });
   }
   saveMissing(e, t, n, s, o) {
-    let c = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : {}, a = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : () => {
+    let c = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : {}, d = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : () => {
     };
     if (this.services.utils && this.services.utils.hasLoadedNamespace && !this.services.utils.hasLoadedNamespace(t)) {
       this.logger.warn(`did not save key "${n}" as the namespace "${t}" 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!!!");
@@ -6792,19 +6780,19 @@ class J7 extends L1 {
     }
     if (!(n == null || n === "")) {
       if (this.backend && this.backend.create) {
-        const C = {
+        const l = {
           ...c,
           isUpdate: o
-        }, d = this.backend.create.bind(this.backend);
-        if (d.length < 6)
+        }, a = this.backend.create.bind(this.backend);
+        if (a.length < 6)
           try {
-            let l;
-            d.length === 5 ? l = d(e, t, n, s, C) : l = d(e, t, n, s), l && typeof l.then == "function" ? l.then((h) => a(null, h)).catch(a) : a(null, l);
-          } catch (l) {
-            a(l);
+            let h;
+            a.length === 5 ? h = a(e, t, n, s, l) : h = a(e, t, n, s), h && typeof h.then == "function" ? h.then((u) => d(null, u)).catch(d) : d(null, h);
+          } catch (h) {
+            d(h);
           }
         else
-          d(e, t, n, s, a, C);
+          a(e, t, n, s, d, l);
       }
       !e || !e[0] || this.store.addResource(e[0], t, n, s);
     }
@@ -6898,25 +6886,25 @@ class l1 extends L1 {
       ...s.interpolation,
       ...this.options.interpolation
     }), t.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = t.keySeparator), t.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = t.nsSeparator);
-    const o = (l) => l ? typeof l == "function" ? new l() : l : null;
+    const o = (h) => h ? typeof h == "function" ? new h() : h : null;
     if (!this.options.isClone) {
       this.modules.logger ? B.init(o(this.modules.logger), this.options) : B.init(null, this.options);
-      let l;
-      this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = U7);
-      const h = new j1(this.options);
+      let h;
+      this.modules.formatter ? h = this.modules.formatter : typeof Intl < "u" && (h = U7);
+      const u = new j1(this.options);
       this.store = new Y1(this.options.resources, this.options);
-      const g = this.services;
-      g.logger = B, g.resourceStore = this.store, g.languageUtils = h, g.pluralResolver = new $7(h, {
+      const C = this.services;
+      C.logger = B, C.resourceStore = this.store, C.languageUtils = u, C.pluralResolver = new $7(u, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), l && (!this.options.interpolation.format || this.options.interpolation.format === s.interpolation.format) && (g.formatter = o(l), g.formatter.init(g, this.options), this.options.interpolation.format = g.formatter.format.bind(g.formatter)), g.interpolator = new F7(this.options), g.utils = {
+      }), h && (!this.options.interpolation.format || this.options.interpolation.format === s.interpolation.format) && (C.formatter = o(h), C.formatter.init(C, this.options), this.options.interpolation.format = C.formatter.format.bind(C.formatter)), C.interpolator = new F7(this.options), C.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, g.backendConnector = new J7(o(this.modules.backend), g.resourceStore, g, this.options), g.backendConnector.on("*", function(p) {
+      }, C.backendConnector = new J7(o(this.modules.backend), C.resourceStore, C, this.options), C.backendConnector.on("*", function(p) {
         for (var k = arguments.length, v = new Array(k > 1 ? k - 1 : 0), f = 1; f < k; f++)
           v[f - 1] = arguments[f];
         e.emit(p, ...v);
-      }), this.modules.languageDetector && (g.languageDetector = o(this.modules.languageDetector), g.languageDetector.init && g.languageDetector.init(g, this.options.detection, this.options)), this.modules.i18nFormat && (g.i18nFormat = o(this.modules.i18nFormat), g.i18nFormat.init && g.i18nFormat.init(this)), this.translator = new w1(this.services, this.options), this.translator.on("*", function(p) {
+      }), this.modules.languageDetector && (C.languageDetector = o(this.modules.languageDetector), C.languageDetector.init && C.languageDetector.init(C, this.options.detection, this.options)), this.modules.i18nFormat && (C.i18nFormat = o(this.modules.i18nFormat), C.i18nFormat.init && C.i18nFormat.init(this)), this.translator = new w1(this.services, this.options), this.translator.on("*", function(p) {
         for (var k = arguments.length, v = new Array(k > 1 ? k - 1 : 0), f = 1; f < k; f++)
           v[f - 1] = arguments[f];
         e.emit(p, ...v);
@@ -6925,40 +6913,40 @@ class l1 extends L1 {
       });
     }
     if (this.format = this.options.interpolation.format, n || (n = u1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
-      const l = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
-      l.length > 0 && l[0] !== "dev" && (this.options.lng = l[0]);
+      const h = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
+      h.length > 0 && h[0] !== "dev" && (this.options.lng = h[0]);
     }
-    !this.services.languageDetector && !this.options.lng && this.logger.warn("init: no languageDetector is used and no lng is defined"), ["getResource", "hasResourceBundle", "getResourceBundle", "getDataByLanguage"].forEach((l) => {
-      this[l] = function() {
-        return e.store[l](...arguments);
+    !this.services.languageDetector && !this.options.lng && this.logger.warn("init: no languageDetector is used and no lng is defined"), ["getResource", "hasResourceBundle", "getResourceBundle", "getDataByLanguage"].forEach((h) => {
+      this[h] = function() {
+        return e.store[h](...arguments);
       };
-    }), ["addResource", "addResources", "addResourceBundle", "removeResourceBundle"].forEach((l) => {
-      this[l] = function() {
-        return e.store[l](...arguments), e;
+    }), ["addResource", "addResources", "addResourceBundle", "removeResourceBundle"].forEach((h) => {
+      this[h] = function() {
+        return e.store[h](...arguments), e;
       };
     });
-    const C = s1(), d = () => {
-      const l = (h, g) => {
-        this.isInitializing = !1, this.isInitialized && !this.initializedStoreOnce && this.logger.warn("init: i18next is already initialized. You should call init just once!"), this.isInitialized = !0, this.options.isClone || this.logger.log("initialized", this.options), this.emit("initialized", this.options), C.resolve(g), n(h, g);
+    const l = s1(), a = () => {
+      const h = (u, C) => {
+        this.isInitializing = !1, this.isInitialized && !this.initializedStoreOnce && this.logger.warn("init: i18next is already initialized. You should call init just once!"), this.isInitialized = !0, this.options.isClone || this.logger.log("initialized", this.options), this.emit("initialized", this.options), l.resolve(C), n(u, C);
       };
-      if (this.languages && this.options.compatibilityAPI !== "v1" && !this.isInitialized) return l(null, this.t.bind(this));
-      this.changeLanguage(this.options.lng, l);
+      if (this.languages && this.options.compatibilityAPI !== "v1" && !this.isInitialized) return h(null, this.t.bind(this));
+      this.changeLanguage(this.options.lng, h);
     };
-    return this.options.resources || !this.options.initImmediate ? d() : setTimeout(d, 0), C;
+    return this.options.resources || !this.options.initImmediate ? a() : setTimeout(a, 0), l;
   }
   loadResources(e) {
     let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : u1;
     const s = N(e) ? e : this.language;
     if (typeof e == "function" && (n = e), !this.options.resources || this.options.partialBundledLanguages) {
       if (s && s.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return n();
-      const o = [], c = (a) => {
-        if (!a || a === "cimode") return;
-        this.services.languageUtils.toResolveHierarchy(a).forEach((d) => {
-          d !== "cimode" && o.indexOf(d) < 0 && o.push(d);
+      const o = [], c = (d) => {
+        if (!d || d === "cimode") return;
+        this.services.languageUtils.toResolveHierarchy(d).forEach((a) => {
+          a !== "cimode" && o.indexOf(a) < 0 && o.push(a);
         });
       };
-      s ? c(s) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((C) => c(C)), this.options.preload && this.options.preload.forEach((a) => c(a)), this.services.backendConnector.load(o, this.options.ns, (a) => {
-        !a && !this.resolvedLanguage && this.language && this.setResolvedLanguage(this.language), n(a);
+      s ? c(s) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((l) => c(l)), this.options.preload && this.options.preload.forEach((d) => c(d)), this.services.backendConnector.load(o, this.options.ns, (d) => {
+        !d && !this.resolvedLanguage && this.language && this.setResolvedLanguage(this.language), n(d);
       });
     } else
       n(null);
@@ -6989,39 +6977,39 @@ class l1 extends L1 {
     this.isLanguageChangingTo = e;
     const s = s1();
     this.emit("languageChanging", e);
-    const o = (C) => {
-      this.language = C, this.languages = this.services.languageUtils.toResolveHierarchy(C), this.resolvedLanguage = void 0, this.setResolvedLanguage(C);
-    }, c = (C, d) => {
-      d ? (o(d), this.translator.changeLanguage(d), this.isLanguageChangingTo = void 0, this.emit("languageChanged", d), this.logger.log("languageChanged", d)) : this.isLanguageChangingTo = void 0, s.resolve(function() {
+    const o = (l) => {
+      this.language = l, this.languages = this.services.languageUtils.toResolveHierarchy(l), this.resolvedLanguage = void 0, this.setResolvedLanguage(l);
+    }, c = (l, a) => {
+      a ? (o(a), this.translator.changeLanguage(a), this.isLanguageChangingTo = void 0, this.emit("languageChanged", a), this.logger.log("languageChanged", a)) : this.isLanguageChangingTo = void 0, s.resolve(function() {
         return n.t(...arguments);
-      }), t && t(C, function() {
+      }), t && t(l, function() {
         return n.t(...arguments);
       });
-    }, a = (C) => {
-      !e && !C && this.services.languageDetector && (C = []);
-      const d = N(C) ? C : this.services.languageUtils.getBestMatchFromCodes(C);
-      d && (this.language || o(d), this.translator.language || this.translator.changeLanguage(d), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(d)), this.loadResources(d, (l) => {
-        c(l, d);
+    }, d = (l) => {
+      !e && !l && this.services.languageDetector && (l = []);
+      const a = N(l) ? l : this.services.languageUtils.getBestMatchFromCodes(l);
+      a && (this.language || o(a), this.translator.language || this.translator.changeLanguage(a), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(a)), this.loadResources(a, (h) => {
+        c(h, a);
       });
     };
-    return !e && this.services.languageDetector && !this.services.languageDetector.async ? a(this.services.languageDetector.detect()) : !e && this.services.languageDetector && this.services.languageDetector.async ? this.services.languageDetector.detect.length === 0 ? this.services.languageDetector.detect().then(a) : this.services.languageDetector.detect(a) : a(e), s;
+    return !e && this.services.languageDetector && !this.services.languageDetector.async ? d(this.services.languageDetector.detect()) : !e && this.services.languageDetector && this.services.languageDetector.async ? this.services.languageDetector.detect.length === 0 ? this.services.languageDetector.detect().then(d) : this.services.languageDetector.detect(d) : d(e), s;
   }
   getFixedT(e, t, n) {
     var s = this;
-    const o = function(c, a) {
-      let C;
-      if (typeof a != "object") {
-        for (var d = arguments.length, l = new Array(d > 2 ? d - 2 : 0), h = 2; h < d; h++)
-          l[h - 2] = arguments[h];
-        C = s.options.overloadTranslationOptionHandler([c, a].concat(l));
+    const o = function(c, d) {
+      let l;
+      if (typeof d != "object") {
+        for (var a = arguments.length, h = new Array(a > 2 ? a - 2 : 0), u = 2; u < a; u++)
+          h[u - 2] = arguments[u];
+        l = s.options.overloadTranslationOptionHandler([c, d].concat(h));
       } else
-        C = {
-          ...a
+        l = {
+          ...d
         };
-      C.lng = C.lng || o.lng, C.lngs = C.lngs || o.lngs, C.ns = C.ns || o.ns, C.keyPrefix !== "" && (C.keyPrefix = C.keyPrefix || n || o.keyPrefix);
-      const g = s.options.keySeparator || ".";
+      l.lng = l.lng || o.lng, l.lngs = l.lngs || o.lngs, l.ns = l.ns || o.ns, l.keyPrefix !== "" && (l.keyPrefix = l.keyPrefix || n || o.keyPrefix);
+      const C = s.options.keySeparator || ".";
       let p;
-      return C.keyPrefix && Array.isArray(c) ? p = c.map((k) => `${C.keyPrefix}${g}${k}`) : p = C.keyPrefix ? `${C.keyPrefix}${g}${c}` : c, s.t(p, C);
+      return l.keyPrefix && Array.isArray(c) ? p = c.map((k) => `${l.keyPrefix}${C}${k}`) : p = l.keyPrefix ? `${l.keyPrefix}${C}${c}` : c, s.t(p, l);
     };
     return N(e) ? o.lng = e : o.lngs = e, o.ns = t, o.keyPrefix = n, o;
   }
@@ -7042,13 +7030,13 @@ class l1 extends L1 {
       return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty", this.languages), !1;
     const n = t.lng || this.resolvedLanguage || this.languages[0], s = this.options ? this.options.fallbackLng : !1, o = this.languages[this.languages.length - 1];
     if (n.toLowerCase() === "cimode") return !0;
-    const c = (a, C) => {
-      const d = this.services.backendConnector.state[`${a}|${C}`];
-      return d === -1 || d === 0 || d === 2;
+    const c = (d, l) => {
+      const a = this.services.backendConnector.state[`${d}|${l}`];
+      return a === -1 || a === 0 || a === 2;
     };
     if (t.precheck) {
-      const a = t.precheck(this, c);
-      if (a !== void 0) return a;
+      const d = t.precheck(this, c);
+      if (d !== void 0) return d;
     }
     return !!(this.hasResourceBundle(n, e) || !this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages || c(n, e) && (!s || c(o, e)));
   }
@@ -7086,16 +7074,16 @@ class l1 extends L1 {
       ...e,
       isClone: !0
     }, o = new l1(s);
-    return (e.debug !== void 0 || e.prefix !== void 0) && (o.logger = o.logger.clone(e)), ["store", "services", "language"].forEach((a) => {
-      o[a] = this[a];
+    return (e.debug !== void 0 || e.prefix !== void 0) && (o.logger = o.logger.clone(e)), ["store", "services", "language"].forEach((d) => {
+      o[d] = this[d];
     }), o.services = {
       ...this.services
     }, o.services.utils = {
       hasLoadedNamespace: o.hasLoadedNamespace.bind(o)
-    }, n && (o.store = new Y1(this.store.data, s), o.services.resourceStore = o.store), o.translator = new w1(o.services, s), o.translator.on("*", function(a) {
-      for (var C = arguments.length, d = new Array(C > 1 ? C - 1 : 0), l = 1; l < C; l++)
-        d[l - 1] = arguments[l];
-      o.emit(a, ...d);
+    }, n && (o.store = new Y1(this.store.data, s), o.services.resourceStore = o.store), o.translator = new w1(o.services, s), o.translator.on("*", function(d) {
+      for (var l = arguments.length, a = new Array(l > 1 ? l - 1 : 0), h = 1; h < l; h++)
+        a[h - 1] = arguments[h];
+      o.emit(d, ...a);
     }), o.init(s, t), o.translator.options = s, o.translator.backendConnector.services.utils = {
       hasLoadedNamespace: o.hasLoadedNamespace.bind(o)
     }, o;
@@ -7110,22 +7098,22 @@ class l1 extends L1 {
     };
   }
 }
-const Z = l1.createInstance();
-Z.createInstance = l1.createInstance;
-Z.createInstance;
-Z.dir;
-Z.init;
-Z.loadResources;
-Z.reloadResources;
-Z.use;
-Z.changeLanguage;
-Z.getFixedT;
-Z.t;
-Z.exists;
-Z.setDefaultNamespace;
-Z.hasLoadedNamespace;
-Z.loadNamespaces;
-Z.loadLanguages;
+const I = l1.createInstance();
+I.createInstance = l1.createInstance;
+I.createInstance;
+I.dir;
+I.init;
+I.loadResources;
+I.reloadResources;
+I.use;
+I.changeLanguage;
+I.getFixedT;
+I.t;
+I.exists;
+I.setDefaultNamespace;
+I.hasLoadedNamespace;
+I.loadNamespaces;
+I.loadLanguages;
 function q7() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
@@ -7160,9 +7148,9 @@ const r2 = (i, e) => () => {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const n = e.languages[0], s = e.options ? e.options.fallbackLng : !1, o = e.languages[e.languages.length - 1];
   if (n.toLowerCase() === "cimode") return !0;
-  const c = (a, C) => {
-    const d = e.services.backendConnector.state[`${a}|${C}`];
-    return d === -1 || d === 2;
+  const c = (d, l) => {
+    const a = e.services.backendConnector.state[`${d}|${l}`];
+    return a === -1 || a === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(n, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(n, i) && (!s || c(o, i)));
 }, e0 = function(i, e) {
@@ -7234,7 +7222,7 @@ class C0 {
 }
 const g0 = (i, e) => {
   const t = W();
-  return I(() => {
+  return O(() => {
     t.current = i;
   }, [i, e]), t.current;
 }, a2 = (i, e, t, n) => i.getFixedT(e, t, n), u0 = (i, e, t, n) => K(a2(i, e, t, n), [i, e, t, n]), p0 = function(i) {
@@ -7256,45 +7244,45 @@ const g0 = (i, e) => {
     ...o.options.react,
     ...e
   }, {
-    useSuspense: a,
-    keyPrefix: C
+    useSuspense: d,
+    keyPrefix: l
   } = c;
-  let d = i;
-  d = J(d) ? [d] : d || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(d);
-  const l = (o.isInitialized || o.initializedStoreOnce) && d.every((m) => e0(m, o, c)), h = u0(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), g = () => h, p = () => a2(o, e.lng || null, c.nsMode === "fallback" ? d : d[0], C), [k, v] = A(g);
-  let f = d.join();
+  let a = i;
+  a = J(a) ? [a] : a || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(a);
+  const h = (o.isInitialized || o.initializedStoreOnce) && a.every((m) => e0(m, o, c)), u = u0(o, e.lng || null, c.nsMode === "fallback" ? a : a[0], l), C = () => u, p = () => a2(o, e.lng || null, c.nsMode === "fallback" ? a : a[0], l), [k, v] = A(C);
+  let f = a.join();
   e.lng && (f = `${e.lng}${f}`);
   const y = g0(f), b = W(!0);
-  I(() => {
+  O(() => {
     const {
       bindI18n: m,
       bindI18nStore: M
     } = c;
-    b.current = !0, !l && !a && (e.lng ? Q1(o, e.lng, d, () => {
+    b.current = !0, !h && !d && (e.lng ? Q1(o, e.lng, a, () => {
       b.current && v(p);
-    }) : J1(o, d, () => {
+    }) : J1(o, a, () => {
       b.current && v(p);
-    })), l && y && y !== f && b.current && v(p);
+    })), h && y && y !== f && b.current && v(p);
     const R = () => {
       b.current && v(p);
     };
     return m && o && o.on(m, R), M && o && o.store.on(M, R), () => {
       b.current = !1, m && o && m.split(" ").forEach((x) => o.off(x, R)), M && o && M.split(" ").forEach((x) => o.store.off(x, R));
     };
-  }, [o, f]), I(() => {
-    b.current && l && v(g);
-  }, [o, C, l]);
-  const E = [k, o, l];
-  if (E.t = k, E.i18n = o, E.ready = l, l || !l && !a) return E;
+  }, [o, f]), O(() => {
+    b.current && h && v(C);
+  }, [o, l, h]);
+  const E = [k, o, h];
+  if (E.t = k, E.i18n = o, E.ready = h, h || !h && !d) return E;
   throw new Promise((m) => {
-    e.lng ? Q1(o, e.lng, d, () => m()) : J1(o, d, () => m());
+    e.lng ? Q1(o, e.lng, a, () => m()) : J1(o, a, () => m());
   });
 }, f0 = "Country", m0 = {
   placeholder: f0
 }, w0 = "Страна", L0 = {
   placeholder: w0
 };
-Z.use(c0).init({
+I.use(c0).init({
   defaultNS: "common",
   lng: "en",
   resources: {
@@ -7315,11 +7303,11 @@ const b0 = h1(
     value: s,
     id: o,
     disabled: c,
-    required: a,
-    clearable: C,
-    error: d
-  }, l) => {
-    const [h, g] = A([]), [p, k] = A([]), [v, f] = A(!1), { locale: y, axiosPeople: b } = Q(u2);
+    required: d,
+    clearable: l,
+    error: a
+  }, h) => {
+    const [u, C] = A([]), [p, k] = A([]), [v, f] = A(!1), { locale: y, axiosPeople: b } = Q(u2);
     if (!b)
       throw new Error(
         `CountrySelect requires "axiosPeople" to fetch counties.
@@ -7331,14 +7319,14 @@ const b0 = h1(
         const R = await b.post("v1/countries/search");
         k(R == null ? void 0 : R.data.data);
       } catch {
-        g([]);
+        C([]);
       } finally {
         f(!1);
       }
     }, [b]);
-    I(() => {
+    O(() => {
       m();
-    }, []), I(() => {
+    }, []), O(() => {
       if (e) {
         const R = e.split("-")[1], x = p.filter(
           (D) => D.name.includes(R)
@@ -7351,12 +7339,12 @@ const b0 = h1(
           n(D[0].value);
         }
       }
-    }, [e, p, n]), I(() => {
+    }, [e, p, n]), O(() => {
       const R = p.map((x) => ({
         label: x.name,
         value: x.name
       }));
-      g(R);
+      C(R);
     }, [p]);
     const M = (R) => {
       R === null ? (n(""), t && t("")) : (n(R), t && t(""));
@@ -7368,14 +7356,14 @@ const b0 = h1(
         width: i,
         placeholder: E("placeholder"),
         value: s,
-        ref: l,
+        ref: h,
         onChange: M,
-        options: h,
+        options: u,
         disabled: c,
         isLoading: v,
-        required: a,
-        clearable: C,
-        error: d
+        required: d,
+        clearable: l,
+        error: a
       }
     ) });
   }