@snmt-react-ui/async-select 1.7.0 → 1.7.1

package/dist/async-select.js

@@ -3270,6 +3270,39 @@ const i2 = ({
       }
     )
   }
+), I5 = ({
+  width: o = 24,
+  height: i = 24,
+  color: e = "#131314",
+  className: l,
+  onClick: r
+}) => /* @__PURE__ */ c(
+  "svg",
+  {
+    width: o,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    className: l,
+    onClick: r,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M19.2598 20V4C19.2598 3.58579 19.5956 3.25 20.0098 3.25C20.424 3.25 20.7598 3.58579 20.7598 4V20C20.7598 20.4142 20.424 20.75 20.0098 20.75C19.5956 20.75 19.2598 20.4142 19.2598 20Z",
+          fill: e
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M9.96973 5.46972C10.2443 5.19512 10.6791 5.17765 10.9736 5.41796L11.0303 5.46972L17.5303 11.9697L17.582 12.0264C17.8063 12.3013 17.8063 12.6987 17.582 12.9736L17.5303 13.0303L11.0303 19.5303C10.7374 19.8232 10.2626 19.8232 9.96973 19.5303C9.67683 19.2374 9.67683 18.7626 9.96973 18.4697L15.1895 13.25H4C3.58579 13.25 3.25 12.9142 3.25 12.5C3.25 12.0858 3.58579 11.75 4 11.75H15.1895L9.96973 6.53027L9.91797 6.47363C9.67766 6.17905 9.69512 5.74433 9.96973 5.46972Z",
+          fill: e
+        }
+      )
+    ]
+  }
 ), X = ({
   name: o,
   width: i,
@@ -3528,16 +3561,18 @@ const i2 = ({
         return V5({ width: i, height: e, color: h, className: n, onClick: s });
       case "projects":
         return Z5({ width: i, height: e, color: h, className: n, onClick: s });
+      case "exit":
+        return I5({ width: i, height: e, color: h, className: n, onClick: s });
       default:
         return /* @__PURE__ */ t(K, { children: "No Icon provided" });
     }
   })() });
