npm - @snmt-react-ui/async-select - Versions diffs - 1.3.1 → 1.3.3 - Mend

@snmt-react-ui/async-select 1.3.1 → 1.3.3

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

Files changed (3) hide show

package/dist/async-select.js +585 -594
package/package.json +3 -3
package/dist/AsyncSelect.stories.d.ts +0 -6

package/dist/async-select.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import "./index.css";
 import { jsx as t, jsxs as c, Fragment as W } from "react/jsx-runtime";
-import { createContext as O, forwardRef as b, useState as v, useRef as e1, useEffect as R, useContext as q, useCallback as $ } from "react";
-import { Select as w1, Flex as k1, Avatar as g1, Checkbox as p1, Typography as o1, Tag as i1, Popover as L1 } from "antd";
+import { createContext as O, forwardRef as b, useState as u, useRef as e1, useEffect as R, useContext as q, useCallback as $ } from "react";
+import { Select as g1, Flex as p1, Avatar as L1, Checkbox as m1, Typography as o1, Tag as i1, Popover as u1 } from "antd";
 const K = ({
   children: i,
   direction: o = "row",
@@ -10,9 +10,9 @@ const K = ({
   justifyContent: r = "normal",
   flex: w,
   gap: g,
-  padding: s
+  padding: n
 }) => /* @__PURE__ */ t(
-  k1,
+  p1,
   {
     className: `snmt-flex${e === "inherit" ? " inherit" : ""}`,
     vertical: o === "column",
@@ -21,13 +21,13 @@ const K = ({
     justify: r,
     flex: w,
     gap: g,
-    style: { padding: s },
+    style: { padding: n },
     children: i
   }
-), m1 = ({ shape: i = "circle", size: o = 32, children: e, ...l }) => {
+), v1 = ({ shape: i = "circle", size: o = 32, children: e, ...l }) => {
   const r = typeof l.src == "string";
   return /* @__PURE__ */ t(
-    g1,
+    L1,
     {
       className: `snmt-avatar ${r ? "image" : ""}`,
       shape: i,
@@ -44,7 +44,7 @@ const t1 = O({
   theme: "light"
 });
 t1.Provider;
-const v1 = ({
+const N1 = ({
   checked: i = !0,
   indeterminate: o = !1,
   children: e,
@@ -52,32 +52,32 @@ const v1 = ({
   disabled: r = !1,
   disableUncheck: w = !1
 }) => {
-  const [g, s] = v(i), [p, k] = v(o);
+  const [g, n] = u(i), [p, k] = u(o);
   R(() => {
-    s(i), k(o);
+    n(i), k(o);
   }, [i, o]);
-  const { theme: n } = q(t1);
+  const { theme: s } = q(t1);
   return /* @__PURE__ */ t(
-    p1,
+    m1,
     {
-      className: `snmt-checkbox snmt-checkbox-${n}`,
+      className: `snmt-checkbox snmt-checkbox-${s}`,
       checked: g,
       indeterminate: p,
       onChange: (h) => {
-        w && g || (k(!1), s(h.target.checked), l && l(h));
+        w && g || (k(!1), n(h.target.checked), l && l(h));
       },
       disabled: r,
       children: e
     }
   );
 };
-var d = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(d || {});
+var a = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(a || {});
 const l1 = O({
   locale: "en",
   theme: "light"
 });
 l1.Provider;
-const u1 = ({
+const f1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -104,7 +104,7 @@ const u1 = ({
       }
     )
   }
-), N1 = ({
+), M1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -131,7 +131,7 @@ const u1 = ({
       }
     )
   }
-), f1 = ({
+), x1 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -159,7 +159,7 @@ const u1 = ({
       )
     ]
   }
-), M1 = ({
+), _1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -194,7 +194,7 @@ const u1 = ({
       )
     ]
   }
-), x1 = ({
+), R1 = ({
   width: i = 18,
   height: o = 18,
   color: e = "#001E52",
@@ -233,7 +233,7 @@ const u1 = ({
       )
     ]
   }
-), _1 = ({
+), H1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -259,7 +259,7 @@ const u1 = ({
       }
     )
   }
-), R1 = ({
+), V1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -280,7 +280,7 @@ const u1 = ({
       /* @__PURE__ */ t("path", { d: "M16 4L4 16", stroke: e, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), H1 = ({
+), E1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -312,7 +312,7 @@ const u1 = ({
       )
     ]
   }
-), V1 = ({
+), Z1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -366,7 +366,7 @@ const u1 = ({
       )
     ]
   }
-), E1 = ({
+), W1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -405,7 +405,7 @@ const u1 = ({
       /* @__PURE__ */ t("path", { d: "M3 12L17 12", stroke: e, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), Z1 = ({
+), I1 = ({
   width: i = 16,
   height: o = 12,
   color: e = "#001E52",
@@ -454,7 +454,7 @@ const u1 = ({
       )
     ] })
   }
-), W1 = ({
+), B1 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -488,7 +488,7 @@ const u1 = ({
       )
     ]
   }
-), I1 = ({
+), A1 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -527,7 +527,7 @@ const u1 = ({
       )
     ] })
   }
-), B1 = ({
+), G1 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -563,7 +563,7 @@ const u1 = ({
       )
     ]
   }
-), A1 = ({
+), D1 = ({
   width: i = 11,
   height: o = 32,
   color: e = "#001E52",
@@ -601,7 +601,7 @@ const u1 = ({
       /* @__PURE__ */ t("circle", { cx: "3", cy: "3", r: "3", fill: e })
     ]
   }
-), G1 = ({
+), j1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -648,7 +648,7 @@ const u1 = ({
       )
     ]
   }
-), D1 = ({
+), T1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -681,7 +681,7 @@ const u1 = ({
       )
     ]
   }
-), j1 = ({
+), y1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -728,7 +728,7 @@ const u1 = ({
       )
     ]
   }
-), T1 = ({
+), Y1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -761,7 +761,7 @@ const u1 = ({
       )
     ]
   }
-), y1 = ({
+), K1 = ({
   width: i = 18,
   height: o = 16,
   color: e = "#001E52",
@@ -800,7 +800,7 @@ const u1 = ({
       )
     ]
   }
-), Y1 = ({
+), O1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -833,7 +833,7 @@ const u1 = ({
       )
     ]
   }
-), K1 = ({
+), b1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -857,7 +857,7 @@ const u1 = ({
       }
     )
   }
-), O1 = ({
+), F1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -904,7 +904,7 @@ const u1 = ({
       )
     ]
   }
-), b1 = ({
+), S1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -937,7 +937,7 @@ const u1 = ({
       )
     ]
   }
-), F1 = ({
+), U1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -970,7 +970,7 @@ const u1 = ({
       )
     ]
   }
-), S1 = ({
+), P1 = ({
   width: i = 20,
   height: o = 23,
   color: e = "#001E52",
@@ -1031,7 +1031,7 @@ const u1 = ({
       )
     ]
   }
-), U1 = ({
+), $1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -1071,7 +1071,7 @@ const u1 = ({
       )
     ]
   }
-), P1 = ({
+), z1 = ({
   width: i = 32,
   height: o = 25,
   color: e = "#001E52",
@@ -1099,7 +1099,7 @@ const u1 = ({
       )
     ]
   }
-), $1 = ({
+), q1 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#10B981",
@@ -1128,7 +1128,7 @@ const u1 = ({
       )
     ]
   }
-), z1 = ({
+), J1 = ({
   width: i = 11,
   height: o = 11,
   color: e = "#FFB020",
@@ -1162,7 +1162,7 @@ const u1 = ({
       )
     ]
   }
-), q1 = ({
+), Q1 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#88A4FF",
@@ -1210,7 +1210,7 @@ const u1 = ({
       )
     ]
   }
-), J1 = ({
+), X1 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#8E8E93",
@@ -1238,7 +1238,7 @@ const u1 = ({
       )
     ]
   }
-), Q1 = ({
+), e2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#FFB020",
@@ -1272,7 +1272,7 @@ const u1 = ({
       )
     ]
   }
-), X1 = ({
+), o2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#D0421B",
@@ -1320,7 +1320,7 @@ const u1 = ({
       )
     ]
   }
-), e2 = ({
+), i2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -1350,7 +1350,7 @@ const u1 = ({
       /* @__PURE__ */ t("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), o2 = ({
+), t2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -1388,7 +1388,7 @@ const u1 = ({
       )
     ]
   }
-), i2 = ({
+), l2 = ({
   width: i = 9,
   height: o = 5,
   color: e = "#001E52",
@@ -1414,7 +1414,7 @@ const u1 = ({
       }
     )
   }
-), t2 = ({
+), r2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#F2F2F7",
@@ -1443,7 +1443,7 @@ const u1 = ({
       )
     ]
   }
-), l2 = ({
+), n2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#004ED7",
@@ -1472,7 +1472,7 @@ const u1 = ({
       )
     ]
   }
-), r2 = ({
+), s2 = ({
   width: i = 248,
   height: o = 248,
   color: e = "#070739",
@@ -1509,7 +1509,7 @@ const u1 = ({
       )
     ]
   }
-), s2 = ({
+), h2 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#001E52",
@@ -1548,7 +1548,7 @@ const u1 = ({
       )
     ]
   }
-), n2 = ({
+), c2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -1577,7 +1577,7 @@ const u1 = ({
       )
     ]
   }
