@eleven-labs/design-system 0.29.0 → 0.30.0

package/dist/index.es.js

@@ -224,7 +224,7 @@ var mn = { exports: {} };
   })();
 })(mn);
 var fi = mn.exports;
-const ie = /* @__PURE__ */ Re(fi), Ce = Fr;
+const re = /* @__PURE__ */ Re(fi), Ce = Fr;
 const Ic = ["primary", "secondary", "accent"], Ke = Ce(
   ({ as: e = "button", variant: t = "primary", isChoiceChip: n = !1, className: i, children: o, ...r }, s) => /* @__PURE__ */ M(
     F,
@@ -242,7 +242,7 @@ const Ic = ["primary", "secondary", "accent"], Ke = Ce(
       fontWeight: "bold",
       textTransform: "uppercase",
       "data-text": typeof o == "string" ? o : "",
-      className: ie(
+      className: re(
         "button",
         {
           [`button--${t}`]: t,
@@ -713,10 +713,10 @@ const qe = {
     },
     []
   );
-}, bn = (e) => ie({
+}, bn = (e) => re({
   [`bg-${e.bg}`]: e.bg,
   [`color-${e.color}`]: e.color
-}), Ni = (e) => ie(
+}), Ni = (e) => re(
   we({
     propValue: e.display,
     className: "display"
@@ -733,7 +733,7 @@ const qe = {
     [`hidden-above@${e.hiddenAbove}`]: !!e.hiddenAbove,
     [`hidden-below@${e.hiddenBelow}`]: !!e.hiddenBelow
   }
-), Si = (e) => ie(
+), Si = (e) => re(
   ...we({
     propValue: e.alignItems,
     className: "items"
@@ -758,7 +758,7 @@ const qe = {
     propValue: e.gapY,
     className: "gap-y"
   })
-), Oi = (e) => ie(
+), Oi = (e) => re(
   we({
     propValue: e.flexDirection,
     className: "flex"
@@ -770,7 +770,7 @@ const qe = {
 ), Ri = (e) => we({
   propValue: e.alignSelf,
   className: "self"
-}).join(" "), Ci = (e) => ie(
+}).join(" "), Ci = (e) => re(
   we({
     propValue: e.flexBasis,
     className: "basis"
@@ -779,7 +779,7 @@ const qe = {
     propValue: e.flex,
     className: "flex"
   })
-), yn = (e) => ie(
+), yn = (e) => re(
   Object.entries(e).filter(([t]) => Object.keys(vn).includes(t)).reduce((t, [n, i]) => (t.push(
     ...we({
       className: n,
@@ -790,7 +790,7 @@ const qe = {
   textAlign: e,
   textSize: t,
   ...n
-}) => ie(
+}) => re(
   ...we({
     propValue: e,
     className: "text"
@@ -805,7 +805,7 @@ const qe = {
 ), it = (e) => typeof e.props == "object" ? Object.keys(e.props).reduce(
   (t, n) => (e.systemPropNames.includes(n) || (t[n] = e.props[n]), t),
   {}
-) : {}, Ti = (e) => ie(
+) : {}, Ti = (e) => re(
   bn(e),
   Ni(e),
   yn(e),
@@ -818,7 +818,7 @@ const qe = {
     r,
     {
       ...it({ props: o, systemPropNames: [...Object.keys(hn), "color"] }),
-      className: ie(
+      className: re(
         "icon",
         yn(o),
         bn(o),
@@ -837,7 +837,7 @@ const xc = ["website", "blog"], _n = Ce(({ name: e, size: t, ...n }, i) => /* @_
     ref: i,
     justifyContent: "center",
     alignItems: "center",
-    className: ie("logo", n.className),
+    className: re("logo", n.className),
     style: { fontSize: t },
     children: [
       /* @__PURE__ */ c(pn, { height: "1em" }),
@@ -1009,9 +1009,9 @@ function In(e) {
   if (l === "text")
     return u;
   if (d) {
-    var f = ji(n, r), E;
+    var p = ji(n, r), I;
     if (!r)
-      E = i0(i0({}, a), {}, {
+      I = i0(i0({}, a), {}, {
         className: Tt(a.className)
       });
     else {
@@ -1022,15 +1022,15 @@ function In(e) {
       }, []), 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), {}, {
+      I = i0(i0({}, a), {}, {
         className: Tt(R) || void 0,
         style: Ui(a.className, Object.assign({}, a.style, o), n)
       });
     }
-    var y = f(t.children);
+    var y = p(t.children);
     return /* @__PURE__ */ be.createElement(d, Y({
       key: s
-    }, E), y);
+    }, I), y);
   }
 }
 const Ki = function(e, t) {
@@ -1118,17 +1118,17 @@ function wn(e, t, n) {
   return r;
 }
 function x0(e) {
-  var t = e.children, n = e.lineNumber, i = e.lineNumberStyle, o = e.largestLineNumber, r = e.showInlineLineNumbers, s = e.lineProps, a = s === void 0 ? {} : s, l = e.className, d = l === void 0 ? [] : l, u = e.showLineNumbers, f = e.wrapLongLines, E = typeof a == "function" ? a(n) : a;
-  if (E.className = d, n && r) {
+  var t = e.children, n = e.lineNumber, i = e.lineNumberStyle, o = e.largestLineNumber, r = e.showInlineLineNumbers, s = e.lineProps, a = s === void 0 ? {} : s, l = e.className, d = l === void 0 ? [] : l, u = e.showLineNumbers, p = e.wrapLongLines, I = typeof a == "function" ? a(n) : a;
+  if (I.className = d, n && r) {
     var N = wn(i, n, o);
     t.unshift(xn(n, N));
   }
-  return f & u && (E.style = ze(ze({}, E.style), {}, {
+  return p & u && (I.style = ze(ze({}, I.style), {}, {
     display: "flex"
   })), {
     type: "element",
     tagName: "span",
-    properties: E,
+    properties: I,
     children: t
   };
 }
@@ -1150,11 +1150,11 @@ function Nn(e) {
   return n;
 }
 function Zi(e, t, n, i, o, r, s, a, l) {
-  var d, u = Nn(e.value), f = [], E = -1, N = 0;
-  function T(p, w) {
+  var d, u = Nn(e.value), p = [], I = -1, N = 0;
+  function T(f, w) {
     var D = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
     return x0({
-      children: p,
+      children: f,
       lineNumber: w,
       lineNumberStyle: a,
       largestLineNumber: s,
@@ -1165,16 +1165,16 @@ function Zi(e, t, n, i, o, r, s, a, l) {
       wrapLongLines: l
     });
   }
-  function R(p, w) {
+  function R(f, w) {
     if (i && w && o) {
       var D = wn(a, w, s);
-      p.unshift(xn(w, D));
+      f.unshift(xn(w, D));
     }
-    return p;
+    return f;
   }
-  function y(p, w) {
+  function y(f, w) {
     var D = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-    return t || D.length > 0 ? T(p, w, D) : R(p, w);
+    return t || D.length > 0 ? T(f, w, D) : R(f, w);
   }
   for (var A = function() {
     var w = u[N], D = w.children[0].value, P = Wi(D);
@@ -1182,17 +1182,17 @@ function Zi(e, t, n, i, o, r, s, a, l) {
       var q = D.split(`
 `);
       q.forEach(function(U, G) {
-        var X = i && f.length + r, ne = {
+        var X = i && p.length + r, ne = {
           type: "text",
           value: "".concat(U, `
 `)
         };
         if (G === 0) {
-          var Z = u.slice(E + 1, N).concat(x0({
+          var Z = u.slice(I + 1, N).concat(x0({
             children: [ne],
             className: w.properties.className
-          })), re = y(Z, X);
-          f.push(re);
+          })), ie = y(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 = {
             type: "text",
@@ -1206,25 +1206,25 @@ function Zi(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);
-            f.push(x);
+            p.push(x);
           }
         } else {
           var k = [ne], K = y(k, X, w.properties.className);
-          f.push(K);
+          p.push(K);
         }
-      }), E = N;
+      }), I = N;
     }
     N++;
   }; N < u.length; )
     A();
-  if (E !== u.length - 1) {
-    var h = u.slice(E + 1, u.length);
+  if (I !== u.length - 1) {
+    var h = u.slice(I + 1, u.length);
     if (h && h.length) {
-      var m = i && f.length + r, g = y(h, m);
-      f.push(g);
+      var m = i && p.length + r, g = y(h, m);
+      p.push(g);
     }
   }
-  return t ? f : (d = []).concat.apply(d, f);
+  return t ? p : (d = []).concat.apply(d, p);
 }
 function Qi(e) {
   var t = e.rows, n = e.stylesheet, i = e.useInlineStyles;
@@ -1263,14 +1263,14 @@ function Ji(e) {
 }
 function eo(e, t) {
   return function(i) {
-    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, f = u === void 0 ? {
+    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, T = i.showLineNumbers, R = T === void 0 ? !1 : T, y = i.showInlineLineNumbers, A = y === void 0 ? !0 : y, h = i.startingLineNumber, m = h === void 0 ? 1 : h, g = i.lineNumberContainerStyle, p = i.lineNumberStyle, w = p === void 0 ? {} : p, D = 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, re = i.CodeTag, oe = re === void 0 ? "code" : re, W = i.code, pe = W === void 0 ? (Array.isArray(r) ? r[0] : r) || "" : W, ge = i.astGenerator, x = Ai(i, Fi);
+    } : u, I = i.useInlineStyles, N = I === void 0 ? !0 : I, T = i.showLineNumbers, R = T === void 0 ? !1 : T, y = i.showInlineLineNumbers, A = 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, D = 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 = Ai(i, Fi);
     ge = ge || e;
     var k = R ? /* @__PURE__ */ be.createElement(Yi, {
       containerStyle: g,
-      codeStyle: f.style || {},
+      codeStyle: p.style || {},
       numberStyle: w,
       startingLineNumber: m,
       codeString: pe
@@ -1282,25 +1282,25 @@ function eo(e, t) {
       className: x.className ? "".concat(b, " ").concat(x.className) : b,
       style: Object.assign({}, d)
     });
-    if (q ? f.style = ze(ze({}, f.style), {}, {
+    if (q ? p.style = ze(ze({}, p.style), {}, {
       whiteSpace: "pre-wrap"
-    }) : f.style = ze(ze({}, f.style), {}, {
+    }) : p.style = ze(ze({}, p.style), {}, {
       whiteSpace: "pre"
     }), !ge)
-      return /* @__PURE__ */ be.createElement(Z, v, k, /* @__PURE__ */ be.createElement(oe, f, pe));
+      return /* @__PURE__ */ be.createElement(Z, v, k, /* @__PURE__ */ be.createElement(oe, p, pe));
     (D === void 0 && X || q) && (D = !0), X = X || Qi;
     var _ = [{
       type: "text",
       value: pe
-    }], I = Ji({
+    }], E = Ji({
       astGenerator: ge,
       language: o,
       code: pe,
       defaultCodeValue: _
     });
-    I.language === null && (I.value = _);
-    var C = I.value.length + m, z = Zi(I, D, G, R, A, m, C, w, q);
-    return /* @__PURE__ */ be.createElement(Z, v, /* @__PURE__ */ be.createElement(oe, f, !A && k, X({
+    E.language === null && (E.value = _);
+    var C = E.value.length + m, z = Zi(E, D, G, R, A, m, C, w, q);
+    return /* @__PURE__ */ be.createElement(Z, v, /* @__PURE__ */ be.createElement(oe, p, !A && k, X({
       rows: z,
       stylesheet: a,
       useInlineStyles: N
@@ -1744,8 +1744,8 @@ function Vo(e, { plugins: t }) {
       const d = this.matcherRe.exec(l);
       if (!d)
         return null;
-      const u = d.findIndex((E, N) => N > 0 && E !== void 0), f = this.matchIndexes[u];
-      return d.splice(0, u), Object.assign(d, f);
+      const u = d.findIndex((I, N) => N > 0 && I !== void 0), p = this.matchIndexes[u];
+      return d.splice(0, u), Object.assign(d, p);
     }
   }
   class o {
@@ -1757,7 +1757,7 @@ function Vo(e, { plugins: t }) {
       if (this.multiRegexes[l])
         return this.multiRegexes[l];
       const d = new i();
-      return this.rules.slice(l).forEach(([u, f]) => d.addRule(u, f)), d.compile(), this.multiRegexes[l] = d, d;
+      return this.rules.slice(l).forEach(([u, p]) => d.addRule(u, p)), d.compile(), this.multiRegexes[l] = d, d;
     }
     resumingScanAtSamePosition() {
       return this.regexIndex !== 0;
@@ -1775,8 +1775,8 @@ function Vo(e, { plugins: t }) {
       d.lastIndex = this.lastIndex;
       let u = d.exec(l);
       if (this.resumingScanAtSamePosition() && !(u && u.index === this.lastIndex)) {
-        const f = this.getMatcher(0);
-        f.lastIndex = this.lastIndex + 1, u = f.exec(l);
+        const p = this.getMatcher(0);
+        p.lastIndex = this.lastIndex + 1, u = p.exec(l);
       }
       return u && (this.regexIndex += u.position + 1, this.regexIndex === this.count && this.considerAll()), u;
     }
@@ -1796,26 +1796,26 @@ function Vo(e, { plugins: t }) {
       // do this early so compiler extensions generally don't have to worry about
       // the distinction between match/begin
       Do
-    ].forEach((f) => f(a, l)), e.compilerExtensions.forEach((f) => f(a, l)), a.__beforeBegin = null, [
+    ].forEach((p) => p(a, l)), e.compilerExtensions.forEach((p) => p(a, l)), a.__beforeBegin = null, [
       To,
       // do this later so compiler extensions that come earlier have access to the
       // raw array if they wanted to perhaps manipulate it, etc.
       Ao,
       // default to 1 relevance if not specified
       ko
-    ].forEach((f) => f(a, l)), a.isCompiled = !0;
+    ].forEach((p) => p(a, l)), a.isCompiled = !0;
     let u = null;
     if (typeof a.keywords == "object" && (u = a.keywords.$pattern, delete a.keywords.$pattern), a.keywords && (a.keywords = An(a.keywords, e.case_insensitive)), a.lexemes && u)
       throw new Error("ERR: Prefer `keywords.$pattern` to `mode.lexemes`, BOTH are not allowed. (see mode reference) ");
     return u = u || a.lexemes || /\w+/, d.keywordPatternRe = n(u, !0), l && (a.begin || (a.begin = /\B|\b/), d.beginRe = n(a.begin), a.endSameAsBegin && (a.end = a.begin), !a.end && !a.endsWithParent && (a.end = /\B|\b/), a.end && (d.endRe = n(a.end)), d.terminatorEnd = g0(a.end) || "", a.endsWithParent && l.terminatorEnd && (d.terminatorEnd += (a.end ? "|" : "") + l.terminatorEnd)), a.illegal && (d.illegalRe = n(
       /** @type {RegExp | string} */
       a.illegal
-    )), a.contains || (a.contains = []), a.contains = [].concat(...a.contains.map(function(f) {
-      return Ho(f === "self" ? a : f);
-    })), a.contains.forEach(function(f) {
+    )), a.contains || (a.contains = []), a.contains = [].concat(...a.contains.map(function(p) {
+      return Ho(p === "self" ? a : p);
+    })), a.contains.forEach(function(p) {
       s(
         /** @type Mode */
-        f,
+        p,
         d
       );
     }), a.starts && s(a.starts, l), d.matcher = r(d), d;
@@ -1918,10 +1918,10 @@ function Fo(e, t, n) {
     return !e.length || !t.length ? e.length ? e : t : e[0].offset !== t[0].offset ? e[0].offset < t[0].offset ? e : t : t[0].event === "start" ? e : t;
   }
   function a(u) {
-    function f(E) {
-      return " " + E.nodeName + '="' + s0(E.value) + '"';
+    function p(I) {
+      return " " + I.nodeName + '="' + s0(I.value) + '"';
     }
-    o += "<" + G0(u) + [].map.call(u.attributes, f).join("") + ">";
+    o += "<" + G0(u) + [].map.call(u.attributes, p).join("") + ">";
   }
   function l(u) {
     o += "</" + G0(u) + ">";
@@ -1971,24 +1971,24 @@ const Lt = {}, L0 = (e) => {
     v += b.parentNode ? b.parentNode.className : "";
     const _ = l.languageDetectRe.exec(v);
     if (_) {
-      const I = re(_[1]);
-      return I || ($t(s.replace("{}", _[1])), $t("Falling back to no-highlight mode for this block.", b)), I ? _[1] : "no-highlight";
+      const E = ie(_[1]);
+      return E || ($t(s.replace("{}", _[1])), $t("Falling back to no-highlight mode for this block.", b)), E ? _[1] : "no-highlight";
     }
-    return v.split(/\s+/).find((I) => d(I) || re(I));
+    return v.split(/\s+/).find((E) => d(E) || ie(E));
   }
-  function f(b, v, _, I) {
+  function p(b, v, _, E) {
     let C = "", z = "";
-    typeof v == "object" ? (C = b, _ = 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.
+    typeof v == "object" ? (C = b, _ = v.ignoreIllegals, z = v.language, E = 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 : I(H.language, H.code, _, E);
     return B.code = H.code, x("after:highlight", B), B;
   }
-  function E(b, v, _, I) {
+  function I(b, v, _, E) {
     function C($, j) {
       const te = $e.case_insensitive ? j[0].toLowerCase() : j[0];
       return Object.prototype.hasOwnProperty.call($.keywords, te) && $.keywords[te];
@@ -2027,7 +2027,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
           me.addText(fe);
           return;
         }
-        $ = E(J.subLanguage, fe, !0, Me[J.subLanguage]), Me[J.subLanguage] = /** @type {CompiledMode} */
+        $ = I(J.subLanguage, fe, !0, Me[J.subLanguage]), Me[J.subLanguage] = /** @type {CompiledMode} */
         $.top;
       } else
         $ = T(fe, J.subLanguage.length ? J.subLanguage : null);
@@ -2110,11 +2110,11 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
         throw new Error("potential infinite loop, way more iterations than matches");
       return fe += te, te.length;
     }
-    const $e = re(b);
+    const $e = ie(b);
     if (!$e)
       throw L0(s.replace("{}", b)), new Error('Unknown language: "' + b + '"');
     const Be = Vo($e, { plugins: i });
-    let Xe = "", J = I || Be;
+    let Xe = "", J = E || Be;
     const Me = {}, me = new l.__emitter(l);
     ve();
     let fe = "", Fe = 0, Ne = 0, Ve = 0, Te = !1;
@@ -2176,17 +2176,17 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
   }
   function T(b, v) {
     v = v || l.languages || Object.keys(t);
-    const _ = N(b), I = v.filter(re).filter(W).map(
-      (Q) => E(Q, b, !1)
+    const _ = N(b), E = v.filter(ie).filter(W).map(
+      (Q) => I(Q, b, !1)
     );
-    I.unshift(_);
-    const C = I.sort((Q, S) => {
+    E.unshift(_);
+    const C = E.sort((Q, S) => {
       if (Q.relevance !== S.relevance)
         return S.relevance - Q.relevance;
       if (Q.language && S.language) {
-        if (re(Q.language).supersetOf === S.language)
+        if (ie(Q.language).supersetOf === S.language)
           return 1;
-        if (re(S.language).supersetOf === Q.language)
+        if (ie(S.language).supersetOf === Q.language)
           return -1;
       }
       return 0;
@@ -2198,8 +2198,8 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
 ` ? l.useBR ? "<br>" : v : l.tabReplace ? v.replace(/\t/g, l.tabReplace) : v) : b;
   }
   function y(b, v, _) {
-    const I = v ? n[v] : _;
-    b.classList.add("hljs"), I && b.classList.add(I);
+    const E = v ? n[v] : _;
+    b.classList.add("hljs"), E && b.classList.add(E);
   }
   const A = {
     "before:highlightElement": ({ el: b }) => {
@@ -2226,8 +2226,8 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
       "before:highlightElement",
       { el: b, language: _ }
     ), v = b;
-    const I = v.textContent, C = _ ? f(I, { language: _, ignoreIllegals: !0 }) : T(I);
-    x("after:highlightElement", { el: b, result: C, text: I }), b.innerHTML = C.value, y(b, _, C.language), b.result = {
+    const E = v.textContent, C = _ ? p(E, { language: _, ignoreIllegals: !0 }) : T(E);
+    x("after:highlightElement", { el: b, result: C, text: E }), b.innerHTML = C.value, y(b, _, C.language), b.result = {
       language: C.language,
       // TODO: remove with version 11.0
       re: C.relevance,
@@ -2239,7 +2239,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
       relavance: C.second_best.relevance
     });
   }
-  function p(b) {
+  function f(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 = () => {
@@ -2266,11 +2266,11 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
     let _ = null;
     try {
       _ = v(e);
-    } catch (I) {
+    } catch (E) {
       if (L0("Language definition for '{}' could not be registered.".replace("{}", b)), o)
-        L0(I);
+        L0(E);
       else
-        throw I;
+        throw E;
       _ = a;
     }
     _.name || (_.name = b), t[b] = _, _.rawDefinition = v.bind(null, e), _.aliases && oe(_.aliases, { languageName: b });
@@ -2285,12 +2285,12 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
   }
   function Z(b) {
     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 = re(b);
+    const v = ie(b);
     if (v)
       return v;
     throw new Error("The '{}' language is required, but not loaded.".replace("{}", b));
   }
-  function re(b) {
+  function ie(b) {
     return b = (b || "").toLowerCase(), t[b] || t[n[b]];
   }
   function oe(b, { languageName: v }) {
@@ -2299,7 +2299,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
     });
   }
   function W(b) {
-    const v = re(b);
+    const v = ie(b);
     return v && !v.disableAutodetect;
   }
   function pe(b) {
@@ -2318,8 +2318,8 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
   }
   function x(b, v) {
     const _ = b;
-    i.forEach(function(I) {
-      I[_] && I[_](v);
+    i.forEach(function(E) {
+      E[_] && E[_](v);
     });
   }
   function k(b) {
@@ -2329,20 +2329,20 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
     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: f,
+    highlight: p,
     highlightAuto: T,
     highlightAll: q,
     fixMarkup: k,
     highlightElement: g,
     // TODO: Remove with v12 API
     highlightBlock: K,
-    configure: p,
+    configure: f,
     initHighlighting: w,
     initHighlightingOnLoad: D,
     registerLanguage: G,
     unregisterLanguage: X,
     listLanguages: ne,
-    getLanguage: re,
+    getLanguage: ie,
     registerAliases: oe,
     requireLanguage: Z,
     autoDetection: W,
@@ -2371,15 +2371,15 @@ var Wo = qo({}), Go = Wo, kn = { 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 = "", f, E = !1, N, T, R = !1, y, A = function() {
+      for (var s = 1, a = [].slice.call(arguments), l = 0, d = r.length, u = "", p, I = !1, N, T, R = !1, y, A = function() {
         return a[s++];
       }, h = function() {
         for (var m = ""; /\d/.test(r[l]); )
-          m += r[l++], f = r[l];
+          m += r[l++], p = r[l];
         return m.length > 0 ? parseInt(m) : null;
       }; l < d; ++l)
-        if (f = r[l], E)
-          switch (E = !1, f == "." ? (R = !1, f = r[++l]) : f == "0" && r[l + 1] == "." ? (R = !0, l += 2, f = r[l]) : R = !0, y = h(), f) {
+        if (p = r[l], I)
+          switch (I = !1, p == "." ? (R = !1, p = r[++l]) : p == "0" && r[l + 1] == "." ? (R = !0, l += 2, p = r[l]) : R = !0, y = h(), p) {
             case "b":
               u += parseInt(A(), 10).toString(2);
               break;
@@ -2408,11 +2408,11 @@ var Wo = qo({}), Go = Wo, kn = { exports: {} };
               u += "0x" + parseInt(A(), 10).toString(16).toUpperCase();
               break;
             default:
-              u += f;
+              u += p;
               break;
           }
         else
-          f === "%" ? E = !0 : u += f;
+          p === "%" ? I = !0 : u += p;
       return u;
     }
   })();
@@ -2840,7 +2840,7 @@ function ma(e) {
   ], u = e.SHEBANG({
     binary: `(${d.join("|")})`,
     relevance: 10
-  }), f = {
+  }), p = {
     className: "function",
     begin: /\w[\w\d_]*\s*\(\s*\)\s*\{/,
     returnBegin: !0,
@@ -2865,7 +2865,7 @@ function ma(e) {
       // to catch known shells and boost relevancy
       e.SHEBANG(),
       // to catch unknown shells but still highlight the shebang
-      f,
+      p,
       l,
       e.HASH_COMMENT_MODE,
       o,
@@ -3015,9 +3015,9 @@ function Y0(...e) {
   return e.map((n) => Na(n)).join("");
 }
 function Sa(e) {
-  const t = (g, { after: p }) => {
+  const t = (g, { after: f }) => {
     const w = "</" + g[0].slice(1);
-    return g.input.indexOf(w, p) !== -1;
+    return g.input.indexOf(w, f) !== -1;
   }, n = zt, i = {
     begin: "<>",
     end: "</>"
@@ -3028,13 +3028,13 @@ function Sa(e) {
      * @param {RegExpMatchArray} match
      * @param {CallbackResponse} response
      */
-    isTrulyOpeningTag: (g, p) => {
+    isTrulyOpeningTag: (g, f) => {
       const w = g[0].length + g.index, D = g.input[w];
       if (D === "<") {
-        p.ignoreMatch();
+        f.ignoreMatch();
         return;
       }
-      D === ">" && (t(g, { after: w }) || p.ignoreMatch());
+      D === ">" && (t(g, { after: w }) || f.ignoreMatch());
     }
   }, r = {
     $pattern: zt,
@@ -3065,7 +3065,7 @@ function Sa(e) {
     keywords: r,
     contains: []
     // defined later
-  }, f = {
+  }, p = {
     begin: "html`",
     end: "",
     starts: {
@@ -3077,7 +3077,7 @@ function Sa(e) {
       ],
       subLanguage: "xml"
     }
-  }, E = {
+  }, I = {
     begin: "css`",
     end: "",
     starts: {
@@ -3139,8 +3139,8 @@ function Sa(e) {
   }, y = [
     e.APOS_STRING_MODE,
     e.QUOTE_STRING_MODE,
-    f,
-    E,
+    p,
+    I,
     N,
     d,
     e.REGEXP_MODE
@@ -3193,8 +3193,8 @@ function Sa(e) {
       },
       e.APOS_STRING_MODE,
       e.QUOTE_STRING_MODE,
-      f,
-      E,
+      p,
+      I,
       N,
       R,
       d,
@@ -3668,10 +3668,10 @@ function La(e) {
       { begin: /"/, end: /"/ },
       { begin: /[^\s,{}[\]]+/ }
     ]
-  }), a = "[0-9]{4}(-[0-9][0-9]){0,2}", l = "([Tt \\t][0-9][0-9]?(:[0-9][0-9]){2})?", d = "(\\.[0-9]*)?", u = "([ \\t])*(Z|[-+][0-9][0-9]?(:[0-9][0-9])?)?", f = {
+  }), a = "[0-9]{4}(-[0-9][0-9]){0,2}", l = "([Tt \\t][0-9][0-9]?(:[0-9][0-9]){2})?", d = "(\\.[0-9]*)?", u = "([ \\t])*(Z|[-+][0-9][0-9]?(:[0-9][0-9])?)?", p = {
     className: "number",
     begin: "\\b" + a + l + d + u + "\\b"
-  }, E = {
+  }, I = {
     end: ",",
     endsWithParent: !0,
     excludeEnd: !0,
@@ -3680,13 +3680,13 @@ function La(e) {
   }, N = {
     begin: /\{/,
     end: /\}/,
-    contains: [E],
+    contains: [I],
     illegal: "\\n",
     relevance: 0
   }, T = {
     begin: "\\[",
     end: "\\]",
-    contains: [E],
+    contains: [I],
     illegal: "\\n",
     relevance: 0
   }, R = [
@@ -3757,7 +3757,7 @@ function La(e) {
       beginKeywords: t,
       keywords: { literal: t }
     },
-    f,
+    p,
     // numbers are any valid C-style number that
     // sit isolated from other words
     {
@@ -3769,7 +3769,7 @@ function La(e) {
     T,
     r
   ], y = [...R];
-  return y.pop(), y.push(s), E.contains = y, {
+  return y.pop(), y.push(s), I.contains = y, {
     name: "YAML",
     case_insensitive: !0,
     aliases: ["yml"],
@@ -3971,9 +3971,9 @@ function X0(...e) {
   return e.map((n) => Fa(n)).join("");
 }
 function qa(e) {
-  const t = (g, { after: p }) => {
+  const t = (g, { after: f }) => {
     const w = "</" + g[0].slice(1);
-    return g.input.indexOf(w, p) !== -1;
+    return g.input.indexOf(w, f) !== -1;
   }, n = O0, i = {
     begin: "<>",
     end: "</>"
@@ -3984,13 +3984,13 @@ function qa(e) {
      * @param {RegExpMatchArray} match
      * @param {CallbackResponse} response
      */
-    isTrulyOpeningTag: (g, p) => {
+    isTrulyOpeningTag: (g, f) => {
       const w = g[0].length + g.index, D = g.input[w];
       if (D === "<") {
-        p.ignoreMatch();
+        f.ignoreMatch();
         return;
       }
-      D === ">" && (t(g, { after: w }) || p.ignoreMatch());
+      D === ">" && (t(g, { after: w }) || f.ignoreMatch());
     }
   }, r = {
     $pattern: O0,
@@ -4021,7 +4021,7 @@ function qa(e) {
     keywords: r,
     contains: []
     // defined later
-  }, f = {
+  }, p = {
     begin: "html`",
     end: "",
     starts: {
@@ -4033,7 +4033,7 @@ function qa(e) {
       ],
       subLanguage: "xml"
     }
-  }, E = {
+  }, I = {
     begin: "css`",
     end: "",
     starts: {
@@ -4095,8 +4095,8 @@ function qa(e) {
   }, y = [
     e.APOS_STRING_MODE,
     e.QUOTE_STRING_MODE,
-    f,
-    E,
+    p,
+    I,
     N,
     d,
     e.REGEXP_MODE
@@ -4149,8 +4149,8 @@ function qa(e) {
       },
       e.APOS_STRING_MODE,
       e.QUOTE_STRING_MODE,
-      f,
-      E,
+      p,
+      I,
       N,
       R,
       d,
@@ -4384,19 +4384,19 @@ function Wa(e) {
   }, l = {
     className: "meta",
     begin: "@" + t
-  }, d = (E, N, T) => {
-    const R = E.contains.findIndex((y) => y.label === N);
+  }, d = (I, N, T) => {
+    const R = I.contains.findIndex((y) => y.label === N);
     if (R === -1)
       throw new Error("can not find mode to replace");
-    E.contains.splice(R, 1, T);
+    I.contains.splice(R, 1, T);
   }, u = qa(e);
   Object.assign(u.keywords, a), u.exports.PARAMS_CONTAINS.push(l), u.contains = u.contains.concat([
     l,
     n,
     i
   ]), d(u, "shebang", e.SHEBANG()), d(u, "use_strict", o);
-  const f = u.contains.find((E) => E.className === "function");
-  return f.relevance = 0, Object.assign(u, {
+  const p = u.contains.find((I) => I.className === "function");
+  return p.relevance = 0, Object.assign(u, {
     name: "TypeScript",
     aliases: ["ts", "tsx"]
   }), u;
@@ -4546,11 +4546,11 @@ const wc = ({ language: e, children: t, ...n }) => /* @__PURE__ */ c(
     PreTag: "div",
     children: t
   }
-), ye = Ce(({ as: e = "p", size: t, children: n, className: i, ...o }, r) => /* @__PURE__ */ c(V, { ...o, as: e, ref: r, className: ie({ [`heading-${t}`]: !!t }, i), children: n }));
+), ye = 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 }));
 ye.displayName = "Heading";
-const ee = Ce(({ as: e = "p", size: t, className: n, children: i, ...o }, r) => /* @__PURE__ */ c(V, { ...o, as: e, ref: r, className: ie({ [`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 Nc = ({ children: e, className: t, ...n }) => /* @__PURE__ */ c(ee, { as: "blockquote", ...n, pl: "m", size: "m", italic: !0, className: ie("blockquote", t), children: e });
+const Nc = ({ 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 = Ce(({ as: e = "div", isLoading: t = !0, children: n, ...i }, o) => /* @__PURE__ */ c(Pe, { children: t ? /* @__PURE__ */ c(
   V,
   {
@@ -4558,7 +4558,7 @@ const We = Ce(({ as: e = "div", isLoading: t = !0, children: n, ...i }, o) => /*
     as: e,
     ref: o,
     bg: "ultra-light-grey",
-    className: ie(t ? ["skeleton", "animate-pulse"] : void 0, i.className),
+    className: re(t ? ["skeleton", "animate-pulse"] : void 0, i.className),
     children: n ?? /* @__PURE__ */ c(V, { children: /* @__PURE__ */ c(Pe, { children: " " }) })
   }
 ) : n }));
@@ -4576,7 +4576,7 @@ const Sc = ["primary", "secondary"], Gn = ({ variant: e, ...t }) => /* @__PURE__
     ...t,
     flexDirection: "column",
     gap: "xxs",
-    className: ie("close-button", { [`close-button--${e}`]: e }),
+    className: re("close-button", { [`close-button--${e}`]: e }),
     children: [
       /* @__PURE__ */ c(V, { className: "close-button__line close-button__line--horizontal" }),
       /* @__PURE__ */ c(V, { className: "close-button__line close-button__line--vertical" })
@@ -4592,7 +4592,7 @@ const Yn = ({ items: e, ...t }) => /* @__PURE__ */ c(
     itemType: "https://schema.org/BreadcrumbList",
     gap: "xxs-3",
     fontWeight: "semi-bold",
-    className: "breadcrumb",
+    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(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 }),
@@ -4612,13 +4612,13 @@ const e0 = Ce(
       display: "inline-flex",
       alignItems: "center",
       color: "info",
-      className: ie("link", n),
+      className: re("link", n),
       children: [
         t && /* @__PURE__ */ c(Ie, { name: t }),
         /* @__PURE__ */ c(ee, { as: "span", children: i })
       ]
     }
-  ) : /* @__PURE__ */ c(V, { ...o, ref: r, as: e, color: "info", className: ie("link", n), children: i })
+  ) : /* @__PURE__ */ c(V, { ...o, ref: r, as: e, color: "info", className: re("link", n), children: i })
 );
 e0.displayName = "Link";
 const Oc = [
@@ -4634,7 +4634,7 @@ const Oc = [
   "bug",
   "example",
   "quote"
-], Rc = Ce(({ as: e = "div", variant: t, title: n, children: i, ...o }, r) => /* @__PURE__ */ M(V, { ...o, as: e, ref: r, bg: "white", className: ie("reminder", `reminder--${t}`), children: [
+], Rc = 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 })
 ] }));
@@ -4643,7 +4643,7 @@ const Xn = Ce(
     V,
     {
       ...o,
-      className: ie("search-field", { "search-field--has-value": !!e.value }, i),
+      className: re("search-field", { "search-field--has-value": !!e.value }, i),
       ref: r,
       children: [
         /* @__PURE__ */ c(V, { as: "input", ...e, className: "search-field__input" }),
@@ -4664,15 +4664,15 @@ var Zn = { exports: {} };
   })(gn, () => {
     return n = { 772: (o, r, s) => {
       const a = s(826).remove, l = /[.*+?^${}()|[\]\\]/g, d = /[a-z0-9_]/i, u = /\s+/;
-      o.exports = function(f, E, N) {
+      o.exports = function(p, I, N) {
         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(f).map((h) => a(h));
+        const y = Array.from(p).map((h) => a(h));
         let A = y.join("");
-        return (E = a(E)).trim().split(u).filter((h) => h.length > 0).reduce((h, m) => {
-          const g = m.length, p = !N.insideWords && d.test(m[0]) ? "\\b" : "", w = new RegExp(p + m.replace(l, "\\$&"), "i");
+        return (I = a(I)).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 D, P;
           if (D = w.exec(A), N.requireMatchAll && D === null)
             return A = "", [];
@@ -4688,8 +4688,8 @@ var Zn = { exports: {} };
       };
     }, 826: (o) => {
       var r = { À: "A", Á: "A", Â: "A", Ã: "A", Ä: "A", Å: "A", Ấ: "A", Ắ: "A", Ẳ: "A", Ẵ: "A", Ặ: "A", Æ: "AE", Ầ: "A", Ằ: "A", Ȃ: "A", Ç: "C", Ḉ: "C", È: "E", É: "E", Ê: "E", Ë: "E", Ế: "E", Ḗ: "E", Ề: "E", Ḕ: "E", Ḝ: "E", Ȇ: "E", Ì: "I", Í: "I", Î: "I", Ï: "I", Ḯ: "I", Ȋ: "I", Ð: "D", Ñ: "N", Ò: "O", Ó: "O", Ô: "O", Õ: "O", Ö: "O", Ø: "O", Ố: "O", Ṍ: "O", Ṓ: "O", Ȏ: "O", Ù: "U", Ú: "U", Û: "U", Ü: "U", Ý: "Y", à: "a", á: "a", â: "a", ã: "a", ä: "a", å: "a", ấ: "a", ắ: "a", ẳ: "a", ẵ: "a", ặ: "a", æ: "ae", ầ: "a", ằ: "a", ȃ: "a", ç: "c", ḉ: "c", è: "e", é: "e", ê: "e", ë: "e", ế: "e", ḗ: "e", ề: "e", ḕ: "e", ḝ: "e", ȇ: "e", ì: "i", í: "i", î: "i", ï: "i", ḯ: "i", ȋ: "i", ð: "d", ñ: "n", ò: "o", ó: "o", ô: "o", õ: "o", ö: "o", ø: "o", ố: "o", ṍ: "o", ṓ: "o", ȏ: "o", ù: "u", ú: "u", û: "u", ü: "u", ý: "y", ÿ: "y", Ā: "A", ā: "a", Ă: "A", ă: "a", Ą: "A", ą: "a", Ć: "C", ć: "c", Ĉ: "C", ĉ: "c", Ċ: "C", ċ: "c", Č: "C", č: "c", C̆: "C", c̆: "c", Ď: "D", ď: "d", Đ: "D", đ: "d", Ē: "E", ē: "e", Ĕ: "E", ĕ: "e", Ė: "E", ė: "e", Ę: "E", ę: "e", Ě: "E", ě: "e", Ĝ: "G", Ǵ: "G", ĝ: "g", ǵ: "g", Ğ: "G", ğ: "g", Ġ: "G", ġ: "g", Ģ: "G", ģ: "g", Ĥ: "H", ĥ: "h", Ħ: "H", ħ: "h", Ḫ: "H", ḫ: "h", Ĩ: "I", ĩ: "i", Ī: "I", ī: "i", Ĭ: "I", ĭ: "i", Į: "I", į: "i", İ: "I", ı: "i", IJ: "IJ", ij: "ij", Ĵ: "J", ĵ: "j", Ķ: "K", ķ: "k", Ḱ: "K", ḱ: "k", K̆: "K", k̆: "k", Ĺ: "L", ĺ: "l", Ļ: "L", ļ: "l", Ľ: "L", ľ: "l", Ŀ: "L", ŀ: "l", Ł: "l", ł: "l", Ḿ: "M", ḿ: "m", M̆: "M", m̆: "m", Ń: "N", ń: "n", Ņ: "N", ņ: "n", Ň: "N", ň: "n", ʼn: "n", N̆: "N", n̆: "n", Ō: "O", ō: "o", Ŏ: "O", ŏ: "o", Ő: "O", ő: "o", Œ: "OE", œ: "oe", P̆: "P", p̆: "p", Ŕ: "R", ŕ: "r", Ŗ: "R", ŗ: "r", Ř: "R", ř: "r", R̆: "R", r̆: "r", Ȓ: "R", ȓ: "r", Ś: "S", ś: "s", Ŝ: "S", ŝ: "s", Ş: "S", Ș: "S", ș: "s", ş: "s", Š: "S", š: "s", Ţ: "T", ţ: "t", ț: "t", Ț: "T", Ť: "T", ť: "t", Ŧ: "T", ŧ: "t", T̆: "T", t̆: "t", Ũ: "U", ũ: "u", Ū: "U", ū: "u", Ŭ: "U", ŭ: "u", Ů: "U", ů: "u", Ű: "U", ű: "u", Ų: "U", ų: "u", Ȗ: "U", ȗ: "u", V̆: "V", v̆: "v", Ŵ: "W", ŵ: "w", Ẃ: "W", ẃ: "w", X̆: "X", x̆: "x", Ŷ: "Y", ŷ: "y", Ÿ: "Y", Y̆: "Y", y̆: "y", Ź: "Z", ź: "z", Ż: "Z", ż: "z", Ž: "Z", ž: "z", ſ: "s", ƒ: "f", Ơ: "O", ơ: "o", Ư: "U", ư: "u", Ǎ: "A", ǎ: "a", Ǐ: "I", ǐ: "i", Ǒ: "O", ǒ: "o", Ǔ: "U", ǔ: "u", Ǖ: "U", ǖ: "u", Ǘ: "U", ǘ: "u", Ǚ: "U", ǚ: "u", Ǜ: "U", ǜ: "u", Ứ: "U", ứ: "u", Ṹ: "U", ṹ: "u", Ǻ: "A", ǻ: "a", Ǽ: "AE", ǽ: "ae", Ǿ: "O", ǿ: "o", Þ: "TH", þ: "th", Ṕ: "P", ṕ: "p", Ṥ: "S", ṥ: "s", X́: "X", x́: "x", Ѓ: "Г", ѓ: "г", Ќ: "К", ќ: "к", A̋: "A", a̋: "a", E̋: "E", e̋: "e", I̋: "I", i̋: "i", Ǹ: "N", ǹ: "n", Ồ: "O", ồ: "o", Ṑ: "O", ṑ: "o", Ừ: "U", ừ: "u", Ẁ: "W", ẁ: "w", Ỳ: "Y", ỳ: "y", Ȁ: "A", ȁ: "a", Ȅ: "E", ȅ: "e", Ȉ: "I", ȉ: "i", Ȍ: "O", ȍ: "o", Ȑ: "R", ȑ: "r", Ȕ: "U", ȕ: "u", B̌: "B", b̌: "b", Č̣: "C", č̣: "c", Ê̌: "E", ê̌: "e", F̌: "F", f̌: "f", Ǧ: "G", ǧ: "g", Ȟ: "H", ȟ: "h", J̌: "J", ǰ: "j", Ǩ: "K", ǩ: "k", M̌: "M", m̌: "m", P̌: "P", p̌: "p", Q̌: "Q", q̌: "q", Ř̩: "R", ř̩: "r", Ṧ: "S", ṧ: "s", V̌: "V", v̌: "v", W̌: "W", w̌: "w", X̌: "X", x̌: "x", Y̌: "Y", y̌: "y", A̧: "A", a̧: "a", B̧: "B", b̧: "b", Ḑ: "D", ḑ: "d", Ȩ: "E", ȩ: "e", Ɛ̧: "E", ɛ̧: "e", Ḩ: "H", ḩ: "h", I̧: "I", i̧: "i", Ɨ̧: "I", ɨ̧: "i", M̧: "M", m̧: "m", O̧: "O", o̧: "o", Q̧: "Q", q̧: "q", U̧: "U", u̧: "u", X̧: "X", x̧: "x", Z̧: "Z", z̧: "z" }, s = Object.keys(r).join("|"), a = new RegExp(s, "g"), l = new RegExp(s, ""), d = function(u) {
-        return u.replace(a, function(f) {
-          return r[f];
+        return u.replace(a, function(p) {
+          return r[p];
         });
       };
       o.exports = d, o.exports.has = function(u) {
@@ -4716,8 +4716,8 @@ var Qn = { exports: {} };
       o.exports = function(r, s) {
         const a = [];
         return s.length === 0 ? a.push({ text: r, highlight: !1 }) : s[0][0] > 0 && a.push({ text: r.slice(0, s[0][0]), highlight: !1 }), s.forEach((l, d) => {
-          const u = l[0], f = l[1];
-          a.push({ text: r.slice(u, f), highlight: !0 }), d === s.length - 1 ? f < r.length && a.push({ text: r.slice(f, r.length), highlight: !1 }) : f < s[d + 1][0] && a.push({ text: r.slice(f, s[d + 1][0]), highlight: !1 });
+          const u = l[0], p = l[1];
+          a.push({ text: r.slice(u, p), highlight: !0 }), d === s.length - 1 ? p < r.length && a.push({ text: r.slice(p, r.length), highlight: !1 }) : p < s[d + 1][0] && a.push({ text: r.slice(p, s[d + 1][0]), highlight: !1 });
         }), a;
       };
     } }, i = {}, function o(r) {
@@ -4856,10 +4856,10 @@ const Cc = ["primary", "secondary"], lt = ({
               style: { minWidth: 50, minHeight: 16 },
               children: i && /* @__PURE__ */ M(F, { alignContent: "center", alignItems: "center", gap: "xxs", children: [
                 e === "secondary" && /* @__PURE__ */ c(Ie, { name: "person", size: "24px", color: "light-grey" }),
-                i.map(({ username: f, name: E, link: N }, T) => /* @__PURE__ */ M(rt, { children: [
-                  N ? /* @__PURE__ */ c(e0, { ...N, children: E }) : /* @__PURE__ */ c(ee, { as: "span", children: E }),
+                i.map(({ username: p, name: I, link: N }, T) => /* @__PURE__ */ M(rt, { children: [
+                  N ? /* @__PURE__ */ c(e0, { ...N, children: I }) : /* @__PURE__ */ c(ee, { as: "span", children: I }),
                   T !== i.length - 1 && /* @__PURE__ */ c(ee, { as: "span", children: "&" })
-                ] }, f))
+                ] }, p))
               ] })
             },
             d
@@ -4880,7 +4880,7 @@ const Cc = ["primary", "secondary"], lt = ({
       textSize: "s",
       flexWrap: "wrap",
       gap: e === "secondary" ? "s" : "xxs",
-      className: ie("post-metadata", { [`post-metadata--${e}`]: e }),
+      className: re("post-metadata", { [`post-metadata--${e}`]: e }),
       children: a
     }
   );
@@ -4897,8 +4897,8 @@ const Mc = ["highlight-light", "highlight-dark", "side-image"], D0 = ({
   link: l = {},
   isLoading: d = !1,
   tutorialLabel: u,
-  ...f
-}) => /* @__PURE__ */ M(V, { as: "article", ...f, className: ie("post-card", `post-card--${t}`), children: [
+  ...p
+}) => /* @__PURE__ */ M(V, { as: "article", ...p, className: re("post-card", `post-card--${t}`), children: [
   /* @__PURE__ */ c(We, { isLoading: d, children: /* @__PURE__ */ c("img", { className: "post-card__cover", ...n, alt: n == null ? void 0 : n.alt }) }),
   /* @__PURE__ */ M(
     V,
@@ -5005,7 +5005,7 @@ const Tc = ["primary", "secondary"], tr = ({
   sectionActive: n,
   sections: i,
   ...o
-}) => /* @__PURE__ */ M(V, { bg: "white", p: "m", className: ie("summary-card", { [`summary-card--${e}`]: e }), ...o, children: [
+}) => /* @__PURE__ */ M(V, { bg: "white", p: "m", className: re("summary-card", { [`summary-card--${e}`]: e }), ...o, children: [
   /* @__PURE__ */ c(ye, { size: "m", color: "primary", children: t }),
   /* @__PURE__ */ c(F, { flexDirection: "column", mt: "m", children: i.map(({ name: r, label: s, ...a }, l) => /* @__PURE__ */ M(be.Fragment, { children: [
     /* @__PURE__ */ M(
@@ -5014,7 +5014,7 @@ const Tc = ["primary", "secondary"], tr = ({
         as: "a",
         gap: "s",
         fontWeight: "semi-bold",
-        className: ie("summary-card__section", {
+        className: re("summary-card__section", {
           "summary-card__section--active": n === r
         }),
         ...a,
@@ -5040,7 +5040,7 @@ const Ac = ["horizontal", "vertical"], ut = ({
     p: "l",
     bg: "primary",
     color: "white",
-    className: ie("newsletter-card", `newsletter-card--${i}`),
+    className: re("newsletter-card", `newsletter-card--${i}`),
     children: [
       /* @__PURE__ */ M(V, { className: "newsletter-card__intro", children: [
         /* @__PURE__ */ c(ye, { size: "m", color: "accent", children: e }),
@@ -5079,7 +5079,7 @@ const Ac = ["horizontal", "vertical"], ut = ({
 }, [t, e, n]);
 const B0 = (e) => ({
   ...e.disabled ? { as: "span" } : { as: "a", ...e.getLink(e.currentPage) },
-  className: ie(
+  className: re(
     "pagination__item",
     { "pagination__item--disabled": e.disabled },
     { "pagination__item--active": e.active }
@@ -5105,7 +5105,7 @@ const B0 = (e) => ({
       }
     ),
     r.map((s, a) => /* @__PURE__ */ M(rt, { children: [
-      s === o0 && /* @__PURE__ */ c(V, { className: ie("pagination__item"), children: "..." }),
+      s === o0 && /* @__PURE__ */ c(V, { className: re("pagination__item"), children: "..." }),
       s !== o0 && /* @__PURE__ */ c(
         V,
         {
@@ -5151,28 +5151,28 @@ function ls() {
   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, f = 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, y = e ? Symbol.for("react.fundamental") : 60117, A = e ? Symbol.for("react.responder") : 60118, h = e ? Symbol.for("react.scope") : 60119;
-  function m(p) {
-    if (typeof p == "object" && p !== null) {
-      var w = p.$$typeof;
+  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, I = 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, y = 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;
       switch (w) {
         case t:
-          switch (p = p.type, p) {
+          switch (f = f.type, f) {
             case l:
             case d:
             case i:
             case r:
             case o:
-            case f:
-              return p;
+            case p:
+              return f;
             default:
-              switch (p = p && p.$$typeof, p) {
+              switch (f = f && f.$$typeof, f) {
                 case a:
                 case u:
                 case T:
                 case N:
                 case s:
-                  return p;
+                  return f;
                 default:
                   return w;
               }
@@ -5182,35 +5182,35 @@ function ls() {
       }
     }
   }
-  function g(p) {
-    return m(p) === 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 = T, ae.Memo = N, ae.Portal = n, ae.Profiler = r, ae.StrictMode = o, ae.Suspense = f, ae.isAsyncMode = function(p) {
-    return g(p) || m(p) === l;
-  }, ae.isConcurrentMode = g, ae.isContextConsumer = function(p) {
-    return m(p) === a;
-  }, ae.isContextProvider = function(p) {
-    return m(p) === s;
-  }, ae.isElement = function(p) {
-    return typeof p == "object" && p !== null && p.$$typeof === t;
-  }, ae.isForwardRef = function(p) {
-    return m(p) === u;
-  }, ae.isFragment = function(p) {
-    return m(p) === i;
-  }, ae.isLazy = function(p) {
-    return m(p) === T;
-  }, ae.isMemo = function(p) {
-    return m(p) === N;
-  }, ae.isPortal = function(p) {
-    return m(p) === n;
-  }, ae.isProfiler = function(p) {
-    return m(p) === r;
-  }, ae.isStrictMode = function(p) {
-    return m(p) === o;
-  }, ae.isSuspense = function(p) {
-    return m(p) === f;
-  }, ae.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === i || p === d || p === r || p === o || p === f || p === E || typeof p == "object" && p !== null && (p.$$typeof === T || p.$$typeof === N || p.$$typeof === s || p.$$typeof === a || p.$$typeof === u || p.$$typeof === y || p.$$typeof === A || p.$$typeof === h || p.$$typeof === R);
+  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 = 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;
+  }, ae.isContextProvider = function(f) {
+    return m(f) === s;
+  }, ae.isElement = function(f) {
+    return typeof f == "object" && f !== null && f.$$typeof === t;
+  }, ae.isForwardRef = function(f) {
+    return m(f) === u;
+  }, ae.isFragment = function(f) {
+    return m(f) === i;
+  }, ae.isLazy = function(f) {
+    return m(f) === T;
+  }, ae.isMemo = function(f) {
+    return m(f) === N;
+  }, ae.isPortal = function(f) {
+    return m(f) === n;
+  }, ae.isProfiler = function(f) {
+    return m(f) === r;
+  }, ae.isStrictMode = function(f) {
+    return m(f) === o;
+  }, 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 === I || typeof f == "object" && f !== null && (f.$$typeof === T || f.$$typeof === N || f.$$typeof === s || f.$$typeof === a || f.$$typeof === u || f.$$typeof === y || f.$$typeof === A || f.$$typeof === h || f.$$typeof === R);
   }, ae.typeOf = m, ae;
 }
 var se = {};
@@ -5225,10 +5225,10 @@ var se = {};
 var qt;
 function us() {
   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, f = 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, y = e ? Symbol.for("react.fundamental") : 60117, A = 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, I = 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, y = 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 === f || S === E || typeof S == "object" && S !== null && (S.$$typeof === T || S.$$typeof === N || S.$$typeof === s || S.$$typeof === a || S.$$typeof === u || S.$$typeof === y || S.$$typeof === A || S.$$typeof === h || S.$$typeof === R);
+      S === i || S === d || S === r || S === o || S === p || S === I || typeof S == "object" && S !== null && (S.$$typeof === T || S.$$typeof === N || S.$$typeof === s || S.$$typeof === a || S.$$typeof === u || S.$$typeof === y || S.$$typeof === A || S.$$typeof === h || S.$$typeof === R);
     }
     function g(S) {
       if (typeof S == "object" && S !== null) {
@@ -5242,7 +5242,7 @@ function us() {
               case i:
               case r:
               case o:
-              case f:
+              case p:
                 return L;
               default:
                 var _e = L && L.$$typeof;
@@ -5262,7 +5262,7 @@ function us() {
         }
       }
     }
-    var p = l, w = d, D = a, P = s, q = t, U = u, G = i, X = T, ne = N, Z = n, re = r, oe = o, W = f, pe = !1;
+    var f = l, w = d, D = 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;
     }
@@ -5284,7 +5284,7 @@ function us() {
     function _(S) {
       return g(S) === i;
     }
-    function I(S) {
+    function E(S) {
       return g(S) === T;
     }
     function C(S) {
@@ -5300,9 +5300,9 @@ function us() {
       return g(S) === o;
     }
     function Q(S) {
-      return g(S) === f;
+      return g(S) === p;
     }
-    se.AsyncMode = p, se.ConcurrentMode = w, se.ContextConsumer = D, se.ContextProvider = P, se.Element = q, se.ForwardRef = U, se.Fragment = G, se.Lazy = X, se.Memo = ne, se.Portal = Z, se.Profiler = re, se.StrictMode = oe, se.Suspense = W, se.isAsyncMode = ge, se.isConcurrentMode = x, se.isContextConsumer = k, 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 = D, 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 = k, se.isContextProvider = K, se.isElement = b, se.isForwardRef = v, se.isFragment = _, se.isLazy = E, se.isMemo = C, se.isPortal = z, se.isProfiler = H, se.isStrictMode = B, se.isSuspense = Q, se.isValidElementType = m, se.typeOf = g;
   }()), se;
 }
 var Wt;
@@ -5350,12 +5350,12 @@ function ds() {
   return V0 = o() ? Object.assign : function(r, s) {
     for (var a, l = i(r), d, u = 1; u < arguments.length; u++) {
       a = Object(arguments[u]);
-      for (var f in a)
-        t.call(a, f) && (l[f] = a[f]);
+      for (var p in a)
+        t.call(a, p) && (l[p] = a[p]);
       if (e) {
         d = e(a);
-        for (var E = 0; E < d.length; E++)
-          n.call(a, d[E]) && (l[d[E]] = a[d[E]]);
+        for (var I = 0; I < d.length; I++)
+          n.call(a, d[I]) && (l[d[I]] = a[d[I]]);
       }
     }
     return l;
@@ -5395,25 +5395,25 @@ function fs() {
     if (process.env.NODE_ENV !== "production") {
       for (var u in r)
         if (i(r, u)) {
-          var f;
+          var p;
           try {
             if (typeof r[u] != "function") {
-              var E = Error(
+              var I = Error(
                 (l || "React class") + ": " + a + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw E.name = "Invariant Violation", E;
+              throw I.name = "Invariant Violation", I;
             }
-            f = r[u](s, u, l, a, null, t);
+            p = r[u](s, u, l, a, null, t);
           } catch (T) {
-            f = T;
+            p = T;
           }
-          if (f && !(f 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 f + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), f instanceof Error && !(f.message in n)) {
-            n[f.message] = !0;
+          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)."
+          ), p instanceof Error && !(p.message in n)) {
+            n[p.message] = !0;
             var N = d ? d() : "";
             e(
-              "Failed " + a + " type: " + f.message + (N ?? "")
+              "Failed " + a + " type: " + p.message + (N ?? "")
             );
           }
         }
@@ -5443,12 +5443,12 @@ function ps() {
   }
   return j0 = function(a, l) {
     var d = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
-    function f(x) {
+    function p(x) {
       var k = x && (d && x[d] || x[u]);
       if (typeof k == "function")
         return k;
     }
-    var E = "<<anonymous>>", N = {
+    var I = "<<anonymous>>", N = {
       array: A("array"),
       bigint: A("bigint"),
       bool: A("boolean"),
@@ -5460,7 +5460,7 @@ function ps() {
       any: h(),
       arrayOf: m,
       element: g(),
-      elementType: p(),
+      elementType: f(),
       instanceOf: w,
       node: U(),
       objectOf: P,
@@ -5479,8 +5479,8 @@ function ps() {
     function y(x) {
       if (process.env.NODE_ENV !== "production")
         var k = {}, K = 0;
-      function b(_, I, C, z, H, B, Q) {
-        if (z = z || E, B = B || C, Q !== n) {
+      function b(_, E, C, z, H, B, Q) {
+        if (z = z || I, B = B || C, Q !== n) {
           if (l) {
             var S = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
@@ -5494,18 +5494,18 @@ function ps() {
             ), k[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 E[C] == null ? _ ? E[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(E, C, z, H, B);
       }
       var v = b.bind(null, !1);
       return v.isRequired = b.bind(null, !0), v;
     }
     function A(x) {
-      function k(K, b, v, _, I, C) {
+      function k(K, b, v, _, E, 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 " + _ + " `" + E + "` of type " + ("`" + B + "` supplied to `" + v + "`, expected ") + ("`" + x + "`."),
             { expectedType: x }
           );
         }
@@ -5517,16 +5517,16 @@ function ps() {
       return y(s);
     }
     function m(x) {
-      function k(K, b, v, _, I) {
+      function k(K, b, v, _, E) {
         if (typeof x != "function")
-          return new R("Property `" + I + "` of component `" + v + "` has invalid PropType notation inside arrayOf.");
+          return new R("Property `" + E + "` 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 " + _ + " `" + E + "` 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, _, E + "[" + H + "]", n);
           if (B instanceof Error)
             return B;
         }
@@ -5536,20 +5536,20 @@ function ps() {
     }
     function g() {
       function x(k, K, b, v, _) {
-        var I = k[K];
-        if (!a(I)) {
-          var C = oe(I);
+        var E = k[K];
+        if (!a(E)) {
+          var C = oe(E);
           return new R("Invalid " + v + " `" + _ + "` of type " + ("`" + C + "` supplied to `" + b + "`, expected a single ReactElement."));
         }
         return null;
       }
       return y(x);
     }
-    function p() {
+    function f() {
       function x(k, K, b, v, _) {
-        var I = k[K];
-        if (!e.isValidElementType(I)) {
-          var C = oe(I);
+        var E = k[K];
+        if (!e.isValidElementType(E)) {
+          var C = oe(E);
           return new R("Invalid " + v + " `" + _ + "` of type " + ("`" + C + "` supplied to `" + b + "`, expected a single ReactElement type."));
         }
         return null;
@@ -5557,10 +5557,10 @@ function ps() {
       return y(x);
     }
     function w(x) {
-      function k(K, b, v, _, I) {
+      function k(K, b, v, _, E) {
         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 + "`."));
+          var C = x.name || I, z = ge(K[b]);
+          return new R("Invalid " + _ + " `" + E + "` of type " + ("`" + z + "` supplied to `" + v + "`, expected ") + ("instance of `" + C + "`."));
         }
         return null;
       }
@@ -5571,7 +5571,7 @@ function ps() {
         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 k(K, b, v, _, I) {
+      function k(K, b, v, _, E) {
         for (var C = K[b], z = 0; z < x.length; z++)
           if (T(C, x[z]))
             return null;
@@ -5579,20 +5579,20 @@ function ps() {
           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 " + _ + " `" + E + "` of value `" + String(C) + "` " + ("supplied to `" + v + "`, expected one of " + H + "."));
       }
       return y(k);
     }
     function P(x) {
-      function k(K, b, v, _, I) {
+      function k(K, b, v, _, E) {
         if (typeof x != "function")
-          return new R("Property `" + I + "` of component `" + v + "` has invalid PropType notation inside objectOf.");
+          return new R("Property `" + E + "` 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 " + _ + " `" + E + "` 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, _, E + "." + H, n);
             if (B instanceof Error)
               return B;
           }
@@ -5610,15 +5610,15 @@ function ps() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + pe(K) + " at index " + k + "."
           ), s;
       }
-      function b(v, _, I, C, z) {
+      function b(v, _, E, 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, _, E, C, z, n);
           if (S == null)
             return null;
           S.data && i(S.data, "expectedType") && H.push(S.data.expectedType);
         }
         var de = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
-        return new R("Invalid " + C + " `" + z + "` supplied to " + ("`" + I + "`" + de + "."));
+        return new R("Invalid " + C + " `" + z + "` supplied to " + ("`" + E + "`" + de + "."));
       }
       return y(b);
     }
@@ -5634,15 +5634,15 @@ function ps() {
       );
     }
     function X(x) {
-      function k(K, b, v, _, I) {
+      function k(K, b, v, _, E) {
         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 " + _ + " `" + E + "` 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, _, E, H, W(B));
+          var Q = B(C, H, v, _, E + "." + H, n);
           if (Q)
             return Q;
         }
@@ -5651,21 +5651,21 @@ function ps() {
       return y(k);
     }
     function ne(x) {
-      function k(K, b, v, _, I) {
+      function k(K, b, v, _, E) {
         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 " + _ + " `" + E + "` 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, _, E, B, W(Q));
           if (!Q)
             return new R(
-              "Invalid " + _ + " `" + I + "` key `" + B + "` supplied to `" + v + "`.\nBad object: " + JSON.stringify(K[b], null, "  ") + `
+              "Invalid " + _ + " `" + E + "` 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, _, E + "." + B, n);
           if (S)
             return S;
         }
@@ -5686,7 +5686,7 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             return x.every(Z);
           if (x === null || a(x))
             return !0;
-          var k = f(x);
+          var k = p(x);
           if (k) {
             var K = k.call(x), b;
             if (k !== x.entries) {
@@ -5706,12 +5706,12 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
           return !1;
       }
     }
-    function re(x, k) {
+    function ie(x, k) {
       return x === "symbol" ? !0 : k ? k["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && k instanceof Symbol : !1;
     }
     function oe(x) {
       var k = typeof x;
-      return Array.isArray(x) ? "array" : x instanceof RegExp ? "object" : re(k, x) ? "symbol" : k;
+      return Array.isArray(x) ? "array" : x instanceof RegExp ? "object" : ie(k, x) ? "symbol" : k;
     }
     function W(x) {
       if (typeof x > "u" || x === null)
@@ -5740,7 +5740,7 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
       }
     }
     function ge(x) {
-      return !x.constructor || !x.constructor.name ? E : x.constructor.name;
+      return !x.constructor || !x.constructor.name ? I : x.constructor.name;
     }
     return N.checkPropTypes = o, N.resetWarningCache = o.resetWarningCache, N.PropTypes = N, N;
   }, j0;
@@ -5756,12 +5756,12 @@ function gs() {
   function n() {
   }
   return n.resetWarningCache = t, K0 = function() {
-    function i(s, a, l, d, u, f) {
-      if (f !== e) {
-        var E = new Error(
+    function i(s, a, l, d, u, p) {
+      if (p !== e) {
+        var I = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw E.name = "Invariant Violation", E;
+        throw I.name = "Invariant Violation", I;
       }
     }
     i.isRequired = i;
@@ -5816,7 +5816,7 @@ function bs() {
   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"), f = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), 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"), I = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), T;
   T = Symbol.for("react.module.reference");
   function R(y) {
     if (typeof y == "object" && y !== null) {
@@ -5835,8 +5835,8 @@ function bs() {
                 case a:
                 case s:
                 case l:
-                case E:
-                case f:
+                case I:
+                case p:
                 case r:
                   return y;
                 default:
@@ -5848,7 +5848,7 @@ function bs() {
       }
     }
   }
-  return ce.ContextConsumer = s, ce.ContextProvider = r, ce.Element = e, ce.ForwardRef = l, ce.Fragment = n, ce.Lazy = E, ce.Memo = f, ce.Portal = t, ce.Profiler = o, ce.StrictMode = i, ce.Suspense = d, ce.SuspenseList = u, ce.isAsyncMode = function() {
+  return ce.ContextConsumer = s, ce.ContextProvider = r, ce.Element = e, ce.ForwardRef = l, ce.Fragment = n, ce.Lazy = I, ce.Memo = p, ce.Portal = t, ce.Profiler = o, ce.StrictMode = i, ce.Suspense = d, ce.SuspenseList = u, ce.isAsyncMode = function() {
     return !1;
   }, ce.isConcurrentMode = function() {
     return !1;
@@ -5863,9 +5863,9 @@ function bs() {
   }, ce.isFragment = function(y) {
     return R(y) === n;
   }, ce.isLazy = function(y) {
-    return R(y) === E;
+    return R(y) === I;
   }, ce.isMemo = function(y) {
-    return R(y) === f;
+    return R(y) === p;
   }, ce.isPortal = function(y) {
     return R(y) === t;
   }, ce.isProfiler = function(y) {
@@ -5877,7 +5877,7 @@ function bs() {
   }, 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 === f || y.$$typeof === r || y.$$typeof === s || y.$$typeof === l || y.$$typeof === T || y.getModuleId !== void 0);
+    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 === I || y.$$typeof === p || y.$$typeof === r || y.$$typeof === s || y.$$typeof === l || y.$$typeof === T || y.getModuleId !== void 0);
   }, ce.typeOf = R, ce;
 }
 var le = {};
@@ -5893,16 +5893,16 @@ var le = {};
 var tn;
 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"), f = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), T = !1, R = !1, y = !1, A = !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"), I = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), T = !1, R = !1, y = !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 || A || L === N || T || R || y || typeof L == "object" && L !== null && (L.$$typeof === E || L.$$typeof === f || 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 || y || typeof L == "object" && L !== null && (L.$$typeof === I || 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.
       L.$$typeof === m || L.getModuleId !== void 0));
     }
-    function p(L) {
+    function f(L) {
       if (typeof L == "object" && L !== null) {
         var _e = L.$$typeof;
         switch (_e) {
@@ -5921,8 +5921,8 @@ function ys() {
                   case a:
                   case s:
                   case l:
-                  case E:
-                  case f:
+                  case I:
+                  case p:
                   case r:
                     return Le;
                   default:
@@ -5934,7 +5934,7 @@ function ys() {
         }
       }
     }
-    var w = s, D = r, P = e, q = l, U = n, G = E, X = f, ne = t, Z = o, re = i, oe = d, W = u, pe = !1, ge = !1;
+    var w = s, D = r, P = e, q = l, U = n, G = I, X = p, ne = t, Z = o, ie = i, oe = d, W = u, pe = !1, ge = !1;
     function x(L) {
       return pe || (pe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -5942,42 +5942,42 @@ function ys() {
       return ge || (ge = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
     function K(L) {
-      return p(L) === s;
+      return f(L) === s;
     }
     function b(L) {
-      return p(L) === r;
+      return f(L) === r;
     }
     function v(L) {
       return typeof L == "object" && L !== null && L.$$typeof === e;
     }
     function _(L) {
-      return p(L) === l;
+      return f(L) === l;
     }
-    function I(L) {
-      return p(L) === n;
+    function E(L) {
+      return f(L) === n;
     }
     function C(L) {
-      return p(L) === E;
+      return f(L) === I;
     }
     function z(L) {
-      return p(L) === f;
+      return f(L) === p;
     }
     function H(L) {
-      return p(L) === t;
+      return f(L) === t;
     }
     function B(L) {
-      return p(L) === o;
+      return f(L) === o;
     }
     function Q(L) {
-      return p(L) === i;
+      return f(L) === i;
     }
     function S(L) {
-      return p(L) === d;
+      return f(L) === d;
     }
     function de(L) {
-      return p(L) === u;
+      return f(L) === u;
     }
-    le.ContextConsumer = w, le.ContextProvider = D, le.Element = P, le.ForwardRef = q, le.Fragment = U, le.Lazy = G, le.Memo = X, le.Portal = ne, le.Profiler = Z, le.StrictMode = re, le.Suspense = oe, le.SuspenseList = W, le.isAsyncMode = x, le.isConcurrentMode = k, 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 = p;
+    le.ContextConsumer = w, le.ContextProvider = D, 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 = k, le.isContextConsumer = K, le.isContextProvider = b, le.isElement = v, le.isForwardRef = _, le.isFragment = E, 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 = bs() : J0.exports = ys();
@@ -6006,41 +6006,41 @@ const rn = (e) => typeof e == "object" && e != null && e.nodeType === 1, on = (e
   var n, i, o, r;
   if (typeof document > "u")
     return [];
-  const { scrollMode: s, block: a, inline: l, boundary: d, skipOverflowHiddenElements: u } = t, f = typeof d == "function" ? d : (oe) => oe !== d;
+  const { scrollMode: s, block: a, inline: l, boundary: d, skipOverflowHiddenElements: u } = t, p = typeof d == "function" ? d : (oe) => oe !== d;
   if (!rn(e))
     throw new TypeError("Invalid target");
-  const E = document.scrollingElement || document.documentElement, N = [];
+  const I = document.scrollingElement || document.documentElement, N = [];
   let T = e;
-  for (; rn(T) && f(T); ) {
-    if (T = _s(T), T === E) {
+  for (; rn(T) && p(T); ) {
+    if (T = _s(T), T === I) {
       N.push(T);
       break;
     }
     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: A, scrollY: h } = window, { height: m, width: g, top: p, right: w, bottom: D, 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, y = (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: D, 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);
-  let ne = a === "start" || a === "nearest" ? p - q : a === "end" ? D + G : p + m / 2 - q + G, Z = l === "center" ? P + g / 2 - X + U : l === "end" ? w + U : P - X;
-  const re = [];
+  let ne = a === "start" || a === "nearest" ? f - q : a === "end" ? D + G : f + m / 2 - q + G, Z = l === "center" ? P + g / 2 - X + U : l === "end" ? w + U : P - X;
+  const ie = [];
   for (let oe = 0; oe < N.length; oe++) {
     const W = N[oe], { height: pe, width: ge, top: x, right: k, bottom: K, left: b } = W.getBoundingClientRect();
-    if (s === "if-needed" && p >= 0 && P >= 0 && D <= y && w <= R && p >= x && D <= K && P >= b && w <= k)
-      return re;
-    const v = getComputedStyle(W), _ = parseInt(v.borderLeftWidth, 10), I = parseInt(v.borderTopWidth, 10), C = parseInt(v.borderRightWidth, 10), z = parseInt(v.borderBottomWidth, 10);
+    if (s === "if-needed" && f >= 0 && P >= 0 && D <= y && w <= R && f >= x && D <= K && P >= b && w <= k)
+      return ie;
+    const v = getComputedStyle(W), _ = parseInt(v.borderLeftWidth, 10), E = 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;
-    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(A, A + R, R, _, C, A + Z, A + Z + g, g), H = Math.max(0, H + h), B = Math.max(0, B + A);
+    const Q = "offsetWidth" in W ? W.offsetWidth - W.clientWidth - _ - C : 0, S = "offsetHeight" in W ? W.offsetHeight - W.clientHeight - E - 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 (I === W)
+      H = a === "start" ? ne : a === "end" ? ne - y : a === "nearest" ? E0(h, h + y, y, E, z, h + ne, h + ne + m, m) : ne - y / 2, B = l === "start" ? Z : l === "center" ? Z - R / 2 : l === "end" ? Z - R : E0(A, A + R, R, _, 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 - k + C + Q : E0(b, k, ge, _, C + Q, Z, Z + g, g);
+      H = a === "start" ? ne - x - E : a === "end" ? ne - K + z + S : a === "nearest" ? E0(x, K, pe, E, 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 - k + C + Q : E0(b, k, ge, _, C + Q, Z, Z + g, g);
       const { scrollLeft: _e, scrollTop: ve } = W;
       H = L === 0 ? 0 : Math.max(0, Math.min(ve + 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 += ve - H, Z += _e - B;
     }
-    re.push({ el: W, top: H, left: B });
+    ie.push({ el: W, top: H, left: B });
   }
-  return re;
+  return ie;
 };
 var c0 = function() {
   return c0 = Object.assign || function(t) {
@@ -6241,8 +6241,8 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         return r.id + "-item-" + h;
       }, r.items = [], r.itemCount = null, r.previousResultCount = 0, r.timeoutIds = [], r.internalSetTimeout = function(h, m) {
         var g = setTimeout(function() {
-          r.timeoutIds = r.timeoutIds.filter(function(p) {
-            return p !== g;
+          r.timeoutIds = r.timeoutIds.filter(function(f) {
+            return f !== g;
           }), h();
         }, m);
         r.timeoutIds.push(g);
@@ -6272,30 +6272,30 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
           inputValue: r.props.itemToString(h)
         }, m), g);
       }, r.selectItemAtIndex = function(h, m, g) {
-        var p = r.items[h];
-        p != null && r.selectItem(p, m, g);
+        var f = r.items[h];
+        f != null && r.selectItem(f, m, g);
       }, r.selectHighlightedItem = function(h, m) {
         return r.selectItemAtIndex(r.getState().highlightedIndex, h, m);
       }, r.internalSetState = function(h, m) {
-        var g, p, w = {}, D = typeof h == "function";
+        var g, f, w = {}, D = typeof h == "function";
         return !D && h.hasOwnProperty("inputValue") && r.props.onInputValueChange(h.inputValue, Y({}, r.getStateAndHelpers(), h)), r.setState(function(P) {
           var q;
           P = r.getState(P);
           var U = D ? h(P) : h;
           U = r.props.stateReducer(P, U), g = U.hasOwnProperty("selectedItem");
           var G = {};
-          return g && U.selectedItem !== P.selectedItem && (p = U.selectedItem), (q = U).type || (q.type = dr), Object.keys(U).forEach(function(X) {
+          return g && U.selectedItem !== P.selectedItem && (f = U.selectedItem), (q = U).type || (q.type = dr), Object.keys(U).forEach(function(X) {
             P[X] !== U[X] && (w[X] = U[X]), X !== "type" && (U[X], C0(r.props, X) || (G[X] = U[X]));
           }), D && U.hasOwnProperty("inputValue") && r.props.onInputValueChange(U.inputValue, Y({}, r.getStateAndHelpers(), U)), G;
         }, function() {
           an(m)();
           var P = Object.keys(w).length > 1;
-          P && r.props.onStateChange(w, r.getStateAndHelpers()), g && r.props.onSelect(h.selectedItem, r.getStateAndHelpers()), p !== void 0 && r.props.onChange(p, r.getStateAndHelpers()), r.props.onUserAction(w, r.getStateAndHelpers());
+          P && r.props.onStateChange(w, r.getStateAndHelpers()), g && r.props.onSelect(h.selectedItem, r.getStateAndHelpers()), f !== void 0 && r.props.onChange(f, r.getStateAndHelpers()), r.props.onUserAction(w, r.getStateAndHelpers());
         });
       }, r.rootRef = function(h) {
         return r._rootNode = h;
       }, r.getRootProps = function(h, m) {
-        var g, p = h === void 0 ? {} : h, w = p.refKey, D = w === void 0 ? "ref" : w, P = p.ref, q = He(p, Rs), U = m === void 0 ? {} : m, G = U.suppressRefError, X = G === void 0 ? !1 : G;
+        var g, f = h === void 0 ? {} : h, w = f.refKey, D = w === void 0 ? "ref" : w, P = f.ref, q = He(f, Rs), U = m === void 0 ? {} : m, G = U.suppressRefError, X = G === void 0 ? !1 : G;
         r.getRootProps.called = !0, r.getRootProps.refKey = D, r.getRootProps.suppressRefError = X;
         var ne = r.getState(), Z = ne.isOpen;
         return Y((g = {}, g[D] = a0(P, r.rootRef), g.role = "combobox", g["aria-expanded"] = Z, g["aria-haspopup"] = "listbox", g["aria-owns"] = Z ? r.menuId : void 0, g["aria-labelledby"] = r.labelId, g), q);
@@ -6303,8 +6303,8 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         ArrowDown: function(m) {
           var g = this;
           if (m.preventDefault(), this.getState().isOpen) {
-            var p = m.shiftKey ? 5 : 1;
-            this.moveHighlightedIndex(p, {
+            var f = m.shiftKey ? 5 : 1;
+            this.moveHighlightedIndex(f, {
               type: S0
             });
           } else
@@ -6326,8 +6326,8 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         ArrowUp: function(m) {
           var g = this;
           if (m.preventDefault(), this.getState().isOpen) {
-            var p = m.shiftKey ? -5 : -1;
-            this.moveHighlightedIndex(p, {
+            var f = m.shiftKey ? -5 : -1;
+            this.moveHighlightedIndex(f, {
               type: N0
             });
           } else
@@ -6348,8 +6348,8 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         },
         Enter: function(m) {
           if (m.which !== 229) {
-            var g = this.getState(), p = g.isOpen, w = g.highlightedIndex;
-            if (p && w != null) {
+            var g = this.getState(), f = g.isOpen, w = g.highlightedIndex;
+            if (f && w != null) {
               m.preventDefault();
               var D = this.items[w], P = this.getItemNodeFromIndex(w);
               if (D == null || P && P.hasAttribute("disabled"))
@@ -6376,11 +6376,11 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         }
       }), r.inputKeyDownHandlers = Y({}, r.keyDownHandlers, {
         Home: function(m) {
-          var g = this.getState(), p = g.isOpen;
-          if (p) {
+          var g = this.getState(), f = g.isOpen;
+          if (f) {
             m.preventDefault();
             var w = this.getItemCount();
-            if (!(w <= 0 || !p)) {
+            if (!(w <= 0 || !f)) {
               var D = l0(0, !1, {
                 length: w
               }, this.isItemDisabled);
@@ -6391,11 +6391,11 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
           }
         },
         End: function(m) {
-          var g = this.getState(), p = g.isOpen;
-          if (p) {
+          var g = this.getState(), f = g.isOpen;
+          if (f) {
             m.preventDefault();
             var w = this.getItemCount();
-            if (!(w <= 0 || !p)) {
+            if (!(w <= 0 || !f)) {
               var D = l0(w - 1, !0, {
                 length: w
               }, this.isItemDisabled);
@@ -6408,9 +6408,9 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
       }), r.getToggleButtonProps = function(h) {
         var m = h === void 0 ? {} : h, g = m.onClick;
         m.onPress;
-        var p = m.onKeyDown, w = m.onKeyUp, D = m.onBlur, P = He(m, Cs), q = r.getState(), U = q.isOpen, G = {
+        var f = m.onKeyDown, w = m.onKeyUp, D = m.onBlur, P = He(m, Cs), q = r.getState(), U = q.isOpen, G = {
           onClick: he(g, r.buttonHandleClick),
-          onKeyDown: he(p, r.buttonHandleKeyDown),
+          onKeyDown: he(f, r.buttonHandleKeyDown),
           onKeyUp: he(w, r.buttonHandleKeyUp),
           onBlur: he(D, r.buttonHandleBlur)
         }, X = P.disabled ? {} : G;
@@ -6428,8 +6428,8 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         r.buttonKeyDownHandlers[m] && r.buttonKeyDownHandlers[m].call(Kt(r), h);
       }, r.buttonHandleClick = function(h) {
         if (h.preventDefault(), r.props.environment) {
-          var m = r.props.environment.document, g = m.body, p = m.activeElement;
-          g && g === p && h.target.focus();
+          var m = r.props.environment.document, g = m.body, f = m.activeElement;
+          g && g === f && h.target.focus();
         }
         process.env.NODE_ENV === "test" ? r.toggleMenu({
           type: tt
@@ -6454,14 +6454,14 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
           id: r.labelId
         }, h);
       }, r.getInputProps = function(h) {
-        var m = h === void 0 ? {} : h, g = m.onKeyDown, p = m.onBlur, w = m.onChange, D = m.onInput;
+        var m = h === void 0 ? {} : h, g = m.onKeyDown, f = m.onBlur, w = m.onChange, D = m.onInput;
         m.onChangeText;
         var P = He(m, Ms), q, U = {};
         q = "onChange";
         var G = r.getState(), X = G.inputValue, ne = G.isOpen, Z = G.highlightedIndex;
         if (!P.disabled) {
-          var re;
-          U = (re = {}, re[q] = he(w, D, r.inputHandleChange), re.onKeyDown = he(g, r.inputHandleKeyDown), re.onBlur = he(p, r.inputHandleBlur), re);
+          var ie;
+          U = (ie = {}, ie[q] = he(w, D, r.inputHandleChange), ie.onKeyDown = he(g, r.inputHandleKeyDown), ie.onBlur = he(f, r.inputHandleBlur), ie);
         }
         return Y({
           "aria-autocomplete": "list",
@@ -6497,10 +6497,10 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
       }, r.menuRef = function(h) {
         r._menuNode = h;
       }, r.getMenuProps = function(h, m) {
-        var g, p = h === void 0 ? {} : h, w = p.refKey, D = w === void 0 ? "ref" : w, P = p.ref, q = He(p, Ts), U = m === void 0 ? {} : m, G = U.suppressRefError, X = G === void 0 ? !1 : G;
+        var g, f = h === void 0 ? {} : h, w = f.refKey, D = w === void 0 ? "ref" : w, P = f.ref, q = He(f, Ts), U = m === void 0 ? {} : m, G = U.suppressRefError, X = G === void 0 ? !1 : G;
         return r.getMenuProps.called = !0, r.getMenuProps.refKey = D, r.getMenuProps.suppressRefError = X, Y((g = {}, g[D] = a0(P, r.menuRef), g.role = "listbox", g["aria-labelledby"] = q && q["aria-label"] ? void 0 : r.labelId, g.id = r.menuId, g), q);
       }, r.getItemProps = function(h) {
-        var m, g = h === void 0 ? {} : h, p = g.onMouseMove, w = g.onMouseDown, D = g.onClick;
+        var m, g = h === void 0 ? {} : h, f = g.onMouseMove, w = g.onMouseDown, D = g.onClick;
         g.onPress;
         var P = g.index, q = g.item, U = q === void 0 ? process.env.NODE_ENV === "production" ? (
           /* istanbul ignore next */
@@ -6511,7 +6511,7 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
           // onMouseMove is used over onMouseEnter here. onMouseMove
           // is only triggered on actual mouse movement while onMouseEnter
           // can fire on DOM changes, interrupting keyboard navigation
-          onMouseMove: he(p, function() {
+          onMouseMove: he(f, function() {
             P !== r.getState().highlightedIndex && (r.setHighlightedIndex(P, {
               type: pr
             }), r.avoidScrolling = !0, r.internalSetTimeout(function() {
@@ -6525,36 +6525,36 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
           r.selectItemAtIndex(P, {
             type: br
           });
-        }), m), re = G.disabled ? {
+        }), m), ie = G.disabled ? {
           onMouseDown: Z.onMouseDown
         } : Z;
         return Y({
           id: r.getItemId(P),
           role: "option",
           "aria-selected": r.getState().highlightedIndex === P
-        }, re, G);
+        }, ie, G);
       }, r.clearItems = function() {
         r.items = [];
       }, r.reset = function(h, m) {
         h === void 0 && (h = {}), h = I0(h), r.internalSetState(function(g) {
-          var p = g.selectedItem;
+          var f = g.selectedItem;
           return Y({
             isOpen: r.props.defaultIsOpen,
             highlightedIndex: r.props.defaultHighlightedIndex,
-            inputValue: r.props.itemToString(p)
+            inputValue: r.props.itemToString(f)
           }, h);
         }, m);
       }, r.toggleMenu = function(h, m) {
         h === void 0 && (h = {}), h = I0(h), r.internalSetState(function(g) {
-          var p = g.isOpen;
+          var f = g.isOpen;
           return Y({
-            isOpen: !p
-          }, p && {
+            isOpen: !f
+          }, f && {
             highlightedIndex: r.props.defaultHighlightedIndex
           }, h);
         }, function() {
-          var g = r.getState(), p = g.isOpen, w = g.highlightedIndex;
-          p && r.getItemCount() > 0 && typeof w == "number" && r.setHighlightedIndex(w, h), an(m)();
+          var g = r.getState(), f = g.isOpen, w = g.highlightedIndex;
+          f && r.getItemCount() > 0 && typeof w == "number" && r.setHighlightedIndex(w, h), an(m)();
         });
       }, r.openMenu = function(h) {
         r.internalSetState({
@@ -6567,18 +6567,18 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
       }, r.updateStatus = ft(function() {
         var h;
         if ((h = r.props) != null && (h = h.environment) != null && h.document) {
-          var m = r.getState(), g = r.items[m.highlightedIndex], p = r.getItemCount(), w = r.props.getA11yStatusMessage(Y({
+          var m = r.getState(), g = r.items[m.highlightedIndex], f = r.getItemCount(), w = r.props.getA11yStatusMessage(Y({
             itemToString: r.props.itemToString,
             previousResultCount: r.previousResultCount,
-            resultCount: p,
+            resultCount: f,
             highlightedItem: g
           }, m));
-          r.previousResultCount = p, ur(w, r.props.environment.document);
+          r.previousResultCount = f, ur(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, f = s.initialIsOpen, E = f === void 0 ? u : f, N = s.initialInputValue, T = N === void 0 ? "" : N, R = s.initialSelectedItem, y = R === void 0 ? null : R, A = r.getState({
+      var s = r.props, a = s.defaultHighlightedIndex, l = s.initialHighlightedIndex, d = l === void 0 ? a : l, u = s.defaultIsOpen, p = s.initialIsOpen, I = p === void 0 ? u : p, N = s.initialInputValue, T = N === void 0 ? "" : N, R = s.initialSelectedItem, y = R === void 0 ? null : R, A = r.getState({
         highlightedIndex: d,
-        isOpen: E,
+        isOpen: I,
         inputValue: T,
         selectedItem: y
       });
@@ -6610,10 +6610,10 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 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, f = this.id, E = this.getRootProps, N = this.getToggleButtonProps, T = this.getLabelProps, R = this.getMenuProps, y = this.getInputProps, A = this.getItemProps, h = this.openMenu, m = this.closeMenu, g = this.toggleMenu, p = this.selectItem, w = this.selectItemAtIndex, D = 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, I = this.getRootProps, N = this.getToggleButtonProps, T = this.getLabelProps, R = this.getMenuProps, y = this.getInputProps, A = this.getItemProps, h = this.openMenu, m = this.closeMenu, g = this.toggleMenu, f = this.selectItem, w = this.selectItemAtIndex, D = 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,
+        getRootProps: I,
         getToggleButtonProps: N,
         getLabelProps: T,
         getMenuProps: R,
@@ -6624,7 +6624,7 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         openMenu: h,
         closeMenu: m,
         toggleMenu: g,
-        selectItem: p,
+        selectItem: f,
         selectItemAtIndex: w,
         selectHighlightedItem: D,
         setHighlightedIndex: P,
@@ -6636,7 +6636,7 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         // props
         itemToString: u,
         // derived
-        id: f,
+        id: p,
         // state
         highlightedIndex: s,
         inputValue: a,
@@ -6671,14 +6671,14 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
           }, function() {
             return r.props.onOuterClick(r.getStateAndHelpers());
           });
-        }, f = this.props.environment;
-        f.addEventListener("mousedown", s), f.addEventListener("mouseup", a), f.addEventListener("touchstart", l), f.addEventListener("touchmove", d), f.addEventListener("touchend", u), this.cleanup = function() {
-          r.internalClearTimeouts(), r.updateStatus.cancel(), f.removeEventListener("mousedown", s), f.removeEventListener("mouseup", a), f.removeEventListener("touchstart", l), f.removeEventListener("touchmove", d), f.removeEventListener("touchend", u);
+        }, p = this.props.environment;
+        p.addEventListener("mousedown", s), p.addEventListener("mouseup", a), p.addEventListener("touchstart", l), p.addEventListener("touchmove", d), p.addEventListener("touchend", u), this.cleanup = function() {
+          r.internalClearTimeouts(), r.updateStatus.cancel(), p.removeEventListener("mousedown", s), p.removeEventListener("mouseup", a), p.removeEventListener("touchstart", l), p.removeEventListener("touchmove", d), p.removeEventListener("touchend", u);
         };
       }
     }, i.shouldScroll = function(r, s) {
-      var a = this.props.highlightedIndex === void 0 ? this.getState() : this.props, l = a.highlightedIndex, d = s.highlightedIndex === void 0 ? r : s, u = d.highlightedIndex, f = l && this.getState().isOpen && !r.isOpen, E = l !== u;
-      return f || E;
+      var a = this.props.highlightedIndex === void 0 ? this.getState() : this.props, l = a.highlightedIndex, d = s.highlightedIndex === void 0 ? r : s, u = d.highlightedIndex, p = l && this.getState().isOpen && !r.isOpen, I = l !== u;
+      return p || I;
     }, i.componentDidUpdate = function(r, s) {
       process.env.NODE_ENV !== "production" && (pt(this.state, r, this.props), this.getMenuProps.called && !this.getMenuProps.suppressRefError && ln(this._menuNode, this.getMenuProps)), C0(this.props, "selectedItem") && this.props.selectedItemChanged(r.selectedItem, this.props.selectedItem) && this.internalSetState({
         type: xr,
@@ -6862,15 +6862,15 @@ function Fs(e, t, n, i) {
       changes: R
     }));
     return y;
-  }, [e]), a = Yr(s, t, n), l = a[0], d = a[1], u = Sr(t), f = xe(function(N) {
+  }, [e]), a = Yr(s, t, n), l = a[0], d = a[1], u = Sr(t), p = xe(function(N) {
     return d(Y({
       props: u.current
     }, N));
-  }, [u]), E = r.current;
+  }, [u]), I = r.current;
   return ke(function() {
-    var N = E && o.current && !i(o.current, l);
-    N && Ls(E, R0(o.current, E.props), l), o.current = l;
-  }, [l, E, i]), [l, f];
+    var N = I && o.current && !i(o.current, l);
+    N && Ls(I, R0(o.current, I.props), l), o.current = l;
+  }, [l, I, i]), [l, p];
 }
 var d0 = {
   itemToString: Ks,
@@ -6917,17 +6917,17 @@ function Ws(e, t, n, i) {
     if (n) {
       var r = function() {
         o.current.isMouseDown = !0;
-      }, s = function(f) {
-        o.current.isMouseDown = !1, e && !M0(f.target, t.map(function(E) {
-          return E.current;
+      }, s = function(p) {
+        o.current.isMouseDown = !1, e && !M0(p.target, t.map(function(I) {
+          return I.current;
         }), n) && i();
       }, a = function() {
         o.current.isTouchMove = !1;
       }, l = function() {
         o.current.isTouchMove = !0;
-      }, d = function(f) {
-        e && !o.current.isTouchMove && !M0(f.target, t.map(function(E) {
-          return E.current;
+      }, d = function(p) {
+        e && !o.current.isTouchMove && !M0(p.target, t.map(function(I) {
+          return I.current;
         }), n, !1) && i();
       };
       return n.addEventListener("mousedown", r), n.addEventListener("mouseup", s), n.addEventListener("touchstart", a), n.addEventListener("touchmove", l), n.addEventListener("touchend", d), function() {
@@ -6952,8 +6952,8 @@ process.env.NODE_ENV !== "production" && (Or = function() {
         console.error("downshift: You forgot to call the " + a + " getter function on your component / element.");
         return;
       }
-      var d = l.suppressRefError, u = l.refKey, f = l.elementRef;
-      (!f || !f.current) && !d && console.error('downshift: The ref prop "' + u + '" from ' + a + " was not applied correctly on your element.");
+      var d = l.suppressRefError, u = l.refKey, p = l.elementRef;
+      (!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) {
@@ -7295,29 +7295,29 @@ var rc = ["onMouseLeave", "refKey", "ref"], ic = ["item", "index", "refKey", "re
 Rt.stateChangeTypes = Hr;
 function Rt(e) {
   e === void 0 && (e = {}), zr(e, Rt);
-  var t = Y({}, tc, e), n = t.items, i = t.scrollIntoView, o = t.environment, r = t.getA11yStatusMessage, s = t.getA11ySelectionMessage, a = t.itemToString, l = ec(nc, t, Qs, Ys), d = l[0], u = l[1], f = d.isOpen, E = d.highlightedIndex, N = d.selectedItem, T = d.inputValue, R = Ee(null), y = Ee({}), A = Ee(null), h = Ee(null), m = Ee(!0), g = Us(t), p = Ee(), w = Sr({
+  var t = Y({}, tc, e), n = t.items, i = t.scrollIntoView, o = t.environment, r = t.getA11yStatusMessage, s = t.getA11ySelectionMessage, a = t.itemToString, l = ec(nc, t, Qs, Ys), d = l[0], u = l[1], p = d.isOpen, I = d.highlightedIndex, N = d.selectedItem, T = d.inputValue, R = Ee(null), y = Ee({}), A = Ee(null), h = Ee(null), m = Ee(!0), g = Us(t), f = Ee(), w = Sr({
     state: d,
     props: t
   }), D = xe(function(v) {
     return y.current[g.getItemId(v)];
   }, [g]);
-  un(r, [f, E, T, n], Y({
+  un(r, [p, I, T, n], Y({
     isInitialMount: m.current,
-    previousResultCount: p.current,
+    previousResultCount: f.current,
     items: n,
     environment: o,
     itemToString: a
   }, d)), un(s, [N], Y({
     isInitialMount: m.current,
-    previousResultCount: p.current,
+    previousResultCount: f.current,
     items: n,
     environment: o,
     itemToString: a
   }, d));
   var P = Gs({
     menuElement: R.current,
-    highlightedIndex: E,
-    isOpen: f,
+    highlightedIndex: I,
+    isOpen: p,
     itemRefs: y,
     scrollIntoView: i,
     getItemNodeFromIndex: D
@@ -7330,9 +7330,9 @@ function Rt(e) {
     var v = u0(t, "isOpen");
     v && A.current && A.current.focus();
   }, []), ke(function() {
-    m.current || (p.current = n.length);
+    m.current || (f.current = n.length);
   });
-  var q = Ws(f, [A, R, h], o, function() {
+  var q = Ws(p, [A, R, h], o, function() {
     u({
       type: T0,
       selectItem: !1
@@ -7343,11 +7343,11 @@ function Rt(e) {
       m.current = !0;
     };
   }, []), ke(function() {
-    f || (y.current = {});
-  }, [f]), ke(function() {
+    p || (y.current = {});
+  }, [p]), ke(function() {
     var v;
-    !f || !(o != null && o.document) || !(A != null && (v = A.current) != null && v.focus) || o.document.activeElement !== A.current && A.current.focus();
-  }, [f, o]);
+    !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(_) {
@@ -7373,14 +7373,14 @@ function Rt(e) {
         }));
       },
       Escape: function(_) {
-        var I = w.current.state;
-        (I.isOpen || I.inputValue || I.selectedItem || I.highlightedIndex > -1) && (_.preventDefault(), u({
+        var E = w.current.state;
+        (E.isOpen || E.inputValue || E.selectedItem || E.highlightedIndex > -1) && (_.preventDefault(), u({
           type: vt
         }));
       },
       Enter: function(_) {
-        var I = w.current.state;
-        !I.isOpen || _.which === 229 || (_.preventDefault(), u({
+        var E = w.current.state;
+        !E.isOpen || _.which === 229 || (_.preventDefault(), u({
           type: It
         }));
       },
@@ -7401,16 +7401,16 @@ function Rt(e) {
       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, rc), 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(ve) {
+    var E, C = v === void 0 ? {} : v, z = C.onMouseLeave, H = C.refKey, B = H === void 0 ? "ref" : H, Q = C.ref, S = He(C, rc), de = _ === void 0 ? {} : _, L = de.suppressRefError, _e = L === void 0 ? !1 : L;
+    return U("getMenuProps", _e, B, R), Y((E = {}, E[B] = a0(Q, function(ve) {
       R.current = ve;
-    }), I.id = g.menuId, I.role = "listbox", I["aria-labelledby"] = S && S["aria-label"] ? void 0 : "" + g.labelId, I.onMouseLeave = he(z, function() {
+    }), E.id = g.menuId, E.role = "listbox", E["aria-labelledby"] = S && S["aria-label"] ? void 0 : "" + g.labelId, E.onMouseLeave = he(z, function() {
       u({
         type: Tr
       });
-    }), I), S);
+    }), E), 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;
+    var _, E, 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;
     C.onPress;
     var ve = C.disabled, Le = He(C, ic);
     ve !== void 0 && console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled prop from useCombobox.');
@@ -7430,14 +7430,14 @@ function Rt(e) {
     };
     return Y((_ = {}, _[Q] = a0(S, function($) {
       $ && (y.current[g.getItemId(Me)] = $);
-    }), _["aria-disabled"] = me, _["aria-selected"] = "" + (Me === Be.highlightedIndex), _.id = g.getItemId(Me), _.role = "option", _), !me && (I = {}, I[fe] = he(Fe, Ve), I), {
+    }), _["aria-disabled"] = me, _["aria-selected"] = "" + (Me === Be.highlightedIndex), _.id = g.getItemId(Me), _.role = "option", _), !me && (E = {}, E[fe] = he(Fe, Ve), E), {
       onMouseMove: he(de, Ne),
       onMouseDown: he(L, Te)
     }, Le);
-  }, [u, w, P, g]), re = xe(function(v) {
-    var _, 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, oc), S = w.current.state, de = function() {
+  }, [u, w, P, g]), ie = xe(function(v) {
+    var _, E = v === void 0 ? {} : v, C = E.onClick;
+    E.onPress;
+    var z = E.refKey, H = z === void 0 ? "ref" : z, B = E.ref, Q = He(E, oc), S = w.current.state, de = function() {
       u({
         type: Dr
       });
@@ -7448,7 +7448,7 @@ function Rt(e) {
       onClick: he(C, de)
     }), Q);
   }, [u, w, g]), oe = xe(function(v, _) {
-    var I, C = v === void 0 ? {} : v, z = C.onKeyDown, H = C.onChange, B = C.onInput, Q = C.onBlur;
+    var E, 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, ve = He(C, ac), Le = _ === void 0 ? {} : _, Ye = Le.suppressRefError, $e = Ye === void 0 ? !1 : Ye;
     U("getInputProps", $e, L, A);
@@ -7477,9 +7477,9 @@ function Rt(e) {
       var 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) {
+    return Y((E = {}, E[L] = a0(_e, 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"] = ve && ve["aria-label"] ? void 0 : g.labelId, I.autoComplete = "off", I.id = g.inputId, I.role = "combobox", I.value = Be.inputValue, I), Fe, ve);
+    }), E["aria-activedescendant"] = Be.isOpen && Be.highlightedIndex > -1 ? g.getItemId(Be.highlightedIndex) : "", E["aria-autocomplete"] = "list", E["aria-controls"] = g.menuId, E["aria-expanded"] = Be.isOpen, E["aria-labelledby"] = ve && ve["aria-label"] ? void 0 : g.labelId, E.autoComplete = "off", E.id = g.inputId, E.role = "combobox", E.value = Be.inputValue, E), Fe, ve);
   }, [U, w, g, G, u, q, o]), W = xe(function() {
     u({
       type: kr
@@ -7518,7 +7518,7 @@ function Rt(e) {
     getLabelProps: X,
     getMenuProps: ne,
     getInputProps: oe,
-    getToggleButtonProps: re,
+    getToggleButtonProps: ie,
     // actions.
     toggleMenu: W,
     openMenu: ge,
@@ -7528,8 +7528,8 @@ function Rt(e) {
     selectItem: k,
     reset: b,
     // state.
-    highlightedIndex: E,
-    isOpen: f,
+    highlightedIndex: I,
+    isOpen: p,
     selectedItem: N,
     inputValue: T
   };
@@ -7575,9 +7575,9 @@ const Ur = Ce(
     searchNotFound: r,
     highlightedIndex: s = 0,
     ...a
-  }, l) => /* @__PURE__ */ M(V, { className: ie("autocomplete-result", a.className), ref: l, hidden: !e, children: [
+  }, l) => /* @__PURE__ */ M(V, { className: re("autocomplete-result", a.className), ref: l, hidden: !e, children: [
     t.length > 0 && /* @__PURE__ */ M(Pe, { children: [
-      t.map(({ slug: d, title: u, date: f, authors: E, link: N }, T) => {
+      t.map(({ slug: d, title: u, date: p, authors: I, link: N }, T) => {
         const R = s === T;
         return /* @__PURE__ */ c(be.Fragment, { children: /* @__PURE__ */ M(
           F,
@@ -7587,7 +7587,7 @@ const Ur = Ce(
             pt: { xs: "xxs" },
             pb: { xs: "xs" },
             px: { xs: "m" },
-            className: ie("autocomplete-result__item", {
+            className: re("autocomplete-result__item", {
               "autocomplete-result__item--is-highlighted": R
             }),
             children: [
@@ -7602,7 +7602,7 @@ const Ur = Ce(
                   className: "autocomplete-result__link"
                 }
               ),
-              /* @__PURE__ */ c(lt, { mt: "xxs-3", date: f, authors: E, displayedFields: ["date", "authors"] })
+              /* @__PURE__ */ c(lt, { mt: "xxs-3", date: p, authors: I, displayedFields: ["date", "authors"] })
             ]
           }
         ) }, d);
@@ -7639,8 +7639,8 @@ const jr = Ce(
     onEnter: l,
     isOpen: d,
     ...u
-  }, f) => {
-    const E = (D) => {
+  }, p) => {
+    const I = (D) => {
       l && D.key === "Enter" && l(D.currentTarget.value);
     }, { getInputProps: N, getMenuProps: T, getItemProps: R, selectItem: y, toggleMenu: A, isOpen: h, inputValue: m, highlightedIndex: g } = Rt({
       defaultInputValue: t,
@@ -7649,20 +7649,20 @@ const jr = Ce(
       items: n,
       itemToString: (D) => D ? D.title : "",
       isOpen: d
-    }), p = () => y(null), w = be.useMemo(
+    }), f = () => y(null), w = be.useMemo(
       () => n.map((D, P) => ({
         ...D,
         ...R({ item: D, index: P })
       })),
       [n, R]
     );
-    return /* @__PURE__ */ M(V, { ...u, className: ie("autocomplete", u.className), ref: f, children: [
+    return /* @__PURE__ */ M(V, { ...u, className: re("autocomplete", u.className), ref: p, children: [
       /* @__PURE__ */ c(
         Xn,
         {
-          input: N({ placeholder: e, onKeyDown: E }),
+          input: N({ placeholder: e, onKeyDown: I }),
           buttonSearch: { as: "a", ...o },
-          buttonClose: { onClick: p },
+          buttonClose: { onClick: f },
           className: "autocomplete__input"
         }
       ),
@@ -7697,8 +7697,8 @@ const kc = ({
   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__ */ M(V, { className: ie("header__menu", { "header__menu--is-open": d }), children: [
-    t.map(({ label: u, ...f }, E) => /* @__PURE__ */ c(e0, { as: "a", ...f, "data-internal-link": "category", className: "header__menu-item", children: u }, E)),
+  /* @__PURE__ */ M(V, { className: re("header__menu", { "header__menu--is-open": d }), children: [
+    t.map(({ label: u, ...p }, I) => /* @__PURE__ */ c(e0, { as: "a", ...p, "data-internal-link": "category", className: "header__menu-item", children: u }, I)),
     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 })
@@ -7795,12 +7795,62 @@ const cc = ({
       ] })
     ]
   }
-), V = Ce(({ as: e = "div", className: t, children: n, ...i }, o) => /* @__PURE__ */ c(
+);
+const lc = ({
+  title: e,
+  posts: t,
+  linkSeeMore: { label: n, ...i },
+  ...o
+}) => /* @__PURE__ */ M(
+  V,
+  {
+    ...o,
+    my: "xl",
+    mx: { xs: "s", md: "auto" },
+    width: { md: "content-container" },
+    className: "last-articles-block",
+    children: [
+      /* @__PURE__ */ c(ye, { 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(be.Fragment, { children: /* @__PURE__ */ c(D0, { 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 uc = ({
+  title: e,
+  description: t,
+  tutorialLabel: n,
+  posts: i,
+  linkSeeMore: { label: o, ...r },
+  ...s
+}) => /* @__PURE__ */ c(V, { bg: "primary", color: "white", children: /* @__PURE__ */ M(
+  F,
+  {
+    flexDirection: { xs: "column", md: "row" },
+    justifyContent: "center",
+    alignItems: "center",
+    ...s,
+    py: "xl",
+    mx: { xs: "s", md: "auto" },
+    gap: "xl",
+    width: { md: "content-container" },
+    className: "last-tutorials-block",
+    children: [
+      /* @__PURE__ */ M(V, { className: "last-tutorials-block__content", children: [
+        /* @__PURE__ */ c(ye, { size: "m", children: e }),
+        /* @__PURE__ */ c(Ie, { 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(be.Fragment, { children: /* @__PURE__ */ c(D0, { variant: "highlight-dark", tutorialLabel: n, ...a || {} }) }, (a == null ? void 0 : a.slug) ?? l)) })
+    ]
+  }
+) }), V = Ce(({ as: e = "div", className: t, children: n, ...i }, o) => /* @__PURE__ */ c(
   e,
   {
     ...it({ props: i, systemPropNames: Object.keys(yi) }),
     ref: o,
-    className: ie(Ti(i), t),
+    className: re(Ti(i), t),
     children: n
   }
 ));
@@ -7813,7 +7863,7 @@ const F = Ce(
       ref: r,
       as: e,
       display: t,
-      className: ie(Si(o), Oi(o), n),
+      className: re(Si(o), Oi(o), n),
       children: i
     }
   )
@@ -7837,13 +7887,13 @@ const k0 = ({
     my: "xl",
     mx: { xs: "s", md: "auto" },
     width: { md: "content-container" },
-    className: ie("layout-content-with-sidebar", n),
+    className: re("layout-content-with-sidebar", n),
     children: [
       /* @__PURE__ */ c(F, { flexDirection: "column", as: "main", flex: "1", gap: "xl", className: "layout-content-with-sidebar__content", children: e }),
       /* @__PURE__ */ c(F, { as: "aside", flexDirection: "column", gap: "xl", className: "layout-content-with-sidebar__sidebar", children: t })
     ]
   }
-), lc = ({
+), dc = ({
   title: e,
   postCardList: t,
   categoryEndingBlock: n
@@ -7863,71 +7913,22 @@ const k0 = ({
   /* @__PURE__ */ c(
     k0,
     {
-      content: /* @__PURE__ */ c(lc, { ...n }),
+      content: /* @__PURE__ */ c(dc, { ...n }),
       sidebar: /* @__PURE__ */ c(ut, { ...t })
     }
   )
-] });
-const uc = ({
-  title: e,
-  posts: t,
-  linkSeeMore: { label: n, ...i },
-  ...o
-}) => /* @__PURE__ */ M(
-  V,
-  {
-    ...o,
-    my: "xl",
-    mx: { xs: "s", md: "auto" },
-    width: { md: "content-container" },
-    className: "last-articles-block",
-    children: [
-      /* @__PURE__ */ c(ye, { 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(be.Fragment, { children: /* @__PURE__ */ c(D0, { 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 = ({
-  title: e,
-  description: t,
-  tutorialLabel: n,
-  posts: i,
-  linkSeeMore: { label: o, ...r },
-  ...s
-}) => /* @__PURE__ */ c(V, { bg: "primary", color: "white", children: /* @__PURE__ */ M(
-  F,
-  {
-    flexDirection: { xs: "column", md: "row" },
-    justifyContent: "center",
-    alignItems: "center",
-    ...s,
-    py: "xl",
-    mx: { xs: "s", md: "auto" },
-    gap: "xl",
-    width: { md: "content-container" },
-    className: "last-tutorials-block",
-    children: [
-      /* @__PURE__ */ M(V, { className: "last-tutorials-block__content", children: [
-        /* @__PURE__ */ c(ye, { size: "m", children: e }),
-        /* @__PURE__ */ c(Ie, { 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(be.Fragment, { children: /* @__PURE__ */ c(D0, { variant: "highlight-dark", tutorialLabel: n, ...a || {} }) }, (a == null ? void 0 : a.slug) ?? l)) })
-    ]
-  }
-) }), $c = ({
+] }), $c = ({
   homeIntroBlock: e,
   lastArticlesBlock: t,
   lastTutorialsBlock: n,
   newsletterCard: i
 }) => /* @__PURE__ */ M(Pe, { children: [
   /* @__PURE__ */ c(ns, { py: { xs: "0", md: "xl" }, ...e }),
-  /* @__PURE__ */ c(uc, { ...t }),
-  n && /* @__PURE__ */ c(dc, { ...n }),
+  /* @__PURE__ */ c(lc, { ...t }),
+  n && /* @__PURE__ */ c(uc, { ...n }),
   /* @__PURE__ */ c(V, { my: "xl", mx: { xs: "s", md: "auto" }, width: { md: "content-container" }, children: /* @__PURE__ */ c(ut, { variant: "horizontal", ...i }) })
-] }), fc = ({ title: e, authors: t, ...n }) => /* @__PURE__ */ M(V, { ...n, children: [
+] });
+const fc = ({ title: e, authors: t, ...n }) => /* @__PURE__ */ M(V, { ...n, children: [
   /* @__PURE__ */ c(ye, { mb: "xxs", size: "m", color: "primary", children: e }),
   /* @__PURE__ */ c(F, { mt: "l", flexDirection: "column", gap: "s", children: t.map((i, o) => /* @__PURE__ */ c(is, { ...i }, o)) })
 ] });
@@ -7975,46 +7976,52 @@ const q0 = (e) => {
     /* @__PURE__ */ c(lt, { variant: "secondary", date: t, readingTime: n, authors: i }),
     /* @__PURE__ */ c(pc, { ...o })
   ] })
-] });
-const mc = ({ relatedPostListTitle: e, posts: t, ...n }) => /* @__PURE__ */ M(V, { ...n, children: [
+] }), mc = ({ relatedPostListTitle: e, posts: t, ...n }) => /* @__PURE__ */ M(V, { ...n, children: [
   /* @__PURE__ */ c(ye, { mb: "m", size: "m", color: "primary", children: e }),
   t.map((i, o) => /* @__PURE__ */ c(D0, { ...i, mt: "s" }, (i == null ? void 0 : i.slug) ?? o))
 ] }), Bc = ["article", "tutorial"], hc = ({
   variant: e = "article",
-  breadcrumb: t,
-  cover: n,
-  summary: i,
-  header: o,
-  children: r,
-  footer: s,
-  relatedPostList: a,
-  contactCard: l,
-  previousLink: { label: d, ...u } = {},
-  nextLink: { label: f, ...E } = {}
+  summary: t,
+  header: n,
+  children: i,
+  footer: o,
+  relatedPostList: r,
+  contactCard: s,
+  previousLink: { label: a, ...l } = {},
+  nextLink: { label: d, ...u } = {}
 }) => /* @__PURE__ */ M(Pe, { children: [
-  /* @__PURE__ */ M(V, { className: "post-page-content", children: [
-    /* @__PURE__ */ c(Yn, { ...t }),
-    /* @__PURE__ */ c("img", { className: "post-page-content__cover", ...n, alt: n.alt }),
-    /* @__PURE__ */ c(gc, { mt: "m", ...o }),
+  /* @__PURE__ */ M(V, { children: [
+    /* @__PURE__ */ c(gc, { ...n }),
     /* @__PURE__ */ c(h0, { mt: "m" }),
-    /* @__PURE__ */ c(tr, { mt: "l", hiddenAbove: "md", variant: e === "tutorial" ? "secondary" : "primary", ...i }),
-    /* @__PURE__ */ c(V, { mt: { xs: "l", md: "m" }, children: r }),
+    /* @__PURE__ */ c(tr, { 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(Pe, { children: /* @__PURE__ */ M(F, { gap: "l", children: [
-      d && u && /* @__PURE__ */ c(Ke, { as: "a", mt: "l", variant: "secondary", ...u, children: d }),
-      f && E && /* @__PURE__ */ c(Ke, { as: "a", mt: "l", ...E, children: f })
+      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 })
     ] }) }),
-    /* @__PURE__ */ c(fc, { mt: "l", ...s })
+    /* @__PURE__ */ c(fc, { mt: "l", ...o })
   ] }),
   /* @__PURE__ */ c(h0, {}),
-  /* @__PURE__ */ c(os, { ...l }),
-  a.posts.length > 0 && /* @__PURE__ */ c(mc, { ...a })
-] }), Vc = ({ variant: e = "article", summary: t, children: n, ...i }) => /* @__PURE__ */ c(
-  k0,
-  {
-    content: /* @__PURE__ */ c(hc, { variant: e, summary: t, ...i, children: n }),
-    sidebar: /* @__PURE__ */ c(tr, { hiddenBelow: "md", variant: e === "tutorial" ? "secondary" : "primary", ...t })
-  }
-);
+  /* @__PURE__ */ c(os, { ...s }),
+  r.posts.length > 0 && /* @__PURE__ */ c(mc, { ...r })
+] }), Vc = ({
+  variant: e = "article",
+  breadcrumb: t,
+  cover: n,
+  summary: i,
+  children: o,
+  ...r
+}) => /* @__PURE__ */ M(V, { mx: "auto", width: "content-container", className: "post-page", children: [
+  /* @__PURE__ */ c(Yn, { ...t, className: "post-page__breadcrumb" }),
+  /* @__PURE__ */ c("img", { className: "post-page__cover", ...n, alt: n.alt }),
+  /* @__PURE__ */ c(
+    k0,
+    {
+      content: /* @__PURE__ */ c(hc, { ...r, variant: e, summary: i, children: o }),
+      sidebar: /* @__PURE__ */ c(tr, { hiddenBelow: "md", variant: e === "tutorial" ? "secondary" : "primary", ...i })
+    }
+  )
+] });
 const Hc = ({ newsletterCard: e, ...t }) => /* @__PURE__ */ c(
   k0,
   {
@@ -8096,7 +8103,7 @@ export {
   rs as CategoryEndingBlock,
   ts as CategoryIntroBlock,
   Lc as CategoryPage,
-  lc as CategoryPageContent,
+  dc as CategoryPageContent,
   Gn as CloseButton,
   os as ContactCard,
   h0 as Divider,
@@ -8107,6 +8114,8 @@ export {
   ns as HomeIntroBlock,
   $c as HomePage,
   Ie as Icon,
+  lc as LastArticlesBlock,
+  uc as LastTutorialsBlock,
   k0 as LayoutContentWithSidebar,
   Pc as LayoutTemplate,
   e0 as Link,