-}, { Title: I5, Text: W5 } = V1, B5 = {
+}, { Title: W5, Text: B5 } = V1, A5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, A5 = s1(
+}, G5 = s1(
   ({
     align: o = "inherit",
     variant: i = "body1",
@@ -3550,17 +3585,17 @@ const i2 = ({
     const p = i === "h1" || i === "h2" || i === "h3" || i === "h4";
     let g = `snmt-typography snmt-typography-${i}`;
     return o && o !== "inherit" && (g += ` snmt-typography-align-${o}`), a && (g += " collapsed"), p ? /* @__PURE__ */ t(
-      I5,
+      W5,
       {
         className: g,
         style: { color: e, whiteSpace: k },
         onClick: r,
-        level: B5[i],
+        level: A5[i],
         ref: n,
         children: l
       }
     ) : /* @__PURE__ */ t(
-      W5,
+      B5,
       {
         className: g,
         style: { color: e, whiteSpace: k },
@@ -3577,7 +3612,7 @@ const m1 = P({
   theme: "light"
 });
 m1.Provider;
-const G5 = ({
+const y5 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -3604,7 +3639,7 @@ const G5 = ({
       }
     )
   }
-), y5 = ({
+), D5 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -3631,7 +3666,7 @@ const G5 = ({
       }
     )
   }
-), D5 = ({
+), j5 = ({
   width: o = 16,
   height: i = 16,
   color: e = "#001E52",
@@ -3659,7 +3694,7 @@ const G5 = ({
       )
     ]
   }
-), j5 = ({
+), T5 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -3694,7 +3729,7 @@ const G5 = ({
       )
     ]
   }
-), T5 = ({
+), Y5 = ({
   width: o = 18,
   height: i = 18,
   color: e = "#001E52",
@@ -3733,7 +3768,7 @@ const G5 = ({
       )
     ]
   }
-), Y5 = ({
+), b5 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -3759,7 +3794,7 @@ const G5 = ({
       }
     )
   }
-), b5 = ({
+), K5 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -3780,7 +3815,7 @@ const G5 = ({
       /* @__PURE__ */ t("path", { d: "M16 4L4 16", stroke: e, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), K5 = ({
+), O5 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -3812,7 +3847,7 @@ const G5 = ({
       )
     ]
   }
-), O5 = ({
+), F5 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -3866,7 +3901,7 @@ const G5 = ({
       )
     ]
   }
-), F5 = ({
+), S5 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -3905,7 +3940,7 @@ const G5 = ({
       /* @__PURE__ */ t("path", { d: "M3 12L17 12", stroke: e, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), S5 = ({
+), U5 = ({
   width: o = 16,
   height: i = 12,
   color: e = "#001E52",
@@ -3954,7 +3989,7 @@ const G5 = ({
       )
     ] })
   }
-), U5 = ({
+), P5 = ({
   width: o = 16,
   height: i = 16,
   color: e = "#001E52",
@@ -3988,7 +4023,7 @@ const G5 = ({
       )
     ]
   }
-), P5 = ({
+), $5 = ({
   width: o = 10,
   height: i = 10,
   color: e = "#001E52",
@@ -4027,7 +4062,7 @@ const G5 = ({
       )
     ] })
   }
-), $5 = ({
+), z5 = ({
   width: o = 16,
   height: i = 16,
   color: e = "#001E52",
@@ -4063,7 +4098,7 @@ const G5 = ({
       )
     ]
   }
-), z5 = ({
+), J5 = ({
   width: o = 11,
   height: i = 32,
   color: e = "#001E52",
@@ -4101,7 +4136,7 @@ const G5 = ({
       /* @__PURE__ */ t("circle", { cx: "3", cy: "3", r: "3", fill: e })
     ]
   }
-), J5 = ({
+), q5 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -4148,7 +4183,7 @@ const G5 = ({
       )
     ]
   }
-), q5 = ({
+), Q5 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -4181,7 +4216,7 @@ const G5 = ({
       )
     ]
   }
-), Q5 = ({
+), X5 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -4228,7 +4263,7 @@ const G5 = ({
       )
     ]
   }
-), X5 = ({
+), e3 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -4261,7 +4296,7 @@ const G5 = ({
       )
     ]
   }
-), e3 = ({
+), i3 = ({
   width: o = 18,
   height: i = 16,
   color: e = "#001E52",
@@ -4300,7 +4335,7 @@ const G5 = ({
       )
     ]
   }
-), i3 = ({
+), o3 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -4333,7 +4368,7 @@ const G5 = ({
       )
     ]
   }
-), o3 = ({
+), t3 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -4357,7 +4392,7 @@ const G5 = ({
       }
     )
   }
-), t3 = ({
+), l3 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -4404,7 +4439,7 @@ const G5 = ({
       )
     ]
   }
-), l3 = ({
+), r3 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -4437,7 +4472,7 @@ const G5 = ({
       )
     ]
   }
-), r3 = ({
+), n3 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -4470,7 +4505,7 @@ const G5 = ({
       )
     ]
   }
-), n3 = ({
+), s3 = ({
   width: o = 20,
   height: i = 23,
   color: e = "#001E52",
@@ -4531,7 +4566,7 @@ const G5 = ({
       )
     ]
   }
-), s3 = ({
+), h3 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -4571,7 +4606,7 @@ const G5 = ({
       )
     ]
   }
-), h3 = ({
+), c3 = ({
   width: o = 32,
   height: i = 25,
   color: e = "#001E52",
@@ -4599,7 +4634,7 @@ const G5 = ({
       )
     ]
   }
-), c3 = ({
+), a3 = ({
   width: o = 14,
   height: i = 14,
   color: e = "#10B981",
@@ -4628,7 +4663,7 @@ const G5 = ({
       )
     ]
   }
-), a3 = ({
+), d3 = ({
   width: o = 11,
   height: i = 11,
   color: e = "#FFB020",
@@ -4662,7 +4697,7 @@ const G5 = ({
       )
     ]
   }
-), d3 = ({
+), C3 = ({
   width: o = 10,
   height: i = 10,
   color: e = "#88A4FF",
@@ -4710,7 +4745,7 @@ const G5 = ({
       )
     ]
   }
-), C3 = ({
+), w3 = ({
   width: o = 14,
   height: i = 14,
   color: e = "#8E8E93",
@@ -4738,7 +4773,7 @@ const G5 = ({
       )
     ]
   }
-), w3 = ({
+), g3 = ({
   width: o = 14,
   height: i = 14,
   color: e = "#FFB020",
@@ -4772,7 +4807,7 @@ const G5 = ({
       )
     ]
   }
-), g3 = ({
+), k3 = ({
   width: o = 14,
   height: i = 14,
   color: e = "#D0421B",
@@ -4820,7 +4855,7 @@ const G5 = ({
       )
     ]
   }
-), k3 = ({
+), p3 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#070739",
@@ -4850,7 +4885,7 @@ const G5 = ({
       /* @__PURE__ */ t("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), p3 = ({
+), L3 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#070739",
@@ -4888,7 +4923,7 @@ const G5 = ({
       )
     ]
   }
-), L3 = ({
+), m3 = ({
   width: o = 9,
   height: i = 5,
   color: e = "#001E52",
@@ -4914,7 +4949,7 @@ const G5 = ({
       }
     )
   }
-), m3 = ({
+), u3 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#F2F2F7",
@@ -4943,7 +4978,7 @@ const G5 = ({
       )
     ]
   }
-), u3 = ({
+), v3 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#004ED7",
@@ -4972,7 +5007,7 @@ const G5 = ({
       )
     ]
   }
-), v3 = ({
+), N3 = ({
   width: o = 248,
   height: i = 248,
   color: e = "#070739",
@@ -5009,7 +5044,7 @@ const G5 = ({
       )
     ]
   }
-), N3 = ({
+), f3 = ({
   width: o = 24,
   height: i = 24,
   color: e = "#001E52",
@@ -5048,7 +5083,7 @@ const G5 = ({
       )
     ]
   }
-), f3 = ({
+), M3 = ({
   width: o = 10,
   height: i = 10,
   color: e = "#001E52",
@@ -5077,7 +5112,7 @@ const G5 = ({
       )
     ]
   }
-), M3 = ({
+), x3 = ({
   width: o = 10,
   height: i = 10,
   color: e = "#001E52",
@@ -5114,7 +5149,7 @@ const G5 = ({
       )
     ]
   }
-), x3 = ({
+), _3 = ({
   width: o = 24,
   height: i = 24,
   color: e = w.GREY_DARK_5,
@@ -5153,7 +5188,7 @@ const G5 = ({
       )
     ]
   }
-), _3 = ({
+), R3 = ({
   width: o = 20,
   height: i = 20,
   color: e = w.GREY_DARK_1,
@@ -5186,7 +5221,7 @@ const G5 = ({
       )
     ]
   }
-), R3 = ({
+), H3 = ({
   width: o = 81,
   height: i = 80,
   color: e = w.GREY_DARK_5,
@@ -5235,7 +5270,7 @@ const G5 = ({
       )
     ]
   }
-), H3 = ({
+), E3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 20,
@@ -5262,7 +5297,7 @@ const G5 = ({
       }
     )
   }
-), E3 = ({
+), V3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 20,
@@ -5289,7 +5324,7 @@ const G5 = ({
       }
     )
   }
-), V3 = ({
+), Z3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 5,
@@ -5313,7 +5348,7 @@ const G5 = ({
       }
     )
   }
-), Z3 = ({
+), I3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 5,
@@ -5338,7 +5373,7 @@ const G5 = ({
       }
     )
   }
-), I3 = ({
+), W3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -5377,7 +5412,7 @@ const G5 = ({
       )
     ]
   }
-), W3 = ({
+), B3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -5416,7 +5451,7 @@ const G5 = ({
       )
     ]
   }
-), B3 = ({
+), A3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -5443,7 +5478,7 @@ const G5 = ({
       }
     )
   }
-), A3 = ({
+), G3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -5502,7 +5537,7 @@ const G5 = ({
       )
     ]
   }
-), G3 = ({
+), y3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -5539,7 +5574,7 @@ const G5 = ({
       )
     ]
   }
-), y3 = ({
+), D3 = ({
   className: o,
   color: i = w.GREY_DARK_3,
   height: e = 14,
@@ -5576,7 +5611,7 @@ const G5 = ({
       )
     ]
   }
-), D3 = ({
+), j3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 18,
@@ -5603,7 +5638,7 @@ const G5 = ({
       }
     )
   }
-), j3 = ({
+), T3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -5655,7 +5690,7 @@ const G5 = ({
       )
     ]
   }
-), T3 = ({
+), Y3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -5692,7 +5727,7 @@ const G5 = ({
       )
     ]
   }
-), Y3 = ({
+), b3 = ({
   className: o,
   color: i = w.NOTIFICATION_WARNING_DARK,
   height: e = 37,
@@ -5731,7 +5766,7 @@ const G5 = ({
       )
     ]
   }
-), b3 = ({
+), K3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -5757,7 +5792,7 @@ const G5 = ({
       }
     )
   }
-), K3 = ({
+), O3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -5796,7 +5831,7 @@ const G5 = ({
       )
     ]
   }
-), O3 = ({
+), F3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -5835,7 +5870,7 @@ const G5 = ({
       )
     ]
   }
-), F3 = ({
+), S3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -5904,7 +5939,7 @@ const G5 = ({
       )
     ]
   }
-), S3 = ({
+), U3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -5943,7 +5978,7 @@ const G5 = ({
       )
     ]
   }
-), U3 = ({
+), P3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -6000,7 +6035,7 @@ const G5 = ({
       )
     ]
   }
-), P3 = ({
+), $3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -6039,7 +6074,7 @@ const G5 = ({
       )
     ]
   }
-), $3 = ({
+), z3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -6088,7 +6123,7 @@ const G5 = ({
       )
     ]
   }
-), z3 = ({
+), J3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -6127,7 +6162,7 @@ const G5 = ({
       )
     ]
   }
-), J3 = ({
+), q3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -6154,7 +6189,7 @@ const G5 = ({
       }
     )
   }
-), q3 = ({
+), Q3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -6192,7 +6227,7 @@ const G5 = ({
       )
     ]
   }
