@eleven-labs/design-system 0.32.0 → 0.34.0

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { jsxs as M, jsx as c, Fragment as Ce } from "react/jsx-runtime";
+import { jsxs as M, jsx as c, Fragment as Pe } from "react/jsx-runtime";
 import * as nt from "react";
-import ye, { forwardRef as qr, Fragment as rt, useMemo as fn, useRef as Ee, useCallback as xe, useEffect as Pe, cloneElement as Wr, Component as Gr, useLayoutEffect as Yr, useReducer as Xr } from "react";
+import _e, { forwardRef as qr, Fragment as rt, useMemo as fn, useRef as Ee, useCallback as we, useEffect as De, cloneElement as Wr, Component as Gr, useLayoutEffect as Yr, useReducer as Xr } from "react";
 const Zr = (e) => /* @__PURE__ */ M("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ...e, children: [
   /* @__PURE__ */ c(
     "path",
@@ -224,8 +224,8 @@ var mn = { exports: {} };
   })();
 })(mn);
 var pi = mn.exports;
-const re = /* @__PURE__ */ Re(pi), Me = qr;
-const xc = ["primary", "secondary", "accent"], Ke = Me(
+const re = /* @__PURE__ */ Re(pi), Ce = qr;
+const xc = ["primary", "secondary", "accent"], Ke = Ce(
   ({ as: e = "button", variant: t = "primary", isChoiceChip: n = !1, className: i, children: o, ...r }, s) => /* @__PURE__ */ M(
     F,
     {
@@ -251,9 +251,9 @@ const xc = ["primary", "secondary", "accent"], Ke = Me(
         i
       ),
       children: [
-        t === "secondary" && /* @__PURE__ */ c(Ie, { name: "arrow", style: { transform: "scaleX(-1)" } }),
+        t === "secondary" && /* @__PURE__ */ c(xe, { name: "arrow", style: { transform: "scaleX(-1)" } }),
         /* @__PURE__ */ c(ee, { as: "span", children: o }),
-        t !== "secondary" && /* @__PURE__ */ c(Ie, { name: "arrow" })
+        t !== "secondary" && /* @__PURE__ */ c(xe, { name: "arrow" })
       ]
     }
   )
@@ -659,7 +659,7 @@ const qe = {
   height: ["height"],
   hiddenBelow: ["display"],
   hiddenAbove: ["display"]
-}, yi = {
+}, _i = {
   textAlign: ["text-align"],
   textSize: ["font-size", "line-height"],
   fontWeight: ["font-weight"],
@@ -667,11 +667,11 @@ const qe = {
   underline: ["text-decoration"],
   textTransform: ["text-transform"],
   lineClamp: ["-webkit-line-clamp"]
-}, _i = {
+}, yi = {
   ...vn,
   ...vi,
   ...gi,
-  ...yi,
+  ..._i,
   ...bi,
   ...hi
 }, Ei = {
@@ -702,7 +702,7 @@ const qe = {
     }
     return `${e.className}@${e.defaultModifier}`;
   }
-}, we = (e) => {
+}, Ie = (e) => {
   if (e.propValue && ["string", "number"].includes(typeof e.propValue) || !e.propValue) {
     const t = Ct({
       className: e.className,
@@ -726,15 +726,15 @@ const qe = {
   [`bg-${e.bg}`]: e.bg,
   [`color-${e.color}`]: e.color
 }), Si = (e) => re(
-  we({
+  Ie({
     propValue: e.display,
     className: "display"
   }),
-  we({
+  Ie({
     propValue: e.width,
     className: "width"
   }),
-  we({
+  Ie({
     propValue: e.height,
     className: "height"
   }),
@@ -743,54 +743,54 @@ const qe = {
     [`hidden-below@${e.hiddenBelow}`]: !!e.hiddenBelow
   }
 ), Oi = (e) => re(
-  ...we({
+  ...Ie({
     propValue: e.alignItems,
     className: "items"
   }),
-  ...we({
+  ...Ie({
     propValue: e.alignContent,
     className: "content"
   }),
-  ...we({
+  ...Ie({
     propValue: e.justifyContent,
     className: "justify"
   }),
-  ...we({
+  ...Ie({
     propValue: e.gap,
     className: "gap"
   }),
-  ...we({
+  ...Ie({
     propValue: e.gapX,
     className: "gap-x"
   }),
-  ...we({
+  ...Ie({
     propValue: e.gapY,
     className: "gap-y"
   })
 ), Ri = (e) => re(
-  we({
+  Ie({
     propValue: e.flexDirection,
     className: "flex"
   }),
-  we({
+  Ie({
     propValue: e.flexWrap,
     className: "flex"
   })
-), Ci = (e) => we({
+), Ci = (e) => Ie({
   propValue: e.alignSelf,
   className: "self"
 }).join(" "), Mi = (e) => re(
-  we({
+  Ie({
     propValue: e.flexBasis,
     className: "basis"
   }),
-  we({
+  Ie({
     propValue: e.flex,
     className: "flex"
   })
-), yn = (e) => re(
+), _n = (e) => re(
   Object.entries(e).filter(([t]) => Object.keys(vn).includes(t)).reduce((t, [n, i]) => (t.push(
-    ...we({
+    ...Ie({
       className: n,
       propValue: i
     })
@@ -801,7 +801,7 @@ const qe = {
   lineClamp: n,
   ...i
 }) => re(
-  ...we({
+  ...Ie({
     propValue: e,
     className: "text"
   }),
@@ -810,20 +810,23 @@ const qe = {
     [`text-${i.textTransform}`]: i.textTransform,
     "text-underline": i.underline,
     "text-italic": i.italic,
-    [`text-${t}`]: t,
-    [`line-clamp-${n}`]: n
-  }
+    [`text-${t}`]: t
+  },
+  ...Ie({
+    propValue: n,
+    className: "line-clamp"
+  })
 ), it = (e) => typeof e.props == "object" ? Object.keys(e.props).reduce(
   (t, n) => (e.systemPropNames.includes(n) || (t[n] = e.props[n]), t),
   {}
 ) : {}, Ai = (e) => re(
   bn(e),
   Si(e),
-  yn(e),
+  _n(e),
   Ci(e),
   Mi(e),
   Ti(e)
-), Ie = ({ name: e, size: t, width: n, height: i, ...o }) => {
+), xe = ({ name: e, size: t, width: n, height: i, ...o }) => {
   const r = fi[Ni(e)];
   return /* @__PURE__ */ c(
     r,
@@ -831,7 +834,7 @@ const qe = {
       ...it({ props: o, systemPropNames: [...Object.keys(hn), "color"] }),
       className: re(
         "icon",
-        yn(o),
+        _n(o),
         bn(o),
         o == null ? void 0 : o.className
       ),
@@ -841,7 +844,7 @@ const qe = {
     }
   );
 };
-const wc = ["website", "blog"], _n = Me(({ name: e, size: t, ...n }, i) => /* @__PURE__ */ M(
+const wc = ["website", "blog"], yn = Ce(({ name: e, size: t, ...n }, i) => /* @__PURE__ */ M(
   F,
   {
     ...n,
@@ -1026,22 +1029,22 @@ function In(e) {
         className: Tt(a.className)
       });
     else {
-      var N = Object.keys(n).reduce(function(T, h) {
+      var N = Object.keys(n).reduce(function(A, h) {
         return h.split(".").forEach(function(m) {
-          T.includes(m) || T.push(m);
-        }), T;
-      }, []), A = a.className && a.className.includes("token") ? ["token"] : [], R = a.className && A.concat(a.className.filter(function(T) {
-        return !N.includes(T);
+          A.includes(m) || A.push(m);
+        }), A;
+      }, []), T = a.className && a.className.includes("token") ? ["token"] : [], R = a.className && T.concat(a.className.filter(function(A) {
+        return !N.includes(A);
       }));
       E = i0(i0({}, a), {}, {
         className: Tt(R) || void 0,
         style: ji(a.className, Object.assign({}, a.style, o), n)
       });
     }
-    var y = p(t.children);
-    return /* @__PURE__ */ ye.createElement(d, Y({
+    var _ = p(t.children);
+    return /* @__PURE__ */ _e.createElement(d, Y({
       key: s
-    }, E), y);
+    }, E), _);
   }
 }
 const Fi = function(e, t) {
@@ -1078,7 +1081,7 @@ function Yi(e) {
   var t = e.lines, n = e.startingLineNumber, i = e.style;
   return t.map(function(o, r) {
     var s = r + n;
-    return /* @__PURE__ */ ye.createElement("span", {
+    return /* @__PURE__ */ _e.createElement("span", {
       key: "line-".concat(r),
       className: "react-syntax-highlighter-line-number",
       style: typeof i == "function" ? i(s) : i
@@ -1091,7 +1094,7 @@ function Xi(e) {
     float: "left",
     paddingRight: "10px"
   } : i, r = e.numberStyle, s = r === void 0 ? {} : r, a = e.startingLineNumber;
-  return /* @__PURE__ */ ye.createElement("code", {
+  return /* @__PURE__ */ _e.createElement("code", {
     style: Object.assign({}, n, o)
   }, Yi({
     lines: t.replace(/\n$/, "").split(`
@@ -1162,7 +1165,7 @@ function Nn(e) {
 }
 function Qi(e, t, n, i, o, r, s, a, l) {
   var d, u = Nn(e.value), p = [], E = -1, N = 0;
-  function A(f, w) {
+  function T(f, w) {
     var k = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
     return x0({
       children: f,
@@ -1183,11 +1186,11 @@ function Qi(e, t, n, i, o, r, s, a, l) {
     }
     return f;
   }
-  function y(f, w) {
+  function _(f, w) {
     var k = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-    return t || k.length > 0 ? A(f, w, k) : R(f, w);
+    return t || k.length > 0 ? T(f, w, k) : R(f, w);
   }
-  for (var T = function() {
+  for (var A = function() {
     var w = u[N], k = w.children[0].value, P = Gi(k);
     if (P) {
       var q = k.split(`
@@ -1202,7 +1205,7 @@ function Qi(e, t, n, i, o, r, s, a, l) {
           var Z = u.slice(E + 1, N).concat(x0({
             children: [ne],
             className: w.properties.className
-          })), ie = y(Z, X);
+          })), ie = _(Z, X);
           p.push(ie);
         } else if (G === q.length - 1) {
           var oe = u[N + 1] && u[N + 1].children && u[N + 1].children[0], W = {
@@ -1216,22 +1219,22 @@ function Qi(e, t, n, i, o, r, s, a, l) {
             });
             u.splice(N + 1, 0, pe);
           } else {
-            var ge = [W], x = y(ge, X, w.properties.className);
+            var ge = [W], x = _(ge, X, w.properties.className);
             p.push(x);
           }
         } else {
-          var D = [ne], K = y(D, X, w.properties.className);
+          var D = [ne], K = _(D, X, w.properties.className);
           p.push(K);
         }
       }), E = N;
     }
     N++;
   }; N < u.length; )
-    T();
+    A();
   if (E !== u.length - 1) {
     var h = u.slice(E + 1, u.length);
     if (h && h.length) {
-      var m = i && p.length + r, g = y(h, m);
+      var m = i && p.length + r, g = _(h, m);
       p.push(g);
     }
   }
@@ -1277,9 +1280,9 @@ function to(e, t) {
     var o = i.language, r = i.children, s = i.style, a = s === void 0 ? t : s, l = i.customStyle, d = l === void 0 ? {} : l, u = i.codeTagProps, p = u === void 0 ? {
       className: o ? "language-".concat(o) : void 0,
       style: ze(ze({}, a['code[class*="language-"]']), a['code[class*="language-'.concat(o, '"]')])
-    } : u, E = i.useInlineStyles, N = E === void 0 ? !0 : E, A = i.showLineNumbers, R = A === void 0 ? !1 : A, y = i.showInlineLineNumbers, T = y === void 0 ? !0 : y, h = i.startingLineNumber, m = h === void 0 ? 1 : h, g = i.lineNumberContainerStyle, f = i.lineNumberStyle, w = f === void 0 ? {} : f, k = i.wrapLines, P = i.wrapLongLines, q = P === void 0 ? !1 : P, U = i.lineProps, G = U === void 0 ? {} : U, X = i.renderer, ne = i.PreTag, Z = ne === void 0 ? "pre" : ne, ie = i.CodeTag, oe = ie === void 0 ? "code" : ie, W = i.code, pe = W === void 0 ? (Array.isArray(r) ? r[0] : r) || "" : W, ge = i.astGenerator, x = ki(i, qi);
+    } : u, E = i.useInlineStyles, N = E === void 0 ? !0 : E, T = i.showLineNumbers, R = T === void 0 ? !1 : T, _ = i.showInlineLineNumbers, A = _ === void 0 ? !0 : _, h = i.startingLineNumber, m = h === void 0 ? 1 : h, g = i.lineNumberContainerStyle, f = i.lineNumberStyle, w = f === void 0 ? {} : f, k = i.wrapLines, P = i.wrapLongLines, q = P === void 0 ? !1 : P, U = i.lineProps, G = U === void 0 ? {} : U, X = i.renderer, ne = i.PreTag, Z = ne === void 0 ? "pre" : ne, ie = i.CodeTag, oe = ie === void 0 ? "code" : ie, W = i.code, pe = W === void 0 ? (Array.isArray(r) ? r[0] : r) || "" : W, ge = i.astGenerator, x = ki(i, qi);
     ge = ge || e;
-    var D = R ? /* @__PURE__ */ ye.createElement(Xi, {
+    var D = R ? /* @__PURE__ */ _e.createElement(Xi, {
       containerStyle: g,
       codeStyle: p.style || {},
       numberStyle: w,
@@ -1298,27 +1301,27 @@ function to(e, t) {
     }) : p.style = ze(ze({}, p.style), {}, {
       whiteSpace: "pre"
     }), !ge)
-      return /* @__PURE__ */ ye.createElement(Z, v, D, /* @__PURE__ */ ye.createElement(oe, p, pe));
+      return /* @__PURE__ */ _e.createElement(Z, v, D, /* @__PURE__ */ _e.createElement(oe, p, pe));
     (k === void 0 && X || q) && (k = !0), X = X || Ji;
-    var _ = [{
+    var y = [{
       type: "text",
       value: pe
     }], I = eo({
       astGenerator: ge,
       language: o,
       code: pe,
-      defaultCodeValue: _
+      defaultCodeValue: y
     });
-    I.language === null && (I.value = _);
-    var C = I.value.length + m, z = Qi(I, k, G, R, T, m, C, w, q);
-    return /* @__PURE__ */ ye.createElement(Z, v, /* @__PURE__ */ ye.createElement(oe, p, !T && D, X({
+    I.language === null && (I.value = y);
+    var C = I.value.length + m, z = Qi(I, k, G, R, A, m, C, w, q);
+    return /* @__PURE__ */ _e.createElement(Z, v, /* @__PURE__ */ _e.createElement(oe, p, !A && D, X({
       rows: z,
       stylesheet: a,
       useInlineStyles: N
     })));
   };
 }
-var n0 = {};
+var r0 = {};
 function ot(e) {
   return e instanceof Map ? e.clear = e.delete = e.set = function() {
     throw new Error("map is read-only");
@@ -1579,7 +1582,7 @@ const go = /\b\B/, Rn = "[a-zA-Z]\\w*", st = "[a-zA-Z_]\\w*", ct = "\\b\\d+(\\.\
     begin: "(?:TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):",
     relevance: 0
   }), i;
-}, yo = A0("//", "$"), _o = A0("/\\*", "\\*/"), Eo = A0("#", "$"), Io = {
+}, _o = A0("//", "$"), yo = A0("/\\*", "\\*/"), Eo = A0("#", "$"), Io = {
   className: "number",
   begin: ct,
   relevance: 0
@@ -1660,8 +1663,8 @@ var b0 = /* @__PURE__ */ Object.freeze({
   QUOTE_STRING_MODE: bo,
   PHRASAL_WORDS_MODE: Tn,
   COMMENT: A0,
-  C_LINE_COMMENT_MODE: yo,
-  C_BLOCK_COMMENT_MODE: _o,
+  C_LINE_COMMENT_MODE: _o,
+  C_BLOCK_COMMENT_MODE: yo,
   HASH_COMMENT_MODE: Eo,
   NUMBER_MODE: Io,
   C_NUMBER_MODE: xo,
@@ -1957,7 +1960,7 @@ const Lt = {}, L0 = (e) => {
   console.error(e);
 }, $t = (e, ...t) => {
   console.log(`WARN: ${e}`, ...t);
-}, ke = (e, t) => {
+}, Ae = (e, t) => {
   Lt[`${e}/${t}`] || (console.log(`Deprecated as of ${e}. ${t}`), Lt[`${e}/${t}`] = !0);
 }, $0 = s0, Bt = Ze, Vt = Symbol("nomatch"), Wo = function(e) {
   const t = /* @__PURE__ */ Object.create(null), n = /* @__PURE__ */ Object.create(null), i = [];
@@ -1980,26 +1983,26 @@ const Lt = {}, L0 = (e) => {
   function u(b) {
     let v = b.className + " ";
     v += b.parentNode ? b.parentNode.className : "";
-    const _ = l.languageDetectRe.exec(v);
-    if (_) {
-      const I = ie(_[1]);
-      return I || ($t(s.replace("{}", _[1])), $t("Falling back to no-highlight mode for this block.", b)), I ? _[1] : "no-highlight";
+    const y = l.languageDetectRe.exec(v);
+    if (y) {
+      const I = ie(y[1]);
+      return I || ($t(s.replace("{}", y[1])), $t("Falling back to no-highlight mode for this block.", b)), I ? y[1] : "no-highlight";
     }
     return v.split(/\s+/).find((I) => d(I) || ie(I));
   }
-  function p(b, v, _, I) {
+  function p(b, v, y, I) {
     let C = "", z = "";
-    typeof v == "object" ? (C = b, _ = v.ignoreIllegals, z = v.language, I = void 0) : (ke("10.7.0", "highlight(lang, code, ...args) has been deprecated."), ke("10.7.0", `Please use highlight(code, options) instead.
+    typeof v == "object" ? (C = b, y = v.ignoreIllegals, z = v.language, I = void 0) : (Ae("10.7.0", "highlight(lang, code, ...args) has been deprecated."), Ae("10.7.0", `Please use highlight(code, options) instead.
 https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
     const H = {
       code: C,
       language: z
     };
     x("before:highlight", H);
-    const B = H.result ? H.result : E(H.language, H.code, _, I);
+    const B = H.result ? H.result : E(H.language, H.code, y, I);
     return B.code = H.code, x("after:highlight", B), B;
   }
-  function E(b, v, _, I) {
+  function E(b, v, y, I) {
     function C($, j) {
       const te = $e.case_insensitive ? j[0].toLowerCase() : j[0];
       return Object.prototype.hasOwnProperty.call($.keywords, te) && $.keywords[te];
@@ -2038,10 +2041,10 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
           me.addText(fe);
           return;
         }
-        $ = E(J.subLanguage, fe, !0, Te[J.subLanguage]), Te[J.subLanguage] = /** @type {CompiledMode} */
+        $ = E(J.subLanguage, fe, !0, Me[J.subLanguage]), Me[J.subLanguage] = /** @type {CompiledMode} */
         $.top;
       } else
-        $ = A(fe, J.subLanguage.length ? J.subLanguage : null);
+        $ = T(fe, J.subLanguage.length ? J.subLanguage : null);
       J.relevance > 0 && (Fe += $.relevance), me.addSublanguage($.emitter, $.language);
     }
     function B() {
@@ -2067,7 +2070,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
         return S($.parent, j, te);
     }
     function de($) {
-      return J.matcher.regexIndex === 0 ? (fe += $[0], 1) : (Ae = !0, 0);
+      return J.matcher.regexIndex === 0 ? (fe += $[0], 1) : (Te = !0, 0);
     }
     function L($) {
       const j = $[0], te = $.rule, ue = new kt(te), Oe = [te.__beforeBegin, te["on:begin"]];
@@ -2076,7 +2079,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
           return de(j);
       return te && te.endSameAsBegin && (te.endRe = ao(j)), te.skip ? fe += j : (te.excludeBegin && (fe += j), B(), !te.returnBegin && !te.excludeBegin && (fe = j)), Q(te), te.returnBegin ? 0 : j.length;
     }
-    function _e($) {
+    function ye($) {
       const j = $[0], te = v.substr($.index), ue = S(J, $, te);
       if (!ue)
         return Vt;
@@ -2107,11 +2110,11 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
       }
       if (Le = j, j.type === "begin")
         return L(j);
-      if (j.type === "illegal" && !_) {
+      if (j.type === "illegal" && !y) {
         const ue = new Error('Illegal lexeme "' + te + '" for mode "' + (J.className || "<unnamed>") + '"');
         throw ue.mode = J, ue;
       } else if (j.type === "end") {
-        const ue = _e(j);
+        const ue = ye(j);
         if (ue !== Vt)
           return ue;
       }
@@ -2126,12 +2129,12 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
       throw L0(s.replace("{}", b)), new Error('Unknown language: "' + b + '"');
     const Be = Ho($e, { plugins: i });
     let Xe = "", J = I || Be;
-    const Te = {}, me = new l.__emitter(l);
+    const Me = {}, me = new l.__emitter(l);
     be();
-    let fe = "", Fe = 0, Ne = 0, Ve = 0, Ae = !1;
+    let fe = "", Fe = 0, Ne = 0, Ve = 0, Te = !1;
     try {
       for (J.matcher.considerAll(); ; ) {
-        Ve++, Ae ? Ae = !1 : J.matcher.considerAll(), J.matcher.lastIndex = Ne;
+        Ve++, Te ? Te = !1 : J.matcher.considerAll(), J.matcher.lastIndex = Ne;
         const $ = J.matcher.exec(v);
         if (!$)
           break;
@@ -2185,12 +2188,12 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
     };
     return v.emitter.addText(b), v;
   }
-  function A(b, v) {
+  function T(b, v) {
     v = v || l.languages || Object.keys(t);
-    const _ = N(b), I = v.filter(ie).filter(W).map(
+    const y = N(b), I = v.filter(ie).filter(W).map(
       (Q) => E(Q, b, !1)
     );
-    I.unshift(_);
+    I.unshift(y);
     const C = I.sort((Q, S) => {
       if (Q.relevance !== S.relevance)
         return S.relevance - Q.relevance;
@@ -2208,11 +2211,11 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
     return l.tabReplace || l.useBR ? b.replace(r, (v) => v === `
 ` ? l.useBR ? "<br>" : v : l.tabReplace ? v.replace(/\t/g, l.tabReplace) : v) : b;
   }
-  function y(b, v, _) {
-    const I = v ? n[v] : _;
+  function _(b, v, y) {
+    const I = v ? n[v] : y;
     b.classList.add("hljs"), I && b.classList.add(I);
   }
-  const T = {
+  const A = {
     "before:highlightElement": ({ el: b }) => {
       l.useBR && (b.innerHTML = b.innerHTML.replace(/\n/g, "").replace(/<br[ /]*>/g, `
 `));
@@ -2230,15 +2233,15 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
   };
   function g(b) {
     let v = null;
-    const _ = u(b);
-    if (d(_))
+    const y = u(b);
+    if (d(y))
       return;
     x(
       "before:highlightElement",
-      { el: b, language: _ }
+      { el: b, language: y }
     ), v = b;
-    const I = v.textContent, C = _ ? p(I, { language: _, ignoreIllegals: !0 }) : A(I);
-    x("after:highlightElement", { el: b, result: C, text: I }), b.innerHTML = C.value, y(b, _, C.language), b.result = {
+    const I = v.textContent, C = y ? p(I, { language: y, ignoreIllegals: !0 }) : T(I);
+    x("after:highlightElement", { el: b, result: C, text: I }), b.innerHTML = C.value, _(b, y, C.language), b.result = {
       language: C.language,
       // TODO: remove with version 11.0
       re: C.relevance,
@@ -2251,15 +2254,15 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
     });
   }
   function f(b) {
-    b.useBR && (ke("10.3.0", "'useBR' will be removed entirely in v11.0"), ke("10.3.0", "Please see https://github.com/highlightjs/highlight.js/issues/2559")), l = Bt(l, b);
+    b.useBR && (Ae("10.3.0", "'useBR' will be removed entirely in v11.0"), Ae("10.3.0", "Please see https://github.com/highlightjs/highlight.js/issues/2559")), l = Bt(l, b);
   }
   const w = () => {
     if (w.called)
       return;
-    w.called = !0, ke("10.6.0", "initHighlighting() is deprecated.  Use highlightAll() instead."), document.querySelectorAll("pre code").forEach(g);
+    w.called = !0, Ae("10.6.0", "initHighlighting() is deprecated.  Use highlightAll() instead."), document.querySelectorAll("pre code").forEach(g);
   };
   function k() {
-    ke("10.6.0", "initHighlightingOnLoad() is deprecated.  Use highlightAll() instead."), P = !0;
+    Ae("10.6.0", "initHighlightingOnLoad() is deprecated.  Use highlightAll() instead."), P = !0;
   }
   let P = !1;
   function q() {
@@ -2274,17 +2277,17 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
   }
   typeof window < "u" && window.addEventListener && window.addEventListener("DOMContentLoaded", U, !1);
   function G(b, v) {
-    let _ = null;
+    let y = null;
     try {
-      _ = v(e);
+      y = v(e);
     } catch (I) {
       if (L0("Language definition for '{}' could not be registered.".replace("{}", b)), o)
         L0(I);
       else
         throw I;
-      _ = a;
+      y = a;
     }
-    _.name || (_.name = b), t[b] = _, _.rawDefinition = v.bind(null, e), _.aliases && oe(_.aliases, { languageName: b });
+    y.name || (y.name = b), t[b] = y, y.rawDefinition = v.bind(null, e), y.aliases && oe(y.aliases, { languageName: b });
   }
   function X(b) {
     delete t[b];
@@ -2295,7 +2298,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
     return Object.keys(t);
   }
   function Z(b) {
-    ke("10.4.0", "requireLanguage will be removed entirely in v11."), ke("10.4.0", "Please see https://github.com/highlightjs/highlight.js/pull/2844");
+    Ae("10.4.0", "requireLanguage will be removed entirely in v11."), Ae("10.4.0", "Please see https://github.com/highlightjs/highlight.js/pull/2844");
     const v = ie(b);
     if (v)
       return v;
@@ -2305,8 +2308,8 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
     return b = (b || "").toLowerCase(), t[b] || t[n[b]];
   }
   function oe(b, { languageName: v }) {
-    typeof b == "string" && (b = [b]), b.forEach((_) => {
-      n[_.toLowerCase()] = v;
+    typeof b == "string" && (b = [b]), b.forEach((y) => {
+      n[y.toLowerCase()] = v;
     });
   }
   function W(b) {
@@ -2328,20 +2331,20 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
     pe(b), i.push(b);
   }
   function x(b, v) {
-    const _ = b;
+    const y = b;
     i.forEach(function(I) {
-      I[_] && I[_](v);
+      I[y] && I[y](v);
     });
   }
   function D(b) {
-    return ke("10.2.0", "fixMarkup will be removed entirely in v11.0"), ke("10.2.0", "Please see https://github.com/highlightjs/highlight.js/issues/2534"), R(b);
+    return Ae("10.2.0", "fixMarkup will be removed entirely in v11.0"), Ae("10.2.0", "Please see https://github.com/highlightjs/highlight.js/issues/2534"), R(b);
   }
   function K(b) {
-    return ke("10.7.0", "highlightBlock will be removed entirely in v12.0"), ke("10.7.0", "Please use highlightElement now."), g(b);
+    return Ae("10.7.0", "highlightBlock will be removed entirely in v12.0"), Ae("10.7.0", "Please use highlightElement now."), g(b);
   }
   Object.assign(e, {
     highlight: p,
-    highlightAuto: A,
+    highlightAuto: T,
     highlightAll: q,
     fixMarkup: D,
     highlightElement: g,
@@ -2368,7 +2371,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
   }, e.versionString = Uo;
   for (const b in b0)
     typeof b0[b] == "object" && On(b0[b]);
-  return Object.assign(e, b0), e.addPlugin(T), e.addPlugin(Fo), e.addPlugin(m), e;
+  return Object.assign(e, b0), e.addPlugin(A), e.addPlugin(Fo), e.addPlugin(m), e;
 };
 var Go = Wo({}), Yo = Go, Dn = { exports: {} };
 (function(e) {
@@ -2382,7 +2385,7 @@ var Go = Wo({}), Yo = Go, Dn = { exports: {} };
       return o.apply(null, [r].concat(s));
     }
     function o(r) {
-      for (var s = 1, a = [].slice.call(arguments), l = 0, d = r.length, u = "", p, E = !1, N, A, R = !1, y, T = function() {
+      for (var s = 1, a = [].slice.call(arguments), l = 0, d = r.length, u = "", p, E = !1, N, T, R = !1, _, A = function() {
         return a[s++];
       }, h = function() {
         for (var m = ""; /\d/.test(r[l]); )
@@ -2390,33 +2393,33 @@ var Go = Wo({}), Yo = Go, Dn = { exports: {} };
         return m.length > 0 ? parseInt(m) : null;
       }; l < d; ++l)
         if (p = r[l], E)
-          switch (E = !1, p == "." ? (R = !1, p = r[++l]) : p == "0" && r[l + 1] == "." ? (R = !0, l += 2, p = r[l]) : R = !0, y = h(), p) {
+          switch (E = !1, p == "." ? (R = !1, p = r[++l]) : p == "0" && r[l + 1] == "." ? (R = !0, l += 2, p = r[l]) : R = !0, _ = h(), p) {
             case "b":
-              u += parseInt(T(), 10).toString(2);
+              u += parseInt(A(), 10).toString(2);
               break;
             case "c":
-              N = T(), typeof N == "string" || N instanceof String ? u += N : u += String.fromCharCode(parseInt(N, 10));
+              N = A(), typeof N == "string" || N instanceof String ? u += N : u += String.fromCharCode(parseInt(N, 10));
               break;
             case "d":
-              u += parseInt(T(), 10);
+              u += parseInt(A(), 10);
               break;
             case "f":
-              A = String(parseFloat(T()).toFixed(y || 6)), u += R ? A : A.replace(/^0/, "");
+              T = String(parseFloat(A()).toFixed(_ || 6)), u += R ? T : T.replace(/^0/, "");
               break;
             case "j":
-              u += JSON.stringify(T());
+              u += JSON.stringify(A());
               break;
             case "o":
-              u += "0" + parseInt(T(), 10).toString(8);
+              u += "0" + parseInt(A(), 10).toString(8);
               break;
             case "s":
-              u += T();
+              u += A();
               break;
             case "x":
-              u += "0x" + parseInt(T(), 10).toString(16);
+              u += "0x" + parseInt(A(), 10).toString(16);
               break;
             case "X":
-              u += "0x" + parseInt(T(), 10).toString(16).toUpperCase();
+              u += "0x" + parseInt(A(), 10).toString(16).toUpperCase();
               break;
             default:
               u += p;
@@ -2443,11 +2446,11 @@ function Je(e) {
   }
 }
 var Ue = Yo, w0 = Qo;
-n0.highlight = Pn;
-n0.highlightAuto = ea;
-n0.registerLanguage = ta;
-n0.listLanguages = na;
-n0.registerAlias = ra;
+r0.highlight = Pn;
+r0.highlightAuto = ea;
+r0.registerLanguage = ta;
+r0.listLanguages = na;
+r0.registerAlias = ra;
 Ge.prototype.addText = aa;
 Ge.prototype.addKeyword = ia;
 Ge.prototype.addSublanguage = oa;
@@ -2535,19 +2538,19 @@ function $n(e) {
   return e ? typeof e == "string" ? e : e.source : null;
 }
 function Ht(e) {
-  return e0("(?=", e, ")");
+  return t0("(?=", e, ")");
 }
 function ua(e) {
-  return e0("(", e, ")?");
+  return t0("(", e, ")?");
 }
-function e0(...e) {
+function t0(...e) {
   return e.map((n) => $n(n)).join("");
 }
 function da(...e) {
   return "(" + e.map((n) => $n(n)).join("|") + ")";
 }
 function fa(e) {
-  const t = e0(/[A-Z_]/, ua(/[A-Z0-9_.-]*:/), /[A-Z0-9_.-]*/), n = /[A-Za-z0-9._:-]+/, i = {
+  const t = t0(/[A-Z_]/, ua(/[A-Z0-9_.-]*:/), /[A-Z0-9_.-]*/), n = /[A-Za-z0-9._:-]+/, i = {
     className: "symbol",
     begin: /&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/
   }, o = {
@@ -2717,9 +2720,9 @@ function fa(e) {
       // open tag
       {
         className: "tag",
-        begin: e0(
+        begin: t0(
           /</,
-          Ht(e0(
+          Ht(t0(
             t,
             // <tag/>
             // <tag>
@@ -2740,9 +2743,9 @@ function fa(e) {
       // close tag
       {
         className: "tag",
-        begin: e0(
+        begin: t0(
           /<\//,
-          Ht(e0(
+          Ht(t0(
             t,
             />/
           ))
@@ -2888,7 +2891,7 @@ function ha(e) {
   };
 }
 var va = ha;
-const ba = /* @__PURE__ */ Re(va), zt = "[A-Za-z$_][0-9A-Za-z$_]*", ya = [
+const ba = /* @__PURE__ */ Re(va), zt = "[A-Za-z$_][0-9A-Za-z$_]*", _a = [
   "as",
   // for exports
   "in",
@@ -2931,7 +2934,7 @@ const ba = /* @__PURE__ */ Re(va), zt = "[A-Za-z$_][0-9A-Za-z$_]*", ya = [
   "from",
   "export",
   "extends"
-], _a = [
+], ya = [
   "true",
   "false",
   "null",
@@ -3049,8 +3052,8 @@ function Oa(e) {
     }
   }, r = {
     $pattern: zt,
-    keyword: ya,
-    literal: _a,
+    keyword: _a,
+    literal: ya,
     built_in: Na
   }, s = "[0-9](_?[0-9])*", a = `\\.(${s})`, l = "0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*", d = {
     className: "number",
@@ -3147,7 +3150,7 @@ function Oa(e) {
       e.C_BLOCK_COMMENT_MODE,
       e.C_LINE_COMMENT_MODE
     ]
-  }, y = [
+  }, _ = [
     e.APOS_STRING_MODE,
     e.QUOTE_STRING_MODE,
     p,
@@ -3156,7 +3159,7 @@ function Oa(e) {
     d,
     e.REGEXP_MODE
   ];
-  u.contains = y.concat({
+  u.contains = _.concat({
     // we need to pair up {} inside our subst to prevent
     // it from ending too early by matching another }
     begin: /\{/,
@@ -3164,15 +3167,15 @@ function Oa(e) {
     keywords: r,
     contains: [
       "self"
-    ].concat(y)
+    ].concat(_)
   });
-  const T = [].concat(R, u.contains), h = T.concat([
+  const A = [].concat(R, u.contains), h = A.concat([
     // eat recursive parens in sub expressions
     {
       begin: /\(/,
       end: /\)/,
       keywords: r,
-      contains: ["self"].concat(T)
+      contains: ["self"].concat(A)
     }
   ]), m = {
     className: "params",
@@ -3694,7 +3697,7 @@ function $a(e) {
     contains: [E],
     illegal: "\\n",
     relevance: 0
-  }, A = {
+  }, T = {
     begin: "\\[",
     end: "\\]",
     contains: [E],
@@ -3777,10 +3780,10 @@ function $a(e) {
       relevance: 0
     },
     N,
-    A,
+    T,
     r
-  ], y = [...R];
-  return y.pop(), y.push(s), E.contains = y, {
+  ], _ = [...R];
+  return _.pop(), _.push(s), E.contains = _, {
     name: "YAML",
     case_insensitive: !0,
     aliases: ["yml"],
@@ -4103,7 +4106,7 @@ function Wa(e) {
       e.C_BLOCK_COMMENT_MODE,
       e.C_LINE_COMMENT_MODE
     ]
-  }, y = [
+  }, _ = [
     e.APOS_STRING_MODE,
     e.QUOTE_STRING_MODE,
     p,
@@ -4112,7 +4115,7 @@ function Wa(e) {
     d,
     e.REGEXP_MODE
   ];
-  u.contains = y.concat({
+  u.contains = _.concat({
     // we need to pair up {} inside our subst to prevent
     // it from ending too early by matching another }
     begin: /\{/,
@@ -4120,15 +4123,15 @@ function Wa(e) {
     keywords: r,
     contains: [
       "self"
-    ].concat(y)
+    ].concat(_)
   });
-  const T = [].concat(R, u.contains), h = T.concat([
+  const A = [].concat(R, u.contains), h = A.concat([
     // eat recursive parens in sub expressions
     {
       begin: /\(/,
       end: /\)/,
       keywords: r,
-      contains: ["self"].concat(T)
+      contains: ["self"].concat(A)
     }
   ]), m = {
     className: "params",
@@ -4395,11 +4398,11 @@ function Ga(e) {
   }, l = {
     className: "meta",
     begin: "@" + t
-  }, d = (E, N, A) => {
-    const R = E.contains.findIndex((y) => y.label === N);
+  }, d = (E, N, T) => {
+    const R = E.contains.findIndex((_) => _.label === N);
     if (R === -1)
       throw new Error("can not find mode to replace");
-    E.contains.splice(R, 1, A);
+    E.contains.splice(R, 1, T);
   }, u = Wa(e);
   Object.assign(u.keywords, a), u.exports.PARAMS_CONTAINS.push(l), u.contains = u.contains.concat([
     l,
@@ -4424,8 +4427,8 @@ function Kt(e) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
-var qn = to(n0, {});
-qn.registerLanguage = n0.registerLanguage;
+var qn = to(r0, {});
+qn.registerLanguage = r0.registerLanguage;
 const Se = qn;
 var Wn = {};
 (function(e) {
@@ -4557,12 +4560,12 @@ const Nc = ({ language: e, children: t, ...n }) => /* @__PURE__ */ c(
     PreTag: "div",
     children: t
   }
-), ve = Me(({ as: e = "p", size: t, children: n, className: i, ...o }, r) => /* @__PURE__ */ c(V, { ...o, as: e, ref: r, className: re({ [`heading-${t}`]: !!t }, i), children: n }));
+), ve = Ce(({ as: e = "p", size: t, children: n, className: i, ...o }, r) => /* @__PURE__ */ c(V, { ...o, as: e, ref: r, className: re({ [`heading-${t}`]: !!t }, i), children: n }));
 ve.displayName = "Heading";
-const ee = Me(({ as: e = "p", size: t, className: n, children: i, ...o }, r) => /* @__PURE__ */ c(V, { ...o, as: e, ref: r, className: re({ [`text-${t}`]: !!t }, n), children: i }));
+const ee = Ce(({ as: e = "p", size: t, className: n, children: i, ...o }, r) => /* @__PURE__ */ c(V, { ...o, as: e, ref: r, className: re({ [`text-${t}`]: !!t }, n), children: i }));
 ee.displayName = "Text";
 const Sc = ({ children: e, className: t, ...n }) => /* @__PURE__ */ c(ee, { as: "blockquote", ...n, pl: "m", size: "m", italic: !0, className: re("blockquote", t), children: e });
-const We = Me(({ as: e = "div", isLoading: t = !0, children: n, ...i }, o) => /* @__PURE__ */ c(Ce, { children: t ? /* @__PURE__ */ c(
+const We = Ce(({ as: e = "div", isLoading: t = !0, children: n, ...i }, o) => /* @__PURE__ */ c(Pe, { children: t ? /* @__PURE__ */ c(
   V,
   {
     ...i,
@@ -4570,7 +4573,7 @@ const We = Me(({ as: e = "div", isLoading: t = !0, children: n, ...i }, o) => /*
     ref: o,
     bg: "ultra-light-grey",
     className: re(t ? ["skeleton", "animate-pulse"] : void 0, i.className),
-    children: n ?? /* @__PURE__ */ c(V, { children: /* @__PURE__ */ c(Ce, { children: " " }) })
+    children: n ?? /* @__PURE__ */ c(V, { children: /* @__PURE__ */ c(Pe, { children: " " }) })
   }
 ) : n }));
 We.displayName = "Skeleton";
@@ -4607,7 +4610,7 @@ const Yn = ({ items: e, ...t }) => /* @__PURE__ */ c(
     className: re("breadcrumb", t.className),
     children: e.map(({ label: n, ...i }, o) => /* @__PURE__ */ M(rt, { children: [
       /* @__PURE__ */ M("li", { itemProp: "itemListElement", itemScope: !0, itemType: "https://schema.org/ListItem", children: [
-        i.href ? /* @__PURE__ */ c(r0, { itemProp: "item", ...i, children: /* @__PURE__ */ c(ee, { as: "span", itemProp: "name", children: n }) }) : /* @__PURE__ */ c(ee, { as: "span", itemProp: "name", fontWeight: "regular", children: n }),
+        i.href ? /* @__PURE__ */ c(e0, { itemProp: "item", ...i, children: /* @__PURE__ */ c(ee, { as: "span", itemProp: "name", children: n }) }) : /* @__PURE__ */ c(ee, { as: "span", itemProp: "name", fontWeight: "regular", children: n }),
         /* @__PURE__ */ c("meta", { itemProp: "position", content: (o + 1).toString() })
       ] }),
       o < e.length - 1 && /* @__PURE__ */ c(ee, { as: "span", children: ">" })
@@ -4617,7 +4620,7 @@ const Yn = ({ items: e, ...t }) => /* @__PURE__ */ c(
   t == null ? void 0 : t.map((i, o) => /* @__PURE__ */ c("source", { ...i }, o)),
   /* @__PURE__ */ c("img", { ...e, alt: e.alt })
 ] });
-const r0 = Me(
+const e0 = Ce(
   ({ as: e = "a", icon: t, className: n, children: i, ...o }, r) => t ? /* @__PURE__ */ M(
     F,
     {
@@ -4629,13 +4632,13 @@ const r0 = Me(
       color: "info",
       className: re("link", n),
       children: [
-        t && /* @__PURE__ */ c(Ie, { name: t }),
+        t && /* @__PURE__ */ c(xe, { name: t }),
         /* @__PURE__ */ c(ee, { as: "span", children: i })
       ]
     }
   ) : /* @__PURE__ */ c(V, { ...o, ref: r, as: e, color: "info", className: re("link", n), children: i })
 );
-r0.displayName = "Link";
+e0.displayName = "Link";
 const Rc = [
   "note",
   "summary",
@@ -4649,26 +4652,18 @@ const Rc = [
   "bug",
   "example",
   "quote"
-], Cc = Me(({ as: e = "div", variant: t, title: n, children: i, ...o }, r) => /* @__PURE__ */ M(V, { ...o, as: e, ref: r, bg: "white", className: re("reminder", `reminder--${t}`), children: [
+], Cc = Ce(({ as: e = "div", variant: t, title: n, children: i, ...o }, r) => /* @__PURE__ */ M(V, { ...o, as: e, ref: r, bg: "white", className: re("reminder", `reminder--${t}`), children: [
   /* @__PURE__ */ c(ee, { className: "reminder__title", children: n }),
   /* @__PURE__ */ c(V, { p: "xxs", children: i })
 ] }));
-const Zn = Me(
-  ({ input: e, buttonClose: t = {}, buttonSearch: n, className: i, ...o }, r) => /* @__PURE__ */ M(
-    V,
-    {
-      ...o,
-      className: re("search-field", { "search-field--has-value": !!e.value }, i),
-      ref: r,
-      children: [
-        /* @__PURE__ */ c(V, { as: "input", ...e, className: "search-field__input" }),
-        /* @__PURE__ */ M(F, { justifyContent: "center", alignItems: "center", className: "search-field__actions-container", children: [
-          !!e.value && /* @__PURE__ */ c(Gn, { ...t, variant: "secondary", className: "search-field__button-action" }),
-          /* @__PURE__ */ c(V, { as: "button", ...n, className: "search-field__button-action", children: /* @__PURE__ */ c(Ie, { name: "search", color: "primary", size: "2.5rem", mx: "xs" }) })
-        ] })
-      ]
-    }
-  )
+const Zn = Ce(
+  ({ input: e, buttonClose: t = {}, buttonSearch: n, className: i, ...o }, r) => /* @__PURE__ */ M(V, { ...o, className: re("search-field", i), ref: r, children: [
+    /* @__PURE__ */ c(V, { as: "input", ...e, className: "search-field__input" }),
+    /* @__PURE__ */ M(F, { justifyContent: "center", alignItems: "center", className: "search-field__actions-container", children: [
+      !!e.value && /* @__PURE__ */ c(Gn, { ...t, variant: "secondary", className: "search-field__button-action" }),
+      /* @__PURE__ */ c(V, { as: "button", ...n, className: "search-field__button-action", children: /* @__PURE__ */ c(xe, { name: "search", color: "primary", size: "2.5rem", mx: "xs" }) })
+    ] })
+  ] })
 );
 Zn.displayName = "SearchField";
 var Qn = { exports: {} };
@@ -4679,23 +4674,23 @@ var Qn = { exports: {} };
     return n = { 772: (o, r, s) => {
       const a = s(826).remove, l = /[.*+?^${}()|[\]\\]/g, d = /[a-z0-9_]/i, u = /\s+/;
       o.exports = function(p, E, N) {
-        var A, R;
-        R = { insideWords: !1, findAllOccurrences: !1, requireMatchAll: !1 }, A = (A = N) || {}, Object.keys(A).forEach((h) => {
-          R[h] = !!A[h];
+        var T, R;
+        R = { insideWords: !1, findAllOccurrences: !1, requireMatchAll: !1 }, T = (T = N) || {}, Object.keys(T).forEach((h) => {
+          R[h] = !!T[h];
         }), N = R;
-        const y = Array.from(p).map((h) => a(h));
-        let T = y.join("");
+        const _ = Array.from(p).map((h) => a(h));
+        let A = _.join("");
         return (E = a(E)).trim().split(u).filter((h) => h.length > 0).reduce((h, m) => {
           const g = m.length, f = !N.insideWords && d.test(m[0]) ? "\\b" : "", w = new RegExp(f + m.replace(l, "\\$&"), "i");
           let k, P;
-          if (k = w.exec(T), N.requireMatchAll && k === null)
-            return T = "", [];
+          if (k = w.exec(A), N.requireMatchAll && k === null)
+            return A = "", [];
           for (; k; ) {
             P = k.index;
-            const q = g - y.slice(P, P + g).join("").length, U = P - y.slice(0, P).join("").length, G = [P + U, P + g + U + q];
-            if (G[0] !== G[1] && h.push(G), T = T.slice(0, P) + new Array(g + 1).join(" ") + T.slice(P + g), !N.findAllOccurrences)
+            const q = g - _.slice(P, P + g).join("").length, U = P - _.slice(0, P).join("").length, G = [P + U, P + g + U + q];
+            if (G[0] !== G[1] && h.push(G), A = A.slice(0, P) + new Array(g + 1).join(" ") + A.slice(P + g), !N.findAllOccurrences)
               break;
-            k = w.exec(T);
+            k = w.exec(A);
           }
           return h;
         }, []).sort((h, m) => h[0] - m[0]);
@@ -4745,7 +4740,7 @@ var Jn = { exports: {} };
   });
 })(Jn);
 var es = Jn.exports;
-const ts = /* @__PURE__ */ Re(es), er = Me(({ text: e, textQuery: t = "", ...n }, i) => {
+const ts = /* @__PURE__ */ Re(es), er = Ce(({ text: e, textQuery: t = "", ...n }, i) => {
   const o = nt.useMemo(() => {
     const r = Ja(e, t, { findAllOccurrences: !0 });
     return ts(e, r);
@@ -4835,7 +4830,7 @@ const Mc = ["primary", "secondary"], lt = ({
               display: "inline-block",
               style: { minWidth: 60, minHeight: 16 },
               children: /* @__PURE__ */ M(F, { alignContent: "center", alignItems: "center", gap: "xxs", className: "post-metadata__date", children: [
-                e === "secondary" && /* @__PURE__ */ c(Ie, { name: "calendar", size: "24px", color: "light-grey" }),
+                e === "secondary" && /* @__PURE__ */ c(xe, { name: "calendar", size: "24px", color: "light-grey" }),
                 t && /* @__PURE__ */ c(ee, { as: "span", children: t })
               ] })
             },
@@ -4853,7 +4848,7 @@ const Mc = ["primary", "secondary"], lt = ({
               display: "inline-block",
               style: { minWidth: 26, minHeight: 16 },
               children: /* @__PURE__ */ M(F, { alignContent: "center", alignItems: "center", gap: "xxs", children: [
-                e === "secondary" && /* @__PURE__ */ c(Ie, { name: "access-time", size: "24px", color: "light-grey" }),
+                e === "secondary" && /* @__PURE__ */ c(xe, { name: "access-time", size: "24px", color: "light-grey" }),
                 n && /* @__PURE__ */ c(ee, { as: "span", children: `${n}mn` })
               ] })
             },
@@ -4870,11 +4865,11 @@ const Mc = ["primary", "secondary"], lt = ({
               isLoading: o,
               display: "inline-block",
               style: { minWidth: 50, minHeight: 16 },
-              children: i && /* @__PURE__ */ M(Ce, { children: [
-                e === "secondary" && /* @__PURE__ */ c(Ie, { name: "person", size: "24px", color: "light-grey" }),
-                i.map(({ username: p, name: E }, N) => /* @__PURE__ */ M(rt, { children: [
-                  /* @__PURE__ */ c(ee, { as: "span", children: E }),
-                  N !== i.length - 1 && /* @__PURE__ */ c(ee, { as: "span", children: " & " })
+              children: i && /* @__PURE__ */ M(F, { alignContent: "center", alignItems: "center", gap: "xxs", className: "post-metadata__authors", children: [
+                e === "secondary" && /* @__PURE__ */ c(xe, { name: "person", size: "24px", color: "light-grey" }),
+                i.map(({ username: p, name: E, link: N }, T) => /* @__PURE__ */ M(rt, { children: [
+                  N ? /* @__PURE__ */ c(e0, { ...N, children: E }) : /* @__PURE__ */ c(ee, { as: "span", children: E }),
+                  T !== i.length - 1 && /* @__PURE__ */ c(ee, { as: "span", children: " & " })
                 ] }, p))
               ] })
             },
@@ -4924,18 +4919,16 @@ const Tc = ["highlight-light", "highlight-dark", "side-image"], k0 = ({
       "post-card--with-tutorial": t === "tutorial"
     }),
     children: [
-      /* @__PURE__ */ c(We, { isLoading: u, children: /* @__PURE__ */ c(Xn, { ...i, img: { className: "post-card__cover", ...i == null ? void 0 : i.img } }) }),
-      /* @__PURE__ */ M(
-        F,
-        {
-          flexDirection: "column",
-          justifyContent: "between",
-          my: { xs: "s", md: "m" },
-          pl: { xs: "s", md: "m" },
-          pr: { xs: "xs", md: "m" },
-          flex: "1",
-          children: [
-            /* @__PURE__ */ c(We, { isLoading: u, children: /* @__PURE__ */ M(ve, { as: "h2", size: "xs", lineClamp: 2, className: "post-card__heading", children: [
+      /* @__PURE__ */ c(We, { isLoading: u, children: /* @__PURE__ */ c(Xn, { ...i, img: { ...i == null ? void 0 : i.img, className: "post-card__cover" } }) }),
+      /* @__PURE__ */ M(V, { my: { xs: "s", md: "m" }, pl: { xs: "s", md: "m" }, pr: { xs: "xs", md: "m" }, flex: "1", children: [
+        /* @__PURE__ */ c(We, { isLoading: u, children: /* @__PURE__ */ M(
+          ve,
+          {
+            as: "h2",
+            size: "xs",
+            lineClamp: { xs: n === "highlight-dark" ? 2 : 4, md: n === "highlight-light" ? 3 : 2 },
+            className: "post-card__heading",
+            children: [
               /* @__PURE__ */ c(ee, { as: "a", ...d, size: "m", "data-internal-link": "post", className: "post-card__link", children: o }),
               t === "tutorial" && /* @__PURE__ */ c(
                 ee,
@@ -4950,22 +4943,22 @@ const Tc = ["highlight-light", "highlight-dark", "side-image"], k0 = ({
                   children: p
                 }
               )
-            ] }) }),
-            /* @__PURE__ */ c(
-              lt,
-              {
-                variant: "primary",
-                mt: "xxs",
-                date: s,
-                readingTime: a,
-                authors: l,
-                isLoading: u
-              }
-            ),
-            n !== "highlight-dark" && /* @__PURE__ */ c(We, { isLoading: u, children: /* @__PURE__ */ c(ee, { mt: "xs", size: "s", hiddenBelow: "md", lineClamp: 2, className: "post-card__excerpt", children: r }) })
-          ]
-        }
-      )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ c(
+          lt,
+          {
+            variant: "primary",
+            mt: "xxs",
+            date: s,
+            readingTime: a,
+            authors: l,
+            isLoading: u
+          }
+        ),
+        n !== "highlight-dark" && /* @__PURE__ */ c(We, { isLoading: u, children: /* @__PURE__ */ c(ee, { mt: "xs", size: "s", hiddenBelow: "md", lineClamp: { xs: 4, md: 2 }, className: "post-card__excerpt", children: r }) })
+      ] })
     ]
   }
 );
@@ -4991,7 +4984,7 @@ const os = ({
           /* @__PURE__ */ c(ee, { as: "div", size: "xs", mt: "xxs-3", italic: !0, children: n })
         ] }),
         /* @__PURE__ */ c(
-          r0,
+          e0,
           {
             ...o,
             px: { xs: "0", md: "m" },
@@ -5035,7 +5028,7 @@ const Ac = ["primary", "secondary"], nr = ({
   ...o
 }) => /* @__PURE__ */ M(V, { bg: "white", p: "m", className: re("summary-card", { [`summary-card--${e}`]: e }), ...o, children: [
   /* @__PURE__ */ c(ve, { size: "m", color: "primary", children: t }),
-  /* @__PURE__ */ c(F, { flexDirection: "column", mt: "m", children: i.map(({ name: r, label: s, ...a }, l) => /* @__PURE__ */ M(ye.Fragment, { children: [
+  /* @__PURE__ */ c(F, { flexDirection: "column", mt: "m", children: i.map(({ name: r, label: s, ...a }, l) => /* @__PURE__ */ M(_e.Fragment, { children: [
     /* @__PURE__ */ M(
       F,
       {
@@ -5072,29 +5065,29 @@ const kc = ["horizontal", "vertical"], ut = ({
     children: [
       /* @__PURE__ */ M(V, { className: "newsletter-card__intro", children: [
         /* @__PURE__ */ c(ve, { size: "m", color: "accent", children: e }),
-        /* @__PURE__ */ c(Ie, { name: "underline", color: "accent", width: "56px" }),
+        /* @__PURE__ */ c(xe, { name: "underline", color: "accent", width: "56px" }),
         /* @__PURE__ */ c(ee, { mt: "m", children: t })
       ] }),
       /* @__PURE__ */ c(V, { className: "newsletter-card__form", children: n })
     ]
   }
-), o0 = -1, y0 = (e, t) => {
+), o0 = -1, _0 = (e, t) => {
   const n = t - e + 1;
   return Array.from({ length: n }, (i, o) => o + e);
 }, ss = ({ currentPage: e, totalPages: t, siblingCount: n = 2 }) => fn(() => {
   if (n + 5 >= t)
-    return y0(1, t);
+    return _0(1, t);
   const o = Math.max(e - n, 1), r = Math.min(e + n, t), s = o > 2, a = r < t - 2;
   if (!s && a) {
-    const l = 3 + 2 * n, d = y0(1, l);
+    const l = 3 + 2 * n, d = _0(1, l);
     return [...d, d.at(-1) === t - 1 ? t - 1 : o0, t];
   }
   if (s && !a) {
-    const l = 3 + 2 * n, d = y0(t - l + 1, t);
+    const l = 3 + 2 * n, d = _0(t - l + 1, t);
     return [1, d[0] - 1 === 2 ? 2 : o0, ...d];
   }
   if (s && a) {
-    const l = y0(o, r);
+    const l = _0(o, r);
     return [
       1,
       l[0] - 1 === 2 ? 2 : o0,
@@ -5129,7 +5122,7 @@ const B0 = (e) => ({
           disabled: e === 1,
           getLink: n
         }),
-        children: /* @__PURE__ */ c(Ie, { name: "arrow" })
+        children: /* @__PURE__ */ c(xe, { name: "arrow" })
       }
     ),
     r.map((s, a) => /* @__PURE__ */ M(rt, { children: [
@@ -5154,18 +5147,18 @@ const B0 = (e) => ({
           disabled: e === t,
           getLink: n
         }),
-        children: /* @__PURE__ */ c(Ie, { name: "arrow" })
+        children: /* @__PURE__ */ c(xe, { name: "arrow" })
       }
     )
   ] });
-}, Dc = ({ posts: e, pagination: t, isLoading: n = !1 }) => /* @__PURE__ */ c(Ce, { children: /* @__PURE__ */ M(F, { flexDirection: "column", gap: "m", children: [
-  e.map((i, o) => /* @__PURE__ */ c(ye.Fragment, { children: /* @__PURE__ */ c(k0, { ...i || {}, isLoading: n }) }, (i == null ? void 0 : i.slug) ?? o)),
+}, Dc = ({ posts: e, pagination: t, isLoading: n = !1 }) => /* @__PURE__ */ c(Pe, { children: /* @__PURE__ */ M(F, { flexDirection: "column", gap: "m", children: [
+  e.map((i, o) => /* @__PURE__ */ c(_e.Fragment, { children: /* @__PURE__ */ c(k0, { ...i || {}, isLoading: n }) }, (i == null ? void 0 : i.slug) ?? o)),
   t && (t == null ? void 0 : t.totalPages) > 1 && /* @__PURE__ */ c(cs, { mx: "auto", ...t })
 ] }) });
 function ls(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Z0(e, t);
 }
-var Q0 = { exports: {} }, _0 = { exports: {} }, ae = {};
+var Q0 = { exports: {} }, y0 = { exports: {} }, ae = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -5179,7 +5172,7 @@ function us() {
   if (Ft)
     return ae;
   Ft = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, r = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, E = e ? Symbol.for("react.suspense_list") : 60120, N = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, R = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, T = e ? Symbol.for("react.responder") : 60118, h = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, r = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, E = e ? Symbol.for("react.suspense_list") : 60120, N = e ? Symbol.for("react.memo") : 60115, T = e ? Symbol.for("react.lazy") : 60116, R = e ? Symbol.for("react.block") : 60121, _ = e ? Symbol.for("react.fundamental") : 60117, A = e ? Symbol.for("react.responder") : 60118, h = e ? Symbol.for("react.scope") : 60119;
   function m(f) {
     if (typeof f == "object" && f !== null) {
       var w = f.$$typeof;
@@ -5197,7 +5190,7 @@ function us() {
               switch (f = f && f.$$typeof, f) {
                 case a:
                 case u:
-                case A:
+                case T:
                 case N:
                 case s:
                   return f;
@@ -5213,7 +5206,7 @@ function us() {
   function g(f) {
     return m(f) === d;
   }
-  return ae.AsyncMode = l, ae.ConcurrentMode = d, ae.ContextConsumer = a, ae.ContextProvider = s, ae.Element = t, ae.ForwardRef = u, ae.Fragment = i, ae.Lazy = A, ae.Memo = N, ae.Portal = n, ae.Profiler = r, ae.StrictMode = o, ae.Suspense = p, ae.isAsyncMode = function(f) {
+  return ae.AsyncMode = l, ae.ConcurrentMode = d, ae.ContextConsumer = a, ae.ContextProvider = s, ae.Element = t, ae.ForwardRef = u, ae.Fragment = i, ae.Lazy = T, ae.Memo = N, ae.Portal = n, ae.Profiler = r, ae.StrictMode = o, ae.Suspense = p, ae.isAsyncMode = function(f) {
     return g(f) || m(f) === l;
   }, ae.isConcurrentMode = g, ae.isContextConsumer = function(f) {
     return m(f) === a;
@@ -5226,7 +5219,7 @@ function us() {
   }, ae.isFragment = function(f) {
     return m(f) === i;
   }, ae.isLazy = function(f) {
-    return m(f) === A;
+    return m(f) === T;
   }, ae.isMemo = function(f) {
     return m(f) === N;
   }, ae.isPortal = function(f) {
@@ -5238,7 +5231,7 @@ function us() {
   }, ae.isSuspense = function(f) {
     return m(f) === p;
   }, ae.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === i || f === d || f === r || f === o || f === p || f === E || typeof f == "object" && f !== null && (f.$$typeof === A || f.$$typeof === N || f.$$typeof === s || f.$$typeof === a || f.$$typeof === u || f.$$typeof === y || f.$$typeof === T || f.$$typeof === h || f.$$typeof === R);
+    return typeof f == "string" || typeof f == "function" || f === i || f === d || f === r || f === o || f === p || f === E || typeof f == "object" && f !== null && (f.$$typeof === T || f.$$typeof === N || f.$$typeof === s || f.$$typeof === a || f.$$typeof === u || f.$$typeof === _ || f.$$typeof === A || f.$$typeof === h || f.$$typeof === R);
   }, ae.typeOf = m, ae;
 }
 var se = {};
@@ -5253,10 +5246,10 @@ var se = {};
 var qt;
 function ds() {
   return qt || (qt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, r = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, E = e ? Symbol.for("react.suspense_list") : 60120, N = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, R = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, T = e ? Symbol.for("react.responder") : 60118, h = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, r = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, E = e ? Symbol.for("react.suspense_list") : 60120, N = e ? Symbol.for("react.memo") : 60115, T = e ? Symbol.for("react.lazy") : 60116, R = e ? Symbol.for("react.block") : 60121, _ = e ? Symbol.for("react.fundamental") : 60117, A = e ? Symbol.for("react.responder") : 60118, h = e ? Symbol.for("react.scope") : 60119;
     function m(S) {
       return typeof S == "string" || typeof S == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      S === i || S === d || S === r || S === o || S === p || S === E || typeof S == "object" && S !== null && (S.$$typeof === A || S.$$typeof === N || S.$$typeof === s || S.$$typeof === a || S.$$typeof === u || S.$$typeof === y || S.$$typeof === T || S.$$typeof === h || S.$$typeof === R);
+      S === i || S === d || S === r || S === o || S === p || S === E || typeof S == "object" && S !== null && (S.$$typeof === T || S.$$typeof === N || S.$$typeof === s || S.$$typeof === a || S.$$typeof === u || S.$$typeof === _ || S.$$typeof === A || S.$$typeof === h || S.$$typeof === R);
     }
     function g(S) {
       if (typeof S == "object" && S !== null) {
@@ -5273,14 +5266,14 @@ function ds() {
               case p:
                 return L;
               default:
-                var _e = L && L.$$typeof;
-                switch (_e) {
+                var ye = L && L.$$typeof;
+                switch (ye) {
                   case a:
                   case u:
-                  case A:
+                  case T:
                   case N:
                   case s:
-                    return _e;
+                    return ye;
                   default:
                     return de;
                 }
@@ -5290,7 +5283,7 @@ function ds() {
         }
       }
     }
-    var f = l, w = d, k = a, P = s, q = t, U = u, G = i, X = A, ne = N, Z = n, ie = r, oe = o, W = p, pe = !1;
+    var f = l, w = d, k = a, P = s, q = t, U = u, G = i, X = T, ne = N, Z = n, ie = r, oe = o, W = p, pe = !1;
     function ge(S) {
       return pe || (pe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(S) || g(S) === l;
     }
@@ -5309,11 +5302,11 @@ function ds() {
     function v(S) {
       return g(S) === u;
     }
-    function _(S) {
+    function y(S) {
       return g(S) === i;
     }
     function I(S) {
-      return g(S) === A;
+      return g(S) === T;
     }
     function C(S) {
       return g(S) === N;
@@ -5330,12 +5323,12 @@ function ds() {
     function Q(S) {
       return g(S) === p;
     }
-    se.AsyncMode = f, se.ConcurrentMode = w, se.ContextConsumer = k, se.ContextProvider = P, se.Element = q, se.ForwardRef = U, se.Fragment = G, se.Lazy = X, se.Memo = ne, se.Portal = Z, se.Profiler = ie, se.StrictMode = oe, se.Suspense = W, se.isAsyncMode = ge, se.isConcurrentMode = x, se.isContextConsumer = D, se.isContextProvider = K, se.isElement = b, se.isForwardRef = v, se.isFragment = _, se.isLazy = I, se.isMemo = C, se.isPortal = z, se.isProfiler = H, se.isStrictMode = B, se.isSuspense = Q, se.isValidElementType = m, se.typeOf = g;
+    se.AsyncMode = f, se.ConcurrentMode = w, se.ContextConsumer = k, se.ContextProvider = P, se.Element = q, se.ForwardRef = U, se.Fragment = G, se.Lazy = X, se.Memo = ne, se.Portal = Z, se.Profiler = ie, se.StrictMode = oe, se.Suspense = W, se.isAsyncMode = ge, se.isConcurrentMode = x, se.isContextConsumer = D, se.isContextProvider = K, se.isElement = b, se.isForwardRef = v, se.isFragment = y, se.isLazy = I, se.isMemo = C, se.isPortal = z, se.isProfiler = H, se.isStrictMode = B, se.isSuspense = Q, se.isValidElementType = m, se.typeOf = g;
   }()), se;
 }
 var Wt;
 function rr() {
-  return Wt || (Wt = 1, process.env.NODE_ENV === "production" ? _0.exports = us() : _0.exports = ds()), _0.exports;
+  return Wt || (Wt = 1, process.env.NODE_ENV === "production" ? y0.exports = us() : y0.exports = ds()), y0.exports;
 }
 /*
 object-assign
@@ -5432,8 +5425,8 @@ function ps() {
               throw E.name = "Invariant Violation", E;
             }
             p = r[u](s, u, l, a, null, t);
-          } catch (A) {
-            p = A;
+          } catch (T) {
+            p = T;
           }
           if (p && !(p instanceof Error) && e(
             (l || "React class") + ": type specification of " + a + " `" + u + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
@@ -5477,14 +5470,14 @@ function gs() {
         return D;
     }
     var E = "<<anonymous>>", N = {
-      array: T("array"),
-      bigint: T("bigint"),
-      bool: T("boolean"),
-      func: T("function"),
-      number: T("number"),
-      object: T("object"),
-      string: T("string"),
-      symbol: T("symbol"),
+      array: A("array"),
+      bigint: A("bigint"),
+      bool: A("boolean"),
+      func: A("function"),
+      number: A("number"),
+      object: A("object"),
+      string: A("string"),
+      symbol: A("symbol"),
       any: h(),
       arrayOf: m,
       element: g(),
@@ -5497,17 +5490,17 @@ function gs() {
       shape: X,
       exact: ne
     };
-    function A(x, D) {
+    function T(x, D) {
       return x === D ? x !== 0 || 1 / x === 1 / D : x !== x && D !== D;
     }
     function R(x, D) {
       this.message = x, this.data = D && typeof D == "object" ? D : {}, this.stack = "";
     }
     R.prototype = Error.prototype;
-    function y(x) {
+    function _(x) {
       if (process.env.NODE_ENV !== "production")
         var D = {}, K = 0;
-      function b(_, I, C, z, H, B, Q) {
+      function b(y, I, C, z, H, B, Q) {
         if (z = z || E, B = B || C, Q !== n) {
           if (l) {
             var S = new Error(
@@ -5522,111 +5515,111 @@ function gs() {
             ), D[de] = !0, K++);
           }
         }
-        return I[C] == null ? _ ? I[C] === null ? new R("The " + H + " `" + B + "` is marked as required " + ("in `" + z + "`, but its value is `null`.")) : new R("The " + H + " `" + B + "` is marked as required in " + ("`" + z + "`, but its value is `undefined`.")) : null : x(I, C, z, H, B);
+        return I[C] == null ? y ? I[C] === null ? new R("The " + H + " `" + B + "` is marked as required " + ("in `" + z + "`, but its value is `null`.")) : new R("The " + H + " `" + B + "` is marked as required in " + ("`" + z + "`, but its value is `undefined`.")) : null : x(I, C, z, H, B);
       }
       var v = b.bind(null, !1);
       return v.isRequired = b.bind(null, !0), v;
     }
-    function T(x) {
-      function D(K, b, v, _, I, C) {
+    function A(x) {
+      function D(K, b, v, y, I, C) {
         var z = K[b], H = oe(z);
         if (H !== x) {
           var B = W(z);
           return new R(
-            "Invalid " + _ + " `" + I + "` of type " + ("`" + B + "` supplied to `" + v + "`, expected ") + ("`" + x + "`."),
+            "Invalid " + y + " `" + I + "` of type " + ("`" + B + "` supplied to `" + v + "`, expected ") + ("`" + x + "`."),
             { expectedType: x }
           );
         }
         return null;
       }
-      return y(D);
+      return _(D);
     }
     function h() {
-      return y(s);
+      return _(s);
     }
     function m(x) {
-      function D(K, b, v, _, I) {
+      function D(K, b, v, y, I) {
         if (typeof x != "function")
           return new R("Property `" + I + "` of component `" + v + "` has invalid PropType notation inside arrayOf.");
         var C = K[b];
         if (!Array.isArray(C)) {
           var z = oe(C);
-          return new R("Invalid " + _ + " `" + I + "` of type " + ("`" + z + "` supplied to `" + v + "`, expected an array."));
+          return new R("Invalid " + y + " `" + I + "` of type " + ("`" + z + "` supplied to `" + v + "`, expected an array."));
         }
         for (var H = 0; H < C.length; H++) {
-          var B = x(C, H, v, _, I + "[" + H + "]", n);
+          var B = x(C, H, v, y, I + "[" + H + "]", n);
           if (B instanceof Error)
             return B;
         }
         return null;
       }
-      return y(D);
+      return _(D);
     }
     function g() {
-      function x(D, K, b, v, _) {
+      function x(D, K, b, v, y) {
         var I = D[K];
         if (!a(I)) {
           var C = oe(I);
-          return new R("Invalid " + v + " `" + _ + "` of type " + ("`" + C + "` supplied to `" + b + "`, expected a single ReactElement."));
+          return new R("Invalid " + v + " `" + y + "` of type " + ("`" + C + "` supplied to `" + b + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return y(x);
+      return _(x);
     }
     function f() {
-      function x(D, K, b, v, _) {
+      function x(D, K, b, v, y) {
         var I = D[K];
         if (!e.isValidElementType(I)) {
           var C = oe(I);
-          return new R("Invalid " + v + " `" + _ + "` of type " + ("`" + C + "` supplied to `" + b + "`, expected a single ReactElement type."));
+          return new R("Invalid " + v + " `" + y + "` of type " + ("`" + C + "` supplied to `" + b + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return y(x);
+      return _(x);
     }
     function w(x) {
-      function D(K, b, v, _, I) {
+      function D(K, b, v, y, I) {
         if (!(K[b] instanceof x)) {
           var C = x.name || E, z = ge(K[b]);
-          return new R("Invalid " + _ + " `" + I + "` of type " + ("`" + z + "` supplied to `" + v + "`, expected ") + ("instance of `" + C + "`."));
+          return new R("Invalid " + y + " `" + I + "` of type " + ("`" + z + "` supplied to `" + v + "`, expected ") + ("instance of `" + C + "`."));
         }
         return null;
       }
-      return y(D);
+      return _(D);
     }
     function k(x) {
       if (!Array.isArray(x))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? r(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : r("Invalid argument supplied to oneOf, expected an array.")), s;
-      function D(K, b, v, _, I) {
+      function D(K, b, v, y, I) {
         for (var C = K[b], z = 0; z < x.length; z++)
-          if (A(C, x[z]))
+          if (T(C, x[z]))
             return null;
         var H = JSON.stringify(x, function(Q, S) {
           var de = W(S);
           return de === "symbol" ? String(S) : S;
         });
-        return new R("Invalid " + _ + " `" + I + "` of value `" + String(C) + "` " + ("supplied to `" + v + "`, expected one of " + H + "."));
+        return new R("Invalid " + y + " `" + I + "` of value `" + String(C) + "` " + ("supplied to `" + v + "`, expected one of " + H + "."));
       }
-      return y(D);
+      return _(D);
     }
     function P(x) {
-      function D(K, b, v, _, I) {
+      function D(K, b, v, y, I) {
         if (typeof x != "function")
           return new R("Property `" + I + "` of component `" + v + "` has invalid PropType notation inside objectOf.");
         var C = K[b], z = oe(C);
         if (z !== "object")
-          return new R("Invalid " + _ + " `" + I + "` of type " + ("`" + z + "` supplied to `" + v + "`, expected an object."));
+          return new R("Invalid " + y + " `" + I + "` of type " + ("`" + z + "` supplied to `" + v + "`, expected an object."));
         for (var H in C)
           if (i(C, H)) {
-            var B = x(C, H, v, _, I + "." + H, n);
+            var B = x(C, H, v, y, I + "." + H, n);
             if (B instanceof Error)
               return B;
           }
         return null;
       }
-      return y(D);
+      return _(D);
     }
     function q(x) {
       if (!Array.isArray(x))
@@ -5638,9 +5631,9 @@ function gs() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + pe(K) + " at index " + D + "."
           ), s;
       }
-      function b(v, _, I, C, z) {
+      function b(v, y, I, C, z) {
         for (var H = [], B = 0; B < x.length; B++) {
-          var Q = x[B], S = Q(v, _, I, C, z, n);
+          var Q = x[B], S = Q(v, y, I, C, z, n);
           if (S == null)
             return null;
           S.data && i(S.data, "expectedType") && H.push(S.data.expectedType);
@@ -5648,13 +5641,13 @@ function gs() {
         var de = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
         return new R("Invalid " + C + " `" + z + "` supplied to " + ("`" + I + "`" + de + "."));
       }
-      return y(b);
+      return _(b);
     }
     function U() {
-      function x(D, K, b, v, _) {
-        return Z(D[K]) ? null : new R("Invalid " + v + " `" + _ + "` supplied to " + ("`" + b + "`, expected a ReactNode."));
+      function x(D, K, b, v, y) {
+        return Z(D[K]) ? null : new R("Invalid " + v + " `" + y + "` supplied to " + ("`" + b + "`, expected a ReactNode."));
       }
-      return y(x);
+      return _(x);
     }
     function G(x, D, K, b, v) {
       return new R(
@@ -5662,44 +5655,44 @@ function gs() {
       );
     }
     function X(x) {
-      function D(K, b, v, _, I) {
+      function D(K, b, v, y, I) {
         var C = K[b], z = oe(C);
         if (z !== "object")
-          return new R("Invalid " + _ + " `" + I + "` of type `" + z + "` " + ("supplied to `" + v + "`, expected `object`."));
+          return new R("Invalid " + y + " `" + I + "` of type `" + z + "` " + ("supplied to `" + v + "`, expected `object`."));
         for (var H in x) {
           var B = x[H];
           if (typeof B != "function")
-            return G(v, _, I, H, W(B));
-          var Q = B(C, H, v, _, I + "." + H, n);
+            return G(v, y, I, H, W(B));
+          var Q = B(C, H, v, y, I + "." + H, n);
           if (Q)
             return Q;
         }
         return null;
       }
-      return y(D);
+      return _(D);
     }
     function ne(x) {
-      function D(K, b, v, _, I) {
+      function D(K, b, v, y, I) {
         var C = K[b], z = oe(C);
         if (z !== "object")
-          return new R("Invalid " + _ + " `" + I + "` of type `" + z + "` " + ("supplied to `" + v + "`, expected `object`."));
+          return new R("Invalid " + y + " `" + I + "` of type `" + z + "` " + ("supplied to `" + v + "`, expected `object`."));
         var H = t({}, K[b], x);
         for (var B in H) {
           var Q = x[B];
           if (i(x, B) && typeof Q != "function")
-            return G(v, _, I, B, W(Q));
+            return G(v, y, I, B, W(Q));
           if (!Q)
             return new R(
-              "Invalid " + _ + " `" + I + "` key `" + B + "` supplied to `" + v + "`.\nBad object: " + JSON.stringify(K[b], null, "  ") + `
+              "Invalid " + y + " `" + I + "` key `" + B + "` supplied to `" + v + "`.\nBad object: " + JSON.stringify(K[b], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
-          var S = Q(C, B, v, _, I + "." + B, n);
+          var S = Q(C, B, v, y, I + "." + B, n);
           if (S)
             return S;
         }
         return null;
       }
-      return y(D);
+      return _(D);
     }
     function Z(x) {
       switch (typeof x) {
@@ -5840,39 +5833,39 @@ var J0 = { exports: {} }, ce = {};
  * LICENSE file in the root directory of this source tree.
  */
 var en;
-function ys() {
+function _s() {
   if (en)
     return ce;
   en = 1;
-  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), r = Symbol.for("react.provider"), s = Symbol.for("react.context"), a = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), A;
-  A = Symbol.for("react.module.reference");
-  function R(y) {
-    if (typeof y == "object" && y !== null) {
-      var T = y.$$typeof;
-      switch (T) {
+  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), r = Symbol.for("react.provider"), s = Symbol.for("react.context"), a = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), T;
+  T = Symbol.for("react.module.reference");
+  function R(_) {
+    if (typeof _ == "object" && _ !== null) {
+      var A = _.$$typeof;
+      switch (A) {
         case e:
-          switch (y = y.type, y) {
+          switch (_ = _.type, _) {
             case n:
             case o:
             case i:
             case d:
             case u:
-              return y;
+              return _;
             default:
-              switch (y = y && y.$$typeof, y) {
+              switch (_ = _ && _.$$typeof, _) {
                 case a:
                 case s:
                 case l:
                 case E:
                 case p:
                 case r:
-                  return y;
+                  return _;
                 default:
-                  return T;
+                  return A;
               }
           }
         case t:
-          return T;
+          return A;
       }
     }
   }
@@ -5880,32 +5873,32 @@ function ys() {
     return !1;
   }, ce.isConcurrentMode = function() {
     return !1;
-  }, ce.isContextConsumer = function(y) {
-    return R(y) === s;
-  }, ce.isContextProvider = function(y) {
-    return R(y) === r;
-  }, ce.isElement = function(y) {
-    return typeof y == "object" && y !== null && y.$$typeof === e;
-  }, ce.isForwardRef = function(y) {
-    return R(y) === l;
-  }, ce.isFragment = function(y) {
-    return R(y) === n;
-  }, ce.isLazy = function(y) {
-    return R(y) === E;
-  }, ce.isMemo = function(y) {
-    return R(y) === p;
-  }, ce.isPortal = function(y) {
-    return R(y) === t;
-  }, ce.isProfiler = function(y) {
-    return R(y) === o;
-  }, ce.isStrictMode = function(y) {
-    return R(y) === i;
-  }, ce.isSuspense = function(y) {
-    return R(y) === d;
-  }, ce.isSuspenseList = function(y) {
-    return R(y) === u;
-  }, ce.isValidElementType = function(y) {
-    return typeof y == "string" || typeof y == "function" || y === n || y === o || y === i || y === d || y === u || y === N || typeof y == "object" && y !== null && (y.$$typeof === E || y.$$typeof === p || y.$$typeof === r || y.$$typeof === s || y.$$typeof === l || y.$$typeof === A || y.getModuleId !== void 0);
+  }, ce.isContextConsumer = function(_) {
+    return R(_) === s;
+  }, ce.isContextProvider = function(_) {
+    return R(_) === r;
+  }, ce.isElement = function(_) {
+    return typeof _ == "object" && _ !== null && _.$$typeof === e;
+  }, ce.isForwardRef = function(_) {
+    return R(_) === l;
+  }, ce.isFragment = function(_) {
+    return R(_) === n;
+  }, ce.isLazy = function(_) {
+    return R(_) === E;
+  }, ce.isMemo = function(_) {
+    return R(_) === p;
+  }, ce.isPortal = function(_) {
+    return R(_) === t;
+  }, ce.isProfiler = function(_) {
+    return R(_) === o;
+  }, ce.isStrictMode = function(_) {
+    return R(_) === i;
+  }, ce.isSuspense = function(_) {
+    return R(_) === d;
+  }, ce.isSuspenseList = function(_) {
+    return R(_) === u;
+  }, ce.isValidElementType = function(_) {
+    return typeof _ == "string" || typeof _ == "function" || _ === n || _ === o || _ === i || _ === d || _ === u || _ === N || typeof _ == "object" && _ !== null && (_.$$typeof === E || _.$$typeof === p || _.$$typeof === r || _.$$typeof === s || _.$$typeof === l || _.$$typeof === T || _.getModuleId !== void 0);
   }, ce.typeOf = R, ce;
 }
 var le = {};
@@ -5919,12 +5912,12 @@ var le = {};
  * LICENSE file in the root directory of this source tree.
  */
 var tn;
-function _s() {
+function ys() {
   return tn || (tn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), r = Symbol.for("react.provider"), s = Symbol.for("react.context"), a = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), A = !1, R = !1, y = !1, T = !1, h = !1, m;
+    var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), r = Symbol.for("react.provider"), s = Symbol.for("react.context"), a = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), T = !1, R = !1, _ = !1, A = !1, h = !1, m;
     m = Symbol.for("react.module.reference");
     function g(L) {
-      return !!(typeof L == "string" || typeof L == "function" || L === n || L === o || h || L === i || L === d || L === u || T || L === N || A || R || y || typeof L == "object" && L !== null && (L.$$typeof === E || L.$$typeof === p || L.$$typeof === r || L.$$typeof === s || L.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof L == "string" || typeof L == "function" || L === n || L === o || h || L === i || L === d || L === u || A || L === N || T || R || _ || typeof L == "object" && L !== null && (L.$$typeof === E || L.$$typeof === p || L.$$typeof === r || L.$$typeof === s || L.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -5932,8 +5925,8 @@ function _s() {
     }
     function f(L) {
       if (typeof L == "object" && L !== null) {
-        var _e = L.$$typeof;
-        switch (_e) {
+        var ye = L.$$typeof;
+        switch (ye) {
           case e:
             var be = L.type;
             switch (be) {
@@ -5954,11 +5947,11 @@ function _s() {
                   case r:
                     return Le;
                   default:
-                    return _e;
+                    return ye;
                 }
             }
           case t:
-            return _e;
+            return ye;
         }
       }
     }
@@ -5978,7 +5971,7 @@ function _s() {
     function v(L) {
       return typeof L == "object" && L !== null && L.$$typeof === e;
     }
-    function _(L) {
+    function y(L) {
       return f(L) === l;
     }
     function I(L) {
@@ -6005,10 +5998,10 @@ function _s() {
     function de(L) {
       return f(L) === u;
     }
-    le.ContextConsumer = w, le.ContextProvider = k, le.Element = P, le.ForwardRef = q, le.Fragment = U, le.Lazy = G, le.Memo = X, le.Portal = ne, le.Profiler = Z, le.StrictMode = ie, le.Suspense = oe, le.SuspenseList = W, le.isAsyncMode = x, le.isConcurrentMode = D, le.isContextConsumer = K, le.isContextProvider = b, le.isElement = v, le.isForwardRef = _, le.isFragment = I, le.isLazy = C, le.isMemo = z, le.isPortal = H, le.isProfiler = B, le.isStrictMode = Q, le.isSuspense = S, le.isSuspenseList = de, le.isValidElementType = g, le.typeOf = f;
+    le.ContextConsumer = w, le.ContextProvider = k, le.Element = P, le.ForwardRef = q, le.Fragment = U, le.Lazy = G, le.Memo = X, le.Portal = ne, le.Profiler = Z, le.StrictMode = ie, le.Suspense = oe, le.SuspenseList = W, le.isAsyncMode = x, le.isConcurrentMode = D, le.isContextConsumer = K, le.isContextProvider = b, le.isElement = v, le.isForwardRef = y, le.isFragment = I, le.isLazy = C, le.isMemo = z, le.isPortal = H, le.isProfiler = B, le.isStrictMode = Q, le.isSuspense = S, le.isSuspenseList = de, le.isValidElementType = g, le.typeOf = f;
   }()), le;
 }
-process.env.NODE_ENV === "production" ? J0.exports = ys() : J0.exports = _s();
+process.env.NODE_ENV === "production" ? J0.exports = _s() : J0.exports = ys();
 var nn = J0.exports;
 const rn = (e) => typeof e == "object" && e != null && e.nodeType === 1, on = (e, t) => (!t || e !== "hidden") && e !== "visible" && e !== "clip", F0 = (e, t) => {
   if (e.clientHeight < e.scrollHeight || e.clientWidth < e.scrollWidth) {
@@ -6038,15 +6031,15 @@ const rn = (e) => typeof e == "object" && e != null && e.nodeType === 1, on = (e
   if (!rn(e))
     throw new TypeError("Invalid target");
   const E = document.scrollingElement || document.documentElement, N = [];
-  let A = e;
-  for (; rn(A) && p(A); ) {
-    if (A = Es(A), A === E) {
-      N.push(A);
+  let T = e;
+  for (; rn(T) && p(T); ) {
+    if (T = Es(T), T === E) {
+      N.push(T);
       break;
     }
-    A != null && A === document.body && F0(A) && !F0(document.documentElement) || A != null && F0(A, u) && N.push(A);
+    T != null && T === document.body && F0(T) && !F0(document.documentElement) || T != null && F0(T, u) && N.push(T);
   }
-  const R = (i = (n = window.visualViewport) == null ? void 0 : n.width) != null ? i : innerWidth, y = (r = (o = window.visualViewport) == null ? void 0 : o.height) != null ? r : innerHeight, { scrollX: T, scrollY: h } = window, { height: m, width: g, top: f, right: w, bottom: k, left: P } = e.getBoundingClientRect(), { top: q, right: U, bottom: G, left: X } = ((oe) => {
+  const R = (i = (n = window.visualViewport) == null ? void 0 : n.width) != null ? i : innerWidth, _ = (r = (o = window.visualViewport) == null ? void 0 : o.height) != null ? r : innerHeight, { scrollX: A, scrollY: h } = window, { height: m, width: g, top: f, right: w, bottom: k, left: P } = e.getBoundingClientRect(), { top: q, right: U, bottom: G, left: X } = ((oe) => {
     const W = window.getComputedStyle(oe);
     return { top: parseFloat(W.scrollMarginTop) || 0, right: parseFloat(W.scrollMarginRight) || 0, bottom: parseFloat(W.scrollMarginBottom) || 0, left: parseFloat(W.scrollMarginLeft) || 0 };
   })(e);
@@ -6054,17 +6047,17 @@ const rn = (e) => typeof e == "object" && e != null && e.nodeType === 1, on = (e
   const ie = [];
   for (let oe = 0; oe < N.length; oe++) {
     const W = N[oe], { height: pe, width: ge, top: x, right: D, bottom: K, left: b } = W.getBoundingClientRect();
-    if (s === "if-needed" && f >= 0 && P >= 0 && k <= y && w <= R && f >= x && k <= K && P >= b && w <= D)
+    if (s === "if-needed" && f >= 0 && P >= 0 && k <= _ && w <= R && f >= x && k <= K && P >= b && w <= D)
       return ie;
-    const v = getComputedStyle(W), _ = parseInt(v.borderLeftWidth, 10), I = parseInt(v.borderTopWidth, 10), C = parseInt(v.borderRightWidth, 10), z = parseInt(v.borderBottomWidth, 10);
+    const v = getComputedStyle(W), y = parseInt(v.borderLeftWidth, 10), I = parseInt(v.borderTopWidth, 10), C = parseInt(v.borderRightWidth, 10), z = parseInt(v.borderBottomWidth, 10);
     let H = 0, B = 0;
-    const Q = "offsetWidth" in W ? W.offsetWidth - W.clientWidth - _ - C : 0, S = "offsetHeight" in W ? W.offsetHeight - W.clientHeight - I - z : 0, de = "offsetWidth" in W ? W.offsetWidth === 0 ? 0 : ge / W.offsetWidth : 0, L = "offsetHeight" in W ? W.offsetHeight === 0 ? 0 : pe / W.offsetHeight : 0;
+    const Q = "offsetWidth" in W ? W.offsetWidth - W.clientWidth - y - C : 0, S = "offsetHeight" in W ? W.offsetHeight - W.clientHeight - I - z : 0, de = "offsetWidth" in W ? W.offsetWidth === 0 ? 0 : ge / W.offsetWidth : 0, L = "offsetHeight" in W ? W.offsetHeight === 0 ? 0 : pe / W.offsetHeight : 0;
     if (E === W)
-      H = a === "start" ? ne : a === "end" ? ne - y : a === "nearest" ? E0(h, h + y, y, I, z, h + ne, h + ne + m, m) : ne - y / 2, B = l === "start" ? Z : l === "center" ? Z - R / 2 : l === "end" ? Z - R : E0(T, T + R, R, _, C, T + Z, T + Z + g, g), H = Math.max(0, H + h), B = Math.max(0, B + T);
+      H = a === "start" ? ne : a === "end" ? ne - _ : a === "nearest" ? E0(h, h + _, _, I, z, h + ne, h + ne + m, m) : ne - _ / 2, B = l === "start" ? Z : l === "center" ? Z - R / 2 : l === "end" ? Z - R : E0(A, A + R, R, y, C, A + Z, A + Z + g, g), H = Math.max(0, H + h), B = Math.max(0, B + A);
     else {
-      H = a === "start" ? ne - x - I : a === "end" ? ne - K + z + S : a === "nearest" ? E0(x, K, pe, I, z + S, ne, ne + m, m) : ne - (x + pe / 2) + S / 2, B = l === "start" ? Z - b - _ : l === "center" ? Z - (b + ge / 2) + Q / 2 : l === "end" ? Z - D + C + Q : E0(b, D, ge, _, C + Q, Z, Z + g, g);
-      const { scrollLeft: _e, scrollTop: be } = W;
-      H = L === 0 ? 0 : Math.max(0, Math.min(be + H / L, W.scrollHeight - pe / L + S)), B = de === 0 ? 0 : Math.max(0, Math.min(_e + B / de, W.scrollWidth - ge / de + Q)), ne += be - H, Z += _e - B;
+      H = a === "start" ? ne - x - I : a === "end" ? ne - K + z + S : a === "nearest" ? E0(x, K, pe, I, z + S, ne, ne + m, m) : ne - (x + pe / 2) + S / 2, B = l === "start" ? Z - b - y : l === "center" ? Z - (b + ge / 2) + Q / 2 : l === "end" ? Z - D + C + Q : E0(b, D, ge, y, C + Q, Z, Z + g, g);
+      const { scrollLeft: ye, scrollTop: be } = W;
+      H = L === 0 ? 0 : Math.max(0, Math.min(be + H / L, W.scrollHeight - pe / L + S)), B = de === 0 ? 0 : Math.max(0, Math.min(ye + B / de, W.scrollWidth - ge / de + Q)), ne += be - H, Z += ye - B;
     }
     ie.push({ el: W, top: H, left: B });
   }
@@ -6082,9 +6075,9 @@ var c0 = function() {
 };
 var xs = 0;
 function an(e) {
-  return typeof e == "function" ? e : De;
+  return typeof e == "function" ? e : ke;
 }
-function De() {
+function ke() {
 }
 function or(e, t) {
   if (e) {
@@ -6182,7 +6175,7 @@ function et(e) {
 function Ss(e) {
   return Object.prototype.toString.call(e) === "[object Object]";
 }
-function t0(e, t, n, i, o) {
+function n0(e, t, n, i, o) {
   o === void 0 && (o = !1);
   var r = n.length;
   if (r === 0)
@@ -6212,7 +6205,7 @@ function M0(e, t, n, i) {
     return o && (sn(o, e, n) || i && sn(o, n.document.activeElement, n));
   });
 }
-var pt = De;
+var pt = ke;
 process.env.NODE_ENV !== "production" && (pt = function(t, n, i) {
   var o = "This prop should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled Downshift element for the lifetime of the component. More info: https://github.com/downshift-js/downshift#control-props";
   Object.keys(t).forEach(function(r) {
@@ -6241,7 +6234,7 @@ function dr(e, t) {
     n.textContent = e, Os(t);
   }
 }
-var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0, pr = process.env.NODE_ENV !== "production" ? "__autocomplete_mouseup__" : 1, gr = process.env.NODE_ENV !== "production" ? "__autocomplete_item_mouseenter__" : 2, N0 = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_arrow_up__" : 3, S0 = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_arrow_down__" : 4, mr = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_escape__" : 5, hr = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_enter__" : 6, vr = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_home__" : 7, br = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_end__" : 8, yr = process.env.NODE_ENV !== "production" ? "__autocomplete_click_item__" : 9, _r = process.env.NODE_ENV !== "production" ? "__autocomplete_blur_input__" : 10, Er = process.env.NODE_ENV !== "production" ? "__autocomplete_change_input__" : 11, Ir = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_space_button__" : 12, tt = process.env.NODE_ENV !== "production" ? "__autocomplete_click_button__" : 13, xr = process.env.NODE_ENV !== "production" ? "__autocomplete_blur_button__" : 14, wr = process.env.NODE_ENV !== "production" ? "__autocomplete_controlled_prop_updated_selected_item__" : 15, Nr = process.env.NODE_ENV !== "production" ? "__autocomplete_touchend__" : 16, Rs = /* @__PURE__ */ Object.freeze({
+var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0, pr = process.env.NODE_ENV !== "production" ? "__autocomplete_mouseup__" : 1, gr = process.env.NODE_ENV !== "production" ? "__autocomplete_item_mouseenter__" : 2, N0 = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_arrow_up__" : 3, S0 = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_arrow_down__" : 4, mr = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_escape__" : 5, hr = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_enter__" : 6, vr = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_home__" : 7, br = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_end__" : 8, _r = process.env.NODE_ENV !== "production" ? "__autocomplete_click_item__" : 9, yr = process.env.NODE_ENV !== "production" ? "__autocomplete_blur_input__" : 10, Er = process.env.NODE_ENV !== "production" ? "__autocomplete_change_input__" : 11, Ir = process.env.NODE_ENV !== "production" ? "__autocomplete_keydown_space_button__" : 12, tt = process.env.NODE_ENV !== "production" ? "__autocomplete_click_button__" : 13, xr = process.env.NODE_ENV !== "production" ? "__autocomplete_blur_button__" : 14, wr = process.env.NODE_ENV !== "production" ? "__autocomplete_controlled_prop_updated_selected_item__" : 15, Nr = process.env.NODE_ENV !== "production" ? "__autocomplete_touchend__" : 16, Rs = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   unknown: fr,
   mouseUp: pr,
@@ -6252,8 +6245,8 @@ var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
   keyDownEnter: hr,
   keyDownHome: vr,
   keyDownEnd: br,
-  clickItem: yr,
-  blurInput: _r,
+  clickItem: _r,
+  blurInput: yr,
   changeInput: Er,
   keyDownSpaceButton: Ir,
   clickButton: tt,
@@ -6342,7 +6335,7 @@ var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
             }, function() {
               var w = g.getItemCount();
               if (w > 0) {
-                var k = g.getState(), P = k.highlightedIndex, q = t0(P, 1, {
+                var k = g.getState(), P = k.highlightedIndex, q = n0(P, 1, {
                   length: w
                 }, g.isItemDisabled, !0);
                 g.setHighlightedIndex(q, {
@@ -6365,7 +6358,7 @@ var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
             }, function() {
               var w = g.getItemCount();
               if (w > 0) {
-                var k = g.getState(), P = k.highlightedIndex, q = t0(P, -1, {
+                var k = g.getState(), P = k.highlightedIndex, q = n0(P, -1, {
                   length: w
                 }, g.isItemDisabled, !0);
                 g.setHighlightedIndex(q, {
@@ -6518,7 +6511,7 @@ var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
           if (!(r.isMouseDown || !r.props.environment)) {
             var m = r.props.environment.document.activeElement, g = (m == null || (h = m.dataset) == null ? void 0 : h.toggle) && r._rootNode && r._rootNode.contains(m);
             g || r.reset({
-              type: _r
+              type: yr
             });
           }
         });
@@ -6551,7 +6544,7 @@ var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
           })
         }, m[X] = he(ne, function() {
           r.selectItemAtIndex(P, {
-            type: yr
+            type: _r
           });
         }), m), ie = G.disabled ? {
           onMouseDown: Z.onMouseDown
@@ -6604,13 +6597,13 @@ var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
           r.previousResultCount = f, dr(w, r.props.environment.document);
         }
       }, 200);
-      var s = r.props, a = s.defaultHighlightedIndex, l = s.initialHighlightedIndex, d = l === void 0 ? a : l, u = s.defaultIsOpen, p = s.initialIsOpen, E = p === void 0 ? u : p, N = s.initialInputValue, A = N === void 0 ? "" : N, R = s.initialSelectedItem, y = R === void 0 ? null : R, T = r.getState({
+      var s = r.props, a = s.defaultHighlightedIndex, l = s.initialHighlightedIndex, d = l === void 0 ? a : l, u = s.defaultIsOpen, p = s.initialIsOpen, E = p === void 0 ? u : p, N = s.initialInputValue, T = N === void 0 ? "" : N, R = s.initialSelectedItem, _ = R === void 0 ? null : R, A = r.getState({
         highlightedIndex: d,
         isOpen: E,
-        inputValue: A,
-        selectedItem: y
+        inputValue: T,
+        selectedItem: _
       });
-      return T.selectedItem != null && r.props.initialInputValue === void 0 && (T.inputValue = r.props.itemToString(T.selectedItem)), r.state = T, r;
+      return A.selectedItem != null && r.props.initialInputValue === void 0 && (A.inputValue = r.props.itemToString(A.selectedItem)), r.state = A, r;
     }
     var i = n.prototype;
     return i.internalClearTimeouts = function() {
@@ -6632,21 +6625,21 @@ var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
     }, i.moveHighlightedIndex = function(r, s) {
       var a = this.getItemCount(), l = this.getState(), d = l.highlightedIndex;
       if (a > 0) {
-        var u = t0(d, r, {
+        var u = n0(d, r, {
           length: a
         }, this.isItemDisabled, !0);
         this.setHighlightedIndex(u, s);
       }
     }, i.getStateAndHelpers = function() {
-      var r = this.getState(), s = r.highlightedIndex, a = r.inputValue, l = r.selectedItem, d = r.isOpen, u = this.props.itemToString, p = this.id, E = this.getRootProps, N = this.getToggleButtonProps, A = this.getLabelProps, R = this.getMenuProps, y = this.getInputProps, T = this.getItemProps, h = this.openMenu, m = this.closeMenu, g = this.toggleMenu, f = this.selectItem, w = this.selectItemAtIndex, k = this.selectHighlightedItem, P = this.setHighlightedIndex, q = this.clearSelection, U = this.clearItems, G = this.reset, X = this.setItemCount, ne = this.unsetItemCount, Z = this.internalSetState;
+      var r = this.getState(), s = r.highlightedIndex, a = r.inputValue, l = r.selectedItem, d = r.isOpen, u = this.props.itemToString, p = this.id, E = this.getRootProps, N = this.getToggleButtonProps, T = this.getLabelProps, R = this.getMenuProps, _ = this.getInputProps, A = this.getItemProps, h = this.openMenu, m = this.closeMenu, g = this.toggleMenu, f = this.selectItem, w = this.selectItemAtIndex, k = this.selectHighlightedItem, P = this.setHighlightedIndex, q = this.clearSelection, U = this.clearItems, G = this.reset, X = this.setItemCount, ne = this.unsetItemCount, Z = this.internalSetState;
       return {
         // prop getters
         getRootProps: E,
         getToggleButtonProps: N,
-        getLabelProps: A,
+        getLabelProps: T,
         getMenuProps: R,
-        getInputProps: y,
-        getItemProps: T,
+        getInputProps: _,
+        getItemProps: A,
         // actions
         reset: G,
         openMenu: h,
@@ -6682,8 +6675,8 @@ var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
           r.isMouseDown = !0;
         }, a = function(N) {
           r.isMouseDown = !1;
-          var A = M0(N.target, [r._rootNode, r._menuNode], r.props.environment);
-          !A && r.getState().isOpen && r.reset({
+          var T = M0(N.target, [r._rootNode, r._menuNode], r.props.environment);
+          !T && r.getState().isOpen && r.reset({
             type: pr
           }, function() {
             return r.props.onOuterClick(r.getStateAndHelpers());
@@ -6693,8 +6686,8 @@ var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         }, d = function() {
           r.isTouchMove = !0;
         }, u = function(N) {
-          var A = M0(N.target, [r._rootNode, r._menuNode], r.props.environment, !1);
-          !r.isTouchMove && !A && r.getState().isOpen && r.reset({
+          var T = M0(N.target, [r._rootNode, r._menuNode], r.props.environment, !1);
+          !r.isTouchMove && !T && r.getState().isOpen && r.reset({
             type: Nr
           }, function() {
             return r.props.onOuterClick(r.getStateAndHelpers());
@@ -6715,7 +6708,7 @@ var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
     }, i.componentWillUnmount = function() {
       this.cleanup();
     }, i.render = function() {
-      var r = cn(this.props.children, De);
+      var r = cn(this.props.children, ke);
       this.clearItems(), this.getRootProps.called = !1, this.getRootProps.refKey = void 0, this.getRootProps.suppressRefError = void 0, this.getMenuProps.called = !1, this.getMenuProps.refKey = void 0, this.getMenuProps.suppressRefError = void 0, this.getLabelProps.called = !1, this.getInputProps.called = !1;
       var s = cn(r(this.getStateAndHelpers()));
       if (!s)
@@ -6735,12 +6728,12 @@ var fr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
     itemToString: function(n) {
       return n == null ? "" : (process.env.NODE_ENV !== "production" && Ss(n) && !n.hasOwnProperty("toString") && console.warn("downshift: An object was passed to the default implementation of `itemToString`. You should probably provide your own `itemToString` implementation. Please refer to the `itemToString` API documentation.", "The object that was passed:", n), String(n));
     },
-    onStateChange: De,
-    onInputValueChange: De,
-    onUserAction: De,
-    onChange: De,
-    onSelect: De,
-    onOuterClick: De,
+    onStateChange: ke,
+    onInputValueChange: ke,
+    onUserAction: ke,
+    onChange: ke,
+    onSelect: ke,
+    onOuterClick: ke,
     selectedItemChanged: function(n, i) {
       return n !== i;
     },
@@ -6838,8 +6831,8 @@ function Hs(e) {
 }
 var zs = ft(function(e, t) {
   dr(e(), t);
-}, 200), Us = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Yr : Pe, js = "useId" in ye ? function(t) {
-  var n = t.id, i = t.labelId, o = t.menuId, r = t.getItemId, s = t.toggleButtonId, a = t.inputId, l = "downshift-" + ye.useId();
+}, 200), Us = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Yr : De, js = "useId" in _e ? function(t) {
+  var n = t.id, i = t.labelId, o = t.menuId, r = t.getItemId, s = t.toggleButtonId, a = t.inputId, l = "downshift-" + _e.useId();
   n || (n = l);
   var d = Ee({
     labelId: i || n + "-label",
@@ -6884,18 +6877,18 @@ function Or(e) {
   return t.current = e, t;
 }
 function qs(e, t, n, i) {
-  var o = Ee(), r = Ee(), s = xe(function(N, A) {
-    r.current = A, N = R0(N, A.props);
-    var R = e(N, A), y = A.props.stateReducer(N, Y({}, A, {
+  var o = Ee(), r = Ee(), s = we(function(N, T) {
+    r.current = T, N = R0(N, T.props);
+    var R = e(N, T), _ = T.props.stateReducer(N, Y({}, T, {
       changes: R
     }));
-    return y;
-  }, [e]), a = Xr(s, t, n), l = a[0], d = a[1], u = Or(t), p = xe(function(N) {
+    return _;
+  }, [e]), a = Xr(s, t, n), l = a[0], d = a[1], u = Or(t), p = we(function(N) {
     return d(Y({
       props: u.current
     }, N));
   }, [u]), E = r.current;
-  return Pe(function() {
+  return De(function() {
     var N = E && o.current && !i(o.current, l);
     N && $s(E, R0(o.current, E.props), l), o.current = l;
   }, [l, E, i]), [l, p];
@@ -6941,7 +6934,7 @@ function Gs(e, t, n, i) {
     isMouseDown: !1,
     isTouchMove: !1
   });
-  return Pe(function() {
+  return De(function() {
     if (n) {
       var r = function() {
         o.current.isMouseDown = !0;
@@ -6965,7 +6958,7 @@ function Gs(e, t, n, i) {
   }, [e, n]), o;
 }
 var Rr = function() {
-  return De;
+  return ke;
 };
 process.env.NODE_ENV !== "production" && (Rr = function() {
   for (var t = Ee(!0), n = arguments.length, i = new Array(n), o = 0; o < n; o++)
@@ -6973,7 +6966,7 @@ process.env.NODE_ENV !== "production" && (Rr = function() {
   var r = Ee(i.reduce(function(a, l) {
     return a[l] = {}, a;
   }, {}));
-  Pe(function() {
+  De(function() {
     Object.keys(r.current).forEach(function(a) {
       var l = r.current[a];
       if (t.current && !Object.keys(l).length) {
@@ -6984,7 +6977,7 @@ process.env.NODE_ENV !== "production" && (Rr = function() {
       (!p || !p.current) && !d && console.error('downshift: The ref prop "' + u + '" from ' + a + " was not applied correctly on your element.");
     }), t.current = !1;
   });
-  var s = xe(function(a, l, d, u) {
+  var s = we(function(a, l, d, u) {
     r.current[a] = {
       suppressRefError: l,
       refKey: d,
@@ -6995,7 +6988,7 @@ process.env.NODE_ENV !== "production" && (Rr = function() {
 });
 function un(e, t, n) {
   var i = n.isInitialMount, o = n.highlightedIndex, r = n.items, s = n.environment, a = He(n, Ls);
-  Pe(function() {
+  De(function() {
     i || !(s != null && s.document) || zs(function() {
       return e(Y({
         highlightedIndex: o,
@@ -7011,10 +7004,10 @@ function Ys(e) {
     t < 0 || !n || !Object.keys(i.current).length || (a.current === !1 ? a.current = !0 : s(o(t), r));
   }, [t]), a;
 }
-var Cr = De;
+var Cr = ke;
 process.env.NODE_ENV !== "production" && (Cr = function(t) {
   var n = t.isInitialMount, i = t.props, o = t.state, r = Ee(i);
-  Pe(function() {
+  De(function() {
     n || (pt(o, r.current, i), r.current = i);
   }, [o, i, n]);
 });
@@ -7157,14 +7150,14 @@ process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
-var mt = process.env.NODE_ENV !== "production" ? "__input_keydown_arrow_down__" : 0, ht = process.env.NODE_ENV !== "production" ? "__input_keydown_arrow_up__" : 1, vt = process.env.NODE_ENV !== "production" ? "__input_keydown_escape__" : 2, bt = process.env.NODE_ENV !== "production" ? "__input_keydown_home__" : 3, yt = process.env.NODE_ENV !== "production" ? "__input_keydown_end__" : 4, _t = process.env.NODE_ENV !== "production" ? "__input_keydown_page_up__" : 5, Et = process.env.NODE_ENV !== "production" ? "__input_keydown_page_down__" : 6, It = process.env.NODE_ENV !== "production" ? "__input_keydown_enter__" : 7, xt = process.env.NODE_ENV !== "production" ? "__input_change__" : 8, T0 = process.env.NODE_ENV !== "production" ? "__input_blur__" : 9, wt = process.env.NODE_ENV !== "production" ? "__input_click__" : 10, Ar = process.env.NODE_ENV !== "production" ? "__menu_mouse_leave__" : 11, kr = process.env.NODE_ENV !== "production" ? "__item_mouse_move__" : 12, Nt = process.env.NODE_ENV !== "production" ? "__item_click__" : 13, Dr = process.env.NODE_ENV !== "production" ? "__togglebutton_click__" : 14, Pr = process.env.NODE_ENV !== "production" ? "__function_toggle_menu__" : 15, Lr = process.env.NODE_ENV !== "production" ? "__function_open_menu__" : 16, $r = process.env.NODE_ENV !== "production" ? "__function_close_menu__" : 17, Br = process.env.NODE_ENV !== "production" ? "__function_set_highlighted_index__" : 18, St = process.env.NODE_ENV !== "production" ? "__function_select_item__" : 19, Vr = process.env.NODE_ENV !== "production" ? "__function_set_input_value__" : 20, Hr = process.env.NODE_ENV !== "production" ? "__function_reset__" : 21, Ot = process.env.NODE_ENV !== "production" ? "__controlled_prop_updated_selected_item__" : 22, zr = /* @__PURE__ */ Object.freeze({
+var mt = process.env.NODE_ENV !== "production" ? "__input_keydown_arrow_down__" : 0, ht = process.env.NODE_ENV !== "production" ? "__input_keydown_arrow_up__" : 1, vt = process.env.NODE_ENV !== "production" ? "__input_keydown_escape__" : 2, bt = process.env.NODE_ENV !== "production" ? "__input_keydown_home__" : 3, _t = process.env.NODE_ENV !== "production" ? "__input_keydown_end__" : 4, yt = process.env.NODE_ENV !== "production" ? "__input_keydown_page_up__" : 5, Et = process.env.NODE_ENV !== "production" ? "__input_keydown_page_down__" : 6, It = process.env.NODE_ENV !== "production" ? "__input_keydown_enter__" : 7, xt = process.env.NODE_ENV !== "production" ? "__input_change__" : 8, T0 = process.env.NODE_ENV !== "production" ? "__input_blur__" : 9, wt = process.env.NODE_ENV !== "production" ? "__input_click__" : 10, Ar = process.env.NODE_ENV !== "production" ? "__menu_mouse_leave__" : 11, kr = process.env.NODE_ENV !== "production" ? "__item_mouse_move__" : 12, Nt = process.env.NODE_ENV !== "production" ? "__item_click__" : 13, Dr = process.env.NODE_ENV !== "production" ? "__togglebutton_click__" : 14, Pr = process.env.NODE_ENV !== "production" ? "__function_toggle_menu__" : 15, Lr = process.env.NODE_ENV !== "production" ? "__function_open_menu__" : 16, $r = process.env.NODE_ENV !== "production" ? "__function_close_menu__" : 17, Br = process.env.NODE_ENV !== "production" ? "__function_set_highlighted_index__" : 18, St = process.env.NODE_ENV !== "production" ? "__function_select_item__" : 19, Vr = process.env.NODE_ENV !== "production" ? "__function_set_input_value__" : 20, Hr = process.env.NODE_ENV !== "production" ? "__function_reset__" : 21, Ot = process.env.NODE_ENV !== "production" ? "__controlled_prop_updated_selected_item__" : 22, zr = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   InputKeyDownArrowDown: mt,
   InputKeyDownArrowUp: ht,
   InputKeyDownEscape: vt,
   InputKeyDownHome: bt,
-  InputKeyDownEnd: yt,
-  InputKeyDownPageUp: _t,
+  InputKeyDownEnd: _t,
+  InputKeyDownPageUp: yt,
   InputKeyDownPageDown: Et,
   InputKeyDownEnter: It,
   InputChange: xt,
@@ -7202,14 +7195,14 @@ var ec = Y({}, Tr, {
 });
 function tc(e, t, n, i) {
   var o = Ee(), r = qs(e, t, n, i), s = r[0], a = r[1];
-  return Pe(function() {
+  return De(function() {
     C0(t, "selectedItem") && (t.selectedItemChanged(o.current, t.selectedItem) && a({
       type: Ot,
       inputValue: t.itemToString(t.selectedItem)
     }), o.current = s.selectedItem === o.current ? t.selectedItem : s.selectedItem);
   }, [s.selectedItem, t.selectedItem]), [R0(s, t), a];
 }
-var Ur = De;
+var Ur = ke;
 process.env.NODE_ENV !== "production" && (Ur = function(t, n) {
   O.checkPropTypes(ec, t, "prop", n.name);
 });
@@ -7235,7 +7228,7 @@ function rc(e, t) {
       break;
     case mt:
       e.isOpen ? s = {
-        highlightedIndex: t0(e.highlightedIndex, 1, o.items, o.isItemDisabled, !0)
+        highlightedIndex: n0(e.highlightedIndex, 1, o.items, o.isItemDisabled, !0)
       } : s = {
         highlightedIndex: r && e.selectedItem == null ? -1 : f0(o, e, 1),
         isOpen: o.items.length >= 0
@@ -7243,7 +7236,7 @@ function rc(e, t) {
       break;
     case ht:
       e.isOpen ? r ? s = dn(o, e.highlightedIndex) : s = {
-        highlightedIndex: t0(e.highlightedIndex, -1, o.items, o.isItemDisabled, !0)
+        highlightedIndex: n0(e.highlightedIndex, -1, o.items, o.isItemDisabled, !0)
       } : s = {
         highlightedIndex: f0(o, e, -1),
         isOpen: o.items.length >= 0
@@ -7261,14 +7254,14 @@ function rc(e, t) {
         inputValue: ""
       });
       break;
-    case _t:
+    case yt:
       s = {
-        highlightedIndex: t0(e.highlightedIndex, -10, o.items, o.isItemDisabled, !0)
+        highlightedIndex: n0(e.highlightedIndex, -10, o.items, o.isItemDisabled, !0)
       };
       break;
     case Et:
       s = {
-        highlightedIndex: t0(e.highlightedIndex, 10, o.items, o.isItemDisabled, !0)
+        highlightedIndex: n0(e.highlightedIndex, 10, o.items, o.isItemDisabled, !0)
       };
       break;
     case bt:
@@ -7276,7 +7269,7 @@ function rc(e, t) {
         highlightedIndex: l0(0, !1, o.items, o.isItemDisabled)
       };
       break;
-    case yt:
+    case _t:
       s = {
         highlightedIndex: l0(o.items.length - 1, !0, o.items, o.isItemDisabled)
       };
@@ -7323,13 +7316,13 @@ var ic = ["onMouseLeave", "refKey", "ref"], oc = ["item", "index", "refKey", "re
 Rt.stateChangeTypes = zr;
 function Rt(e) {
   e === void 0 && (e = {}), Ur(e, Rt);
-  var t = Y({}, nc, e), n = t.items, i = t.scrollIntoView, o = t.environment, r = t.getA11yStatusMessage, s = t.getA11ySelectionMessage, a = t.itemToString, l = tc(rc, t, Js, Xs), d = l[0], u = l[1], p = d.isOpen, E = d.highlightedIndex, N = d.selectedItem, A = d.inputValue, R = Ee(null), y = Ee({}), T = Ee(null), h = Ee(null), m = Ee(!0), g = js(t), f = Ee(), w = Or({
+  var t = Y({}, nc, e), n = t.items, i = t.scrollIntoView, o = t.environment, r = t.getA11yStatusMessage, s = t.getA11ySelectionMessage, a = t.itemToString, l = tc(rc, t, Js, Xs), d = l[0], u = l[1], p = d.isOpen, E = d.highlightedIndex, N = d.selectedItem, T = d.inputValue, R = Ee(null), _ = Ee({}), A = Ee(null), h = Ee(null), m = Ee(!0), g = js(t), f = Ee(), w = Or({
     state: d,
     props: t
-  }), k = xe(function(v) {
-    return y.current[g.getItemId(v)];
+  }), k = we(function(v) {
+    return _.current[g.getItemId(v)];
   }, [g]);
-  un(r, [p, E, A, n], Y({
+  un(r, [p, E, T, n], Y({
     isInitialMount: m.current,
     previousResultCount: f.current,
     items: n,
@@ -7346,7 +7339,7 @@ function Rt(e) {
     menuElement: R.current,
     highlightedIndex: E,
     isOpen: p,
-    itemRefs: y,
+    itemRefs: _,
     scrollIntoView: i,
     getItemNodeFromIndex: k
   });
@@ -7354,143 +7347,143 @@ function Rt(e) {
     isInitialMount: m.current,
     props: t,
     state: d
-  }), Pe(function() {
+  }), De(function() {
     var v = u0(t, "isOpen");
-    v && T.current && T.current.focus();
-  }, []), Pe(function() {
+    v && A.current && A.current.focus();
+  }, []), De(function() {
     m.current || (f.current = n.length);
   });
-  var q = Gs(p, [T, R, h], o, function() {
+  var q = Gs(p, [A, R, h], o, function() {
     u({
       type: T0,
       selectItem: !1
     });
   }), U = Rr("getInputProps", "getMenuProps");
-  Pe(function() {
+  De(function() {
     return m.current = !1, function() {
       m.current = !0;
     };
-  }, []), Pe(function() {
-    p || (y.current = {});
-  }, [p]), Pe(function() {
+  }, []), De(function() {
+    p || (_.current = {});
+  }, [p]), De(function() {
     var v;
-    !p || !(o != null && o.document) || !(T != null && (v = T.current) != null && v.focus) || o.document.activeElement !== T.current && T.current.focus();
+    !p || !(o != null && o.document) || !(A != null && (v = A.current) != null && v.focus) || o.document.activeElement !== A.current && A.current.focus();
   }, [p, o]);
   var G = fn(function() {
     return {
-      ArrowDown: function(_) {
-        _.preventDefault(), u({
+      ArrowDown: function(y) {
+        y.preventDefault(), u({
           type: mt,
-          altKey: _.altKey
+          altKey: y.altKey
         });
       },
-      ArrowUp: function(_) {
-        _.preventDefault(), u({
+      ArrowUp: function(y) {
+        y.preventDefault(), u({
           type: ht,
-          altKey: _.altKey
+          altKey: y.altKey
         });
       },
-      Home: function(_) {
-        w.current.state.isOpen && (_.preventDefault(), u({
+      Home: function(y) {
+        w.current.state.isOpen && (y.preventDefault(), u({
           type: bt
         }));
       },
-      End: function(_) {
-        w.current.state.isOpen && (_.preventDefault(), u({
-          type: yt
+      End: function(y) {
+        w.current.state.isOpen && (y.preventDefault(), u({
+          type: _t
         }));
       },
-      Escape: function(_) {
+      Escape: function(y) {
         var I = w.current.state;
-        (I.isOpen || I.inputValue || I.selectedItem || I.highlightedIndex > -1) && (_.preventDefault(), u({
+        (I.isOpen || I.inputValue || I.selectedItem || I.highlightedIndex > -1) && (y.preventDefault(), u({
           type: vt
         }));
       },
-      Enter: function(_) {
+      Enter: function(y) {
         var I = w.current.state;
-        !I.isOpen || _.which === 229 || (_.preventDefault(), u({
+        !I.isOpen || y.which === 229 || (y.preventDefault(), u({
           type: It
         }));
       },
-      PageUp: function(_) {
-        w.current.state.isOpen && (_.preventDefault(), u({
-          type: _t
+      PageUp: function(y) {
+        w.current.state.isOpen && (y.preventDefault(), u({
+          type: yt
         }));
       },
-      PageDown: function(_) {
-        w.current.state.isOpen && (_.preventDefault(), u({
+      PageDown: function(y) {
+        w.current.state.isOpen && (y.preventDefault(), u({
           type: Et
         }));
       }
     };
-  }, [u, w]), X = xe(function(v) {
+  }, [u, w]), X = we(function(v) {
     return Y({
       id: g.labelId,
       htmlFor: g.inputId
     }, v);
-  }, [g]), ne = xe(function(v, _) {
-    var I, C = v === void 0 ? {} : v, z = C.onMouseLeave, H = C.refKey, B = H === void 0 ? "ref" : H, Q = C.ref, S = He(C, ic), de = _ === void 0 ? {} : _, L = de.suppressRefError, _e = L === void 0 ? !1 : L;
-    return U("getMenuProps", _e, B, R), Y((I = {}, I[B] = a0(Q, function(be) {
+  }, [g]), ne = we(function(v, y) {
+    var I, C = v === void 0 ? {} : v, z = C.onMouseLeave, H = C.refKey, B = H === void 0 ? "ref" : H, Q = C.ref, S = He(C, ic), de = y === void 0 ? {} : y, L = de.suppressRefError, ye = L === void 0 ? !1 : L;
+    return U("getMenuProps", ye, B, R), Y((I = {}, I[B] = a0(Q, function(be) {
       R.current = be;
     }), I.id = g.menuId, I.role = "listbox", I["aria-labelledby"] = S && S["aria-label"] ? void 0 : "" + g.labelId, I.onMouseLeave = he(z, function() {
       u({
         type: Ar
       });
     }), I), S);
-  }, [u, U, g]), Z = xe(function(v) {
-    var _, I, C = v === void 0 ? {} : v, z = C.item, H = C.index, B = C.refKey, Q = B === void 0 ? "ref" : B, S = C.ref, de = C.onMouseMove, L = C.onMouseDown, _e = C.onClick;
+  }, [u, U, g]), Z = we(function(v) {
+    var y, I, C = v === void 0 ? {} : v, z = C.item, H = C.index, B = C.refKey, Q = B === void 0 ? "ref" : B, S = C.ref, de = C.onMouseMove, L = C.onMouseDown, ye = C.onClick;
     C.onPress;
     var be = C.disabled, Le = He(C, oc);
     be !== void 0 && console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled prop from useCombobox.');
-    var Ye = w.current, $e = Ye.props, Be = Ye.state, Xe = Ks(z, H, $e.items, "Pass either item or index to getItemProps!"), J = Xe[0], Te = Xe[1], me = $e.isItemDisabled(J, Te), fe = "onClick", Fe = _e, Ne = function() {
-      Te !== Be.highlightedIndex && (P.current = !1, u({
+    var Ye = w.current, $e = Ye.props, Be = Ye.state, Xe = Ks(z, H, $e.items, "Pass either item or index to getItemProps!"), J = Xe[0], Me = Xe[1], me = $e.isItemDisabled(J, Me), fe = "onClick", Fe = ye, Ne = function() {
+      Me !== Be.highlightedIndex && (P.current = !1, u({
         type: kr,
-        index: Te,
+        index: Me,
         disabled: me
       }));
     }, Ve = function() {
       u({
         type: Nt,
-        index: Te
+        index: Me
       });
-    }, Ae = function(j) {
+    }, Te = function(j) {
       return j.preventDefault();
     };
-    return Y((_ = {}, _[Q] = a0(S, function($) {
-      $ && (y.current[g.getItemId(Te)] = $);
-    }), _["aria-disabled"] = me, _["aria-selected"] = "" + (Te === Be.highlightedIndex), _.id = g.getItemId(Te), _.role = "option", _), !me && (I = {}, I[fe] = he(Fe, Ve), I), {
+    return Y((y = {}, y[Q] = a0(S, function($) {
+      $ && (_.current[g.getItemId(Me)] = $);
+    }), y["aria-disabled"] = me, y["aria-selected"] = "" + (Me === Be.highlightedIndex), y.id = g.getItemId(Me), y.role = "option", y), !me && (I = {}, I[fe] = he(Fe, Ve), I), {
       onMouseMove: he(de, Ne),
-      onMouseDown: he(L, Ae)
+      onMouseDown: he(L, Te)
     }, Le);
-  }, [u, w, P, g]), ie = xe(function(v) {
-    var _, I = v === void 0 ? {} : v, C = I.onClick;
+  }, [u, w, P, g]), ie = we(function(v) {
+    var y, I = v === void 0 ? {} : v, C = I.onClick;
     I.onPress;
     var z = I.refKey, H = z === void 0 ? "ref" : z, B = I.ref, Q = He(I, ac), S = w.current.state, de = function() {
       u({
         type: Dr
       });
     };
-    return Y((_ = {}, _[H] = a0(B, function(L) {
+    return Y((y = {}, y[H] = a0(B, function(L) {
       h.current = L;
-    }), _["aria-controls"] = g.menuId, _["aria-expanded"] = S.isOpen, _.id = g.toggleButtonId, _.tabIndex = -1, _), !Q.disabled && Y({}, {
+    }), y["aria-controls"] = g.menuId, y["aria-expanded"] = S.isOpen, y.id = g.toggleButtonId, y.tabIndex = -1, y), !Q.disabled && Y({}, {
       onClick: he(C, de)
     }), Q);
-  }, [u, w, g]), oe = xe(function(v, _) {
+  }, [u, w, g]), oe = we(function(v, y) {
     var I, C = v === void 0 ? {} : v, z = C.onKeyDown, H = C.onChange, B = C.onInput, Q = C.onBlur;
     C.onChangeText;
-    var S = C.onClick, de = C.refKey, L = de === void 0 ? "ref" : de, _e = C.ref, be = He(C, sc), Le = _ === void 0 ? {} : _, Ye = Le.suppressRefError, $e = Ye === void 0 ? !1 : Ye;
-    U("getInputProps", $e, L, T);
-    var Be = w.current.state, Xe = function(Ae) {
-      var $ = et(Ae);
-      $ && G[$] && G[$](Ae);
-    }, J = function(Ae) {
+    var S = C.onClick, de = C.refKey, L = de === void 0 ? "ref" : de, ye = C.ref, be = He(C, sc), Le = y === void 0 ? {} : y, Ye = Le.suppressRefError, $e = Ye === void 0 ? !1 : Ye;
+    U("getInputProps", $e, L, A);
+    var Be = w.current.state, Xe = function(Te) {
+      var $ = et(Te);
+      $ && G[$] && G[$](Te);
+    }, J = function(Te) {
       u({
         type: xt,
-        inputValue: Ae.target.value
+        inputValue: Te.target.value
       });
-    }, Te = function(Ae) {
+    }, Me = function(Te) {
       if (o != null && o.document && Be.isOpen && !q.current.isMouseDown) {
-        var $ = Ae.relatedTarget === null && o.document.activeElement !== o.document.body;
+        var $ = Te.relatedTarget === null && o.document.activeElement !== o.document.body;
         u({
           type: T0,
           selectItem: !$
@@ -7503,39 +7496,39 @@ function Rt(e) {
     }, fe = "onChange", Fe = {};
     if (!be.disabled) {
       var Ne;
-      Fe = (Ne = {}, Ne[fe] = he(H, B, J), Ne.onKeyDown = he(z, Xe), Ne.onBlur = he(Q, Te), Ne.onClick = he(S, me), Ne);
+      Fe = (Ne = {}, Ne[fe] = he(H, B, J), Ne.onKeyDown = he(z, Xe), Ne.onBlur = he(Q, Me), Ne.onClick = he(S, me), Ne);
     }
-    return Y((I = {}, I[L] = a0(_e, function(Ve) {
-      T.current = Ve;
+    return Y((I = {}, I[L] = a0(ye, function(Ve) {
+      A.current = Ve;
     }), I["aria-activedescendant"] = Be.isOpen && Be.highlightedIndex > -1 ? g.getItemId(Be.highlightedIndex) : "", I["aria-autocomplete"] = "list", I["aria-controls"] = g.menuId, I["aria-expanded"] = Be.isOpen, I["aria-labelledby"] = be && be["aria-label"] ? void 0 : g.labelId, I.autoComplete = "off", I.id = g.inputId, I.role = "combobox", I.value = Be.inputValue, I), Fe, be);
-  }, [U, w, g, G, u, q, o]), W = xe(function() {
+  }, [U, w, g, G, u, q, o]), W = we(function() {
     u({
       type: Pr
     });
-  }, [u]), pe = xe(function() {
+  }, [u]), pe = we(function() {
     u({
       type: $r
     });
-  }, [u]), ge = xe(function() {
+  }, [u]), ge = we(function() {
     u({
       type: Lr
     });
-  }, [u]), x = xe(function(v) {
+  }, [u]), x = we(function(v) {
     u({
       type: Br,
       highlightedIndex: v
     });
-  }, [u]), D = xe(function(v) {
+  }, [u]), D = we(function(v) {
     u({
       type: St,
       selectedItem: v
     });
-  }, [u]), K = xe(function(v) {
+  }, [u]), K = we(function(v) {
     u({
       type: Vr,
       inputValue: v
     });
-  }, [u]), b = xe(function() {
+  }, [u]), b = we(function() {
     u({
       type: Hr
     });
@@ -7559,7 +7552,7 @@ function Rt(e) {
     highlightedIndex: E,
     isOpen: p,
     selectedItem: N,
-    inputValue: A
+    inputValue: T
   };
 }
 function cc(e) {
@@ -7594,7 +7587,7 @@ process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
-const jr = Me(
+const jr = Ce(
   ({
     isOpen: e = !1,
     items: t,
@@ -7604,10 +7597,10 @@ const jr = Me(
     highlightedIndex: s = 0,
     ...a
   }, l) => /* @__PURE__ */ M(V, { className: re("autocomplete-result", a.className), ref: l, hidden: !e, children: [
-    t.length > 0 && /* @__PURE__ */ M(Ce, { children: [
-      t.map(({ slug: d, title: u, date: p, authors: E, link: N }, A) => {
-        const R = s === A;
-        return /* @__PURE__ */ c(ye.Fragment, { children: /* @__PURE__ */ M(
+    t.length > 0 && /* @__PURE__ */ M(Pe, { children: [
+      t.map(({ slug: d, title: u, date: p, authors: E, link: N }, T) => {
+        const R = s === T;
+        return /* @__PURE__ */ c(_e.Fragment, { children: /* @__PURE__ */ M(
           F,
           {
             alignItems: "center",
@@ -7627,7 +7620,7 @@ const jr = Me(
                   size: "s",
                   text: u,
                   textQuery: n,
-                  lineClamp: 2,
+                  lineClamp: { xs: 4, md: 2 },
                   className: "autocomplete-result__link"
                 }
               ),
@@ -7644,7 +7637,7 @@ const jr = Me(
           textSize: "s",
           fontWeight: "medium",
           textAlign: "center",
-          children: /* @__PURE__ */ c(r0, { ...o, children: i })
+          children: /* @__PURE__ */ c(e0, { ...o, children: i })
         }
       )
     ] }),
@@ -7656,7 +7649,7 @@ const jr = Me(
   ] })
 );
 jr.displayName = "AutocompleteResult";
-const Kr = Me(
+const Kr = Ce(
   ({
     placeholder: e,
     defaultValue: t,
@@ -7671,14 +7664,14 @@ const Kr = Me(
   }, p) => {
     const E = (k) => {
       l && k.key === "Enter" && l(k.currentTarget.value);
-    }, { getInputProps: N, getMenuProps: A, getItemProps: R, selectItem: y, toggleMenu: T, isOpen: h, inputValue: m, highlightedIndex: g } = Rt({
+    }, { getInputProps: N, getMenuProps: T, getItemProps: R, selectItem: _, toggleMenu: A, isOpen: h, inputValue: m, highlightedIndex: g } = Rt({
       defaultInputValue: t,
       onInputValueChange: s,
       onSelectedItemChange: a,
       items: n,
       itemToString: (k) => k ? k.title : "",
       isOpen: d
-    }), f = () => y(null), w = ye.useMemo(
+    }), f = () => _(null), w = _e.useMemo(
       () => n.map((k, P) => ({
         ...k,
         ...R({ item: k, index: P })
@@ -7699,14 +7692,14 @@ const Kr = Me(
         jr,
         {
           isOpen: h && m.length > 0,
-          ...A(),
+          ...T(),
           items: w,
           highlightedIndex: g === -1 ? 0 : g,
           searchValue: m,
           searchLink: {
             label: i,
             ...o,
-            onClick: T
+            onClick: A
           },
           searchNotFound: r
         }
@@ -7725,10 +7718,10 @@ const Pc = ({
   onToggleMenu: l,
   menuIsOpen: d = !1
 }) => /* @__PURE__ */ M(F, { as: "header", justifyContent: "between", alignItems: "center", bg: "white", p: "m", className: "header", children: [
-  /* @__PURE__ */ c(V, { as: "a", ...e, color: "primary", children: /* @__PURE__ */ c(_n, { name: "blog", className: "header__logo" }) }),
+  /* @__PURE__ */ c(V, { as: "a", ...e, color: "primary", children: /* @__PURE__ */ c(yn, { name: "blog", className: "header__logo" }) }),
   /* @__PURE__ */ M(V, { className: re("header__menu", { "header__menu--is-open": d }), children: [
-    t.map(({ label: u, ...p }, E) => /* @__PURE__ */ c(r0, { as: "a", ...p, "data-internal-link": "category", className: "header__menu-item", children: u }, E)),
-    n && /* @__PURE__ */ M(Ce, { children: [
+    t.map(({ label: u, ...p }, E) => /* @__PURE__ */ c(e0, { as: "a", ...p, "data-internal-link": "category", className: "header__menu-item", children: u }, E)),
+    n && /* @__PURE__ */ M(Pe, { children: [
       /* @__PURE__ */ c(V, { className: "header__separator" }),
       /* @__PURE__ */ c(V, { as: "a", ...o, "data-internal-link": "category", className: "header__menu-item", children: i })
     ] }),
@@ -7780,7 +7773,7 @@ const lc = ({
           pb: { xs: "l", md: "xl" },
           mx: "s",
           children: [
-            /* @__PURE__ */ c(V, { mb: "xl", children: /* @__PURE__ */ c(F, { justifyContent: { xs: "center", md: "start" }, alignItems: "center", mb: "xxs", children: /* @__PURE__ */ c(_n, { name: "website", size: "2.5em" }) }) }),
+            /* @__PURE__ */ c(V, { mb: "xl", children: /* @__PURE__ */ c(F, { justifyContent: { xs: "center", md: "start" }, alignItems: "center", mb: "xxs", children: /* @__PURE__ */ c(yn, { name: "website", size: "2.5em" }) }) }),
             /* @__PURE__ */ M(V, { children: [
               /* @__PURE__ */ c(F, { flexDirection: { xs: "column", md: "row" }, gap: { md: "xl" }, children: o.map((a, l) => /* @__PURE__ */ M(V, { mb: "m", children: [
                 a.title && /* @__PURE__ */ c(ee, { fontWeight: "bold", mb: "xxs-2", children: a.title }),
@@ -7798,7 +7791,7 @@ const lc = ({
                       "data-social-link": a
                     },
                     children: /* @__PURE__ */ c(
-                      Ie,
+                      xe,
                       {
                         name: a,
                         size: "36",
@@ -7816,9 +7809,9 @@ const lc = ({
         }
       ),
       /* @__PURE__ */ M(F, { py: "s", justifyContent: "center", alignItems: "center", className: "footer__language-links-container", children: [
-        /* @__PURE__ */ c(V, { mr: "xxs", children: /* @__PURE__ */ c(Ie, { size: "28px", name: "language" }) }),
-        s.map(({ label: a, isActive: l, ...d }, u) => /* @__PURE__ */ M(ye.Fragment, { children: [
-          l ? /* @__PURE__ */ c(ee, { fontWeight: "bold", children: a }) : /* @__PURE__ */ c(r0, { ...d, "data-internal-link": "home", children: a }),
+        /* @__PURE__ */ c(V, { mr: "xxs", children: /* @__PURE__ */ c(xe, { size: "28px", name: "language" }) }),
+        s.map(({ label: a, isActive: l, ...d }, u) => /* @__PURE__ */ M(_e.Fragment, { children: [
+          l ? /* @__PURE__ */ c(ee, { fontWeight: "bold", children: a }) : /* @__PURE__ */ c(e0, { ...d, "data-internal-link": "home", children: a }),
           s.length - 1 !== u && /* @__PURE__ */ c(V, { mx: "s" })
         ] }, u))
       ] })
@@ -7832,7 +7825,7 @@ const uc = ({
   ...o
 }) => /* @__PURE__ */ M(V, { ...o, my: "xl", className: "last-articles-block container-content", children: [
   /* @__PURE__ */ c(ve, { size: "m", color: "primary", children: e }),
-  /* @__PURE__ */ c(F, { mt: "l", gap: "m", className: "last-articles-block__post-list", children: t.map((r, s) => /* @__PURE__ */ c(ye.Fragment, { children: /* @__PURE__ */ c(k0, { variant: "highlight-light", ...r || {} }) }, (r == null ? void 0 : r.slug) ?? s)) }),
+  /* @__PURE__ */ c(F, { mt: "l", gap: "m", className: "last-articles-block__post-list", children: t.map((r, s) => /* @__PURE__ */ c(_e.Fragment, { children: /* @__PURE__ */ c(k0, { variant: "highlight-light", ...r || {} }) }, (r == null ? void 0 : r.slug) ?? s)) }),
   /* @__PURE__ */ c(F, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ c(Ke, { mt: "l", as: "a", ...i, children: n }) })
 ] });
 const dc = ({
@@ -7856,24 +7849,24 @@ const dc = ({
     children: [
       /* @__PURE__ */ M(V, { className: "last-tutorials-block__content", children: [
         /* @__PURE__ */ c(ve, { size: "m", children: e }),
-        /* @__PURE__ */ c(Ie, { name: "underline", color: "white", width: "56px" }),
+        /* @__PURE__ */ c(xe, { name: "underline", color: "white", width: "56px" }),
         /* @__PURE__ */ c(ee, { mt: "l", children: t }),
         /* @__PURE__ */ c(Ke, { mt: "l", as: "a", variant: "accent", ...r, children: o })
       ] }),
-      /* @__PURE__ */ c(F, { gap: "l", className: "last-tutorials-block__post-list", children: i.map((a, l) => /* @__PURE__ */ c(ye.Fragment, { children: /* @__PURE__ */ c(k0, { variant: "highlight-dark", tutorialLabel: n, ...a || {} }) }, (a == null ? void 0 : a.slug) ?? l)) })
+      /* @__PURE__ */ c(F, { gap: "l", className: "last-tutorials-block__post-list", children: i.map((a, l) => /* @__PURE__ */ c(_e.Fragment, { children: /* @__PURE__ */ c(k0, { variant: "highlight-dark", tutorialLabel: n, ...a || {} }) }, (a == null ? void 0 : a.slug) ?? l)) })
     ]
   }
-) }), V = Me(({ as: e = "div", className: t, children: n, ...i }, o) => /* @__PURE__ */ c(
+) }), V = Ce(({ as: e = "div", className: t, children: n, ...i }, o) => /* @__PURE__ */ c(
   e,
   {
-    ...it({ props: i, systemPropNames: Object.keys(_i) }),
+    ...it({ props: i, systemPropNames: Object.keys(yi) }),
     ref: o,
     className: re(Ai(i), t),
     children: n
   }
 ));
 V.displayName = "Box";
-const F = Me(
+const F = Ce(
   ({ as: e = "div", display: t = "flex", className: n, children: i, ...o }, r) => /* @__PURE__ */ c(
     V,
     {
@@ -7917,7 +7910,7 @@ const D0 = ({
 }) => /* @__PURE__ */ M(V, { children: [
   /* @__PURE__ */ c(ve, { size: "m", mb: "l", color: "primary", children: e }),
   t,
-  n && /* @__PURE__ */ M(Ce, { children: [
+  n && /* @__PURE__ */ M(Pe, { children: [
     /* @__PURE__ */ c(h0, { mt: "m" }),
     /* @__PURE__ */ c(is, { mt: "l", ...n })
   ] })
@@ -7925,7 +7918,7 @@ const D0 = ({
   categoryIntroBlock: e,
   newsletterCard: t,
   ...n
-}) => /* @__PURE__ */ M(Ce, { children: [
+}) => /* @__PURE__ */ M(Pe, { children: [
   /* @__PURE__ */ c(ns, { ...e }),
   /* @__PURE__ */ c(
     D0,
@@ -7939,7 +7932,7 @@ const D0 = ({
   lastArticlesBlock: t,
   lastTutorialsBlock: n,
   newsletterCard: i
-}) => /* @__PURE__ */ M(Ce, { children: [
+}) => /* @__PURE__ */ M(Pe, { children: [
   /* @__PURE__ */ c(rs, { ...e }),
   /* @__PURE__ */ c(uc, { ...t }),
   n && /* @__PURE__ */ c(dc, { ...n }),
@@ -7960,7 +7953,7 @@ const q0 = (e) => {
       target: "_blank",
       rel: "noreferrer",
       children: /* @__PURE__ */ c(
-        Ie,
+        xe,
         {
           name: "twitter",
           className: "share-links__social-media-icon share-links__social-media-icon--twitter",
@@ -7975,7 +7968,7 @@ const q0 = (e) => {
       href: `https://www.facebook.com/sharer/sharer.php${q0({ u: e })}`,
       target: "_blank",
       rel: "noreferrer",
-      children: /* @__PURE__ */ c(Ie, { name: "facebook", className: "share-links__social-media-icon", size: "36" })
+      children: /* @__PURE__ */ c(xe, { name: "facebook", className: "share-links__social-media-icon", size: "36" })
     }
   ),
   t.linkedIn && /* @__PURE__ */ c(
@@ -7984,7 +7977,7 @@ const q0 = (e) => {
       href: `https://linkedin.com/shareArticle${q0({ url: e, mini: "true" })}`,
       target: "_blank",
       rel: "noreferrer",
-      children: /* @__PURE__ */ c(Ie, { name: "linkedin", className: "share-links__social-media-icon", size: "36" })
+      children: /* @__PURE__ */ c(xe, { name: "linkedin", className: "share-links__social-media-icon", size: "36" })
     }
   )
 ] }), mc = ({ title: e, date: t, readingTime: n, authors: i, shareLinks: o, ...r }) => /* @__PURE__ */ M(V, { ...r, textSize: "xs", children: [
@@ -8006,13 +7999,13 @@ const q0 = (e) => {
   contactCard: s,
   previousLink: { label: a, ...l } = {},
   nextLink: { label: d, ...u } = {}
-}) => /* @__PURE__ */ M(Ce, { children: [
+}) => /* @__PURE__ */ M(Pe, { children: [
   /* @__PURE__ */ M(V, { children: [
     /* @__PURE__ */ c(mc, { ...n }),
     /* @__PURE__ */ c(h0, { mt: "m" }),
     /* @__PURE__ */ c(nr, { mt: "l", hiddenAbove: "md", variant: e === "tutorial" ? "secondary" : "primary", ...t }),
     /* @__PURE__ */ c(V, { mt: { xs: "l", md: "m" }, className: "post-page__content", children: i }),
-    e === "tutorial" && /* @__PURE__ */ c(Ce, { children: /* @__PURE__ */ M(F, { gap: "l", children: [
+    e === "tutorial" && /* @__PURE__ */ c(Pe, { children: /* @__PURE__ */ M(F, { gap: "l", children: [
       a && l && /* @__PURE__ */ c(Ke, { as: "a", mt: "l", variant: "secondary", ...l, children: a }),
       d && u && /* @__PURE__ */ c(Ke, { as: "a", mt: "l", ...u, children: d })
     ] }) }),
@@ -8046,7 +8039,7 @@ const zc = ({ newsletterCard: e, ...t }) => /* @__PURE__ */ c(
     content: /* @__PURE__ */ c(bc, { ...t }),
     sidebar: /* @__PURE__ */ c(ut, { ...e })
   }
-), bc = ({ author: e, title: t, postCardList: n }) => /* @__PURE__ */ M(Ce, { children: [
+), bc = ({ author: e, title: t, postCardList: n }) => /* @__PURE__ */ M(Pe, { children: [
   /* @__PURE__ */ M(
     F,
     {
@@ -8069,11 +8062,11 @@ const zc = ({ newsletterCard: e, ...t }) => /* @__PURE__ */ c(
               className: "author-page__social_networks",
               children: e.socialNetworks.map((i, o) => {
                 var r;
-                return /* @__PURE__ */ M(ye.Fragment, { children: [
+                return /* @__PURE__ */ M(_e.Fragment, { children: [
                   /* @__PURE__ */ M(ee, { children: [
-                    /* @__PURE__ */ c(Ie, { name: i.name, size: "24px" }),
+                    /* @__PURE__ */ c(xe, { name: i.name, size: "24px" }),
                     " ",
-                    /* @__PURE__ */ c(r0, { href: i.url, target: "_blank", children: i.username })
+                    /* @__PURE__ */ c(e0, { href: i.url, target: "_blank", children: i.username })
                   ] }),
                   o !== (((r = e.socialNetworks) == null ? void 0 : r.length) ?? 0) - 1 && /* @__PURE__ */ c(ee, { as: "span", mx: "xxs", children: "•" })
                 ] }, i.name);
@@ -8087,7 +8080,7 @@ const zc = ({ newsletterCard: e, ...t }) => /* @__PURE__ */ c(
   /* @__PURE__ */ c(h0, { className: "author-page__divider" }),
   /* @__PURE__ */ c(ee, { size: "m", fontWeight: "medium", children: t }),
   n
-] }), Uc = ({ title: e, description: t }) => /* @__PURE__ */ c(F, { justifyContent: "center", alignItems: "center", flex: "1", children: /* @__PURE__ */ c(tr, { m: "xxl", title: e, description: t }) }), yc = ({
+] }), Uc = ({ title: e, description: t }) => /* @__PURE__ */ c(F, { justifyContent: "center", alignItems: "center", flex: "1", children: /* @__PURE__ */ c(tr, { m: "xxl", title: e, description: t }) }), _c = ({
   title: e,
   description: t,
   postCardList: n,
@@ -8097,10 +8090,10 @@ const zc = ({ newsletterCard: e, ...t }) => /* @__PURE__ */ c(
   /* @__PURE__ */ c(We, { isLoading: o, children: /* @__PURE__ */ c(ve, { size: "m", fontWeight: "medium", color: "primary", children: e }) }),
   /* @__PURE__ */ c(We, { isLoading: o, children: /* @__PURE__ */ c(ve, { size: "s", mb: "l", children: t }) }),
   n
-] }), jc = ({ sidebar: e, ...t }) => /* @__PURE__ */ c(Ce, { children: /* @__PURE__ */ c(D0, { content: /* @__PURE__ */ c(yc, { ...t }), sidebar: e }) }), _c = typeof window > "u" ? () => {
+] }), jc = ({ sidebar: e, ...t }) => /* @__PURE__ */ c(Pe, { children: /* @__PURE__ */ c(D0, { content: /* @__PURE__ */ c(_c, { ...t }), sidebar: e }) }), yc = typeof window > "u" ? () => {
 } : nt.useLayoutEffect, Kc = (e) => {
   const [t, n] = nt.useState(!1);
-  return _c(() => {
+  return yc(() => {
     const i = window.matchMedia(xi[e]);
     i.matches !== t && n(i.matches);
     const o = () => n(i.matches);
@@ -8130,13 +8123,13 @@ export {
   ve as Heading,
   rs as HomeIntroBlock,
   Bc as HomePage,
-  Ie as Icon,
+  xe as Icon,
   uc as LastArticlesBlock,
   dc as LastTutorialsBlock,
   D0 as LayoutContentWithSidebar,
   Lc as LayoutTemplate,
-  r0 as Link,
-  _n as Logo,
+  e0 as Link,
+  yn as Logo,
   ut as NewsletterCard,
   tr as NotFoundBlock,
   Uc as NotFoundPage,
@@ -8150,7 +8143,7 @@ export {
   Cc as Reminder,
   Zn as SearchField,
   jc as SearchPage,
-  yc as SearchPageContent,
+  _c as SearchPageContent,
   We as Skeleton,
   nr as SummaryCard,
   Ac as SummaryCardVariant,
@@ -8162,11 +8155,11 @@ export {
   Oc as closeButtonVariant,
   wc as logoName,
   kc as newsletterCardVariant,
-  Me as polyRef,
+  Ce as polyRef,
   Tc as postCardVariant,
   Mc as postMetadataVariant,
   Vc as postPageVariant,
   Rc as reminderVariantList,
-  _c as useLayoutEffect,
+  yc as useLayoutEffect,
   Kc as useMediaQuery
 };