kelt-ui-kit-react 0.4.1 → 0.4.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import le, { useState as q, useCallback as M, createContext as kn, useContext as Cr, useRef as ue, useDebugValue as or, createElement as Nn, useId as _n, useEffect as ee, useMemo as Oe, forwardRef as Rr, useImperativeHandle as kr } from "react";
+import le, { useState as q, useCallback as D, createContext as kn, useContext as Cr, useRef as ue, useDebugValue as or, createElement as Nn, useId as _n, useEffect as ee, useMemo as Oe, forwardRef as Rr, useImperativeHandle as kr } from "react";
 import Mt, { createPortal as Pn } from "react-dom";
 var _t = { exports: {} }, Ye = {};
 /**
@@ -15,12 +15,12 @@ function On() {
   if (ar) return Ye;
   ar = 1;
   var e = le, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(u, d, v) {
-    var g, p = {}, l = null, m = null;
-    v !== void 0 && (l = "" + v), d.key !== void 0 && (l = "" + d.key), d.ref !== void 0 && (m = d.ref);
-    for (g in d) n.call(d, g) && !i.hasOwnProperty(g) && (p[g] = d[g]);
-    if (u && u.defaultProps) for (g in d = u.defaultProps, d) p[g] === void 0 && (p[g] = d[g]);
-    return { $$typeof: t, type: u, key: l, ref: m, props: p, _owner: a.current };
+  function c(l, d, g) {
+    var v, p = {}, u = null, m = null;
+    g !== void 0 && (u = "" + g), d.key !== void 0 && (u = "" + d.key), d.ref !== void 0 && (m = d.ref);
+    for (v in d) n.call(d, v) && !i.hasOwnProperty(v) && (p[v] = d[v]);
+    if (l && l.defaultProps) for (v in d = l.defaultProps, d) p[v] === void 0 && (p[v] = d[v]);
+    return { $$typeof: t, type: l, key: u, ref: m, props: p, _owner: a.current };
   }
   return Ye.Fragment = r, Ye.jsx = c, Ye.jsxs = c, Ye;
 }
@@ -37,7 +37,7 @@ var Ue = {};
 var sr;
 function An() {
   return sr || (sr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = le, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), l = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), y = Symbol.iterator, w = "@@iterator";
+    var e = le, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), u = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), y = Symbol.iterator, w = "@@iterator";
     function R(o) {
       if (o === null || typeof o != "object")
         return null;
@@ -65,7 +65,7 @@ function An() {
     var A = !1, I = !1, x = !1, b = !1, ne = !1, oe;
     oe = Symbol.for("react.module.reference");
     function vt(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === n || o === i || ne || o === a || o === v || o === g || b || o === m || A || I || x || typeof o == "object" && o !== null && (o.$$typeof === l || o.$$typeof === p || o.$$typeof === c || o.$$typeof === u || o.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof o == "string" || typeof o == "function" || o === n || o === i || ne || o === a || o === g || o === v || b || o === m || A || I || x || typeof o == "object" && o !== null && (o.$$typeof === u || o.$$typeof === p || o.$$typeof === c || o.$$typeof === l || o.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -97,14 +97,14 @@ function An() {
           return "Profiler";
         case a:
           return "StrictMode";
-        case v:
-          return "Suspense";
         case g:
+          return "Suspense";
+        case v:
           return "SuspenseList";
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
-          case u:
+          case l:
             var f = o;
             return He(f) + ".Consumer";
           case c:
@@ -115,7 +115,7 @@ function An() {
           case p:
             var S = o.displayName || null;
             return S !== null ? S : G(o.type) || "Memo";
-          case l: {
+          case u: {
             var P = o, T = P._payload, N = P._init;
             try {
               return G(N(T));
@@ -257,18 +257,18 @@ function An() {
         if (Y && S && typeof Y.stack == "string") {
           for (var C = Y.stack.split(`
 `), B = S.stack.split(`
-`), D = C.length - 1, L = B.length - 1; D >= 1 && L >= 0 && C[D] !== B[L]; )
+`), F = C.length - 1, L = B.length - 1; F >= 1 && L >= 0 && C[F] !== B[L]; )
             L--;
-          for (; D >= 1 && L >= 0; D--, L--)
-            if (C[D] !== B[L]) {
-              if (D !== 1 || L !== 1)
+          for (; F >= 1 && L >= 0; F--, L--)
+            if (C[F] !== B[L]) {
+              if (F !== 1 || L !== 1)
                 do
-                  if (D--, L--, L < 0 || C[D] !== B[L]) {
+                  if (F--, L--, L < 0 || C[F] !== B[L]) {
                     var X = `
-` + C[D].replace(" at new ", " at ");
+` + C[F].replace(" at new ", " at ");
                     return o.displayName && X.includes("<anonymous>") && (X = X.replace("<anonymous>", o.displayName)), typeof o == "function" && he.set(o, X), X;
                   }
-                while (D >= 1 && L >= 0);
+                while (F >= 1 && L >= 0);
               break;
             }
         }
@@ -293,9 +293,9 @@ function An() {
       if (typeof o == "string")
         return J(o);
       switch (o) {
-        case v:
-          return J("Suspense");
         case g:
+          return J("Suspense");
+        case v:
           return J("SuspenseList");
       }
       if (typeof o == "object")
@@ -304,7 +304,7 @@ function An() {
             return rn(o.render);
           case p:
             return Ke(o.type, f, h);
-          case l: {
+          case u: {
             var S = o, P = S._payload, T = S._init;
             try {
               return Ke(T(P), f, h);
@@ -334,8 +334,8 @@ function An() {
                 throw B.name = "Invariant Violation", B;
               }
               C = o[N](f, N, S, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              C = D;
+            } catch (F) {
+              C = F;
             }
             C && !(C instanceof Error) && (Je(P), j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", S || "React class", h, N, typeof C), Je(null)), C instanceof Error && !(C.message in Ut) && (Ut[C.message] = !0, Je(P), j("Failed %s type: %s", h, C.message), Je(null));
           }
@@ -452,9 +452,9 @@ function An() {
         for (T in f)
           Ve.call(f, T) && !ln.hasOwnProperty(T) && (N[T] = f[T]);
         if (o && o.defaultProps) {
-          var D = o.defaultProps;
-          for (T in D)
-            N[T] === void 0 && (N[T] = D[T]);
+          var F = o.defaultProps;
+          for (T in F)
+            N[T] === void 0 && (N[T] = F[T]);
         }
         if (C || B) {
           var L = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
@@ -582,8 +582,8 @@ Check the top-level render call using <` + h + ">.");
           (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (C += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var B = vn();
           B ? C += B : C += Zt();
-          var D;
-          o === null ? D = "null" : xt(o) ? D = "array" : o !== void 0 && o.$$typeof === t ? (D = "<" + (G(o.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : D = typeof o, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, C);
+          var F;
+          o === null ? F = "null" : xt(o) ? F = "array" : o !== void 0 && o.$$typeof === t ? (F = "<" + (G(o.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : F = typeof o, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, C);
         }
         var L = gn(o, f, h, P, T);
         if (L == null)
@@ -630,7 +630,7 @@ React keys must be passed directly to JSX without using spread:
 }
 process.env.NODE_ENV === "production" ? _t.exports = On() : _t.exports = An();
 var s = _t.exports;
-const F = ({ classIcon: e, size: t }) => /* @__PURE__ */ s.jsx("i", { className: `bi ${e} ${t ?? "sm"}` });
+const M = ({ classIcon: e, size: t }) => /* @__PURE__ */ s.jsx("i", { className: `bi ${e} ${t ?? "sm"}` });
 var ce = /* @__PURE__ */ ((e) => (e.EXTRA_SMALL = "xs", e.SMALL = "sm", e.MEDIUM = "md", e.LARGE = "xl", e.EXTRA_LARGE = "xxl", e))(ce || {});
 const ta = ({
   className: e,
@@ -642,7 +642,7 @@ const ta = ({
     t && t(i);
   };
   return /* @__PURE__ */ s.jsxs("div", { className: `action ${e}`, onClick: a, children: [
-    n && /* @__PURE__ */ s.jsx(F, { classIcon: n, size: ce.LARGE }),
+    n && /* @__PURE__ */ s.jsx(M, { classIcon: n, size: ce.LARGE }),
     /* @__PURE__ */ s.jsx("small", { children: r })
   ] });
 }, Nr = ({
@@ -654,7 +654,7 @@ const ta = ({
   positionicon: i = 1,
   disabled: c = !1
 }) => {
-  const u = (d) => {
+  const l = (d) => {
     t && t(d);
   };
   return /* @__PURE__ */ s.jsxs(
@@ -662,12 +662,12 @@ const ta = ({
     {
       disabled: c,
       type: "submit",
-      onClick: (d) => u(d),
+      onClick: (d) => l(d),
       className: e,
       children: [
-        a && i == 1 && /* @__PURE__ */ s.jsx("span", { className: "mr-2", children: /* @__PURE__ */ s.jsx(F, { size: n, classIcon: a }) }),
+        a && i == 1 && /* @__PURE__ */ s.jsx("span", { className: "mr-2", children: /* @__PURE__ */ s.jsx(M, { size: n, classIcon: a }) }),
         /* @__PURE__ */ s.jsx("span", { children: r }),
-        a && i == 2 && /* @__PURE__ */ s.jsx("span", { className: "ml-2", children: /* @__PURE__ */ s.jsx(F, { classIcon: a }) })
+        a && i == 2 && /* @__PURE__ */ s.jsx("span", { className: "ml-2", children: /* @__PURE__ */ s.jsx(M, { classIcon: a }) })
       ]
     }
   );
@@ -679,7 +679,7 @@ const ta = ({
     children: e.item.children
   }
 ), In = (e) => {
-  const [t, r] = q(e.items[0]), n = M(
+  const [t, r] = q(e.items[0]), n = D(
     (a) => {
       r(a);
     },
@@ -769,8 +769,8 @@ function ir(e, t) {
   });
 }
 var ft = 1, Ie = 1, $r = 0, K = 0, z = 0, Me = "";
-function pt(e, t, r, n, a, i, c, u) {
-  return { value: e, root: t, parent: r, type: n, props: a, children: i, line: ft, column: Ie, length: c, return: "", siblings: u };
+function pt(e, t, r, n, a, i, c, l) {
+  return { value: e, root: t, parent: r, type: n, props: a, children: i, line: ft, column: Ie, length: c, return: "", siblings: l };
 }
 function ge(e, t) {
   return Pt(pt("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
@@ -881,12 +881,12 @@ function Kn(e) {
 function Jn(e) {
   return qn(ot("", null, null, null, [""], e = Un(e), 0, [0], e));
 }
-function ot(e, t, r, n, a, i, c, u, d) {
-  for (var v = 0, g = 0, p = c, l = 0, m = 0, y = 0, w = 1, R = 1, k = 1, j = 0, _ = "", A = a, I = i, x = n, b = _; R; )
+function ot(e, t, r, n, a, i, c, l, d) {
+  for (var g = 0, v = 0, p = c, u = 0, m = 0, y = 0, w = 1, R = 1, k = 1, j = 0, _ = "", A = a, I = i, x = n, b = _; R; )
     switch (y = j, j = te()) {
       case 40:
         if (y != 108 && W(b, p - 1) == 58) {
-          rt(b += E(Ct(j), "&", "&\f"), "&\f", Ar(v ? u[v - 1] : 0)) != -1 && (k = -1);
+          rt(b += E(Ct(j), "&", "&\f"), "&\f", Ar(g ? l[g - 1] : 0)) != -1 && (k = -1);
           break;
         }
       case 34:
@@ -914,7 +914,7 @@ function ot(e, t, r, n, a, i, c, u, d) {
         }
         break;
       case 123 * w:
-        u[v++] = re(b) * k;
+        l[g++] = re(b) * k;
       case 125 * w:
       case 59:
       case 0:
@@ -922,28 +922,28 @@ function ot(e, t, r, n, a, i, c, u, d) {
           case 0:
           case 125:
             R = 0;
-          case 59 + g:
+          case 59 + v:
             k == -1 && (b = E(b, /\f/g, "")), m > 0 && re(b) - p && qe(m > 32 ? lr(b + ";", n, r, p - 1, d) : lr(E(b, " ", "") + ";", n, r, p - 2, d), d);
             break;
           case 59:
             b += ";";
           default:
-            if (qe(x = cr(b, t, r, v, g, a, u, _, A = [], I = [], p, i), i), j === 123)
-              if (g === 0)
-                ot(b, t, x, x, A, i, p, u, I);
+            if (qe(x = cr(b, t, r, g, v, a, l, _, A = [], I = [], p, i), i), j === 123)
+              if (v === 0)
+                ot(b, t, x, x, A, i, p, l, I);
               else
-                switch (l === 99 && W(b, 3) === 110 ? 100 : l) {
+                switch (u === 99 && W(b, 3) === 110 ? 100 : u) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    ot(e, x, x, n && qe(cr(e, x, x, 0, 0, a, u, _, a, A = [], p, I), I), a, I, p, u, n ? A : I);
+                    ot(e, x, x, n && qe(cr(e, x, x, 0, 0, a, l, _, a, A = [], p, I), I), a, I, p, l, n ? A : I);
                     break;
                   default:
-                    ot(b, x, x, x, [""], I, 0, u, I);
+                    ot(b, x, x, x, [""], I, 0, l, I);
                 }
         }
-        v = g = m = 0, w = k = 1, _ = b = "", p = c;
+        g = v = m = 0, w = k = 1, _ = b = "", p = c;
         break;
       case 58:
         p = 1 + re(b), m = y;
@@ -956,13 +956,13 @@ function ot(e, t, r, n, a, i, c, u, d) {
         }
         switch (b += zt(j), j * w) {
           case 38:
-            k = g > 0 ? 1 : (b += "\f", -1);
+            k = v > 0 ? 1 : (b += "\f", -1);
             break;
           case 44:
-            u[v++] = (re(b) - 1) * k, k = 1;
+            l[g++] = (re(b) - 1) * k, k = 1;
             break;
           case 64:
-            we() === 45 && (b += Ct(te())), l = we(), g = p = re(_ = b += Kn(nt())), j++;
+            we() === 45 && (b += Ct(te())), u = we(), v = p = re(_ = b += Kn(nt())), j++;
             break;
           case 45:
             y === 45 && re(b) == 2 && (w = 0);
@@ -970,11 +970,11 @@ function ot(e, t, r, n, a, i, c, u, d) {
     }
   return i;
 }
-function cr(e, t, r, n, a, i, c, u, d, v, g, p) {
-  for (var l = a - 1, m = a === 0 ? i : [""], y = Ir(m), w = 0, R = 0, k = 0; w < n; ++w)
-    for (var j = 0, _ = Te(e, l + 1, l = Ar(R = c[w])), A = e; j < y; ++j)
+function cr(e, t, r, n, a, i, c, l, d, g, v, p) {
+  for (var u = a - 1, m = a === 0 ? i : [""], y = Ir(m), w = 0, R = 0, k = 0; w < n; ++w)
+    for (var j = 0, _ = Te(e, u + 1, u = Ar(R = c[w])), A = e; j < y; ++j)
       (A = Tr(R > 0 ? m[j] + " " + _ : E(_, /&\f/g, m[j]))) && (d[k++] = A);
-  return pt(e, t, r, a === 0 ? dt : u, d, v, g, p);
+  return pt(e, t, r, a === 0 ? dt : l, d, g, v, p);
 }
 function Zn(e, t, r, n) {
   return pt(e, t, r, Pr, zt(Bn()), Te(e, 2, -2), 0, n);
@@ -1102,8 +1102,8 @@ function Dr(e, t, r) {
       break;
     case 5152:
     case 5920:
-      return E(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, a, i, c, u, d, v) {
-        return $ + a + ":" + i + v + (c ? $ + a + "-span:" + (u ? d : +d - +i) + v : "") + e;
+      return E(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, a, i, c, l, d, g) {
+        return $ + a + ":" + i + g + (c ? $ + a + "-span:" + (l ? d : +d - +i) + g : "") + e;
       });
     case 4949:
       if (W(e, t + 6) === 121)
@@ -1150,8 +1150,8 @@ function Qn(e, t, r, n) {
 function eo(e) {
   var t = Ir(e);
   return function(r, n, a, i) {
-    for (var c = "", u = 0; u < t; u++)
-      c += e[u](r, n, a, i) || "";
+    for (var c = "", l = 0; l < t; l++)
+      c += e[l](r, n, a, i) || "";
     return c;
   };
 }
@@ -1241,8 +1241,8 @@ To resolve this only create new StyledComponents outside of any render method an
     try {
       var i = !0;
       console.error = function(c) {
-        for (var u = [], d = 1; d < arguments.length; d++) u[d - 1] = arguments[d];
-        ur.test(c) ? (i = !1, Ze.delete(n)) : a.apply(void 0, Ae([c], u, !1));
+        for (var l = [], d = 1; d < arguments.length; d++) l[d - 1] = arguments[d];
+        ur.test(c) ? (i = !1, Ze.delete(n)) : a.apply(void 0, Ae([c], l, !1));
       }, ue(), i && !Ze.has(n) && (console.warn(n), Ze.add(n));
     } catch (c) {
       ur.test(c.message) && Ze.delete(n);
@@ -1295,12 +1295,12 @@ function Ur(e, t, r) {
     }
     var a = vo(t);
     hr && (a = a.concat(hr(t)));
-    for (var i = pr(e), c = pr(t), u = 0; u < a.length; ++u) {
-      var d = a[u];
+    for (var i = pr(e), c = pr(t), l = 0; l < a.length; ++l) {
+      var d = a[l];
       if (!(d in ho || r && r[d] || c && d in c || i && d in i)) {
-        var v = yo(t, d);
+        var g = yo(t, d);
         try {
-          go(e, d, v);
+          go(e, d, g);
         } catch {
         }
       }
@@ -1400,7 +1400,7 @@ var So = function() {
       this.groupSizes = new Uint32Array(i), this.groupSizes.set(n), this.length = i;
       for (var c = a; c < i; c++) this.groupSizes[c] = 0;
     }
-    for (var u = this.indexOfGroup(t + 1), d = (c = 0, r.length); c < d; c++) this.tag.insertRule(u, r[c]) && (this.groupSizes[t]++, u++);
+    for (var l = this.indexOfGroup(t + 1), d = (c = 0, r.length); c < d; c++) this.tag.insertRule(l, r[c]) && (this.groupSizes[t]++, l++);
   }, e.prototype.clearGroup = function(t) {
     if (t < this.length) {
       var r = this.groupSizes[t], n = this.indexOfGroup(t), a = n + r;
@@ -1425,13 +1425,13 @@ var So = function() {
   for (var n, a = r.split(","), i = 0, c = a.length; i < c; i++) (n = a[i]) && e.registerName(t, n);
 }, No = function(e, t) {
   for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(Wt), a = [], i = 0, c = n.length; i < c; i++) {
-    var u = n[i].trim();
-    if (u) {
-      var d = u.match(Ro);
+    var l = n[i].trim();
+    if (l) {
+      var d = l.match(Ro);
       if (d) {
-        var v = 0 | parseInt(d[1], 10), g = d[2];
-        v !== 0 && (Eo(g, v), ko(e, g, d[3]), e.getTag().insertRules(v, a)), a.length = 0;
-      } else a.push(u);
+        var g = 0 | parseInt(d[1], 10), v = d[2];
+        g !== 0 && (Eo(v, g), ko(e, v, d[3]), e.getTag().insertRules(g, a)), a.length = 0;
+      } else a.push(l);
     }
   }
 }, vr = function(e) {
@@ -1444,8 +1444,8 @@ function _o() {
   return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
 }
 var qr = function(e) {
-  var t = document.head, r = e || t, n = document.createElement("style"), a = function(u) {
-    var d = Array.from(u.querySelectorAll("style[".concat(je, "]")));
+  var t = document.head, r = e || t, n = document.createElement("style"), a = function(l) {
+    var d = Array.from(l.querySelectorAll("style[".concat(je, "]")));
     return d[d.length - 1];
   }(r), i = a !== void 0 ? a.nextSibling : null;
   n.setAttribute(je, Fr), n.setAttribute(Mr, mt);
@@ -1506,18 +1506,18 @@ var qr = function(e) {
     var a = this;
     this.options = U(U({}, To), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && lt && yr && (yr = !1, vr(this)), Bt(this, function() {
       return function(i) {
-        for (var c = i.getTag(), u = c.length, d = "", v = function(p) {
-          var l = function(k) {
+        for (var c = i.getTag(), l = c.length, d = "", g = function(p) {
+          var u = function(k) {
             return ut.get(k);
           }(p);
-          if (l === void 0) return "continue";
-          var m = i.names.get(l), y = c.getGroup(p);
+          if (u === void 0) return "continue";
+          var m = i.names.get(u), y = c.getGroup(p);
           if (m === void 0 || !m.size || y.length === 0) return "continue";
-          var w = "".concat(je, ".g").concat(p, '[id="').concat(l, '"]'), R = "";
+          var w = "".concat(je, ".g").concat(p, '[id="').concat(u, '"]'), R = "";
           m !== void 0 && m.forEach(function(k) {
             k.length > 0 && (R += "".concat(k, ","));
           }), d += "".concat(y).concat(w, '{content:"').concat(R, '"}').concat(Wt);
-        }, g = 0; g < u; g++) v(g);
+        }, v = 0; v < l; v++) g(v);
         return d;
       }(a);
     });
@@ -1562,23 +1562,23 @@ function Hr(e, t) {
   });
 }
 function Do(e) {
-  var t, r, n, a = $e, i = a.options, c = i === void 0 ? $e : i, u = a.plugins, d = u === void 0 ? gt : u, v = function(l, m, y) {
-    return y.startsWith(r) && y.endsWith(r) && y.replaceAll(r, "").length > 0 ? ".".concat(t) : l;
-  }, g = d.slice();
-  g.push(function(l) {
-    l.type === dt && l.value.includes("&") && (l.props[0] = l.props[0].replace(Io, r).replace(n, v));
-  }), c.prefix && g.push(ro), g.push(Qn);
-  var p = function(l, m, y, w) {
+  var t, r, n, a = $e, i = a.options, c = i === void 0 ? $e : i, l = a.plugins, d = l === void 0 ? gt : l, g = function(u, m, y) {
+    return y.startsWith(r) && y.endsWith(r) && y.replaceAll(r, "").length > 0 ? ".".concat(t) : u;
+  }, v = d.slice();
+  v.push(function(u) {
+    u.type === dt && u.value.includes("&") && (u.props[0] = u.props[0].replace(Io, r).replace(n, g));
+  }), c.prefix && v.push(ro), v.push(Qn);
+  var p = function(u, m, y, w) {
     m === void 0 && (m = ""), y === void 0 && (y = ""), w === void 0 && (w = "&"), t = w, r = m, n = new RegExp("\\".concat(r, "\\b"), "g");
-    var R = l.replace($o, ""), k = Jn(y || m ? "".concat(y, " ").concat(m, " { ").concat(R, " }") : R);
+    var R = u.replace($o, ""), k = Jn(y || m ? "".concat(y, " ").concat(m, " { ").concat(R, " }") : R);
     c.namespace && (k = Hr(k, c.namespace));
     var j = [];
-    return ct(k, eo(g.concat(to(function(_) {
+    return ct(k, eo(v.concat(to(function(_) {
       return j.push(_);
     })))), j;
   };
-  return p.hash = d.length ? d.reduce(function(l, m) {
-    return m.name || Le(15), xe(l, m.name);
+  return p.hash = d.length ? d.reduce(function(u, m) {
+    return m.name || Le(15), xe(u, m.name);
   }, Lr).toString() : "", p;
 }
 var Fo = new Gr(), Dt = Do(), Xr = le.createContext({ shouldForwardProp: void 0, styleSheet: Fo, stylis: Dt });
@@ -1652,23 +1652,23 @@ var zo = zr(mt), Wo = function() {
     else {
       var i = gr(Se(this.rules, t, r, n)), c = It(xe(this.baseHash, i) >>> 0);
       if (!r.hasNameForId(this.componentId, c)) {
-        var u = n(i, ".".concat(c), void 0, this.componentId);
-        r.insertRules(this.componentId, c, u);
+        var l = n(i, ".".concat(c), void 0, this.componentId);
+        r.insertRules(this.componentId, c, l);
       }
       a = be(a, c), this.staticRulesId = c;
     }
     else {
-      for (var d = xe(this.baseHash, n.hash), v = "", g = 0; g < this.rules.length; g++) {
-        var p = this.rules[g];
-        if (typeof p == "string") v += p, process.env.NODE_ENV !== "production" && (d = xe(d, p));
+      for (var d = xe(this.baseHash, n.hash), g = "", v = 0; v < this.rules.length; v++) {
+        var p = this.rules[v];
+        if (typeof p == "string") g += p, process.env.NODE_ENV !== "production" && (d = xe(d, p));
         else if (p) {
-          var l = gr(Se(p, t, r, n));
-          d = xe(d, l + g), v += l;
+          var u = gr(Se(p, t, r, n));
+          d = xe(d, u + v), g += u;
         }
       }
-      if (v) {
+      if (g) {
         var m = It(d >>> 0);
-        r.hasNameForId(this.componentId, m) || r.insertRules(this.componentId, m, n(v, ".".concat(m), void 0, this.componentId)), a = be(a, m);
+        r.hasNameForId(this.componentId, m) || r.insertRules(this.componentId, m, n(g, ".".concat(m), void 0, this.componentId)), a = be(a, m);
       }
     }
     return a;
@@ -1677,14 +1677,14 @@ var zo = zr(mt), Wo = function() {
 Zr.Consumer;
 var Nt = {}, Sr = /* @__PURE__ */ new Set();
 function Vo(e, t, r) {
-  var n = Vt(e), a = e, i = !kt(e), c = t.attrs, u = c === void 0 ? gt : c, d = t.componentId, v = d === void 0 ? function(A, I) {
+  var n = Vt(e), a = e, i = !kt(e), c = t.attrs, l = c === void 0 ? gt : c, d = t.componentId, g = d === void 0 ? function(A, I) {
     var x = typeof A != "string" ? "sc" : dr(A);
     Nt[x] = (Nt[x] || 0) + 1;
     var b = "".concat(x, "-").concat(uo(mt + x + Nt[x]));
     return I ? "".concat(I, "-").concat(b) : b;
-  }(t.displayName, t.parentComponentId) : d, g = t.displayName, p = g === void 0 ? function(A) {
+  }(t.displayName, t.parentComponentId) : d, v = t.displayName, p = v === void 0 ? function(A) {
     return kt(A) ? "styled.".concat(A) : "Styled(".concat(Wr(A), ")");
-  }(e) : g, l = t.displayName && t.componentId ? "".concat(dr(t.displayName), "-").concat(t.componentId) : t.componentId || v, m = n && a.attrs ? a.attrs.concat(u).filter(Boolean) : u, y = t.shouldForwardProp;
+  }(e) : v, u = t.displayName && t.componentId ? "".concat(dr(t.displayName), "-").concat(t.componentId) : t.componentId || g, m = n && a.attrs ? a.attrs.concat(l).filter(Boolean) : l, y = t.shouldForwardProp;
   if (n && a.shouldForwardProp) {
     var w = a.shouldForwardProp;
     if (t.shouldForwardProp) {
@@ -1694,7 +1694,7 @@ function Vo(e, t, r) {
       };
     } else y = w;
   }
-  var k = new Wo(r, l, n ? a.componentStyle : void 0);
+  var k = new Wo(r, u, n ? a.componentStyle : void 0);
   function j(A, I) {
     return function(x, b, ne) {
       var oe = x.attrs, vt = x.componentStyle, yt = x.defaultProps, He = x.foldedComponentIds, G = x.styledComponentId, ae = x.target, ve = le.useContext(Zr), Xe = xr(), Ee = x.shouldForwardProp || Xe.shouldForwardProp;
@@ -1718,7 +1718,7 @@ function Vo(e, t, r) {
   }
   j.displayName = p;
   var _ = le.forwardRef(j);
-  return _.attrs = m, _.componentStyle = k, _.displayName = p, _.shouldForwardProp = y, _.foldedComponentIds = n ? be(a.foldedComponentIds, a.styledComponentId) : "", _.styledComponentId = l, _.target = n ? a.target : e, Object.defineProperty(_, "defaultProps", { get: function() {
+  return _.attrs = m, _.componentStyle = k, _.displayName = p, _.shouldForwardProp = y, _.foldedComponentIds = n ? be(a.foldedComponentIds, a.styledComponentId) : "", _.styledComponentId = u, _.target = n ? a.target : e, Object.defineProperty(_, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(A) {
     this._foldedDefaultProps = n ? function(I) {
@@ -1726,7 +1726,7 @@ function Vo(e, t, r) {
       for (var ne = 0, oe = x; ne < oe.length; ne++) $t(I, oe[ne], !0);
       return I;
     }({}, a.defaultProps, A) : A;
-  } }), process.env.NODE_ENV !== "production" && (ao(p, l), _.warnTooManyClasses = /* @__PURE__ */ function(A, I) {
+  } }), process.env.NODE_ENV !== "production" && (ao(p, u), _.warnTooManyClasses = /* @__PURE__ */ function(A, I) {
     var x = {}, b = !1;
     return function(ne) {
       if (!b && (x[ne] = !0, Object.keys(x).length >= 200)) {
@@ -1743,7 +1743,7 @@ Example:
   <Component />`), b = !0, x = {};
       }
     };
-  }(p, l)), Bt(_, function() {
+  }(p, u)), Bt(_, function() {
     return ".".concat(_.styledComponentId);
   }), i && Ur(_, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), _;
 }
@@ -1801,10 +1801,10 @@ const Bo = Yt.div`
   show: n,
   closeOverlay: a
 }) => {
-  const { activeOverlayId: i, setActiveOverlay: c } = $n(), [u, d] = q(n || !1), [v, g] = q({ top: 0, left: 0 }), p = ue(null), l = _n();
+  const { activeOverlayId: i, setActiveOverlay: c } = $n(), [l, d] = q(n || !1), [g, v] = q({ top: 0, left: 0 }), p = ue(null), u = _n();
   ee(() => {
-    i !== l && d(!1);
-  }, [i, l]), ee(() => {
+    i !== u && d(!1);
+  }, [i, u]), ee(() => {
     const w = () => {
       var j;
       const R = e.getBoundingClientRect(), k = (j = p.current) == null ? void 0 : j.getBoundingClientRect();
@@ -1832,59 +1832,67 @@ const Bo = Yt.div`
             left: x.right
           })
         }, { top: A, left: I } = _[t ?? "topLeft"](R, k);
-        g({ top: A, left: I });
+        v({ top: A, left: I });
       }
     };
     return w(), window.addEventListener("resize", w), () => window.removeEventListener("resize", w);
   }, [e, t]);
   const m = () => {
-    d(!0), c(l);
-  }, y = M(() => {
-    d(!1), c(null), a && a(!1);
-  }, [a, c]);
+    d(!0), c(u);
+  }, y = D(
+    (w) => {
+      w.stopPropagation(), d(!1), c(null), a && a(!1);
+    },
+    [a, c]
+  );
   return ee(() => {
     n && m();
-  }, [n]), u ? Mt.createPortal(
-    /* @__PURE__ */ s.jsx(Bo, { ref: p, $top: v.top, $left: v.left, children: /* @__PURE__ */ s.jsxs("div", { className: "overlayPanel", children: [
-      /* @__PURE__ */ s.jsx("button", { className: "toggle-btn", onClick: y, children: /* @__PURE__ */ s.jsx(F, { classIcon: "bi-x-lg" }) }),
+  }, [n]), l ? Mt.createPortal(
+    /* @__PURE__ */ s.jsx(Bo, { ref: p, $top: g.top, $left: g.left, children: /* @__PURE__ */ s.jsxs("div", { className: "overlayPanel", children: [
+      /* @__PURE__ */ s.jsx("button", { className: "toggle-btn", onClick: y, children: /* @__PURE__ */ s.jsx(M, { classIcon: "bi-x-lg" }) }),
       r
     ] }) }),
     document.body
   ) : null;
 }, Yo = ({ actions: e, item: t }) => {
-  const r = ue(null), [n, a] = q(!1), i = Oe(() => e == null ? void 0 : e.filter((c) => c.type === "menu").map((c, u) => ({
-    id: u,
-    icon: c.icon,
-    name: c.label,
+  const r = ue(null), [n, a] = q(!1), i = Oe(() => e == null ? void 0 : e.filter((l) => l.type === "menu").map((l, d) => ({
+    id: d,
+    icon: l.icon,
+    name: l.label,
     children: /* @__PURE__ */ s.jsx(
       Nr,
       {
-        classIcon: c.icon,
+        classIcon: l.icon,
         sizeIcon: ce.LARGE,
-        onClick: (d) => {
-          d.stopPropagation(), d.preventDefault(), c.onClick && t && c.onClick(t);
+        onClick: (g) => {
+          g.stopPropagation(), g.preventDefault(), l.onClick && t && l.onClick(t);
         },
-        title: c.label || ""
+        title: l.label || ""
       }
     )
-  })), [e]);
+  })), [e]), c = D(
+    (l, d) => {
+      l.stopPropagation(), a(d);
+    },
+    [a]
+  );
   return /* @__PURE__ */ s.jsxs("div", { className: "card-actions", children: [
-    e.filter((c) => c.type === "menu").length ? /* @__PURE__ */ s.jsxs(
+    e.filter((l) => l.type === "menu").length ? /* @__PURE__ */ s.jsxs(
       "div",
       {
         ref: r,
         className: "card-action",
-        onClick: () => a(!n),
+        onClick: (l) => c(l, !n),
         children: [
           /* @__PURE__ */ s.jsx(
-            F,
+            M,
             {
               size: ce.MEDIUM,
               classIcon: "bi-three-dots-vertical cursor-pointer"
             }
           ),
           /* @__PURE__ */ s.jsx(
-            F,
+            M,
             {
               size: ce.MEDIUM,
               classIcon: "bi-three-dots cursor-pointer"
@@ -1900,7 +1908,7 @@ const Bo = Yt.div`
         show: n,
         closeOverlay: a,
         referenceElement: r.current,
-        children: /* @__PURE__ */ s.jsx("div", { onClickCapture: (c) => c.stopPropagation(), children: /* @__PURE__ */ s.jsx(In, { className: "card-action-menu", items: i }) })
+        children: /* @__PURE__ */ s.jsx("div", { onClickCapture: (l) => l.stopPropagation(), children: /* @__PURE__ */ s.jsx(In, { className: "card-action-menu", items: i }) })
       }
     )
   ] });
@@ -1913,19 +1921,19 @@ const Bo = Yt.div`
   customAction: i,
   children: c
 }) => {
-  const [u, d] = q(!1), v = (p, l) => {
-    p.stopPropagation(), a && a(l);
-  }, g = M(
-    (p, l) => {
-      p.target.closest(".card-action-menu button") || (p.stopPropagation(), d(!u), n && n(l));
+  const [l, d] = q(!1), g = (p, u) => {
+    p.stopPropagation(), a && a(u);
+  }, v = D(
+    (p, u) => {
+      p.target.closest(".card-action-menu button") || (p.stopPropagation(), d(!l), n && n(u));
     },
-    [d, u]
+    [d, l]
   );
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      ...n && { onClick: (p) => g(p, e) },
-      className: `card ${r ?? ""} ${u ? "card--active" : ""} `,
+      ...n && { onClick: (p) => v(p, e) },
+      className: `card ${r ?? ""} ${l ? "card--active" : ""} `,
       children: [
         c,
         !c && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
@@ -1942,8 +1950,8 @@ const Bo = Yt.div`
             "div",
             {
               className: "ml-2 cursor-pointer",
-              onClick: (p) => v(p, e),
-              children: /* @__PURE__ */ s.jsx(F, { classIcon: "bi-trash3" })
+              onClick: (p) => g(p, e),
+              children: /* @__PURE__ */ s.jsx(M, { classIcon: "bi-trash3" })
             }
           ),
           t && /* @__PURE__ */ s.jsx(Yo, { actions: t, item: e })
@@ -1962,7 +1970,7 @@ const Bo = Yt.div`
     xl: 5
   }
 }) => {
-  const [a, i] = q(0), c = e.length, [u, d] = q(1);
+  const [a, i] = q(0), c = e.length, [l, d] = q(1);
   ee(() => {
     const y = () => {
       const w = window.innerWidth;
@@ -1977,26 +1985,26 @@ const Bo = Yt.div`
     };
     return y(), window.addEventListener("resize", y), () => window.removeEventListener("resize", y);
   }, [n]);
-  const v = M(
+  const g = D(
     (y) => {
       y.preventDefault(), i(
-        (w) => Math.min(w + r, c - u)
+        (w) => Math.min(w + r, c - l)
       );
     },
     [i]
-  ), g = M(
+  ), v = D(
     (y) => {
       y.preventDefault(), i((w) => Math.max(w - r, 0));
     },
     [i]
-  ), p = a + r >= c - u + 1, l = c <= u, m = a <= 0;
+  ), p = a + r >= c - l + 1, u = c <= l, m = a <= 0;
   return /* @__PURE__ */ s.jsxs("div", { className: "carousel", children: [
-    t && !l && /* @__PURE__ */ s.jsx(
+    t && !u && /* @__PURE__ */ s.jsx(
       "div",
       {
         className: `carousel-control prev ${m && "disabled"}`,
-        onClick: g,
-        children: /* @__PURE__ */ s.jsx(F, { classIcon: "bi-chevron-left" })
+        onClick: v,
+        children: /* @__PURE__ */ s.jsx(M, { classIcon: "bi-chevron-left" })
       }
     ),
     /* @__PURE__ */ s.jsx("div", { className: "carousel-container", children: /* @__PURE__ */ s.jsx(
@@ -2005,7 +2013,7 @@ const Bo = Yt.div`
         className: "carousel-slides-wrapper",
         style: {
           display: "flex",
-          transform: `translateX(-${a * 100 / u}%)`,
+          transform: `translateX(-${a * 100 / l}%)`,
           transition: "transform 0.5s ease-in-out"
         },
         children: le.Children.map(e, (y) => /* @__PURE__ */ s.jsx(
@@ -2013,7 +2021,7 @@ const Bo = Yt.div`
           {
             className: "carousel-slide",
             style: {
-              minWidth: `${100 / u}%`,
+              minWidth: `${100 / l}%`,
               boxSizing: "border-box"
             },
             children: y
@@ -2021,12 +2029,12 @@ const Bo = Yt.div`
         ))
       }
     ) }),
-    t && !l && /* @__PURE__ */ s.jsx(
+    t && !u && /* @__PURE__ */ s.jsx(
       "div",
       {
         className: `carousel-control next ${p && "disabled"}`,
-        onClick: v,
-        children: /* @__PURE__ */ s.jsx(F, { classIcon: "bi-chevron-right" })
+        onClick: g,
+        children: /* @__PURE__ */ s.jsx(M, { classIcon: "bi-chevron-right" })
       }
     )
   ] });
@@ -2042,31 +2050,31 @@ const Bo = Yt.div`
   page: n = 1,
   onClick: a
 }) => {
-  const i = Oe(() => e ?? 9, [e]), c = Oe(() => t ?? 9, [t]), [u, d] = q(1);
+  const i = Oe(() => e ?? 9, [e]), c = Oe(() => t ?? 9, [t]), [l, d] = q(1);
   ee(() => {
     d(n);
   }, [n]);
-  const v = Oe(() => {
-    const g = [];
+  const g = Oe(() => {
+    const v = [];
     for (let p = 0; p < c; p++) {
-      const l = [];
+      const u = [];
       for (let m = 0; m < i; m++) {
         const y = m + p * i, w = r == null ? void 0 : r.find(
           (R) => R.position === y + 1
         );
-        w ? l.push(
+        w ? u.push(
           /* @__PURE__ */ s.jsx(Uo, { onClick: a, cell: w }, `${p}-${m}`)
-        ) : l.push(
+        ) : u.push(
           /* @__PURE__ */ s.jsx("div", { className: "cell cell--empty" }, `${p}-${m}`)
         );
       }
-      g.push(
-        /* @__PURE__ */ s.jsx("div", { className: "row", children: l }, p)
+      v.push(
+        /* @__PURE__ */ s.jsx("div", { className: "row", children: u }, p)
       );
     }
-    return g;
-  }, [i, c, u]);
-  return /* @__PURE__ */ s.jsx("div", { className: "damier", children: v });
+    return v;
+  }, [i, c, l]);
+  return /* @__PURE__ */ s.jsx("div", { className: "damier", children: g });
 }, qo = (e) => {
   const t = Oe(() => e.active ? "expand--active" : "", [e.active]);
   return /* @__PURE__ */ s.jsxs(
@@ -2088,7 +2096,7 @@ const Bo = Yt.div`
     }
   );
 }, sa = (e) => {
-  const t = M((r) => {
+  const t = D((r) => {
     e.onChange && e.onChange(r);
   }, []);
   return /* @__PURE__ */ s.jsx("div", { className: `expands ${e.className || ""}`, children: e.items.map((r) => {
@@ -2109,7 +2117,7 @@ const Bo = Yt.div`
   currentFil: r,
   title: n
 }) => {
-  const a = M(
+  const a = D(
     (i, c) => {
       c != null && c.url || i.preventDefault(), t && t(c);
     },
@@ -2130,7 +2138,7 @@ const Bo = Yt.div`
             "a",
             {
               href: i.url || "#",
-              onClick: (u) => a(u, i),
+              onClick: (l) => a(l, i),
               children: i.title
             }
           ),
@@ -2142,15 +2150,15 @@ const Bo = Yt.div`
   ] });
 }, Go = Rr(
   ({ initialForm: e, title: t, onSubmit: r, onChange: n, hideSubmit: a }, i) => {
-    const [c, u] = q(() => {
-      const l = {};
+    const [c, l] = q(() => {
+      const u = {};
       return e.forEach((m) => {
-        l[m.name] = m.value ?? "";
-      }), l;
-    }), d = M(
-      (l) => {
-        const { name: m, value: y, type: w, checked: R } = l.target;
-        u((k) => {
+        u[m.name] = m.value ?? "";
+      }), u;
+    }), d = D(
+      (u) => {
+        const { name: m, value: y, type: w, checked: R } = u.target;
+        l((k) => {
           const _ = {
             ...k || {},
             [m]: w === "checkbox" ? R : y
@@ -2158,67 +2166,67 @@ const Bo = Yt.div`
           return n && n(_), _;
         });
       },
-      [u, n]
-    ), v = M(
-      (l) => {
-        l.preventDefault(), r && r(c);
+      [l, n]
+    ), g = D(
+      (u) => {
+        u.preventDefault(), r && r(c);
       },
       [r, c]
-    ), g = () => {
-      u(() => {
-        const l = {};
+    ), v = () => {
+      l(() => {
+        const u = {};
         return e.forEach((m) => {
-          l[m.name] = m.value ?? "";
-        }), l;
+          u[m.name] = m.value ?? "";
+        }), u;
       });
-    }, p = M(
-      (l) => {
-        u((m) => ({
+    }, p = D(
+      (u) => {
+        l((m) => ({
           ...m,
-          [l]: ""
+          [u]: ""
         }));
       },
-      [u]
+      [l]
     );
     return kr(i, () => ({
-      resetForm: g,
+      resetForm: v,
       clearInput: p
-    })), /* @__PURE__ */ s.jsxs("form", { onSubmit: v, children: [
-      e.map((l, m) => {
+    })), /* @__PURE__ */ s.jsxs("form", { onSubmit: g, children: [
+      e.map((u, m) => {
         const y = ue(null);
         return ee(() => {
           var w;
-          l.focus && ((w = y == null ? void 0 : y.current) == null || w.focus());
-        }, []), /* @__PURE__ */ s.jsx(le.Fragment, { children: l.type === "checkbox" ? /* @__PURE__ */ s.jsxs("div", { className: `d-flex flex-column ${l.className}`, children: [
-          l.label && /* @__PURE__ */ s.jsx("label", { children: l.label }),
-          l.icon && /* @__PURE__ */ s.jsx(F, { classIcon: l.icon }),
+          u.focus && ((w = y == null ? void 0 : y.current) == null || w.focus());
+        }, []), /* @__PURE__ */ s.jsx(le.Fragment, { children: u.type === "checkbox" ? /* @__PURE__ */ s.jsxs("div", { className: `d-flex flex-column ${u.className}`, children: [
+          u.label && /* @__PURE__ */ s.jsx("label", { children: u.label }),
+          u.icon && /* @__PURE__ */ s.jsx(M, { classIcon: u.icon }),
           /* @__PURE__ */ s.jsx(
             "input",
             {
-              name: l.name,
-              type: l.type,
+              name: u.name,
+              type: u.type,
               ref: y,
-              autoComplete: l.autoComplete ?? "on",
-              autoFocus: l.focus ?? !1,
-              checked: c && !!c[l.name],
+              autoComplete: u.autoComplete ?? "on",
+              autoFocus: u.focus ?? !1,
+              checked: c && !!c[u.name],
               onChange: d,
-              required: l.required ?? !1
+              required: u.required ?? !1
             }
           )
-        ] }, m) : /* @__PURE__ */ s.jsxs("div", { className: `d-flex flex-column ${l.className}`, children: [
-          l.label && /* @__PURE__ */ s.jsx("label", { children: l.label }),
-          l.icon && /* @__PURE__ */ s.jsx(F, { classIcon: l.icon }),
+        ] }, m) : /* @__PURE__ */ s.jsxs("div", { className: `d-flex flex-column ${u.className}`, children: [
+          u.label && /* @__PURE__ */ s.jsx("label", { children: u.label }),
+          u.icon && /* @__PURE__ */ s.jsx(M, { classIcon: u.icon }),
           /* @__PURE__ */ s.jsx(
             "input",
             {
-              autoFocus: l.focus ?? !1,
-              placeholder: l.placeholder ?? "",
-              autoComplete: l.autoComplete ?? "on",
-              name: l.name,
+              autoFocus: u.focus ?? !1,
+              placeholder: u.placeholder ?? "",
+              autoComplete: u.autoComplete ?? "on",
+              name: u.name,
               ref: y,
-              type: l.type,
-              required: l.required ?? !1,
-              value: c && c[l.name],
+              type: u.type,
+              required: u.required ?? !1,
+              value: c && c[u.name],
               onChange: d
             }
           )
@@ -2263,12 +2271,12 @@ const me = (e = 12) => `${e / 12 * 100}%`, Ho = Yt.div`
   positionFixed: a,
   onClickLogo: i
 }) => {
-  const c = ue(null), [u, d] = q(!1), v = M(() => {
-    d(!u);
-  }, [u, d]);
+  const c = ue(null), [l, d] = q(!1), g = D(() => {
+    d(!l);
+  }, [l, d]);
   return /* @__PURE__ */ s.jsxs("div", { className: `header ${a ? "header--fixed" : ""}`, children: [
     /* @__PURE__ */ s.jsxs("div", { className: "flex-1 d-flex align-items-center", children: [
-      /* @__PURE__ */ s.jsx("span", { onClick: r, children: /* @__PURE__ */ s.jsx(F, { size: ce.MEDIUM, classIcon: "bi-list" }) }),
+      /* @__PURE__ */ s.jsx("span", { onClick: r, children: /* @__PURE__ */ s.jsx(M, { size: ce.MEDIUM, classIcon: "bi-list" }) }),
       /* @__PURE__ */ s.jsx(
         "span",
         {
@@ -2280,12 +2288,12 @@ const me = (e = 12) => `${e / 12 * 100}%`, Ho = Yt.div`
     ] }),
     /* @__PURE__ */ s.jsxs("div", { className: "d-flex align-items-center", children: [
       e,
-      /* @__PURE__ */ s.jsx("div", { ref: c, onClick: v, children: /* @__PURE__ */ s.jsx(F, { size: ce.MEDIUM, classIcon: "bi-person-circle" }) }),
-      u && c.current && /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ s.jsx("div", { ref: c, onClick: g, children: /* @__PURE__ */ s.jsx(M, { size: ce.MEDIUM, classIcon: "bi-person-circle" }) }),
+      l && c.current && /* @__PURE__ */ s.jsx(
         en,
         {
           position: "bottomRight",
-          show: u,
+          show: l,
           closeOverlay: d,
           referenceElement: c.current,
           children: n
@@ -2311,19 +2319,19 @@ const me = (e = 12) => `${e / 12 * 100}%`, Ho = Yt.div`
   ] }) }),
   document.body
 ) : null, fa = ({ setQuantity: e, item: t }) => {
-  const [r, n] = q(t.quantity ?? 1), a = M(
-    (u) => {
-      n(u), e && e(t, u);
+  const [r, n] = q(t.quantity ?? 1), a = D(
+    (l) => {
+      n(l), e && e(t, l);
     },
     [n, e]
-  ), i = M(
-    (u) => {
-      u.stopPropagation(), a(r + 1);
+  ), i = D(
+    (l) => {
+      l.stopPropagation(), a(r + 1);
     },
     [r, a]
-  ), c = M(
-    (u) => {
-      if (u.stopPropagation(), r === 0)
+  ), c = D(
+    (l) => {
+      if (l.stopPropagation(), r === 0)
         return r;
       a(r - 1);
     },
@@ -2333,18 +2341,18 @@ const me = (e = 12) => `${e / 12 * 100}%`, Ho = Yt.div`
     /* @__PURE__ */ s.jsx(
       "div",
       {
-        onClick: (u) => c(u),
+        onClick: (l) => c(l),
         className: "qte-action qte-action--minus ",
-        children: /* @__PURE__ */ s.jsx(F, { size: ce.LARGE, classIcon: "bi bi-dash-square" })
+        children: /* @__PURE__ */ s.jsx(M, { size: ce.LARGE, classIcon: "bi bi-dash-square" })
       }
     ),
     /* @__PURE__ */ s.jsx("span", { className: "qte-label", children: r }),
     /* @__PURE__ */ s.jsx(
       "div",
       {
-        onClick: (u) => i(u),
+        onClick: (l) => i(l),
         className: "qte-action qte-action--plus ",
-        children: /* @__PURE__ */ s.jsx(F, { size: ce.LARGE, classIcon: "bi bi-plus-square" })
+        children: /* @__PURE__ */ s.jsx(M, { size: ce.LARGE, classIcon: "bi bi-plus-square" })
       }
     )
   ] });
@@ -2357,8 +2365,8 @@ const me = (e = 12) => `${e / 12 * 100}%`, Ho = Yt.div`
     debounceTime: a,
     handleChange: i,
     setIsVisible: c
-  }, u) => {
-    const [d, v] = q(r ?? !1), g = ue(null), p = ue(null), l = Oe(
+  }, l) => {
+    const [d, g] = q(r ?? !1), v = ue(null), p = ue(null), u = Oe(
       () => [
         {
           value: "",
@@ -2374,29 +2382,29 @@ const me = (e = 12) => `${e / 12 * 100}%`, Ho = Yt.div`
       [t, n]
     );
     ee(() => {
-      r !== void 0 && v(r);
+      r !== void 0 && g(r);
     }, [r]);
-    const m = M(
+    const m = D(
       (R) => {
-        c && c(R), v(R);
+        c && c(R), g(R);
       },
       [c]
-    ), y = M(
+    ), y = D(
       (R) => {
         if (!R || !R.recherche)
           return m(!1);
-        m(!0), g.current && clearTimeout(g.current), g.current = setTimeout(() => {
+        m(!0), v.current && clearTimeout(v.current), v.current = setTimeout(() => {
           i && i(R);
         }, a ?? 500);
       },
       [m, i, a]
-    ), w = M(
+    ), w = D(
       (R) => {
         console.log("Form Submitted: ", R);
       },
       []
     );
-    return kr(u, () => ({
+    return kr(l, () => ({
       clearInput: (R) => {
         var k;
         (k = p.current) == null || k.clearInput(R);
@@ -2413,7 +2421,7 @@ const me = (e = 12) => `${e / 12 * 100}%`, Ho = Yt.div`
           onSubmit: w,
           onChange: y,
           hideSubmit: !0,
-          initialForm: l
+          initialForm: u
         }
       ),
       d && /* @__PURE__ */ s.jsxs("div", { className: "search-result", children: [
@@ -2422,7 +2430,7 @@ const me = (e = 12) => `${e / 12 * 100}%`, Ho = Yt.div`
           {
             className: "toggle-btn",
             onClick: () => m(!1),
-            children: /* @__PURE__ */ s.jsx(F, { classIcon: "bi-x-lg" })
+            children: /* @__PURE__ */ s.jsx(M, { classIcon: "bi-x-lg" })
           }
         ) }),
         /* @__PURE__ */ s.jsx("div", { className: "search-result-content", children: e })
@@ -2437,45 +2445,45 @@ const me = (e = 12) => `${e / 12 * 100}%`, Ho = Yt.div`
   className: a,
   id: i,
   width: c,
-  closeOnClickOutside: u = !0,
+  closeOnClickOutside: l = !0,
   displayOverlay: d = !0
 }) => {
-  const [v, g] = q(e || !1), p = ue(null), l = ue(null);
-  ee(() => (l.current || (l.current = document.createElement("div"), l.current.id = `sidebar-root-${i || Math.random().toString(36).substr(2, 9)}`, document.body.appendChild(l.current)), () => {
-    l.current && l.current.parentNode && (document.body.removeChild(l.current), l.current = null);
+  const [g, v] = q(e || !1), p = ue(null), u = ue(null);
+  ee(() => (u.current || (u.current = document.createElement("div"), u.current.id = `sidebar-root-${i || Math.random().toString(36).substr(2, 9)}`, document.body.appendChild(u.current)), () => {
+    u.current && u.current.parentNode && (document.body.removeChild(u.current), u.current = null);
   }), [i]), ee(() => {
-    g(e || !1);
+    v(e || !1);
   }, [e]);
-  const m = M(() => {
-    g(!1), n && n(!1);
-  }, [n]), y = M(
+  const m = D(() => {
+    v(!1), n && n(!1);
+  }, [n]), y = D(
     (w) => {
-      u && p.current && !p.current.contains(w.target) && m();
+      l && p.current && !p.current.contains(w.target) && m();
     },
-    [m, u]
+    [m, l]
   );
-  return ee(() => (v ? document.addEventListener("mousedown", y) : document.removeEventListener("mousedown", y), () => {
+  return ee(() => (g ? document.addEventListener("mousedown", y) : document.removeEventListener("mousedown", y), () => {
     document.removeEventListener("mousedown", y);
-  }), [v, y]), l.current ? Mt.createPortal(
+  }), [g, y]), u.current ? Mt.createPortal(
     /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      v && d && /* @__PURE__ */ s.jsx("div", { className: "overlay" }),
+      g && d && /* @__PURE__ */ s.jsx("div", { className: "overlay" }),
       /* @__PURE__ */ s.jsxs(
         "div",
         {
           ref: p,
           style: c ? { width: c } : {},
-          className: `sidebar ${v ? "open" : "closed"} ${a ?? ""}`,
+          className: `sidebar ${g ? "open" : "closed"} ${a ?? ""}`,
           children: [
             /* @__PURE__ */ s.jsxs("div", { className: "sidebar-header", children: [
               r && /* @__PURE__ */ s.jsx("h2", { className: "flex-1", children: r }),
-              /* @__PURE__ */ s.jsx("button", { className: "toggle-btn", onClick: m, children: /* @__PURE__ */ s.jsx(F, { classIcon: "bi-x-lg" }) })
+              /* @__PURE__ */ s.jsx("button", { className: "toggle-btn", onClick: m, children: /* @__PURE__ */ s.jsx(M, { classIcon: "bi-x-lg" }) })
             ] }),
             t && t
           ]
         }
       )
     ] }),
-    l.current
+    u.current
   ) : /* @__PURE__ */ s.jsx(s.Fragment, {});
 }, ha = (e) => /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsx(Zo, { ...e, className: `full sidebar-data ${e.className}`, children: e.children && /* @__PURE__ */ s.jsx("div", { className: "sidebar-data-content", children: e.children }) }) }), ma = ({
   className: e,
@@ -2487,24 +2495,24 @@ const me = (e = 12) => `${e / 12 * 100}%`, Ho = Yt.div`
 }) => {
   const c = document.createElement("div");
   c.id = "toaster-root";
-  const u = M(
+  const l = D(
     () => document.body.removeChild(c),
     [c]
-  ), d = M(() => {
-    const v = setTimeout(u, r);
+  ), d = D(() => {
+    const g = setTimeout(l, r);
     return () => {
-      clearTimeout(v);
+      clearTimeout(g);
     };
-  }, [r, u]);
+  }, [r, l]);
   return ee(() => (document.body.appendChild(c), d(), () => {
     document.body.removeChild(c);
   }), [c, d]), Mt.createPortal(
     /* @__PURE__ */ s.jsxs("div", { className: `toaster toaster-${i} ${e || ""}`, children: [
       /* @__PURE__ */ s.jsxs("div", { children: [
-        i === "info" && /* @__PURE__ */ s.jsx(F, { classIcon: "bi-info-circle" }),
-        i === "success" && /* @__PURE__ */ s.jsx(F, { classIcon: "bi-check-circle" }),
-        i === "error" && /* @__PURE__ */ s.jsx(F, { classIcon: "bi-x-circle" }),
-        i === "warning" && /* @__PURE__ */ s.jsx(F, { classIcon: "bi-exclamation-triangle" })
+        i === "info" && /* @__PURE__ */ s.jsx(M, { classIcon: "bi-info-circle" }),
+        i === "success" && /* @__PURE__ */ s.jsx(M, { classIcon: "bi-check-circle" }),
+        i === "error" && /* @__PURE__ */ s.jsx(M, { classIcon: "bi-x-circle" }),
+        i === "warning" && /* @__PURE__ */ s.jsx(M, { classIcon: "bi-exclamation-triangle" })
       ] }),
       /* @__PURE__ */ s.jsxs("div", { children: [
         /* @__PURE__ */ s.jsx("div", { className: `title title-${i}`, children: t }),
@@ -2526,7 +2534,7 @@ export {
   ia as FilAriane,
   ca as Grid,
   la as Header,
-  F as Icon,
+  M as Icon,
   ce as IconSizeEnum,
   ua as Loader,
   In as Menus,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kelt-ui-kit-react",
   "type": "module",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/card/cardAction/CardAction.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useRef, useState } from "react";
+import { useCallback, useMemo, useRef, useState } from "react";
 import { Button } from "../../button/Button";
 import { Icon } from "../../icon/Icon";
 import { IconSizeEnum } from "../../icon/iconSize.enum";
@@ -38,14 +38,20 @@ export const CardAction = ({ actions, item }: CardActionProps) => {
         };
       }) as MenuInterface[];
   }, [actions]);
-
+  const handleChangeOverlay = useCallback(
+    (e: any, openOverlay: boolean) => {
+      e.stopPropagation();
+      setOpenOverlay(openOverlay);
+    },
+    [setOpenOverlay]
+  );
   return (
     <div className="card-actions">
       {actions.filter((a) => a.type === "menu").length ? (
         <div
           ref={refButton}
           className="card-action"
-          onClick={() => setOpenOverlay(!openOverlay)}
+          onClick={(e) => handleChangeOverlay(e, !openOverlay)}
         >
           <Icon
             size={IconSizeEnum.MEDIUM}

package/src/overlayPanel/OverlayPanel.tsx

@@ -83,13 +83,17 @@ export const OverlayPanel = ({
     setActiveOverlay(overlayId);
   };
 
-  const closeOverlayHandler = useCallback(() => {
-    setIsShow(false);
-    setActiveOverlay(null);
-    if (closeOverlay) {
-      closeOverlay(false);
-    }
-  }, [closeOverlay, setActiveOverlay]);
+  const closeOverlayHandler = useCallback(
+    (e: any) => {
+      e.stopPropagation();
+      setIsShow(false);
+      setActiveOverlay(null);
+      if (closeOverlay) {
+        closeOverlay(false);
+      }
+    },
+    [closeOverlay, setActiveOverlay]
+  );
 
   useEffect(() => {
     if (show) {