npm - @julseb-lib/react - Versions diffs - 0.0.11 → 0.0.13 - Mend

@julseb-lib/react 0.0.11 → 0.0.13

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

Files changed (8) hide show

package/dist/index.cjs.js +181 -181
package/dist/index.es.js +395 -393
package/dist/index.umd.js +58 -58
package/dist/lib/components/Header/Header.tsx +2 -10
package/dist/lib/components/Header/HeaderNav.tsx +3 -0
package/dist/lib/components/Header/subtypes.ts +1 -0
package/dist/lib/components/Header/types.ts +1 -1
package/package.json +1 -1

package/dist/index.es.js CHANGED Viewed

@@ -929,11 +929,11 @@ function cc() {
   e4 = 1;
   var l = S4, c = Symbol.for("react.element"), e = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, h = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
   function r(i, f, s) {
-    var o, p = {}, z = null, M = null;
-    s !== void 0 && (z = "" + s), f.key !== void 0 && (z = "" + f.key), f.ref !== void 0 && (M = f.ref);
+    var o, p = {}, z = null, g = null;
+    s !== void 0 && (z = "" + s), f.key !== void 0 && (z = "" + f.key), f.ref !== void 0 && (g = f.ref);
     for (o in f) a.call(f, o) && !d.hasOwnProperty(o) && (p[o] = f[o]);
     if (i && i.defaultProps) for (o in f = i.defaultProps, f) p[o] === void 0 && (p[o] = f[o]);
-    return { $$typeof: c, type: i, key: z, ref: M, props: p, _owner: h.current };
+    return { $$typeof: c, type: i, key: z, ref: g, props: p, _owner: h.current };
   }
   return _0.Fragment = e, _0.jsx = r, _0.jsxs = r, _0;
 }
@@ -950,11 +950,11 @@ var L0 = {};
 var a4;
 function ec() {
   return a4 || (a4 = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = S4, c = Symbol.for("react.element"), e = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), r = Symbol.for("react.provider"), i = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), s = Symbol.for("react.suspense"), o = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), M = Symbol.for("react.offscreen"), g = Symbol.iterator, v = "@@iterator";
