kelt-ui-kit-react 0.3.2 → 0.3.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import le, { useState as Y, useCallback as F, createContext as kn, useContext as Er, useRef as ae, useDebugValue as or, createElement as Nn, useId as _n, useEffect as X, useMemo as Pe, forwardRef as Cr, useImperativeHandle as Rr } from "react";
+import le, { useState as Y, useCallback as F, createContext as kn, useContext as Er, useRef as ae, useDebugValue as sr, createElement as Nn, useId as _n, useEffect as X, useMemo as Pe, forwardRef as Cr, useImperativeHandle as Rr } from "react";
 import Mt, { createPortal as On } from "react-dom";
 var Nt = { exports: {} }, We = {};
 /**
@@ -10,17 +10,17 @@ var Nt = { exports: {} }, We = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var sr;
+var or;
 function Pn() {
-  if (sr) return We;
-  sr = 1;
-  var e = le, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  if (or) return We;
+  or = 1;
+  var e = le, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(l, d, y) {
     var v, m = {}, u = null, p = null;
     y !== void 0 && (u = "" + y), d.key !== void 0 && (u = "" + d.key), d.ref !== void 0 && (p = d.ref);
     for (v in d) n.call(d, v) && !i.hasOwnProperty(v) && (m[v] = d[v]);
     if (l && l.defaultProps) for (v in d = l.defaultProps, d) m[v] === void 0 && (m[v] = d[v]);
-    return { $$typeof: t, type: l, key: u, ref: p, props: m, _owner: o.current };
+    return { $$typeof: t, type: l, key: u, ref: p, props: m, _owner: s.current };
   }
   return We.Fragment = r, We.jsx = c, We.jsxs = c, We;
 }
@@ -37,7 +37,7 @@ var Be = {};
 var ir;
 function Tn() {
   return ir || (ir = 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"), o = 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"), y = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), u = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, w = "@@iterator";
+    var e = le, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), s = 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"), y = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), u = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, w = "@@iterator";
     function R(a) {
       if (a === null || typeof a != "object")
         return null;
@@ -62,14 +62,14 @@ function Tn() {
         A.unshift("Warning: " + f), Function.prototype.apply.call(console[a], console, A);
       }
     }
-    var T = !1, I = !1, x = !1, b = !1, re = !1, oe;
-    oe = Symbol.for("react.module.reference");
+    var T = !1, I = !1, x = !1, b = !1, re = !1, se;
+    se = Symbol.for("react.module.reference");
     function vt(a) {
-      return !!(typeof a == "string" || typeof a == "function" || a === n || a === i || re || a === o || a === y || a === v || b || a === p || T || I || x || typeof a == "object" && a !== null && (a.$$typeof === u || a.$$typeof === m || a.$$typeof === c || a.$$typeof === l || a.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof a == "string" || typeof a == "function" || a === n || a === i || re || a === s || a === y || a === v || b || a === p || T || I || x || typeof a == "object" && a !== null && (a.$$typeof === u || a.$$typeof === m || a.$$typeof === c || a.$$typeof === l || a.$$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.
-      a.$$typeof === oe || a.getModuleId !== void 0));
+      a.$$typeof === se || a.getModuleId !== void 0));
     }
     function yt(a, f, h) {
       var S = a.displayName;
@@ -95,7 +95,7 @@ function Tn() {
           return "Portal";
         case i:
           return "Profiler";
-        case o:
+        case s:
           return "StrictMode";
         case y:
           return "Suspense";
@@ -126,7 +126,7 @@ function Tn() {
         }
       return null;
     }
-    var se = Object.assign, ge = 0, Ge, Ee, Me, H, ue, de, W;
+    var oe = Object.assign, ge = 0, Ge, Ee, Me, H, ue, de, W;
     function Ce() {
     }
     Ce.__reactDisabledLog = !0;
@@ -162,25 +162,25 @@ function Tn() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: se({}, a, {
+            log: oe({}, a, {
               value: Ge
             }),
-            info: se({}, a, {
+            info: oe({}, a, {
               value: Ee
             }),
-            warn: se({}, a, {
+            warn: oe({}, a, {
               value: Me
             }),
-            error: se({}, a, {
+            error: oe({}, a, {
               value: H
             }),
-            group: se({}, a, {
+            group: oe({}, a, {
               value: ue
             }),
-            groupCollapsed: se({}, a, {
+            groupCollapsed: oe({}, a, {
               value: de
             }),
-            groupEnd: se({}, a, {
+            groupEnd: oe({}, a, {
               value: W
             })
           });
@@ -341,11 +341,11 @@ function Tn() {
           }
       }
     }
-    var on = Array.isArray;
+    var sn = Array.isArray;
     function xt(a) {
-      return on(a);
+      return sn(a);
     }
-    function sn(a) {
+    function on(a) {
       {
         var f = typeof Symbol == "function" && Symbol.toStringTag, h = f && a[Symbol.toStringTag] || a.constructor.name || "Object";
         return h;
@@ -363,7 +363,7 @@ function Tn() {
     }
     function Gt(a) {
       if (cn(a))
-        return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", sn(a)), Ht(a);
+        return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", on(a)), Ht(a);
     }
     var Xt = k.ReactCurrentOwner, ln = {
       key: !0,
@@ -625,34 +625,34 @@ React keys must be passed directly to JSX without using spread:
   }()), Be;
 }
 process.env.NODE_ENV === "production" ? Nt.exports = Pn() : Nt.exports = Tn();
-var s = Nt.exports;
-const D = ({ classIcon: e, size: t }) => /* @__PURE__ */ s.jsx("i", { className: `bi ${e} ${t ?? "sm"}` });
-var st = /* @__PURE__ */ ((e) => (e.SMALL = "sm", e.MEDIUM = "md", e.LARGE = "xl", e.EXTRA_LARGE = "xxl", e))(st || {});
-const no = ({
+var o = Nt.exports;
+const D = ({ classIcon: e, size: t }) => /* @__PURE__ */ o.jsx("i", { className: `bi ${e} ${t ?? "sm"}` });
+var ot = /* @__PURE__ */ ((e) => (e.SMALL = "sm", e.MEDIUM = "md", e.LARGE = "xl", e.EXTRA_LARGE = "xxl", e))(ot || {});
+const ns = ({
   className: e,
   onClick: t,
   title: r,
   classIcon: n
 }) => {
-  const o = (i) => {
+  const s = (i) => {
     t && t(i);
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: `action ${e}`, onClick: o, children: [
-    n && /* @__PURE__ */ s.jsx(D, { classIcon: n, size: st.LARGE }),
-    /* @__PURE__ */ s.jsx("small", { children: r })
+  return /* @__PURE__ */ o.jsxs("div", { className: `action ${e}`, onClick: s, children: [
+    n && /* @__PURE__ */ o.jsx(D, { classIcon: n, size: ot.LARGE }),
+    /* @__PURE__ */ o.jsx("small", { children: r })
   ] });
 }, kr = ({
   className: e,
   onClick: t,
   title: r,
   classIcon: n,
-  positionicon: o,
+  positionicon: s,
   disabled: i = !1
 }) => {
   const c = (l) => {
     t && t(l);
   };
-  return /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     "button",
     {
       disabled: i,
@@ -660,13 +660,13 @@ const no = ({
       onClick: (l) => c(l),
       className: e,
       children: [
-        n && o == 1 && /* @__PURE__ */ s.jsx("span", { className: "mr-2", children: /* @__PURE__ */ s.jsx(D, { classIcon: n }) }),
-        /* @__PURE__ */ s.jsx("span", { children: r }),
-        n && o == 2 && /* @__PURE__ */ s.jsx("span", { className: "ml-2", children: /* @__PURE__ */ s.jsx(D, { classIcon: n }) })
+        n && s == 1 && /* @__PURE__ */ o.jsx("span", { className: "mr-2", children: /* @__PURE__ */ o.jsx(D, { classIcon: n }) }),
+        /* @__PURE__ */ o.jsx("span", { children: r }),
+        n && s == 2 && /* @__PURE__ */ o.jsx("span", { className: "ml-2", children: /* @__PURE__ */ o.jsx(D, { classIcon: n }) })
       ]
     }
   );
-}, An = (e) => /* @__PURE__ */ s.jsx(
+}, An = (e) => /* @__PURE__ */ o.jsx(
   "div",
   {
     onClick: () => e.onChange(e.item),
@@ -675,24 +675,24 @@ const no = ({
   }
 ), In = (e) => {
   const [t, r] = Y(e.items[0]), n = F(
-    (o) => {
-      r(o);
+    (s) => {
+      r(s);
     },
     [r]
   );
-  return /* @__PURE__ */ s.jsx("div", { className: `menu ${e.className || ""}`, children: /* @__PURE__ */ s.jsx("ul", { children: e.items.map((o) => /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ o.jsx("div", { className: `menu ${e.className || ""}`, children: /* @__PURE__ */ o.jsx("ul", { children: e.items.map((s) => /* @__PURE__ */ o.jsx("li", { children: /* @__PURE__ */ o.jsx(
     An,
     {
-      item: o,
+      item: s,
       onChange: n,
-      active: t.id === o.id
+      active: t.id === s.id
     }
-  ) }, o.id)) }) });
-}, Nr = kn(void 0), ao = ({
+  ) }, s.id)) }) });
+}, Nr = kn(void 0), as = ({
   children: e
 }) => {
   const [t, r] = Y(null);
-  return /* @__PURE__ */ s.jsx(Nr.Provider, { value: { activeOverlayId: t, setActiveOverlay: r }, children: e });
+  return /* @__PURE__ */ o.jsx(Nr.Provider, { value: { activeOverlayId: t, setActiveOverlay: r }, children: e });
 }, $n = () => {
   const e = Er(Nr);
   if (!e)
@@ -701,7 +701,7 @@ const no = ({
 };
 var U = function() {
   return U = Object.assign || function(t) {
-    for (var r, n = 1, o = arguments.length; n < o; n++) {
+    for (var r, n = 1, s = arguments.length; n < s; n++) {
       r = arguments[n];
       for (var i in r) Object.prototype.hasOwnProperty.call(r, i) && (t[i] = r[i]);
     }
@@ -709,7 +709,7 @@ var U = function() {
   }, U.apply(this, arguments);
 };
 function Se(e, t, r) {
-  if (r || arguments.length === 2) for (var n = 0, o = t.length, i; n < o; n++)
+  if (r || arguments.length === 2) for (var n = 0, s = t.length, i; n < s; n++)
     (i || !(n in t)) && (i || (i = Array.prototype.slice.call(t, 0, n)), i[n] = t[n]);
   return e.concat(i || Array.prototype.slice.call(t));
 }
@@ -764,8 +764,8 @@ function cr(e, t) {
   });
 }
 var dt = 1, Ae = 1, Ir = 0, K = 0, z = 0, Fe = "";
-function ft(e, t, r, n, o, i, c, l) {
-  return { value: e, root: t, parent: r, type: n, props: o, children: i, line: dt, column: Ae, length: c, return: "", siblings: l };
+function ft(e, t, r, n, s, i, c, l) {
+  return { value: e, root: t, parent: r, type: n, props: s, children: i, line: dt, column: Ae, length: c, return: "", siblings: l };
 }
 function me(e, t) {
   return _t(ft("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
@@ -876,8 +876,8 @@ function Kn(e) {
 function Jn(e) {
   return Un(nt("", null, null, null, [""], e = qn(e), 0, [0], e));
 }
-function nt(e, t, r, n, o, i, c, l, d) {
-  for (var y = 0, v = 0, m = c, u = 0, p = 0, g = 0, w = 1, R = 1, k = 1, j = 0, _ = "", T = o, I = i, x = n, b = _; R; )
+function nt(e, t, r, n, s, i, c, l, d) {
+  for (var y = 0, v = 0, m = c, u = 0, p = 0, g = 0, w = 1, R = 1, k = 1, j = 0, _ = "", T = s, I = i, x = n, b = _; R; )
     switch (g = j, j = te()) {
       case 40:
         if (g != 108 && V(b, m - 1) == 58) {
@@ -923,7 +923,7 @@ function nt(e, t, r, n, o, i, c, l, d) {
           case 59:
             b += ";";
           default:
-            if (Ye(x = lr(b, t, r, y, v, o, l, _, T = [], I = [], m, i), i), j === 123)
+            if (Ye(x = lr(b, t, r, y, v, s, l, _, T = [], I = [], m, i), i), j === 123)
               if (v === 0)
                 nt(b, t, x, x, T, i, m, l, I);
               else
@@ -932,7 +932,7 @@ function nt(e, t, r, n, o, i, c, l, d) {
                   case 108:
                   case 109:
                   case 115:
-                    nt(e, x, x, n && Ye(lr(e, x, x, 0, 0, o, l, _, o, T = [], m, I), I), o, I, m, l, n ? T : I);
+                    nt(e, x, x, n && Ye(lr(e, x, x, 0, 0, s, l, _, s, T = [], m, I), I), s, I, m, l, n ? T : I);
                     break;
                   default:
                     nt(b, x, x, x, [""], I, 0, l, I);
@@ -965,17 +965,17 @@ function nt(e, t, r, n, o, i, c, l, d) {
     }
   return i;
 }
-function lr(e, t, r, n, o, i, c, l, d, y, v, m) {
-  for (var u = o - 1, p = o === 0 ? i : [""], g = Ar(p), w = 0, R = 0, k = 0; w < n; ++w)
+function lr(e, t, r, n, s, i, c, l, d, y, v, m) {
+  for (var u = s - 1, p = s === 0 ? i : [""], g = Ar(p), w = 0, R = 0, k = 0; w < n; ++w)
     for (var j = 0, _ = Te(e, u + 1, u = Pr(R = c[w])), T = e; j < g; ++j)
       (T = Tr(R > 0 ? p[j] + " " + _ : E(_, /&\f/g, p[j]))) && (d[k++] = T);
-  return ft(e, t, r, o === 0 ? ut : l, d, y, v, m);
+  return ft(e, t, r, s === 0 ? ut : l, d, y, v, m);
 }
 function Zn(e, t, r, n) {
   return ft(e, t, r, _r, Vt(Bn()), Te(e, 2, -2), 0, n);
 }
-function ur(e, t, r, n, o) {
-  return ft(e, t, r, zt, Te(e, 0, n), Te(e, n + 1, -1), n, o);
+function ur(e, t, r, n, s) {
+  return ft(e, t, r, zt, Te(e, 0, n), Te(e, n + 1, -1), n, s);
 }
 function $r(e, t, r) {
   switch (Vn(e, t)) {
@@ -1059,8 +1059,8 @@ function $r(e, t, r) {
       return $ + E(e, "template-", "") + e;
     case 4384:
     case 3616:
-      return r && r.some(function(n, o) {
-        return t = o, ce(n.props, /grid-\w+-end/);
+      return r && r.some(function(n, s) {
+        return t = s, ce(n.props, /grid-\w+-end/);
       }) ? ~tt(e + (r = r[t].value), "span", 0) ? e : $ + E(e, "-start", "") + e + $ + "grid-row-span:" + (~tt(r, "span", 0) ? ce(r, /\d+/) : +ce(r, /\d+/) - +ce(e, /\d+/)) + ";" : $ + E(e, "-start", "") + e;
     case 4896:
     case 4128:
@@ -1097,8 +1097,8 @@ function $r(e, t, r) {
       break;
     case 5152:
     case 5920:
-      return E(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, o, i, c, l, d, y) {
-        return $ + o + ":" + i + y + (c ? $ + o + "-span:" + (l ? d : +d - +i) + y : "") + e;
+      return E(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, s, i, c, l, d, y) {
+        return $ + s + ":" + i + y + (c ? $ + s + "-span:" + (l ? d : +d - +i) + y : "") + e;
       });
     case 4949:
       if (V(e, t + 6) === 121)
@@ -1144,9 +1144,9 @@ function Qn(e, t, r, n) {
 }
 function ea(e) {
   var t = Ar(e);
-  return function(r, n, o, i) {
+  return function(r, n, s, i) {
     for (var c = "", l = 0; l < t; l++)
-      c += e[l](r, n, o, i) || "";
+      c += e[l](r, n, s, i) || "";
     return c;
   };
 }
@@ -1165,14 +1165,14 @@ function ra(e, t, r, n) {
         return it([me(e, { value: E(e.value, "@", "@" + P) })], n);
       case ut:
         if (e.length)
-          return Wn(r = e.props, function(o) {
-            switch (ce(o, n = /(::plac\w+|:read-\w+)/)) {
+          return Wn(r = e.props, function(s) {
+            switch (ce(s, n = /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                Oe(me(e, { props: [E(o, /:(read-\w+)/, ":" + qe + "$1")] })), Oe(me(e, { props: [o] })), _t(e, { props: cr(r, n) });
+                Oe(me(e, { props: [E(s, /:(read-\w+)/, ":" + qe + "$1")] })), Oe(me(e, { props: [s] })), _t(e, { props: cr(r, n) });
                 break;
               case "::placeholder":
-                Oe(me(e, { props: [E(o, /:(plac\w+)/, ":" + P + "input-$1")] })), Oe(me(e, { props: [E(o, /:(plac\w+)/, ":" + qe + "$1")] })), Oe(me(e, { props: [E(o, /:(plac\w+)/, $ + "input-$1")] })), Oe(me(e, { props: [o] })), _t(e, { props: cr(r, n) });
+                Oe(me(e, { props: [E(s, /:(plac\w+)/, ":" + P + "input-$1")] })), Oe(me(e, { props: [E(s, /:(plac\w+)/, ":" + qe + "$1")] })), Oe(me(e, { props: [E(s, /:(plac\w+)/, $ + "input-$1")] })), Oe(me(e, { props: [s] })), _t(e, { props: cr(r, n) });
                 break;
             }
             return "";
@@ -1228,25 +1228,25 @@ var na = {
   strokeOpacity: 1,
   strokeWidth: 1
 }, je = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", Dr = "active", Fr = "data-styled-version", ht = "6.1.14", Wt = `/*!sc*/
-`, ct = typeof window < "u" && "HTMLElement" in window, aa = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), dr = /invalid hook call/i, Je = /* @__PURE__ */ new Set(), oa = function(e, t) {
+`, ct = typeof window < "u" && "HTMLElement" in window, aa = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), dr = /invalid hook call/i, Je = /* @__PURE__ */ new Set(), sa = function(e, t) {
   if (process.env.NODE_ENV !== "production") {
     var r = t ? ' with the id of "'.concat(t, '"') : "", n = "The component ".concat(e).concat(r, ` has been created dynamically.
 `) + `You may see this warning because you've called styled inside another component.
-To resolve this only create new StyledComponents outside of any render method and function component.`, o = console.error;
+To resolve this only create new StyledComponents outside of any render method and function component.`, s = console.error;
     try {
       var i = !0;
       console.error = function(c) {
         for (var l = [], d = 1; d < arguments.length; d++) l[d - 1] = arguments[d];
-        dr.test(c) ? (i = !1, Je.delete(n)) : o.apply(void 0, Se([c], l, !1));
+        dr.test(c) ? (i = !1, Je.delete(n)) : s.apply(void 0, Se([c], l, !1));
       }, ae(), i && !Je.has(n) && (console.warn(n), Je.add(n));
     } catch (c) {
       dr.test(c.message) && Je.delete(n);
     } finally {
-      console.error = o;
+      console.error = s;
     }
   }
 }, mt = Object.freeze([]), Ie = Object.freeze({});
-function sa(e, t, r) {
+function oa(e, t, r) {
   return r === void 0 && (r = Ie), e.theme !== r.theme && e.theme || t || r.theme;
 }
 var Tt = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), ia = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, ca = /(^-|-$)/g;
@@ -1288,10 +1288,10 @@ function qr(e, t, r) {
       var n = va(t);
       n && n !== gr && qr(e, n, r);
     }
-    var o = ma(t);
-    mr && (o = o.concat(mr(t)));
-    for (var i = hr(e), c = hr(t), l = 0; l < o.length; ++l) {
-      var d = o[l];
+    var s = ma(t);
+    mr && (s = s.concat(mr(t)));
+    for (var i = hr(e), c = hr(t), l = 0; l < s.length; ++l) {
+      var d = s[l];
       if (!(d in fa || r && r[d] || c && d in c || i && d in i)) {
         var y = ga(t, d);
         try {
@@ -1373,7 +1373,7 @@ Has styled-components' style tag been unmounted or altered by another script?
 `, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
 function xa() {
   for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
-  for (var r = e[0], n = [], o = 1, i = e.length; o < i; o += 1) n.push(e[o]);
+  for (var r = e[0], n = [], s = 1, i = e.length; s < i; s += 1) n.push(e[s]);
   return n.forEach(function(c) {
     r = r.replace(/%[a-z]/, c);
   }), r;
@@ -1391,58 +1391,58 @@ var ba = function() {
     return r;
   }, e.prototype.insertRules = function(t, r) {
     if (t >= this.groupSizes.length) {
-      for (var n = this.groupSizes, o = n.length, i = o; t >= i; ) if ((i <<= 1) < 0) throw Le(16, "".concat(t));
+      for (var n = this.groupSizes, s = n.length, i = s; t >= i; ) if ((i <<= 1) < 0) throw Le(16, "".concat(t));
       this.groupSizes = new Uint32Array(i), this.groupSizes.set(n), this.length = i;
-      for (var c = o; c < i; c++) this.groupSizes[c] = 0;
+      for (var c = s; c < i; c++) this.groupSizes[c] = 0;
     }
     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), o = n + r;
+      var r = this.groupSizes[t], n = this.indexOfGroup(t), s = n + r;
       this.groupSizes[t] = 0;
-      for (var i = n; i < o; i++) this.tag.deleteRule(n);
+      for (var i = n; i < s; i++) this.tag.deleteRule(n);
     }
   }, e.prototype.getGroup = function(t) {
     var r = "";
     if (t >= this.length || this.groupSizes[t] === 0) return r;
-    for (var n = this.groupSizes[t], o = this.indexOfGroup(t), i = o + n, c = o; c < i; c++) r += "".concat(this.tag.getRule(c)).concat(Wt);
+    for (var n = this.groupSizes[t], s = this.indexOfGroup(t), i = s + n, c = s; c < i; c++) r += "".concat(this.tag.getRule(c)).concat(Wt);
     return r;
   }, e;
-}(), wa = 1 << 30, at = /* @__PURE__ */ new Map(), lt = /* @__PURE__ */ new Map(), ot = 1, Qe = function(e) {
+}(), wa = 1 << 30, at = /* @__PURE__ */ new Map(), lt = /* @__PURE__ */ new Map(), st = 1, Qe = function(e) {
   if (at.has(e)) return at.get(e);
-  for (; lt.has(ot); ) ot++;
-  var t = ot++;
+  for (; lt.has(st); ) st++;
+  var t = st++;
   if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > wa)) throw Le(16, "".concat(t));
   return at.set(e, t), lt.set(t, e), t;
 }, Sa = function(e, t) {
-  ot = t + 1, at.set(e, t), lt.set(t, e);
+  st = t + 1, at.set(e, t), lt.set(t, e);
 }, ja = "style[".concat(je, "][").concat(Fr, '="').concat(ht, '"]'), Ea = new RegExp("^".concat(je, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Ca = function(e, t, r) {
-  for (var n, o = r.split(","), i = 0, c = o.length; i < c; i++) (n = o[i]) && e.registerName(t, n);
+  for (var n, s = r.split(","), i = 0, c = s.length; i < c; i++) (n = s[i]) && e.registerName(t, n);
 }, Ra = function(e, t) {
-  for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(Wt), o = [], i = 0, c = n.length; i < c; i++) {
+  for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(Wt), s = [], i = 0, c = n.length; i < c; i++) {
     var l = n[i].trim();
     if (l) {
       var d = l.match(Ea);
       if (d) {
         var y = 0 | parseInt(d[1], 10), v = d[2];
-        y !== 0 && (Sa(v, y), Ca(e, v, d[3]), e.getTag().insertRules(y, o)), o.length = 0;
-      } else o.push(l);
+        y !== 0 && (Sa(v, y), Ca(e, v, d[3]), e.getTag().insertRules(y, s)), s.length = 0;
+      } else s.push(l);
     }
   }
 }, vr = function(e) {
   for (var t = document.querySelectorAll(ja), r = 0, n = t.length; r < n; r++) {
-    var o = t[r];
-    o && o.getAttribute(je) !== Dr && (Ra(e, o), o.parentNode && o.parentNode.removeChild(o));
+    var s = t[r];
+    s && s.getAttribute(je) !== Dr && (Ra(e, s), s.parentNode && s.parentNode.removeChild(s));
   }
 };
 function ka() {
   return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
 }
 var Ur = function(e) {
-  var t = document.head, r = e || t, n = document.createElement("style"), o = function(l) {
+  var t = document.head, r = e || t, n = document.createElement("style"), s = function(l) {
     var d = Array.from(l.querySelectorAll("style[".concat(je, "]")));
     return d[d.length - 1];
-  }(r), i = o !== void 0 ? o.nextSibling : null;
+  }(r), i = s !== void 0 ? s.nextSibling : null;
   n.setAttribute(je, Dr), n.setAttribute(Fr, ht);
   var c = ka();
   return c && n.setAttribute("nonce", c), r.insertBefore(n, i), n;
@@ -1450,8 +1450,8 @@ var Ur = function(e) {
   function e(t) {
     this.element = Ur(t), this.element.appendChild(document.createTextNode("")), this.sheet = function(r) {
       if (r.sheet) return r.sheet;
-      for (var n = document.styleSheets, o = 0, i = n.length; o < i; o++) {
-        var c = n[o];
+      for (var n = document.styleSheets, s = 0, i = n.length; s < i; s++) {
+        var c = n[s];
         if (c.ownerNode === r) return c;
       }
       throw Le(17);
@@ -1498,7 +1498,7 @@ var Ur = function(e) {
 }(), yr = ct, Pa = { isServer: !ct, useCSSOMInjection: !aa }, Hr = function() {
   function e(t, r, n) {
     t === void 0 && (t = Ie), r === void 0 && (r = {});
-    var o = this;
+    var s = this;
     this.options = U(U({}, Pa), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && ct && yr && (yr = !1, vr(this)), Yt(this, function() {
       return function(i) {
         for (var c = i.getTag(), l = c.length, d = "", y = function(m) {
@@ -1514,7 +1514,7 @@ var Ur = function(e) {
           }), d += "".concat(g).concat(w, '{content:"').concat(R, '"}').concat(Wt);
         }, v = 0; v < l; v++) y(v);
         return d;
-      }(o);
+      }(s);
     });
   }
   return e.registerId = function(t) {
@@ -1527,8 +1527,8 @@ var Ur = function(e) {
     return this.gs[t] = (this.gs[t] || 0) + 1;
   }, e.prototype.getTag = function() {
     return this.tag || (this.tag = (t = function(r) {
-      var n = r.useCSSOMInjection, o = r.target;
-      return r.isServer ? new Oa(o) : n ? new Na(o) : new _a(o);
+      var n = r.useCSSOMInjection, s = r.target;
+      return r.isServer ? new Oa(s) : n ? new Na(s) : new _a(s);
     }(this.options), new ba(t)));
     var t;
   }, e.prototype.hasNameForId = function(t, r) {
@@ -1557,7 +1557,7 @@ function Gr(e, t) {
   });
 }
 function Ia(e) {
-  var t, r, n, o = Ie, i = o.options, c = i === void 0 ? Ie : i, l = o.plugins, d = l === void 0 ? mt : l, y = function(u, p, g) {
+  var t, r, n, s = Ie, i = s.options, c = i === void 0 ? Ie : i, l = s.plugins, d = l === void 0 ? mt : l, y = function(u, p, g) {
     return g.startsWith(r) && g.endsWith(r) && g.replaceAll(r, "").length > 0 ? ".".concat(t) : u;
   }, v = d.slice();
   v.push(function(u) {
@@ -1585,10 +1585,10 @@ function xr() {
 var Ft = function() {
   function e(t, r) {
     var n = this;
-    this.inject = function(o, i) {
+    this.inject = function(s, i) {
       i === void 0 && (i = Dt);
       var c = n.name + i.hash;
-      o.hasNameForId(n.id, c) || o.insertRules(n.id, c, i(n.rules, c, "@keyframes"));
+      s.hasNameForId(n.id, c) || s.insertRules(n.id, c, i(n.rules, c, "@keyframes"));
     }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = r, Yt(this, function() {
       throw Le(12, String(n.name));
     });
@@ -1611,9 +1611,9 @@ var Kr = function(e) {
   return e == null || e === !1 || e === "";
 }, Jr = function(e) {
   var t, r, n = [];
-  for (var o in e) {
-    var i = e[o];
-    e.hasOwnProperty(o) && !Kr(i) && (Array.isArray(i) && i.isCss || $e(i) ? n.push("".concat(br(o), ":"), i, ";") : De(i) ? n.push.apply(n, Se(Se(["".concat(o, " {")], Jr(i), !1), ["}"], !1)) : n.push("".concat(br(o), ": ").concat((t = o, (r = i) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || t in na || t.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
+  for (var s in e) {
+    var i = e[s];
+    e.hasOwnProperty(s) && !Kr(i) && (Array.isArray(i) && i.isCss || $e(i) ? n.push("".concat(br(s), ":"), i, ";") : De(i) ? n.push.apply(n, Se(Se(["".concat(s, " {")], Jr(i), !1), ["}"], !1)) : n.push("".concat(br(s), ": ").concat((t = s, (r = i) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || t in na || t.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
   }
   return n;
 };
@@ -1622,8 +1622,8 @@ function we(e, t, r, n) {
   if (Bt(e)) return [".".concat(e.styledComponentId)];
   if ($e(e)) {
     if (!$e(i = e) || i.prototype && i.prototype.isReactComponent || !t) return [e];
-    var o = e(t);
-    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof Ft || De(o) || o === null || console.error("".concat(Vr(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), we(o, t, r, n);
+    var s = e(t);
+    return process.env.NODE_ENV === "production" || typeof s != "object" || Array.isArray(s) || s instanceof Ft || De(s) || s === null || console.error("".concat(Vr(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), we(s, t, r, n);
   }
   var i;
   return e instanceof Ft ? r ? (e.inject(r, n), [e.getName(n)]) : [e] : De(e) ? Jr(e) : Array.isArray(e) ? Array.prototype.concat.apply(mt, e.map(function(c) {
@@ -1642,15 +1642,15 @@ var La = Mr(ht), Ma = function() {
     this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (n === void 0 || n.isStatic) && Fa(t), this.componentId = r, this.baseHash = ye(La, r), this.baseStyle = n, Hr.registerId(r);
   }
   return e.prototype.generateAndInjectStyles = function(t, r, n) {
-    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, r, n) : "";
-    if (this.isStatic && !n.hash) if (this.staticRulesId && r.hasNameForId(this.componentId, this.staticRulesId)) o = xe(o, this.staticRulesId);
+    var s = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, r, n) : "";
+    if (this.isStatic && !n.hash) if (this.staticRulesId && r.hasNameForId(this.componentId, this.staticRulesId)) s = xe(s, this.staticRulesId);
     else {
       var i = It(we(this.rules, t, r, n)), c = At(ye(this.baseHash, i) >>> 0);
       if (!r.hasNameForId(this.componentId, c)) {
         var l = n(i, ".".concat(c), void 0, this.componentId);
         r.insertRules(this.componentId, c, l);
       }
-      o = xe(o, c), this.staticRulesId = c;
+      s = xe(s, c), this.staticRulesId = c;
     }
     else {
       for (var d = ye(this.baseHash, n.hash), y = "", v = 0; v < this.rules.length; v++) {
@@ -1663,25 +1663,25 @@ var La = Mr(ht), Ma = function() {
       }
       if (y) {
         var p = At(d >>> 0);
-        r.hasNameForId(this.componentId, p) || r.insertRules(this.componentId, p, n(y, ".".concat(p), void 0, this.componentId)), o = xe(o, p);
+        r.hasNameForId(this.componentId, p) || r.insertRules(this.componentId, p, n(y, ".".concat(p), void 0, this.componentId)), s = xe(s, p);
       }
     }
-    return o;
+    return s;
   }, e;
 }(), Zr = le.createContext(void 0);
 Zr.Consumer;
 var kt = {}, wr = /* @__PURE__ */ new Set();
 function za(e, t, r) {
-  var n = Bt(e), o = e, i = !Rt(e), c = t.attrs, l = c === void 0 ? mt : c, d = t.componentId, y = d === void 0 ? function(T, I) {
+  var n = Bt(e), s = e, i = !Rt(e), c = t.attrs, l = c === void 0 ? mt : c, d = t.componentId, y = d === void 0 ? function(T, I) {
     var x = typeof T != "string" ? "sc" : fr(T);
     kt[x] = (kt[x] || 0) + 1;
     var b = "".concat(x, "-").concat(zr(ht + x + kt[x]));
     return I ? "".concat(I, "-").concat(b) : b;
   }(t.displayName, t.parentComponentId) : d, v = t.displayName, m = v === void 0 ? function(T) {
     return Rt(T) ? "styled.".concat(T) : "Styled(".concat(Vr(T), ")");
-  }(e) : v, u = t.displayName && t.componentId ? "".concat(fr(t.displayName), "-").concat(t.componentId) : t.componentId || y, p = n && o.attrs ? o.attrs.concat(l).filter(Boolean) : l, g = t.shouldForwardProp;
-  if (n && o.shouldForwardProp) {
-    var w = o.shouldForwardProp;
+  }(e) : v, u = t.displayName && t.componentId ? "".concat(fr(t.displayName), "-").concat(t.componentId) : t.componentId || y, p = n && s.attrs ? s.attrs.concat(l).filter(Boolean) : l, g = t.shouldForwardProp;
+  if (n && s.shouldForwardProp) {
+    var w = s.shouldForwardProp;
     if (t.shouldForwardProp) {
       var R = t.shouldForwardProp;
       g = function(T, I) {
@@ -1689,22 +1689,22 @@ function za(e, t, r) {
       };
     } else g = w;
   }
-  var k = new Ma(r, u, n ? o.componentStyle : void 0);
+  var k = new Ma(r, u, n ? s.componentStyle : void 0);
   function j(T, I) {
     return function(x, b, re) {
-      var oe = x.attrs, vt = x.componentStyle, yt = x.defaultProps, He = x.foldedComponentIds, J = x.styledComponentId, se = x.target, ge = le.useContext(Zr), Ge = xr(), Ee = x.shouldForwardProp || Ge.shouldForwardProp;
-      process.env.NODE_ENV !== "production" && or(J);
-      var Me = sa(b, ge, yt) || Ie, H = function(Re, ie, fe) {
+      var se = x.attrs, vt = x.componentStyle, yt = x.defaultProps, He = x.foldedComponentIds, J = x.styledComponentId, oe = x.target, ge = le.useContext(Zr), Ge = xr(), Ee = x.shouldForwardProp || Ge.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && sr(J);
+      var Me = oa(b, ge, yt) || Ie, H = function(Re, ie, fe) {
         for (var Z, Q = U(U({}, ie), { className: void 0, theme: fe }), pe = 0; pe < Re.length; pe += 1) {
           var ke = $e(Z = Re[pe]) ? Z(Q) : Z;
           for (var ee in ke) Q[ee] = ee === "className" ? xe(Q[ee], ke[ee]) : ee === "style" ? U(U({}, Q[ee]), ke[ee]) : ke[ee];
         }
         return ie.className && (Q.className = xe(Q.className, ie.className)), Q;
-      }(oe, b, Me), ue = H.as || se, de = {};
+      }(se, b, Me), ue = H.as || oe, de = {};
       for (var W in H) H[W] === void 0 || W[0] === "$" || W === "as" || W === "theme" && H.theme === Me || (W === "forwardedAs" ? de.as = H.forwardedAs : Ee && !Ee(W, ue) || (de[W] = H[W], Ee || process.env.NODE_ENV !== "development" || Ln(W) || wr.has(W) || !Tt.has(ue) || (wr.add(W), console.warn('styled-components: it looks like an unknown prop "'.concat(W, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
       var Ce = function(Re, ie) {
         var fe = xr(), Z = Re.generateAndInjectStyles(ie, fe.styleSheet, fe.stylis);
-        return process.env.NODE_ENV !== "production" && or(Z), Z;
+        return process.env.NODE_ENV !== "production" && sr(Z), Z;
       }(vt, H);
       process.env.NODE_ENV !== "production" && x.warnTooManyClasses && x.warnTooManyClasses(Ce);
       var ze = xe(He, J);
@@ -1713,20 +1713,20 @@ function za(e, t, r) {
   }
   j.displayName = m;
   var _ = le.forwardRef(j);
-  return _.attrs = p, _.componentStyle = k, _.displayName = m, _.shouldForwardProp = g, _.foldedComponentIds = n ? xe(o.foldedComponentIds, o.styledComponentId) : "", _.styledComponentId = u, _.target = n ? o.target : e, Object.defineProperty(_, "defaultProps", { get: function() {
+  return _.attrs = p, _.componentStyle = k, _.displayName = m, _.shouldForwardProp = g, _.foldedComponentIds = n ? xe(s.foldedComponentIds, s.styledComponentId) : "", _.styledComponentId = u, _.target = n ? s.target : e, Object.defineProperty(_, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(T) {
     this._foldedDefaultProps = n ? function(I) {
       for (var x = [], b = 1; b < arguments.length; b++) x[b - 1] = arguments[b];
-      for (var re = 0, oe = x; re < oe.length; re++) $t(I, oe[re], !0);
+      for (var re = 0, se = x; re < se.length; re++) $t(I, se[re], !0);
       return I;
-    }({}, o.defaultProps, T) : T;
-  } }), process.env.NODE_ENV !== "production" && (oa(m, u), _.warnTooManyClasses = /* @__PURE__ */ function(T, I) {
+    }({}, s.defaultProps, T) : T;
+  } }), process.env.NODE_ENV !== "production" && (sa(m, u), _.warnTooManyClasses = /* @__PURE__ */ function(T, I) {
     var x = {}, b = !1;
     return function(re) {
       if (!b && (x[re] = !0, Object.keys(x).length >= 200)) {
-        var oe = I ? ' with the id of "'.concat(I, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(T).concat(oe, `.
+        var se = I ? ' with the id of "'.concat(I, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(T).concat(se, `.
 `) + `Consider using the attrs method, together with a style object for frequently changed styles.
 Example:
   const Component = styled.div.attrs(props => ({
@@ -1743,7 +1743,7 @@ Example:
   }), i && qr(_, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), _;
 }
 function Sr(e, t) {
-  for (var r = [e[0]], n = 0, o = t.length; n < o; n += 1) r.push(t[n], e[n + 1]);
+  for (var r = [e[0]], n = 0, s = t.length; n < s; n += 1) r.push(t[n], e[n + 1]);
   return r;
 }
 var jr = function(e) {
@@ -1757,14 +1757,14 @@ function Ue(e) {
 }
 function Lt(e, t, r) {
   if (r === void 0 && (r = Ie), !t) throw Le(1, t);
-  var n = function(o) {
+  var n = function(s) {
     for (var i = [], c = 1; c < arguments.length; c++) i[c - 1] = arguments[c];
-    return e(t, r, Ue.apply(void 0, Se([o], i, !1)));
+    return e(t, r, Ue.apply(void 0, Se([s], i, !1)));
   };
-  return n.attrs = function(o) {
-    return Lt(e, t, U(U({}, r), { attrs: Array.prototype.concat(r.attrs, o).filter(Boolean) }));
-  }, n.withConfig = function(o) {
-    return Lt(e, t, U(U({}, r), o));
+  return n.attrs = function(s) {
+    return Lt(e, t, U(U({}, r), { attrs: Array.prototype.concat(r.attrs, s).filter(Boolean) }));
+  }, n.withConfig = function(s) {
+    return Lt(e, t, U(U({}, r), s));
   }, n;
 }
 var Qr = function(e) {
@@ -1776,8 +1776,8 @@ Tt.forEach(function(e) {
 function Va(e) {
   for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
   process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
-  var n = It(Ue.apply(void 0, Se([e], t, !1))), o = zr(n);
-  return new Ft(o, n);
+  var n = It(Ue.apply(void 0, Se([e], t, !1))), s = zr(n);
+  return new Ft(s, n);
 }
 process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
 Perhaps you're looking to import 'styled-components/native'?
@@ -1799,7 +1799,7 @@ const Wa = gt.div`
   position: t,
   children: r,
   show: n,
-  closeOverlay: o
+  closeOverlay: s
 }) => {
   const { activeOverlayId: i, setActiveOverlay: c } = $n(), [l, d] = Y(n || !1), [y, v] = Y({ top: 0, left: 0 }), m = ae(null), u = _n();
   X(() => {
@@ -1840,56 +1840,56 @@ const Wa = gt.div`
   const p = () => {
     d(!0), c(u);
   }, g = F(() => {
-    d(!1), c(null), o && o(!1);
-  }, [o, c]);
+    d(!1), c(null), s && s(!1);
+  }, [s, c]);
   return X(() => {
     n && p();
   }, [n]), l ? Mt.createPortal(
-    /* @__PURE__ */ s.jsx(Wa, { ref: m, $top: y.top, $left: y.left, children: /* @__PURE__ */ s.jsxs("div", { className: "overlayPanel", children: [
-      /* @__PURE__ */ s.jsx("button", { className: "toggle-btn", onClick: g, children: /* @__PURE__ */ s.jsx(D, { classIcon: "bi-x-lg" }) }),
+    /* @__PURE__ */ o.jsx(Wa, { ref: m, $top: y.top, $left: y.left, children: /* @__PURE__ */ o.jsxs("div", { className: "overlayPanel", children: [
+      /* @__PURE__ */ o.jsx("button", { className: "toggle-btn", onClick: g, children: /* @__PURE__ */ o.jsx(D, { classIcon: "bi-x-lg" }) }),
       r
     ] }) }),
     document.body
   ) : null;
 }, Ba = ({ actions: e, item: t }) => {
-  const r = ae(null), [n, o] = Y(!1), i = Pe(() => e == null ? void 0 : e.filter((l) => l.type === "menu").map((l, d) => ({
+  const r = ae(null), [n, s] = Y(!1), i = Pe(() => 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(kr, { onClick: () => l.onClick, title: l.label || "" })
+    children: /* @__PURE__ */ o.jsx(kr, { onClick: () => l.onClick, title: l.label || "" })
   })), [e]), c = F(
     (l, d) => {
-      o(!1), l && l.onClick(d);
+      s(!1), l && l.onClick(d);
     },
-    [o]
+    [s]
   );
-  return /* @__PURE__ */ s.jsxs("div", { className: "card-actions", children: [
-    e.filter((l) => l.type !== "menu").map((l, d) => /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ o.jsxs("div", { className: "card-actions", children: [
+    e.filter((l) => l.type !== "menu").map((l, d) => /* @__PURE__ */ o.jsx(
       "div",
       {
         className: "card-action",
         onClick: () => c(l, t),
-        children: /* @__PURE__ */ s.jsx(D, { classIcon: l.icon })
+        children: /* @__PURE__ */ o.jsx(D, { classIcon: l.icon })
       },
       d
     )),
-    e.filter((l) => l.type === "menu").length ? /* @__PURE__ */ s.jsx(
+    e.filter((l) => l.type === "menu").length ? /* @__PURE__ */ o.jsx(
       "div",
       {
         ref: r,
         className: "card-action",
-        onClick: () => o(!n),
-        children: /* @__PURE__ */ s.jsx(D, { classIcon: "bi-three-dots" })
+        onClick: () => s(!n),
+        children: /* @__PURE__ */ o.jsx(D, { classIcon: "bi-three-dots" })
       }
     ) : "",
-    n && r.current && /* @__PURE__ */ s.jsx(
+    n && r.current && /* @__PURE__ */ o.jsx(
       en,
       {
         position: "bottomRight",
         show: n,
-        closeOverlay: o,
+        closeOverlay: s,
         referenceElement: r.current,
-        children: /* @__PURE__ */ s.jsx(In, { className: "card-action-menu", items: i })
+        children: /* @__PURE__ */ o.jsx(In, { className: "card-action-menu", items: i })
       }
     )
   ] });
@@ -1908,12 +1908,12 @@ const Wa = gt.div`
       n(!1), e();
     }
   } };
-}, oo = ({
+}, ss = ({
   item: e,
   actions: t,
   className: r,
   handleClick: n,
-  onClose: o,
+  onClose: s,
   customAction: i,
   children: c
 }) => {
@@ -1924,14 +1924,14 @@ const Wa = gt.div`
   } = Ya(() => {
     l && d(!1);
   }), u = (g, w) => {
-    g.stopPropagation(), o && o(w);
+    g.stopPropagation(), s && s(w);
   }, p = F(
     (g, w) => {
       g.stopPropagation(), d(!l), n && n(w);
     },
     [d, l]
   );
-  return /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
       ref: y,
@@ -1940,30 +1940,30 @@ const Wa = gt.div`
       className: `card ${r ?? ""} ${l ? "card--active" : ""} ${v ? "card--hovered" : ""}`,
       children: [
         c,
-        !c && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-          /* @__PURE__ */ s.jsxs("div", { className: "card-text d-flex", children: [
-            e.image && /* @__PURE__ */ s.jsx("div", { className: "card-img", children: /* @__PURE__ */ s.jsx("img", { src: e.image, alt: e.title }) }),
-            e.title && /* @__PURE__ */ s.jsx("div", { className: "card-title", children: e.title }),
-            e.description && /* @__PURE__ */ s.jsx("div", { className: "card-content", children: e.description })
+        !c && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          /* @__PURE__ */ o.jsxs("div", { className: "card-text d-flex", children: [
+            e.image && /* @__PURE__ */ o.jsx("div", { className: "card-img", children: /* @__PURE__ */ o.jsx("img", { src: e.image, alt: e.title }) }),
+            e.title && /* @__PURE__ */ o.jsx("div", { className: "card-title", children: e.title }),
+            e.description && /* @__PURE__ */ o.jsx("div", { className: "card-content", children: e.description })
           ] }),
-          /* @__PURE__ */ s.jsxs("div", { className: "card-footer", children: [
-            i && /* @__PURE__ */ s.jsx("div", { className: "card-custom-action", children: i }),
-            /* @__PURE__ */ s.jsx("div", { className: "d-flex flex-1", children: e.prix && /* @__PURE__ */ s.jsx("div", { className: "card-prix", children: e.prix }) })
+          /* @__PURE__ */ o.jsxs("div", { className: "card-footer", children: [
+            i && /* @__PURE__ */ o.jsx("div", { className: "card-custom-action", children: i }),
+            /* @__PURE__ */ o.jsx("div", { className: "d-flex flex-1", children: e.prix && /* @__PURE__ */ o.jsx("div", { className: "card-prix", children: e.prix }) })
           ] }),
-          o && /* @__PURE__ */ s.jsx(
+          s && /* @__PURE__ */ o.jsx(
             "div",
             {
               className: "ml-2 cursor-pointer",
               onClick: (g) => u(g, e),
-              children: /* @__PURE__ */ s.jsx(D, { classIcon: "bi-trash3" })
+              children: /* @__PURE__ */ o.jsx(D, { classIcon: "bi-trash3" })
             }
           ),
-          t && /* @__PURE__ */ s.jsx(Ba, { actions: t, item: e })
+          t && /* @__PURE__ */ o.jsx(Ba, { actions: t, item: e })
         ] })
       ]
     }
   );
-}, so = ({
+}, os = ({
   children: e,
   showControls: t = !0,
   itemsToScroll: r = 1,
@@ -1974,7 +1974,7 @@ const Wa = gt.div`
     xl: 5
   }
 }) => {
-  const [o, i] = Y(0), c = e.length, [l, d] = Y(1);
+  const [s, i] = Y(0), c = e.length, [l, d] = Y(1);
   X(() => {
     const g = () => {
       const w = window.innerWidth;
@@ -2001,26 +2001,26 @@ const Wa = gt.div`
       g.preventDefault(), i((w) => Math.max(w - r, 0));
     },
     [i]
-  ), m = o + r >= c - l + 1, u = c <= l, p = o <= 0;
-  return /* @__PURE__ */ s.jsxs("div", { className: "carousel", children: [
-    t && !u && /* @__PURE__ */ s.jsx(
+  ), m = s + r >= c - l + 1, u = c <= l, p = s <= 0;
+  return /* @__PURE__ */ o.jsxs("div", { className: "carousel", children: [
+    t && !u && /* @__PURE__ */ o.jsx(
       "div",
       {
         className: `carousel-control prev ${p && "disabled"}`,
         onClick: v,
-        children: /* @__PURE__ */ s.jsx(D, { classIcon: "bi-chevron-left" })
+        children: /* @__PURE__ */ o.jsx(D, { classIcon: "bi-chevron-left" })
       }
     ),
-    /* @__PURE__ */ s.jsx("div", { className: "carousel-container", children: /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ o.jsx("div", { className: "carousel-container", children: /* @__PURE__ */ o.jsx(
       "div",
       {
         className: "carousel-slides-wrapper",
         style: {
           display: "flex",
-          transform: `translateX(-${o * 100 / l}%)`,
+          transform: `translateX(-${s * 100 / l}%)`,
           transition: "transform 0.5s ease-in-out"
         },
-        children: le.Children.map(e, (g) => /* @__PURE__ */ s.jsx(
+        children: le.Children.map(e, (g) => /* @__PURE__ */ o.jsx(
           "div",
           {
             className: "carousel-slide",
@@ -2033,12 +2033,12 @@ const Wa = gt.div`
         ))
       }
     ) }),
-    t && !u && /* @__PURE__ */ s.jsx(
+    t && !u && /* @__PURE__ */ o.jsx(
       "div",
       {
         className: `carousel-control next ${m && "disabled"}`,
         onClick: y,
-        children: /* @__PURE__ */ s.jsx(D, { classIcon: "bi-chevron-right" })
+        children: /* @__PURE__ */ o.jsx(D, { classIcon: "bi-chevron-right" })
       }
     )
   ] });
@@ -2046,13 +2046,13 @@ const Wa = gt.div`
   const r = () => {
     t && t(e);
   };
-  return /* @__PURE__ */ s.jsx("div", { className: "cell", onClick: r, children: e.child });
-}, io = ({
+  return /* @__PURE__ */ o.jsx("div", { className: "cell", onClick: r, children: e.child });
+}, is = ({
   cols: e,
   rows: t,
   damierCells: r = [],
   page: n = 1,
-  onClick: o
+  onClick: s
 }) => {
   const i = Pe(() => e ?? 9, [e]), c = Pe(() => t ?? 9, [t]), [l, d] = Y(1);
   X(() => {
@@ -2067,44 +2067,44 @@ const Wa = gt.div`
           (R) => R.position === g + 1
         );
         w ? u.push(
-          /* @__PURE__ */ s.jsx(qa, { onClick: o, cell: w }, `${m}-${p}`)
+          /* @__PURE__ */ o.jsx(qa, { onClick: s, cell: w }, `${m}-${p}`)
         ) : u.push(
-          /* @__PURE__ */ s.jsx("div", { className: "cell cell--empty" }, `${m}-${p}`)
+          /* @__PURE__ */ o.jsx("div", { className: "cell cell--empty" }, `${m}-${p}`)
         );
       }
       v.push(
-        /* @__PURE__ */ s.jsx("div", { className: "row", children: u }, m)
+        /* @__PURE__ */ o.jsx("div", { className: "row", children: u }, m)
       );
     }
     return v;
   }, [i, c, l]);
-  return /* @__PURE__ */ s.jsx("div", { className: "damier", children: y });
+  return /* @__PURE__ */ o.jsx("div", { className: "damier", children: y });
 }, Ua = (e) => {
   const t = Pe(() => e.active ? "expand--active" : "", [e.active]);
-  return /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
       onClick: () => e.onChange(e.item),
       className: `expand ${t} ${e.className}`,
       children: [
-        /* @__PURE__ */ s.jsx("div", { className: "expand-header", children: /* @__PURE__ */ s.jsxs("div", { className: "expand-header-content", children: [
+        /* @__PURE__ */ o.jsx("div", { className: "expand-header", children: /* @__PURE__ */ o.jsxs("div", { className: "expand-header-content", children: [
           e.item.headerContent,
-          !e.item.headerContent && /* @__PURE__ */ s.jsxs("div", { className: "expand-header-content-default", children: [
-            /* @__PURE__ */ s.jsx("span", { className: "flex-1 expand-header-title-left", children: e.item.title }),
-            e.item.description && /* @__PURE__ */ s.jsx("span", { className: "expand-header-title-right", children: e.item.description })
+          !e.item.headerContent && /* @__PURE__ */ o.jsxs("div", { className: "expand-header-content-default", children: [
+            /* @__PURE__ */ o.jsx("span", { className: "flex-1 expand-header-title-left", children: e.item.title }),
+            e.item.description && /* @__PURE__ */ o.jsx("span", { className: "expand-header-title-right", children: e.item.description })
           ] })
         ] }) }),
-        /* @__PURE__ */ s.jsx("div", { className: "expand-body", children: e.item.content })
+        /* @__PURE__ */ o.jsx("div", { className: "expand-body", children: e.item.content })
       ]
     }
   );
-}, co = (e) => {
+}, cs = (e) => {
   const t = F((r) => {
     e.onChange && e.onChange(r);
   }, []);
-  return /* @__PURE__ */ s.jsx("div", { className: `expands ${e.className || ""}`, children: e.items.map((r) => {
+  return /* @__PURE__ */ o.jsx("div", { className: `expands ${e.className || ""}`, children: e.items.map((r) => {
     var n;
-    return /* @__PURE__ */ s.jsx(
+    return /* @__PURE__ */ o.jsx(
       Ua,
       {
         item: r,
@@ -2114,45 +2114,45 @@ const Wa = gt.div`
       r.id
     );
   }) });
-}, lo = ({
+}, ls = ({
   filArianes: e,
   onClick: t,
   currentFil: r,
   title: n
 }) => {
-  const o = F(
+  const s = F(
     (i, c) => {
       c != null && c.url || i.preventDefault(), t && t(c);
     },
     [t]
   );
-  return /* @__PURE__ */ s.jsxs("div", { className: "filArianes", children: [
-    n && /* @__PURE__ */ s.jsxs("small", { className: "filAriane font-weight-bold text-uppercase", children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: "filArianes", children: [
+    n && /* @__PURE__ */ o.jsxs("small", { className: "filAriane font-weight-bold text-uppercase", children: [
       n,
       " ",
-      /* @__PURE__ */ s.jsx("i", { className: "filAriane-chevron bi bi-caret-right-fill" })
+      /* @__PURE__ */ o.jsx("i", { className: "filAriane-chevron bi bi-caret-right-fill" })
     ] }),
-    e == null ? void 0 : e.map((i, c) => /* @__PURE__ */ s.jsxs(
+    e == null ? void 0 : e.map((i, c) => /* @__PURE__ */ o.jsxs(
       "div",
       {
         className: `filAriane ${i.id === r && "filAriane--active"}`,
         children: [
-          /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ o.jsx(
             "a",
             {
               href: i.url || "#",
-              onClick: (l) => o(l, i),
+              onClick: (l) => s(l, i),
               children: i.title
             }
           ),
-          !i.isLast && /* @__PURE__ */ s.jsx("i", { className: "filAriane-chevron bi bi-caret-right-fill" })
+          !i.isLast && /* @__PURE__ */ o.jsx("i", { className: "filAriane-chevron bi bi-caret-right-fill" })
         ]
       },
       c
     ))
   ] });
 }, Ha = Cr(
-  ({ initialForm: e, title: t, onSubmit: r, onChange: n, hideSubmit: o }, i) => {
+  ({ initialForm: e, title: t, onSubmit: r, onChange: n, hideSubmit: s }, i) => {
     const [c, l] = Y(() => {
       const u = {};
       return e.forEach((p) => {
@@ -2194,18 +2194,18 @@ const Wa = gt.div`
     return Rr(i, () => ({
       resetForm: v,
       clearInput: m
-    })), /* @__PURE__ */ s.jsxs("form", { onSubmit: y, children: [
+    })), /* @__PURE__ */ o.jsxs("form", { onSubmit: y, children: [
       e.map((u, p) => {
         const g = ae(null);
         return X(() => {
           var w;
           (w = g == null ? void 0 : g.current) == null || w.focus();
-        }, [u.focus, c]), /* @__PURE__ */ s.jsxs(le.Fragment, { children: [
+        }, [u.focus, c]), /* @__PURE__ */ o.jsxs(le.Fragment, { children: [
           u.focus,
-          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(D, { classIcon: u.icon }),
-            /* @__PURE__ */ s.jsx(
+          u.type === "checkbox" ? /* @__PURE__ */ o.jsxs("div", { className: `d-flex flex-column ${u.className}`, children: [
+            u.label && /* @__PURE__ */ o.jsx("label", { children: u.label }),
+            u.icon && /* @__PURE__ */ o.jsx(D, { classIcon: u.icon }),
+            /* @__PURE__ */ o.jsx(
               "input",
               {
                 name: u.name,
@@ -2218,10 +2218,10 @@ const Wa = gt.div`
                 required: u.required ?? !1
               }
             )
-          ] }, p) : /* @__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(D, { classIcon: u.icon }),
-            /* @__PURE__ */ s.jsx(
+          ] }, p) : /* @__PURE__ */ o.jsxs("div", { className: `d-flex flex-column ${u.className}`, children: [
+            u.label && /* @__PURE__ */ o.jsx("label", { children: u.label }),
+            u.icon && /* @__PURE__ */ o.jsx(D, { classIcon: u.icon }),
+            /* @__PURE__ */ o.jsx(
               "input",
               {
                 autoFocus: u.focus ?? !1,
@@ -2238,7 +2238,7 @@ const Wa = gt.div`
           ] }, p)
         ] }, p);
       }),
-      !o && /* @__PURE__ */ s.jsx(kr, { title: t || "submit" })
+      !s && /* @__PURE__ */ o.jsx(kr, { title: t || "submit" })
     ] });
   }
 );
@@ -2269,33 +2269,33 @@ const he = (e = 12) => `${e / 12 * 100}%`, Ga = gt.div`
         max-width: ${he(e)};
       }
     `}
-`, Xa = ({ xs: e, sm: t, md: r, lg: n, children: o }) => /* @__PURE__ */ s.jsx(Ga, { $xs: e, $sm: t, $md: r, $lg: n, children: o }), Ka = ({ children: e }) => /* @__PURE__ */ s.jsx("div", { className: "container", children: e }), Ja = ({ children: e, className: t, scroll: r }) => /* @__PURE__ */ s.jsx("div", { className: `grid-row ${t ?? ""} ${r ? "scroll" : ""}`, children: e }), uo = ({ items: e, className: t, scroll: r }) => /* @__PURE__ */ s.jsx(Ka, { children: /* @__PURE__ */ s.jsx(Ja, { scroll: r, className: t, children: e.map((n, o) => /* @__PURE__ */ s.jsx(Xa, { ...n }, o)) }) }), fo = ({
+`, Xa = ({ xs: e, sm: t, md: r, lg: n, children: s }) => /* @__PURE__ */ o.jsx(Ga, { $xs: e, $sm: t, $md: r, $lg: n, children: s }), Ka = ({ children: e }) => /* @__PURE__ */ o.jsx("div", { className: "container", children: e }), Ja = ({ children: e, className: t, scroll: r }) => /* @__PURE__ */ o.jsx("div", { className: `grid-row ${t ?? ""} ${r ? "scroll" : ""}`, children: e }), us = ({ items: e, className: t, scroll: r }) => /* @__PURE__ */ o.jsx(Ka, { children: /* @__PURE__ */ o.jsx(Ja, { scroll: r, className: t, children: e.map((n, s) => /* @__PURE__ */ o.jsx(Xa, { ...n }, s)) }) }), ds = ({
   children: e,
   logo: t,
   onClickMenu: r,
   userChildren: n,
-  positionFixed: o,
+  positionFixed: s,
   onClickLogo: i
 }) => {
   const c = ae(null), [l, d] = Y(!1), y = F(() => {
     d(!l);
   }, [l, d]);
-  return /* @__PURE__ */ s.jsxs("div", { className: `header ${o ? "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(D, { classIcon: "bi-list" }) }),
-      /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ o.jsxs("div", { className: `header ${s ? "header--fixed" : ""}`, children: [
+    /* @__PURE__ */ o.jsxs("div", { className: "flex-1 d-flex align-items-center", children: [
+      /* @__PURE__ */ o.jsx("span", { onClick: r, children: /* @__PURE__ */ o.jsx(D, { classIcon: "bi-list" }) }),
+      /* @__PURE__ */ o.jsx(
         "span",
         {
           className: `header-logo ${i && "cursor-pointer"} `,
           onClick: i,
-          children: t && /* @__PURE__ */ s.jsx("img", { src: t, alt: "logo" })
+          children: t && /* @__PURE__ */ o.jsx("img", { src: t, alt: "logo" })
         }
       )
     ] }),
-    /* @__PURE__ */ s.jsxs("div", { className: "d-flex", children: [
+    /* @__PURE__ */ o.jsxs("div", { className: "d-flex align-items-center", children: [
       e,
-      /* @__PURE__ */ s.jsx("div", { ref: c, onClick: y, children: /* @__PURE__ */ s.jsx(D, { classIcon: "bi-person-circle" }) }),
-      l && c.current && /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ o.jsx("div", { ref: c, onClick: y, children: /* @__PURE__ */ o.jsx(D, { classIcon: "bi-person-circle" }) }),
+      l && c.current && /* @__PURE__ */ o.jsx(
         en,
         {
           position: "bottomRight",
@@ -2318,68 +2318,68 @@ const he = (e = 12) => `${e / 12 * 100}%`, Ga = gt.div`
   display: inline-block;
   color: #007bff;
   animation: ${Za} 1s linear infinite;
-`, po = ({ display: e, message: t, size: r }) => /* @__PURE__ */ s.jsx(s.Fragment, { children: e && /* @__PURE__ */ s.jsxs("div", { className: "d-flex flex-column align-items-center", children: [
-  t && /* @__PURE__ */ s.jsx("span", { children: t }),
-  /* @__PURE__ */ s.jsx("div", { children: /* @__PURE__ */ s.jsx(Qa, { children: /* @__PURE__ */ s.jsx(D, { size: r, classIcon: "bi-arrow-clockwise" }) }) })
-] }) }), ho = ({
+`, fs = ({ display: e, message: t, size: r }) => /* @__PURE__ */ o.jsx(o.Fragment, { children: e && /* @__PURE__ */ o.jsxs("div", { className: "d-flex flex-column align-items-center", children: [
+  t && /* @__PURE__ */ o.jsx("span", { children: t }),
+  /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx(Qa, { children: /* @__PURE__ */ o.jsx(D, { size: r, classIcon: "bi-arrow-clockwise" }) }) })
+] }) }), ps = ({
   isOpen: e,
   onClose: t,
   children: r,
   title: n
 }) => e ? On(
-  /* @__PURE__ */ s.jsx("div", { className: "modal-overlay", onClick: t, children: /* @__PURE__ */ s.jsxs("div", { className: "modal-container", onClick: (o) => o.stopPropagation(), children: [
-    /* @__PURE__ */ s.jsxs("div", { className: "modal-header", children: [
-      n && /* @__PURE__ */ s.jsx("h2", { className: "modal-title", children: n }),
-      /* @__PURE__ */ s.jsx("button", { className: "modal-close-button", onClick: t, children: "×" })
+  /* @__PURE__ */ o.jsx("div", { className: "modal-overlay", onClick: t, children: /* @__PURE__ */ o.jsxs("div", { className: "modal-container", onClick: (s) => s.stopPropagation(), children: [
+    /* @__PURE__ */ o.jsxs("div", { className: "modal-header", children: [
+      n && /* @__PURE__ */ o.jsx("h2", { className: "modal-title", children: n }),
+      /* @__PURE__ */ o.jsx("button", { className: "modal-close-button", onClick: t, children: "×" })
     ] }),
-    /* @__PURE__ */ s.jsx("div", { className: "modal-content", children: r })
+    /* @__PURE__ */ o.jsx("div", { className: "modal-content", children: r })
   ] }) }),
   document.body
-) : null, mo = ({ setQuantity: e, item: t }) => {
-  const [r, n] = Y(t.quantity ?? 1), o = F(
+) : null, hs = ({ setQuantity: e, item: t }) => {
+  const [r, n] = Y(t.quantity ?? 1), s = F(
     (l) => {
       n(l), e && e(t, l);
     },
     [n, e]
   ), i = F(
     (l) => {
-      l.stopPropagation(), o(r + 1);
+      l.stopPropagation(), s(r + 1);
     },
-    [r, o]
+    [r, s]
   ), c = F(
     (l) => {
       if (l.stopPropagation(), r === 0)
         return r;
-      o(r - 1);
+      s(r - 1);
     },
-    [o, r]
+    [s, r]
   );
-  return /* @__PURE__ */ s.jsxs("div", { className: "qte ", children: [
-    /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ o.jsxs("div", { className: "qte ", children: [
+    /* @__PURE__ */ o.jsx(
       "div",
       {
         onClick: (l) => c(l),
         className: "qte-action qte-action--minus ",
-        children: /* @__PURE__ */ s.jsx(D, { size: st.LARGE, classIcon: "bi bi-dash-square" })
+        children: /* @__PURE__ */ o.jsx(D, { size: ot.LARGE, classIcon: "bi bi-dash-square" })
       }
     ),
-    /* @__PURE__ */ s.jsx("span", { className: "qte-label", children: r }),
-    /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ o.jsx("span", { className: "qte-label", children: r }),
+    /* @__PURE__ */ o.jsx(
       "div",
       {
         onClick: (l) => i(l),
         className: "qte-action qte-action--plus ",
-        children: /* @__PURE__ */ s.jsx(D, { size: st.LARGE, classIcon: "bi bi-plus-square" })
+        children: /* @__PURE__ */ o.jsx(D, { size: ot.LARGE, classIcon: "bi bi-plus-square" })
       }
     )
   ] });
-}, go = Cr(
+}, ms = Cr(
   ({
     children: e,
     placeholder: t,
     isVisible: r,
     focus: n,
-    debounceTime: o,
+    debounceTime: s,
     handleChange: i,
     setIsVisible: c
   }, l) => {
@@ -2412,9 +2412,9 @@ const he = (e = 12) => `${e / 12 * 100}%`, Ga = gt.div`
           return p(!1);
         p(!0), v.current && clearTimeout(v.current), v.current = setTimeout(() => {
           i && i(R);
-        }, o ?? 500);
+        }, s ?? 500);
       },
-      [p, i, o]
+      [p, i, s]
     ), w = F(
       (R) => {
         console.log("Form Submitted: ", R);
@@ -2430,8 +2430,8 @@ const he = (e = 12) => `${e / 12 * 100}%`, Ga = gt.div`
         var R;
         (R = m.current) == null || R.resetForm();
       }
-    })), /* @__PURE__ */ s.jsxs("div", { className: "search", children: [
-      /* @__PURE__ */ s.jsx(
+    })), /* @__PURE__ */ o.jsxs("div", { className: "search", children: [
+      /* @__PURE__ */ o.jsx(
         Ha,
         {
           ref: m,
@@ -2441,25 +2441,25 @@ const he = (e = 12) => `${e / 12 * 100}%`, Ga = gt.div`
           initialForm: u
         }
       ),
-      d && /* @__PURE__ */ s.jsxs("div", { className: "search-result", children: [
-        /* @__PURE__ */ s.jsx("div", { className: "search-result-close", children: /* @__PURE__ */ s.jsx(
+      d && /* @__PURE__ */ o.jsxs("div", { className: "search-result", children: [
+        /* @__PURE__ */ o.jsx("div", { className: "search-result-close", children: /* @__PURE__ */ o.jsx(
           "button",
           {
             className: "toggle-btn",
             onClick: () => p(!1),
-            children: /* @__PURE__ */ s.jsx(D, { classIcon: "bi-x-lg" })
+            children: /* @__PURE__ */ o.jsx(D, { classIcon: "bi-x-lg" })
           }
         ) }),
-        /* @__PURE__ */ s.jsx("div", { className: "search-result-content", children: e })
+        /* @__PURE__ */ o.jsx("div", { className: "search-result-content", children: e })
       ] })
     ] });
   }
-), eo = ({
+), es = ({
   open: e,
   children: t,
   title: r,
   onClose: n,
-  className: o,
+  className: s,
   id: i,
   width: c,
   closeOnClickOutside: l = !0,
@@ -2482,18 +2482,18 @@ const he = (e = 12) => `${e / 12 * 100}%`, Ga = gt.div`
   return X(() => (y ? document.addEventListener("mousedown", g) : document.removeEventListener("mousedown", g), () => {
     document.removeEventListener("mousedown", g);
   }), [y, g]), u.current ? Mt.createPortal(
-    /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      y && d && /* @__PURE__ */ s.jsx("div", { className: "overlay" }),
-      /* @__PURE__ */ s.jsxs(
+    /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      y && d && /* @__PURE__ */ o.jsx("div", { className: "overlay" }),
+      /* @__PURE__ */ o.jsxs(
         "div",
         {
           ref: m,
           style: c ? { width: c } : {},
-          className: `sidebar ${y ? "open" : "closed"} ${o ?? ""}`,
+          className: `sidebar ${y ? "open" : "closed"} ${s ?? ""}`,
           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: p, children: /* @__PURE__ */ s.jsx(D, { classIcon: "bi-x-lg" }) })
+            /* @__PURE__ */ o.jsxs("div", { className: "sidebar-header", children: [
+              r && /* @__PURE__ */ o.jsx("h2", { className: "flex-1", children: r }),
+              /* @__PURE__ */ o.jsx("button", { className: "toggle-btn", onClick: p, children: /* @__PURE__ */ o.jsx(D, { classIcon: "bi-x-lg" }) })
             ] }),
             t && t
           ]
@@ -2501,13 +2501,13 @@ const he = (e = 12) => `${e / 12 * 100}%`, Ga = gt.div`
       )
     ] }),
     u.current
-  ) : /* @__PURE__ */ s.jsx(s.Fragment, {});
-}, vo = (e) => /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsx(eo, { ...e, className: `full sidebar-data ${e.className}`, children: e.children && /* @__PURE__ */ s.jsx("div", { className: "sidebar-data-content", children: e.children }) }) }), yo = ({
+  ) : /* @__PURE__ */ o.jsx(o.Fragment, {});
+}, gs = (e) => /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(es, { ...e, className: `full sidebar-data ${e.className}`, children: e.children && /* @__PURE__ */ o.jsx("div", { className: "sidebar-data-content", children: e.children }) }) }), vs = ({
   className: e,
   title: t,
   duration: r = 2500,
   description: n,
-  children: o,
+  children: s,
   severity: i = "info"
 }) => {
   const c = document.createElement("div");
@@ -2524,17 +2524,17 @@ const he = (e = 12) => `${e / 12 * 100}%`, Ga = gt.div`
   return X(() => (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(D, { classIcon: "bi-info-circle" }),
-        i === "success" && /* @__PURE__ */ s.jsx(D, { classIcon: "bi-check-circle" }),
-        i === "error" && /* @__PURE__ */ s.jsx(D, { classIcon: "bi-x-circle" }),
-        i === "warning" && /* @__PURE__ */ s.jsx(D, { classIcon: "bi-exclamation-triangle" })
+    /* @__PURE__ */ o.jsxs("div", { className: `toaster toaster-${i} ${e || ""}`, children: [
+      /* @__PURE__ */ o.jsxs("div", { children: [
+        i === "info" && /* @__PURE__ */ o.jsx(D, { classIcon: "bi-info-circle" }),
+        i === "success" && /* @__PURE__ */ o.jsx(D, { classIcon: "bi-check-circle" }),
+        i === "error" && /* @__PURE__ */ o.jsx(D, { classIcon: "bi-x-circle" }),
+        i === "warning" && /* @__PURE__ */ o.jsx(D, { classIcon: "bi-exclamation-triangle" })
       ] }),
-      /* @__PURE__ */ s.jsxs("div", { children: [
-        /* @__PURE__ */ s.jsx("div", { className: `title title-${i}`, children: t }),
-        !o && /* @__PURE__ */ s.jsx("div", { className: "subtitle", children: n }),
-        /* @__PURE__ */ s.jsx("div", { children: o })
+      /* @__PURE__ */ o.jsxs("div", { children: [
+        /* @__PURE__ */ o.jsx("div", { className: `title title-${i}`, children: t }),
+        !s && /* @__PURE__ */ o.jsx("div", { className: "subtitle", children: n }),
+        /* @__PURE__ */ o.jsx("div", { children: s })
       ] })
     ] }),
     c
@@ -2542,26 +2542,26 @@ const he = (e = 12) => `${e / 12 * 100}%`, Ga = gt.div`
 };
 export {
   kr as Button,
-  no as ButtonAction,
-  oo as Card,
-  so as Carousel,
-  io as Damier,
+  ns as ButtonAction,
+  ss as Card,
+  os as Carousel,
+  is as Damier,
   Ha as DynamicForm,
-  co as Expands,
-  lo as FilAriane,
-  uo as Grid,
-  fo as Header,
+  cs as Expands,
+  ls as FilAriane,
+  us as Grid,
+  ds as Header,
   D as Icon,
-  st as IconSizeEnum,
-  po as Loader,
+  ot as IconSizeEnum,
+  fs as Loader,
   In as Menus,
-  ho as Modal,
+  ps as Modal,
   en as OverlayPanel,
-  ao as OverlayProvider,
-  mo as Quantity,
-  go as Search,
-  eo as Sidebar,
-  vo as SidebarData,
-  yo as Toaster,
+  as as OverlayProvider,
+  hs as Quantity,
+  ms as Search,
+  es as Sidebar,
+  gs as SidebarData,
+  vs as Toaster,
   tn as TypeInputEnum
 };