-), h2 = ({
+), a2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -1614,10 +1614,10 @@ const u1 = ({
       )
     ]
   }
-), c2 = ({
+), d2 = ({
   width: i = 24,
   height: o = 24,
-  color: e = d.GREY_DARK_5,
+  color: e = a.GREY_DARK_5,
   className: l,
   onClick: r
 }) => /* @__PURE__ */ c(
@@ -1653,10 +1653,10 @@ const u1 = ({
       )
     ]
   }
-), a2 = ({
+), C2 = ({
   width: i = 20,
   height: o = 20,
-  color: e = d.GREY_DARK_1,
+  color: e = a.GREY_DARK_1,
   className: l,
   onClick: r
 }) => /* @__PURE__ */ c(
@@ -1686,10 +1686,10 @@ const u1 = ({
       )
     ]
   }
-), d2 = ({
+), w2 = ({
   width: i = 81,
   height: o = 80,
-  color: e = d.GREY_DARK_5,
+  color: e = a.GREY_DARK_5,
   className: l,
   onClick: r
 }) => /* @__PURE__ */ c(
@@ -1735,9 +1735,9 @@ const u1 = ({
       )
     ]
   }
-), C2 = ({
+), k2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -1762,9 +1762,9 @@ const u1 = ({
       }
     )
   }
-), w2 = ({
+), g2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -1789,9 +1789,9 @@ const u1 = ({
       }
     )
   }
-), k2 = ({
+), p2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 5,
   width: l = 10,
   onClick: r
@@ -1813,9 +1813,9 @@ const u1 = ({
       }
     )
   }
-), g2 = ({
+), L2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 5,
   width: l = 10,
   onClick: r
@@ -1838,9 +1838,9 @@ const u1 = ({
       }
     )
   }
-), p2 = ({
+), m2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -1877,9 +1877,9 @@ const u1 = ({
       )
     ]
   }
-), L2 = ({
+), u2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -1916,9 +1916,9 @@ const u1 = ({
       )
     ]
   }
-), m2 = ({
+), v2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -1943,9 +1943,9 @@ const u1 = ({
       }
     )
   }
-), v2 = ({
+), N2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2002,9 +2002,9 @@ const u1 = ({
       )
     ]
   }
-), u2 = ({
+), f2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2039,9 +2039,9 @@ const u1 = ({
       )
     ]
   }
-), N2 = ({
+), M2 = ({
   className: i,
-  color: o = d.GREY_DARK_3,
+  color: o = a.GREY_DARK_3,
   height: e = 14,
   width: l = 14,
   onClick: r
@@ -2076,9 +2076,9 @@ const u1 = ({
       )
     ]
   }
-), f2 = ({
+), x2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 18,
   onClick: l,
   width: r = 18
@@ -2103,9 +2103,9 @@ const u1 = ({
       }
     )
   }
-), M2 = ({
+), _2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2155,9 +2155,9 @@ const u1 = ({
       )
     ]
   }
-), x2 = ({
+), R2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2192,9 +2192,9 @@ const u1 = ({
       )
     ]
   }
-), _2 = ({
+), H2 = ({
   className: i,
-  color: o = d.NOTIFICATION_WARNING_DARK,
+  color: o = a.NOTIFICATION_WARNING_DARK,
   height: e = 37,
   width: l = 36,
   onClick: r
@@ -2231,9 +2231,9 @@ const u1 = ({
       )
     ]
   }
-), R2 = ({
+), V2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2257,9 +2257,9 @@ const u1 = ({
       }
     )
   }
-), H2 = ({
+), E2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2296,9 +2296,9 @@ const u1 = ({
       )
     ]
   }
-), V2 = ({
+), Z2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2335,9 +2335,9 @@ const u1 = ({
       )
     ]
   }
-), E2 = ({
+), W2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2404,9 +2404,9 @@ const u1 = ({
       )
     ]
   }
-), Z2 = ({
+), I2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2443,9 +2443,9 @@ const u1 = ({
       )
     ]
   }
-), W2 = ({
+), B2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2500,9 +2500,9 @@ const u1 = ({
       )
     ]
   }
-), I2 = ({
+), A2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2539,9 +2539,9 @@ const u1 = ({
       )
     ]
   }
-), B2 = ({
+), G2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2588,9 +2588,9 @@ const u1 = ({
       )
     ]
   }
-), A2 = ({
+), D2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2627,9 +2627,9 @@ const u1 = ({
       )
     ]
   }
-), G2 = ({
+), j2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2654,9 +2654,9 @@ const u1 = ({
       }
     )
   }
-), D2 = ({
+), T2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2692,9 +2692,9 @@ const u1 = ({
       )
     ]
   }