-), Q3 = ({
+), X3 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -6213,7 +6248,7 @@ const G5 = ({
       /* @__PURE__ */ t("path", { d: "M12 8L4 8", stroke: i, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), X3 = ({
+), e0 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -6252,7 +6287,7 @@ const G5 = ({
       )
     ]
   }
-), e6 = ({
+), i0 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -6291,7 +6326,7 @@ const G5 = ({
       )
     ]
   }
-), i6 = ({
+), o0 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 24,
@@ -6330,7 +6365,7 @@ const G5 = ({
       )
     ]
   }
-), o6 = ({
+), t0 = ({
   className: o,
   color: i = w.GREY_DARK_2,
   height: e = 16,
@@ -6356,7 +6391,7 @@ const G5 = ({
       }
     )
   }
-), t6 = ({
+), l0 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 20,
@@ -6385,7 +6420,7 @@ const G5 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), l6 = ({
+), r0 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 20,
@@ -6414,7 +6449,7 @@ const G5 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), r6 = ({
+), n0 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 20,
@@ -6443,7 +6478,7 @@ const G5 = ({
       )
     ]
   }
-), n6 = ({
+), s0 = ({
   className: o,
   color: i = w.GREY_DARK_5,
   height: e = 20,
@@ -6472,7 +6507,7 @@ const G5 = ({
       )
     ]
   }
-), s6 = ({
+), h0 = ({
   className: o,
   color: i = "#001E52",
   height: e = 24,
@@ -6498,7 +6533,7 @@ const G5 = ({
       }
     )
   }
-), h6 = ({
+), c0 = ({
   className: o,
   color: i = "#131314",
   height: e = 20,
@@ -6526,7 +6561,7 @@ const G5 = ({
       }
     )
   }
-), c6 = ({
+), a0 = ({
   className: o,
   color: i = "#001E52",
   height: e = 24,
@@ -6564,7 +6599,7 @@ const G5 = ({
       )
     ] }) })
   }
-), a6 = ({
+), d0 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -6620,7 +6655,40 @@ const G5 = ({
       }
     )
   }
-), d6 = ({
+), C0 = ({
+  width: o = 24,
+  height: i = 24,
+  color: e = "#131314",
+  className: l,
+  onClick: r
+}) => /* @__PURE__ */ c(
+  "svg",
+  {
+    width: o,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    className: l,
+    onClick: r,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M19.2598 20V4C19.2598 3.58579 19.5956 3.25 20.0098 3.25C20.424 3.25 20.7598 3.58579 20.7598 4V20C20.7598 20.4142 20.424 20.75 20.0098 20.75C19.5956 20.75 19.2598 20.4142 19.2598 20Z",
+          fill: e
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M9.96973 5.46972C10.2443 5.19512 10.6791 5.17765 10.9736 5.41796L11.0303 5.46972L17.5303 11.9697L17.582 12.0264C17.8063 12.3013 17.8063 12.6987 17.582 12.9736L17.5303 13.0303L11.0303 19.5303C10.7374 19.8232 10.2626 19.8232 9.96973 19.5303C9.67683 19.2374 9.67683 18.7626 9.96973 18.4697L15.1895 13.25H4C3.58579 13.25 3.25 12.9142 3.25 12.5C3.25 12.0858 3.58579 11.75 4 11.75H15.1895L9.96973 6.53027L9.91797 6.47363C9.67766 6.17905 9.69512 5.74433 9.96973 5.46972Z",
+          fill: e
+        }
+      )
+    ]
+  }
+), w0 = ({
   name: o,
   width: i,
   height: e,
@@ -6639,39 +6707,39 @@ const G5 = ({
   }, [s, r, a]), /* @__PURE__ */ t(K, { children: (() => {
     switch (o) {
       case "nextIcon":
-        return H3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "prevIcon":
         return E3({ width: i, height: e, color: h, className: n, onClick: s });
+      case "prevIcon":
+        return V3({ width: i, height: e, color: h, className: n, onClick: s });
       case "arrowUp":
-        return G5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "arrowDown":
         return y5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "info":
+      case "arrowDown":
         return D5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "arrowRight":
+      case "info":
         return j5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "calendar":
+      case "arrowRight":
         return T5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "ok":
+      case "calendar":
         return Y5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "cancel":
+      case "ok":
         return b5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "add":
+      case "cancel":
         return K5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "list":
+      case "add":
         return O5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "dragAndDrop":
+      case "list":
         return F5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "filter":
+      case "dragAndDrop":
         return S5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "attention":
+      case "filter":
         return U5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "plus":
+      case "attention":
         return P5({ width: i, height: e, color: h, className: n, onClick: s });
-      case "time":
+      case "plus":
         return $5({ width: i, height: e, color: h, className: n, onClick: s });
+      case "time":
+        return z5({ width: i, height: e, color: h, className: n, onClick: s });
       case "arrowDownLong":
-        return z5({
+        return J5({
           width: i,
           height: e,
           color: h,
@@ -6679,9 +6747,9 @@ const G5 = ({
           onClick: s
         });
       case "users":
-        return J5({ width: i, height: e, color: h, className: n, onClick: s });
+        return q5({ width: i, height: e, color: h, className: n, onClick: s });
       case "mySkillsMatrix":
-        return q5({
+        return Q5({
           width: i,
           height: e,
           color: h,
@@ -6689,9 +6757,9 @@ const G5 = ({
           onClick: s
         });
       case "skills":
-        return Q5({ width: i, height: e, color: h, className: n, onClick: s });
+        return X5({ width: i, height: e, color: h, className: n, onClick: s });
       case "skillsMatrices":
-        return X5({
+        return e3({
           width: i,
           height: e,
           color: h,
@@ -6699,23 +6767,23 @@ const G5 = ({
           onClick: s
         });
       case "history":
-        return e3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "logOut":
         return i3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "settings":
+      case "logOut":
         return o3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "addSkill":
+      case "settings":
         return t3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "conversation":
+      case "addSkill":
         return l3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "trash":
+      case "conversation":
         return r3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "settings4":
+      case "trash":
         return n3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "edit2":
+      case "settings4":
         return s3({ width: i, height: e, color: h, className: n, onClick: s });
+      case "edit2":
+        return h3({ width: i, height: e, color: h, className: n, onClick: s });
       case "notifications":
-        return h3({
+        return c3({
           width: i,
           height: e,
           color: h,
@@ -6723,9 +6791,9 @@ const G5 = ({
           onClick: s
         });
       case "success":
-        return c3({ width: i, height: e, color: h, className: n, onClick: s });
+        return a3({ width: i, height: e, color: h, className: n, onClick: s });
       case "attentionSmall":
-        return a3({
+        return d3({
           width: i,
           height: e,
           color: h,
@@ -6733,11 +6801,11 @@ const G5 = ({
           onClick: s
         });
       case "errorSmall":
-        return d3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "infoMedium":
         return C3({ width: i, height: e, color: h, className: n, onClick: s });
+      case "infoMedium":
+        return w3({ width: i, height: e, color: h, className: n, onClick: s });
       case "attentionMedium":
-        return w3({
+        return g3({
           width: i,
           height: e,
           color: h,
@@ -6745,9 +6813,9 @@ const G5 = ({
           onClick: s
         });
       case "errorMedium":
-        return g3({ width: i, height: e, color: h, className: n, onClick: s });
+        return k3({ width: i, height: e, color: h, className: n, onClick: s });
       case "faviconSkills":
-        return v3({
+        return N3({
           width: i,
           height: e,
           color: h,
@@ -6755,7 +6823,7 @@ const G5 = ({
           onClick: s
         });
       case "visibilityIcon":
-        return k3({
+        return p3({
           width: i,
           height: e,
           color: h,
@@ -6763,7 +6831,7 @@ const G5 = ({
           onClick: s
         });
       case "visibilityOffIcon":
-        return p3({
+        return L3({
           width: i,
           height: e,
           color: h,
@@ -6771,7 +6839,7 @@ const G5 = ({
           onClick: s
         });
       case "selectArrowIcon":
-        return L3({
+        return m3({
           width: i,
           height: e,
           color: h,
@@ -6779,7 +6847,7 @@ const G5 = ({
           onClick: s
         });
       case "expandArrowIcon":
-        return m3({
+        return u3({
           width: i,
           height: e,
           color: h,
@@ -6787,7 +6855,7 @@ const G5 = ({
           onClick: s
         });
       case "expandActiveArrowIcon":
-        return u3({
+        return v3({
           width: i,
           height: e,
           color: h,
@@ -6795,100 +6863,102 @@ const G5 = ({
           onClick: s
         });
       case "camera":
-        return N3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "sortUp":
         return f3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "sortDown":
+      case "sortUp":
         return M3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "logOut2":
+      case "sortDown":
         return x3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "search":
+      case "logOut2":
         return _3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "handRock":
+      case "search":
         return R3({ width: i, height: e, color: h, className: n, onClick: s });
+      case "handRock":
+        return H3({ width: i, height: e, color: h, className: n, onClick: s });
       case "arrowUpFilled":
-        return Z3({ width: i, height: e, color: h, className: n, onClick: s });
+        return I3({ width: i, height: e, color: h, className: n, onClick: s });
       case "arrowDownFilled":
-        return V3({ width: i, height: e, color: h, className: n, onClick: s });
+        return Z3({ width: i, height: e, color: h, className: n, onClick: s });
       case "link":
-        return I3({ width: i, height: e, color: h, className: n, onClick: s });
+        return W3({ width: i, height: e, color: h, className: n, onClick: s });
       case "telegram":
-        return B3({ width: i, height: e, color: h, className: n, onClick: s });
+        return A3({ width: i, height: e, color: h, className: n, onClick: s });
       case "mail":
-        return G3({ width: i, height: e, color: h, className: n, onClick: s });
+        return y3({ width: i, height: e, color: h, className: n, onClick: s });
       case "github":
-        return W3({ width: i, height: e, color: h, className: n, onClick: s });
+        return B3({ width: i, height: e, color: h, className: n, onClick: s });
       case "linkedIn":
-        return A3({ width: i, height: e, color: h, className: n, onClick: s });
+        return G3({ width: i, height: e, color: h, className: n, onClick: s });
       case "emptyStateIcon":
-        return y3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "filtersIcon":
         return D3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "dotMenuIcon":
+      case "filtersIcon":
         return j3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "plusCircle":
+      case "dotMenuIcon":
         return T3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "warning":
+      case "plusCircle":
         return Y3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "back":
+      case "warning":
         return b3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "bell":
+      case "back":
         return K3({ width: i, height: e, color: h, className: n, onClick: s });
+      case "bell":
+        return O3({ width: i, height: e, color: h, className: n, onClick: s });
       case "contract":
-        return F3({ width: i, height: e, color: h, className: n, onClick: s });
+        return S3({ width: i, height: e, color: h, className: n, onClick: s });
       case "trash2":
-        return O3({ width: i, height: e, color: h, className: n, onClick: s });
+        return F3({ width: i, height: e, color: h, className: n, onClick: s });
       case "manager":
-        return S3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "resourceManager":
         return U3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "settings2":
+      case "resourceManager":
         return P3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "image":
+      case "settings2":
         return $3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "upload":
+      case "image":
         return z3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "edit":
+      case "upload":
         return J3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "location":
+      case "edit":
         return q3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "plus2":
+      case "location":
         return Q3({ width: i, height: e, color: h, className: n, onClick: s });
-      case "search2":
+      case "plus2":
         return X3({ width: i, height: e, color: h, className: n, onClick: s });
+      case "search2":
+        return e0({ width: i, height: e, color: h, className: n, onClick: s });
       case "fastArrowLeft":
-        return e6({ width: i, height: e, color: h, className: n, onClick: s });
+        return i0({ width: i, height: e, color: h, className: n, onClick: s });
       case "fastArrowRight":
-        return i6({ width: i, height: e, color: h, className: n, onClick: s });
+        return o0({ width: i, height: e, color: h, className: n, onClick: s });
       case "crossInCircle":
-        return o6({ width: i, height: e, color: h, className: n, onClick: s });
+        return t0({ width: i, height: e, color: h, className: n, onClick: s });
       case "arrowUp2":
-        return l6({ width: i, height: e, color: h, className: n, onClick: s });
+        return r0({ width: i, height: e, color: h, className: n, onClick: s });
       case "arrowDown2":
-        return t6({ width: i, height: e, color: h, className: n, onClick: s });
+        return l0({ width: i, height: e, color: h, className: n, onClick: s });
       case "filledArrowLeft":
-        return r6({ width: i, height: e, color: h, className: n, onClick: s });
+        return n0({ width: i, height: e, color: h, className: n, onClick: s });
       case "filledArrowRight":
-        return n6({ width: i, height: e, color: h, className: n, onClick: s });
+        return s0({ width: i, height: e, color: h, className: n, onClick: s });
       case "burgerMenu":
-        return s6({ width: i, height: e, color: h, className: n, onClick: s });
+        return h0({ width: i, height: e, color: h, className: n, onClick: s });
       case "signOut":
-        return h6({ width: i, height: e, color: h, className: n, onClick: s });
+        return c0({ width: i, height: e, color: h, className: n, onClick: s });
       case "refresh":
-        return c6({ width: i, height: e, color: h, className: n, onClick: s });
+        return a0({ width: i, height: e, color: h, className: n, onClick: s });
       case "projects":
-        return a6({ width: i, height: e, color: h, className: n, onClick: s });
+        return d0({ width: i, height: e, color: h, className: n, onClick: s });
+      case "exit":
+        return C0({ width: i, height: e, color: h, className: n, onClick: s });
       default:
         return /* @__PURE__ */ t(K, { children: "No Icon provided" });
     }
   })() });
 };
 var U = /* @__PURE__ */ ((o) => (o.GREY_LIGHT_0 = "var(--grey-light-0)", o.GREY_LIGHT_1 = "var(--grey-light-1)", o.GREY_LIGHT_2 = "var(--grey-light-2)", o.GREY_LIGHT_3 = "var(--grey-light-3)", o.GREY_LIGHT_4 = "var(--grey-light-4)", o.GREY_DARK_1 = "var(--grey-dark-1)", o.GREY_DARK_2 = "var(--grey-dark-2)", o.GREY_DARK_3 = "var(--grey-dark-3)", o.GREY_DARK_4 = "var(--grey-dark-4)", o.GREY_DARK_5 = "var(--grey-dark-5)", o.BLUE_PRIMARY = "var(--blue-primary)", o.BLUE_HOVER = "var(--blue-hover)", o.BLUE_LIGHT_1 = "var(--blue-light-1)", o.BLUE_LIGHT_2 = "var(--blue-light-2)", o.BLUE_LIGHT_3 = "var(--blue-light-3)", o.BLUE_LIGHT_4 = "var(--blue-light-4)", o.BLUE_DARK_1 = "var(--blue-dark-1)", o.PURPLE_LIGHT = "var(--purple-light)", o.PURPLE_DARK = "var(--purple-dark)", o.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", o.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", o.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", o.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", o.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", o.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", o.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", o))(U || {});
-const C6 = P({
+const g0 = P({
   locale: "en",
   theme: "light"
 });
-C6.Provider;
+g0.Provider;
 const u1 = ({
   children: o,
   width: i,
@@ -6905,7 +6975,7 @@ const u1 = ({
     {
       className: `snmt-tag ${e} ${a ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ t(
-        d6,
+        w0,
         {
           name: "errorSmall",
           color: a ? U.GREY_DARK_1 : U.GREY_DARK_2,
@@ -6918,7 +6988,7 @@ const u1 = ({
       style: { width: i ?? "fit-content" },
       closable: r,
       children: typeof o == "string" ? /* @__PURE__ */ t(
-        A5,
+        G5,
         {
           variant: e === "small" ? "body4" : "body2",
           color: a ? U.GREY_DARK_2 : U.GREY_DARK_5,
@@ -6927,7 +6997,7 @@ const u1 = ({
       ) : o
     }
   );
-}, w6 = ({
+}, k0 = ({
   children: o,
   content: i,
   isOpen: e,
@@ -6952,7 +7022,7 @@ const u1 = ({
     }
   );
 };
-var g6 = { exports: {} };
+var p0 = { exports: {} };
 (function(o, i) {
   (function(e, l) {
     o.exports = l();
@@ -6962,8 +7032,8 @@ var g6 = { exports: {} };
       return "[" + e + (l[(r - 20) % 10] || l[r] || l[0]) + "]";
     } };
   });
-})(g6);
-const k6 = ({
+})(p0);
+const L0 = ({
   values: o,
   onTagClose: i,
   maxWidth: e,
@@ -6982,7 +7052,7 @@ const k6 = ({
     return ((E = a == null ? void 0 : a.find((u) => u.value === f)) == null ? void 0 : E.label) || ((I = k == null ? void 0 : k.find((u) => u.value === f)) == null ? void 0 : I.label) || f;
   };
   return /* @__PURE__ */ c(
-    w6,
+    k0,
     {
       content: (
         // 90: paddings + margins + gaps and so on
@@ -7101,7 +7171,7 @@ const k6 = ({
       (d) => {
         var m;
         return /* @__PURE__ */ t(
-          k6,
+          L0,
           {
             values: d,
             onTagClose: Q,
@@ -7225,7 +7295,7 @@ const k6 = ({
     );
   }
 );
-function p6(o, i = 500) {
+function m0(o, i = 500) {
   const e = i1();
   return G(() => () => {
     e.current && clearTimeout(e.current);
@@ -7239,7 +7309,7 @@ function p6(o, i = 500) {
 const S = {
   limit: 100,
   offset: 0
-}, f6 = s1(
+}, x0 = s1(
   ({
     loadOptions: o,
     width: i,
@@ -7277,7 +7347,7 @@ const S = {
         }
       },
       [L, o, N]
-    ), j = p6(D), H = Z(
+    ), j = m0(D), H = Z(
       (_) => {
         _ === "" || _ === void 0 || _ === null ? (v(S), j(!0)) : j(!0, _);
       },
@@ -7325,5 +7395,5 @@ const S = {
   }
 );
 export {
-  f6 as AsyncSelect
+  x0 as AsyncSelect
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/async-select",
     "private": false,
-    "version": "1.7.0",
+    "version": "1.7.1",
     "type": "module",
     "main": "dist/async-select.js",
     "types": "dist/index.d.ts",
@@ -18,10 +18,10 @@
         "build": "tsc && vite build"
     },
     "dependencies": {
-        "@snmt-react-ui/select": "^1.15.1"
+        "@snmt-react-ui/select": "^1.15.2"
     },
     "peerDependencies": {
         "antd": "^5.18.3"
     },
-    "gitHead": "ace8423c66d4f4f62ce7a72d3110e19580ea6e7c"
+    "gitHead": "e38a40d84160f6c34f35008bf384fdb2e9d4d1c3"
 }