@snmt-react-ui/country-select 2.9.12 → 2.9.13

package/dist/country-select.js

@@ -41,9 +41,9 @@ const i2 = (l, e) => () => {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const i = e.languages[0], s = e.options ? e.options.fallbackLng : !1, C = e.languages[e.languages.length - 1];
   if (i.toLowerCase() === "cimode") return !0;
-  const h = (d, a) => {
-    const o = e.services.backendConnector.state[`${d}|${a}`];
-    return o === -1 || o === 2;
+  const h = (d, o) => {
+    const a = e.services.backendConnector.state[`${d}|${o}`];
+    return a === -1 || a === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !h(e.isLanguageChangingTo, l) ? !1 : !!(e.hasResourceBundle(i, l) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || h(i, l) && (!s || h(C, l)));
 }, K2 = function(l, e) {
@@ -124,12 +124,12 @@ const U2 = (l, e) => {
     ...e
   }, {
     useSuspense: d,
-    keyPrefix: a
+    keyPrefix: o
   } = h;
-  let o = l;
-  o = z(o) ? [o] : o || ["translation"], C.reportNamespaces.addUsedNamespaces && C.reportNamespaces.addUsedNamespaces(o);
-  const r = (C.isInitialized || C.initializedStoreOnce) && o.every((u) => K2(u, C, h)), p = W2(C, e.lng || null, h.nsMode === "fallback" ? o : o[0], a), w = () => p, f = () => l2(C, e.lng || null, h.nsMode === "fallback" ? o : o[0], a), [v, M] = E(w);
-  let x = o.join();
+  let a = l;
+  a = z(a) ? [a] : a || ["translation"], C.reportNamespaces.addUsedNamespaces && C.reportNamespaces.addUsedNamespaces(a);
+  const r = (C.isInitialized || C.initializedStoreOnce) && a.every((u) => K2(u, C, h)), f = W2(C, e.lng || null, h.nsMode === "fallback" ? a : a[0], o), w = () => f, p = () => l2(C, e.lng || null, h.nsMode === "fallback" ? a : a[0], o), [v, M] = E(w);
+  let x = a.join();
   e.lng && (x = `${e.lng}${x}`);
   const H = U2(x), Z = P(!0);
   S(() => {
@@ -137,24 +137,24 @@ const U2 = (l, e) => {
       bindI18n: u,
       bindI18nStore: V
     } = h;
-    Z.current = !0, !r && !d && (e.lng ? S1(C, e.lng, o, () => {
-      Z.current && M(f);
-    }) : B1(C, o, () => {
-      Z.current && M(f);
-    })), r && H && H !== x && Z.current && M(f);
+    Z.current = !0, !r && !d && (e.lng ? S1(C, e.lng, a, () => {
+      Z.current && M(p);
+    }) : B1(C, a, () => {
+      Z.current && M(p);
+    })), r && H && H !== x && Z.current && M(p);
     const m = () => {
-      Z.current && M(f);
+      Z.current && M(p);
     };
     return u && C && C.on(u, m), V && C && C.store.on(V, m), () => {
       Z.current = !1, u && C && u.split(" ").forEach((k) => C.off(k, m)), V && C && V.split(" ").forEach((k) => C.store.off(k, m));
     };
   }, [C, x]), S(() => {
     Z.current && r && M(w);
-  }, [C, a, r]);
+  }, [C, o, r]);
   const b = [v, C, r];
   if (b.t = v, b.i18n = C, b.ready = r, r || !r && !d) return b;
   throw new Promise((u) => {
-    e.lng ? S1(C, e.lng, o, () => u()) : B1(C, o, () => u());
+    e.lng ? S1(C, e.lng, a, () => u()) : B1(C, a, () => u());
   });
 }, C1 = ({
   children: l,
@@ -195,8 +195,8 @@ const U2 = (l, e) => {
       overflow: "hidden",
       textOverflow: "clip"
     });
-    const a = h.scrollWidth > h.offsetWidth + 1;
-    Object.assign(h.style, d), i(a);
+    const o = h.scrollWidth > h.offsetWidth + 1;
+    Object.assign(h.style, d), i(o);
   }, [s]);
   return w1(() => {
     const h = s();
@@ -220,29 +220,31 @@ const U2 = (l, e) => {
     color: t,
     children: i,
     onClick: s,
-    collapsed: C,
-    whiteSpace: h = "normal",
+    whiteSpace: C,
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: d = !1
-  }, a) => {
+    trim: h = !1
+  }, d) => {
     const o = P(null);
-    g1(a, () => o.current);
-    const r = J2(o, { enabled: d }), p = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let w = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (w += ` snmt-typography-align-${l}`), C && (w += " collapsed");
-    const f = {
-      className: w,
-      style: { color: t, whiteSpace: d ? "nowrap" : h, display: d ? "block" : "" },
+    g1(d, () => o.current);
+    const a = J2(o, { enabled: h }), r = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`);
+    const w = {
+      className: f,
+      style: {
+        color: t,
+        whiteSpace: C
+      },
       onClick: s,
       ref: o,
-      ellipsis: d && r ? {
+      ellipsis: h && a ? {
         tooltip: {
           title: i,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return p ? /* @__PURE__ */ n(Q2, { level: X2[e], ...f, children: i }) : /* @__PURE__ */ n(q2, { ...f, children: i });
+    return r ? /* @__PURE__ */ n(Q2, { level: X2[e], ...w, children: i }) : /* @__PURE__ */ n(q2, { ...w, children: i });
   }
 ), e5 = ({ label: l, variant: e = "small", src: t, fallbackText: i }) => {
   const s = t != null && t.trim() ? t : void 0, C = {
@@ -304,8 +306,8 @@ const U2 = (l, e) => {
       overflow: "hidden",
       textOverflow: "clip"
     });
-    const a = h.scrollWidth > h.offsetWidth + 1;
-    Object.assign(h.style, d), i(a);
+    const o = h.scrollWidth > h.offsetWidth + 1;
+    Object.assign(h.style, d), i(o);
   }, [s]);
   return w1(() => {
     const h = s();
@@ -329,29 +331,31 @@ const U2 = (l, e) => {
     color: t,
     children: i,
     onClick: s,
-    collapsed: C,
-    whiteSpace: h = "normal",
+    whiteSpace: C,
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: d = !1
-  }, a) => {
+    trim: h = !1
+  }, d) => {
     const o = P(null);
-    g1(a, () => o.current);
-    const r = t5(o, { enabled: d }), p = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let w = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (w += ` snmt-typography-align-${l}`), C && (w += " collapsed");
-    const f = {
-      className: w,
-      style: { color: t, whiteSpace: d ? "nowrap" : h, display: d ? "block" : "" },
+    g1(d, () => o.current);
+    const a = t5(o, { enabled: h }), r = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`);
+    const w = {
+      className: f,
+      style: {
+        color: t,
+        whiteSpace: C
+      },
       onClick: s,
       ref: o,
-      ellipsis: d && r ? {
+      ellipsis: h && a ? {
         tooltip: {
           title: i,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return p ? /* @__PURE__ */ n(i5, { level: s5[e], ...f, children: i }) : /* @__PURE__ */ n(l5, { ...f, children: i });
+    return r ? /* @__PURE__ */ n(i5, { level: s5[e], ...w, children: i }) : /* @__PURE__ */ n(l5, { ...w, children: i });
   }
 ), o5 = ({
   checked: l = !0,
@@ -361,9 +365,9 @@ const U2 = (l, e) => {
   disabled: s = !1,
   disableUncheck: C = !1
 }) => {
-  const [h, d] = E(l), [a, o] = E(e);
+  const [h, d] = E(l), [o, a] = E(e);
   S(() => {
-    d(l), o(e);
+    d(l), a(e);
   }, [l, e]);
   const { theme: r } = T(Q);
   return /* @__PURE__ */ n(
@@ -371,9 +375,9 @@ const U2 = (l, e) => {
     {
       className: `snmt-checkbox snmt-checkbox-${r}`,
       checked: h,
-      indeterminate: a,
-      onChange: (p) => {
-        C && h || (o(!1), d(p.target.checked), i && i(p));
+      indeterminate: o,
+      onChange: (f) => {
+        C && h || (a(!1), d(f.target.checked), i && i(f));
       },
       disabled: s,
       children: t && /* @__PURE__ */ n(
@@ -2650,159 +2654,159 @@ const U2 = (l, e) => {
   disabled: C = !1,
   onClick: h
 }) => {
-  const { theme: d } = T(Q), a = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, o = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
+  const { theme: d } = T(Q), o = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, a = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
   return /* @__PURE__ */ n($, { children: (() => {
     switch (l) {
       case "arrow1Down":
-        return a5({ width: e, height: t, color: a, className: r, onClick: o });
+        return a5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Up":
-        return r5({ width: e, height: t, color: a, className: r, onClick: o });
+        return r5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Right":
-        return C5({ width: e, height: t, color: a, className: r, onClick: o });
+        return C5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Left":
-        return h5({ width: e, height: t, color: a, className: r, onClick: o });
+        return h5({ width: e, height: t, color: o, className: r, onClick: a });
       case "info":
-        return c5({ width: e, height: t, color: a, className: r, onClick: o });
+        return c5({ width: e, height: t, color: o, className: r, onClick: a });
       case "archive":
-        return p5({ width: e, height: t, color: a, className: r, onClick: o });
+        return p5({ width: e, height: t, color: o, className: r, onClick: a });
       case "unarchive":
-        return u5({ width: e, height: t, color: a, className: r, onClick: o });
+        return u5({ width: e, height: t, color: o, className: r, onClick: a });
       case "calendar":
-        return L5({ width: e, height: t, color: a, className: r, onClick: o });
+        return L5({ width: e, height: t, color: o, className: r, onClick: a });
       case "check":
-        return m5({ width: e, height: t, color: a, className: r, onClick: o });
+        return m5({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancel":
-        return v5({ width: e, height: t, color: a, className: r, onClick: o });
+        return v5({ width: e, height: t, color: o, className: r, onClick: a });
       case "add":
-        return k5({ width: e, height: t, color: a, className: r, onClick: o });
+        return k5({ width: e, height: t, color: o, className: r, onClick: a });
       case "list":
-        return N5({ width: e, height: t, color: a, className: r, onClick: o });
+        return N5({ width: e, height: t, color: o, className: r, onClick: a });
       case "dragAndDrop":
-        return M5({ width: e, height: t, color: a, className: r, onClick: o });
+        return M5({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter1":
-        return x5({ width: e, height: t, color: a, className: r, onClick: o });
+        return x5({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter2":
-        return Q5({ width: e, height: t, color: a, className: r, onClick: o });
+        return Q5({ width: e, height: t, color: o, className: r, onClick: a });
       case "attention":
-        return Z5({ width: e, height: t, color: a, className: r, onClick: o });
+        return Z5({ width: e, height: t, color: o, className: r, onClick: a });
       case "users":
-        return V5({ width: e, height: t, color: a, className: r, onClick: o });
+        return V5({ width: e, height: t, color: o, className: r, onClick: a });
       case "mySkillsMatrix":
         return R5({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "skills":
-        return H5({ width: e, height: t, color: a, className: r, onClick: o });
+        return H5({ width: e, height: t, color: o, className: r, onClick: a });
       case "skillsMatrices":
         return _5({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "history":
-        return b5({ width: e, height: t, color: a, className: r, onClick: o });
+        return b5({ width: e, height: t, color: o, className: r, onClick: a });
       case "logOut":
-        return y5({ width: e, height: t, color: a, className: r, onClick: o });
+        return y5({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings":
-        return A5({ width: e, height: t, color: a, className: r, onClick: o });
+        return A5({ width: e, height: t, color: o, className: r, onClick: a });
       case "trash":
-        return E5({ width: e, height: t, color: a, className: r, onClick: o });
+        return E5({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings2":
-        return D5({ width: e, height: t, color: a, className: r, onClick: o });
+        return D5({ width: e, height: t, color: o, className: r, onClick: a });
       case "checkCircle":
-        return K5({ width: e, height: t, color: a, className: r, onClick: o });
+        return K5({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancelCircle":
-        return G5({ width: e, height: t, color: a, className: r, onClick: o });
+        return G5({ width: e, height: t, color: o, className: r, onClick: a });
       case "visibilityIcon":
         return B5({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "visibilityOffIcon":
         return S5({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "sortUp":
-        return Y5({ width: e, height: t, color: a, className: r, onClick: o });
+        return Y5({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDown":
-        return O5({ width: e, height: t, color: a, className: r, onClick: o });
+        return O5({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDouble":
-        return I5({ width: e, height: t, color: a, className: r, onClick: o });
+        return I5({ width: e, height: t, color: o, className: r, onClick: a });
       case "search":
-        return $5({ width: e, height: t, color: a, className: r, onClick: o });
+        return $5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowUpFilled":
-        return T5({ width: e, height: t, color: a, className: r, onClick: o });
+        return T5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowDownFilled":
-        return P5({ width: e, height: t, color: a, className: r, onClick: o });
+        return P5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Up":
-        return d5({ width: e, height: t, color: a, className: r, onClick: o });
+        return d5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Right":
-        return g5({ width: e, height: t, color: a, className: r, onClick: o });
+        return g5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Down":
-        return w5({ width: e, height: t, color: a, className: r, onClick: o });
+        return w5({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Left":
-        return f5({ width: e, height: t, color: a, className: r, onClick: o });
+        return f5({ width: e, height: t, color: o, className: r, onClick: a });
       case "link":
-        return j5({ width: e, height: t, color: a, className: r, onClick: o });
+        return j5({ width: e, height: t, color: o, className: r, onClick: a });
       case "telegram":
-        return U5({ width: e, height: t, color: a, className: r, onClick: o });
+        return U5({ width: e, height: t, color: o, className: r, onClick: a });
       case "mail":
-        return z5({ width: e, height: t, color: a, className: r, onClick: o });
+        return z5({ width: e, height: t, color: o, className: r, onClick: a });
       case "github":
-        return F5({ width: e, height: t, color: a, className: r, onClick: o });
+        return F5({ width: e, height: t, color: o, className: r, onClick: a });
       case "linkedIn":
-        return W5({ width: e, height: t, color: a, className: r, onClick: o });
+        return W5({ width: e, height: t, color: o, className: r, onClick: a });
       case "emptyStateIcon":
-        return J5({ width: e, height: t, color: a, className: r, onClick: o });
+        return J5({ width: e, height: t, color: o, className: r, onClick: a });
       case "dotMenuIcon":
-        return q5({ width: e, height: t, color: a, className: r, onClick: o });
+        return q5({ width: e, height: t, color: o, className: r, onClick: a });
       case "plusCircle":
-        return X5({ width: e, height: t, color: a, className: r, onClick: o });
+        return X5({ width: e, height: t, color: o, className: r, onClick: a });
       case "warning":
-        return e7({ width: e, height: t, color: a, className: r, onClick: o });
+        return e7({ width: e, height: t, color: o, className: r, onClick: a });
       case "bell":
-        return t7({ width: e, height: t, color: a, className: r, onClick: o });
+        return t7({ width: e, height: t, color: o, className: r, onClick: a });
       case "copy":
-        return i7({ width: e, height: t, color: a, className: r, onClick: o });
+        return i7({ width: e, height: t, color: o, className: r, onClick: a });
       case "contract":
-        return l7({ width: e, height: t, color: a, className: r, onClick: o });
+        return l7({ width: e, height: t, color: o, className: r, onClick: a });
       case "resourceManager":
-        return s7({ width: e, height: t, color: a, className: r, onClick: o });
+        return s7({ width: e, height: t, color: o, className: r, onClick: a });
       case "image":
-        return n7({ width: e, height: t, color: a, className: r, onClick: o });
+        return n7({ width: e, height: t, color: o, className: r, onClick: a });
       case "edit":
-        return o7({ width: e, height: t, color: a, className: r, onClick: o });
+        return o7({ width: e, height: t, color: o, className: r, onClick: a });
       case "burgerMenu":
-        return a7({ width: e, height: t, color: a, className: r, onClick: o });
+        return a7({ width: e, height: t, color: o, className: r, onClick: a });
       case "refresh":
-        return r7({ width: e, height: t, color: a, className: r, onClick: o });
+        return r7({ width: e, height: t, color: o, className: r, onClick: a });
       case "projects":
-        return C7({ width: e, height: t, color: a, className: r, onClick: o });
+        return C7({ width: e, height: t, color: o, className: r, onClick: a });
       case "user":
-        return c7({ width: e, height: t, color: a, className: r, onClick: o });
+        return c7({ width: e, height: t, color: o, className: r, onClick: a });
       case "exit":
-        return h7({ width: e, height: t, color: a, className: r, onClick: o });
+        return h7({ width: e, height: t, color: o, className: r, onClick: a });
       case "status":
-        return d7({ width: e, height: t, color: a, className: r, onClick: o });
+        return d7({ width: e, height: t, color: o, className: r, onClick: a });
       case "community":
-        return g7({ width: e, height: t, color: a, className: r, onClick: o });
+        return g7({ width: e, height: t, color: o, className: r, onClick: a });
       case "docs":
-        return w7({ width: e, height: t, color: a, className: r, onClick: o });
+        return w7({ width: e, height: t, color: o, className: r, onClick: a });
       case "unpaidLeave":
-        return f7({ width: e, height: t, color: a, className: r, onClick: o });
+        return f7({ width: e, height: t, color: o, className: r, onClick: a });
       default:
         return /* @__PURE__ */ n($, { children: "No Icon provided" });
     }
@@ -2824,8 +2828,8 @@ const U2 = (l, e) => {
       overflow: "hidden",
       textOverflow: "clip"
     });
-    const a = h.scrollWidth > h.offsetWidth + 1;
-    Object.assign(h.style, d), i(a);
+    const o = h.scrollWidth > h.offsetWidth + 1;
+    Object.assign(h.style, d), i(o);
   }, [s]);
   return w1(() => {
     const h = s();
@@ -2849,29 +2853,31 @@ const U2 = (l, e) => {
     color: t,
     children: i,
     onClick: s,
-    collapsed: C,
-    whiteSpace: h = "normal",
+    whiteSpace: C,
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: d = !1
-  }, a) => {
+    trim: h = !1
+  }, d) => {
     const o = P(null);
-    g1(a, () => o.current);
-    const r = p7(o, { enabled: d }), p = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let w = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (w += ` snmt-typography-align-${l}`), C && (w += " collapsed");
-    const f = {
-      className: w,
-      style: { color: t, whiteSpace: d ? "nowrap" : h, display: d ? "block" : "" },
+    g1(d, () => o.current);
+    const a = p7(o, { enabled: h }), r = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`);
+    const w = {
+      className: f,
+      style: {
+        color: t,
+        whiteSpace: C
+      },
       onClick: s,
       ref: o,
-      ellipsis: d && r ? {
+      ellipsis: h && a ? {
         tooltip: {
           title: i,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return p ? /* @__PURE__ */ n(u7, { level: m7[e], ...f, children: i }) : /* @__PURE__ */ n(L7, { ...f, children: i });
+    return r ? /* @__PURE__ */ n(u7, { level: m7[e], ...w, children: i }) : /* @__PURE__ */ n(L7, { ...w, children: i });
   }
 ), k7 = ({
   width: l = 20,
@@ -5137,159 +5143,159 @@ const U2 = (l, e) => {
   disabled: C = !1,
   onClick: h
 }) => {
-  const { theme: d } = T(Q), a = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, o = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
+  const { theme: d } = T(Q), o = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, a = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
   return /* @__PURE__ */ n($, { children: (() => {
     switch (l) {
       case "arrow1Down":
-        return k7({ width: e, height: t, color: a, className: r, onClick: o });
+        return k7({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Up":
-        return N7({ width: e, height: t, color: a, className: r, onClick: o });
+        return N7({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Right":
-        return M7({ width: e, height: t, color: a, className: r, onClick: o });
+        return M7({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Left":
-        return x7({ width: e, height: t, color: a, className: r, onClick: o });
+        return x7({ width: e, height: t, color: o, className: r, onClick: a });
       case "info":
-        return Z7({ width: e, height: t, color: a, className: r, onClick: o });
+        return Z7({ width: e, height: t, color: o, className: r, onClick: a });
       case "archive":
-        return b7({ width: e, height: t, color: a, className: r, onClick: o });
+        return b7({ width: e, height: t, color: o, className: r, onClick: a });
       case "unarchive":
-        return y7({ width: e, height: t, color: a, className: r, onClick: o });
+        return y7({ width: e, height: t, color: o, className: r, onClick: a });
       case "calendar":
-        return A7({ width: e, height: t, color: a, className: r, onClick: o });
+        return A7({ width: e, height: t, color: o, className: r, onClick: a });
       case "check":
-        return E7({ width: e, height: t, color: a, className: r, onClick: o });
+        return E7({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancel":
-        return D7({ width: e, height: t, color: a, className: r, onClick: o });
+        return D7({ width: e, height: t, color: o, className: r, onClick: a });
       case "add":
-        return K7({ width: e, height: t, color: a, className: r, onClick: o });
+        return K7({ width: e, height: t, color: o, className: r, onClick: a });
       case "list":
-        return G7({ width: e, height: t, color: a, className: r, onClick: o });
+        return G7({ width: e, height: t, color: o, className: r, onClick: a });
       case "dragAndDrop":
-        return B7({ width: e, height: t, color: a, className: r, onClick: o });
+        return B7({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter1":
-        return S7({ width: e, height: t, color: a, className: r, onClick: o });
+        return S7({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter2":
-        return c9({ width: e, height: t, color: a, className: r, onClick: o });
+        return c9({ width: e, height: t, color: o, className: r, onClick: a });
       case "attention":
-        return Y7({ width: e, height: t, color: a, className: r, onClick: o });
+        return Y7({ width: e, height: t, color: o, className: r, onClick: a });
       case "users":
-        return O7({ width: e, height: t, color: a, className: r, onClick: o });
+        return O7({ width: e, height: t, color: o, className: r, onClick: a });
       case "mySkillsMatrix":
         return I7({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "skills":
-        return $7({ width: e, height: t, color: a, className: r, onClick: o });
+        return $7({ width: e, height: t, color: o, className: r, onClick: a });
       case "skillsMatrices":
         return P7({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "history":
-        return T7({ width: e, height: t, color: a, className: r, onClick: o });
+        return T7({ width: e, height: t, color: o, className: r, onClick: a });
       case "logOut":
-        return j7({ width: e, height: t, color: a, className: r, onClick: o });
+        return j7({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings":
-        return F7({ width: e, height: t, color: a, className: r, onClick: o });
+        return F7({ width: e, height: t, color: o, className: r, onClick: a });
       case "trash":
-        return U7({ width: e, height: t, color: a, className: r, onClick: o });
+        return U7({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings2":
-        return W7({ width: e, height: t, color: a, className: r, onClick: o });
+        return W7({ width: e, height: t, color: o, className: r, onClick: a });
       case "checkCircle":
-        return z7({ width: e, height: t, color: a, className: r, onClick: o });
+        return z7({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancelCircle":
-        return J7({ width: e, height: t, color: a, className: r, onClick: o });
+        return J7({ width: e, height: t, color: o, className: r, onClick: a });
       case "visibilityIcon":
         return Q7({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "visibilityOffIcon":
         return q7({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "sortUp":
-        return X7({ width: e, height: t, color: a, className: r, onClick: o });
+        return X7({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDown":
-        return e9({ width: e, height: t, color: a, className: r, onClick: o });
+        return e9({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDouble":
-        return t9({ width: e, height: t, color: a, className: r, onClick: o });
+        return t9({ width: e, height: t, color: o, className: r, onClick: a });
       case "search":
-        return i9({ width: e, height: t, color: a, className: r, onClick: o });
+        return i9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowUpFilled":
-        return s9({ width: e, height: t, color: a, className: r, onClick: o });
+        return s9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowDownFilled":
-        return l9({ width: e, height: t, color: a, className: r, onClick: o });
+        return l9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Up":
-        return V7({ width: e, height: t, color: a, className: r, onClick: o });
+        return V7({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Right":
-        return R7({ width: e, height: t, color: a, className: r, onClick: o });
+        return R7({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Down":
-        return H7({ width: e, height: t, color: a, className: r, onClick: o });
+        return H7({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Left":
-        return _7({ width: e, height: t, color: a, className: r, onClick: o });
+        return _7({ width: e, height: t, color: o, className: r, onClick: a });
       case "link":
-        return n9({ width: e, height: t, color: a, className: r, onClick: o });
+        return n9({ width: e, height: t, color: o, className: r, onClick: a });
       case "telegram":
-        return a9({ width: e, height: t, color: a, className: r, onClick: o });
+        return a9({ width: e, height: t, color: o, className: r, onClick: a });
       case "mail":
-        return C9({ width: e, height: t, color: a, className: r, onClick: o });
+        return C9({ width: e, height: t, color: o, className: r, onClick: a });
       case "github":
-        return o9({ width: e, height: t, color: a, className: r, onClick: o });
+        return o9({ width: e, height: t, color: o, className: r, onClick: a });
       case "linkedIn":
-        return r9({ width: e, height: t, color: a, className: r, onClick: o });
+        return r9({ width: e, height: t, color: o, className: r, onClick: a });
       case "emptyStateIcon":
-        return h9({ width: e, height: t, color: a, className: r, onClick: o });
+        return h9({ width: e, height: t, color: o, className: r, onClick: a });
       case "dotMenuIcon":
-        return d9({ width: e, height: t, color: a, className: r, onClick: o });
+        return d9({ width: e, height: t, color: o, className: r, onClick: a });
       case "plusCircle":
-        return g9({ width: e, height: t, color: a, className: r, onClick: o });
+        return g9({ width: e, height: t, color: o, className: r, onClick: a });
       case "warning":
-        return w9({ width: e, height: t, color: a, className: r, onClick: o });
+        return w9({ width: e, height: t, color: o, className: r, onClick: a });
       case "bell":
-        return f9({ width: e, height: t, color: a, className: r, onClick: o });
+        return f9({ width: e, height: t, color: o, className: r, onClick: a });
       case "copy":
-        return p9({ width: e, height: t, color: a, className: r, onClick: o });
+        return p9({ width: e, height: t, color: o, className: r, onClick: a });
       case "contract":
-        return u9({ width: e, height: t, color: a, className: r, onClick: o });
+        return u9({ width: e, height: t, color: o, className: r, onClick: a });
       case "resourceManager":
-        return L9({ width: e, height: t, color: a, className: r, onClick: o });
+        return L9({ width: e, height: t, color: o, className: r, onClick: a });
       case "image":
-        return m9({ width: e, height: t, color: a, className: r, onClick: o });
+        return m9({ width: e, height: t, color: o, className: r, onClick: a });
       case "edit":
-        return v9({ width: e, height: t, color: a, className: r, onClick: o });
+        return v9({ width: e, height: t, color: o, className: r, onClick: a });
       case "burgerMenu":
-        return k9({ width: e, height: t, color: a, className: r, onClick: o });
+        return k9({ width: e, height: t, color: o, className: r, onClick: a });
       case "refresh":
-        return N9({ width: e, height: t, color: a, className: r, onClick: o });
+        return N9({ width: e, height: t, color: o, className: r, onClick: a });
       case "projects":
-        return M9({ width: e, height: t, color: a, className: r, onClick: o });
+        return M9({ width: e, height: t, color: o, className: r, onClick: a });
       case "user":
-        return Z9({ width: e, height: t, color: a, className: r, onClick: o });
+        return Z9({ width: e, height: t, color: o, className: r, onClick: a });
       case "exit":
-        return x9({ width: e, height: t, color: a, className: r, onClick: o });
+        return x9({ width: e, height: t, color: o, className: r, onClick: a });
       case "status":
-        return V9({ width: e, height: t, color: a, className: r, onClick: o });
+        return V9({ width: e, height: t, color: o, className: r, onClick: a });
       case "community":
-        return R9({ width: e, height: t, color: a, className: r, onClick: o });
+        return R9({ width: e, height: t, color: o, className: r, onClick: a });
       case "docs":
-        return H9({ width: e, height: t, color: a, className: r, onClick: o });
+        return H9({ width: e, height: t, color: o, className: r, onClick: a });
       case "unpaidLeave":
-        return _9({ width: e, height: t, color: a, className: r, onClick: o });
+        return _9({ width: e, height: t, color: o, className: r, onClick: a });
       default:
         return /* @__PURE__ */ n($, { children: "No Icon provided" });
     }
@@ -5349,8 +5355,8 @@ const U2 = (l, e) => {
       overflow: "hidden",
       textOverflow: "clip"
     });
-    const a = h.scrollWidth > h.offsetWidth + 1;
-    Object.assign(h.style, d), i(a);
+    const o = h.scrollWidth > h.offsetWidth + 1;
+    Object.assign(h.style, d), i(o);
   }, [s]);
   return w1(() => {
     const h = s();
@@ -5374,29 +5380,31 @@ const U2 = (l, e) => {
     color: t,
     children: i,
     onClick: s,
-    collapsed: C,
-    whiteSpace: h = "normal",
+    whiteSpace: C,
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: d = !1
-  }, a) => {
+    trim: h = !1
+  }, d) => {
     const o = P(null);
-    g1(a, () => o.current);
-    const r = y9(o, { enabled: d }), p = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let w = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (w += ` snmt-typography-align-${l}`), C && (w += " collapsed");
-    const f = {
-      className: w,
-      style: { color: t, whiteSpace: d ? "nowrap" : h, display: d ? "block" : "" },
+    g1(d, () => o.current);
+    const a = y9(o, { enabled: h }), r = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`);
+    const w = {
+      className: f,
+      style: {
+        color: t,
+        whiteSpace: C
+      },
       onClick: s,
       ref: o,
-      ellipsis: d && r ? {
+      ellipsis: h && a ? {
         tooltip: {
           title: i,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return p ? /* @__PURE__ */ n(A9, { level: D9[e], ...f, children: i }) : /* @__PURE__ */ n(E9, { ...f, children: i });
+    return r ? /* @__PURE__ */ n(A9, { level: D9[e], ...w, children: i }) : /* @__PURE__ */ n(E9, { ...w, children: i });
   }
 ), G9 = ({
   children: l,
@@ -5407,7 +5415,7 @@ const U2 = (l, e) => {
   noPadding: C = !1,
   trigger: h = "click"
 }) => {
-  const [d, a] = E(!1);
+  const [d, o] = E(!1);
   return /* @__PURE__ */ n(
     H2,
     {
@@ -5417,8 +5425,8 @@ const U2 = (l, e) => {
       trigger: h,
       overlayClassName: `snmt-popover ${C ? "" : "padding"}`,
       open: t ?? d,
-      onOpenChange: (o) => {
-        a(o), i == null || i(o);
+      onOpenChange: (a) => {
+        o(a), i == null || i(a);
       },
       children: /* @__PURE__ */ n("div", { className: "wrapper", children: l })
     }
@@ -5440,8 +5448,8 @@ const U2 = (l, e) => {
       overflow: "hidden",
       textOverflow: "clip"
     });
-    const a = h.scrollWidth > h.offsetWidth + 1;
-    Object.assign(h.style, d), i(a);
+    const o = h.scrollWidth > h.offsetWidth + 1;
+    Object.assign(h.style, d), i(o);
   }, [s]);
   return w1(() => {
     const h = s();
@@ -5465,29 +5473,31 @@ const U2 = (l, e) => {
     color: t,
     children: i,
     onClick: s,
-    collapsed: C,
-    whiteSpace: h = "normal",
+    whiteSpace: C,
     /** This prop allows you to enable tooltip if text size is too big */
-    trim: d = !1
-  }, a) => {
+    trim: h = !1
+  }, d) => {
     const o = P(null);
-    g1(a, () => o.current);
-    const r = B9(o, { enabled: d }), p = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let w = `snmt-typography snmt-typography-${e}`;
-    l && l !== "inherit" && (w += ` snmt-typography-align-${l}`), C && (w += " collapsed");
-    const f = {
-      className: w,
-      style: { color: t, whiteSpace: d ? "nowrap" : h, display: d ? "block" : "" },
+    g1(d, () => o.current);
+    const a = B9(o, { enabled: h }), r = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let f = `snmt-typography snmt-typography-${e}`;
+    l && l !== "inherit" && (f += ` snmt-typography-align-${l}`);
+    const w = {
+      className: f,
+      style: {
+        color: t,
+        whiteSpace: C
+      },
       onClick: s,
       ref: o,
-      ellipsis: d && r ? {
+      ellipsis: h && a ? {
         tooltip: {
           title: i,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return p ? /* @__PURE__ */ n(S9, { level: O9[e], ...f, children: i }) : /* @__PURE__ */ n(Y9, { ...f, children: i });
+    return r ? /* @__PURE__ */ n(S9, { level: O9[e], ...w, children: i }) : /* @__PURE__ */ n(Y9, { ...w, children: i });
   }
 ), I9 = ({
   width: l = 20,
@@ -7753,159 +7763,159 @@ const U2 = (l, e) => {
   disabled: C = !1,
   onClick: h
 }) => {
-  const { theme: d } = T(Q), a = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, o = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
+  const { theme: d } = T(Q), o = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, a = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
   return /* @__PURE__ */ n($, { children: (() => {
     switch (l) {
       case "arrow1Down":
-        return I9({ width: e, height: t, color: a, className: r, onClick: o });
+        return I9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Up":
-        return $9({ width: e, height: t, color: a, className: r, onClick: o });
+        return $9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Right":
-        return P9({ width: e, height: t, color: a, className: r, onClick: o });
+        return P9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Left":
-        return T9({ width: e, height: t, color: a, className: r, onClick: o });
+        return T9({ width: e, height: t, color: o, className: r, onClick: a });
       case "info":
-        return j9({ width: e, height: t, color: a, className: r, onClick: o });
+        return j9({ width: e, height: t, color: o, className: r, onClick: a });
       case "archive":
-        return J9({ width: e, height: t, color: a, className: r, onClick: o });
+        return J9({ width: e, height: t, color: o, className: r, onClick: a });
       case "unarchive":
-        return Q9({ width: e, height: t, color: a, className: r, onClick: o });
+        return Q9({ width: e, height: t, color: o, className: r, onClick: a });
       case "calendar":
-        return q9({ width: e, height: t, color: a, className: r, onClick: o });
+        return q9({ width: e, height: t, color: o, className: r, onClick: a });
       case "check":
-        return X9({ width: e, height: t, color: a, className: r, onClick: o });
+        return X9({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancel":
-        return e0({ width: e, height: t, color: a, className: r, onClick: o });
+        return e0({ width: e, height: t, color: o, className: r, onClick: a });
       case "add":
-        return t0({ width: e, height: t, color: a, className: r, onClick: o });
+        return t0({ width: e, height: t, color: o, className: r, onClick: a });
       case "list":
-        return i0({ width: e, height: t, color: a, className: r, onClick: o });
+        return i0({ width: e, height: t, color: o, className: r, onClick: a });
       case "dragAndDrop":
-        return l0({ width: e, height: t, color: a, className: r, onClick: o });
+        return l0({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter1":
-        return s0({ width: e, height: t, color: a, className: r, onClick: o });
+        return s0({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter2":
-        return y0({ width: e, height: t, color: a, className: r, onClick: o });
+        return y0({ width: e, height: t, color: o, className: r, onClick: a });
       case "attention":
-        return n0({ width: e, height: t, color: a, className: r, onClick: o });
+        return n0({ width: e, height: t, color: o, className: r, onClick: a });
       case "users":
-        return o0({ width: e, height: t, color: a, className: r, onClick: o });
+        return o0({ width: e, height: t, color: o, className: r, onClick: a });
       case "mySkillsMatrix":
         return a0({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "skills":
-        return r0({ width: e, height: t, color: a, className: r, onClick: o });
+        return r0({ width: e, height: t, color: o, className: r, onClick: a });
       case "skillsMatrices":
         return C0({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "history":
-        return h0({ width: e, height: t, color: a, className: r, onClick: o });
+        return h0({ width: e, height: t, color: o, className: r, onClick: a });
       case "logOut":
-        return c0({ width: e, height: t, color: a, className: r, onClick: o });
+        return c0({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings":
-        return d0({ width: e, height: t, color: a, className: r, onClick: o });
+        return d0({ width: e, height: t, color: o, className: r, onClick: a });
       case "trash":
-        return g0({ width: e, height: t, color: a, className: r, onClick: o });
+        return g0({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings2":
-        return w0({ width: e, height: t, color: a, className: r, onClick: o });
+        return w0({ width: e, height: t, color: o, className: r, onClick: a });
       case "checkCircle":
-        return f0({ width: e, height: t, color: a, className: r, onClick: o });
+        return f0({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancelCircle":
-        return p0({ width: e, height: t, color: a, className: r, onClick: o });
+        return p0({ width: e, height: t, color: o, className: r, onClick: a });
       case "visibilityIcon":
         return u0({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "visibilityOffIcon":
         return L0({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "sortUp":
-        return m0({ width: e, height: t, color: a, className: r, onClick: o });
+        return m0({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDown":
-        return v0({ width: e, height: t, color: a, className: r, onClick: o });
+        return v0({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDouble":
-        return k0({ width: e, height: t, color: a, className: r, onClick: o });
+        return k0({ width: e, height: t, color: o, className: r, onClick: a });
       case "search":
-        return N0({ width: e, height: t, color: a, className: r, onClick: o });
+        return N0({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowUpFilled":
-        return x0({ width: e, height: t, color: a, className: r, onClick: o });
+        return x0({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowDownFilled":
-        return M0({ width: e, height: t, color: a, className: r, onClick: o });
+        return M0({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Up":
-        return F9({ width: e, height: t, color: a, className: r, onClick: o });
+        return F9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Right":
-        return U9({ width: e, height: t, color: a, className: r, onClick: o });
+        return U9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Down":
-        return W9({ width: e, height: t, color: a, className: r, onClick: o });
+        return W9({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Left":
-        return z9({ width: e, height: t, color: a, className: r, onClick: o });
+        return z9({ width: e, height: t, color: o, className: r, onClick: a });
       case "link":
-        return Z0({ width: e, height: t, color: a, className: r, onClick: o });
+        return Z0({ width: e, height: t, color: o, className: r, onClick: a });
       case "telegram":
-        return R0({ width: e, height: t, color: a, className: r, onClick: o });
+        return R0({ width: e, height: t, color: o, className: r, onClick: a });
       case "mail":
-        return _0({ width: e, height: t, color: a, className: r, onClick: o });
+        return _0({ width: e, height: t, color: o, className: r, onClick: a });
       case "github":
-        return V0({ width: e, height: t, color: a, className: r, onClick: o });
+        return V0({ width: e, height: t, color: o, className: r, onClick: a });
       case "linkedIn":
-        return H0({ width: e, height: t, color: a, className: r, onClick: o });
+        return H0({ width: e, height: t, color: o, className: r, onClick: a });
       case "emptyStateIcon":
-        return b0({ width: e, height: t, color: a, className: r, onClick: o });
+        return b0({ width: e, height: t, color: o, className: r, onClick: a });
       case "dotMenuIcon":
-        return A0({ width: e, height: t, color: a, className: r, onClick: o });
+        return A0({ width: e, height: t, color: o, className: r, onClick: a });
       case "plusCircle":
-        return E0({ width: e, height: t, color: a, className: r, onClick: o });
+        return E0({ width: e, height: t, color: o, className: r, onClick: a });
       case "warning":
-        return D0({ width: e, height: t, color: a, className: r, onClick: o });
+        return D0({ width: e, height: t, color: o, className: r, onClick: a });
       case "bell":
-        return K0({ width: e, height: t, color: a, className: r, onClick: o });
+        return K0({ width: e, height: t, color: o, className: r, onClick: a });
       case "copy":
-        return G0({ width: e, height: t, color: a, className: r, onClick: o });
+        return G0({ width: e, height: t, color: o, className: r, onClick: a });
       case "contract":
-        return B0({ width: e, height: t, color: a, className: r, onClick: o });
+        return B0({ width: e, height: t, color: o, className: r, onClick: a });
       case "resourceManager":
-        return S0({ width: e, height: t, color: a, className: r, onClick: o });
+        return S0({ width: e, height: t, color: o, className: r, onClick: a });
       case "image":
-        return Y0({ width: e, height: t, color: a, className: r, onClick: o });
+        return Y0({ width: e, height: t, color: o, className: r, onClick: a });
       case "edit":
-        return O0({ width: e, height: t, color: a, className: r, onClick: o });
+        return O0({ width: e, height: t, color: o, className: r, onClick: a });
       case "burgerMenu":
-        return I0({ width: e, height: t, color: a, className: r, onClick: o });
+        return I0({ width: e, height: t, color: o, className: r, onClick: a });
       case "refresh":
-        return $0({ width: e, height: t, color: a, className: r, onClick: o });
+        return $0({ width: e, height: t, color: o, className: r, onClick: a });
       case "projects":
-        return P0({ width: e, height: t, color: a, className: r, onClick: o });
+        return P0({ width: e, height: t, color: o, className: r, onClick: a });
       case "user":
-        return j0({ width: e, height: t, color: a, className: r, onClick: o });
+        return j0({ width: e, height: t, color: o, className: r, onClick: a });
       case "exit":
-        return T0({ width: e, height: t, color: a, className: r, onClick: o });
+        return T0({ width: e, height: t, color: o, className: r, onClick: a });
       case "status":
-        return F0({ width: e, height: t, color: a, className: r, onClick: o });
+        return F0({ width: e, height: t, color: o, className: r, onClick: a });
       case "community":
-        return U0({ width: e, height: t, color: a, className: r, onClick: o });
+        return U0({ width: e, height: t, color: o, className: r, onClick: a });
       case "docs":
-        return W0({ width: e, height: t, color: a, className: r, onClick: o });
+        return W0({ width: e, height: t, color: o, className: r, onClick: a });
       case "unpaidLeave":
-        return z0({ width: e, height: t, color: a, className: r, onClick: o });
+        return z0({ width: e, height: t, color: o, className: r, onClick: a });
       default:
         return /* @__PURE__ */ n($, { children: "No Icon provided" });
     }
@@ -8007,23 +8017,23 @@ const X0 = ({
   extraOptions: h,
   selectedItemVariant: d = "default"
 }) => {
-  const { locale: a } = T(Q), { t: o } = z2("common", { lng: a }), [r, p] = E(!1);
+  const { locale: o } = T(Q), { t: a } = z2("common", { lng: o }), [r, f] = E(!1);
   if (S(() => {
-    l.length || p(!1);
+    l.length || f(!1);
   }, [l]), !l.length)
     return null;
-  const w = (f) => {
+  const w = (p) => {
     var v, M;
-    return ((v = C == null ? void 0 : C.find((H) => H.value === f)) == null ? void 0 : v.label) || ((M = h == null ? void 0 : h.find((H) => H.value === f)) == null ? void 0 : M.label) || f;
+    return ((v = C == null ? void 0 : C.find((H) => H.value === p)) == null ? void 0 : v.label) || ((M = h == null ? void 0 : h.find((H) => H.value === p)) == null ? void 0 : M.label) || p;
   };
   return /* @__PURE__ */ g(
     G9,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ n(C1, { gap: 6, flexWrap: "wrap", children: l.map(({ value: f }) => {
+        /* @__PURE__ */ n("div", { style: { maxWidth: t - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ n(C1, { gap: 6, flexWrap: "wrap", children: l.map(({ value: p }) => {
           const v = d === "badge" && C.find(
-            (M) => M.label === w(f)
+            (M) => M.label === w(p)
           );
           return d === "badge" ? /* @__PURE__ */ n(
             o2,
@@ -8031,28 +8041,28 @@ const X0 = ({
               variant: "regular",
               size: "small",
               color: v ? v.color : void 0,
-              text: w(f)
+              text: w(p)
             },
-            f
+            p
           ) : /* @__PURE__ */ n(
             s2,
             {
-              onClose: () => e(f),
+              onClose: () => e(p),
               closable: i,
               disabled: s,
-              children: w(f)
+              children: w(p)
             },
-            f
+            p
           );
         }) }) })
       ),
       placement: "bottomRight",
       isOpen: r,
-      setIsOpen: p,
+      setIsOpen: f,
       children: [
         l.length,
         " ",
-        o("more")
+        a("more")
       ]
     }
   );
@@ -10332,159 +10342,159 @@ const X0 = ({
   disabled: C = !1,
   onClick: h
 }) => {
-  const { theme: d } = T(Q), a = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, o = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
+  const { theme: d } = T(Q), o = C ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : i, a = C ? void 0 : h, r = h && !C ? `${s || ""} clickable` : s;
   return /* @__PURE__ */ n($, { children: (() => {
     switch (l) {
       case "arrow1Down":
-        return t4({ width: e, height: t, color: a, className: r, onClick: o });
+        return t4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Up":
-        return i4({ width: e, height: t, color: a, className: r, onClick: o });
+        return i4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Right":
-        return l4({ width: e, height: t, color: a, className: r, onClick: o });
+        return l4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow1Left":
-        return s4({ width: e, height: t, color: a, className: r, onClick: o });
+        return s4({ width: e, height: t, color: o, className: r, onClick: a });
       case "info":
-        return n4({ width: e, height: t, color: a, className: r, onClick: o });
+        return n4({ width: e, height: t, color: o, className: r, onClick: a });
       case "archive":
-        return h4({ width: e, height: t, color: a, className: r, onClick: o });
+        return h4({ width: e, height: t, color: o, className: r, onClick: a });
       case "unarchive":
-        return c4({ width: e, height: t, color: a, className: r, onClick: o });
+        return c4({ width: e, height: t, color: o, className: r, onClick: a });
       case "calendar":
-        return d4({ width: e, height: t, color: a, className: r, onClick: o });
+        return d4({ width: e, height: t, color: o, className: r, onClick: a });
       case "check":
-        return g4({ width: e, height: t, color: a, className: r, onClick: o });
+        return g4({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancel":
-        return w4({ width: e, height: t, color: a, className: r, onClick: o });
+        return w4({ width: e, height: t, color: o, className: r, onClick: a });
       case "add":
-        return f4({ width: e, height: t, color: a, className: r, onClick: o });
+        return f4({ width: e, height: t, color: o, className: r, onClick: a });
       case "list":
-        return p4({ width: e, height: t, color: a, className: r, onClick: o });
+        return p4({ width: e, height: t, color: o, className: r, onClick: a });
       case "dragAndDrop":
-        return u4({ width: e, height: t, color: a, className: r, onClick: o });
+        return u4({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter1":
-        return L4({ width: e, height: t, color: a, className: r, onClick: o });
+        return L4({ width: e, height: t, color: o, className: r, onClick: a });
       case "filter2":
-        return j4({ width: e, height: t, color: a, className: r, onClick: o });
+        return j4({ width: e, height: t, color: o, className: r, onClick: a });
       case "attention":
-        return m4({ width: e, height: t, color: a, className: r, onClick: o });
+        return m4({ width: e, height: t, color: o, className: r, onClick: a });
       case "users":
-        return v4({ width: e, height: t, color: a, className: r, onClick: o });
+        return v4({ width: e, height: t, color: o, className: r, onClick: a });
       case "mySkillsMatrix":
         return k4({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "skills":
-        return N4({ width: e, height: t, color: a, className: r, onClick: o });
+        return N4({ width: e, height: t, color: o, className: r, onClick: a });
       case "skillsMatrices":
         return M4({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "history":
-        return x4({ width: e, height: t, color: a, className: r, onClick: o });
+        return x4({ width: e, height: t, color: o, className: r, onClick: a });
       case "logOut":
-        return Z4({ width: e, height: t, color: a, className: r, onClick: o });
+        return Z4({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings":
-        return V4({ width: e, height: t, color: a, className: r, onClick: o });
+        return V4({ width: e, height: t, color: o, className: r, onClick: a });
       case "trash":
-        return R4({ width: e, height: t, color: a, className: r, onClick: o });
+        return R4({ width: e, height: t, color: o, className: r, onClick: a });
       case "settings2":
-        return H4({ width: e, height: t, color: a, className: r, onClick: o });
+        return H4({ width: e, height: t, color: o, className: r, onClick: a });
       case "checkCircle":
-        return _4({ width: e, height: t, color: a, className: r, onClick: o });
+        return _4({ width: e, height: t, color: o, className: r, onClick: a });
       case "cancelCircle":
-        return b4({ width: e, height: t, color: a, className: r, onClick: o });
+        return b4({ width: e, height: t, color: o, className: r, onClick: a });
       case "visibilityIcon":
         return y4({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "visibilityOffIcon":
         return A4({
           width: e,
           height: t,
-          color: a,
+          color: o,
           className: r,
-          onClick: o
+          onClick: a
         });
       case "sortUp":
-        return E4({ width: e, height: t, color: a, className: r, onClick: o });
+        return E4({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDown":
-        return D4({ width: e, height: t, color: a, className: r, onClick: o });
+        return D4({ width: e, height: t, color: o, className: r, onClick: a });
       case "sortDouble":
-        return K4({ width: e, height: t, color: a, className: r, onClick: o });
+        return K4({ width: e, height: t, color: o, className: r, onClick: a });
       case "search":
-        return G4({ width: e, height: t, color: a, className: r, onClick: o });
+        return G4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowUpFilled":
-        return S4({ width: e, height: t, color: a, className: r, onClick: o });
+        return S4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrowDownFilled":
-        return B4({ width: e, height: t, color: a, className: r, onClick: o });
+        return B4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Up":
-        return o4({ width: e, height: t, color: a, className: r, onClick: o });
+        return o4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Right":
-        return a4({ width: e, height: t, color: a, className: r, onClick: o });
+        return a4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Down":
-        return r4({ width: e, height: t, color: a, className: r, onClick: o });
+        return r4({ width: e, height: t, color: o, className: r, onClick: a });
       case "arrow2Left":
-        return C4({ width: e, height: t, color: a, className: r, onClick: o });
+        return C4({ width: e, height: t, color: o, className: r, onClick: a });
       case "link":
-        return Y4({ width: e, height: t, color: a, className: r, onClick: o });
+        return Y4({ width: e, height: t, color: o, className: r, onClick: a });
       case "telegram":
-        return I4({ width: e, height: t, color: a, className: r, onClick: o });
+        return I4({ width: e, height: t, color: o, className: r, onClick: a });
       case "mail":
-        return P4({ width: e, height: t, color: a, className: r, onClick: o });
+        return P4({ width: e, height: t, color: o, className: r, onClick: a });
       case "github":
-        return O4({ width: e, height: t, color: a, className: r, onClick: o });
+        return O4({ width: e, height: t, color: o, className: r, onClick: a });
       case "linkedIn":
-        return $4({ width: e, height: t, color: a, className: r, onClick: o });
+        return $4({ width: e, height: t, color: o, className: r, onClick: a });
       case "emptyStateIcon":
-        return T4({ width: e, height: t, color: a, className: r, onClick: o });
+        return T4({ width: e, height: t, color: o, className: r, onClick: a });
       case "dotMenuIcon":
-        return F4({ width: e, height: t, color: a, className: r, onClick: o });
+        return F4({ width: e, height: t, color: o, className: r, onClick: a });
       case "plusCircle":
-        return U4({ width: e, height: t, color: a, className: r, onClick: o });
+        return U4({ width: e, height: t, color: o, className: r, onClick: a });
       case "warning":
-        return W4({ width: e, height: t, color: a, className: r, onClick: o });
+        return W4({ width: e, height: t, color: o, className: r, onClick: a });
       case "bell":
-        return z4({ width: e, height: t, color: a, className: r, onClick: o });
+        return z4({ width: e, height: t, color: o, className: r, onClick: a });
       case "copy":
-        return J4({ width: e, height: t, color: a, className: r, onClick: o });
+        return J4({ width: e, height: t, color: o, className: r, onClick: a });
       case "contract":
-        return Q4({ width: e, height: t, color: a, className: r, onClick: o });
+        return Q4({ width: e, height: t, color: o, className: r, onClick: a });
       case "resourceManager":
-        return q4({ width: e, height: t, color: a, className: r, onClick: o });
+        return q4({ width: e, height: t, color: o, className: r, onClick: a });
       case "image":
-        return X4({ width: e, height: t, color: a, className: r, onClick: o });
+        return X4({ width: e, height: t, color: o, className: r, onClick: a });
       case "edit":
-        return e6({ width: e, height: t, color: a, className: r, onClick: o });
+        return e6({ width: e, height: t, color: o, className: r, onClick: a });
       case "burgerMenu":
-        return t6({ width: e, height: t, color: a, className: r, onClick: o });
+        return t6({ width: e, height: t, color: o, className: r, onClick: a });
       case "refresh":
-        return i6({ width: e, height: t, color: a, className: r, onClick: o });
+        return i6({ width: e, height: t, color: o, className: r, onClick: a });
       case "projects":
-        return l6({ width: e, height: t, color: a, className: r, onClick: o });
+        return l6({ width: e, height: t, color: o, className: r, onClick: a });
       case "user":
-        return n6({ width: e, height: t, color: a, className: r, onClick: o });
+        return n6({ width: e, height: t, color: o, className: r, onClick: a });
       case "exit":
-        return s6({ width: e, height: t, color: a, className: r, onClick: o });
+        return s6({ width: e, height: t, color: o, className: r, onClick: a });
       case "status":
-        return o6({ width: e, height: t, color: a, className: r, onClick: o });
+        return o6({ width: e, height: t, color: o, className: r, onClick: a });
       case "community":
-        return a6({ width: e, height: t, color: a, className: r, onClick: o });
+        return a6({ width: e, height: t, color: o, className: r, onClick: a });
       case "docs":
-        return r6({ width: e, height: t, color: a, className: r, onClick: o });
+        return r6({ width: e, height: t, color: o, className: r, onClick: a });
       case "unpaidLeave":
-        return C6({ width: e, height: t, color: a, className: r, onClick: o });
+        return C6({ width: e, height: t, color: o, className: r, onClick: a });
       default:
         return /* @__PURE__ */ n($, { children: "No Icon provided" });
     }
@@ -10528,12 +10538,12 @@ const w6 = q((l, e) => {
     mode: C,
     search: h = !1,
     options: d,
-    width: a,
-    disabled: o = !1,
+    width: o,
+    disabled: a = !1,
     required: r = !1,
-    clearable: p = !0,
+    clearable: f = !0,
     scrollThresholdValue: w = 50,
-    onSearchChange: f,
+    onSearchChange: p,
     onDropdownVisibleChange: v,
     onScrollToEnd: M,
     onPopupScroll: x,
@@ -10581,14 +10591,14 @@ const w6 = q((l, e) => {
     },
     [C, i, x1]
   ), p2 = A(() => {
-    if (!(m || o)) {
+    if (!(m || a)) {
       if (C) {
         e1([]);
         return;
       }
       e1("");
     }
-  }, [o, e1, C, m]), p1 = A(
+  }, [a, e1, C, m]), p1 = A(
     (L) => {
       const R = _.filter((y) => y !== L);
       e1(R), Y(R);
@@ -10621,7 +10631,7 @@ const w6 = q((l, e) => {
           values: L,
           onTagClose: p1,
           maxWidth: ((y = n1.current) == null ? void 0 : y.clientWidth) || 0,
-          disabled: o,
+          disabled: a,
           closable: !m,
           options: d,
           extraOptions: Z,
@@ -10629,7 +10639,7 @@ const w6 = q((l, e) => {
         }
       );
     },
-    [o, Z, p1, d, m]
+    [a, Z, p1, d, m]
   ), v2 = A(
     ({ label: L, value: R, mode: y }) => {
       if (y === "filter")
@@ -10644,10 +10654,10 @@ const w6 = q((l, e) => {
             color: o1 ? o1.color : "cyan",
             text: t1
           }
-        ) : /* @__PURE__ */ n(s2, { onClose: () => p1(R), disabled: o, children: t1 }) });
+        ) : /* @__PURE__ */ n(s2, { onClose: () => p1(R), disabled: a, children: t1 }) });
       }
     },
-    [o, Z1, p1, E1, G, d]
+    [a, Z1, p1, E1, G, d]
   ), D1 = Array.isArray(_) && _.length > 0 || !!_ && typeof _ == "string" && _.trim() !== "";
   return /* @__PURE__ */ g(
     "div",
@@ -10663,7 +10673,7 @@ const w6 = q((l, e) => {
                     ${X === "static" ? "snmt-select-static" : ""} 
                     ${B === "borderless" ? "snmt-select-borderless" : ""}`,
             ref: n1,
-            style: { width: a },
+            style: { width: o },
             children: [
               /* @__PURE__ */ n(
                 x2,
@@ -10675,11 +10685,11 @@ const w6 = q((l, e) => {
                   showSearch: !!h,
                   filterOption: h && g2,
                   onDropdownVisibleChange: d2,
-                  disabled: o,
+                  disabled: a,
                   value: _ || void 0,
                   labelRender: (L) => {
                     const R = Z1(L.value);
-                    return o ? /* @__PURE__ */ n("span", { style: { color: c.GREY_DARK_1 }, children: R }) : R;
+                    return a ? /* @__PURE__ */ n("span", { style: { color: c.GREY_DARK_1 }, children: R }) : R;
                   },
                   mode: f6(C, x1),
                   variant: B,
@@ -10689,7 +10699,7 @@ const w6 = q((l, e) => {
                   onMouseEnter: () => W(!0),
                   onMouseLeave: () => W(!1),
                   onSearch: (L) => {
-                    D(!L), f && f(L);
+                    D(!L), p && p(L);
                   },
                   onSelect: () => D(!0),
                   onDeselect: () => D(!0),
@@ -10699,18 +10709,18 @@ const w6 = q((l, e) => {
                   onPopupScroll: L2,
                   prefix: V && /* @__PURE__ */ n(O1, { size: "small" }),
                   suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: C !== "filter" && /* @__PURE__ */ g($, { children: [
-                    _ && !!_.length && p && /* @__PURE__ */ n(
+                    _ && !!_.length && f && /* @__PURE__ */ n(
                       "div",
                       {
                         onClick: p2,
                         style: {
-                          cursor: o ? "not-allowed" : "pointer"
+                          cursor: a ? "not-allowed" : "pointer"
                         },
                         children: /* @__PURE__ */ n(
                           a1,
                           {
                             name: "cancel",
-                            color: o ? c.GREY_DARK_1 : c.GREY_DARK_2
+                            color: a ? c.GREY_DARK_1 : c.GREY_DARK_2
                           }
                         )
                       }
@@ -10726,7 +10736,7 @@ const w6 = q((l, e) => {
                       a1,
                       {
                         name: "arrow2Down",
-                        color: o ? c.GREY_DARK_1 : c.GREY_DARK_2,
+                        color: a ? c.GREY_DARK_1 : c.GREY_DARK_2,
                         className: O ? "select-arrow-rotated" : "select-arrow",
                         onClick: () => f1(!O)
                       }
@@ -10765,14 +10775,14 @@ const w6 = q((l, e) => {
               s && B !== "borderless" && /* @__PURE__ */ n(
                 "label",
                 {
-                  className: `${U || D1 ? "label-floating" : ""} ${o ? "label-disabled" : ""} ${U ? "label-focused" : ""} ${V ? "label-loading" : ""} ${k ? "label-error" : ""}`,
+                  className: `${U || D1 ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${U ? "label-focused" : ""} ${V ? "label-loading" : ""} ${k ? "label-error" : ""}`,
                   children: r ? `${s}*` : s
                 }
               ),
               /* @__PURE__ */ n(
                 "fieldset",
                 {
-                  className: `${U ? "fieldset-focused" : ""} ${o ? "fieldset-disabled" : ""} ${D1 ? "fieldset-filled" : ""} ${k ? "fieldset-error" : ""} 
+                  className: `${U ? "fieldset-focused" : ""} ${a ? "fieldset-disabled" : ""} ${D1 ? "fieldset-filled" : ""} ${k ? "fieldset-error" : ""} 
                         ${F ? "fieldset-hovered" : ""}`,
                   children: /* @__PURE__ */ n("legend", { children: s && B !== "borderless" && /* @__PURE__ */ n("span", { children: r ? `${s}*` : s }) })
                 }
@@ -10897,11 +10907,11 @@ const M6 = [" ", ",", "?", "!", ";"], x6 = new N6(20), Z6 = (l, e, t) => {
     if (!s || typeof s != "object")
       return;
     let h, d = "";
-    for (let a = C; a < i.length; ++a)
-      if (a !== C && (d += t), d += i[a], h = s[d], h !== void 0) {
-        if (["string", "number", "boolean"].indexOf(typeof h) > -1 && a < i.length - 1)
+    for (let o = C; o < i.length; ++o)
+      if (o !== C && (d += t), d += i[o], h = s[d], h !== void 0) {
+        if (["string", "number", "boolean"].indexOf(typeof h) > -1 && o < i.length - 1)
           continue;
-        C += a - C + 1;
+        C += o - C + 1;
         break;
       }
     s = h;
@@ -10989,12 +10999,12 @@ class M1 {
     for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
       i[s - 1] = arguments[s];
     this.observers[e] && Array.from(this.observers[e].entries()).forEach((h) => {
-      let [d, a] = h;
-      for (let o = 0; o < a; o++)
+      let [d, o] = h;
+      for (let a = 0; a < o; a++)
         d(...i);
     }), this.observers["*"] && Array.from(this.observers["*"].entries()).forEach((h) => {
-      let [d, a] = h;
-      for (let o = 0; o < a; o++)
+      let [d, o] = h;
+      for (let a = 0; a < o; a++)
         d.apply(d, [e, ...i]);
     });
   }
@@ -11019,8 +11029,8 @@ class j1 extends M1 {
     const C = s.keySeparator !== void 0 ? s.keySeparator : this.options.keySeparator, h = s.ignoreJSONStructure !== void 0 ? s.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let d;
     e.indexOf(".") > -1 ? d = e.split(".") : (d = [e, t], i && (Array.isArray(i) ? d.push(...i) : N(i) && C ? d.push(...i.split(C)) : d.push(i)));
-    const a = m1(this.data, d);
-    return !a && !t && !i && e.indexOf(".") > -1 && (e = d[0], t = d[1], i = d.slice(2).join(".")), a || !h || !N(i) ? a : _1(this.data && this.data[e] && this.data[e][t], i, C);
+    const o = m1(this.data, d);
+    return !o && !t && !i && e.indexOf(".") > -1 && (e = d[0], t = d[1], i = d.slice(2).join(".")), o || !h || !N(i) ? o : _1(this.data && this.data[e] && this.data[e][t], i, C);
   }
   addResource(e, t, i, s) {
     let C = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -11046,11 +11056,11 @@ class j1 extends M1 {
       skipCopy: !1
     }, d = [e, t];
     e.indexOf(".") > -1 && (d = e.split("."), s = i, i = t, t = d[1]), this.addNamespaces(t);
-    let a = m1(this.data, d) || {};
-    h.skipCopy || (i = JSON.parse(JSON.stringify(i))), s ? a2(a, i, C) : a = {
-      ...a,
+    let o = m1(this.data, d) || {};
+    h.skipCopy || (i = JSON.parse(JSON.stringify(i))), s ? a2(o, i, C) : o = {
+      ...o,
       ...i
-    }, T1(this.data, d, a), h.silent || this.emit("added", e, t, i);
+    }, T1(this.data, d, o), h.silent || this.emit("added", e, t, i);
   }
   removeResourceBundle(e, t) {
     this.hasResourceBundle(e, t) && delete this.data[e][t], this.removeNamespaces(t), this.emit("removed", e, t);
@@ -11110,14 +11120,14 @@ class N1 extends M1 {
     let C = t.ns || this.options.defaultNS || [];
     const h = i && e.indexOf(i) > -1, d = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !Z6(e, i, s);
     if (h && !d) {
-      const a = e.match(this.interpolator.nestingRegexp);
-      if (a && a.length > 0)
+      const o = e.match(this.interpolator.nestingRegexp);
+      if (o && o.length > 0)
         return {
           key: e,
           namespaces: N(C) ? [C] : C
         };
-      const o = e.split(i);
-      (i !== s || i === s && this.options.ns.indexOf(o[0]) > -1) && (C = o.shift()), e = o.join(s);
+      const a = e.split(i);
+      (i !== s || i === s && this.options.ns.indexOf(a[0]) > -1) && (C = a.shift()), e = a.join(s);
     }
     return {
       key: e,
@@ -11132,42 +11142,42 @@ class N1 extends M1 {
     const s = t.returnDetails !== void 0 ? t.returnDetails : this.options.returnDetails, C = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator, {
       key: h,
       namespaces: d
-    } = this.extractFromKey(e[e.length - 1], t), a = d[d.length - 1], o = t.lng || this.language, r = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
-    if (o && o.toLowerCase() === "cimode") {
+    } = this.extractFromKey(e[e.length - 1], t), o = d[d.length - 1], a = t.lng || this.language, r = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
+    if (a && a.toLowerCase() === "cimode") {
       if (r) {
         const u = t.nsSeparator || this.options.nsSeparator;
         return s ? {
-          res: `${a}${u}${h}`,
+          res: `${o}${u}${h}`,
           usedKey: h,
           exactUsedKey: h,
-          usedLng: o,
-          usedNS: a,
+          usedLng: a,
+          usedNS: o,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${a}${u}${h}`;
+        } : `${o}${u}${h}`;
       }
       return s ? {
         res: h,
         usedKey: h,
         exactUsedKey: h,
-        usedLng: o,
-        usedNS: a,
+        usedLng: a,
+        usedNS: o,
         usedParams: this.getUsedParamsDetails(t)
       } : h;
     }
-    const p = this.resolve(e, t);
-    let w = p && p.res;
-    const f = p && p.usedKey || h, v = p && p.exactUsedKey || h, M = Object.prototype.toString.apply(w), x = ["[object Number]", "[object Function]", "[object RegExp]"], H = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, Z = !this.i18nFormat || this.i18nFormat.handleAsObject, b = !N(w) && typeof w != "boolean" && typeof w != "number";
+    const f = this.resolve(e, t);
+    let w = f && f.res;
+    const p = f && f.usedKey || h, v = f && f.exactUsedKey || h, M = Object.prototype.toString.apply(w), x = ["[object Number]", "[object Function]", "[object RegExp]"], H = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, Z = !this.i18nFormat || this.i18nFormat.handleAsObject, b = !N(w) && typeof w != "boolean" && typeof w != "number";
     if (Z && w && b && x.indexOf(M) < 0 && !(N(H) && Array.isArray(w))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const u = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(f, w, {
+        const u = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, w, {
           ...t,
           ns: d
         }) : `key '${h} (${this.language})' returned an object instead of string.`;
-        return s ? (p.res = u, p.usedParams = this.getUsedParamsDetails(t), p) : u;
+        return s ? (f.res = u, f.usedParams = this.getUsedParamsDetails(t), f) : u;
       }
       if (C) {
-        const u = Array.isArray(w), V = u ? [] : {}, m = u ? v : f;
+        const u = Array.isArray(w), V = u ? [] : {}, m = u ? v : p;
         for (const k in w)
           if (Object.prototype.hasOwnProperty.call(w, k)) {
             const G = `${m}${C}${k}`;
@@ -11183,13 +11193,13 @@ class N1 extends M1 {
       w = w.join(H), w && (w = this.extendTranslation(w, e, t, i));
     else {
       let u = !1, V = !1;
-      const m = t.count !== void 0 && !N(t.count), k = N1.hasDefaultValue(t), G = m ? this.pluralResolver.getSuffix(o, t.count, t) : "", B = t.ordinal && m ? this.pluralResolver.getSuffix(o, t.count, {
+      const m = t.count !== void 0 && !N(t.count), k = N1.hasDefaultValue(t), G = m ? this.pluralResolver.getSuffix(a, t.count, t) : "", B = t.ordinal && m ? this.pluralResolver.getSuffix(a, t.count, {
         ordinal: !1
       }) : "", X = m && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), O = X && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${G}`] || t[`defaultValue${B}`] || t.defaultValue;
       !this.isValidLookup(w) && k && (u = !0, w = O), this.isValidLookup(w) || (V = !0, w = h);
       const U = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && V ? void 0 : w, j = k && O !== w && this.options.updateMissing;
       if (V || u || j) {
-        if (this.logger.log(j ? "updateKey" : "missingKey", o, a, h, j ? O : w), C) {
+        if (this.logger.log(j ? "updateKey" : "missingKey", a, o, h, j ? O : w), C) {
           const D = this.resolve(h, {
             ...t,
             keySeparator: !1
@@ -11204,7 +11214,7 @@ class N1 extends M1 {
         else this.options.saveMissingTo === "all" ? F = this.languageUtils.toResolveHierarchy(t.lng || this.language) : F.push(t.lng || this.language);
         const s1 = (D, _, Y) => {
           const n1 = k && Y !== w ? Y : U;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(D, a, _, n1, j, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(D, a, _, n1, j, t), this.emit("missingKey", D, a, _, w);
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(D, o, _, n1, j, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(D, o, _, n1, j, t), this.emit("missingKey", D, o, _, w);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && m ? F.forEach((D) => {
           const _ = this.pluralResolver.getSuffixes(D, t);
@@ -11213,9 +11223,9 @@ class N1 extends M1 {
           });
         }) : s1(F, h, O));
       }
-      w = this.extendTranslation(w, e, t, p, i), V && w === h && this.options.appendNamespaceToMissingKey && (w = `${a}:${h}`), (V || u) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? w = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${a}:${h}` : h, u ? w : void 0) : w = this.options.parseMissingKeyHandler(w));
+      w = this.extendTranslation(w, e, t, f, i), V && w === h && this.options.appendNamespaceToMissingKey && (w = `${o}:${h}`), (V || u) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? w = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${o}:${h}` : h, u ? w : void 0) : w = this.options.parseMissingKeyHandler(w));
     }
-    return s ? (p.res = w, p.usedParams = this.getUsedParamsDetails(t), p) : w;
+    return s ? (f.res = w, f.usedParams = this.getUsedParamsDetails(t), f) : w;
   }
   extendTranslation(e, t, i, s, C) {
     var h = this;
@@ -11234,28 +11244,28 @@ class N1 extends M1 {
           ...i.interpolation
         }
       });
-      const o = N(e) && (i && i.interpolation && i.interpolation.skipOnVariables !== void 0 ? i.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
+      const a = N(e) && (i && i.interpolation && i.interpolation.skipOnVariables !== void 0 ? i.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
       let r;
-      if (o) {
+      if (a) {
         const w = e.match(this.interpolator.nestingRegexp);
         r = w && w.length;
       }
-      let p = i.replace && !N(i.replace) ? i.replace : i;
-      if (this.options.interpolation.defaultVariables && (p = {
+      let f = i.replace && !N(i.replace) ? i.replace : i;
+      if (this.options.interpolation.defaultVariables && (f = {
         ...this.options.interpolation.defaultVariables,
-        ...p
-      }), e = this.interpolator.interpolate(e, p, i.lng || this.language || s.usedLng, i), o) {
-        const w = e.match(this.interpolator.nestingRegexp), f = w && w.length;
-        r < f && (i.nest = !1);
+        ...f
+      }), e = this.interpolator.interpolate(e, f, i.lng || this.language || s.usedLng, i), a) {
+        const w = e.match(this.interpolator.nestingRegexp), p = w && w.length;
+        r < p && (i.nest = !1);
       }
       !i.lng && this.options.compatibilityAPI !== "v1" && s && s.res && (i.lng = this.language || s.usedLng), i.nest !== !1 && (e = this.interpolator.nest(e, function() {
-        for (var w = arguments.length, f = new Array(w), v = 0; v < w; v++)
-          f[v] = arguments[v];
-        return C && C[0] === f[0] && !i.context ? (h.logger.warn(`It seems you are nesting recursively key: ${f[0]} in key: ${t[0]}`), null) : h.translate(...f, t);
+        for (var w = arguments.length, p = new Array(w), v = 0; v < w; v++)
+          p[v] = arguments[v];
+        return C && C[0] === p[0] && !i.context ? (h.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : h.translate(...p, t);
       }, i)), i.interpolation && this.interpolator.reset();
     }
-    const d = i.postProcess || this.options.postProcess, a = N(d) ? [d] : d;
-    return e != null && a && a.length && i.applyPostProcessor !== !1 && (e = r2.handle(a, e, t, this.options && this.options.postProcessPassResolved ? {
+    const d = i.postProcess || this.options.postProcess, o = N(d) ? [d] : d;
+    return e != null && o && o.length && i.applyPostProcessor !== !1 && (e = r2.handle(o, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...s,
         usedParams: this.getUsedParamsDetails(i)
@@ -11265,14 +11275,14 @@ class N1 extends M1 {
   }
   resolve(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i, s, C, h, d;
-    return N(e) && (e = [e]), e.forEach((a) => {
+    return N(e) && (e = [e]), e.forEach((o) => {
       if (this.isValidLookup(i)) return;
-      const o = this.extractFromKey(a, t), r = o.key;
+      const a = this.extractFromKey(o, t), r = a.key;
       s = r;
-      let p = o.namespaces;
-      this.options.fallbackNS && (p = p.concat(this.options.fallbackNS));
-      const w = t.count !== void 0 && !N(t.count), f = w && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), v = t.context !== void 0 && (N(t.context) || typeof t.context == "number") && t.context !== "", M = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
-      p.forEach((x) => {
+      let f = a.namespaces;
+      this.options.fallbackNS && (f = f.concat(this.options.fallbackNS));
+      const w = t.count !== void 0 && !N(t.count), p = w && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), v = t.context !== void 0 && (N(t.context) || typeof t.context == "number") && t.context !== "", M = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      f.forEach((x) => {
         this.isValidLookup(i) || (d = x, !F1[`${M[0]}-${x}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(d) && (F1[`${M[0]}-${x}`] = !0, this.logger.warn(`key "${s}" for languages "${M.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!!!")), M.forEach((H) => {
           if (this.isValidLookup(i)) return;
           h = H;
@@ -11283,9 +11293,9 @@ class N1 extends M1 {
             let u;
             w && (u = this.pluralResolver.getSuffix(H, t.count, t));
             const V = `${this.options.pluralSeparator}zero`, m = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (w && (Z.push(r + u), t.ordinal && u.indexOf(m) === 0 && Z.push(r + u.replace(m, this.options.pluralSeparator)), f && Z.push(r + V)), v) {
+            if (w && (Z.push(r + u), t.ordinal && u.indexOf(m) === 0 && Z.push(r + u.replace(m, this.options.pluralSeparator)), p && Z.push(r + V)), v) {
               const k = `${r}${this.options.contextSeparator}${t.context}`;
-              Z.push(k), w && (Z.push(k + u), t.ordinal && u.indexOf(m) === 0 && Z.push(k + u.replace(m, this.options.pluralSeparator)), f && Z.push(k + V));
+              Z.push(k), w && (Z.push(k + u), t.ordinal && u.indexOf(m) === 0 && Z.push(k + u.replace(m, this.options.pluralSeparator)), p && Z.push(k + V));
             }
           }
           let b;
@@ -11559,8 +11569,8 @@ class A6 {
         });
       } catch {
         if (!e.match(/-|_/)) return;
-        const a = this.languageUtils.getLanguagePartFromCode(e);
-        h = this.getRule(a, t);
+        const o = this.languageUtils.getLanguagePartFromCode(e);
+        h = this.getRule(o, t);
       }
       return this.pluralRulesCache[C] = h, h;
     }
@@ -11617,19 +11627,19 @@ class E6 {
       prefix: C,
       prefixEscaped: h,
       suffix: d,
-      suffixEscaped: a,
-      formatSeparator: o,
+      suffixEscaped: o,
+      formatSeparator: a,
       unescapeSuffix: r,
-      unescapePrefix: p,
+      unescapePrefix: f,
       nestingPrefix: w,
-      nestingPrefixEscaped: f,
+      nestingPrefixEscaped: p,
       nestingSuffix: v,
       nestingSuffixEscaped: M,
       nestingOptionsSeparator: x,
       maxReplaces: H,
       alwaysFormat: Z
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : k6, this.escapeValue = i !== void 0 ? i : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = C ? i1(C) : h || "{{", this.suffix = d ? i1(d) : a || "}}", this.formatSeparator = o || ",", this.unescapePrefix = r ? "" : p || "-", this.unescapeSuffix = this.unescapePrefix ? "" : r || "", this.nestingPrefix = w ? i1(w) : f || i1("$t("), this.nestingSuffix = v ? i1(v) : M || i1(")"), this.nestingOptionsSeparator = x || ",", this.maxReplaces = H || 1e3, this.alwaysFormat = Z !== void 0 ? Z : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : k6, this.escapeValue = i !== void 0 ? i : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = C ? i1(C) : h || "{{", this.suffix = d ? i1(d) : o || "}}", this.formatSeparator = a || ",", this.unescapePrefix = r ? "" : f || "-", this.unescapeSuffix = this.unescapePrefix ? "" : r || "", this.nestingPrefix = w ? i1(w) : p || i1("$t("), this.nestingSuffix = v ? i1(v) : M || i1(")"), this.nestingOptionsSeparator = x || ",", this.maxReplaces = H || 1e3, this.alwaysFormat = Z !== void 0 ? Z : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -11640,83 +11650,83 @@ class E6 {
   }
   interpolate(e, t, i, s) {
     let C, h, d;
-    const a = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, o = (f) => {
-      if (f.indexOf(this.formatSeparator) < 0) {
-        const H = z1(t, a, f, this.options.keySeparator, this.options.ignoreJSONStructure);
+    const o = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, a = (p) => {
+      if (p.indexOf(this.formatSeparator) < 0) {
+        const H = z1(t, o, p, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(H, void 0, i, {
           ...s,
           ...t,
-          interpolationkey: f
+          interpolationkey: p
         }) : H;
       }
-      const v = f.split(this.formatSeparator), M = v.shift().trim(), x = v.join(this.formatSeparator).trim();
-      return this.format(z1(t, a, M, this.options.keySeparator, this.options.ignoreJSONStructure), x, i, {
+      const v = p.split(this.formatSeparator), M = v.shift().trim(), x = v.join(this.formatSeparator).trim();
+      return this.format(z1(t, o, M, this.options.keySeparator, this.options.ignoreJSONStructure), x, i, {
         ...s,
         ...t,
         interpolationkey: M
       });
     };
     this.resetRegExp();
-    const r = s && s.missingInterpolationHandler || this.options.missingInterpolationHandler, p = s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
+    const r = s && s.missingInterpolationHandler || this.options.missingInterpolationHandler, f = s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (f) => R1(f)
+      safeValue: (p) => R1(p)
     }, {
       regex: this.regexp,
-      safeValue: (f) => this.escapeValue ? R1(this.escape(f)) : R1(f)
-    }].forEach((f) => {
-      for (d = 0; C = f.regex.exec(e); ) {
+      safeValue: (p) => this.escapeValue ? R1(this.escape(p)) : R1(p)
+    }].forEach((p) => {
+      for (d = 0; C = p.regex.exec(e); ) {
         const v = C[1].trim();
-        if (h = o(v), h === void 0)
+        if (h = a(v), h === void 0)
           if (typeof r == "function") {
             const x = r(e, C, s);
             h = N(x) ? x : "";
           } else if (s && Object.prototype.hasOwnProperty.call(s, v))
             h = "";
-          else if (p) {
+          else if (f) {
             h = C[0];
             continue;
           } else
             this.logger.warn(`missed to pass in variable ${v} for interpolating ${e}`), h = "";
         else !N(h) && !this.useRawValueToEscape && (h = I1(h));
-        const M = f.safeValue(h);
-        if (e = e.replace(C[0], M), p ? (f.regex.lastIndex += h.length, f.regex.lastIndex -= C[0].length) : f.regex.lastIndex = 0, d++, d >= this.maxReplaces)
+        const M = p.safeValue(h);
+        if (e = e.replace(C[0], M), f ? (p.regex.lastIndex += h.length, p.regex.lastIndex -= C[0].length) : p.regex.lastIndex = 0, d++, d >= this.maxReplaces)
           break;
       }
     }), e;
   }
   nest(e, t) {
     let i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, s, C, h;
-    const d = (a, o) => {
+    const d = (o, a) => {
       const r = this.nestingOptionsSeparator;
-      if (a.indexOf(r) < 0) return a;
-      const p = a.split(new RegExp(`${r}[ ]*{`));
-      let w = `{${p[1]}`;
-      a = p[0], w = this.interpolate(w, h);
-      const f = w.match(/'/g), v = w.match(/"/g);
-      (f && f.length % 2 === 0 && !v || v.length % 2 !== 0) && (w = w.replace(/'/g, '"'));
+      if (o.indexOf(r) < 0) return o;
+      const f = o.split(new RegExp(`${r}[ ]*{`));
+      let w = `{${f[1]}`;
+      o = f[0], w = this.interpolate(w, h);
+      const p = w.match(/'/g), v = w.match(/"/g);
+      (p && p.length % 2 === 0 && !v || v.length % 2 !== 0) && (w = w.replace(/'/g, '"'));
       try {
-        h = JSON.parse(w), o && (h = {
-          ...o,
+        h = JSON.parse(w), a && (h = {
+          ...a,
           ...h
         });
       } catch (M) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${a}`, M), `${a}${r}${w}`;
+        return this.logger.warn(`failed parsing options string in nesting for key ${o}`, M), `${o}${r}${w}`;
       }
-      return h.defaultValue && h.defaultValue.indexOf(this.prefix) > -1 && delete h.defaultValue, a;
+      return h.defaultValue && h.defaultValue.indexOf(this.prefix) > -1 && delete h.defaultValue, o;
     };
     for (; s = this.nestingRegexp.exec(e); ) {
-      let a = [];
+      let o = [];
       h = {
         ...i
       }, h = h.replace && !N(h.replace) ? h.replace : h, h.applyPostProcessor = !1, delete h.defaultValue;
-      let o = !1;
+      let a = !1;
       if (s[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(s[1])) {
-        const r = s[1].split(this.formatSeparator).map((p) => p.trim());
-        s[1] = r.shift(), a = r, o = !0;
+        const r = s[1].split(this.formatSeparator).map((f) => f.trim());
+        s[1] = r.shift(), o = r, a = !0;
       }
       if (C = t(d.call(this, s[1].trim(), h), h), C && s[0] === e && !N(C)) return C;
-      N(C) || (C = I1(C)), C || (this.logger.warn(`missed to resolve ${s[1]} for nesting ${e}`), C = ""), o && (C = a.reduce((r, p) => this.format(r, p, i.lng, {
+      N(C) || (C = I1(C)), C || (this.logger.warn(`missed to resolve ${s[1]} for nesting ${e}`), C = ""), a && (C = o.reduce((r, f) => this.format(r, f, i.lng, {
         ...i,
         interpolationkey: s[1].trim()
       }), C.trim())), e = e.replace(s[0], C), this.regexp.lastIndex = 0;
@@ -11733,8 +11743,8 @@ const D6 = (l) => {
     const s = i[1].substring(0, i[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((h) => {
       if (h) {
-        const [d, ...a] = h.split(":"), o = a.join(":").trim().replace(/^'+|'+$/g, ""), r = d.trim();
-        t[r] || (t[r] = o), o === "false" && (t[r] = !1), o === "true" && (t[r] = !0), isNaN(o) || (t[r] = parseInt(o, 10));
+        const [d, ...o] = h.split(":"), a = o.join(":").trim().replace(/^'+|'+$/g, ""), r = d.trim();
+        t[r] || (t[r] = a), a === "false" && (t[r] = !1), a === "true" && (t[r] = !0), isNaN(a) || (t[r] = parseInt(a, 10));
       }
     });
   }
@@ -11808,19 +11818,19 @@ class K6 {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     const C = t.split(this.formatSeparator);
     if (C.length > 1 && C[0].indexOf("(") > 1 && C[0].indexOf(")") < 0 && C.find((d) => d.indexOf(")") > -1)) {
-      const d = C.findIndex((a) => a.indexOf(")") > -1);
+      const d = C.findIndex((o) => o.indexOf(")") > -1);
       C[0] = [C[0], ...C.splice(1, d)].join(this.formatSeparator);
     }
-    return C.reduce((d, a) => {
+    return C.reduce((d, o) => {
       const {
-        formatName: o,
+        formatName: a,
         formatOptions: r
-      } = D6(a);
-      if (this.formats[o]) {
-        let p = d;
+      } = D6(o);
+      if (this.formats[a]) {
+        let f = d;
         try {
-          const w = s && s.formatParams && s.formatParams[s.interpolationkey] || {}, f = w.locale || w.lng || s.locale || s.lng || i;
-          p = this.formats[o](d, f, {
+          const w = s && s.formatParams && s.formatParams[s.interpolationkey] || {}, p = w.locale || w.lng || s.locale || s.lng || i;
+          f = this.formats[a](d, p, {
             ...r,
             ...s,
             ...w
@@ -11828,9 +11838,9 @@ class K6 {
         } catch (w) {
           this.logger.warn(w);
         }
-        return p;
+        return f;
       } else
-        this.logger.warn(`there was no format function for ${o}`);
+        this.logger.warn(`there was no format function for ${a}`);
       return d;
     }, e);
   }
@@ -11844,13 +11854,13 @@ class B6 extends M1 {
     super(), this.backend = e, this.store = t, this.services = i, this.languageUtils = i.languageUtils, this.options = s, this.logger = I.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(i, s.backend, s);
   }
   queueLoad(e, t, i, s) {
-    const C = {}, h = {}, d = {}, a = {};
-    return e.forEach((o) => {
+    const C = {}, h = {}, d = {}, o = {};
+    return e.forEach((a) => {
       let r = !0;
-      t.forEach((p) => {
-        const w = `${o}|${p}`;
-        !i.reload && this.store.hasResourceBundle(o, p) ? this.state[w] = 2 : this.state[w] < 0 || (this.state[w] === 1 ? h[w] === void 0 && (h[w] = !0) : (this.state[w] = 1, r = !1, h[w] === void 0 && (h[w] = !0), C[w] === void 0 && (C[w] = !0), a[p] === void 0 && (a[p] = !0)));
-      }), r || (d[o] = !0);
+      t.forEach((f) => {
+        const w = `${a}|${f}`;
+        !i.reload && this.store.hasResourceBundle(a, f) ? this.state[w] = 2 : this.state[w] < 0 || (this.state[w] === 1 ? h[w] === void 0 && (h[w] = !0) : (this.state[w] = 1, r = !1, h[w] === void 0 && (h[w] = !0), C[w] === void 0 && (C[w] = !0), o[f] === void 0 && (o[f] = !0)));
+      }), r || (d[a] = !0);
     }), (Object.keys(C).length || Object.keys(h).length) && this.queue.push({
       pending: h,
       pendingCount: Object.keys(h).length,
@@ -11861,7 +11871,7 @@ class B6 extends M1 {
       toLoad: Object.keys(C),
       pending: Object.keys(h),
       toLoadLanguages: Object.keys(d),
-      toLoadNamespaces: Object.keys(a)
+      toLoadNamespaces: Object.keys(o)
     };
   }
   loaded(e, t, i) {
@@ -11870,15 +11880,15 @@ class B6 extends M1 {
       skipCopy: !0
     }), this.state[e] = t ? -1 : 2, t && i && (this.state[e] = 0);
     const d = {};
-    this.queue.forEach((a) => {
-      L6(a.loaded, [C], h), G6(a, e), t && a.errors.push(t), a.pendingCount === 0 && !a.done && (Object.keys(a.loaded).forEach((o) => {
-        d[o] || (d[o] = {});
-        const r = a.loaded[o];
-        r.length && r.forEach((p) => {
-          d[o][p] === void 0 && (d[o][p] = !0);
+    this.queue.forEach((o) => {
+      L6(o.loaded, [C], h), G6(o, e), t && o.errors.push(t), o.pendingCount === 0 && !o.done && (Object.keys(o.loaded).forEach((a) => {
+        d[a] || (d[a] = {});
+        const r = o.loaded[a];
+        r.length && r.forEach((f) => {
+          d[a][f] === void 0 && (d[a][f] = !0);
         });
-      }), a.done = !0, a.errors.length ? a.callback(a.errors) : a.callback());
-    }), this.emit("loaded", d), this.queue = this.queue.filter((a) => !a.done);
+      }), o.done = !0, o.errors.length ? o.callback(o.errors) : o.callback());
+    }), this.emit("loaded", d), this.queue = this.queue.filter((o) => !o.done);
   }
   read(e, t, i) {
     let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0, C = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : this.retryTimeout, h = arguments.length > 5 ? arguments[5] : void 0;
@@ -11895,29 +11905,29 @@ class B6 extends M1 {
       return;
     }
     this.readingCalls++;
-    const d = (o, r) => {
+    const d = (a, r) => {
       if (this.readingCalls--, this.waitingReads.length > 0) {
-        const p = this.waitingReads.shift();
-        this.read(p.lng, p.ns, p.fcName, p.tried, p.wait, p.callback);
+        const f = this.waitingReads.shift();
+        this.read(f.lng, f.ns, f.fcName, f.tried, f.wait, f.callback);
       }
-      if (o && r && s < this.maxRetries) {
+      if (a && r && s < this.maxRetries) {
         setTimeout(() => {
           this.read.call(this, e, t, i, s + 1, C * 2, h);
         }, C);
         return;
       }
-      h(o, r);
-    }, a = this.backend[i].bind(this.backend);
-    if (a.length === 2) {
+      h(a, r);
+    }, o = this.backend[i].bind(this.backend);
+    if (o.length === 2) {
       try {
-        const o = a(e, t);
-        o && typeof o.then == "function" ? o.then((r) => d(null, r)).catch(d) : d(null, o);
-      } catch (o) {
-        d(o);
+        const a = o(e, t);
+        a && typeof a.then == "function" ? a.then((r) => d(null, r)).catch(d) : d(null, a);
+      } catch (a) {
+        d(a);
       }
       return;
     }
-    return a(e, t, d);
+    return o(e, t, d);
   }
   prepareLoading(e, t) {
     let i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, s = arguments.length > 3 ? arguments[3] : void 0;
@@ -11955,19 +11965,19 @@ class B6 extends M1 {
     }
     if (!(i == null || i === "")) {
       if (this.backend && this.backend.create) {
-        const a = {
+        const o = {
           ...h,
           isUpdate: C
-        }, o = this.backend.create.bind(this.backend);
-        if (o.length < 6)
+        }, a = this.backend.create.bind(this.backend);
+        if (a.length < 6)
           try {
             let r;
-            o.length === 5 ? r = o(e, t, i, s, a) : r = o(e, t, i, s), r && typeof r.then == "function" ? r.then((p) => d(null, p)).catch(d) : d(null, r);
+            a.length === 5 ? r = a(e, t, i, s, o) : r = a(e, t, i, s), r && typeof r.then == "function" ? r.then((f) => d(null, f)).catch(d) : d(null, r);
           } catch (r) {
             d(r);
           }
         else
-          o(e, t, i, s, d, a);
+          a(e, t, i, s, d, o);
       }
       !e || !e[0] || this.store.addResource(e[0], t, i, s);
     }
@@ -12066,25 +12076,25 @@ class c1 extends M1 {
       this.modules.logger ? I.init(C(this.modules.logger), this.options) : I.init(null, this.options);
       let r;
       this.modules.formatter ? r = this.modules.formatter : typeof Intl < "u" && (r = K6);
-      const p = new U1(this.options);
+      const f = new U1(this.options);
       this.store = new j1(this.options.resources, this.options);
       const w = this.services;
-      w.logger = I, w.resourceStore = this.store, w.languageUtils = p, w.pluralResolver = new A6(p, {
+      w.logger = I, w.resourceStore = this.store, w.languageUtils = f, w.pluralResolver = new A6(f, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
       }), r && (!this.options.interpolation.format || this.options.interpolation.format === s.interpolation.format) && (w.formatter = C(r), w.formatter.init(w, this.options), this.options.interpolation.format = w.formatter.format.bind(w.formatter)), w.interpolator = new E6(this.options), w.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, w.backendConnector = new B6(C(this.modules.backend), w.resourceStore, w, this.options), w.backendConnector.on("*", function(f) {
+      }, w.backendConnector = new B6(C(this.modules.backend), w.resourceStore, w, this.options), w.backendConnector.on("*", function(p) {
         for (var v = arguments.length, M = new Array(v > 1 ? v - 1 : 0), x = 1; x < v; x++)
           M[x - 1] = arguments[x];
-        e.emit(f, ...M);
-      }), this.modules.languageDetector && (w.languageDetector = C(this.modules.languageDetector), w.languageDetector.init && w.languageDetector.init(w, this.options.detection, this.options)), this.modules.i18nFormat && (w.i18nFormat = C(this.modules.i18nFormat), w.i18nFormat.init && w.i18nFormat.init(this)), this.translator = new N1(this.services, this.options), this.translator.on("*", function(f) {
+        e.emit(p, ...M);
+      }), this.modules.languageDetector && (w.languageDetector = C(this.modules.languageDetector), w.languageDetector.init && w.languageDetector.init(w, this.options.detection, this.options)), this.modules.i18nFormat && (w.i18nFormat = C(this.modules.i18nFormat), w.i18nFormat.init && w.i18nFormat.init(this)), this.translator = new N1(this.services, this.options), this.translator.on("*", function(p) {
         for (var v = arguments.length, M = new Array(v > 1 ? v - 1 : 0), x = 1; x < v; x++)
           M[x - 1] = arguments[x];
-        e.emit(f, ...M);
-      }), this.modules.external.forEach((f) => {
-        f.init && f.init(this);
+        e.emit(p, ...M);
+      }), this.modules.external.forEach((p) => {
+        p.init && p.init(this);
       });
     }
     if (this.format = this.options.interpolation.format, i || (i = L1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
@@ -12100,14 +12110,14 @@ class c1 extends M1 {
         return e.store[r](...arguments), e;
       };
     });
-    const a = r1(), o = () => {
-      const r = (p, w) => {
-        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), a.resolve(w), i(p, w);
+    const o = r1(), a = () => {
+      const r = (f, w) => {
+        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), o.resolve(w), i(f, w);
       };
       if (this.languages && this.options.compatibilityAPI !== "v1" && !this.isInitialized) return r(null, this.t.bind(this));
       this.changeLanguage(this.options.lng, r);
     };
-    return this.options.resources || !this.options.initImmediate ? o() : setTimeout(o, 0), a;
+    return this.options.resources || !this.options.initImmediate ? a() : setTimeout(a, 0), o;
   }
   loadResources(e) {
     let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : L1;
@@ -12116,11 +12126,11 @@ class c1 extends M1 {
       if (s && s.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return i();
       const C = [], h = (d) => {
         if (!d || d === "cimode") return;
-        this.services.languageUtils.toResolveHierarchy(d).forEach((o) => {
-          o !== "cimode" && C.indexOf(o) < 0 && C.push(o);
+        this.services.languageUtils.toResolveHierarchy(d).forEach((a) => {
+          a !== "cimode" && C.indexOf(a) < 0 && C.push(a);
         });
       };
-      s ? h(s) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((a) => h(a)), this.options.preload && this.options.preload.forEach((d) => h(d)), this.services.backendConnector.load(C, this.options.ns, (d) => {
+      s ? h(s) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((o) => h(o)), this.options.preload && this.options.preload.forEach((d) => h(d)), this.services.backendConnector.load(C, this.options.ns, (d) => {
         !d && !this.resolvedLanguage && this.language && this.setResolvedLanguage(this.language), i(d);
       });
     } else
@@ -12152,19 +12162,19 @@ class c1 extends M1 {
     this.isLanguageChangingTo = e;
     const s = r1();
     this.emit("languageChanging", e);
-    const C = (a) => {
-      this.language = a, this.languages = this.services.languageUtils.toResolveHierarchy(a), this.resolvedLanguage = void 0, this.setResolvedLanguage(a);
-    }, h = (a, o) => {
-      o ? (C(o), this.translator.changeLanguage(o), this.isLanguageChangingTo = void 0, this.emit("languageChanged", o), this.logger.log("languageChanged", o)) : this.isLanguageChangingTo = void 0, s.resolve(function() {
+    const C = (o) => {
+      this.language = o, this.languages = this.services.languageUtils.toResolveHierarchy(o), this.resolvedLanguage = void 0, this.setResolvedLanguage(o);
+    }, h = (o, a) => {
+      a ? (C(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 i.t(...arguments);
-      }), t && t(a, function() {
+      }), t && t(o, function() {
         return i.t(...arguments);
       });
-    }, d = (a) => {
-      !e && !a && this.services.languageDetector && (a = []);
-      const o = N(a) ? a : this.services.languageUtils.getBestMatchFromCodes(a);
-      o && (this.language || C(o), this.translator.language || this.translator.changeLanguage(o), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(o)), this.loadResources(o, (r) => {
-        h(r, o);
+    }, d = (o) => {
+      !e && !o && this.services.languageDetector && (o = []);
+      const a = N(o) ? o : this.services.languageUtils.getBestMatchFromCodes(o);
+      a && (this.language || C(a), this.translator.language || this.translator.changeLanguage(a), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(a)), this.loadResources(a, (r) => {
+        h(r, a);
       });
     };
     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;
@@ -12172,19 +12182,19 @@ class c1 extends M1 {
   getFixedT(e, t, i) {
     var s = this;
     const C = function(h, d) {
-      let a;
+      let o;
       if (typeof d != "object") {
-        for (var o = arguments.length, r = new Array(o > 2 ? o - 2 : 0), p = 2; p < o; p++)
-          r[p - 2] = arguments[p];
-        a = s.options.overloadTranslationOptionHandler([h, d].concat(r));
+        for (var a = arguments.length, r = new Array(a > 2 ? a - 2 : 0), f = 2; f < a; f++)
+          r[f - 2] = arguments[f];
+        o = s.options.overloadTranslationOptionHandler([h, d].concat(r));
       } else
-        a = {
+        o = {
           ...d
         };
-      a.lng = a.lng || C.lng, a.lngs = a.lngs || C.lngs, a.ns = a.ns || C.ns, a.keyPrefix !== "" && (a.keyPrefix = a.keyPrefix || i || C.keyPrefix);
+      o.lng = o.lng || C.lng, o.lngs = o.lngs || C.lngs, o.ns = o.ns || C.ns, o.keyPrefix !== "" && (o.keyPrefix = o.keyPrefix || i || C.keyPrefix);
       const w = s.options.keySeparator || ".";
-      let f;
-      return a.keyPrefix && Array.isArray(h) ? f = h.map((v) => `${a.keyPrefix}${w}${v}`) : f = a.keyPrefix ? `${a.keyPrefix}${w}${h}` : h, s.t(f, a);
+      let p;
+      return o.keyPrefix && Array.isArray(h) ? p = h.map((v) => `${o.keyPrefix}${w}${v}`) : p = o.keyPrefix ? `${o.keyPrefix}${w}${h}` : h, s.t(p, o);
     };
     return N(e) ? C.lng = e : C.lngs = e, C.ns = t, C.keyPrefix = i, C;
   }
@@ -12205,9 +12215,9 @@ class c1 extends M1 {
       return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty", this.languages), !1;
     const i = t.lng || this.resolvedLanguage || this.languages[0], s = this.options ? this.options.fallbackLng : !1, C = this.languages[this.languages.length - 1];
     if (i.toLowerCase() === "cimode") return !0;
-    const h = (d, a) => {
-      const o = this.services.backendConnector.state[`${d}|${a}`];
-      return o === -1 || o === 0 || o === 2;
+    const h = (d, o) => {
+      const a = this.services.backendConnector.state[`${d}|${o}`];
+      return a === -1 || a === 0 || a === 2;
     };
     if (t.precheck) {
       const d = t.precheck(this, h);
@@ -12256,9 +12266,9 @@ class c1 extends M1 {
     }, C.services.utils = {
       hasLoadedNamespace: C.hasLoadedNamespace.bind(C)
     }, i && (C.store = new j1(this.store.data, s), C.services.resourceStore = C.store), C.translator = new N1(C.services, s), C.translator.on("*", function(d) {
-      for (var a = arguments.length, o = new Array(a > 1 ? a - 1 : 0), r = 1; r < a; r++)
-        o[r - 1] = arguments[r];
-      C.emit(d, ...o);
+      for (var o = arguments.length, a = new Array(o > 1 ? o - 1 : 0), r = 1; r < o; r++)
+        a[r - 1] = arguments[r];
+      C.emit(d, ...a);
     }), C.init(s, t), C.translator.options = s, C.translator.backendConnector.services.utils = {
       hasLoadedNamespace: C.hasLoadedNamespace.bind(C)
     }, C;
@@ -12323,9 +12333,9 @@ const C2 = (l, e) => () => {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const i = e.languages[0], s = e.options ? e.options.fallbackLng : !1, C = e.languages[e.languages.length - 1];
   if (i.toLowerCase() === "cimode") return !0;
-  const h = (d, a) => {
-    const o = e.services.backendConnector.state[`${d}|${a}`];
-    return o === -1 || o === 2;
+  const h = (d, o) => {
+    const a = e.services.backendConnector.state[`${d}|${o}`];
+    return a === -1 || a === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !h(e.isLanguageChangingTo, l) ? !1 : !!(e.hasResourceBundle(i, l) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || h(i, l) && (!s || h(C, l)));
 }, I6 = function(l, e) {
@@ -12420,12 +12430,12 @@ const e8 = (l, e) => {
     ...e
   }, {
     useSuspense: d,
-    keyPrefix: a
+    keyPrefix: o
   } = h;
-  let o = l;
-  o = J(o) ? [o] : o || ["translation"], C.reportNamespaces.addUsedNamespaces && C.reportNamespaces.addUsedNamespaces(o);
-  const r = (C.isInitialized || C.initializedStoreOnce) && o.every((u) => I6(u, C, h)), p = t8(C, e.lng || null, h.nsMode === "fallback" ? o : o[0], a), w = () => p, f = () => c2(C, e.lng || null, h.nsMode === "fallback" ? o : o[0], a), [v, M] = E(w);
-  let x = o.join();
+  let a = l;
+  a = J(a) ? [a] : a || ["translation"], C.reportNamespaces.addUsedNamespaces && C.reportNamespaces.addUsedNamespaces(a);
+  const r = (C.isInitialized || C.initializedStoreOnce) && a.every((u) => I6(u, C, h)), f = t8(C, e.lng || null, h.nsMode === "fallback" ? a : a[0], o), w = () => f, p = () => c2(C, e.lng || null, h.nsMode === "fallback" ? a : a[0], o), [v, M] = E(w);
+  let x = a.join();
   e.lng && (x = `${e.lng}${x}`);
   const H = e8(x), Z = P(!0);
   S(() => {
@@ -12433,24 +12443,24 @@ const e8 = (l, e) => {
       bindI18n: u,
       bindI18nStore: V
     } = h;
-    Z.current = !0, !r && !d && (e.lng ? e2(C, e.lng, o, () => {
-      Z.current && M(f);
-    }) : X1(C, o, () => {
-      Z.current && M(f);
-    })), r && H && H !== x && Z.current && M(f);
+    Z.current = !0, !r && !d && (e.lng ? e2(C, e.lng, a, () => {
+      Z.current && M(p);
+    }) : X1(C, a, () => {
+      Z.current && M(p);
+    })), r && H && H !== x && Z.current && M(p);
     const m = () => {
-      Z.current && M(f);
+      Z.current && M(p);
     };
     return u && C && C.on(u, m), V && C && C.store.on(V, m), () => {
       Z.current = !1, u && C && u.split(" ").forEach((k) => C.off(k, m)), V && C && V.split(" ").forEach((k) => C.store.off(k, m));
     };
   }, [C, x]), S(() => {
     Z.current && r && M(w);
-  }, [C, a, r]);
+  }, [C, o, r]);
   const b = [v, C, r];
   if (b.t = v, b.i18n = C, b.ready = r, r || !r && !d) return b;
   throw new Promise((u) => {
-    e.lng ? e2(C, e.lng, o, () => u()) : X1(C, o, () => u());
+    e.lng ? e2(C, e.lng, a, () => u()) : X1(C, a, () => u());
   });
 }, l8 = "Country", s8 = {
   placeholder: l8
@@ -12479,10 +12489,10 @@ const g8 = q(
     id: C,
     disabled: h,
     required: d,
-    clearable: a,
-    error: o
+    clearable: o,
+    error: a
   }, r) => {
-    const [p, w] = E([]), [f, v] = E([]), [M, x] = E(!1), { locale: H, axiosPeople: Z } = T(Q);
+    const [f, w] = E([]), [p, v] = E([]), [M, x] = E(!1), { locale: H, axiosPeople: Z } = T(Q);
     if (!Z)
       throw new Error(
         `CountrySelect requires "axiosPeople" to fetch counties. 
@@ -12503,7 +12513,7 @@ const g8 = q(
       u();
     }, []), S(() => {
       if (e) {
-        const m = e.split("-")[1], k = f.filter(
+        const m = e.split("-")[1], k = p.filter(
           (G) => G.name.includes(m)
         );
         if (k.length) {
@@ -12514,13 +12524,13 @@ const g8 = q(
           i(G[0].value);
         }
       }
-    }, [e, f, i]), S(() => {
-      const m = f.map((k) => ({
+    }, [e, p, i]), S(() => {
+      const m = p.map((k) => ({
         label: k.name,
         value: k.name
       }));
       w(m);
-    }, [f]);
+    }, [p]);
     const V = (m) => {
       m === null ? (i(""), t && t("")) : (i(m), t && t(""));
     };
@@ -12533,12 +12543,12 @@ const g8 = q(
         value: s,
         ref: r,
         onChange: V,
-        options: p,
+        options: f,
         disabled: h,
         isLoading: M,
         required: d,
-        clearable: a,
-        error: o
+        clearable: o,
+        error: a
       }
     ) });
   }