-), j2 = ({
+), y2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2713,9 +2713,9 @@ const u1 = ({
       /* @__PURE__ */ t("path", { d: "M12 8L4 8", stroke: o, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), T2 = ({
+), Y2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2752,9 +2752,9 @@ const u1 = ({
       )
     ]
   }
-), y2 = ({
+), K2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2791,9 +2791,9 @@ const u1 = ({
       )
     ]
   }
-), Y2 = ({
+), O2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -2830,9 +2830,9 @@ const u1 = ({
       )
     ]
   }
-), K2 = ({
+), b2 = ({
   className: i,
-  color: o = d.GREY_DARK_2,
+  color: o = a.GREY_DARK_2,
   height: e = 16,
   width: l = 16,
   onClick: r
@@ -2856,9 +2856,9 @@ const u1 = ({
       }
     )
   }
-), O2 = ({
+), F2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -2885,9 +2885,9 @@ const u1 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), b2 = ({
+), S2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -2914,9 +2914,9 @@ const u1 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), F2 = ({
+), U2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -2931,7 +2931,7 @@ const u1 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ t("rect", { width: "20", height: "20", rx: "4", fill: d.GREY_LIGHT_2 }),
+      /* @__PURE__ */ t("rect", { width: "20", height: "20", rx: "4", fill: a.GREY_LIGHT_2 }),
       /* @__PURE__ */ t(
         "path",
         {
@@ -2943,9 +2943,9 @@ const u1 = ({
       )
     ]
   }
-), S2 = ({
+), P2 = ({
   className: i,
-  color: o = d.GREY_DARK_5,
+  color: o = a.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -2960,7 +2960,7 @@ const u1 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ t("rect", { width: "20", height: "20", rx: "4", fill: d.GREY_LIGHT_2 }),
+      /* @__PURE__ */ t("rect", { width: "20", height: "20", rx: "4", fill: a.GREY_LIGHT_2 }),
       /* @__PURE__ */ t(
         "path",
         {
@@ -2972,7 +2972,7 @@ const u1 = ({
       )
     ]
   }
-), U2 = ({
+), $2 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -2998,7 +2998,7 @@ const u1 = ({
       }
     )
   }
-), P2 = ({
+), z2 = ({
   className: i,
   color: o = "#131314",
   height: e = 20,
@@ -3026,7 +3026,7 @@ const u1 = ({
       }
     )
   }
-), $2 = ({
+), q2 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -3073,7 +3073,7 @@ const u1 = ({
   disabled: w = !1,
   onClick: g
 }) => {
-  const [s, p] = v(r), { theme: k } = q(l1), n = w ? k && k === "dark" ? d.GREY_LIGHT_4 : d.GREY_DARK_1 : l, h = w ? void 0 : g;
+  const [n, p] = u(r), { theme: k } = q(l1), s = w ? k && k === "dark" ? a.GREY_LIGHT_4 : a.GREY_DARK_1 : l, h = w ? void 0 : g;
   return R(() => {
     if (r) {
       h && !w && p(`${r} clickable`);
@@ -3083,253 +3083,253 @@ const u1 = ({
   }, [h, r, w]), /* @__PURE__ */ t(W, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return C2({ width: o, height: e, color: n, className: s, onClick: h });
+        return k2({ width: o, height: e, color: s, className: n, onClick: h });
       case "prevIcon":
-        return w2({ width: o, height: e, color: n, className: s, onClick: h });
+        return g2({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowUp":
-        return u1({ width: o, height: e, color: n, className: s, onClick: h });
+        return f1({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowDown":
-        return N1({ width: o, height: e, color: n, className: s, onClick: h });
+        return M1({ width: o, height: e, color: s, className: n, onClick: h });
       case "info":
-        return f1({ width: o, height: e, color: n, className: s, onClick: h });
+        return x1({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowRight":
-        return M1({ width: o, height: e, color: n, className: s, onClick: h });
+        return _1({ width: o, height: e, color: s, className: n, onClick: h });
       case "calendar":
-        return x1({ width: o, height: e, color: n, className: s, onClick: h });
+        return R1({ width: o, height: e, color: s, className: n, onClick: h });
       case "ok":
-        return _1({ width: o, height: e, color: n, className: s, onClick: h });
+        return H1({ width: o, height: e, color: s, className: n, onClick: h });
       case "cancel":
-        return R1({ width: o, height: e, color: n, className: s, onClick: h });
+        return V1({ width: o, height: e, color: s, className: n, onClick: h });
       case "add":
-        return H1({ width: o, height: e, color: n, className: s, onClick: h });
+        return E1({ width: o, height: e, color: s, className: n, onClick: h });
       case "list":
-        return V1({ width: o, height: e, color: n, className: s, onClick: h });
+        return Z1({ width: o, height: e, color: s, className: n, onClick: h });
       case "dragAndDrop":
-        return E1({ width: o, height: e, color: n, className: s, onClick: h });
+        return W1({ width: o, height: e, color: s, className: n, onClick: h });
       case "filter":
-        return Z1({ width: o, height: e, color: n, className: s, onClick: h });
+        return I1({ width: o, height: e, color: s, className: n, onClick: h });
       case "attention":
-        return W1({ width: o, height: e, color: n, className: s, onClick: h });
+        return B1({ width: o, height: e, color: s, className: n, onClick: h });
       case "plus":
-        return I1({ width: o, height: e, color: n, className: s, onClick: h });
+        return A1({ width: o, height: e, color: s, className: n, onClick: h });
       case "time":
-        return B1({ width: o, height: e, color: n, className: s, onClick: h });
+        return G1({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowDownLong":
-        return A1({
+        return D1({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "users":
-        return G1({ width: o, height: e, color: n, className: s, onClick: h });
+        return j1({ width: o, height: e, color: s, className: n, onClick: h });
       case "mySkillsMatrix":
-        return D1({
+        return T1({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "skills":
-        return j1({ width: o, height: e, color: n, className: s, onClick: h });
+        return y1({ width: o, height: e, color: s, className: n, onClick: h });
       case "skillsMatrices":
-        return T1({
+        return Y1({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "history":
-        return y1({ width: o, height: e, color: n, className: s, onClick: h });
+        return K1({ width: o, height: e, color: s, className: n, onClick: h });
       case "logOut":
-        return Y1({ width: o, height: e, color: n, className: s, onClick: h });
+        return O1({ width: o, height: e, color: s, className: n, onClick: h });
       case "settings":
-        return K1({ width: o, height: e, color: n, className: s, onClick: h });
+        return b1({ width: o, height: e, color: s, className: n, onClick: h });
       case "addSkill":
-        return O1({ width: o, height: e, color: n, className: s, onClick: h });
+        return F1({ width: o, height: e, color: s, className: n, onClick: h });
       case "conversation":
-        return b1({ width: o, height: e, color: n, className: s, onClick: h });
+        return S1({ width: o, height: e, color: s, className: n, onClick: h });
       case "trash":
-        return F1({ width: o, height: e, color: n, className: s, onClick: h });
+        return U1({ width: o, height: e, color: s, className: n, onClick: h });
       case "settings4":
-        return S1({ width: o, height: e, color: n, className: s, onClick: h });
+        return P1({ width: o, height: e, color: s, className: n, onClick: h });
       case "edit2":
-        return U1({ width: o, height: e, color: n, className: s, onClick: h });
+        return $1({ width: o, height: e, color: s, className: n, onClick: h });
       case "notifications":
-        return P1({
+        return z1({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "success":
-        return $1({ width: o, height: e, color: n, className: s, onClick: h });
+        return q1({ width: o, height: e, color: s, className: n, onClick: h });
       case "attentionSmall":
-        return z1({
+        return J1({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "errorSmall":
-        return q1({ width: o, height: e, color: n, className: s, onClick: h });
+        return Q1({ width: o, height: e, color: s, className: n, onClick: h });
       case "infoMedium":
-        return J1({ width: o, height: e, color: n, className: s, onClick: h });
+        return X1({ width: o, height: e, color: s, className: n, onClick: h });
       case "attentionMedium":
-        return Q1({
+        return e2({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "errorMedium":
-        return X1({ width: o, height: e, color: n, className: s, onClick: h });
+        return o2({ width: o, height: e, color: s, className: n, onClick: h });
       case "faviconSkills":
-        return r2({
+        return s2({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "visibilityIcon":
-        return e2({
+        return i2({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "visibilityOffIcon":
-        return o2({
+        return t2({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "selectArrowIcon":
-        return i2({
+        return l2({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "expandArrowIcon":
-        return t2({
+        return r2({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return l2({
+        return n2({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "camera":
-        return s2({ width: o, height: e, color: n, className: s, onClick: h });
+        return h2({ width: o, height: e, color: s, className: n, onClick: h });
       case "sortUp":
-        return n2({ width: o, height: e, color: n, className: s, onClick: h });
+        return c2({ width: o, height: e, color: s, className: n, onClick: h });
       case "sortDown":
-        return h2({ width: o, height: e, color: n, className: s, onClick: h });
+        return a2({ width: o, height: e, color: s, className: n, onClick: h });
       case "logOut2":
-        return c2({ width: o, height: e, color: n, className: s, onClick: h });
+        return d2({ width: o, height: e, color: s, className: n, onClick: h });
       case "search":
-        return a2({ width: o, height: e, color: n, className: s, onClick: h });
+        return C2({ width: o, height: e, color: s, className: n, onClick: h });
       case "handRock":
-        return d2({ width: o, height: e, color: n, className: s, onClick: h });
+        return w2({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowUpFilled":
-        return g2({ width: o, height: e, color: n, className: s, onClick: h });
+        return L2({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowDownFilled":
-        return k2({ width: o, height: e, color: n, className: s, onClick: h });
+        return p2({ width: o, height: e, color: s, className: n, onClick: h });
       case "link":
-        return p2({ width: o, height: e, color: n, className: s, onClick: h });
+        return m2({ width: o, height: e, color: s, className: n, onClick: h });
       case "telegram":
-        return m2({ width: o, height: e, color: n, className: s, onClick: h });
+        return v2({ width: o, height: e, color: s, className: n, onClick: h });
       case "mail":
-        return u2({ width: o, height: e, color: n, className: s, onClick: h });
+        return f2({ width: o, height: e, color: s, className: n, onClick: h });
       case "github":
-        return L2({ width: o, height: e, color: n, className: s, onClick: h });
+        return u2({ width: o, height: e, color: s, className: n, onClick: h });
       case "linkedIn":
-        return v2({ width: o, height: e, color: n, className: s, onClick: h });
+        return N2({ width: o, height: e, color: s, className: n, onClick: h });
       case "emptyStateIcon":
-        return N2({ width: o, height: e, color: n, className: s, onClick: h });
+        return M2({ width: o, height: e, color: s, className: n, onClick: h });
       case "filtersIcon":
-        return f2({ width: o, height: e, color: n, className: s, onClick: h });
+        return x2({ width: o, height: e, color: s, className: n, onClick: h });
       case "dotMenuIcon":
-        return M2({ width: o, height: e, color: n, className: s, onClick: h });
+        return _2({ width: o, height: e, color: s, className: n, onClick: h });
       case "plusCircle":
-        return x2({ width: o, height: e, color: n, className: s, onClick: h });
+        return R2({ width: o, height: e, color: s, className: n, onClick: h });
       case "warning":
-        return _2({ width: o, height: e, color: n, className: s, onClick: h });
+        return H2({ width: o, height: e, color: s, className: n, onClick: h });
       case "back":
-        return R2({ width: o, height: e, color: n, className: s, onClick: h });
+        return V2({ width: o, height: e, color: s, className: n, onClick: h });
       case "bell":
-        return H2({ width: o, height: e, color: n, className: s, onClick: h });
+        return E2({ width: o, height: e, color: s, className: n, onClick: h });
       case "contract":
-        return E2({ width: o, height: e, color: n, className: s, onClick: h });
+        return W2({ width: o, height: e, color: s, className: n, onClick: h });
       case "trash2":
-        return V2({ width: o, height: e, color: n, className: s, onClick: h });
+        return Z2({ width: o, height: e, color: s, className: n, onClick: h });
       case "manager":
-        return Z2({ width: o, height: e, color: n, className: s, onClick: h });
+        return I2({ width: o, height: e, color: s, className: n, onClick: h });
       case "resourceManager":
-        return W2({ width: o, height: e, color: n, className: s, onClick: h });
+        return B2({ width: o, height: e, color: s, className: n, onClick: h });
       case "settings2":
-        return I2({ width: o, height: e, color: n, className: s, onClick: h });
+        return A2({ width: o, height: e, color: s, className: n, onClick: h });
       case "image":
-        return B2({ width: o, height: e, color: n, className: s, onClick: h });
+        return G2({ width: o, height: e, color: s, className: n, onClick: h });
       case "upload":
-        return A2({ width: o, height: e, color: n, className: s, onClick: h });
+        return D2({ width: o, height: e, color: s, className: n, onClick: h });
       case "edit":
-        return G2({ width: o, height: e, color: n, className: s, onClick: h });
+        return j2({ width: o, height: e, color: s, className: n, onClick: h });
       case "location":
-        return D2({ width: o, height: e, color: n, className: s, onClick: h });
+        return T2({ width: o, height: e, color: s, className: n, onClick: h });
       case "plus2":
-        return j2({ width: o, height: e, color: n, className: s, onClick: h });
+        return y2({ width: o, height: e, color: s, className: n, onClick: h });
       case "search2":
-        return T2({ width: o, height: e, color: n, className: s, onClick: h });
+        return Y2({ width: o, height: e, color: s, className: n, onClick: h });
       case "fastArrowLeft":
-        return y2({ width: o, height: e, color: n, className: s, onClick: h });
+        return K2({ width: o, height: e, color: s, className: n, onClick: h });
       case "fastArrowRight":
-        return Y2({ width: o, height: e, color: n, className: s, onClick: h });
+        return O2({ width: o, height: e, color: s, className: n, onClick: h });
       case "crossInCircle":
-        return K2({ width: o, height: e, color: n, className: s, onClick: h });
+        return b2({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowUp2":
-        return b2({ width: o, height: e, color: n, className: s, onClick: h });
+        return S2({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowDown2":
-        return O2({ width: o, height: e, color: n, className: s, onClick: h });
+        return F2({ width: o, height: e, color: s, className: n, onClick: h });
       case "filledArrowLeft":
-        return F2({ width: o, height: e, color: n, className: s, onClick: h });
+        return U2({ width: o, height: e, color: s, className: n, onClick: h });
       case "filledArrowRight":
-        return S2({ width: o, height: e, color: n, className: s, onClick: h });
+        return P2({ width: o, height: e, color: s, className: n, onClick: h });
       case "burgerMenu":
-        return U2({ width: o, height: e, color: n, className: s, onClick: h });
+        return $2({ width: o, height: e, color: s, className: n, onClick: h });
       case "signOut":
-        return P2({ width: o, height: e, color: n, className: s, onClick: h });
+        return z2({ width: o, height: e, color: s, className: n, onClick: h });
       case "refresh":
-        return $2({ width: o, height: e, color: n, className: s, onClick: h });
+        return q2({ width: o, height: e, color: s, className: n, onClick: h });
       default:
         return /* @__PURE__ */ t(W, { children: "No Icon provided" });
     }
   })() });
-}, { Title: z2, Text: q2 } = o1, J2 = {
+}, { Title: J2, Text: Q2 } = o1, X2 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, Q2 = b(
+}, e5 = b(
   ({
     align: i = "inherit",
     variant: o = "body1",
@@ -3338,38 +3338,38 @@ const u1 = ({
     onClick: r,
     collapsed: w,
     whiteSpace: g = "normal"
-  }, s) => {
+  }, n) => {
     const p = o === "h1" || o === "h2" || o === "h3" || o === "h4";
     let k = `snmt-typography snmt-typography-${o}`;
     return i && i !== "inherit" && (k += ` snmt-typography-align-${i}`), w && (k += " collapsed"), p ? /* @__PURE__ */ t(
-      z2,
+      J2,
       {
         className: k,
         style: { color: e, whiteSpace: g },
         onClick: r,
-        level: J2[o],
-        ref: s,
+        level: X2[o],
+        ref: n,
         children: l
       }
     ) : /* @__PURE__ */ t(
-      q2,
+      Q2,
       {
         className: k,
         style: { color: e, whiteSpace: g },
         onClick: r,
-        ref: s,
+        ref: n,
         children: l
       }
     );
   }
 );
-var C = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(C || {});
+var d = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(d || {});
 const r1 = O({
   locale: "en",
   theme: "light"
 });
 r1.Provider;
-const X2 = ({
+const o5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3396,7 +3396,7 @@ const X2 = ({
       }
     )
   }
-), e5 = ({
+), i5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3423,7 +3423,7 @@ const X2 = ({
       }
     )
   }
-), o5 = ({
+), t5 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -3451,7 +3451,7 @@ const X2 = ({
       )
     ]
   }
-), i5 = ({
+), l5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3486,7 +3486,7 @@ const X2 = ({
       )
     ]
   }
-), t5 = ({
+), r5 = ({
   width: i = 18,
   height: o = 18,
   color: e = "#001E52",
@@ -3525,7 +3525,7 @@ const X2 = ({
       )
     ]
   }
-), l5 = ({
+), n5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3551,7 +3551,7 @@ const X2 = ({
       }
     )
   }
-), r5 = ({
+), s5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3572,7 +3572,7 @@ const X2 = ({
       /* @__PURE__ */ t("path", { d: "M16 4L4 16", stroke: e, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), s5 = ({
+), h5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3604,7 +3604,7 @@ const X2 = ({
       )
     ]
   }
-), n5 = ({
+), c5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3658,7 +3658,7 @@ const X2 = ({
       )
     ]
   }
-), h5 = ({
+), a5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3697,7 +3697,7 @@ const X2 = ({
       /* @__PURE__ */ t("path", { d: "M3 12L17 12", stroke: e, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), c5 = ({
+), d5 = ({
   width: i = 16,
   height: o = 12,
   color: e = "#001E52",
@@ -3746,7 +3746,7 @@ const X2 = ({
       )
     ] })
   }
-), a5 = ({
+), C5 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -3780,7 +3780,7 @@ const X2 = ({
       )
     ]
   }
-), d5 = ({
+), w5 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -3819,7 +3819,7 @@ const X2 = ({
       )
     ] })
   }
-), C5 = ({
+), k5 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -3855,7 +3855,7 @@ const X2 = ({
       )
     ]
   }
-), w5 = ({
+), g5 = ({
   width: i = 11,
   height: o = 32,
   color: e = "#001E52",
@@ -3893,7 +3893,7 @@ const X2 = ({
       /* @__PURE__ */ t("circle", { cx: "3", cy: "3", r: "3", fill: e })
     ]
   }
-), k5 = ({
+), p5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3940,7 +3940,7 @@ const X2 = ({
       )
     ]
   }
-), g5 = ({
+), L5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3973,7 +3973,7 @@ const X2 = ({
       )
     ]
   }
-), p5 = ({
+), m5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4020,7 +4020,7 @@ const X2 = ({
       )
     ]
   }
-), L5 = ({
+), u5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4053,7 +4053,7 @@ const X2 = ({
       )
     ]
   }
-), m5 = ({
+), v5 = ({
   width: i = 18,
   height: o = 16,
   color: e = "#001E52",
@@ -4092,7 +4092,7 @@ const X2 = ({
       )
     ]
   }
-), v5 = ({
+), N5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4125,7 +4125,7 @@ const X2 = ({
       )
     ]
   }
-), u5 = ({
+), f5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4149,7 +4149,7 @@ const X2 = ({
       }
     )
   }
-), N5 = ({
+), M5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4196,7 +4196,7 @@ const X2 = ({
       )
     ]
   }
-), f5 = ({
+), x5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4229,7 +4229,7 @@ const X2 = ({
       )
     ]
   }
-), M5 = ({
+), _5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4262,7 +4262,7 @@ const X2 = ({
       )
     ]
   }
-), x5 = ({
+), R5 = ({
   width: i = 20,
   height: o = 23,
   color: e = "#001E52",
@@ -4323,7 +4323,7 @@ const X2 = ({
       )
     ]
   }
-), _5 = ({
+), H5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4363,7 +4363,7 @@ const X2 = ({
       )
     ]
   }
-), R5 = ({
+), V5 = ({
   width: i = 32,
   height: o = 25,
   color: e = "#001E52",
@@ -4391,7 +4391,7 @@ const X2 = ({
       )
     ]
   }
-), H5 = ({
+), E5 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#10B981",
@@ -4420,7 +4420,7 @@ const X2 = ({
       )
     ]
   }
-), V5 = ({
+), Z5 = ({
   width: i = 11,
   height: o = 11,
   color: e = "#FFB020",
@@ -4454,7 +4454,7 @@ const X2 = ({
       )
     ]
   }
-), E5 = ({
+), W5 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#88A4FF",
@@ -4502,7 +4502,7 @@ const X2 = ({
       )
     ]
   }
-), Z5 = ({
+), I5 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#8E8E93",
@@ -4530,7 +4530,7 @@ const X2 = ({
       )
     ]
   }
-), W5 = ({
+), B5 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#FFB020",
@@ -4564,7 +4564,7 @@ const X2 = ({
       )
     ]
   }
-), I5 = ({
+), A5 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#D0421B",
@@ -4612,7 +4612,7 @@ const X2 = ({
       )
     ]
   }
-), B5 = ({
+), G5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -4642,7 +4642,7 @@ const X2 = ({
       /* @__PURE__ */ t("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), A5 = ({
+), D5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -4680,7 +4680,7 @@ const X2 = ({
       )
     ]
   }
-), G5 = ({
+), j5 = ({
   width: i = 9,
   height: o = 5,
   color: e = "#001E52",
@@ -4706,7 +4706,7 @@ const X2 = ({
       }
     )
   }
-), D5 = ({
+), T5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#F2F2F7",
@@ -4735,7 +4735,7 @@ const X2 = ({
       )
     ]
   }
-), j5 = ({
+), y5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#004ED7",
@@ -4764,7 +4764,7 @@ const X2 = ({
       )
     ]
   }
-), T5 = ({
+), Y5 = ({
   width: i = 248,
   height: o = 248,
   color: e = "#070739",
@@ -4801,7 +4801,7 @@ const X2 = ({
       )
     ]
   }
-), y5 = ({
+), K5 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#001E52",
@@ -4840,7 +4840,7 @@ const X2 = ({
       )
     ]
   }
-), Y5 = ({
+), O5 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -4869,7 +4869,7 @@ const X2 = ({
       )
     ]
   }
-), K5 = ({
+), b5 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -4906,10 +4906,10 @@ const X2 = ({
       )
     ]
   }
-), O5 = ({
+), F5 = ({
   width: i = 24,
   height: o = 24,
-  color: e = C.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: l,
   onClick: r
 }) => /* @__PURE__ */ c(
@@ -4945,10 +4945,10 @@ const X2 = ({
       )
     ]
   }
-), b5 = ({
+), S5 = ({
   width: i = 20,
   height: o = 20,
-  color: e = C.GREY_DARK_1,
+  color: e = d.GREY_DARK_1,
   className: l,
   onClick: r
 }) => /* @__PURE__ */ c(
@@ -4978,10 +4978,10 @@ const X2 = ({
       )
     ]
   }
-), F5 = ({
+), U5 = ({
   width: i = 81,
   height: o = 80,
-  color: e = C.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: l,
   onClick: r
 }) => /* @__PURE__ */ c(
@@ -5027,9 +5027,9 @@ const X2 = ({
       )
     ]
   }
-), S5 = ({
+), P5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -5054,9 +5054,9 @@ const X2 = ({
       }
     )
   }
-), U5 = ({
+), $5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -5081,9 +5081,9 @@ const X2 = ({
       }
     )
   }
-), P5 = ({
+), z5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 5,
   width: l = 10,
   onClick: r
@@ -5105,9 +5105,9 @@ const X2 = ({
       }
     )
   }
-), $5 = ({
+), q5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 5,
   width: l = 10,
   onClick: r
@@ -5130,9 +5130,9 @@ const X2 = ({
       }
     )
   }
-), z5 = ({
+), J5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5169,9 +5169,9 @@ const X2 = ({
       )
     ]
   }
-), q5 = ({
+), Q5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5208,9 +5208,9 @@ const X2 = ({
       )
     ]
   }
-), J5 = ({
+), X5 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5235,9 +5235,9 @@ const X2 = ({
       }
     )
   }
-), Q5 = ({
+), e3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5294,9 +5294,9 @@ const X2 = ({
       )
     ]
   }
-), X5 = ({
+), o3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5331,9 +5331,9 @@ const X2 = ({
       )
     ]
   }
-), e3 = ({
+), i3 = ({
   className: i,
-  color: o = C.GREY_DARK_3,
+  color: o = d.GREY_DARK_3,
   height: e = 14,
   width: l = 14,
   onClick: r
@@ -5368,9 +5368,9 @@ const X2 = ({
       )
     ]
   }
-), o3 = ({
+), t3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 18,
   onClick: l,
   width: r = 18
@@ -5395,9 +5395,9 @@ const X2 = ({
       }
     )
   }
-), i3 = ({
+), l3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5447,9 +5447,9 @@ const X2 = ({
       )
     ]
   }
-), t3 = ({
+), r3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5484,9 +5484,9 @@ const X2 = ({
       )
     ]
   }
-), l3 = ({
+), n3 = ({
   className: i,
-  color: o = C.NOTIFICATION_WARNING_DARK,
+  color: o = d.NOTIFICATION_WARNING_DARK,
   height: e = 37,
   width: l = 36,
   onClick: r
@@ -5523,9 +5523,9 @@ const X2 = ({
       )
     ]
   }
-), r3 = ({
+), s3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5549,9 +5549,9 @@ const X2 = ({
       }
     )
   }
-), s3 = ({
+), h3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5588,9 +5588,9 @@ const X2 = ({
       )
     ]
   }
-), n3 = ({
+), c3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5627,9 +5627,9 @@ const X2 = ({
       )
     ]
   }
-), h3 = ({
+), a3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5696,9 +5696,9 @@ const X2 = ({
       )
     ]
   }
-), c3 = ({
+), d3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5735,9 +5735,9 @@ const X2 = ({
       )
     ]
   }
-), a3 = ({
+), C3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5792,9 +5792,9 @@ const X2 = ({
       )
     ]
   }
-), d3 = ({
+), w3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5831,9 +5831,9 @@ const X2 = ({
       )
     ]
   }
-), C3 = ({
+), k3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5880,9 +5880,9 @@ const X2 = ({
       )
     ]
   }
-), w3 = ({
+), g3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5919,9 +5919,9 @@ const X2 = ({
       )
     ]
   }
-), k3 = ({
+), p3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5946,9 +5946,9 @@ const X2 = ({
       }
     )
   }
-), g3 = ({
+), L3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -5984,9 +5984,9 @@ const X2 = ({
       )
     ]
   }
-), p3 = ({
+), m3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -6005,9 +6005,9 @@ const X2 = ({
       /* @__PURE__ */ t("path", { d: "M12 8L4 8", stroke: o, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), L3 = ({
+), u3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -6044,9 +6044,9 @@ const X2 = ({
       )
     ]
   }
-), m3 = ({
+), v3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -6083,9 +6083,9 @@ const X2 = ({
       )
     ]
   }
-), v3 = ({
+), N3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 24,
   width: l = 24,
   onClick: r
@@ -6122,9 +6122,9 @@ const X2 = ({
       )
     ]
   }
-), u3 = ({
+), f3 = ({
   className: i,
-  color: o = C.GREY_DARK_2,
+  color: o = d.GREY_DARK_2,
   height: e = 16,
   width: l = 16,
   onClick: r
@@ -6148,9 +6148,9 @@ const X2 = ({
       }
     )
   }
-), N3 = ({
+), M3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -6177,9 +6177,9 @@ const X2 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), f3 = ({
+), x3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -6206,9 +6206,9 @@ const X2 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), M3 = ({
+), _3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -6223,7 +6223,7 @@ const X2 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ t("rect", { width: "20", height: "20", rx: "4", fill: C.GREY_LIGHT_2 }),
+      /* @__PURE__ */ t("rect", { width: "20", height: "20", rx: "4", fill: d.GREY_LIGHT_2 }),
       /* @__PURE__ */ t(
         "path",
         {
@@ -6235,9 +6235,9 @@ const X2 = ({
       )
     ]
   }
-), x3 = ({
+), R3 = ({
   className: i,
-  color: o = C.GREY_DARK_5,
+  color: o = d.GREY_DARK_5,
   height: e = 20,
   width: l = 20,
   onClick: r
@@ -6252,7 +6252,7 @@ const X2 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ t("rect", { width: "20", height: "20", rx: "4", fill: C.GREY_LIGHT_2 }),
+      /* @__PURE__ */ t("rect", { width: "20", height: "20", rx: "4", fill: d.GREY_LIGHT_2 }),
       /* @__PURE__ */ t(
         "path",
         {
@@ -6264,7 +6264,7 @@ const X2 = ({
       )
     ]
   }
-), _3 = ({
+), H3 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -6290,7 +6290,7 @@ const X2 = ({
       }
     )
   }
-), R3 = ({
+), V3 = ({
   className: i,
   color: o = "#131314",
   height: e = 20,
@@ -6318,7 +6318,7 @@ const X2 = ({
       }
     )
   }
-), H3 = ({
+), E3 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -6356,7 +6356,7 @@ const X2 = ({
       )
     ] }) })
   }
-), V3 = ({
+), Z3 = ({
   name: i,
   width: o,
   height: e,
@@ -6365,7 +6365,7 @@ const X2 = ({
   disabled: w = !1,
   onClick: g
 }) => {
-  const [s, p] = v(r), { theme: k } = q(r1), n = w ? k && k === "dark" ? C.GREY_LIGHT_4 : C.GREY_DARK_1 : l, h = w ? void 0 : g;
+  const [n, p] = u(r), { theme: k } = q(r1), s = w ? k && k === "dark" ? d.GREY_LIGHT_4 : d.GREY_DARK_1 : l, h = w ? void 0 : g;
   return R(() => {
     if (r) {
       h && !w && p(`${r} clickable`);
@@ -6375,265 +6375,265 @@ const X2 = ({
   }, [h, r, w]), /* @__PURE__ */ t(W, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return S5({ width: o, height: e, color: n, className: s, onClick: h });
+        return P5({ width: o, height: e, color: s, className: n, onClick: h });
       case "prevIcon":
-        return U5({ width: o, height: e, color: n, className: s, onClick: h });
+        return $5({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowUp":
-        return X2({ width: o, height: e, color: n, className: s, onClick: h });
+        return o5({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowDown":
-        return e5({ width: o, height: e, color: n, className: s, onClick: h });
+        return i5({ width: o, height: e, color: s, className: n, onClick: h });
       case "info":
-        return o5({ width: o, height: e, color: n, className: s, onClick: h });
+        return t5({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowRight":
-        return i5({ width: o, height: e, color: n, className: s, onClick: h });
+        return l5({ width: o, height: e, color: s, className: n, onClick: h });
       case "calendar":
-        return t5({ width: o, height: e, color: n, className: s, onClick: h });
+        return r5({ width: o, height: e, color: s, className: n, onClick: h });
       case "ok":
-        return l5({ width: o, height: e, color: n, className: s, onClick: h });
+        return n5({ width: o, height: e, color: s, className: n, onClick: h });
       case "cancel":
-        return r5({ width: o, height: e, color: n, className: s, onClick: h });
+        return s5({ width: o, height: e, color: s, className: n, onClick: h });
       case "add":
-        return s5({ width: o, height: e, color: n, className: s, onClick: h });
+        return h5({ width: o, height: e, color: s, className: n, onClick: h });
       case "list":
-        return n5({ width: o, height: e, color: n, className: s, onClick: h });
+        return c5({ width: o, height: e, color: s, className: n, onClick: h });
       case "dragAndDrop":
-        return h5({ width: o, height: e, color: n, className: s, onClick: h });
+        return a5({ width: o, height: e, color: s, className: n, onClick: h });
       case "filter":
-        return c5({ width: o, height: e, color: n, className: s, onClick: h });
+        return d5({ width: o, height: e, color: s, className: n, onClick: h });
       case "attention":
-        return a5({ width: o, height: e, color: n, className: s, onClick: h });
+        return C5({ width: o, height: e, color: s, className: n, onClick: h });
       case "plus":
-        return d5({ width: o, height: e, color: n, className: s, onClick: h });
+        return w5({ width: o, height: e, color: s, className: n, onClick: h });
       case "time":
-        return C5({ width: o, height: e, color: n, className: s, onClick: h });
+        return k5({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowDownLong":
-        return w5({
+        return g5({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "users":
-        return k5({ width: o, height: e, color: n, className: s, onClick: h });
+        return p5({ width: o, height: e, color: s, className: n, onClick: h });
       case "mySkillsMatrix":
-        return g5({
+        return L5({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "skills":
-        return p5({ width: o, height: e, color: n, className: s, onClick: h });
+        return m5({ width: o, height: e, color: s, className: n, onClick: h });
       case "skillsMatrices":
-        return L5({
+        return u5({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "history":
-        return m5({ width: o, height: e, color: n, className: s, onClick: h });
+        return v5({ width: o, height: e, color: s, className: n, onClick: h });
       case "logOut":
-        return v5({ width: o, height: e, color: n, className: s, onClick: h });
+        return N5({ width: o, height: e, color: s, className: n, onClick: h });
       case "settings":
-        return u5({ width: o, height: e, color: n, className: s, onClick: h });
+        return f5({ width: o, height: e, color: s, className: n, onClick: h });
       case "addSkill":
-        return N5({ width: o, height: e, color: n, className: s, onClick: h });
+        return M5({ width: o, height: e, color: s, className: n, onClick: h });
       case "conversation":
-        return f5({ width: o, height: e, color: n, className: s, onClick: h });
+        return x5({ width: o, height: e, color: s, className: n, onClick: h });
       case "trash":
-        return M5({ width: o, height: e, color: n, className: s, onClick: h });
+        return _5({ width: o, height: e, color: s, className: n, onClick: h });
       case "settings4":
-        return x5({ width: o, height: e, color: n, className: s, onClick: h });
+        return R5({ width: o, height: e, color: s, className: n, onClick: h });
       case "edit2":
-        return _5({ width: o, height: e, color: n, className: s, onClick: h });
+        return H5({ width: o, height: e, color: s, className: n, onClick: h });
       case "notifications":
-        return R5({
+        return V5({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "success":
-        return H5({ width: o, height: e, color: n, className: s, onClick: h });
+        return E5({ width: o, height: e, color: s, className: n, onClick: h });
       case "attentionSmall":
-        return V5({
+        return Z5({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "errorSmall":
-        return E5({ width: o, height: e, color: n, className: s, onClick: h });
+        return W5({ width: o, height: e, color: s, className: n, onClick: h });
       case "infoMedium":
-        return Z5({ width: o, height: e, color: n, className: s, onClick: h });
+        return I5({ width: o, height: e, color: s, className: n, onClick: h });
       case "attentionMedium":
-        return W5({
+        return B5({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "errorMedium":
-        return I5({ width: o, height: e, color: n, className: s, onClick: h });
+        return A5({ width: o, height: e, color: s, className: n, onClick: h });
       case "faviconSkills":
-        return T5({
+        return Y5({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "visibilityIcon":
-        return B5({
+        return G5({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "visibilityOffIcon":
-        return A5({
+        return D5({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "selectArrowIcon":
-        return G5({
+        return j5({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "expandArrowIcon":
-        return D5({
+        return T5({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return j5({
+        return y5({
           width: o,
           height: e,
-          color: n,
-          className: s,
+          color: s,
+          className: n,
           onClick: h
         });
       case "camera":
-        return y5({ width: o, height: e, color: n, className: s, onClick: h });
+        return K5({ width: o, height: e, color: s, className: n, onClick: h });
       case "sortUp":
-        return Y5({ width: o, height: e, color: n, className: s, onClick: h });
+        return O5({ width: o, height: e, color: s, className: n, onClick: h });
       case "sortDown":
-        return K5({ width: o, height: e, color: n, className: s, onClick: h });
+        return b5({ width: o, height: e, color: s, className: n, onClick: h });
       case "logOut2":
-        return O5({ width: o, height: e, color: n, className: s, onClick: h });
+        return F5({ width: o, height: e, color: s, className: n, onClick: h });
       case "search":
-        return b5({ width: o, height: e, color: n, className: s, onClick: h });
+        return S5({ width: o, height: e, color: s, className: n, onClick: h });
       case "handRock":
-        return F5({ width: o, height: e, color: n, className: s, onClick: h });
+        return U5({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowUpFilled":
-        return $5({ width: o, height: e, color: n, className: s, onClick: h });
+        return q5({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowDownFilled":
-        return P5({ width: o, height: e, color: n, className: s, onClick: h });
+        return z5({ width: o, height: e, color: s, className: n, onClick: h });
       case "link":
-        return z5({ width: o, height: e, color: n, className: s, onClick: h });
+        return J5({ width: o, height: e, color: s, className: n, onClick: h });
       case "telegram":
-        return J5({ width: o, height: e, color: n, className: s, onClick: h });
+        return X5({ width: o, height: e, color: s, className: n, onClick: h });
       case "mail":
-        return X5({ width: o, height: e, color: n, className: s, onClick: h });
+        return o3({ width: o, height: e, color: s, className: n, onClick: h });
       case "github":
-        return q5({ width: o, height: e, color: n, className: s, onClick: h });
+        return Q5({ width: o, height: e, color: s, className: n, onClick: h });
       case "linkedIn":
-        return Q5({ width: o, height: e, color: n, className: s, onClick: h });
+        return e3({ width: o, height: e, color: s, className: n, onClick: h });
       case "emptyStateIcon":
-        return e3({ width: o, height: e, color: n, className: s, onClick: h });
+        return i3({ width: o, height: e, color: s, className: n, onClick: h });
       case "filtersIcon":
-        return o3({ width: o, height: e, color: n, className: s, onClick: h });
+        return t3({ width: o, height: e, color: s, className: n, onClick: h });
       case "dotMenuIcon":
-        return i3({ width: o, height: e, color: n, className: s, onClick: h });
+        return l3({ width: o, height: e, color: s, className: n, onClick: h });
       case "plusCircle":
-        return t3({ width: o, height: e, color: n, className: s, onClick: h });
+        return r3({ width: o, height: e, color: s, className: n, onClick: h });
       case "warning":
-        return l3({ width: o, height: e, color: n, className: s, onClick: h });
+        return n3({ width: o, height: e, color: s, className: n, onClick: h });
       case "back":
-        return r3({ width: o, height: e, color: n, className: s, onClick: h });
+        return s3({ width: o, height: e, color: s, className: n, onClick: h });
       case "bell":
-        return s3({ width: o, height: e, color: n, className: s, onClick: h });
+        return h3({ width: o, height: e, color: s, className: n, onClick: h });
       case "contract":
-        return h3({ width: o, height: e, color: n, className: s, onClick: h });
+        return a3({ width: o, height: e, color: s, className: n, onClick: h });
       case "trash2":
-        return n3({ width: o, height: e, color: n, className: s, onClick: h });
+        return c3({ width: o, height: e, color: s, className: n, onClick: h });
       case "manager":
-        return c3({ width: o, height: e, color: n, className: s, onClick: h });
+        return d3({ width: o, height: e, color: s, className: n, onClick: h });
       case "resourceManager":
-        return a3({ width: o, height: e, color: n, className: s, onClick: h });
+        return C3({ width: o, height: e, color: s, className: n, onClick: h });
       case "settings2":
-        return d3({ width: o, height: e, color: n, className: s, onClick: h });
+        return w3({ width: o, height: e, color: s, className: n, onClick: h });
       case "image":
-        return C3({ width: o, height: e, color: n, className: s, onClick: h });
+        return k3({ width: o, height: e, color: s, className: n, onClick: h });
       case "upload":
-        return w3({ width: o, height: e, color: n, className: s, onClick: h });
+        return g3({ width: o, height: e, color: s, className: n, onClick: h });
       case "edit":
-        return k3({ width: o, height: e, color: n, className: s, onClick: h });
+        return p3({ width: o, height: e, color: s, className: n, onClick: h });
       case "location":
-        return g3({ width: o, height: e, color: n, className: s, onClick: h });
+        return L3({ width: o, height: e, color: s, className: n, onClick: h });
       case "plus2":
-        return p3({ width: o, height: e, color: n, className: s, onClick: h });
+        return m3({ width: o, height: e, color: s, className: n, onClick: h });
       case "search2":
-        return L3({ width: o, height: e, color: n, className: s, onClick: h });
+        return u3({ width: o, height: e, color: s, className: n, onClick: h });
       case "fastArrowLeft":
-        return m3({ width: o, height: e, color: n, className: s, onClick: h });
+        return v3({ width: o, height: e, color: s, className: n, onClick: h });
       case "fastArrowRight":
-        return v3({ width: o, height: e, color: n, className: s, onClick: h });
+        return N3({ width: o, height: e, color: s, className: n, onClick: h });
       case "crossInCircle":
-        return u3({ width: o, height: e, color: n, className: s, onClick: h });
+        return f3({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowUp2":
-        return f3({ width: o, height: e, color: n, className: s, onClick: h });
+        return x3({ width: o, height: e, color: s, className: n, onClick: h });
       case "arrowDown2":
-        return N3({ width: o, height: e, color: n, className: s, onClick: h });
+        return M3({ width: o, height: e, color: s, className: n, onClick: h });
       case "filledArrowLeft":
-        return M3({ width: o, height: e, color: n, className: s, onClick: h });
+        return _3({ width: o, height: e, color: s, className: n, onClick: h });
       case "filledArrowRight":
-        return x3({ width: o, height: e, color: n, className: s, onClick: h });
+        return R3({ width: o, height: e, color: s, className: n, onClick: h });
       case "burgerMenu":
-        return _3({ width: o, height: e, color: n, className: s, onClick: h });
+        return H3({ width: o, height: e, color: s, className: n, onClick: h });
       case "signOut":
-        return R3({ width: o, height: e, color: n, className: s, onClick: h });
+        return V3({ width: o, height: e, color: s, className: n, onClick: h });
       case "refresh":
-        return H3({ width: o, height: e, color: n, className: s, onClick: h });
+        return E3({ width: o, height: e, color: s, className: n, onClick: h });
       default:
         return /* @__PURE__ */ t(W, { children: "No Icon provided" });
     }
   })() });
 };
-var s1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(s1 || {});
-const E3 = O({
+var n1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(n1 || {});
+const W3 = O({
   locale: "en",
   theme: "light"
 });
-E3.Provider;
-const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r = !0 }) => {
+W3.Provider;
+const s1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r = !0 }) => {
   const w = e === "small" ? 10 : 12.5;
   return /* @__PURE__ */ t(
     i1,
     {
       className: `snmt-tag ${e}`,
       closeIcon: /* @__PURE__ */ t(
-        V3,
+        Z3,
         {
           name: "errorSmall",
-          color: s1.GREY_DARK_2,
+          color: n1.GREY_DARK_2,
           width: w,
           height: w,
           onClick: l
@@ -6642,10 +6642,10 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
       bordered: !1,
       style: { width: o ?? "fit-content" },
       closable: r,
-      children: typeof i == "string" ? /* @__PURE__ */ t(Q2, { variant: e === "small" ? "body4" : "body2", children: i }) : i
+      children: typeof i == "string" ? /* @__PURE__ */ t(e5, { variant: e === "small" ? "body4" : "body2", children: i }) : i
     }
   );
-}, { Title: Z3, Text: W3 } = o1, I3 = {
+}, { Title: I3, Text: B3 } = o1, A3 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -6659,31 +6659,31 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
     onClick: r,
     collapsed: w,
     whiteSpace: g = "normal"
-  }, s) => {
+  }, n) => {
     const p = o === "h1" || o === "h2" || o === "h3" || o === "h4";
     let k = `snmt-typography snmt-typography-${o}`;
     return i && i !== "inherit" && (k += ` snmt-typography-align-${i}`), w && (k += " collapsed"), p ? /* @__PURE__ */ t(
-      Z3,
+      I3,
       {
         className: k,
         style: { color: e, whiteSpace: g },
         onClick: r,
-        level: I3[o],
-        ref: s,
+        level: A3[o],
+        ref: n,
         children: l
       }
     ) : /* @__PURE__ */ t(
-      W3,
+      B3,
       {
         className: k,
         style: { color: e, whiteSpace: g },
         onClick: r,
-        ref: s,
+        ref: n,
         children: l
       }
     );
   }
-), B3 = ({
+), G3 = ({
   children: i,
   content: o,
   isOpen: e,
@@ -6691,9 +6691,9 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
   placement: r = "topRight",
   noPadding: w = !1
 }) => {
-  const [g, s] = v(!1);
+  const [g, n] = u(!1);
   return /* @__PURE__ */ t(
-    L1,
+    u1,
     {
       content: o,
       arrow: !1,
@@ -6702,12 +6702,12 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
       overlayClassName: `snmt-popover ${w ? "" : "padding"}`,
       open: e ?? g,
       onOpenChange: (p) => {
-        s(p), l == null || l(p);
+        n(p), l == null || l(p);
       },
       children: /* @__PURE__ */ t("div", { className: "wrapper", children: i })
     }
   );
-}, A3 = ({
+}, D3 = ({
   values: i,
   onTagClose: o,
   maxWidth: e,
@@ -6715,44 +6715,44 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
   options: r,
   extraOptions: w
 }) => {
-  const [g, s] = v(!1);
+  const [g, n] = u(!1);
   R(() => {
-    i.length || s(!1);
+    i.length || n(!1);
   }, [i]);
-  const p = (n) => {
-    n.preventDefault(), n.stopPropagation();
+  const p = (s) => {
+    s.preventDefault(), s.stopPropagation();
   };
   if (!i.length)
     return null;
-  const k = (n) => {
+  const k = (s) => {
     var h, f;
-    return ((h = r == null ? void 0 : r.find((M) => M.value === n)) == null ? void 0 : h.label) || ((f = w == null ? void 0 : w.find((M) => M.value === n)) == null ? void 0 : f.label) || n;
+    return ((h = r == null ? void 0 : r.find((M) => M.value === s)) == null ? void 0 : h.label) || ((f = w == null ? void 0 : w.find((M) => M.value === s)) == null ? void 0 : f.label) || s;
   };
   return /* @__PURE__ */ t("div", { onMouseDown: p, className: "wrapper", children: /* @__PURE__ */ t(
-    B3,
+    G3,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, children: /* @__PURE__ */ t(K, { gap: 6, flexWrap: "wrap", children: i.map(({ value: n }) => /* @__PURE__ */ t(
-          n1,
+        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, children: /* @__PURE__ */ t(K, { gap: 6, flexWrap: "wrap", children: i.map(({ value: s }) => /* @__PURE__ */ t(
+          s1,
           {
-            onClose: () => o(n),
+            onClose: () => o(s),
             closable: !l,
-            children: k(n)
+            children: k(s)
           },
-          n
+          s
         )) }) })
       ),
       placement: "bottomRight",
       isOpen: g,
-      setIsOpen: s,
+      setIsOpen: n,
       children: /* @__PURE__ */ t(i1, { className: `overflow-button ${g ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ c(h1, { variant: "body4", color: g ? Z.BLUE_PRIMARY : void 0, children: [
         i.length,
         " more"
       ] }) })
     }
   ) });
-}, G3 = ({ size: i = 30, color: o = "#004ed7" }) => {
+}, j3 = ({ size: i = 30, color: o = "#004ed7" }) => {
   const e = `no-repeat linear-gradient(${o}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${o} 0)`, l = {
     width: i,
@@ -6769,10 +6769,10 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
     search: r = !1,
     options: w,
     width: g,
-    disabled: s = !1,
+    disabled: n = !1,
     required: p = !1,
     scrollThresholdValue: k = 50,
-    onSearchChange: n,
+    onSearchChange: s,
     onDropdownVisibleChange: h,
     onScrollToEnd: f,
     onPopupScroll: I,
@@ -6780,26 +6780,26 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
     extraOptions: H,
     isLoading: B
   }, j) => {
-    const [A, T] = v(!1), [x, V] = v(!1), [F, G] = v(!0), [u, E] = v(i), m = e1(null);
+    const [A, T] = u(!1), [x, V] = u(!1), [F, G] = u(!0), [v, E] = u(i), m = e1(null);
     R(() => {
       E(i);
     }, [i]);
-    const S = (a) => {
-      T(a), h && h(a);
-    }, U = (a, L) => {
+    const S = (C) => {
+      T(C), h && h(C);
+    }, U = (C, L) => {
       var N;
-      return !!((N = L == null ? void 0 : L.label) != null && N.toString().toLowerCase().includes(a.toLowerCase()));
+      return !!((N = L == null ? void 0 : L.label) != null && N.toString().toLowerCase().includes(C.toLowerCase()));
     }, D = () => {
       V(!0);
     }, _ = () => {
       V(!1);
-    }, y = (a) => {
-      if (E(a), l) {
-        const N = a;
+    }, y = (C) => {
+      if (E(C), l) {
+        const N = C;
         o == null || o(N);
         return;
       }
-      const L = a;
+      const L = C;
       o == null || o(L);
     }, c1 = () => {
       if (l) {
@@ -6807,22 +6807,39 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
         return;
       }
       y("");
-    }, J = (a) => {
-      const L = u.filter((N) => N !== a);
+    }, J = (C) => {
+      const L = v.filter((N) => N !== C);
       y(L), E(L);
-    }, a1 = (a) => (u == null ? void 0 : u.indexOf(a)) === 0 ? (
+    }, a1 = (C) => (v == null ? void 0 : v.indexOf(C)) === 0 ? (
       // if the search input is empty
       // then display the placeholder, else do not display it
       /* @__PURE__ */ t("span", { className: "custom-placeholder", children: F ? e : "" })
-    ) : /* @__PURE__ */ t(W, {}), d1 = (a) => {
-      a.preventDefault(), a.stopPropagation();
-    }, C1 = async (a) => {
-      const { target: L } = a;
-      L.scrollTop + L.offsetHeight >= L.scrollHeight - k && (f == null || f(!0)), I && await I(a);
-    }, Q = (a) => {
+    ) : /* @__PURE__ */ t(W, {}), d1 = (C) => {
+      C.preventDefault(), C.stopPropagation();
+    }, C1 = async (C) => {
+      const { target: L } = C;
+      L.scrollTop + L.offsetHeight >= L.scrollHeight - k && (f == null || f(!0)), I && await I(C);
+    }, Q = (C) => {
       var L, N;
-      return ((L = w.find((P) => P.value === a)) == null ? void 0 : L.label) || ((N = H == null ? void 0 : H.find((P) => P.value === a)) == null ? void 0 : N.label) || a;
+      return ((L = w.find((P) => P.value === C)) == null ? void 0 : L.label) || ((N = H == null ? void 0 : H.find((P) => P.value === C)) == null ? void 0 : N.label) || C;
     };
+    function w1(C) {
+      var L;
+      return /* @__PURE__ */ t(
+        D3,
+        {
+          values: C,
+          onTagClose: J,
+          maxWidth: ((L = m.current) == null ? void 0 : L.clientWidth) || 0,
+          disabled: n,
+          options: w,
+          extraOptions: H
+        }
+      );
+    }
+    function k1({ label: C, value: L, mode: N }) {
+      return N === "filter" ? a1(L) : /* @__PURE__ */ t("div", { onMouseDown: d1, className: "tag-wrapper", children: /* @__PURE__ */ t(s1, { onClose: () => J(L), closable: !n, children: /* @__PURE__ */ t(h1, { variant: "body4", children: typeof C == "object" ? C : Q(L) }) }) });
+    }
     return /* @__PURE__ */ c(
       "div",
       {
@@ -6832,7 +6849,7 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
         style: { width: g },
         children: [
           /* @__PURE__ */ t(
-            w1,
+            g1,
             {
               className: "snmt-select-blank",
               id: M,
@@ -6841,55 +6858,29 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
               filterOption: r && U,
               onDropdownVisibleChange: S,
               placeholder: e ? p ? `${e}*` : e : void 0,
-              disabled: s,
-              value: u || void 0,
-              labelRender: (a) => Q(a.value),
+              disabled: n,
+              value: v || void 0,
+              labelRender: (C) => Q(C.value),
               mode: l === "filter" ? "multiple" : l,
               onChange: y,
               onFocus: D,
               onBlur: _,
-              onSearch: (a) => {
-                G(!a), n && n(a);
+              onSearch: (C) => {
+                G(!C), s && s(C);
               },
               onSelect: () => G(!0),
               onDeselect: () => G(!0),
-              tagRender: l === "filter" ? (
-                // HACK to prevent showing selected options in input
-                (a) => a1(a.value)
-              ) : (a) => {
-                const L = typeof a.label == "object";
-                return /* @__PURE__ */ t("div", { onMouseDown: d1, className: "tag-wrapper", children: /* @__PURE__ */ t(
-                  n1,
-                  {
-                    onClose: () => J(a.value),
-                    closable: !s,
-                    children: /* @__PURE__ */ t(h1, { variant: "body4", children: L ? a.label : Q(a.value) })
-                  }
-                ) });
-              },
+              tagRender: (C) => k1({ ...C, mode: l }),
               maxTagCount: "responsive",
-              maxTagPlaceholder: (a) => {
-                var L;
-                return /* @__PURE__ */ t(
-                  A3,
-                  {
-                    values: a,
-                    onTagClose: J,
-                    maxWidth: ((L = m.current) == null ? void 0 : L.clientWidth) || 0,
-                    disabled: s,
-                    options: w,
-                    extraOptions: H
-                  }
-                );
-              },
+              maxTagPlaceholder: w1,
               onPopupScroll: C1,
               suffixIcon: /* @__PURE__ */ t("div", { className: "wrapper-suffix-icon", children: l !== "filter" && /* @__PURE__ */ c(W, { children: [
-                l && u && !!u.length && /* @__PURE__ */ t("div", { onClick: c1, children: /* @__PURE__ */ t(Y, { name: "cancel" }) }),
+                l && v && !!v.length && /* @__PURE__ */ t("div", { onClick: c1, children: /* @__PURE__ */ t(Y, { name: "cancel" }) }),
                 /* @__PURE__ */ t(
                   Y,
                   {
                     name: "selectArrowIcon",
-                    color: s ? Z.GREY_DARK_1 : Z.GREY_DARK_5,
+                    color: n ? Z.GREY_DARK_1 : Z.GREY_DARK_5,
                     className: A ? "select-arrow-rotated" : "select-arrow",
                     onClick: () => T(!A)
                   }
@@ -6897,20 +6888,20 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
               ] }) }),
               removeIcon: /* @__PURE__ */ t(Y, { name: "errorSmall", color: Z.GREY_DARK_2 }),
               options: w,
-              optionRender: (a) => /* @__PURE__ */ c(K, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+              optionRender: (C) => /* @__PURE__ */ c(K, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                 /* @__PURE__ */ c(K, { alignItems: "center", gap: 12, children: [
                   l && /* @__PURE__ */ t(
-                    v1,
+                    N1,
                     {
-                      checked: !!(u != null && u.includes(a.value))
+                      checked: !!(v != null && v.includes(C.value))
                     }
                   ),
                   /* @__PURE__ */ c(K, { alignItems: "center", gap: 8, children: [
-                    a.data.image && /* @__PURE__ */ t(m1, { src: a.data.image, size: 20 }),
-                    /* @__PURE__ */ t("span", { children: a.label })
+                    C.data.image && /* @__PURE__ */ t(v1, { src: C.data.image, size: 20 }),
+                    /* @__PURE__ */ t("span", { children: C.label })
                   ] })
                 ] }),
-                !l && u === a.value && /* @__PURE__ */ t(
+                !l && v === C.value && /* @__PURE__ */ t(
                   Y,
                   {
                     name: "ok",
@@ -6928,7 +6919,7 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
                     display: "grid",
                     justifyContent: "center"
                   },
-                  children: /* @__PURE__ */ t(G3, { size: 28 })
+                  children: /* @__PURE__ */ t(j3, { size: 28 })
                 }
               ) : void 0
             }
@@ -6937,7 +6928,7 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
             "fieldset",
             {
               className: `${x ? "fieldset-focused" : ""}
-                     ${s ? "fieldset-disabled" : ""}
+                     ${n ? "fieldset-disabled" : ""}
                      ${typeof i == "string" && i ? "fieldset-filled" : ""}
                      ${typeof i == "object" && i != null && i.length ? "fieldset-filled" : ""}`,
               children: /* @__PURE__ */ t("legend", { children: e ? /* @__PURE__ */ t("span", { children: p ? `${e}*` : e }) : "" })
@@ -6948,7 +6939,7 @@ const n1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
     );
   }
 );
-function D3(i, o = 500) {
+function T3(i, o = 500) {
   const e = e1();
   return R(() => () => {
     e.current && clearTimeout(e.current);
@@ -6962,7 +6953,7 @@ function D3(i, o = 500) {
 const z = {
   limit: 100,
   offset: 0
-}, O3 = b(
+}, F3 = b(
   ({
     loadOptions: i,
     width: o,
@@ -6971,12 +6962,12 @@ const z = {
     id: r,
     disabled: w,
     scrollThresholdValue: g,
-    placeholder: s,
+    placeholder: n,
     mode: p,
     loadOnClosedState: k,
-    extraOptions: n
+    extraOptions: s
   }, h) => {
-    const [f, I] = v([]), [M, H] = v(z), [B, j] = v(!1), [A, T] = v(null), x = $(
+    const [f, I] = u([]), [M, H] = u(z), [B, j] = u(!1), [A, T] = u(null), x = $(
       async (m = !1, S) => {
         if (!B) {
           j(!0);
@@ -6994,14 +6985,14 @@ const z = {
         }
       },
       [M, i, B]
-    ), V = D3(x), F = $(
+    ), V = T3(x), F = $(
       (m) => {
         (m === "" || m === void 0 || m === null) && H(z), V(!0, m);
       },
       [V]
     ), G = async (m) => {
       m && A !== null && A > f.length && await x(!1);
-    }, u = $(
+    }, v = $(
       (m) => {
         m && !k && x(!1);
       },
@@ -7017,21 +7008,21 @@ const z = {
       options: f,
       onChange: e,
       ref: h,
-      placeholder: s,
+      placeholder: n,
       search: !0,
       value: l,
       onSearchChange: F,
-      onDropdownVisibleChange: u,
+      onDropdownVisibleChange: v,
       scrollThresholdValue: g,
       onScrollToEnd: G,
       loadOnClosedState: k,
       disabled: w,
-      extraOptions: n,
+      extraOptions: s,
       isLoading: B
     };
     return p ? /* @__PURE__ */ t(X, { ...E, onChange: e, value: l, mode: p }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(X, { ...E, onChange: e, value: l }) });
   }
 );
 export {
-  O3 as AsyncSelect
+  F3 as AsyncSelect
 };