kelt-ui-kit-react 1.0.1 → 1.0.3

package/dist/datePicker/DatePicker.d.ts

@@ -1 +1,7 @@
-export declare const DatePicker: () => import("react/jsx-runtime").JSX.Element;
+import { Value } from 'react-calendar/dist/cjs/shared/types';
+
+export type DatePickerProps = {
+    value?: Value;
+    onChange?: (date: Value) => void;
+};
+export declare const Datepicker: ({ value, onChange }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -26,12 +26,12 @@ function An() {
   if (cr) return Be;
   cr = 1;
   var e = ie, 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, l, p) {
-    var y, m = {}, g = null, d = null;
-    p !== void 0 && (g = "" + p), l.key !== void 0 && (g = "" + l.key), l.ref !== void 0 && (d = l.ref);
-    for (y in l) n.call(l, y) && !i.hasOwnProperty(y) && (m[y] = l[y]);
-    if (u && u.defaultProps) for (y in l = u.defaultProps, l) m[y] === void 0 && (m[y] = l[y]);
-    return { $$typeof: t, type: u, key: g, ref: d, props: m, _owner: a.current };
+  function c(u, l, m) {
+    var y, g = {}, p = null, d = null;
+    m !== void 0 && (p = "" + m), l.key !== void 0 && (p = "" + l.key), l.ref !== void 0 && (d = l.ref);
+    for (y in l) n.call(l, y) && !i.hasOwnProperty(y) && (g[y] = l[y]);
+    if (u && u.defaultProps) for (y in l = u.defaultProps, l) g[y] === void 0 && (g[y] = l[y]);
+    return { $$typeof: t, type: u, key: p, ref: d, props: g, _owner: a.current };
   }
   return Be.Fragment = r, Be.jsx = c, Be.jsxs = c, Be;
 }
@@ -48,7 +48,7 @@ var Ye = {};
 var lr;
 function $n() {
   return lr || (lr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = ie, 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"), l = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), d = Symbol.for("react.offscreen"), f = Symbol.iterator, x = "@@iterator";
+    var e = ie, 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"), l = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), d = Symbol.for("react.offscreen"), f = Symbol.iterator, x = "@@iterator";
     function v(s) {
       if (s === null || typeof s != "object")
         return null;
@@ -76,7 +76,7 @@ function $n() {
     var N = !1, T = !1, k = !1, E = !1, V = !1, X;
     X = Symbol.for("react.module.reference");
     function vt(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === n || s === i || V || s === a || s === p || s === y || E || s === d || N || T || k || typeof s == "object" && s !== null && (s.$$typeof === g || s.$$typeof === m || s.$$typeof === c || s.$$typeof === u || s.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === n || s === i || V || s === a || s === m || s === y || E || s === d || N || T || k || typeof s == "object" && s !== null && (s.$$typeof === p || s.$$typeof === g || s.$$typeof === c || s.$$typeof === u || s.$$typeof === l || // 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.
@@ -108,7 +108,7 @@ function $n() {
           return "Profiler";
         case a:
           return "StrictMode";
-        case p:
+        case m:
           return "Suspense";
         case y:
           return "SuspenseList";
@@ -123,10 +123,10 @@ function $n() {
             return He(j._context) + ".Provider";
           case l:
             return yt(s, s.render, "ForwardRef");
-          case m:
+          case g:
             var C = s.displayName || null;
             return C !== null ? C : Q(s.type) || "Memo";
-          case g: {
+          case p: {
             var O = s, A = O._payload, P = O._init;
             try {
               return Q(P(A));
@@ -304,7 +304,7 @@ function $n() {
       if (typeof s == "string")
         return ee(s);
       switch (s) {
-        case p:
+        case m:
           return ee("Suspense");
         case y:
           return ee("SuspenseList");
@@ -313,9 +313,9 @@ function $n() {
         switch (s.$$typeof) {
           case l:
             return an(s.render);
-          case m:
+          case g:
             return Ke(s.type, h, j);
-          case g: {
+          case p: {
             var C = s, O = C._payload, A = C._init;
             try {
               return Ke(A(O), h, j);
@@ -553,7 +553,7 @@ Check the top-level render call using <` + j + ">.");
           j = h.propTypes;
         else if (typeof h == "object" && (h.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        h.$$typeof === m))
+        h.$$typeof === g))
           j = h.propTypes;
         else
           return;
@@ -685,15 +685,15 @@ const uo = ({
   positionicon: c = 1,
   disabled: u = !1
 }) => {
-  const l = (p) => {
-    p.stopPropagation(), t && t(p);
+  const l = (m) => {
+    m.stopPropagation(), t && t(m);
   };
   return /* @__PURE__ */ o.jsxs(
     "button",
     {
       disabled: u,
       type: "submit",
-      onClick: (p) => l(p),
+      onClick: (m) => l(m),
       className: e,
       children: [
         r && /* @__PURE__ */ o.jsx(Ir, { ...r }),
@@ -914,11 +914,11 @@ function Qn(e) {
   return Hn(st("", null, null, null, [""], e = Gn(e), 0, [0], e));
 }
 function st(e, t, r, n, a, i, c, u, l) {
-  for (var p = 0, y = 0, m = c, g = 0, d = 0, f = 0, x = 1, v = 1, b = 1, w = 0, S = "", N = a, T = i, k = n, E = S; v; )
+  for (var m = 0, y = 0, g = c, p = 0, d = 0, f = 0, x = 1, v = 1, b = 1, w = 0, S = "", N = a, T = i, k = n, E = S; v; )
     switch (f = w, w = ne()) {
       case 40:
-        if (f != 108 && B(E, m - 1) == 58) {
-          rt(E += R(Et(w), "&", "&\f"), "&\f", Mr(p ? u[p - 1] : 0)) != -1 && (b = -1);
+        if (f != 108 && B(E, g - 1) == 58) {
+          rt(E += R(Et(w), "&", "&\f"), "&\f", Mr(m ? u[m - 1] : 0)) != -1 && (b = -1);
           break;
         }
       case 34:
@@ -946,7 +946,7 @@ function st(e, t, r, n, a, i, c, u, l) {
         }
         break;
       case 123 * x:
-        u[p++] = oe(E) * b;
+        u[m++] = oe(E) * b;
       case 125 * x:
       case 59:
       case 0:
@@ -955,30 +955,30 @@ function st(e, t, r, n, a, i, c, u, l) {
           case 125:
             v = 0;
           case 59 + y:
-            b == -1 && (E = R(E, /\f/g, "")), d > 0 && oe(E) - m && Ue(d > 32 ? fr(E + ";", n, r, m - 1, l) : fr(R(E, " ", "") + ";", n, r, m - 2, l), l);
+            b == -1 && (E = R(E, /\f/g, "")), d > 0 && oe(E) - g && Ue(d > 32 ? fr(E + ";", n, r, g - 1, l) : fr(R(E, " ", "") + ";", n, r, g - 2, l), l);
             break;
           case 59:
             E += ";";
           default:
-            if (Ue(k = dr(E, t, r, p, y, a, u, S, N = [], T = [], m, i), i), w === 123)
+            if (Ue(k = dr(E, t, r, m, y, a, u, S, N = [], T = [], g, i), i), w === 123)
               if (y === 0)
-                st(E, t, k, k, N, i, m, u, T);
+                st(E, t, k, k, N, i, g, u, T);
               else
-                switch (g === 99 && B(E, 3) === 110 ? 100 : g) {
+                switch (p === 99 && B(E, 3) === 110 ? 100 : p) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    st(e, k, k, n && Ue(dr(e, k, k, 0, 0, a, u, S, a, N = [], m, T), T), a, T, m, u, n ? N : T);
+                    st(e, k, k, n && Ue(dr(e, k, k, 0, 0, a, u, S, a, N = [], g, T), T), a, T, g, u, n ? N : T);
                     break;
                   default:
                     st(E, k, k, k, [""], T, 0, u, T);
                 }
         }
-        p = y = d = 0, x = b = 1, S = E = "", m = c;
+        m = y = d = 0, x = b = 1, S = E = "", g = c;
         break;
       case 58:
-        m = 1 + oe(E), d = f;
+        g = 1 + oe(E), d = f;
       default:
         if (x < 1) {
           if (w == 123)
@@ -991,10 +991,10 @@ function st(e, t, r, n, a, i, c, u, l) {
             b = y > 0 ? 1 : (E += "\f", -1);
             break;
           case 44:
-            u[p++] = (oe(E) - 1) * b, b = 1;
+            u[m++] = (oe(E) - 1) * b, b = 1;
             break;
           case 64:
-            we() === 45 && (E += Et(ne())), g = we(), y = m = oe(S = E += Zn(nt())), w++;
+            we() === 45 && (E += Et(ne())), p = we(), y = g = oe(S = E += Zn(nt())), w++;
             break;
           case 45:
             f === 45 && oe(E) == 2 && (x = 0);
@@ -1002,11 +1002,11 @@ function st(e, t, r, n, a, i, c, u, l) {
     }
   return i;
 }
-function dr(e, t, r, n, a, i, c, u, l, p, y, m) {
-  for (var g = a - 1, d = a === 0 ? i : [""], f = Lr(d), x = 0, v = 0, b = 0; x < n; ++x)
-    for (var w = 0, S = Te(e, g + 1, g = Mr(v = c[x])), N = e; w < f; ++w)
+function dr(e, t, r, n, a, i, c, u, l, m, y, g) {
+  for (var p = a - 1, d = a === 0 ? i : [""], f = Lr(d), x = 0, v = 0, b = 0; x < n; ++x)
+    for (var w = 0, S = Te(e, p + 1, p = Mr(v = c[x])), N = e; w < f; ++w)
       (N = Fr(v > 0 ? d[w] + " " + S : R(S, /&\f/g, d[w]))) && (l[b++] = N);
-  return ht(e, t, r, a === 0 ? dt : u, l, p, y, m);
+  return ht(e, t, r, a === 0 ? dt : u, l, m, y, g);
 }
 function es(e, t, r, n) {
   return ht(e, t, r, $r, Wt(Un()), Te(e, 2, -2), 0, n);
@@ -1134,8 +1134,8 @@ function Wr(e, t, r) {
       break;
     case 5152:
     case 5920:
-      return R(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, a, i, c, u, l, p) {
-        return M + a + ":" + i + p + (c ? M + a + "-span:" + (u ? l : +l - +i) + p : "") + e;
+      return R(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, a, i, c, u, l, m) {
+        return M + a + ":" + i + m + (c ? M + a + "-span:" + (u ? l : +l - +i) + m : "") + e;
       });
     case 4949:
       if (B(e, t + 6) === 121)
@@ -1332,9 +1332,9 @@ function Kr(e, t, r) {
     for (var i = gr(e), c = gr(t), u = 0; u < a.length; ++u) {
       var l = a[u];
       if (!(l in ms || r && r[l] || c && l in c || i && l in i)) {
-        var p = xs(t, l);
+        var m = xs(t, l);
         try {
-          vs(e, l, p);
+          vs(e, l, m);
         } catch {
         }
       }
@@ -1463,8 +1463,8 @@ var Ss = function() {
     if (u) {
       var l = u.match(Rs);
       if (l) {
-        var p = 0 | parseInt(l[1], 10), y = l[2];
-        p !== 0 && (Cs(y, p), ks(e, y, l[3]), e.getTag().insertRules(p, a)), a.length = 0;
+        var m = 0 | parseInt(l[1], 10), y = l[2];
+        m !== 0 && (Cs(y, m), ks(e, y, l[3]), e.getTag().insertRules(m, a)), a.length = 0;
       } else a.push(u);
     }
   }
@@ -1540,18 +1540,18 @@ var Jr = function(e) {
     var a = this;
     this.options = H(H({}, As), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && lt && wr && (wr = !1, br(this)), Yt(this, function() {
       return function(i) {
-        for (var c = i.getTag(), u = c.length, l = "", p = function(m) {
-          var g = function(b) {
+        for (var c = i.getTag(), u = c.length, l = "", m = function(g) {
+          var p = function(b) {
             return ut.get(b);
-          }(m);
-          if (g === void 0) return "continue";
-          var d = i.names.get(g), f = c.getGroup(m);
+          }(g);
+          if (p === void 0) return "continue";
+          var d = i.names.get(p), f = c.getGroup(g);
           if (d === void 0 || !d.size || f.length === 0) return "continue";
-          var x = "".concat(Se, ".g").concat(m, '[id="').concat(g, '"]'), v = "";
+          var x = "".concat(Se, ".g").concat(g, '[id="').concat(p, '"]'), v = "";
           d !== void 0 && d.forEach(function(b) {
             b.length > 0 && (v += "".concat(b, ","));
           }), l += "".concat(f).concat(x, '{content:"').concat(v, '"}').concat(Vt);
-        }, y = 0; y < u; y++) p(y);
+        }, y = 0; y < u; y++) m(y);
         return l;
       }(a);
     });
@@ -1596,24 +1596,24 @@ function Qr(e, t) {
   });
 }
 function Ms(e) {
-  var t, r, n, a = $e, i = a.options, c = i === void 0 ? $e : i, u = a.plugins, l = u === void 0 ? gt : u, p = function(g, d, f) {
-    return f.startsWith(r) && f.endsWith(r) && f.replaceAll(r, "").length > 0 ? ".".concat(t) : g;
+  var t, r, n, a = $e, i = a.options, c = i === void 0 ? $e : i, u = a.plugins, l = u === void 0 ? gt : u, m = function(p, d, f) {
+    return f.startsWith(r) && f.endsWith(r) && f.replaceAll(r, "").length > 0 ? ".".concat(t) : p;
   }, y = l.slice();
-  y.push(function(g) {
-    g.type === dt && g.value.includes("&") && (g.props[0] = g.props[0].replace($s, r).replace(n, p));
+  y.push(function(p) {
+    p.type === dt && p.value.includes("&") && (p.props[0] = p.props[0].replace($s, r).replace(n, m));
   }), c.prefix && y.push(ss), y.push(ts);
-  var m = function(g, d, f, x) {
+  var g = function(p, d, f, x) {
     d === void 0 && (d = ""), f === void 0 && (f = ""), x === void 0 && (x = "&"), t = x, r = d, n = new RegExp("\\".concat(r, "\\b"), "g");
-    var v = g.replace(Ds, ""), b = Qn(f || d ? "".concat(f, " ").concat(d, " { ").concat(v, " }") : v);
+    var v = p.replace(Ds, ""), b = Qn(f || d ? "".concat(f, " ").concat(d, " { ").concat(v, " }") : v);
     c.namespace && (b = Qr(b, c.namespace));
     var w = [];
     return ct(b, rs(y.concat(ns(function(S) {
       return w.push(S);
     })))), w;
   };
-  return m.hash = l.length ? l.reduce(function(g, d) {
-    return d.name || Le(15), xe(g, d.name);
-  }, Yr).toString() : "", m;
+  return g.hash = l.length ? l.reduce(function(p, d) {
+    return d.name || Le(15), xe(p, d.name);
+  }, Yr).toString() : "", g;
 }
 var Fs = new Zr(), $t = Ms(), en = ie.createContext({ shouldForwardProp: void 0, styleSheet: Fs, stylis: $t });
 en.Consumer;
@@ -1692,17 +1692,17 @@ var Ws = Ur(mt), Vs = function() {
       a = be(a, c), this.staticRulesId = c;
     }
     else {
-      for (var l = xe(this.baseHash, n.hash), p = "", y = 0; y < this.rules.length; y++) {
-        var m = this.rules[y];
-        if (typeof m == "string") p += m, process.env.NODE_ENV !== "production" && (l = xe(l, m));
-        else if (m) {
-          var g = xr(je(m, t, r, n));
-          l = xe(l, g + y), p += g;
+      for (var l = xe(this.baseHash, n.hash), m = "", y = 0; y < this.rules.length; y++) {
+        var g = this.rules[y];
+        if (typeof g == "string") m += g, process.env.NODE_ENV !== "production" && (l = xe(l, g));
+        else if (g) {
+          var p = xr(je(g, t, r, n));
+          l = xe(l, p + y), m += p;
         }
       }
-      if (p) {
+      if (m) {
         var d = Tt(l >>> 0);
-        r.hasNameForId(this.componentId, d) || r.insertRules(this.componentId, d, n(p, ".".concat(d), void 0, this.componentId)), a = be(a, d);
+        r.hasNameForId(this.componentId, d) || r.insertRules(this.componentId, d, n(m, ".".concat(d), void 0, this.componentId)), a = be(a, d);
       }
     }
     return a;
@@ -1711,14 +1711,14 @@ var Ws = Ur(mt), Vs = function() {
 nn.Consumer;
 var Rt = {}, Cr = /* @__PURE__ */ new Set();
 function Bs(e, t, r) {
-  var n = Bt(e), a = e, i = !Nt(e), c = t.attrs, u = c === void 0 ? gt : c, l = t.componentId, p = l === void 0 ? function(N, T) {
+  var n = Bt(e), a = e, i = !Nt(e), c = t.attrs, u = c === void 0 ? gt : c, l = t.componentId, m = l === void 0 ? function(N, T) {
     var k = typeof N != "string" ? "sc" : pr(N);
     Rt[k] = (Rt[k] || 0) + 1;
     var E = "".concat(k, "-").concat(fs(mt + k + Rt[k]));
     return T ? "".concat(T, "-").concat(E) : E;
-  }(t.displayName, t.parentComponentId) : l, y = t.displayName, m = y === void 0 ? function(N) {
+  }(t.displayName, t.parentComponentId) : l, y = t.displayName, g = y === void 0 ? function(N) {
     return Nt(N) ? "styled.".concat(N) : "Styled(".concat(qr(N), ")");
-  }(e) : y, g = t.displayName && t.componentId ? "".concat(pr(t.displayName), "-").concat(t.componentId) : t.componentId || p, d = n && a.attrs ? a.attrs.concat(u).filter(Boolean) : u, f = t.shouldForwardProp;
+  }(e) : y, p = t.displayName && t.componentId ? "".concat(pr(t.displayName), "-").concat(t.componentId) : t.componentId || m, d = n && a.attrs ? a.attrs.concat(u).filter(Boolean) : u, f = t.shouldForwardProp;
   if (n && a.shouldForwardProp) {
     var x = a.shouldForwardProp;
     if (t.shouldForwardProp) {
@@ -1728,7 +1728,7 @@ function Bs(e, t, r) {
       };
     } else f = x;
   }
-  var b = new Vs(r, g, n ? a.componentStyle : void 0);
+  var b = new Vs(r, p, n ? a.componentStyle : void 0);
   function w(N, T) {
     return function(k, E, V) {
       var X = k.attrs, vt = k.componentStyle, yt = k.defaultProps, He = k.foldedComponentIds, Q = k.styledComponentId, ce = k.target, ve = ie.useContext(nn), Xe = jr(), Ee = k.shouldForwardProp || Xe.shouldForwardProp;
@@ -1750,9 +1750,9 @@ function Bs(e, t, r) {
       return Ce && (We += " " + Ce), K.className && (We += " " + K.className), fe[Nt(de) && !It.has(de) ? "class" : "className"] = We, V && (fe.ref = V), In(de, fe);
     }(S, N, T);
   }
-  w.displayName = m;
+  w.displayName = g;
   var S = ie.forwardRef(w);
-  return S.attrs = d, S.componentStyle = b, S.displayName = m, S.shouldForwardProp = f, S.foldedComponentIds = n ? be(a.foldedComponentIds, a.styledComponentId) : "", S.styledComponentId = g, S.target = n ? a.target : e, Object.defineProperty(S, "defaultProps", { get: function() {
+  return S.attrs = d, S.componentStyle = b, S.displayName = g, S.shouldForwardProp = f, S.foldedComponentIds = n ? be(a.foldedComponentIds, a.styledComponentId) : "", S.styledComponentId = p, S.target = n ? a.target : e, Object.defineProperty(S, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(N) {
     this._foldedDefaultProps = n ? function(T) {
@@ -1760,7 +1760,7 @@ function Bs(e, t, r) {
       for (var V = 0, X = k; V < X.length; V++) At(T, X[V], !0);
       return T;
     }({}, a.defaultProps, N) : N;
-  } }), process.env.NODE_ENV !== "production" && (is(m, g), S.warnTooManyClasses = /* @__PURE__ */ function(N, T) {
+  } }), process.env.NODE_ENV !== "production" && (is(g, p), S.warnTooManyClasses = /* @__PURE__ */ function(N, T) {
     var k = {}, E = !1;
     return function(V) {
       if (!E && (k[V] = !0, Object.keys(k).length >= 200)) {
@@ -1777,7 +1777,7 @@ Example:
   <Component />`), E = !0, k = {};
       }
     };
-  }(m, g)), Yt(S, function() {
+  }(g, p)), Yt(S, function() {
     return ".".concat(S.styledComponentId);
   }), i && Kr(S, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), S;
 }
@@ -1838,18 +1838,18 @@ const Ys = Ut.div`
     show: a,
     closeOverlay: i
   }, c) => {
-    const { activeOverlayId: u, setActiveOverlay: l } = Mn(), [p, y] = F(a || !1), [m, g] = F(
+    const { activeOverlayId: u, setActiveOverlay: l } = Mn(), [m, y] = F(a || !1), [g, p] = F(
       r ?? { top: 0, left: 0 }
     ), d = se(null), f = Tn();
     Ft(c, () => ({
-      setCoords: g
+      setCoords: p
     })), Y(() => {
       u !== f && y(!1);
     }, [u, f]), Y(() => {
       const b = () => {
         var w;
         if (!t && r)
-          g(r);
+          p(r);
         else if (e) {
           const S = e.getBoundingClientRect(), N = (w = d.current) == null ? void 0 : w.getBoundingClientRect(), { innerWidth: T, innerHeight: k } = window;
           if (N) {
@@ -1880,12 +1880,12 @@ const Ys = Ut.div`
                 left: S.right
               })
             };
-            t && X[t] ? { top: E, left: V } = X[t]() : (V = S.right, E = S.bottom, S.right + N.width > T && (V = S.left - N.width), S.bottom + N.height > k && (E = S.top - N.height)), g({ top: E, left: V < 0 ? 0 : V });
+            t && X[t] ? { top: E, left: V } = X[t]() : (V = S.right, E = S.bottom, S.right + N.width > T && (V = S.left - N.width), S.bottom + N.height > k && (E = S.top - N.height)), p({ top: E, left: V < 0 ? 0 : V });
           }
         }
       };
-      return p && (b(), window.addEventListener("resize", b)), () => window.removeEventListener("resize", b);
-    }, [e, p, t]);
+      return m && (b(), window.addEventListener("resize", b)), () => window.removeEventListener("resize", b);
+    }, [e, m, t]);
     const x = () => {
       y(!0), l(f);
     }, v = $(
@@ -1898,16 +1898,16 @@ const Ys = Ut.div`
       const b = (w) => {
         d.current && !d.current.contains(w.target) && v(w);
       };
-      return p && document.addEventListener("mousedown", b), () => {
+      return m && document.addEventListener("mousedown", b), () => {
         document.removeEventListener("mousedown", b);
       };
-    }, [p, v]), Y(() => {
+    }, [m, v]), Y(() => {
       a && x();
-    }, [a]), p ? Lt.createPortal(
-      /* @__PURE__ */ o.jsx(Ys, { ref: d, $top: m.top, $left: m.left, children: /* @__PURE__ */ o.jsxs(
+    }, [a]), m ? Lt.createPortal(
+      /* @__PURE__ */ o.jsx(Ys, { ref: d, $top: g.top, $left: g.left, children: /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: `overlayPanel ${m.top > 0 || m.left > 0 ? "visible" : "hide"}`,
+          className: `overlayPanel ${g.top > 0 || g.left > 0 ? "visible" : "hide"}`,
           children: [
             /* @__PURE__ */ o.jsx("button", { className: "toggle-btn", onClick: v, children: /* @__PURE__ */ o.jsx(D, { classIcon: "bi-x-lg" }) }),
             n
@@ -1927,12 +1927,12 @@ const Ys = Ut.div`
 }) => {
   const c = (d) => {
     d.preventDefault(), t && t(d);
-  }, u = se(null), [l, p] = F(!1), y = $(
+  }, u = se(null), [l, m] = F(!1), y = $(
     (d) => {
-      d.stopPropagation(), n && p(!l);
+      d.stopPropagation(), n && m(!l);
     },
-    [l, p]
-  ), m = Oe(() => n ? n.map((d, f) => ({
+    [l, m]
+  ), g = Oe(() => n ? n.map((d, f) => ({
     id: d.id ?? f,
     icon: d.icon,
     name: d.label,
@@ -1942,15 +1942,15 @@ const Ys = Ut.div`
         classIcon: d.icon,
         sizeIcon: ae.LARGE,
         onClick: (x) => {
-          x.stopPropagation(), g(), d.onClick && d.onClick(d);
+          x.stopPropagation(), p(), d.onClick && d.onClick(d);
         },
         title: d.label || ""
       },
       f
     )
-  })) : [], [n]), g = $(() => {
-    p(!1);
-  }, [p]);
+  })) : [], [n]), p = $(() => {
+    m(!1);
+  }, [m]);
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsxs(
       "button",
@@ -1978,9 +1978,9 @@ const Ys = Ut.div`
       {
         show: l,
         position: a,
-        closeOverlay: p,
+        closeOverlay: m,
         referenceElement: u.current,
-        children: /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx(Tr, { className: "card-action-menu", items: m }) })
+        children: /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx(Tr, { className: "card-action-menu", items: g }) })
       }
     )
   ] });
@@ -1994,18 +1994,18 @@ const Ys = Ut.div`
 }) => {
   const c = se(null), [u, l] = F(
     a
-  ), p = se(null), [y, m] = F(t ?? !1);
+  ), m = se(null), [y, g] = F(t ?? !1);
   Y(() => {
-    t && m(t);
+    t && g(t);
   }, [t]);
-  const g = $(
+  const p = $(
     (x, v) => {
       e.length !== 0 && (x.preventDefault(), l("bottomRight"), i && i(v));
     },
     [l, i]
   ), d = $(() => {
-    l(void 0), m(!1), i && i(!1);
-  }, [m, l, i]), f = Oe(() => e == null ? void 0 : e.filter((x) => x.type === "menu").map((x, v) => ({
+    l(void 0), g(!1), i && i(!1);
+  }, [g, l, i]), f = Oe(() => e == null ? void 0 : e.filter((x) => x.type === "menu").map((x, v) => ({
     id: v,
     icon: x.icon,
     name: x.label,
@@ -2027,9 +2027,9 @@ const Ys = Ut.div`
     /* @__PURE__ */ o.jsxs(
       "div",
       {
-        ref: p,
+        ref: m,
         className: `card-action ${e.filter((x) => x.type === "menu").length ? "visible" : "hidden"}`,
-        onClick: (x) => g(x, !y),
+        onClick: (x) => p(x, !y),
         children: [
           /* @__PURE__ */ o.jsx(
             D,
@@ -2048,7 +2048,7 @@ const Ys = Ut.div`
         ]
       }
     ),
-    y && p.current && /* @__PURE__ */ o.jsx(
+    y && m.current && /* @__PURE__ */ o.jsx(
       qt,
       {
         position: u,
@@ -2056,7 +2056,7 @@ const Ys = Ut.div`
         ref: c,
         closeOverlay: d,
         coordonnees: n,
-        referenceElement: p.current,
+        referenceElement: m.current,
         children: /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx(Tr, { className: "card-action-menu", items: f }) })
       }
     )
@@ -2071,20 +2071,20 @@ const Ys = Ut.div`
   positionOverlay: c,
   children: u
 }) => {
-  const [l, p] = F(!1), [y, m] = F(!1), [g, d] = F(), f = (v, b) => {
+  const [l, m] = F(!1), [y, g] = F(!1), [p, d] = F(), f = (v, b) => {
     v.stopPropagation(), a && a(b);
   }, x = $(
     (v, b) => {
       if (v.stopPropagation(), y)
-        return d(void 0), m(!1);
-      v.target.closest(".qte") || v.target.closest(".card-action-menu button") || v.target.closest(".card-actions") || (p(!l), n && v.button !== 2 ? n(b) : (d({ top: v.clientY, left: v.clientX }), m(!0)));
+        return d(void 0), g(!1);
+      v.target.closest(".qte") || v.target.closest(".card-action-menu button") || v.target.closest(".card-actions") || (m(!l), n && v.button !== 2 ? n(b) : (d({ top: v.clientY, left: v.clientX }), g(!0)));
     },
     [
-      p,
+      m,
       d,
       n,
       y,
-      m,
+      g,
       l
     ]
   );
@@ -2118,10 +2118,10 @@ const Ys = Ut.div`
             Us,
             {
               openActions: y,
-              setOpenActions: m,
+              setOpenActions: g,
               actions: t,
               item: e,
-              positions: g,
+              positions: p,
               positionOverlay: c
             }
           )
@@ -2155,7 +2155,7 @@ const Ys = Ut.div`
     };
     return f(), window.addEventListener("resize", f), () => window.removeEventListener("resize", f);
   }, [n]);
-  const p = $(
+  const m = $(
     (f) => {
       f.preventDefault(), i(
         (x) => Math.min(x + r, c - u)
@@ -2167,9 +2167,9 @@ const Ys = Ut.div`
       f.preventDefault(), i((x) => Math.max(x - r, 0));
     },
     [i]
-  ), m = a + r >= c - u + 1, g = c <= u, d = a <= 0;
+  ), g = a + r >= c - u + 1, p = c <= u, d = a <= 0;
   return /* @__PURE__ */ o.jsxs("div", { className: "carousel", children: [
-    t && !g && /* @__PURE__ */ o.jsx(
+    t && !p && /* @__PURE__ */ o.jsx(
       "div",
       {
         className: `carousel-control prev ${d && "disabled"}`,
@@ -2199,11 +2199,11 @@ const Ys = Ut.div`
         ))
       }
     ) }),
-    t && !g && /* @__PURE__ */ o.jsx(
+    t && !p && /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: `carousel-control next ${m && "disabled"}`,
-        onClick: p,
+        className: `carousel-control next ${g && "disabled"}`,
+        onClick: m,
         children: /* @__PURE__ */ o.jsx(D, { classIcon: "bi-chevron-right" })
       }
     )
@@ -2224,27 +2224,27 @@ const Ys = Ut.div`
   Y(() => {
     l(n);
   }, [n]);
-  const p = Oe(() => {
+  const m = Oe(() => {
     const y = [];
-    for (let m = 0; m < c; m++) {
-      const g = [];
+    for (let g = 0; g < c; g++) {
+      const p = [];
       for (let d = 0; d < i; d++) {
-        const f = d + m * i, x = r == null ? void 0 : r.find(
+        const f = d + g * i, x = r == null ? void 0 : r.find(
           (v) => v.position === f + 1
         );
-        x ? g.push(
-          /* @__PURE__ */ o.jsx(qs, { onClick: a, cell: x }, `${m}-${d}`)
-        ) : g.push(
-          /* @__PURE__ */ o.jsx("div", { className: "cell cell--empty" }, `${m}-${d}`)
+        x ? p.push(
+          /* @__PURE__ */ o.jsx(qs, { onClick: a, cell: x }, `${g}-${d}`)
+        ) : p.push(
+          /* @__PURE__ */ o.jsx("div", { className: "cell cell--empty" }, `${g}-${d}`)
         );
       }
       y.push(
-        /* @__PURE__ */ o.jsx("div", { className: "row", children: g }, m)
+        /* @__PURE__ */ o.jsx("div", { className: "row", children: p }, g)
       );
     }
     return y;
   }, [i, c, u]);
-  return /* @__PURE__ */ o.jsx("div", { className: "damier", children: p });
+  return /* @__PURE__ */ o.jsx("div", { className: "damier", children: m });
 }, Gs = ({ display: e, full: t, message: r }) => /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
   e && !t && /* @__PURE__ */ o.jsxs("div", { className: "d-flex flex-column align-items-center", children: [
     r && /* @__PURE__ */ o.jsx("span", { className: "mb-3", children: r }),
@@ -2268,9 +2268,9 @@ const Ys = Ut.div`
   value: u,
   placeholder: l
 }) => {
-  const p = (y) => {
-    const m = y.target.value;
-    c && c(m);
+  const m = (y) => {
+    const g = y.target.value;
+    c && c(g);
   };
   return /* @__PURE__ */ o.jsxs("div", { id: e, className: `select-container ${n || ""}`, children: [
     t && /* @__PURE__ */ o.jsx("label", { className: "select-container-label", children: t }),
@@ -2280,10 +2280,10 @@ const Ys = Ut.div`
         disabled: a,
         className: "select-container-select",
         value: u ?? i ?? "",
-        onChange: p,
+        onChange: m,
         children: [
           l && !i && /* @__PURE__ */ o.jsx("option", { value: "", children: l }),
-          r.map((y, m) => /* @__PURE__ */ o.jsx("option", { value: y.value, children: y.label }, m))
+          r.map((y, g) => /* @__PURE__ */ o.jsx("option", { value: y.value, children: y.label }, g))
         ]
       }
     )
@@ -2299,28 +2299,28 @@ function vo(e) {
     data: c = [],
     actions: u = [],
     columns: l = [],
-    loading: p,
+    loading: m,
     onRowClick: y,
-    onColumnClick: m
+    onColumnClick: g
   } = e;
-  return p ? /* @__PURE__ */ o.jsx(Gs, { display: p }) : /* @__PURE__ */ o.jsxs("div", { children: [
+  return m ? /* @__PURE__ */ o.jsx(Gs, { display: m }) : /* @__PURE__ */ o.jsxs("div", { children: [
     r && /* @__PURE__ */ o.jsx("h2", { className: "mb-2", children: r }),
     i,
     /* @__PURE__ */ o.jsxs("table", { className: `data-table ${n || ""}`, id: t, children: [
       /* @__PURE__ */ o.jsx("thead", { children: /* @__PURE__ */ o.jsxs("tr", { children: [
-        l.map((g, d) => /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(
+        l.map((p, d) => /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(
           "th",
           {
             style: {
-              minWidth: g.minWidth,
-              maxWidth: g.maxWidth,
-              width: g.width,
-              textAlign: "left"
+              minWidth: p.minWidth,
+              maxWidth: p.maxWidth,
+              width: p.width,
+              textAlign: p.align || "left"
             },
-            onClick: () => m == null ? void 0 : m(g),
-            children: g.label
+            onClick: () => g == null ? void 0 : g(p),
+            children: p.label
           },
-          `colonne-${g.id}-${d}`
+          `colonne-${p.id}-${d}`
         ) })),
         u.length > 0 && /* @__PURE__ */ o.jsx(
           "th",
@@ -2334,9 +2334,9 @@ function vo(e) {
         )
       ] }) }),
       /* @__PURE__ */ o.jsxs("tbody", { children: [
-        c.map((g, d) => /* @__PURE__ */ o.jsxs("tr", { onClick: () => y == null ? void 0 : y(g), children: [
+        c.map((p, d) => /* @__PURE__ */ o.jsxs("tr", { onClick: () => y == null ? void 0 : y(p), children: [
           l.map((f, x) => {
-            const v = g[f.id];
+            const v = p[f.id];
             return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(
               "td",
               {
@@ -2352,7 +2352,7 @@ function vo(e) {
                     options: f.options ?? [],
                     value: v,
                     onChange: (b) => {
-                      f.onEdit && f.onEdit(b, g);
+                      f.onEdit && f.onEdit(b, p);
                     }
                   }
                 ) : /* @__PURE__ */ o.jsx(
@@ -2363,7 +2363,7 @@ function vo(e) {
                     step: "0.01",
                     style: { textAlign: f.align || "left" },
                     onChange: (b) => {
-                      f.onEdit && f.onEdit(b.target.value, g);
+                      f.onEdit && f.onEdit(b.target.value, p);
                     }
                   }
                 ) : f.format ? f.format(v) : v
@@ -2373,12 +2373,12 @@ function vo(e) {
           }),
           u.length > 0 && /* @__PURE__ */ o.jsx("td", { align: "right", children: /* @__PURE__ */ o.jsx("div", { className: "d-flex align-items-center justify-content-end", children: u.map((f, x) => {
             let v = f.label;
-            return (f.shouldDisplay ? f.shouldDisplay(g) : !0) ? (f.labelButton && (v = f.labelButton ? f.labelButton(g) : f.label), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            return (f.shouldDisplay ? f.shouldDisplay(p) : !0) ? (f.labelButton && (v = f.labelButton ? f.labelButton(p) : f.label), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               f.type === "button" && /* @__PURE__ */ o.jsx(
                 Ge,
                 {
                   title: v,
-                  onClick: () => f.onClick(g),
+                  onClick: () => f.onClick(p),
                   disabled: f.disabled,
                   className: `data-table-action button--tertiary mr-2 w-100 ${f.classIcon ? f.classIcon : ""}`
                 },
@@ -2388,7 +2388,7 @@ function vo(e) {
                 "div",
                 {
                   className: "mr-2 ",
-                  onClick: () => f.onClick(g),
+                  onClick: () => f.onClick(p),
                   children: /* @__PURE__ */ o.jsx(
                     D,
                     {
@@ -2515,7 +2515,7 @@ const Xs = ({
       return e.forEach((b) => {
         v[b.name] = b.value ?? "";
       }), v;
-    }), l = se({}), p = $(
+    }), l = se({}), m = $(
       (v, b) => {
         const { name: w, value: S, type: N, checked: T } = v.target;
         b.onChange && b.onChange(S, w), u((k) => {
@@ -2532,14 +2532,14 @@ const Xs = ({
         v.preventDefault(), r && r(c);
       },
       [r, c]
-    ), m = () => {
+    ), g = () => {
       u(() => {
         const v = {};
         return e.forEach((b) => {
           v[b.name] = b.value ?? "";
         }), v;
       });
-    }, g = $((v) => {
+    }, p = $((v) => {
       u((b) => ({
         ...b,
         [v]: ""
@@ -2557,8 +2557,8 @@ const Xs = ({
       }));
     };
     return Ft(i, () => ({
-      resetForm: m,
-      clearInput: g,
+      resetForm: g,
+      clearInput: p,
       focusInitialElement: d,
       getValues: f,
       updateFormValue: x
@@ -2579,7 +2579,7 @@ const Xs = ({
             required: v.required ?? !1,
             value: c && c[v.name],
             checked: v.type === "checkbox" ? !!c[v.name] : void 0,
-            onChange: (w) => p(w, v)
+            onChange: (w) => m(w, v)
           }
         )
       ] }, b)),
@@ -2599,13 +2599,13 @@ const bo = ({
   cols: u,
   rows: l
 }) => {
-  const [p, y] = F(t);
+  const [m, y] = F(t);
   Y(() => {
     y(t);
   }, [t]);
-  const m = $(
-    (g) => {
-      const d = g.target.value;
+  const g = $(
+    (p) => {
+      const d = p.target.value;
       y(d), i && i(d, e);
     },
     [i, e]
@@ -2617,8 +2617,8 @@ const bo = ({
       className: `form-control-textarea ${a ?? ""}`,
       name: e,
       disabled: r,
-      value: p,
-      onChange: m,
+      value: m,
+      onChange: g,
       placeholder: c,
       cols: u,
       rows: l
@@ -2658,7 +2658,7 @@ const bo = ({
   positionFixed: a,
   onClickLogo: i
 }) => {
-  const c = se(null), [u, l] = F(!1), p = $(() => {
+  const c = se(null), [u, l] = F(!1), m = $(() => {
     l(!u);
   }, [u, l]);
   return /* @__PURE__ */ o.jsxs("div", { className: `header ${a ? "header--fixed" : ""}`, children: [
@@ -2675,7 +2675,7 @@ const bo = ({
     ] }),
     /* @__PURE__ */ o.jsxs("div", { className: "d-flex align-items-center", children: [
       e,
-      /* @__PURE__ */ o.jsx("div", { ref: c, onClick: p, children: /* @__PURE__ */ o.jsx(D, { size: ae.MEDIUM, classIcon: "bi-person-circle" }) }),
+      /* @__PURE__ */ o.jsx("div", { ref: c, onClick: m, children: /* @__PURE__ */ o.jsx(D, { size: ae.MEDIUM, classIcon: "bi-person-circle" }) }),
       u && c.current && /* @__PURE__ */ o.jsx(
         qt,
         {
@@ -2724,7 +2724,7 @@ const bo = ({
   disabledMinus: i,
   pas: c
 }) => {
-  const [u, l] = F(c), p = $(
+  const [u, l] = F(c), m = $(
     (d) => {
       n || (l(d), e && e(t, d));
     },
@@ -2734,24 +2734,24 @@ const bo = ({
       if (d.stopPropagation(), n || a)
         return;
       const f = u + c;
-      p(Math.round(f * 100) / 100);
+      m(Math.round(f * 100) / 100);
     },
-    [u, p]
-  ), m = $(
+    [u, m]
+  ), g = $(
     (d) => {
       if (d.stopPropagation(), n || i)
         return;
       if (u === 0)
         return u;
       const f = u - c;
-      p(Math.round(f * 100) / 100);
+      m(Math.round(f * 100) / 100);
     },
-    [p, u]
+    [m, u]
   );
   Y(() => {
     t.quantity && l(t.quantity);
   }, [t.quantity, l]);
-  const g = $(
+  const p = $(
     (d) => {
       d.stopPropagation(), r && r(t);
     },
@@ -2761,12 +2761,12 @@ const bo = ({
     /* @__PURE__ */ o.jsx(
       "div",
       {
-        onClick: (d) => m(d),
+        onClick: (d) => g(d),
         className: `qte-action qte-action--minus ${n || i ? "disabled" : ""} `,
         children: /* @__PURE__ */ o.jsx(D, { size: ae.LARGE, classIcon: "bi bi-dash-square" })
       }
     ),
-    /* @__PURE__ */ o.jsx("span", { onClick: (d) => g(d), className: "qte-label", children: u }),
+    /* @__PURE__ */ o.jsx("span", { onClick: (d) => p(d), className: "qte-label", children: u }),
     /* @__PURE__ */ o.jsx(
       "div",
       {
@@ -2787,8 +2787,8 @@ const bo = ({
     handleChange: c,
     setIsVisible: u,
     id: l
-  }, p) => {
-    const [y, m] = F(n ?? !1), g = se(null), d = se(null), f = Oe(
+  }, m) => {
+    const [y, g] = F(n ?? !1), p = se(null), d = se(null), f = Oe(
       () => [
         {
           value: "",
@@ -2805,18 +2805,18 @@ const bo = ({
       [r, a]
     );
     Y(() => {
-      n !== void 0 && m(n);
+      n !== void 0 && g(n);
     }, [n]);
     const x = $(
       (w) => {
-        u && u(w), m(w);
+        u && u(w), g(w);
       },
       [u]
     ), v = $(
       (w) => {
         if (!w || !w[t ?? "recherche"])
           return x(!1);
-        x(!0), g.current && clearTimeout(g.current), g.current = setTimeout(() => {
+        x(!0), p.current && clearTimeout(p.current), p.current = setTimeout(() => {
           c && c(w);
         }, i ?? 500);
       },
@@ -2827,7 +2827,7 @@ const bo = ({
       },
       []
     );
-    return Ft(p, () => ({
+    return Ft(m, () => ({
       clearInput: (w) => {
         var S;
         (S = d.current) == null || S.clearInput(w);
@@ -2875,9 +2875,9 @@ const bo = ({
   closeOnClickOutside: u = !0,
   displayOverlay: l = !0
 }) => {
-  const [p, y] = F(e || !1), m = se(null), g = se(null);
-  Y(() => (g.current || (g.current = document.createElement("div"), g.current.id = `sidebar-root-${i || crypto.randomUUID()}`, document.body.appendChild(g.current)), () => {
-    g.current && g.current.parentNode && (document.body.removeChild(g.current), g.current = null);
+  const [m, y] = F(e || !1), g = se(null), p = se(null);
+  Y(() => (p.current || (p.current = document.createElement("div"), p.current.id = `sidebar-root-${i || crypto.randomUUID()}`, document.body.appendChild(p.current)), () => {
+    p.current && p.current.parentNode && (document.body.removeChild(p.current), p.current = null);
   }), [i]), Y(() => {
     y(e || !1);
   }, [e]);
@@ -2885,21 +2885,21 @@ const bo = ({
     y(!1), n && n(!1);
   }, [n]), f = $(
     (x) => {
-      u && m.current && !m.current.contains(x.target) && d();
+      u && g.current && !g.current.contains(x.target) && d();
     },
     [d, u]
   );
-  return Y(() => (p ? document.addEventListener("mousedown", f) : document.removeEventListener("mousedown", f), () => {
+  return Y(() => (m ? document.addEventListener("mousedown", f) : document.removeEventListener("mousedown", f), () => {
     document.removeEventListener("mousedown", f);
-  }), [p, f]), g.current ? Lt.createPortal(
+  }), [m, f]), p.current ? Lt.createPortal(
     /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      p && l && /* @__PURE__ */ o.jsx("div", { className: "overlay" }),
+      m && l && /* @__PURE__ */ o.jsx("div", { className: "overlay" }),
       /* @__PURE__ */ o.jsxs(
         "div",
         {
-          ref: m,
+          ref: g,
           style: c ? { width: c } : {},
-          className: `sidebar ${p ? "open" : "closed"} ${a ?? ""}`,
+          className: `sidebar ${m ? "open" : "closed"} ${a ?? ""}`,
           children: [
             /* @__PURE__ */ o.jsxs("div", { className: "sidebar-header", children: [
               r && /* @__PURE__ */ o.jsx("h2", { className: "flex-1", children: r }),
@@ -2910,17 +2910,17 @@ const bo = ({
         }
       )
     ] }),
-    g.current
+    p.current
   ) : /* @__PURE__ */ o.jsx(o.Fragment, {});
 }, No = (e) => /* @__PURE__ */ o.jsx(to, { ...e, className: `full sidebar-data ${e.className}`, children: e.children && /* @__PURE__ */ o.jsx("div", { className: `sidebar-data-content ${e.classNameContent} `, children: e.children }) }), kr = (e) => {
   let t;
-  const r = /* @__PURE__ */ new Set(), n = (p, y) => {
-    const m = typeof p == "function" ? p(t) : p;
-    if (!Object.is(m, t)) {
-      const g = t;
-      t = y ?? (typeof m != "object" || m === null) ? m : Object.assign({}, t, m), r.forEach((d) => d(t, g));
+  const r = /* @__PURE__ */ new Set(), n = (m, y) => {
+    const g = typeof m == "function" ? m(t) : m;
+    if (!Object.is(g, t)) {
+      const p = t;
+      t = y ?? (typeof g != "object" || g === null) ? g : Object.assign({}, t, g), r.forEach((d) => d(t, p));
     }
-  }, a = () => t, u = { setState: n, getState: a, getInitialState: () => l, subscribe: (p) => (r.add(p), () => r.delete(p)) }, l = t = e(n, a, u);
+  }, a = () => t, u = { setState: n, getState: a, getInitialState: () => l, subscribe: (m) => (r.add(m), () => r.delete(m)) }, l = t = e(n, a, u);
   return u;
 }, ro = (e) => e ? kr(e) : kr, no = (e) => e;
 function so(e, t = no) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kelt-ui-kit-react",
   "type": "module",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -9,7 +9,7 @@
     "@types/node": "^22.5.5",
     "@vitejs/plugin-react": "^4.3.1",
     "bootstrap-icons": "^1.11.3",
-    "react-day-picker": "^9.7.0",
+    "react-date-picker": "^11.0.0",
     "styled-components": "^6.1.13",
     "vite": "^5.4.6",
     "vite-plugin-dts": "^4.2.2",

package/src/dataTable/DataTable.tsx

@@ -54,7 +54,7 @@ export function DataTable<T>(props: DataTableProps<T>) {
                     minWidth: column.minWidth,
                     maxWidth: column.maxWidth,
                     width: column.width,
-                    textAlign: "left",
+                    textAlign: column.align || "left",
                   }}
                   onClick={() => onColumnClick?.(column)}
                 >

package/src/datePicker/DatePicker.tsx

@@ -1,25 +1,69 @@
-import { format } from "date-fns";
-import { useState } from "react";
-import { DayPicker } from "react-day-picker";
+import { useCallback, useEffect, useRef, useState } from "react";
+import Calendar from "react-calendar";
+import { Value } from "react-calendar/dist/cjs/shared/types";
+import { Icon } from "../icon/Icon";
+import { IconSizeEnum } from "../icon/iconSize.enum";
+import "./datePicker.css"; // Assuming you have some styles for the DatePicker
+export type DatePickerProps = {
+  value?: Value;
+  onChange?: (date: Value) => void;
+};
+export const Datepicker = ({ value, onChange }: DatePickerProps) => {
+  const [date, setDate] = useState<Value>(value ?? new Date());
+  const [showCalendar, setShowCalendar] = useState(false);
+
+  const calendarRef = useRef<HTMLDivElement>(null);
+
+  const handleChange = useCallback(
+    (val: Value) => {
+      setDate(val);
+      if (onChange) {
+        onChange(val);
+      }
+      setShowCalendar(false);
+    },
+    [onChange]
+  );
 
-export const DatePicker = () => {
-  const [selectedDate, setSelectedDate] = useState<Date | undefined>();
+  const toggleCalendar = () => setShowCalendar(!showCalendar);
+
+  const handleClickOutside = useCallback((event: MouseEvent) => {
+    if (
+      calendarRef.current &&
+      !calendarRef.current.contains(event.target as Node)
+    ) {
+      setShowCalendar(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    if (showCalendar) {
+      document.addEventListener("mousedown", handleClickOutside);
+    } else {
+      document.removeEventListener("mousedown", handleClickOutside);
+    }
+
+    // Nettoyage
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [showCalendar, handleClickOutside]);
 
   return (
     <div>
-      <h2>Sélectionnez une date :</h2>
-      <DayPicker
-        mode="single"
-        selected={selectedDate}
-        onSelect={setSelectedDate}
-      />
-
-      {selectedDate && (
-        <p>
-          Date sélectionnée :{" "}
-          <strong>{format(selectedDate, "dd/MM/yyyy")}</strong>
-        </p>
-      )}
+      <div className="calendar" ref={calendarRef}>
+        <button className="calendar-button" onClick={toggleCalendar}>
+          <Icon
+            classIcon=" bi-calendar4-event"
+            size={IconSizeEnum.EXTRA_LARGE}
+          />
+        </button>
+        {showCalendar && (
+          <div className="calendar-popup">
+            <Calendar onChange={handleChange} value={date} />
+          </div>
+        )}
+      </div>
     </div>
   );
 };

package/src/datePicker/DatePicker.view.tsx

@@ -1,9 +1,9 @@
-import { DatePicker } from "./DatePicker";
+import { Datepicker } from "./DatePicker";
 
 export const DatePickerView = () => {
   return (
     <div>
-      <DatePicker />
+      <Datepicker />
     </div>
   );
 };

package/src/datePicker/datePicker.css

@@ -0,0 +1,59 @@
+.calendar {
+  position: relative;
+  .calendar-button {
+    width: 40px;
+    max-width: 40px;
+    min-width: 40px;
+    background-color: #fff;
+    i {
+      color: #333;
+      font-size: 1.6rem;
+    }
+  }
+  .calendar-popup {
+    position: absolute;
+    z-index: 5;
+    .react-calendar {
+      border-color: #dedede;
+      border-style: solid;
+      border-width: 1px;
+      max-width: 300px;
+      font-size: 0.8rem;
+      button {
+        background-color: #fff;
+        color: #333;
+        min-width: auto;
+        width: auto;
+        font-size: 0.8rem;
+        padding: 0.5rem;
+      }
+      .react-calendar__month-view__weekdays__weekday {
+        text-align: center;
+      }
+      .react-calendar__navigation {
+        display: flex;
+      }
+
+      .react-calendar__tile--active {
+        background-color: #007bff;
+        color: #fff;
+      }
+      .react-calendar__tile--now {
+        background-color: #f0f0f0;
+        color: #000;
+      }
+      .react-calendar__tile--active:hover {
+        background-color: #0056b3;
+        color: #fff;
+      }
+      .react-calendar__tile--now:hover {
+        background-color: #e0e0e0;
+        color: #000;
+      }
+      .react-calendar__tile--disabled {
+        background-color: #f8f9fa;
+        color: #6c757d;
+      }
+    }
+  }
+}