+    var l = S4, c = Symbol.for("react.element"), e = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), r = Symbol.for("react.provider"), i = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), s = Symbol.for("react.suspense"), o = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), M = Symbol.iterator, v = "@@iterator";
     function y(u) {
       if (u === null || typeof u != "object")
         return null;
-      var R = g && u[g] || u[v];
+      var R = M && u[M] || u[v];
       return typeof R == "function" ? R : null;
     }
     var w = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -978,7 +978,7 @@ function ec() {
     var A = !1, _ = !1, j = !1, V = !1, D = !1, Y;
     Y = Symbol.for("react.module.reference");
     function G(u) {
-      return !!(typeof u == "string" || typeof u == "function" || u === a || u === d || D || u === h || u === s || u === o || V || u === M || A || _ || j || typeof u == "object" && u !== null && (u.$$typeof === z || u.$$typeof === p || u.$$typeof === r || u.$$typeof === i || u.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof u == "string" || typeof u == "function" || u === a || u === d || D || u === h || u === s || u === o || V || u === g || A || _ || j || typeof u == "object" && u !== null && (u.$$typeof === z || u.$$typeof === p || u.$$typeof === r || u.$$typeof === i || u.$$typeof === f || // 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.
@@ -4727,14 +4727,14 @@ function b1({
 }) {
   const [a, h] = P(!1), [d, r] = P(0), i = o2(null), f = l2(
     (s) => {
-      var z, M, g, v, y;
+      var z, g, M, v, y;
       const { key: o } = s, p = l;
       a && (o === "ArrowDown" && (s.preventDefault(), p.length && (r(
         (w) => w < p.length ? w + 1 : 0
-      ), d === p.length ? (z = i == null ? void 0 : i.current) == null || z.scrollTo({ top: 0 }) : (M = i == null ? void 0 : i.current) == null || M.scrollTo({ top: d * 40 }))), o === "ArrowUp" && (s.preventDefault(), p.length && (r(
+      ), d === p.length ? (z = i == null ? void 0 : i.current) == null || z.scrollTo({ top: 0 }) : (g = i == null ? void 0 : i.current) == null || g.scrollTo({ top: d * 40 }))), o === "ArrowUp" && (s.preventDefault(), p.length && (r(
         (w) => w > 0 ? w - 1 : p.length
       ), d === 0 ? (v = i == null ? void 0 : i.current) == null || v.scrollTo({
-        top: (g = i == null ? void 0 : i.current) == null ? void 0 : g.scrollHeight
+        top: (M = i == null ? void 0 : i.current) == null ? void 0 : M.scrollHeight
       }) : (y = i == null ? void 0 : i.current) == null || y.scrollTo({ top: d * 40 }))), (o === "Tab" || o === "Enter") && (s.preventDefault(), d === p.length ? (e(c), h(!1)) : (e(l[d]), h(!1))));
     },
     [a, d, l, c, e]
@@ -5590,8 +5590,8 @@ const h4 = C(
       l.includes(d) && c();
     }, h = (d) => {
       if (typeof l != "string") {
-        const r = l[0] === "Command" ? d.metaKey : void 0, i = l[0] === "Control" ? d.ctrlKey : void 0, f = l[0] === "Shift" ? d.shiftKey : void 0, s = l[0] === "Alt" ? d.altKey : void 0, o = e && e[0] === "Command" ? d.metaKey : void 0, p = e && e[0] === "Control" ? d.ctrlKey : void 0, z = e && e[0] === "Shift" ? d.shiftKey : void 0, M = e && e[0] === "Alt" ? d.altKey : void 0;
-        if (l.length === 1 && !(o || p || z || M) && a(d), o || p || z || M)
+        const r = l[0] === "Command" ? d.metaKey : void 0, i = l[0] === "Control" ? d.ctrlKey : void 0, f = l[0] === "Shift" ? d.shiftKey : void 0, s = l[0] === "Alt" ? d.altKey : void 0, o = e && e[0] === "Command" ? d.metaKey : void 0, p = e && e[0] === "Control" ? d.ctrlKey : void 0, z = e && e[0] === "Shift" ? d.shiftKey : void 0, g = e && e[0] === "Alt" ? d.altKey : void 0;
+        if (l.length === 1 && !(o || p || z || g) && a(d), o || p || z || g)
           return;
         (r || i || f || s) && d.code === l[1] && c();
       }
@@ -7965,9 +7965,9 @@ const f4 = 24, _9 = C(
     ...p
   }, z) => {
     var $, A, _, j, V;
-    const M = I9(), [g, v] = P(!0), y = l2(() => {
-      v(!1), setTimeout(() => M.remove(d), 200);
-    }, [d, M]), w = o2(null);
+    const g = I9(), [M, v] = P(!0), y = l2(() => {
+      v(!1), setTimeout(() => g.remove(d), 200);
+    }, [d, g]), w = o2(null);
     z2(() => {
       const D = r == null ? void 0 : r.duration;
       D && setTimeout(() => {
@@ -7983,7 +7983,7 @@ const f4 = 24, _9 = C(
         as: c,
         role: s,
         id: d,
-        className: O(a, { Open: g }),
+        className: O(a, { Open: M }),
         $backgroundColor: (i == null ? void 0 : i.backgroundColor) || "background",
         $border: (i == null ? void 0 : i.border) || { color: "gray-200" },
         $shadow: i == null ? void 0 : i.shadow,
@@ -8135,7 +8135,7 @@ const f4 = 24, _9 = C(
       $position: r,
       ...i,
       children: a.map((s) => {
-        var p, z, M, g, v, y, w, x, $, A, _, j, V, D, Y, G, t2, Z, U, W, T;
+        var p, z, g, M, v, y, w, x, $, A, _, j, V, D, Y, G, t2, Z, U, W, T;
         const o = L9[status || "success"];
         return /* @__PURE__ */ t.jsx(
           _9,
@@ -8143,8 +8143,8 @@ const f4 = 24, _9 = C(
             "data-testid": ((p = s.options) == null ? void 0 : p["data-testid"]) || s["data-testid"] || l && `${l}.Toast`,
             className: ((z = s.options) == null ? void 0 : z.className) || s.className || e && "Toast",
             title: s.title,
-            id: ((M = s.options) == null ? void 0 : M.id) || s.id,
-            ref: ((g = s.options) == null ? void 0 : g.ref) || s.ref,
+            id: ((g = s.options) == null ? void 0 : g.id) || s.id,
+            ref: ((M = s.options) == null ? void 0 : M.ref) || s.ref,
             toasterPosition: r,
             options: {
               duration: ((v = s.options) == null ? void 0 : v.duration) || (h == null ? void 0 : h.duration) || 3e3,
@@ -8202,17 +8202,17 @@ const f4 = 24, _9 = C(
   toastOptions: a,
   position: h
 }) => {
-  const [d, r] = $l(j9, S9), i = (g, v, y) => r({
+  const [d, r] = $l(j9, S9), i = (M, v, y) => r({
     type: "ADD_TOAST",
     payload: {
       id: f7.uuid(),
-      status: g,
+      status: M,
       title: v,
       options: y || a
     }
-  }), f = (g, v) => i("success", g, v || a), s = (g, v) => i("warning", g, v || a), o = (g, v) => i("error", g, v || a), p = (g, v) => i("info", g, v || a), z = (g, v) => i("loading", g, v || a), M = (g) => r({
+  }), f = (M, v) => i("success", M, v || a), s = (M, v) => i("warning", M, v || a), o = (M, v) => i("error", M, v || a), p = (M, v) => i("info", M, v || a), z = (M, v) => i("loading", M, v || a), g = (M) => r({
     type: "DELETE_TOAST",
-    payload: g
+    payload: M
   });
   return /* @__PURE__ */ t.jsxs(
     C7.Provider,
@@ -8223,7 +8223,7 @@ const f4 = 24, _9 = C(
         warning: s,
         info: p,
         loading: z,
-        remove: M
+        remove: g
       },
       children: [
         e,
@@ -8436,12 +8436,12 @@ const ff = C(
     justifyContent: o,
     alignContent: p,
     padding: z,
-    ...M
-  }, g) => /* @__PURE__ */ t.jsx(
+    ...g
+  }, M) => /* @__PURE__ */ t.jsx(
     R7,
     {
       "data-testid": l,
-      ref: g,
+      ref: M,
       as: c,
       $inline: a,
       $col: h,
@@ -8453,7 +8453,7 @@ const ff = C(
       $justifyContent: o,
       $alignContent: p,
       $padding: z,
-      ...M,
+      ...g,
       children: e
     }
   )
@@ -8476,8 +8476,8 @@ const g2 = C(
     gap: o,
     columnGap: p,
     rowGap: z,
-    padding: M,
-    ...g
+    padding: g,
+    ...M
   }, v) => /* @__PURE__ */ t.jsx(
     j7,
     {
@@ -8494,8 +8494,8 @@ const g2 = C(
       $gap: o,
       $columnGap: p,
       $rowGap: z,
-      $padding: M,
-      ...g,
+      $padding: g,
+      ...M,
       children: e
     }
   )
@@ -8629,20 +8629,20 @@ const mf = C(
     display: o,
     gap: p,
     containerStyle: z,
-    ...M
-  }, g) => {
+    ...g
+  }, M) => {
     const v = {
       "data-testid": l && `${l}.Text`,
       as: e,
       className: "Text",
       children: h,
-      ...M
+      ...g
     };
     return /* @__PURE__ */ t.jsxs(
       E7,
       {
         "data-testid": l,
-        ref: g,
+        ref: M,
         as: c,
         className: a,
         style: z,
@@ -8832,8 +8832,8 @@ const G9 = C(
     onClick: o,
     onMouseEnter: p,
     onMouseLeave: z,
-    offset: M = "xs",
-    tooltipStyles: g,
+    offset: g = "xs",
+    tooltipStyles: M,
     ...v
   }, y) => {
     const w = w1(), x = i === "click" || w ? "click" : "hover", [$, A] = P(!1), _ = o2(null);
@@ -8868,12 +8868,12 @@ const G9 = C(
                 { Visible: $ }
               ),
               ref: _,
-              style: g,
+              style: M,
               $position: d,
               $withArrow: !r,
               $backgroundColor: f,
               $textColor: s,
-              $offset: M,
+              $offset: g,
               children: h
             }
           ),
@@ -9042,8 +9042,8 @@ const sf = C(
     flex: o,
     flexGrow: p,
     padding: z,
-    isShiny: M,
-    children: g,
+    isShiny: g,
+    children: M,
     ...v
   }, y) => /* @__PURE__ */ t.jsxs(
     F7,
@@ -9064,8 +9064,8 @@ const sf = C(
       $padding: z,
       ...v,
       children: [
-        g,
-        M && /* @__PURE__ */ t.jsx(
+        M,
+        g && /* @__PURE__ */ t.jsx(
           P9,
           {
             "data-testid": l && `${l}.Shine`,
@@ -9159,11 +9159,11 @@ const U9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ),
     containerStyle: p,
     containerAs: z,
-    ...M
-  }, g) => {
+    ...g
+  }, M) => {
     const v = {
       "data-testid": l,
-      ref: g,
+      ref: M,
       fallback: o,
       caption: h,
       className: c,
@@ -9174,7 +9174,7 @@ const U9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       height: r,
       borderRadius: f,
       fit: s,
-      ...M
+      ...g
     };
     return h ? /* @__PURE__ */ t.jsxs(
       A1,
@@ -9255,7 +9255,7 @@ const pf = C(
         ref: C2([i, r]),
         $gap: h,
         ...d,
-        children: [...Array(f)].map((z, M) => /* @__PURE__ */ t.jsx(q7, { $gap: h, children: o[M] }, J()))
+        children: [...Array(f)].map((z, g) => /* @__PURE__ */ t.jsx(q7, { $gap: h, children: o[g] }, J()))
       }
     );
   }
@@ -9409,8 +9409,8 @@ const S0 = C(
     padding: z = {
       leftRight: "xs"
     },
-    ...M
-  }, g) => {
+    ...g
+  }, M) => {
     const v = N0(10, !0), y = (c == null ? void 0 : c.split(" ")[0]) || v;
     return f0(`
             ${e ? `#${e}` : `.${y}`} {
@@ -9421,7 +9421,7 @@ const S0 = C(
       l5,
       {
         "data-testid": l,
-        ref: g,
+        ref: M,
         as: a,
         className: O(c, v),
         id: e,
@@ -9431,7 +9431,7 @@ const S0 = C(
         $padding: z,
         $hasChildren: !!(d || f),
         $childrenLength: f == null ? void 0 : f.toString().length,
-        ...M,
+        ...g,
         children: [
           d && /* @__PURE__ */ t.jsx(
             d2,
@@ -9510,8 +9510,8 @@ const p4 = C(
     img: o,
     letter: p,
     icon: z,
-    iconSize: M,
-    iconBaseUrl: g,
+    iconSize: g,
+    iconBaseUrl: M,
     ...v
   }, y) => {
     const w = N0(10, !0), x = (e == null ? void 0 : e.split(" ")[0]) || w;
@@ -9556,9 +9556,9 @@ const p4 = C(
               "data-testid": l && `${l}.Icon`,
               className: e && "Icon",
               icon: z,
-              size: M,
+              size: g,
               color: s,
-              baseUrl: g
+              baseUrl: M
             }
           )
         ]
@@ -9580,8 +9580,8 @@ const p4 = C(
     backgroundColor: o = "primary",
     contentColor: p = o === "white" ? "primary" : o === "black" ? "white" : "background",
     className: z,
-    containerStyle: M,
-    ...g
+    containerStyle: g,
+    ...M
   }, v) => {
     var $, A;
     const y = typeof d == "object", w = y && d.size ? d.size : 8, x = {
@@ -9599,7 +9599,7 @@ const p4 = C(
       icon: f,
       iconSize: s,
       ref: v,
-      ...g
+      ...M
     };
     return d ? /* @__PURE__ */ t.jsxs(
       e5,
@@ -9608,7 +9608,7 @@ const p4 = C(
         ref: v,
         as: c,
         className: z,
-        style: M,
+        style: g,
         $backgroundColor: o,
         $border: a,
         $borderRadius: h,
@@ -9776,8 +9776,8 @@ const w0 = C(
     borderRadius: o = s === "small" ? "s" : "m",
     icons: p,
     iconSizes: z,
-    iconBaseUrl: M,
-    gap: g = "xs",
+    iconBaseUrl: g,
+    gap: M = "xs",
     variant: v = "plain",
     noPadding: y,
     isLoading: w,
@@ -9811,7 +9811,7 @@ const w0 = C(
         $shadow: f,
         $borderRadius: o,
         $size: s,
-        $gap: g,
+        $gap: M,
         $variant: v,
         $noPadding: y,
         ...j,
@@ -9823,7 +9823,7 @@ const w0 = C(
               "data-testid": l && `${l}.IconLeft`,
               className: d && "IconLeft",
               size: (z == null ? void 0 : z.left) || Y,
-              baseUrl: M
+              baseUrl: g
             }
           ),
           w && (x === 4 ? /* @__PURE__ */ t.jsx(y0, { variant: 4, ...D }) : /* @__PURE__ */ t.jsx(
@@ -9842,7 +9842,7 @@ const w0 = C(
               "data-testid": l && `${l}.IconRight`,
               className: d && "IconRight",
               size: (z == null ? void 0 : z.right) || Y,
-              baseUrl: M
+              baseUrl: g
             }
           )
         ]
@@ -9881,8 +9881,8 @@ const z4 = C(
     blank: o,
     variant: p,
     showBackgroundHover: z,
-    borderRadius: M,
-    color: g,
+    borderRadius: g,
+    color: M,
     shadow: v,
     size: y,
     loaderVariant: w,
@@ -9914,8 +9914,8 @@ const z4 = C(
         rel: o && "noreferrer noopener",
         $variant: p,
         $showBackgroundHover: z,
-        $borderRadius: M,
-        $color: g,
+        $borderRadius: g,
+        $color: M,
         $shadow: v,
         $size: y,
         ...j,
@@ -9956,8 +9956,8 @@ const z4 = C(
     to: o,
     href: p,
     blank: z,
-    variant: M = "plain",
-    showBackgroundHover: g,
+    variant: g = "plain",
+    showBackgroundHover: M,
     isLoading: v,
     loaderVariant: y,
     loaderBorderWidth: w = 2,
@@ -9980,8 +9980,8 @@ const z4 = C(
       "aria-disabled": $,
       "aria-label": s,
       blank: z,
-      variant: M,
-      showBackgroundHover: g,
+      variant: g,
+      showBackgroundHover: M,
       borderRadius: r,
       color: A,
       shadow: d,
@@ -10020,7 +10020,7 @@ const z4 = C(
     index: r,
     iconBaseUrl: i
   }, f) => {
-    var p, z, M, g, v;
+    var p, z, g, M, v;
     const s = {
       "data-testid": e["data-testid"] || l && `${l}.Button.${r}`,
       className: e.className || c && "Button",
@@ -10055,10 +10055,10 @@ const z4 = C(
         size: d,
         icons: {
           left: (z = e.icons) == null ? void 0 : z.left,
-          right: (M = e.icons) == null ? void 0 : M.right
+          right: (g = e.icons) == null ? void 0 : g.right
         },
         iconSizes: {
-          left: (g = e == null ? void 0 : e.iconSizes) == null ? void 0 : g.left,
+          left: (M = e == null ? void 0 : e.iconSizes) == null ? void 0 : M.left,
           right: (v = e == null ? void 0 : e.iconSizes) == null ? void 0 : v.right
         },
         "aria-label": e["aria-label"] || e.text,
@@ -10134,7 +10134,7 @@ const q9 = C(
     setToggles: o,
     iconBaseUrl: p
   }, z) => {
-    const M = (y) => {
+    const g = (y) => {
       const { id: w, checked: x } = y.target;
       o(($) => {
         const A = {};
@@ -10142,7 +10142,7 @@ const q9 = C(
           A[_] = !1;
         }), { ...A, [w]: x };
       });
-    }, g = () => {
+    }, M = () => {
       s[e.id] === !0 && a === "single" && o((y) => {
         const w = {};
         return Object.keys(y).forEach((x) => {
@@ -10156,7 +10156,7 @@ const q9 = C(
         "data-testid": e["data-testid"] || l && `${l}.ToggleContainer.${f}`,
         ref: z,
         className: e.className ?? (c && "ToggleContainer"),
-        onClick: g,
+        onClick: M,
         htmlFor: e.id,
         $color: h,
         $size: r,
@@ -10169,7 +10169,7 @@ const q9 = C(
               id: e.id,
               name: i,
               type: a === "multi" ? "checkbox" : "radio",
-              onChange: a === "multi" ? v : M,
+              onChange: a === "multi" ? v : g,
               checked: s[e.id] === !0
             }
           ),
@@ -10203,9 +10203,9 @@ const q9 = C(
     name: o,
     iconBaseUrl: p,
     ...z
-  }, M) => {
+  }, g) => {
     var x;
-    const g = {
+    const M = {
       "data-testid": l,
       className: e,
       color: h,
@@ -10227,7 +10227,7 @@ const q9 = C(
       f5,
       {
         "data-testid": l,
-        ref: M,
+        ref: g,
         as: c,
         className: e,
         $size: r,
@@ -10243,7 +10243,7 @@ const q9 = C(
                 button: $,
                 index: A,
                 iconBaseUrl: p,
-                ...g
+                ...M
               }
             ),
             d === "transparent" && A !== a.length - 1 && /* @__PURE__ */ t.jsx(
@@ -10258,7 +10258,7 @@ const q9 = C(
             /* @__PURE__ */ t.jsx(
               q9,
               {
-                ...g,
+                ...M,
                 toggle: $,
                 toggleType: s,
                 name: o,
@@ -10316,8 +10316,8 @@ const Q9 = C(
       right: K2(s)
     },
     iconBaseUrl: z,
-    gap: M = "xs",
-    ...g
+    gap: g = "xs",
+    ...M
   }, v) => /* @__PURE__ */ t.jsxs(
     p5,
     {
@@ -10330,9 +10330,9 @@ const Q9 = C(
       $border: r,
       $padding: i,
       $borderRadius: f,
-      $gap: M,
+      $gap: g,
       $fontSize: s,
-      ...g,
+      ...M,
       children: [
         (o == null ? void 0 : o.left) && /* @__PURE__ */ t.jsx(
           d2,
@@ -10388,26 +10388,26 @@ const kf = C(
     return n1(() => {
       const o = () => {
         if (!i.current) return;
-        const M = Array.from(
+        const g = Array.from(
           i.current.children
         );
-        for (const v of M)
+        for (const v of g)
           v.hidden = !0;
-        if (M.length === 0) return;
-        for (let v = 0; v < M.length; v += 1) {
-          const y = M[v];
+        if (g.length === 0) return;
+        for (let v = 0; v < g.length; v += 1) {
+          const y = g[v];
           y.hidden = !1;
           const w = y.getBoundingClientRect(), x = i.current.getBoundingClientRect();
-          if ((w.bottom > x.bottom || w.right > x.right) && (y.hidden = !0, v > 0 && (M[v - 1].hidden = !0), v))
+          if ((w.bottom > x.bottom || w.right > x.right) && (y.hidden = !0, v > 0 && (g[v - 1].hidden = !0), v))
             break;
         }
-        const g = i.current.querySelectorAll("[hidden]").length - 1;
-        s(g);
+        const M = i.current.querySelectorAll("[hidden]").length - 1;
+        s(M);
       };
       o();
-      const p = new ResizeObserver((M) => {
+      const p = new ResizeObserver((g) => {
         window.requestAnimationFrame(() => {
-          for (const g of M)
+          for (const M of g)
             o();
         });
       }), z = i.current;
@@ -10470,8 +10470,8 @@ const bf = C(
     backgroundColor: o = "background",
     textColor: p = "font",
     backgroundImg: z,
-    textAlign: M = "left",
-    href: g,
+    textAlign: g = "left",
+    href: M,
     to: v,
     blank: y,
     onClick: w,
@@ -10491,9 +10491,9 @@ const bf = C(
     {
       "data-testid": l,
       ref: U,
-      as: c || (v ? I2 : g ? "a" : w ? "button" : "div"),
+      as: c || (v ? I2 : M ? "a" : w ? "button" : "div"),
       to: v,
-      href: g,
+      href: M,
       target: y ? "_blank" : void 0,
       rel: y ? "noreferrer noopener" : void 0,
       onClick: w,
@@ -10514,7 +10514,7 @@ const bf = C(
         $repeat: z.repeat,
         $size: z.size
       },
-      $textAlign: M,
+      $textAlign: g,
       $inline: x,
       $flexDirection: $,
       $flexWrap: A,
@@ -10544,8 +10544,8 @@ function A2({
   value: o,
   className: p,
   hasListOpen: z,
-  iconBaseUrl: M,
-  style: g
+  iconBaseUrl: g,
+  style: M
 }) {
   return !e && !a && !h && !d && !r && !i ? s : /* @__PURE__ */ t.jsx(
     ca,
@@ -10562,8 +10562,8 @@ function A2({
       value: o,
       className: p,
       hasListOpen: z,
-      iconBaseUrl: M,
-      style: g,
+      iconBaseUrl: g,
+      style: M,
       children: s
     }
   );
@@ -11514,8 +11514,8 @@ const V2 = C(({ "data-testid": l, className: c, children: e, disabled: a }, h) =
     maxLength: o,
     value: p,
     className: z,
-    hasListOpen: M,
-    style: g,
+    hasListOpen: g,
+    style: M,
     iconBaseUrl: v,
     ...y
   }, w) => /* @__PURE__ */ t.jsxs(
@@ -11524,8 +11524,8 @@ const V2 = C(({ "data-testid": l, className: c, children: e, disabled: a }, h) =
       "data-testid": l,
       ref: w,
       as: c,
-      className: O(z, { Open: M }),
-      style: g,
+      className: O(z, { Open: g }),
+      style: M,
       ...y,
       children: [
         (h || d) && /* @__PURE__ */ t.jsxs(
@@ -11702,14 +11702,14 @@ const aa = C(
     icon: o,
     iconSize: p,
     iconBaseUrl: z,
-    type: M,
-    iconCalendarSize: g = 16,
+    type: g,
+    iconCalendarSize: M = 16,
     iconCalendar: v = /* @__PURE__ */ t.jsx(
       v7,
       {
         "data-testid": l && `${l}.Button.Icon`,
         className: f && "Icon",
-        size: g
+        size: M
       }
     ),
     prefix: y,
@@ -11763,7 +11763,7 @@ const aa = C(
           id: c,
           className: f && "Input",
           ref: C2([$, x]),
-          type: M,
+          type: g,
           disabled: s,
           $inputBackground: r,
           $inputVariant: i,
@@ -11787,7 +11787,7 @@ const aa = C(
                 "data-testid": l,
                 className: f,
                 icon: v,
-                iconSize: g,
+                iconSize: M,
                 onClick: A,
                 "aria-label": "Calendar",
                 disabled: s,
@@ -11875,8 +11875,8 @@ const aa = C(
     icon: o,
     iconSize: p,
     iconBaseUrl: z,
-    counter: M,
-    hideButton: g,
+    counter: g,
+    hideButton: M,
     type: v = "password",
     value: y,
     maxLength: w,
@@ -11937,7 +11937,7 @@ const aa = C(
           ref: _,
           id: c,
           className: f && "Input",
-          type: g ? v : j,
+          type: M ? v : j,
           value: y,
           maxLength: w,
           disabled: s,
@@ -11949,7 +11949,7 @@ const aa = C(
           ...A
         }
       ),
-      (!g || d) && /* @__PURE__ */ t.jsxs(
+      (!M || d) && /* @__PURE__ */ t.jsxs(
         j2,
         {
           "data-testid": l,
@@ -11958,7 +11958,7 @@ const aa = C(
           withPadding: !0,
           withBorder: !1,
           children: [
-            !g && (x != null && x.textShow && (x != null && x.textHide) ? /* @__PURE__ */ t.jsx(
+            !M && (x != null && x.textShow && (x != null && x.textHide) ? /* @__PURE__ */ t.jsx(
               B2,
               {
                 text: j === "password" ? x == null ? void 0 : x.textShow : x == null ? void 0 : x.textHide,
@@ -12022,8 +12022,8 @@ const aa = C(
       }
     ),
     icon: z,
-    iconSize: M,
-    iconBaseUrl: g,
+    iconSize: g,
+    iconBaseUrl: M,
     focusKeys: v,
     showKeys: y,
     value: w,
@@ -12057,12 +12057,12 @@ const aa = C(
                 "data-testid": l,
                 className: i,
                 icon: z,
-                iconSize: M,
+                iconSize: g,
                 validationStatus: void 0,
                 disabled: f,
                 inputBackground: d,
                 inputVariant: r,
-                iconBaseUrl: g
+                iconBaseUrl: M
               }
             )
           ]
@@ -12106,7 +12106,7 @@ const aa = C(
                 "aria-label": "Clear",
                 onClick: s,
                 validationStatus: void 0,
-                iconBaseUrl: g
+                iconBaseUrl: M
               }
             ),
             y && !_ && /* @__PURE__ */ t.jsx(
@@ -12145,15 +12145,15 @@ const aa = C(
         size: p
       }
     ),
-    icon: M,
-    iconSize: g,
+    icon: g,
+    iconSize: M,
     iconBaseUrl: v,
     prefix: y,
     ...w
   }, x) => {
     const $ = o2(null);
     return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      (y || M) && /* @__PURE__ */ t.jsxs(
+      (y || g) && /* @__PURE__ */ t.jsxs(
         V2,
         {
           "data-testid": l,
@@ -12174,8 +12174,8 @@ const aa = C(
               {
                 "data-testid": l,
                 className: f,
-                icon: M,
-                iconSize: g,
+                icon: g,
+                iconSize: M,
                 validationStatus: d == null ? void 0 : d.status,
                 disabled: s,
                 inputBackground: r,
@@ -12277,8 +12277,8 @@ const aa = C(
     disabled: o,
     value: p,
     maxLength: z,
-    counter: M,
-    type: g = "text",
+    counter: g,
+    type: M = "text",
     icon: v,
     iconSize: y,
     iconBaseUrl: w,
@@ -12329,7 +12329,7 @@ const aa = C(
         value: p,
         maxLength: z,
         disabled: o,
-        type: g,
+        type: M,
         prefix: void 0,
         $inputBackground: i,
         $inputVariant: f,
@@ -12391,8 +12391,8 @@ const aa = C(
       }
     ),
     icon: z,
-    iconSize: M,
-    iconBaseUrl: g,
+    iconSize: g,
+    iconBaseUrl: M,
     prefix: v,
     ...y
   }, w) => {
@@ -12426,12 +12426,12 @@ const aa = C(
                 "data-testid": l,
                 className: f,
                 icon: z,
-                iconSize: M,
+                iconSize: g,
                 validationStatus: d == null ? void 0 : d.status,
                 disabled: s,
                 inputBackground: r,
                 inputVariant: i,
-                iconBaseUrl: g
+                iconBaseUrl: M
               }
             )
           ]
@@ -12473,7 +12473,7 @@ const aa = C(
                 "aria-label": "Clock",
                 onClick: $,
                 validationStatus: d == null ? void 0 : d.status,
-                iconBaseUrl: g
+                iconBaseUrl: M
               }
             ),
             d && /* @__PURE__ */ t.jsx(
@@ -12531,8 +12531,8 @@ const pa = C(({ type: l, ...c }, e) => oa(c, l, e)), S5 = C(
     className: o,
     type: p = "text",
     inputBackground: z,
-    inputVariant: M = "rounded",
-    iconBaseUrl: g,
+    inputVariant: g = "rounded",
+    iconBaseUrl: M,
     containerStyle: v,
     ...y
   }, w) => {
@@ -12551,7 +12551,7 @@ const pa = C(({ type: l, ...c }, e) => oa(c, l, e)), S5 = C(
         maxLength: f,
         value: s,
         className: o,
-        iconBaseUrl: g,
+        iconBaseUrl: M,
         style: v,
         hasListOpen: void 0,
         children: /* @__PURE__ */ t.jsx(
@@ -12562,7 +12562,7 @@ const pa = C(({ type: l, ...c }, e) => oa(c, l, e)), S5 = C(
             hasContainer: x,
             isTextArea: p === "textarea",
             inputBackground: z,
-            inputVariant: M,
+            inputVariant: g,
             validationStatus: r == null ? void 0 : r.status,
             hasListOpen: !1,
             children: /* @__PURE__ */ t.jsx(
@@ -12581,8 +12581,8 @@ const pa = C(({ type: l, ...c }, e) => oa(c, l, e)), S5 = C(
                 className: o,
                 type: p,
                 inputBackground: z,
-                inputVariant: M,
-                iconBaseUrl: g,
+                inputVariant: g,
+                iconBaseUrl: M,
                 ...y
               }
             )
@@ -12744,8 +12744,8 @@ const uf = C(
     iconSizes: o,
     iconBaseUrl: p,
     width: z = 64,
-    height: M = 64,
-    borderRadius: g = "m",
+    height: g = 64,
+    borderRadius: M = "m",
     disabled: v,
     containerStyle: y,
     ...w
@@ -12779,8 +12779,8 @@ const uf = C(
             className: $ && c ? "InputLabel" : c,
             htmlFor: e,
             $width: z,
-            $height: M,
-            $borderRadius: g,
+            $height: g,
+            $borderRadius: M,
             $disabled: v,
             $validationStatus: i == null ? void 0 : i.status,
             onMouseEnter: j,
@@ -13041,7 +13041,7 @@ const wf = C(
     disabled: o,
     containerStyle: p,
     ...z
-  }, M) => /* @__PURE__ */ t.jsxs(
+  }, g) => /* @__PURE__ */ t.jsxs(
     Y5,
     {
       "data-testid": l,
@@ -13057,7 +13057,7 @@ const wf = C(
           {
             "data-testid": l && `${l}.Input`,
             className: e && "Input",
-            ref: M,
+            ref: g,
             type: c,
             id: h,
             disabled: o,
@@ -13690,8 +13690,8 @@ const B0 = {
     selectedCountry: o,
     setSelectedCountry: p,
     defaultCountry: z = "de",
-    icons: M,
-    iconSizes: g,
+    icons: g,
+    iconSizes: M,
     iconBaseUrl: v,
     searchPlaceholder: y = "Search country or code",
     listDirection: w,
@@ -13728,7 +13728,7 @@ const B0 = {
       search: /* @__PURE__ */ t.jsx(
         e9,
         {
-          size: (g == null ? void 0 : g.search) || B0.SEARCH,
+          size: (M == null ? void 0 : M.search) || B0.SEARCH,
           "data-testid": l && `${l}.ListInput.SearchContainer.Icon`,
           className: c && "SearchIcon"
         }
@@ -13736,7 +13736,7 @@ const B0 = {
       caret: /* @__PURE__ */ t.jsx(
         y1,
         {
-          size: (g == null ? void 0 : g.search) || B0.CARET,
+          size: (M == null ? void 0 : M.search) || B0.CARET,
           "data-testid": l && `${l}.LeftContainer.CountryButton.CaretIcon`,
           className: c && "CaretIcon"
         }
@@ -13816,8 +13816,8 @@ const B0 = {
                                 /* @__PURE__ */ t.jsx(
                                   d2,
                                   {
-                                    icon: (M == null ? void 0 : M.caret) || W2.caret,
-                                    size: (g == null ? void 0 : g.caret) || B0.CARET,
+                                    icon: (g == null ? void 0 : g.caret) || W2.caret,
+                                    size: (M == null ? void 0 : M.caret) || B0.CARET,
                                     "data-testid": l && `${l}.LeftContainer.CountryButton.CaretIcon`,
                                     className: c && "CaretIcon",
                                     baseUrl: v
@@ -13903,8 +13903,8 @@ const B0 = {
                           /* @__PURE__ */ t.jsx(
                             d2,
                             {
-                              icon: (M == null ? void 0 : M.search) || W2.search,
-                              size: (g == null ? void 0 : g.search) || B0.SEARCH,
+                              icon: (g == null ? void 0 : g.search) || W2.search,
+                              size: (M == null ? void 0 : M.search) || B0.SEARCH,
                               "data-testid": l && `${l}.ListInput.SearchContainer.Icon`,
                               className: c && "IconSearch",
                               baseUrl: v
@@ -13991,8 +13991,8 @@ const n4 = 32, yf = C(
     value: o = 0,
     setValue: p,
     min: z,
-    max: M,
-    step: g = 1,
+    max: g,
+    step: M = 1,
     buttonVariant: v,
     iconSizes: y = {
       plus: p2(n4),
@@ -14019,34 +14019,34 @@ const n4 = 32, yf = C(
       variant: v,
       color: (i == null ? void 0 : i.status) === !1 ? "danger" : "primary",
       iconBaseUrl: x
-    }, Z = j || !!(z && o <= z), U = j || !!(M && o >= M), W = l2(() => {
-      const e2 = o - g;
+    }, Z = j || !!(z && o <= z), U = j || !!(g && o >= g), W = l2(() => {
+      const e2 = o - M;
       if (z && e2 < z) {
         p(z);
         return;
       }
       p(e2);
-    }, [z, p, g, o]), T = l2(() => {
-      const e2 = o + g;
-      if (M && e2 > M) {
-        p(M);
+    }, [z, p, M, o]), T = l2(() => {
+      const e2 = o + M;
+      if (g && e2 > g) {
+        p(g);
         return;
       }
       p(e2);
-    }, [M, p, g, o]), Q = l2(
+    }, [g, p, M, o]), Q = l2(
       (e2) => {
         const s2 = Number(e2.target.value);
         if (z && s2 < z) {
           p(z);
           return;
         }
-        if (M && s2 > M) {
-          p(M);
+        if (g && s2 > g) {
+          p(g);
           return;
         }
         p(s2);
       },
-      [M, z, p]
+      [g, z, p]
     );
     return /* @__PURE__ */ t.jsx(
       A2,
@@ -14129,8 +14129,8 @@ const n4 = 32, yf = C(
                       value: o,
                       onChange: Q,
                       min: z,
-                      max: M,
-                      step: g,
+                      max: g,
+                      step: M,
                       disabled: j,
                       "aria-disabled": j,
                       $inputBackground: f,
@@ -14455,8 +14455,8 @@ const h1 = C(
     max: o = 100,
     showMinMax: p,
     showValue: z = f ? "hover" : "never",
-    inputBackground: M,
-    containerStyle: g,
+    inputBackground: g,
+    containerStyle: M,
     ...v
   }, y) => {
     const w = !!(e || a || h || d || r), $ = {
@@ -14469,7 +14469,7 @@ const h1 = C(
       validation: r,
       hasContainer: w,
       hasWrapper: !!(z !== "never" || p),
-      inputBackground: M,
+      inputBackground: g,
       value: f,
       ...v
     }, A = {
@@ -14497,7 +14497,7 @@ const h1 = C(
         counter: !1,
         maxLength: void 0,
         iconBaseUrl: void 0,
-        style: g,
+        style: M,
         hasListOpen: void 0,
         children: p || z !== "never" ? /* @__PURE__ */ t.jsxs(
           g2,
@@ -14581,18 +14581,18 @@ const g4 = C(
     validation: o,
     value: p,
     hasWrapper: z,
-    hasContainer: M,
-    onClick: g
+    hasContainer: g,
+    onClick: M
   }, v) => /* @__PURE__ */ t.jsx(
     e6,
     {
-      "data-testid": (M || z || i != null && i.left) && l ? `${l}.SelectContainer.SelectButton` : l,
+      "data-testid": (g || z || i != null && i.left) && l ? `${l}.SelectContainer.SelectButton` : l,
       ref: v,
       className: O(
-        (M || z || i != null && i.left) && c ? "SelectButton" : c,
+        (g || z || i != null && i.left) && c ? "SelectButton" : c,
         { WithListOpen: a }
       ),
-      onClick: g,
+      onClick: M,
       id: h,
       tabIndex: d,
       disabled: r,
@@ -14620,8 +14620,8 @@ const g4 = C(
     inputBackground: o,
     disabled: p,
     value: z,
-    setValue: M,
-    options: g,
+    setValue: g,
+    options: M,
     listDirection: v,
     icons: y,
     iconSizes: w,
@@ -14631,17 +14631,17 @@ const g4 = C(
     containerStyle: _,
     ...j
   }, V) => {
-    const D = !!(h || d || r || i || f), Y = !!(g && g.length > 1), G = !!(Y || f || y != null && y.left), t2 = {
+    const D = !!(h || d || r || i || f), Y = !!(M && M.length > 1), G = !!(Y || f || y != null && y.left), t2 = {
       left: 16,
       caret: 16
     }, { isOpen: Z, setIsOpen: U, cursor: W, listRef: T } = b1({
-      data: g || [],
+      data: M || [],
       value: z,
-      setValue: M
+      setValue: g
     });
     q2(T, () => U(!1));
     const Q = (s2) => {
-      s2.stopPropagation(), !Z && g && g.length > 1 && U(!0);
+      s2.stopPropagation(), !Z && M && M.length > 1 && U(!0);
     };
     z2(() => {
       U(!1);
@@ -14657,7 +14657,7 @@ const g4 = C(
       inputBackground: o,
       inputVariant: s,
       validation: f,
-      options: g,
+      options: M,
       isOpen: Z,
       hasContainer: D,
       hasWrapper: G
@@ -14782,7 +14782,7 @@ const g4 = C(
                   ]
                 }
               ),
-              g && (g == null ? void 0 : g.length) > 1 && /* @__PURE__ */ t.jsx(
+              M && (M == null ? void 0 : M.length) > 1 && /* @__PURE__ */ t.jsx(
                 P3,
                 {
                   "data-testid": l,
@@ -14793,14 +14793,14 @@ const g4 = C(
                   inputVariant: s,
                   validationStatus: f == null ? void 0 : f.status,
                   isOpen: Z,
-                  children: g.map((s2, k2) => /* @__PURE__ */ t.jsx(
+                  children: M.map((s2, k2) => /* @__PURE__ */ t.jsx(
                     r0,
                     {
                       "data-testid": l,
                       className: c,
                       inputBackground: o,
                       validationStatus: f == null ? void 0 : f.status,
-                      onClick: () => M(s2),
+                      onClick: () => g(s2),
                       isActive: z === s2,
                       isHovered: W === k2 && z !== s2,
                       children: s2
@@ -14834,8 +14834,8 @@ const Bi = C(
     value: o,
     setValue: p,
     listResults: z,
-    emptyText: M = "No result.",
-    listDirection: g,
+    emptyText: g = "No result.",
+    listDirection: M,
     fuzzyOptions: v = {},
     icons: y,
     iconSizes: w,
@@ -15023,7 +15023,7 @@ const Bi = C(
                 {
                   "data-testid": l,
                   className: e,
-                  direction: g,
+                  direction: M,
                   inputBackground: f,
                   inputVariant: s,
                   validationStatus: i == null ? void 0 : i.status,
@@ -15050,7 +15050,7 @@ const Bi = C(
                       validationStatus: i == null ? void 0 : i.status,
                       inputBackground: f,
                       readOnly: !0,
-                      children: M
+                      children: g
                     }
                   )
                 }
@@ -15111,11 +15111,11 @@ const Af = C(
     helper: o,
     helperBottom: p,
     id: z,
-    validation: M,
-    containerStyle: g,
+    validation: g,
+    containerStyle: M,
     ...v
   }, y) => {
-    const w = !!(f || s || o || p || M), x = {
+    const w = !!(f || s || o || p || g), x = {
       default: p2(W0),
       checked: p2(W0)
     }, $ = {
@@ -15151,12 +15151,12 @@ const Af = C(
         labelComment: s,
         helper: o,
         helperBottom: p,
-        validation: M,
+        validation: g,
         value: e,
         counter: !1,
         maxLength: void 0,
         iconBaseUrl: i,
-        style: g,
+        style: M,
         hasListOpen: void 0,
         children: /* @__PURE__ */ t.jsx(
           g2,
@@ -15177,7 +15177,7 @@ const Af = C(
                 onClick: h ? void 0 : () => A(_),
                 type: "button",
                 $isReadOnly: h || !1,
-                $validationStatus: M == null ? void 0 : M.status,
+                $validationStatus: g == null ? void 0 : g.status,
                 children: /* @__PURE__ */ t.jsx(
                   d2,
                   {
@@ -15254,8 +15254,8 @@ const _f = C(
     helper: o,
     helperBottom: p,
     validation: z,
-    inputBackground: M,
-    disabled: g,
+    inputBackground: g,
+    disabled: M,
     inputSize: v = 48,
     inputFontSize: y = "body",
     containerStyle: w,
@@ -15308,10 +15308,10 @@ const _f = C(
                 placeholder: h && h[D],
                 type: r ? "password" : "text",
                 maxLength: 1,
-                disabled: g,
+                disabled: M,
                 $validationStatus: z == null ? void 0 : z.status,
-                $disabled: g,
-                $inputBackground: M,
+                $disabled: M,
+                $inputBackground: g,
                 $inputVariant: void 0,
                 $inputSize: v,
                 $fontSize: y
@@ -15549,13 +15549,13 @@ const Yi = C(
     listRef: s,
     ...o
   }, p) => {
-    const [z, M] = P(!1);
+    const [z, g] = P(!1);
     return z2(() => {
-      var g;
-      (g = s == null ? void 0 : s.current) == null || g.addEventListener("scroll", () => {
+      var M;
+      (M = s == null ? void 0 : s.current) == null || M.addEventListener("scroll", () => {
         var y;
         const v = (y = s.current) == null ? void 0 : y.scrollTop;
-        v && v >= 24 ? M(!0) : M(!1);
+        v && v >= 24 ? g(!0) : g(!1);
       });
     }, []), /* @__PURE__ */ t.jsx(
       z6,
@@ -15589,8 +15589,8 @@ const Yi = C(
     onClick: o,
     to: p,
     href: z,
-    disabled: M,
-    blank: g,
+    disabled: g,
+    blank: M,
     ...v
   }, y) => {
     const w = {
@@ -15609,9 +15609,9 @@ const Yi = C(
         onClick: o,
         to: p,
         href: z,
-        disabled: M,
-        target: g ? "_blank" : void 0,
-        rel: g ? "noreferrer noopener" : void 0,
+        disabled: g,
+        target: M ? "_blank" : void 0,
+        rel: M ? "noreferrer noopener" : void 0,
         $isHoverable: !!(p || z || o),
         $noSeparator: d,
         ...v,
@@ -15726,7 +15726,7 @@ const Yi = C(
               children: typeof i == "object" ? i.text : i
             }
           ),
-          (d == null ? void 0 : d.map((z, M) => /* @__PURE__ */ D4(
+          (d == null ? void 0 : d.map((z, g) => /* @__PURE__ */ D4(
             Pi,
             {
               "data-testid": z["data-testid"] || l,
@@ -15736,7 +15736,7 @@ const Yi = C(
               id: z.id,
               ref: z.ref,
               item: z,
-              number: h ? M + 1 : void 0,
+              number: h ? g + 1 : void 0,
               isInArray: !0,
               noSeparator: f,
               ...z,
@@ -16278,8 +16278,8 @@ const H6 = C(
     icon: o,
     iconSize: p = 16,
     iconBaseUrl: z,
-    gap: M = "xxs",
-    ...g
+    gap: g = "xxs",
+    ...M
   }, v) => /* @__PURE__ */ t.jsx(
     w6,
     {
@@ -16294,8 +16294,8 @@ const H6 = C(
       target: r && "_blank",
       rel: r && "noreferrer noopener",
       $accentColor: i,
-      $gap: M,
-      ...g,
+      $gap: g,
+      ...M,
       children: o ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
           x6,
@@ -16340,16 +16340,16 @@ const H6 = C(
     positionFromButton: o = 34,
     shadow: p = "m",
     ...z
-  }, M) => {
-    const g = o2(null);
+  }, g) => {
+    const M = o2(null);
     return q2(
-      g,
+      M,
       l2(() => d(!1), [d])
     ), /* @__PURE__ */ t.jsx(
       V1,
       {
         "data-testid": l,
-        ref: C2([M, g]),
+        ref: C2([g, M]),
         as: e,
         className: O(c, { Open: h }),
         $direction: i,
@@ -16435,8 +16435,8 @@ const Qi = {
     alertColor: o = "primary",
     backgroundColor: p,
     border: z,
-    ...M
-  }, g) => {
+    ...g
+  }, M) => {
     const v = Qi[o], y = N0(10, !0), w = (e == null ? void 0 : e.split(" ")[0]) || y;
     return f0(`
             ${a ? `#${a}` : `.${w}`} {
@@ -16446,7 +16446,7 @@ const Qi = {
       C6,
       {
         "data-testid": l,
-        ref: g,
+        ref: M,
         as: c || typeof h == "string" ? q : "div",
         className: O(e, y),
         id: a,
@@ -16459,7 +16459,7 @@ const Qi = {
         $gap: s,
         $padding: i,
         $textColor: r,
-        ...M,
+        ...g,
         children: h
       }
     ) });
@@ -16521,17 +16521,17 @@ const k4 = 48, Ji = "Close modal", Nf = C(
     contentId: o,
     ...p
   }, z) => {
-    const M = l2(() => {
+    const g = l2(() => {
       d(!1), U0();
     }, [d]);
     H0(
       ["Escape"],
       l2(() => {
-        h && !r && M();
-      }, [r, M, h])
+        h && !r && g();
+      }, [r, g, h])
     );
-    const g = o2(null);
-    q2(g, () => M());
+    const M = o2(null);
+    q2(M, () => g());
     const v = N0(10, !0), y = (a == null ? void 0 : a.split(" ")[0]) || v;
     return f0(`
             ${o ? `#${o}` : `.${y}`} {
@@ -16553,7 +16553,7 @@ const k4 = 48, Ji = "Close modal", Nf = C(
             {
               "data-testid": l && `${l}.ModalContent`,
               className: a && "ModalContent",
-              ref: g,
+              ref: M,
               id: o,
               children: e
             }
@@ -16575,7 +16575,7 @@ const k4 = 48, Ji = "Close modal", Nf = C(
               size: (i == null ? void 0 : i.size) || k4,
               color: (i == null ? void 0 : i.color) || "white",
               variant: (i == null ? void 0 : i.variant) || "transparent",
-              onClick: M
+              onClick: g
             }
           )
         ]
@@ -16677,8 +16677,8 @@ const h0 = C(
     iconBaseUrl: o,
     justifyContent: p = "center",
     gap: z,
-    ...M
-  }, g) => {
+    ...g
+  }, M) => {
     const [v] = V0(), y = Number(v.get("page")) || 1, [w, x] = P(y), { handlePrev: $, handleNext: A, handlePage: _ } = i7({
       currentPage: w,
       setCurrentPage: x,
@@ -16691,12 +16691,12 @@ const h0 = C(
       g2,
       {
         "data-testid": l,
-        ref: g,
+        ref: M,
         as: c,
         justifyContent: p,
         gap: Y,
         className: a,
-        ...M,
+        ...g,
         children: r ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
           /* @__PURE__ */ t.jsx(
             h0,
@@ -16863,8 +16863,8 @@ const u4 = 32, Ef = C(
     queries: o,
     gap: p = "xs",
     alignItems: z = "center",
-    accentColor: M = "primary",
-    ...g
+    accentColor: g = "primary",
+    ...M
   }, v) => {
     const [y] = V0(), w = Number(y.get("page")) || 1, [x, $] = P(w), { handlePrev: A, handleNext: _, handlePage: j } = i7({
       currentPage: x,
@@ -16884,7 +16884,7 @@ const u4 = 32, Ef = C(
         className: e,
         gap: p,
         alignItems: z,
-        ...g,
+        ...M,
         children: [
           h ? /* @__PURE__ */ t.jsxs(
             q,
@@ -16917,7 +16917,7 @@ const u4 = 32, Ef = C(
                     type: "number",
                     value: x,
                     onChange: V,
-                    $accentColor: M
+                    $accentColor: g
                   }
                 ),
                 d == null ? void 0 : d.of,
@@ -16947,7 +16947,7 @@ const u4 = 32, Ef = C(
               showTooltip: s == null ? void 0 : s.show,
               tooltip: s == null ? void 0 : s.prev,
               "aria-label": s == null ? void 0 : s.prev,
-              color: M,
+              color: g,
               iconBaseUrl: f
             }
           ),
@@ -16972,7 +16972,7 @@ const u4 = 32, Ef = C(
               showTooltip: s == null ? void 0 : s.show,
               tooltip: s == null ? void 0 : s.next,
               "aria-label": s == null ? void 0 : s.next,
-              color: M,
+              color: g,
               iconBaseUrl: f
             }
           )
@@ -17078,12 +17078,12 @@ const lr = C(
     iconBaseUrl: o,
     number: p,
     to: z,
-    href: M,
-    blank: g,
+    href: g,
+    blank: M,
     onClick: v,
     ...y
   }, w) => {
-    const x = c || (z ? I2 : v ? "button" : M ? "a" : "span"), $ = !!(z || M || v);
+    const x = c || (z ? I2 : v ? "button" : g ? "a" : "span"), $ = !!(z || g || v);
     return /* @__PURE__ */ t.jsxs(
       E1,
       {
@@ -17093,9 +17093,9 @@ const lr = C(
         as: x,
         to: z,
         onClick: v,
-        href: M,
-        target: g ? "blank" : null,
-        rel: g ? "noreferrer noopener" : null,
+        href: g,
+        target: M ? "blank" : null,
+        rel: M ? "noreferrer noopener" : null,
         $direction: h,
         $accentColor: d,
         ...y,
@@ -17156,23 +17156,23 @@ const lr = C(
       $direction: r,
       $accentColor: o,
       ...p,
-      children: a ? a.map((M, g) => /* @__PURE__ */ t.jsx(
+      children: a ? a.map((g, M) => /* @__PURE__ */ t.jsx(
         lr,
         {
-          "data-testid": M["data-testid"] || l && `${l}.Step-${g}`,
-          className: M.className || h && "Step",
-          id: M.id,
-          ref: M.ref,
-          number: g + 1,
-          isActive: d >= g + 1,
-          isDone: d >= g,
+          "data-testid": g["data-testid"] || l && `${l}.Step-${M}`,
+          className: g.className || h && "Step",
+          id: g.id,
+          ref: g.ref,
+          number: M + 1,
+          isActive: d >= M + 1,
+          isDone: d >= M,
           iconActive: i,
           iconActiveSize: f,
           direction: r,
           accentColor: o,
           iconBaseUrl: s,
-          ...M,
-          children: M.text
+          ...g,
+          children: g.text
         },
         J()
       )) : e
@@ -17674,8 +17674,8 @@ const hr = C(
     queries: f,
     ...s
   }, o) => {
-    const [p, z] = V0(), M = p.get("tab") || d.toString(), [g, v] = P(
-      i ? Number(M) : d
+    const [p, z] = V0(), g = p.get("tab") || d.toString(), [M, v] = P(
+      i ? Number(g) : d
     ), y = (w) => {
       v(w), i && z(
         f ? {
@@ -17707,7 +17707,7 @@ const hr = C(
                   className: w.className ? `${w.className}.Button` : e && "TabButton",
                   id: w.id && `${w.id}.TabButton`,
                   ref: w.ref,
-                  isActive: g === x,
+                  isActive: M === x,
                   onClick: () => y(x),
                   justify: h,
                   variant: r,
@@ -17725,7 +17725,7 @@ const hr = C(
               id: w.id && `${w.id}.Tab`,
               ref: w.ref,
               as: typeof w.content == "string" ? q : "span",
-              isActive: g.toString() === x.toString(),
+              isActive: M.toString() === x.toString(),
               children: w.content
             },
             J()
@@ -18031,7 +18031,7 @@ function A4({
         }
       )
     },
-    iconBaseUrl: M
+    iconBaseUrl: g
   } = h;
   return /* @__PURE__ */ t.jsx(
     X6,
@@ -18054,7 +18054,7 @@ function A4({
           icon: a === "right" ? z.next : z.prev,
           size: a === "right" ? p.next : p.prev,
           color: "currentColor",
-          baseUrl: M
+          baseUrl: g
         }
       )
     }
@@ -18139,9 +18139,9 @@ const Bf = C(
     ...o
   }, p) => {
     var D;
-    const [z, M] = P(0), g = (a == null ? void 0 : a.length) || (h == null ? void 0 : h.length) || 0, v = () => M(z < g - 1 ? z + 1 : 0), y = () => M(z > 0 ? z - 1 : g - 1), w = l2(() => {
-      M(z < g - 1 ? z + 1 : 0);
-    }, [z, g]);
+    const [z, g] = P(0), M = (a == null ? void 0 : a.length) || (h == null ? void 0 : h.length) || 0, v = () => g(z < M - 1 ? z + 1 : 0), y = () => g(z > 0 ? z - 1 : M - 1), w = l2(() => {
+      g(z < M - 1 ? z + 1 : 0);
+    }, [z, M]);
     z2(() => {
       !i && !f && !(s != null && s.autoPlay) ? setInterval(() => w(), 1500) : s != null && s.autoPlay && setInterval(() => w(), s.autoPlay);
     }, [s == null ? void 0 : s.autoPlay, w, i, f]);
@@ -18227,7 +18227,7 @@ const Bf = C(
               className: e,
               pagination: f,
               images: h,
-              setActive: M,
+              setActive: g,
               contentLength: ((D = h || a) == null ? void 0 : D.length) ?? 0,
               activeSlide: z
             }
@@ -18308,17 +18308,17 @@ const Yf = C(
     alignItems: o = "center",
     padding: p = "xxl",
     className: z,
-    ...M
-  }, g) => /* @__PURE__ */ t.jsxs(
+    ...g
+  }, M) => /* @__PURE__ */ t.jsxs(
     l8,
     {
       "data-testid": l,
-      ref: g,
+      ref: M,
       as: c,
       className: z,
       $height: r,
       $overlay: d,
-      ...M,
+      ...g,
       children: [
         /* @__PURE__ */ t.jsx(
           c8,
@@ -18561,7 +18561,7 @@ const sr = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
     hideScrollButton: r,
     ...i
   }, f) => {
-    const [s, o] = P(!1), p = o2(null), z = o2(null), M = () => {
+    const [s, o] = P(!1), p = o2(null), z = o2(null), g = () => {
       var v, y;
       if (p && p.current) {
         const w = (v = p == null ? void 0 : p.current) == null ? void 0 : v.scrollHeight, x = (y = p == null ? void 0 : p.current) == null ? void 0 : y.clientHeight, $ = w - x;
@@ -18570,13 +18570,13 @@ const sr = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
     };
     z2(() => {
       var v;
-      a != null && a.length && M(), (v = p == null ? void 0 : p.current) == null || v.addEventListener("scroll", () => {
+      a != null && a.length && g(), (v = p == null ? void 0 : p.current) == null || v.addEventListener("scroll", () => {
         var x, $;
         const y = (x = p.current) == null ? void 0 : x.scrollTop, w = ($ = p == null ? void 0 : p.current) == null ? void 0 : $.clientHeight;
         y && w && (y < w ? o(!0) : o(!1));
       });
     }, [a == null ? void 0 : a.length]);
-    const g = !(a != null && a.length);
+    const M = !(a != null && a.length);
     return /* @__PURE__ */ t.jsxs(
       d8,
       {
@@ -18586,8 +18586,8 @@ const sr = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
         className: e,
         flexDirection: "column",
         gap: "s",
-        justifyContent: g ? "center" : "flex-start",
-        alignItems: g ? "center" : "stretch",
+        justifyContent: M ? "center" : "flex-start",
+        alignItems: M ? "center" : "stretch",
         ...i,
         children: [
           a != null && a.length ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -18628,7 +18628,7 @@ const sr = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
                   size: p2(32)
                 }
               ),
-              onClick: M,
+              onClick: g,
               variant: "ghost",
               shadow: "s",
               iconBaseUrl: d == null ? void 0 : d.iconBaseUrl
@@ -18663,10 +18663,10 @@ const sr = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
       },
       ["Shift"]
     );
-    const M = (v) => {
+    const g = (v) => {
       o && v.key === "Enter" && v.preventDefault(), v.key === "Enter" && v.shiftKey && (v.preventDefault(), a.setMessage(`${a.message}
 `), r(d + 24));
-    }, g = (v) => {
+    }, M = (v) => {
       v.preventDefault(), e();
     };
     return /* @__PURE__ */ t.jsxs(
@@ -18675,7 +18675,7 @@ const sr = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
         "data-testid": l,
         ref: s,
         className: c,
-        onSubmit: g,
+        onSubmit: M,
         id: "messaging-form",
         ...f,
         children: [
@@ -18690,7 +18690,7 @@ const sr = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
               placeholder: (a == null ? void 0 : a.placeholder) || "Type your message...",
               onFocus: () => p(!0),
               onBlur: () => p(!1),
-              onKeyDown: M,
+              onKeyDown: g,
               id: "messaging-form-input"
             }
           ),
@@ -18746,13 +18746,13 @@ const sr = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
     textDateTime: o = "at",
     dateFormat: p = "short",
     ...z
-  }, M) => {
-    const g = p === "short" ? g0 : Nl;
+  }, g) => {
+    const M = p === "short" ? g0 : Nl;
     return /* @__PURE__ */ t.jsxs(
       g2,
       {
         "data-testid": l,
-        ref: M,
+        ref: g,
         as: c,
         className: e,
         alignItems: a === "sent" ? "flex-end" : "flex-start",
@@ -18778,7 +18778,7 @@ const sr = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
               "data-testid": l && `${l}.DateAndTime`,
               className: e && "DateAndTime",
               children: [
-                r && (g0(r) === g0(/* @__PURE__ */ new Date()) ? f : g0(r) === g0(Il()) ? s : g(r)),
+                r && (g0(r) === g0(/* @__PURE__ */ new Date()) ? f : g0(r) === g0(Il()) ? s : M(r)),
                 r && i && ` ${o} `,
                 i && i
               ]
@@ -18826,23 +18826,23 @@ const sr = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
               className: e && "MessagesList",
               emptyText: d,
               children: a == null ? void 0 : a.sort(
-                (M, g) => {
+                (g, M) => {
                   var v;
                   return ((v = new Date(
-                    `${M.date}-${M.time}` || c4()
-                  )) == null ? void 0 : v.getTime()) - new Date(
                     `${g.date}-${g.time}` || c4()
+                  )) == null ? void 0 : v.getTime()) - new Date(
+                    `${M.date}-${M.time}` || c4()
                   ).getTime();
                 }
-              ).map((M) => /* @__PURE__ */ t.jsx(
+              ).map((g) => /* @__PURE__ */ t.jsx(
                 zr,
                 {
-                  "data-testid": M["data-testid"] || l && `${l}.MessagesList.Message`,
-                  className: M.className || e && "Message",
-                  id: M.id,
-                  ref: M.ref,
+                  "data-testid": g["data-testid"] || l && `${l}.MessagesList.Message`,
+                  className: g.className || e && "Message",
+                  id: g.id,
+                  ref: g.ref,
                   textDateTime: h,
-                  ...M
+                  ...g
                 },
                 J()
               ))
@@ -19361,8 +19361,8 @@ const xr = C(
     className: o,
     label: p,
     labelComment: z,
-    helper: M,
-    helperBottom: g,
+    helper: g,
+    helperBottom: M,
     validation: v,
     counter: y,
     maxLength: w,
@@ -19377,7 +19377,7 @@ const xr = C(
         e(W), (T = G == null ? void 0 : G.current) == null || T.focus();
       },
       [c, e, G]
-    ), Z = !!(p || z || M || g || v || y);
+    ), Z = !!(p || z || g || M || v || y);
     return f0(`
             :root {
                 --markdown-editor-grid: ${j === "editorLive" ? "1fr 2px 1fr" : 1};
@@ -19390,8 +19390,8 @@ const xr = C(
         className: o,
         label: p,
         labelComment: z,
-        helper: M,
-        helperBottom: g,
+        helper: g,
+        helperBottom: M,
         validation: v,
         counter: y,
         maxLength: w,
@@ -19670,8 +19670,8 @@ const _4 = 24, Wf = C(
     iconsSizes: o,
     iconsBaseUrl: p,
     ...z
-  }, M) => {
-    const [g, v] = P(!1), y = () => {
+  }, g) => {
+    const [M, v] = P(!1), y = () => {
       a && (navigator.clipboard.writeText(a.toString()), v(!0)), setTimeout(() => v(!1), 1e3);
     }, w = {
       icon: (s == null ? void 0 : s.copy) ?? /* @__PURE__ */ t.jsx(
@@ -19698,7 +19698,7 @@ const _4 = 24, Wf = C(
       u8,
       {
         "data-testid": l,
-        ref: M,
+        ref: g,
         className: e,
         as: c || r ? "pre" : "div",
         ...z,
@@ -19720,10 +19720,10 @@ const _4 = 24, Wf = C(
               "data-testid": l && `${l}.CopyButton`,
               className: e && "CopyButton",
               onClick: y,
-              icon: g ? x.icon : w.icon,
+              icon: M ? x.icon : w.icon,
               size: 32,
-              color: g ? "success" : "white",
-              tooltip: g ? x.tooltip : w.tooltip,
+              color: M ? "success" : "white",
+              tooltip: M ? x.tooltip : w.tooltip,
               iconBaseUrl: p,
               showTooltip: !0
             }
@@ -20147,8 +20147,8 @@ function z1({
     iconBaseUrl: o,
     inputBackground: p,
     inputVariant: z,
-    keyboardShortcut: M,
-    showKeys: g,
+    keyboardShortcut: g,
+    showKeys: M,
     pathname: v,
     queries: y
   } = e, w = El(), [x, $] = P(""), A = (V) => $(V.target.value), _ = () => $(""), j = (V) => {
@@ -20184,8 +20184,8 @@ function z1({
           iconClearSize: s,
           inputBackground: p,
           inputVariant: z,
-          focusKeys: M,
-          showKeys: g,
+          focusKeys: g,
+          showKeys: M,
           iconBaseUrl: o
         }
       )
@@ -20247,14 +20247,15 @@ function R4({
   navMobileVariant: f,
   burgerPosition: s,
   burgerRef: o,
-  handleClose: p
+  handleClose: p,
+  nav: z
 }) {
-  const z = u1(600), M = o2(null);
-  q2(M, (x) => {
-    var $;
-    ($ = o == null ? void 0 : o.current) != null && $.contains(x.target) || p();
+  const g = u1(600), M = o2(null);
+  q2(M, ($) => {
+    var A;
+    (A = o == null ? void 0 : o.current) != null && A.contains($.target) || p();
   });
-  const g = d || h, v = z && e ? 32 : 0, y = d ? d.length * 24 + ([...g, v].length - 1) * 12 : 56, w = v + y;
+  const v = d || h, y = g && e ? 32 : 0, w = d ? d.length * 24 + ([...v, y].length - 1) * 12 : 56, x = y + w;
   return /* @__PURE__ */ t.jsxs(
     $8,
     {
@@ -20265,9 +20266,9 @@ function R4({
       $variant: i,
       $burgerPosition: s,
       $navMobileVariant: f,
-      $navHeight: w,
+      $navHeight: x,
       children: [
-        z && e && /* @__PURE__ */ t.jsx(
+        g && e && /* @__PURE__ */ t.jsx(
           z1,
           {
             ...e,
@@ -20277,17 +20278,18 @@ function R4({
           }
         ),
         d ? d.map(
-          (x) => Ll(x) ? /* @__PURE__ */ t.jsx(X2, { children: x }) : /* @__PURE__ */ t.jsx(
+          ($) => Ll($) ? /* @__PURE__ */ t.jsx(X2, { children: $ }) : /* @__PURE__ */ t.jsx(
             Hr,
             {
               "data-testid": l,
               className: c,
-              link: x
+              link: $
             },
             J()
           )
         ) : null,
-        h && h
+        h && h,
+        z && z
       ]
     }
   );
@@ -20363,14 +20365,14 @@ const $r = C(
     position: o = "relative",
     hideOnScroll: p,
     links: z,
-    nav: M,
-    enableScrollingOpen: g,
+    nav: g,
+    enableScrollingOpen: M,
     ...v
   }, y) => {
     const [w, x] = P(!1), $ = () => {
-      g || g1(), x(!0);
+      M || g1(), x(!0);
     }, A = () => {
-      g || U0(), setTimeout(() => x(!1), 10);
+      M || U0(), setTimeout(() => x(!1), 10);
     }, _ = u1(600), j = typeof h == "object" ? h : void 0, G = [(j == null ? void 0 : j.height) || 30, 32, 35].sort(), Z = G[G.length - 1] + 16 * 2, [U, W] = P(!1), T = typeof p == "boolean" ? 400 : p;
     z2(() => {
       T && (window.pageYOffset >= T ? W(!0) : W(!1), window.addEventListener("scroll", () => {
@@ -20437,10 +20439,10 @@ const $r = C(
               children: typeof h == "object" ? h.text : h
             }
           ),
-          i === "left" && M ? M : /* @__PURE__ */ t.jsx(R4, { ...s2 }),
+          i === "left" && /* @__PURE__ */ t.jsx(R4, { ...s2 }),
           !_ && i === "right" && /* @__PURE__ */ t.jsx(z1, { ...k2 }),
           r === "right" && /* @__PURE__ */ t.jsx(L4, { ...e2 }),
-          i === "right" && M ? M : /* @__PURE__ */ t.jsx(R4, { ...s2 }),
+          i === "right" && /* @__PURE__ */ t.jsx(R4, { ...s2 }),
           _ && f === "drawer" && /* @__PURE__ */ t.jsx(
             A8,
             {
@@ -20567,15 +20569,15 @@ const Ar = C(
     buttonsVariant: o,
     iconBaseUrl: p,
     ...z
-  }, M) => {
-    const [g, v] = P(!1), y = o2(null);
+  }, g) => {
+    const [M, v] = P(!1), y = o2(null);
     return q2(y, () => {
-      g && v(!1);
+      M && v(!1);
     }), /* @__PURE__ */ t.jsxs(
       L8,
       {
         "data-testid": l,
-        ref: C2([M, y]),
+        ref: C2([g, y]),
         className: a,
         $position: (d == null ? void 0 : d.position) || "relative",
         $left: d == null ? void 0 : d.left,
@@ -20591,12 +20593,12 @@ const Ar = C(
             {
               "data-testid": l && `${l}.OpenButton`,
               className: a && "OpenButton",
-              icon: typeof h == "object" ? g ? h.open : h.close : h === "burger" ? /* @__PURE__ */ t.jsx(
+              icon: typeof h == "object" ? M ? h.open : h.close : h === "burger" ? /* @__PURE__ */ t.jsx(
                 d5,
                 {
                   "data-testid": l && `${l}.OpenButton.Burger`,
                   className: a && "OpenBurger",
-                  isOpen: g,
+                  isOpen: M,
                   color: i === "white" ? "primary" : "white",
                   as: "span",
                   width: T2 * 0.5,
@@ -20609,12 +20611,12 @@ const Ar = C(
                   "data-testid": l && `${l}.OpenButton.Icon`,
                   className: O(
                     { OpenIcon: a },
-                    { Open: g }
+                    { Open: M }
                   )
                 }
               ),
               color: i,
-              onClick: () => v(!g)
+              onClick: () => v(!M)
             }
           ),
           f ? f == null ? void 0 : f.map((w, x) => /* @__PURE__ */ t.jsx(
@@ -20624,14 +20626,14 @@ const Ar = C(
               className: O(
                 w.className,
                 { IconMenuItem: a },
-                { Open: g }
+                { Open: M }
               ),
               id: w.id,
               ref: w.ref,
               ...w,
               direction: r,
               indexPosition: x + 1,
-              isOpen: g,
+              isOpen: M,
               size: T2,
               tooltip: w == null ? void 0 : w.label,
               showTooltip: !s && { offset: -12 },
@@ -20969,8 +20971,8 @@ const Qf = C(
     linksColor: o = "background",
     gap: p = "s",
     width: z = "30vw",
-    zIndex: M = 998,
-    overlayColor: g = "black-80",
+    zIndex: g = 998,
+    overlayColor: M = "black-80",
     position: v = "right",
     padding: y = "l",
     ...w
@@ -20990,7 +20992,7 @@ const Qf = C(
         ref: x,
         as: c,
         className: O(a, { Open: h }),
-        $zIndex: M,
+        $zIndex: g,
         ...w,
         children: [
           /* @__PURE__ */ t.jsx(
@@ -21002,7 +21004,7 @@ const Qf = C(
                 { DrawerOverlay: a },
                 { Open: h }
               ),
-              $overlayColor: g
+              $overlayColor: M
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -21128,10 +21130,10 @@ const Nr = C(
     handleDragStart: o,
     handleDragOver: p,
     ...z
-  }, M) => {
+  }, g) => {
     var v, y;
     if (i != null && i.element) return i.element;
-    const g = {
+    const M = {
       "data-testid": l && `${l}.DragListItemRightContainer.Badge`,
       className: e && "Badge",
       backgroundColor: typeof (i == null ? void 0 : i.badge) == "object" ? i.badge.backgroundColor : void 0,
@@ -21142,7 +21144,7 @@ const Nr = C(
       Y8,
       {
         "data-testid": l,
-        ref: M,
+        ref: g,
         as: c,
         className: e,
         id: i ? i.id : a,
@@ -21208,9 +21210,9 @@ const Nr = C(
                     iconSize: i.badge.iconSize,
                     number: i.badge.number,
                     size: 4,
-                    ...g
+                    ...M
                   }
-                ) : /* @__PURE__ */ t.jsx(S0, { ...g })),
+                ) : /* @__PURE__ */ t.jsx(S0, { ...M })),
                 (i == null ? void 0 : i.date) && /* @__PURE__ */ t.jsx(
                   q,
                   {
@@ -21243,8 +21245,8 @@ const Nr = C(
     border: o = { color: "gray-200" },
     padding: p = "s",
     borderRadius: z = "m",
-    hideSeparator: M,
-    ...g
+    hideSeparator: g,
+    ...M
   }, v) => {
     const [y, w] = P(-1), x = o2(null), $ = (_, j) => {
       const { target: V } = _;
@@ -21266,7 +21268,7 @@ const Nr = C(
         $border: o,
         $padding: p,
         $borderRadius: z,
-        ...g,
+        ...M,
         children: (f == null ? void 0 : f.map((_, j) => /* @__PURE__ */ t.jsxs(X2, { children: [
           /* @__PURE__ */ t.jsx(
             Nr,
@@ -21283,7 +21285,7 @@ const Nr = C(
               iconDragBaseUrl: i
             }
           ),
-          !M && j !== f.length - 1 && /* @__PURE__ */ t.jsx(B7, { "data-testid": l && `${l}.Separator` })
+          !g && j !== f.length - 1 && /* @__PURE__ */ t.jsx(B7, { "data-testid": l && `${l}.Separator` })
         ] }, _.id))) ?? e
       }
     );
@@ -21315,8 +21317,8 @@ const cm = C(
     alignItems: o = "flex-start",
     gap: p = "m",
     columnGap: z,
-    rowGap: M,
-    padding: g = "s",
+    rowGap: g,
+    padding: M = "s",
     border: v = { color: "gray-200" },
     borderRadius: y = "m",
     containerStyle: w,
@@ -21353,8 +21355,8 @@ const cm = C(
           $gap: p,
           $justifyContent: i,
           $justifyItems: f,
-          $padding: g,
-          $rowGap: M,
+          $padding: M,
+          $rowGap: g,
           $border: v,
           $borderRadius: y,
           $validationStatus: x == null ? void 0 : x.status,
@@ -21765,8 +21767,8 @@ function Dr({
   calendarDirection: o = "down",
   validation: p,
   isOpen: z,
-  setIsOpen: M,
-  inputBackground: g
+  setIsOpen: g,
+  inputBackground: M
 }) {
   const [v, y] = P((/* @__PURE__ */ new Date()).getMonth()), [w, x] = P((/* @__PURE__ */ new Date()).getFullYear()), $ = h != null && h.weekDays ? Object.values(h == null ? void 0 : h.weekDays) : Object.values(Vr), A = h != null && h.months ? Object.values(h.months) : Object.values(Er), _ = (T, Q) => new Date(T, Q + 1, 0).getDate(), j = (T, Q) => {
     const e2 = Math.abs((Q - T) / 1), { result: s2 } = Array.from({ length: e2 }).reduce(
@@ -21798,7 +21800,7 @@ function Dr({
           parseFloat(Q.id.replace("day-", ""))
         )
       )
-    ), M(!1);
+    ), g(!1);
   }, Z = (T, Q, e2) => `${T}/${Q}/${e2}`, U = Z(
     (/* @__PURE__ */ new Date()).getFullYear(),
     (/* @__PURE__ */ new Date()).getMonth() + 1,
@@ -21815,7 +21817,7 @@ function Dr({
       className: O({ Open: z }, { Calendar: c }),
       $direction: o,
       $validationStatus: p == null ? void 0 : p.status,
-      $inputBackground: g,
+      $inputBackground: M,
       children: [
         /* @__PURE__ */ t.jsxs(
           q8,
@@ -21823,7 +21825,7 @@ function Dr({
             "data-testid": l && `${l}.Calendar.Header`,
             className: c && "CalendarHeader",
             $validationStatus: p == null ? void 0 : p.status,
-            $inputBackground: g,
+            $inputBackground: M,
             children: [
               /* @__PURE__ */ t.jsx(
                 v1,
@@ -21834,7 +21836,7 @@ function Dr({
                   disabled: !!(e && new Date(e).getTime() > W(1, 0)),
                   type: "button",
                   $validationStatus: p == null ? void 0 : p.status,
-                  $inputBackground: g,
+                  $inputBackground: M,
                   children: /* @__PURE__ */ t.jsx(
                     d2,
                     {
@@ -21872,7 +21874,7 @@ function Dr({
                   disabled: !!(a && new Date(a).getTime() < W(0, 1)),
                   type: "button",
                   $validationStatus: p == null ? void 0 : p.status,
-                  $inputBackground: g,
+                  $inputBackground: M,
                   children: /* @__PURE__ */ t.jsx(
                     d2,
                     {
@@ -21900,7 +21902,7 @@ function Dr({
           {
             "data-testid": l && `${l}.Calendar.DaysContainer`,
             className: c && "DaysContainer",
-            $inputBackground: g,
+            $inputBackground: M,
             children: [
               $.map((T) => /* @__PURE__ */ t.jsx(
                 q,
@@ -21977,7 +21979,7 @@ function Dr({
                     onClick: t2,
                     disabled: e && new Date(e).getTime() > W(T + 1, 0) ? !0 : !!(a && new Date(a).getTime() < W(T, 0)),
                     type: "button",
-                    $inputBackground: g,
+                    $inputBackground: M,
                     $validationStatus: p == null ? void 0 : p.status,
                     children: T
                   },
@@ -22006,8 +22008,8 @@ const em = C(
     calendarDirection: o = "down",
     inputVariant: p,
     inputBackground: z,
-    disabled: M,
-    tabIndex: g,
+    disabled: g,
+    tabIndex: M,
     id: v,
     label: y,
     labelComment: w,
@@ -22022,7 +22024,7 @@ const em = C(
     const [G, t2] = P(!1), Z = o2(null);
     q2(Z, () => t2(!1));
     const W = !!(y || w || x || $ || A), T = () => {
-      if (!M) t2(!0);
+      if (!g) t2(!0);
       else return;
     }, Q = (e2) => r(e2.target.value);
     return /* @__PURE__ */ t.jsx(
@@ -22069,7 +22071,7 @@ const em = C(
                       {
                         "data-testid": l,
                         className: c,
-                        disabled: M,
+                        disabled: g,
                         children: [
                           V && /* @__PURE__ */ t.jsx(
                             Q2,
@@ -22088,7 +22090,7 @@ const em = C(
                               icon: i.left,
                               iconSize: f == null ? void 0 : f.left,
                               validationStatus: A == null ? void 0 : A.status,
-                              disabled: M,
+                              disabled: g,
                               inputBackground: z,
                               inputVariant: p,
                               iconBaseUrl: s
@@ -22105,14 +22107,14 @@ const em = C(
                         ref: Y,
                         onClick: T,
                         onFocus: T,
-                        tabIndex: g,
+                        tabIndex: M,
                         value: g0(d),
                         onChange: Q,
-                        disabled: M,
+                        disabled: g,
                         $inputVariant: p,
                         $validationStatus: A == null ? void 0 : A.status,
                         $inputBackground: z,
-                        $disabled: M,
+                        $disabled: g,
                         ...D
                       }
                     ),
@@ -22121,7 +22123,7 @@ const em = C(
                       {
                         "data-testid": l,
                         className: c,
-                        disabled: M,
+                        disabled: g,
                         withBorder: !1,
                         withPadding: !0,
                         children: [
@@ -22141,7 +22143,7 @@ const em = C(
                               iconSize: f == null ? void 0 : f.calendar,
                               onClick: T,
                               "aria-label": "Calendar",
-                              disabled: M,
+                              disabled: g,
                               inputBackground: z,
                               validationStatus: A == null ? void 0 : A.status
                             }
@@ -22223,8 +22225,8 @@ const am = C(
     helper: o,
     helperBottom: p,
     validation: z,
-    inputBackground: M,
-    inputVariant: g,
+    inputBackground: g,
+    inputVariant: M,
     containerStyle: v,
     inputAndListContainerStyle: y,
     listDirection: w,
@@ -22287,8 +22289,8 @@ const am = C(
                   "data-testid": l,
                   className: c,
                   isTextArea: !1,
-                  inputBackground: M,
-                  inputVariant: g,
+                  inputBackground: g,
+                  inputVariant: M,
                   validationStatus: z == null ? void 0 : z.status,
                   hasListOpen: T,
                   hasContainer: !0,
@@ -22306,7 +22308,7 @@ const am = C(
                               "data-testid": l,
                               className: c,
                               prefix: V,
-                              inputBackground: M
+                              inputBackground: g
                             }
                           ),
                           e && /* @__PURE__ */ t.jsx(
@@ -22318,8 +22320,8 @@ const am = C(
                               iconSize: a,
                               validationStatus: z == null ? void 0 : z.status,
                               disabled: D,
-                              inputBackground: M,
-                              inputVariant: g,
+                              inputBackground: g,
+                              inputVariant: M,
                               iconBaseUrl: h
                             }
                           )
@@ -22340,8 +22342,8 @@ const am = C(
                         disabled: D,
                         $disabled: D,
                         $validationStatus: z == null ? void 0 : z.status,
-                        $inputBackground: M,
-                        $inputVariant: g,
+                        $inputBackground: g,
+                        $inputVariant: M,
                         ...G
                       }
                     ),
@@ -22364,7 +22366,7 @@ const am = C(
                               onClick: k2,
                               "aria-label": "Calendar",
                               disabled: D,
-                              inputBackground: M,
+                              inputBackground: g,
                               validationStatus: z == null ? void 0 : z.status
                             }
                           ),
@@ -22374,7 +22376,7 @@ const am = C(
                               "data-testid": l,
                               className: c,
                               validation: z,
-                              inputBackground: M
+                              inputBackground: g
                             }
                           )
                         ]
@@ -22389,8 +22391,8 @@ const am = C(
                   "data-testid": l,
                   className: c,
                   direction: w,
-                  inputBackground: M,
-                  inputVariant: g,
+                  inputBackground: g,
+                  inputVariant: M,
                   validationStatus: z == null ? void 0 : z.status,
                   isOpen: !!(_ && T),
                   ref: s2,
@@ -22400,7 +22402,7 @@ const am = C(
                       "data-testid": l,
                       className: c,
                       validationStatus: z == null ? void 0 : z.status,
-                      inputBackground: M,
+                      inputBackground: g,
                       onClick: () => E2(i2),
                       isActive: u2 === e2,
                       isHovered: _ === i2,