@eleven-labs/design-system 0.26.2 → 0.28.0

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsxs as M, jsx as s, Fragment as Pe } from "react/jsx-runtime";
 import * as nt from "react";
-import be, { forwardRef as Fr, Fragment as rt, useMemo as fn, useRef as _e, useCallback as Ie, useEffect as ke, cloneElement as qr, Component as Wr, useLayoutEffect as Gr, useReducer as Yr } from "react";
+import be, { forwardRef as Fr, Fragment as rt, useMemo as fn, useRef as Ee, useCallback as xe, useEffect as ke, cloneElement as qr, Component as Wr, useLayoutEffect as Gr, useReducer as Yr } from "react";
 const Xr = (e) => /* @__PURE__ */ M("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ...e, children: [
   /* @__PURE__ */ s(
     "path",
@@ -254,9 +254,9 @@ const Ic = ["primary", "secondary", "accent"], Ke = Ce(
         i
       ),
       children: [
-        t === "secondary" && /* @__PURE__ */ s(Ee, { name: "arrow", style: { transform: "scaleX(-1)" } }),
-        /* @__PURE__ */ s(Z, { as: "span", children: o }),
-        t !== "secondary" && /* @__PURE__ */ s(Ee, { name: "arrow" })
+        t === "secondary" && /* @__PURE__ */ s(Ie, { name: "arrow", style: { transform: "scaleX(-1)" } }),
+        /* @__PURE__ */ s(ee, { as: "span", children: o }),
+        t !== "secondary" && /* @__PURE__ */ s(Ie, { name: "arrow" })
       ]
     }
   )
@@ -344,6 +344,57 @@ const qe = {
     }
   },
   typography: {
+    "heading-markup": {
+      base: {
+        "line-height": {
+          value: "1.2"
+        },
+        "font-weight": {
+          value: "400"
+        },
+        "margin-top": {
+          value: "32px"
+        }
+      },
+      s: {
+        "font-size": {
+          value: "16px"
+        },
+        "margin-bottom": {
+          value: "8px"
+        }
+      },
+      m: {
+        "font-size": {
+          value: "18px"
+        },
+        "margin-bottom": {
+          value: "12px"
+        }
+      },
+      l: {
+        "font-size": {
+          value: "20px"
+        },
+        "font-weight": {
+          value: "500"
+        },
+        "margin-bottom": {
+          value: "16px"
+        }
+      },
+      xl: {
+        "font-size": {
+          value: "22px"
+        },
+        "font-weight": {
+          value: "600"
+        },
+        "margin-bottom": {
+          value: "24px"
+        }
+      }
+    },
     heading: {
       base: {
         "font-family": {
@@ -353,12 +404,12 @@ const qe = {
           value: "1.2"
         },
         "letter-spacing": {
-          value: "2px"
+          value: "1px"
         }
       },
       s: {
         "font-size": {
-          value: "20px"
+          value: "16px"
         },
         "font-weight": {
           value: "700"
@@ -369,7 +420,7 @@ const qe = {
       },
       m: {
         "font-size": {
-          value: "28px"
+          value: "24px"
         },
         "font-weight": {
           value: "700"
@@ -377,12 +428,12 @@ const qe = {
       },
       l: {
         "font-size": {
-          value: "36px"
+          value: "32px"
         }
       },
       xl: {
         "font-size": {
-          value: "56px"
+          value: "40px"
         },
         "font-weight": {
           value: "400"
@@ -391,7 +442,7 @@ const qe = {
           value: "uppercase"
         },
         "letter-spacing": {
-          value: "3px"
+          value: "2px"
         }
       }
     },
@@ -429,6 +480,28 @@ const qe = {
   },
   desktop: {
     typography: {
+      "heading-markup": {
+        s: {
+          "font-size": {
+            value: "24px"
+          }
+        },
+        m: {
+          "font-size": {
+            value: "26px"
+          }
+        },
+        l: {
+          "font-size": {
+            value: "28px"
+          }
+        },
+        xl: {
+          "font-size": {
+            value: "28px"
+          }
+        }
+      },
       heading: {
         s: {
           "font-size": {
@@ -448,6 +521,9 @@ const qe = {
         xl: {
           "font-size": {
             value: "64px"
+          },
+          "letter-spacing": {
+            value: "3px"
           }
         }
       },
@@ -477,6 +553,11 @@ const qe = {
           }
         }
       }
+    },
+    base: {
+      "letter-spacing": {
+        value: "2px"
+      }
     }
   },
   "line-height": {
@@ -700,7 +781,7 @@ const qe = {
     }
     return `${e.className}@${e.defaultModifier}`;
   }
-}, xe = (e) => {
+}, we = (e) => {
   if (e.propValue && ["string", "number"].includes(typeof e.propValue) || !e.propValue) {
     const t = Ct({
       className: e.className,
@@ -724,15 +805,15 @@ const qe = {
   [`bg-${e.bg}`]: e.bg,
   [`color-${e.color}`]: e.color
 }), Ni = (e) => ie(
-  xe({
+  we({
     propValue: e.display,
     className: "display"
   }),
-  xe({
+  we({
     propValue: e.width,
     className: "width"
   }),
-  xe({
+  we({
     propValue: e.height,
     className: "height"
   }),
@@ -741,54 +822,54 @@ const qe = {
     [`hidden-below@${e.hiddenBelow}`]: !!e.hiddenBelow
   }
 ), Si = (e) => ie(
-  ...xe({
+  ...we({
     propValue: e.alignItems,
     className: "items"
   }),
-  ...xe({
+  ...we({
     propValue: e.alignContent,
     className: "content"
   }),
-  ...xe({
+  ...we({
     propValue: e.justifyContent,
     className: "justify"
   }),
-  ...xe({
+  ...we({
     propValue: e.gap,
     className: "gap"
   }),
-  ...xe({
+  ...we({
     propValue: e.gapX,
     className: "gap-x"
   }),
-  ...xe({
+  ...we({
     propValue: e.gapY,
     className: "gap-y"
   })
 ), Oi = (e) => ie(
-  xe({
+  we({
     propValue: e.flexDirection,
     className: "flex"
   }),
-  xe({
+  we({
     propValue: e.flexWrap,
     className: "flex"
   })
-), Ri = (e) => xe({
+), Ri = (e) => we({
   propValue: e.alignSelf,
   className: "self"
 }).join(" "), Ci = (e) => ie(
-  xe({
+  we({
     propValue: e.flexBasis,
     className: "basis"
   }),
-  xe({
+  we({
     propValue: e.flex,
     className: "flex"
   })
 ), yn = (e) => ie(
   Object.entries(e).filter(([t]) => Object.keys(vn).includes(t)).reduce((t, [n, i]) => (t.push(
-    ...xe({
+    ...we({
       className: n,
       propValue: i
     })
@@ -798,7 +879,7 @@ const qe = {
   textSize: t,
   ...n
 }) => ie(
-  ...xe({
+  ...we({
     propValue: e,
     className: "text"
   }),
@@ -819,7 +900,7 @@ const qe = {
   Ri(e),
   Ci(e),
   Mi(e)
-), Ee = ({ name: e, size: t, width: n, height: i, ...o }) => {
+), Ie = ({ name: e, size: t, width: n, height: i, ...o }) => {
   const r = di[wi(e)];
   return /* @__PURE__ */ s(
     r,
@@ -849,9 +930,9 @@ const xc = ["website", "blog"], _n = Ce(({ name: e, size: t, ...n }, i) => /* @_
     children: [
       /* @__PURE__ */ s(pn, { height: "1em" }),
       e === "blog" ? /* @__PURE__ */ M(V, { className: "logo__blog", children: [
-        /* @__PURE__ */ s(Z, { fontWeight: "medium", children: "Eleven Labs" }),
-        /* @__PURE__ */ s(Z, { fontWeight: "bold", children: "Le blog" })
-      ] }) : /* @__PURE__ */ s(Z, { fontWeight: "medium", className: "logo__website", children: "Eleven Labs" })
+        /* @__PURE__ */ s(ee, { fontWeight: "medium", children: "Eleven Labs" }),
+        /* @__PURE__ */ s(ee, { fontWeight: "bold", children: "Le blog" })
+      ] }) : /* @__PURE__ */ s(ee, { fontWeight: "medium", className: "logo__website", children: "Eleven Labs" })
     ]
   }
 ));
@@ -1195,10 +1276,10 @@ function Zi(e, t, n, i, o, r, c, a, l) {
 `)
         };
         if (G === 0) {
-          var Q = u.slice(E + 1, N).concat(x0({
+          var Z = u.slice(E + 1, N).concat(x0({
             children: [ne],
             className: w.properties.className
-          })), re = y(Q, X);
+          })), re = y(Z, X);
           f.push(re);
         } else if (G === q.length - 1) {
           var oe = u[N + 1] && u[N + 1].children && u[N + 1].children[0], W = {
@@ -1273,7 +1354,7 @@ function eo(e, t) {
     var o = i.language, r = i.children, c = i.style, a = c === void 0 ? t : c, l = i.customStyle, d = l === void 0 ? {} : l, u = i.codeTagProps, f = 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, Q = 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, 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);
     ge = ge || e;
     var k = R ? /* @__PURE__ */ be.createElement(Yi, {
       containerStyle: g,
@@ -1294,7 +1375,7 @@ function eo(e, t) {
     }) : f.style = ze(ze({}, f.style), {}, {
       whiteSpace: "pre"
     }), !ge)
-      return /* @__PURE__ */ be.createElement(Q, v, k, /* @__PURE__ */ be.createElement(oe, f, pe));
+      return /* @__PURE__ */ be.createElement(Z, v, k, /* @__PURE__ */ be.createElement(oe, f, pe));
     (D === void 0 && X || q) && (D = !0), X = X || Qi;
     var _ = [{
       type: "text",
@@ -1307,7 +1388,7 @@ function eo(e, t) {
     });
     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(Q, v, /* @__PURE__ */ be.createElement(oe, f, !A && k, X({
+    return /* @__PURE__ */ be.createElement(Z, v, /* @__PURE__ */ be.createElement(oe, f, !A && k, X({
       rows: z,
       stylesheet: a,
       useInlineStyles: N
@@ -2001,16 +2082,16 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
       return Object.prototype.hasOwnProperty.call($.keywords, te) && $.keywords[te];
     }
     function z() {
-      if (!ee.keywords) {
+      if (!J.keywords) {
         me.addText(fe);
         return;
       }
       let $ = 0;
-      ee.keywordPatternRe.lastIndex = 0;
-      let j = ee.keywordPatternRe.exec(fe), te = "";
+      J.keywordPatternRe.lastIndex = 0;
+      let j = J.keywordPatternRe.exec(fe), te = "";
       for (; j; ) {
         te += fe.substring($, j.index);
-        const ue = C(ee, j);
+        const ue = C(J, j);
         if (ue) {
           const [Oe, v0] = ue;
           if (me.addText(te), te = "", Fe += v0, Oe.startsWith("_"))
@@ -2021,7 +2102,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
           }
         } else
           te += j[0];
-        $ = ee.keywordPatternRe.lastIndex, j = ee.keywordPatternRe.exec(fe);
+        $ = J.keywordPatternRe.lastIndex, j = J.keywordPatternRe.exec(fe);
       }
       te += fe.substr($), me.addText(te);
     }
@@ -2029,22 +2110,22 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
       if (fe === "")
         return;
       let $ = null;
-      if (typeof ee.subLanguage == "string") {
-        if (!t[ee.subLanguage]) {
+      if (typeof J.subLanguage == "string") {
+        if (!t[J.subLanguage]) {
           me.addText(fe);
           return;
         }
-        $ = E(ee.subLanguage, fe, !0, Me[ee.subLanguage]), Me[ee.subLanguage] = /** @type {CompiledMode} */
+        $ = E(J.subLanguage, fe, !0, Me[J.subLanguage]), Me[J.subLanguage] = /** @type {CompiledMode} */
         $.top;
       } else
-        $ = T(fe, ee.subLanguage.length ? ee.subLanguage : null);
-      ee.relevance > 0 && (Fe += $.relevance), me.addSublanguage($.emitter, $.language);
+        $ = T(fe, J.subLanguage.length ? J.subLanguage : null);
+      J.relevance > 0 && (Fe += $.relevance), me.addSublanguage($.emitter, $.language);
     }
     function B() {
-      ee.subLanguage != null ? H() : z(), fe = "";
+      J.subLanguage != null ? H() : z(), fe = "";
     }
-    function J($) {
-      return $.className && me.openNode($e.classNameAliases[$.className] || $.className), ee = Object.create($, { parent: { value: ee } }), ee;
+    function Q($) {
+      return $.className && me.openNode($e.classNameAliases[$.className] || $.className), J = Object.create($, { parent: { value: J } }), J;
     }
     function S($, j, te) {
       let ue = lo($.endRe, te);
@@ -2063,29 +2144,29 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
         return S($.parent, j, te);
     }
     function de($) {
-      return ee.matcher.regexIndex === 0 ? (fe += $[0], 1) : (Te = !0, 0);
+      return J.matcher.regexIndex === 0 ? (fe += $[0], 1) : (Te = !0, 0);
     }
     function L($) {
       const j = $[0], te = $.rule, ue = new Dt(te), Oe = [te.__beforeBegin, te["on:begin"]];
       for (const v0 of Oe)
         if (v0 && (v0($, ue), ue.isMatchIgnored))
           return de(j);
-      return te && te.endSameAsBegin && (te.endRe = oo(j)), te.skip ? fe += j : (te.excludeBegin && (fe += j), B(), !te.returnBegin && !te.excludeBegin && (fe = j)), J(te), te.returnBegin ? 0 : j.length;
+      return te && te.endSameAsBegin && (te.endRe = oo(j)), te.skip ? fe += j : (te.excludeBegin && (fe += j), B(), !te.returnBegin && !te.excludeBegin && (fe = j)), Q(te), te.returnBegin ? 0 : j.length;
     }
-    function ye($) {
-      const j = $[0], te = v.substr($.index), ue = S(ee, $, te);
+    function _e($) {
+      const j = $[0], te = v.substr($.index), ue = S(J, $, te);
       if (!ue)
         return Vt;
-      const Oe = ee;
+      const Oe = J;
       Oe.skip ? fe += j : (Oe.returnEnd || Oe.excludeEnd || (fe += j), B(), Oe.excludeEnd && (fe = j));
       do
-        ee.className && me.closeNode(), !ee.skip && !ee.subLanguage && (Fe += ee.relevance), ee = ee.parent;
-      while (ee !== ue.parent);
-      return ue.starts && (ue.endSameAsBegin && (ue.starts.endRe = ue.endRe), J(ue.starts)), Oe.returnEnd ? 0 : j.length;
+        J.className && me.closeNode(), !J.skip && !J.subLanguage && (Fe += J.relevance), J = J.parent;
+      while (J !== ue.parent);
+      return ue.starts && (ue.endSameAsBegin && (ue.starts.endRe = ue.endRe), Q(ue.starts)), Oe.returnEnd ? 0 : j.length;
     }
     function ve() {
       const $ = [];
-      for (let j = ee; j !== $e; j = j.parent)
+      for (let j = J; j !== $e; j = j.parent)
         j.className && $.unshift(j.className);
       $.forEach((j) => me.openNode(j));
     }
@@ -2104,10 +2185,10 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
       if (Le = j, j.type === "begin")
         return L(j);
       if (j.type === "illegal" && !_) {
-        const ue = new Error('Illegal lexeme "' + te + '" for mode "' + (ee.className || "<unnamed>") + '"');
-        throw ue.mode = ee, ue;
+        const ue = new Error('Illegal lexeme "' + te + '" for mode "' + (J.className || "<unnamed>") + '"');
+        throw ue.mode = J, ue;
       } else if (j.type === "end") {
-        const ue = ye(j);
+        const ue = _e(j);
         if (ue !== Vt)
           return ue;
       }
@@ -2121,14 +2202,14 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
     if (!$e)
       throw L0(c.replace("{}", b)), new Error('Unknown language: "' + b + '"');
     const Be = Vo($e, { plugins: i });
-    let Xe = "", ee = I || Be;
+    let Xe = "", J = I || Be;
     const Me = {}, me = new l.__emitter(l);
     ve();
     let fe = "", Fe = 0, Ne = 0, Ve = 0, Te = !1;
     try {
-      for (ee.matcher.considerAll(); ; ) {
-        Ve++, Te ? Te = !1 : ee.matcher.considerAll(), ee.matcher.lastIndex = Ne;
-        const $ = ee.matcher.exec(v);
+      for (J.matcher.considerAll(); ; ) {
+        Ve++, Te ? Te = !1 : J.matcher.considerAll(), J.matcher.lastIndex = Ne;
+        const $ = J.matcher.exec(v);
         if (!$)
           break;
         const j = v.substring(Ne, $.index), te = Ye(j, $);
@@ -2142,7 +2223,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
         language: b,
         illegal: !1,
         emitter: me,
-        top: ee
+        top: J
       };
     } catch ($) {
       if ($.message && $.message.includes("Illegal"))
@@ -2165,7 +2246,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
           value: $0(v),
           emitter: me,
           language: b,
-          top: ee,
+          top: J,
           errorRaised: $
         };
       throw $;
@@ -2184,16 +2265,16 @@ 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(
-      (J) => E(J, b, !1)
+      (Q) => E(Q, b, !1)
     );
     I.unshift(_);
-    const C = I.sort((J, S) => {
-      if (J.relevance !== S.relevance)
-        return S.relevance - J.relevance;
-      if (J.language && S.language) {
-        if (re(J.language).supersetOf === S.language)
+    const C = I.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)
           return 1;
-        if (re(S.language).supersetOf === J.language)
+        if (re(S.language).supersetOf === Q.language)
           return -1;
       }
       return 0;
@@ -2290,7 +2371,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
   function ne() {
     return Object.keys(t);
   }
-  function Q(b) {
+  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);
     if (v)
@@ -2351,7 +2432,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), z = b, C = v);
     listLanguages: ne,
     getLanguage: re,
     registerAliases: oe,
-    requireLanguage: Q,
+    requireLanguage: Z,
     autoDetection: W,
     inherit: Bt,
     addPlugin: ge,
@@ -4553,11 +4634,11 @@ const wc = ({ language: e, children: t, ...n }) => /* @__PURE__ */ s(
     PreTag: "div",
     children: t
   }
-), we = Ce(({ as: e = "p", size: t, children: n, className: i, ...o }, r) => /* @__PURE__ */ s(V, { ...o, as: e, ref: r, className: ie({ [`heading-${t}`]: !!t }, i), children: n }));
-we.displayName = "Heading";
-const Z = Ce(({ as: e = "p", size: t, className: n, children: i, ...o }, r) => /* @__PURE__ */ s(V, { ...o, as: e, ref: r, className: ie({ [`text-${t}`]: !!t }, n), children: i }));
-Z.displayName = "Text";
-const Nc = ({ children: e, className: t, ...n }) => /* @__PURE__ */ s(Z, { as: "blockquote", ...n, pl: "m", size: "m", italic: !0, className: ie("blockquote", t), children: e });
+), ye = Ce(({ as: e = "p", size: t, children: n, className: i, ...o }, r) => /* @__PURE__ */ s(V, { ...o, as: e, ref: r, className: ie({ [`heading-${t}`]: !!t }, i), children: n }));
+ye.displayName = "Heading";
+const ee = Ce(({ as: e = "p", size: t, className: n, children: i, ...o }, r) => /* @__PURE__ */ s(V, { ...o, as: e, ref: r, className: ie({ [`text-${t}`]: !!t }, n), children: i }));
+ee.displayName = "Text";
+const Nc = ({ children: e, className: t, ...n }) => /* @__PURE__ */ s(ee, { as: "blockquote", ...n, pl: "m", size: "m", italic: !0, className: ie("blockquote", t), children: e });
 const We = Ce(({ as: e = "div", isLoading: t = !0, children: n, ...i }, o) => /* @__PURE__ */ s(Pe, { children: t ? /* @__PURE__ */ s(
   V,
   {
@@ -4602,10 +4683,10 @@ const Yn = ({ items: e, ...t }) => /* @__PURE__ */ s(
     className: "breadcrumb",
     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__ */ s(e0, { itemProp: "item", ...i, children: /* @__PURE__ */ s(Z, { as: "span", itemProp: "name", children: n }) }) : /* @__PURE__ */ s(Z, { as: "span", itemProp: "name", fontWeight: "regular", children: n }),
+        i.href ? /* @__PURE__ */ s(e0, { itemProp: "item", ...i, children: /* @__PURE__ */ s(ee, { as: "span", itemProp: "name", children: n }) }) : /* @__PURE__ */ s(ee, { as: "span", itemProp: "name", fontWeight: "regular", children: n }),
         /* @__PURE__ */ s("meta", { itemProp: "position", content: (o + 1).toString() })
       ] }),
-      o < e.length - 1 && /* @__PURE__ */ s(Z, { as: "span", children: ">" })
+      o < e.length - 1 && /* @__PURE__ */ s(ee, { as: "span", children: ">" })
     ] }, o))
   }
 );
@@ -4621,8 +4702,8 @@ const e0 = Ce(
       color: "info",
       className: ie("link", n),
       children: [
-        t && /* @__PURE__ */ s(Ee, { name: t }),
-        /* @__PURE__ */ s(Z, { as: "span", children: i })
+        t && /* @__PURE__ */ s(Ie, { name: t }),
+        /* @__PURE__ */ s(ee, { as: "span", children: i })
       ]
     }
   ) : /* @__PURE__ */ s(V, { ...o, ref: r, as: e, color: "info", className: ie("link", n), children: i })
@@ -4642,7 +4723,7 @@ const Oc = [
   "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: [
-  /* @__PURE__ */ s(Z, { className: "reminder__title", children: n }),
+  /* @__PURE__ */ s(ee, { className: "reminder__title", children: n }),
   /* @__PURE__ */ s(V, { p: "xxs", children: i })
 ] }));
 const Xn = Ce(
@@ -4657,7 +4738,7 @@ const Xn = Ce(
         /* @__PURE__ */ M(F, { justifyContent: "center", alignItems: "center", className: "search-field__actions-container", children: [
           !!e.value && /* @__PURE__ */ s(Gn, { ...t, variant: "secondary", className: "search-field__button-action" }),
           /* @__PURE__ */ s(V, { className: "search-field__separator-button", ml: "xs" }),
-          /* @__PURE__ */ s(V, { as: "button", ...n, className: "search-field__button-action", children: /* @__PURE__ */ s(Ee, { name: "search", color: "primary", size: "2.5rem", mx: "xs" }) })
+          /* @__PURE__ */ s(V, { as: "button", ...n, className: "search-field__button-action", children: /* @__PURE__ */ s(Ie, { name: "search", color: "primary", size: "2.5rem", mx: "xs" }) })
         ] })
       ]
     }
@@ -4743,8 +4824,8 @@ const es = /* @__PURE__ */ Re(Ja), Jn = Ce(({ text: e, textQuery: t = "", ...n }
     const r = Qa(e, t, { findAllOccurrences: !0 });
     return es(e, r);
   }, [e, t]);
-  return /* @__PURE__ */ s(Z, { ...n, ref: i, children: o.map((r, c) => /* @__PURE__ */ s(
-    Z,
+  return /* @__PURE__ */ s(ee, { ...n, ref: i, children: o.map((r, c) => /* @__PURE__ */ s(
+    ee,
     {
       as: "span",
       fontWeight: r.highlight ? "medium" : "regular",
@@ -4757,8 +4838,8 @@ const es = /* @__PURE__ */ Re(Ja), Jn = Ce(({ text: e, textQuery: t = "", ...n }
 Jn.displayName = "TextHighlight";
 const er = ({ title: e, description: t, ...n }) => /* @__PURE__ */ M(F, { ...n, flexDirection: "column", alignItems: "center", className: "not-found-block", children: [
   /* @__PURE__ */ s("div", { className: "not-found-block__background" }),
-  /* @__PURE__ */ s(we, { size: "xl", mt: "s", children: e }),
-  /* @__PURE__ */ s(Z, { size: "s", mt: "xxs", children: t })
+  /* @__PURE__ */ s(ye, { size: "xl", mt: "s", children: e }),
+  /* @__PURE__ */ s(ee, { size: "s", mt: "xxs", children: t })
 ] });
 const ts = ({ title: e, description: t, breadcrumb: n, ...i }) => /* @__PURE__ */ s(V, { ...i, className: "category-intro-block", color: "white", children: /* @__PURE__ */ s(
   F,
@@ -4769,8 +4850,8 @@ const ts = ({ title: e, description: t, breadcrumb: n, ...i }) => /* @__PURE__ *
     className: "category-intro-block__container",
     children: /* @__PURE__ */ M(V, { width: "content-container", pt: "m", pb: "xxl", children: [
       /* @__PURE__ */ s(Yn, { ...n }),
-      /* @__PURE__ */ s(we, { mt: "xl", size: "xl", children: e }),
-      /* @__PURE__ */ s(Z, { mt: "l", children: t })
+      /* @__PURE__ */ s(ye, { mt: "xl", size: "xl", children: e }),
+      /* @__PURE__ */ s(ee, { mt: "l", children: t })
     ] })
   }
 ) });
@@ -4778,8 +4859,9 @@ const ns = ({
   intro: e,
   title: t,
   description: n,
-  elevenLabsLink: { label: i, ...o }
-}) => /* @__PURE__ */ s(V, { py: "xl", className: "home-intro-block", children: /* @__PURE__ */ M(
+  elevenLabsLink: { label: i, ...o },
+  ...r
+}) => /* @__PURE__ */ s(V, { className: "home-intro-block", ...r, children: /* @__PURE__ */ M(
   F,
   {
     alignItems: "baseline",
@@ -4789,9 +4871,9 @@ const ns = ({
     ml: { xs: "0", md: "xxl" },
     className: "home-intro-block__container",
     children: [
-      /* @__PURE__ */ s(we, { size: "s", color: "info", children: e }),
-      /* @__PURE__ */ s(we, { size: "xl", color: "primary", children: t }),
-      /* @__PURE__ */ s(Z, { children: n }),
+      /* @__PURE__ */ s(ye, { size: "s", color: "info", children: e }),
+      /* @__PURE__ */ s(ye, { size: "xl", color: "primary", children: t }),
+      /* @__PURE__ */ s(ee, { children: n }),
       /* @__PURE__ */ s(Ke, { as: "a", ...o, children: i })
     ]
   }
@@ -4801,8 +4883,8 @@ const ns = ({
   expertiseLink: { label: n, ...i } = {},
   ...o
 }) => /* @__PURE__ */ M(V, { ...o, children: [
-  /* @__PURE__ */ s(Z, { size: "m", fontWeight: "bold", children: e }),
-  /* @__PURE__ */ s(Z, { mt: "m", children: t }),
+  /* @__PURE__ */ s(ee, { size: "m", fontWeight: "bold", children: e }),
+  /* @__PURE__ */ s(ee, { mt: "m", children: t }),
   n && /* @__PURE__ */ s(Ke, { as: "a", mt: "l", ...i, children: n })
 ] });
 const Cc = ["primary", "secondary"], lt = ({
@@ -4825,8 +4907,8 @@ const Cc = ["primary", "secondary"], lt = ({
               display: "inline-block",
               style: { minWidth: 60, minHeight: 16 },
               children: /* @__PURE__ */ M(F, { alignContent: "center", alignItems: "center", gap: "xxs", children: [
-                e === "secondary" && /* @__PURE__ */ s(Ee, { name: "calendar", size: "24px", color: "light-grey" }),
-                t && /* @__PURE__ */ s(Z, { as: "span", children: t })
+                e === "secondary" && /* @__PURE__ */ s(Ie, { name: "calendar", size: "24px", color: "light-grey" }),
+                t && /* @__PURE__ */ s(ee, { as: "span", children: t })
               ] })
             },
             d
@@ -4843,8 +4925,8 @@ const Cc = ["primary", "secondary"], lt = ({
               display: "inline-block",
               style: { minWidth: 26, minHeight: 16 },
               children: /* @__PURE__ */ M(F, { alignContent: "center", alignItems: "center", gap: "xxs", children: [
-                e === "secondary" && /* @__PURE__ */ s(Ee, { name: "access-time", size: "24px", color: "light-grey" }),
-                n && /* @__PURE__ */ s(Z, { as: "span", children: `${n}mn` })
+                e === "secondary" && /* @__PURE__ */ s(Ie, { name: "access-time", size: "24px", color: "light-grey" }),
+                n && /* @__PURE__ */ s(ee, { as: "span", children: `${n}mn` })
               ] })
             },
             d
@@ -4861,10 +4943,10 @@ const Cc = ["primary", "secondary"], lt = ({
               display: "inline-block",
               style: { minWidth: 50, minHeight: 16 },
               children: i && /* @__PURE__ */ M(F, { alignContent: "center", alignItems: "center", gap: "xxs", children: [
-                e === "secondary" && /* @__PURE__ */ s(Ee, { name: "person", size: "24px", color: "light-grey" }),
+                e === "secondary" && /* @__PURE__ */ s(Ie, { name: "person", size: "24px", color: "light-grey" }),
                 i.map(({ username: f, name: E, link: N }, T) => /* @__PURE__ */ M(rt, { children: [
-                  N ? /* @__PURE__ */ s(e0, { ...N, children: E }) : /* @__PURE__ */ s(Z, { as: "span", children: E }),
-                  T !== i.length - 1 && /* @__PURE__ */ s(Z, { as: "span", children: "&" })
+                  N ? /* @__PURE__ */ s(e0, { ...N, children: E }) : /* @__PURE__ */ s(ee, { as: "span", children: E }),
+                  T !== i.length - 1 && /* @__PURE__ */ s(ee, { as: "span", children: "&" })
                 ] }, f))
               ] })
             },
@@ -4875,7 +4957,7 @@ const Cc = ["primary", "secondary"], lt = ({
       }
     }
     return e !== "secondary" && u !== r.length - 1 && l.push(
-      /* @__PURE__ */ s(Z, { as: "span", children: "•" }, `circle-${d}`)
+      /* @__PURE__ */ s(ee, { as: "span", children: "•" }, `circle-${d}`)
     ), l;
   }, []);
   return /* @__PURE__ */ s(
@@ -4916,9 +4998,9 @@ const Mc = ["highlight-light", "highlight-dark", "side-image"], D0 = ({
       style: { display: "grid" },
       children: [
         /* @__PURE__ */ s(We, { isLoading: d, children: /* @__PURE__ */ M(V, { as: "h2", className: "post-card__heading", children: [
-          /* @__PURE__ */ s(Z, { as: "a", ...l, size: "m", "data-internal-link": "post", className: "post-card__link", children: i }),
+          /* @__PURE__ */ s(ee, { as: "a", ...l, size: "m", "data-internal-link": "post", className: "post-card__link", children: i }),
           e === "tutorial" && /* @__PURE__ */ s(
-            Z,
+            ee,
             {
               size: "xs",
               py: "xxs-3",
@@ -4942,7 +5024,7 @@ const Mc = ["highlight-light", "highlight-dark", "side-image"], D0 = ({
             isLoading: d
           }
         ),
-        t !== "highlight-dark" && /* @__PURE__ */ s(We, { isLoading: d, children: /* @__PURE__ */ s(Z, { mt: "xs", size: "s", hiddenBelow: "md", children: o }) })
+        t !== "highlight-dark" && /* @__PURE__ */ s(We, { isLoading: d, children: /* @__PURE__ */ s(ee, { mt: "xs", size: "s", hiddenBelow: "md", children: o }) })
       ]
     }
   )
@@ -4953,15 +5035,35 @@ const is = ({
   description: n,
   link: { label: i, ...o },
   ...r
-}) => /* @__PURE__ */ M(F, { ...r, alignItems: "center", justifyContent: "between", px: "s", py: "m", bg: "white", className: "author-card", children: [
-  /* @__PURE__ */ M(F, { gap: "s", flex: "1", alignItems: "center", children: [
-    t ? /* @__PURE__ */ s("img", { src: t, alt: e, className: "author-card__avatar-img" }) : /* @__PURE__ */ s("div", { className: "author-card__avatar-img author-card__avatar-img--empty" }),
-    /* @__PURE__ */ M(V, { children: [
-      /* @__PURE__ */ s(Z, { color: "primary", size: "m", fontWeight: "semi-bold", children: e }),
-      /* @__PURE__ */ s(Z, { as: "div", size: "xs", mt: "xxs-3", italic: !0, children: n })
-    ] })
-  ] }),
-  /* @__PURE__ */ s(e0, { ...o, px: "m", textTransform: "uppercase", "data-internal-link": "author", className: "author-card__link", children: i })
+}) => /* @__PURE__ */ M(F, { ...r, alignItems: "center", gap: "s", px: "s", py: "m", bg: "white", className: "author-card", children: [
+  t ? /* @__PURE__ */ s("img", { src: t, alt: e, className: "author-card__avatar-img" }) : /* @__PURE__ */ s("div", { className: "author-card__avatar-img author-card__avatar-img--empty" }),
+  /* @__PURE__ */ M(
+    F,
+    {
+      flexDirection: { xs: "column", md: "row" },
+      flex: "1",
+      justifyContent: "between",
+      alignItems: { xs: "start", md: "center" },
+      gap: "s",
+      children: [
+        /* @__PURE__ */ M(V, { children: [
+          /* @__PURE__ */ s(ee, { color: "primary", size: "m", fontWeight: "semi-bold", children: e }),
+          /* @__PURE__ */ s(ee, { as: "div", size: "xs", mt: "xxs-3", italic: !0, children: n })
+        ] }),
+        /* @__PURE__ */ s(
+          e0,
+          {
+            ...o,
+            px: { xs: "0", md: "m" },
+            textTransform: "uppercase",
+            "data-internal-link": "author",
+            className: "author-card__link",
+            children: i
+          }
+        )
+      ]
+    }
+  )
 ] });
 const os = ({
   title: e,
@@ -4977,9 +5079,10 @@ const os = ({
     gap: "m",
     textAlign: "center",
     className: "contact-card__container",
+    px: "m",
     children: [
-      /* @__PURE__ */ s(we, { size: "l", color: "primary", children: e }),
-      /* @__PURE__ */ s(Z, { size: "s", children: t }),
+      /* @__PURE__ */ s(ye, { size: "l", color: "primary", children: e }),
+      /* @__PURE__ */ s(ee, { size: "s", children: t }),
       /* @__PURE__ */ s(Ke, { as: "a", ...i, children: n })
     ]
   }
@@ -4991,7 +5094,7 @@ const Tc = ["primary", "secondary"], tr = ({
   sections: i,
   ...o
 }) => /* @__PURE__ */ M(V, { bg: "white", p: "m", className: ie("summary-card", { [`summary-card--${e}`]: e }), ...o, children: [
-  /* @__PURE__ */ s(we, { size: "m", color: "primary", children: t }),
+  /* @__PURE__ */ s(ye, { size: "m", color: "primary", children: t }),
   /* @__PURE__ */ s(F, { flexDirection: "column", mt: "m", children: i.map(({ name: r, label: c, ...a }, l) => /* @__PURE__ */ M(be.Fragment, { children: [
     /* @__PURE__ */ M(
       F,
@@ -5004,8 +5107,8 @@ const Tc = ["primary", "secondary"], tr = ({
         }),
         ...a,
         children: [
-          /* @__PURE__ */ s(Z, { color: e === "primary" ? "info" : void 0, children: e === "secondary" ? l + 1 : "•" }),
-          /* @__PURE__ */ s(Z, { children: c })
+          /* @__PURE__ */ s(ee, { color: e === "primary" ? "info" : void 0, children: e === "secondary" ? l + 1 : "•" }),
+          /* @__PURE__ */ s(ee, { children: c })
         ]
       }
     ),
@@ -5028,9 +5131,9 @@ const Ac = ["horizontal", "vertical"], ut = ({
     className: ie("newsletter-card", `newsletter-card--${i}`),
     children: [
       /* @__PURE__ */ M(V, { className: "newsletter-card__intro", children: [
-        /* @__PURE__ */ s(we, { size: "m", color: "accent", children: e }),
-        /* @__PURE__ */ s(Ee, { name: "underline", color: "accent", width: "56px" }),
-        /* @__PURE__ */ s(Z, { mt: "m", children: t })
+        /* @__PURE__ */ s(ye, { size: "m", color: "accent", children: e }),
+        /* @__PURE__ */ s(Ie, { name: "underline", color: "accent", width: "56px" }),
+        /* @__PURE__ */ s(ee, { mt: "m", children: t })
       ] }),
       /* @__PURE__ */ s(V, { className: "newsletter-card__form", children: n })
     ]
@@ -5086,7 +5189,7 @@ const B0 = (e) => ({
           disabled: e === 1,
           getLink: n
         }),
-        children: /* @__PURE__ */ s(Ee, { name: "arrow" })
+        children: /* @__PURE__ */ s(Ie, { name: "arrow" })
       }
     ),
     r.map((c, a) => /* @__PURE__ */ M(rt, { children: [
@@ -5111,7 +5214,7 @@ const B0 = (e) => ({
           disabled: e === t,
           getLink: n
         }),
-        children: /* @__PURE__ */ s(Ee, { name: "arrow" })
+        children: /* @__PURE__ */ s(Ie, { name: "arrow" })
       }
     )
   ] });
@@ -5230,14 +5333,14 @@ function us() {
               case f:
                 return L;
               default:
-                var ye = L && L.$$typeof;
-                switch (ye) {
+                var _e = L && L.$$typeof;
+                switch (_e) {
                   case a:
                   case u:
                   case T:
                   case N:
                   case c:
-                    return ye;
+                    return _e;
                   default:
                     return de;
                 }
@@ -5247,7 +5350,7 @@ function us() {
         }
       }
     }
-    var p = l, w = d, D = a, P = c, q = t, U = u, G = i, X = T, ne = N, Q = n, re = r, oe = o, W = f, pe = !1;
+    var p = l, w = d, D = a, P = c, q = t, U = u, G = i, X = T, ne = N, Z = n, re = r, oe = o, W = f, 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,10 +5387,10 @@ function us() {
     function B(S) {
       return g(S) === o;
     }
-    function J(S) {
+    function Q(S) {
       return g(S) === f;
     }
-    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 = Q, 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 = J, se.isValidElementType = m, se.typeOf = g;
+    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;
 }
 var Wt;
@@ -5464,8 +5567,8 @@ function ps() {
     function y(x) {
       if (process.env.NODE_ENV !== "production")
         var k = {}, K = 0;
-      function b(_, I, C, z, H, B, J) {
-        if (z = z || E, B = B || C, J !== n) {
+      function b(_, I, C, z, H, B, Q) {
+        if (z = z || E, 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"
@@ -5560,7 +5663,7 @@ function ps() {
         for (var C = K[b], z = 0; z < x.length; z++)
           if (T(C, x[z]))
             return null;
-        var H = JSON.stringify(x, function(J, S) {
+        var H = JSON.stringify(x, function(Q, S) {
           var de = W(S);
           return de === "symbol" ? String(S) : S;
         });
@@ -5597,7 +5700,7 @@ function ps() {
       }
       function b(v, _, I, C, z) {
         for (var H = [], B = 0; B < x.length; B++) {
-          var J = x[B], S = J(v, _, I, C, z, n);
+          var Q = x[B], S = Q(v, _, I, C, z, n);
           if (S == null)
             return null;
           S.data && i(S.data, "expectedType") && H.push(S.data.expectedType);
@@ -5609,7 +5712,7 @@ function ps() {
     }
     function U() {
       function x(k, K, b, v, _) {
-        return Q(k[K]) ? null : new R("Invalid " + v + " `" + _ + "` supplied to " + ("`" + b + "`, expected a ReactNode."));
+        return Z(k[K]) ? null : new R("Invalid " + v + " `" + _ + "` supplied to " + ("`" + b + "`, expected a ReactNode."));
       }
       return y(x);
     }
@@ -5627,9 +5730,9 @@ function ps() {
           var B = x[H];
           if (typeof B != "function")
             return G(v, _, I, H, W(B));
-          var J = B(C, H, v, _, I + "." + H, n);
-          if (J)
-            return J;
+          var Q = B(C, H, v, _, I + "." + H, n);
+          if (Q)
+            return Q;
         }
         return null;
       }
@@ -5642,15 +5745,15 @@ function ps() {
           return new R("Invalid " + _ + " `" + I + "` of type `" + z + "` " + ("supplied to `" + v + "`, expected `object`."));
         var H = t({}, K[b], x);
         for (var B in H) {
-          var J = x[B];
-          if (i(x, B) && typeof J != "function")
-            return G(v, _, I, B, W(J));
-          if (!J)
+          var Q = x[B];
+          if (i(x, B) && typeof Q != "function")
+            return G(v, _, I, B, W(Q));
+          if (!Q)
             return new R(
               "Invalid " + _ + " `" + I + "` key `" + B + "` supplied to `" + v + "`.\nBad object: " + JSON.stringify(K[b], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
-          var S = J(C, B, v, _, I + "." + B, n);
+          var S = Q(C, B, v, _, I + "." + B, n);
           if (S)
             return S;
         }
@@ -5658,7 +5761,7 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
       }
       return y(k);
     }
-    function Q(x) {
+    function Z(x) {
       switch (typeof x) {
         case "number":
         case "string":
@@ -5668,7 +5771,7 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
           return !x;
         case "object":
           if (Array.isArray(x))
-            return x.every(Q);
+            return x.every(Z);
           if (x === null || a(x))
             return !0;
           var k = f(x);
@@ -5676,12 +5779,12 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             var K = k.call(x), b;
             if (k !== x.entries) {
               for (; !(b = K.next()).done; )
-                if (!Q(b.value))
+                if (!Z(b.value))
                   return !1;
             } else
               for (; !(b = K.next()).done; ) {
                 var v = b.value;
-                if (v && !Q(v[1]))
+                if (v && !Z(v[1]))
                   return !1;
               }
           } else
@@ -5889,8 +5992,8 @@ function ys() {
     }
     function p(L) {
       if (typeof L == "object" && L !== null) {
-        var ye = L.$$typeof;
-        switch (ye) {
+        var _e = L.$$typeof;
+        switch (_e) {
           case e:
             var ve = L.type;
             switch (ve) {
@@ -5911,15 +6014,15 @@ function ys() {
                   case r:
                     return Le;
                   default:
-                    return ye;
+                    return _e;
                 }
             }
           case t:
-            return ye;
+            return _e;
         }
       }
     }
-    var w = c, D = r, P = e, q = l, U = n, G = E, X = f, ne = t, Q = o, re = i, oe = d, W = u, pe = !1, ge = !1;
+    var w = c, 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;
     function x(L) {
       return pe || (pe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -5953,7 +6056,7 @@ function ys() {
     function B(L) {
       return p(L) === o;
     }
-    function J(L) {
+    function Q(L) {
       return p(L) === i;
     }
     function S(L) {
@@ -5962,7 +6065,7 @@ function ys() {
     function de(L) {
       return p(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 = Q, 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 = J, 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 = 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;
 }
 process.env.NODE_ENV === "production" ? J0.exports = bs() : J0.exports = ys();
@@ -6007,7 +6110,7 @@ const rn = (e) => typeof e == "object" && e != null && e.nodeType === 1, on = (e
     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, Q = l === "center" ? P + g / 2 - X + U : l === "end" ? w + U : P - X;
+  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 = [];
   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();
@@ -6015,13 +6118,13 @@ const rn = (e) => typeof e == "object" && e != null && e.nodeType === 1, on = (e
       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);
     let H = 0, B = 0;
-    const J = "offsetWidth" in W ? W.offsetWidth - W.clientWidth - _ - C : 0, S = "offsetHeight" in W ? W.offsetHeight - W.clientHeight - I - z : 0, de = "offsetWidth" in W ? W.offsetWidth === 0 ? 0 : ge / W.offsetWidth : 0, L = "offsetHeight" in W ? W.offsetHeight === 0 ? 0 : pe / W.offsetHeight : 0;
+    const Q = "offsetWidth" in W ? W.offsetWidth - W.clientWidth - _ - 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" ? Q : l === "center" ? Q - R / 2 : l === "end" ? Q - R : E0(A, A + R, R, _, C, A + Q, A + Q + g, g), H = Math.max(0, H + h), B = Math.max(0, B + A);
+      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);
     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" ? Q - b - _ : l === "center" ? Q - (b + ge / 2) + J / 2 : l === "end" ? Q - k + C + J : E0(b, k, ge, _, C + J, Q, Q + g, g);
-      const { scrollLeft: ye, 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(ye + B / de, W.scrollWidth - ge / de + J)), ne += ve - H, Q += ye - B;
+      H = a === "start" ? ne - x - I : a === "end" ? ne - K + z + S : a === "nearest" ? E0(x, K, pe, I, z + S, ne, ne + m, m) : ne - (x + pe / 2) + S / 2, B = l === "start" ? Z - b - _ : 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 });
   }
@@ -6282,8 +6385,8 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
       }, 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;
         r.getRootProps.called = !0, r.getRootProps.refKey = D, r.getRootProps.suppressRefError = X;
-        var ne = r.getState(), Q = ne.isOpen;
-        return Y((g = {}, g[D] = a0(P, r.rootRef), g.role = "combobox", g["aria-expanded"] = Q, g["aria-haspopup"] = "listbox", g["aria-owns"] = Q ? r.menuId : void 0, g["aria-labelledby"] = r.labelId, g), q);
+        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);
       }, r.keyDownHandlers = {
         ArrowDown: function(m) {
           var g = this;
@@ -6443,14 +6546,14 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         m.onChangeText;
         var P = He(m, Ms), q, U = {};
         q = "onChange";
-        var G = r.getState(), X = G.inputValue, ne = G.isOpen, Q = G.highlightedIndex;
+        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);
         }
         return Y({
           "aria-autocomplete": "list",
-          "aria-activedescendant": ne && typeof Q == "number" && Q >= 0 ? r.getItemId(Q) : void 0,
+          "aria-activedescendant": ne && typeof Z == "number" && Z >= 0 ? r.getItemId(Z) : void 0,
           "aria-controls": ne ? r.menuId : void 0,
           "aria-labelledby": P && P["aria-label"] ? void 0 : r.labelId,
           // https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion
@@ -6492,7 +6595,7 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
           void 0
         ) : xs("getItemProps", "item") : q, G = He(g, As);
         P === void 0 ? (r.items.push(U), P = r.items.indexOf(U)) : r.items[P] = U;
-        var X = "onClick", ne = D, Q = (m = {
+        var X = "onClick", ne = D, Z = (m = {
           // onMouseMove is used over onMouseEnter here. onMouseMove
           // is only triggered on actual mouse movement while onMouseEnter
           // can fire on DOM changes, interrupting keyboard navigation
@@ -6511,8 +6614,8 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
             type: br
           });
         }), m), re = G.disabled ? {
-          onMouseDown: Q.onMouseDown
-        } : Q;
+          onMouseDown: Z.onMouseDown
+        } : Z;
         return Y({
           id: r.getItemId(P),
           role: "option",
@@ -6595,7 +6698,7 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         this.setHighlightedIndex(u, c);
       }
     }, i.getStateAndHelpers = function() {
-      var r = this.getState(), c = 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, Q = this.internalSetState;
+      var r = this.getState(), c = 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;
       return {
         // prop getters
         getRootProps: E,
@@ -6617,7 +6720,7 @@ var dr = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         clearItems: U,
         setItemCount: X,
         unsetItemCount: ne,
-        setState: Q,
+        setState: Z,
         // props
         itemToString: u,
         // derived
@@ -6798,7 +6901,7 @@ var Hs = ft(function(e, t) {
 }, 200), zs = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Gr : ke, Us = "useId" in be ? function(t) {
   var n = t.id, i = t.labelId, o = t.menuId, r = t.getItemId, c = t.toggleButtonId, a = t.inputId, l = "downshift-" + be.useId();
   n || (n = l);
-  var d = _e({
+  var d = Ee({
     labelId: i || n + "-label",
     menuId: o || n + "-menu",
     getItemId: r || function(u) {
@@ -6809,7 +6912,7 @@ var Hs = ft(function(e, t) {
   });
   return d.current;
 } : function(t) {
-  var n = t.id, i = n === void 0 ? "downshift-" + or() : n, o = t.labelId, r = t.menuId, c = t.getItemId, a = t.toggleButtonId, l = t.inputId, d = _e({
+  var n = t.id, i = n === void 0 ? "downshift-" + or() : n, o = t.labelId, r = t.menuId, c = t.getItemId, a = t.toggleButtonId, l = t.inputId, d = Ee({
     labelId: o || i + "-label",
     menuId: r || i + "-menu",
     getItemId: c || function(u) {
@@ -6837,17 +6940,17 @@ function gt(e) {
   return "" + e.slice(0, 1).toUpperCase() + e.slice(1);
 }
 function Sr(e) {
-  var t = _e(e);
+  var t = Ee(e);
   return t.current = e, t;
 }
 function Fs(e, t, n, i) {
-  var o = _e(), r = _e(), c = Ie(function(N, T) {
+  var o = Ee(), r = Ee(), c = xe(function(N, T) {
     r.current = T, N = R0(N, T.props);
     var R = e(N, T), y = T.props.stateReducer(N, Y({}, T, {
       changes: R
     }));
     return y;
-  }, [e]), a = Yr(c, t, n), l = a[0], d = a[1], u = Sr(t), f = Ie(function(N) {
+  }, [e]), a = Yr(c, t, n), l = a[0], d = a[1], u = Sr(t), f = xe(function(N) {
     return d(Y({
       props: u.current
     }, N));
@@ -6894,7 +6997,7 @@ function f0(e, t, n) {
   return i.length === 0 ? -1 : o !== void 0 && a === o ? o : r !== void 0 ? r : c ? i.indexOf(c) : n === 0 ? -1 : n < 0 ? i.length - 1 : 0;
 }
 function Ws(e, t, n, i) {
-  var o = _e({
+  var o = Ee({
     isMouseDown: !1,
     isTouchMove: !1
   });
@@ -6925,9 +7028,9 @@ var Or = function() {
   return De;
 };
 process.env.NODE_ENV !== "production" && (Or = function() {
-  for (var t = _e(!0), n = arguments.length, i = new Array(n), o = 0; o < n; o++)
+  for (var t = Ee(!0), n = arguments.length, i = new Array(n), o = 0; o < n; o++)
     i[o] = arguments[o];
-  var r = _e(i.reduce(function(a, l) {
+  var r = Ee(i.reduce(function(a, l) {
     return a[l] = {}, a;
   }, {}));
   ke(function() {
@@ -6941,7 +7044,7 @@ process.env.NODE_ENV !== "production" && (Or = function() {
       (!f || !f.current) && !d && console.error('downshift: The ref prop "' + u + '" from ' + a + " was not applied correctly on your element.");
     }), t.current = !1;
   });
-  var c = Ie(function(a, l, d, u) {
+  var c = xe(function(a, l, d, u) {
     r.current[a] = {
       suppressRefError: l,
       refKey: d,
@@ -6963,14 +7066,14 @@ function un(e, t, n) {
   }, t);
 }
 function Gs(e) {
-  var t = e.highlightedIndex, n = e.isOpen, i = e.itemRefs, o = e.getItemNodeFromIndex, r = e.menuElement, c = e.scrollIntoView, a = _e(!0);
+  var t = e.highlightedIndex, n = e.isOpen, i = e.itemRefs, o = e.getItemNodeFromIndex, r = e.menuElement, c = e.scrollIntoView, a = Ee(!0);
   return zs(function() {
     t < 0 || !n || !Object.keys(i.current).length || (a.current === !1 ? a.current = !0 : c(o(t), r));
   }, [t]), a;
 }
 var Rr = De;
 process.env.NODE_ENV !== "production" && (Rr = function(t) {
-  var n = t.isInitialMount, i = t.props, o = t.state, r = _e(i);
+  var n = t.isInitialMount, i = t.props, o = t.state, r = Ee(i);
   ke(function() {
     n || (pt(o, r.current, i), r.current = i);
   }, [o, i, n]);
@@ -7158,7 +7261,7 @@ var Js = Y({}, Mr, {
   onInputValueChange: O.func
 });
 function ec(e, t, n, i) {
-  var o = _e(), r = Fs(e, t, n, i), c = r[0], a = r[1];
+  var o = Ee(), r = Fs(e, t, n, i), c = r[0], a = r[1];
   return ke(function() {
     C0(t, "selectedItem") && (t.selectedItemChanged(o.current, t.selectedItem) && a({
       type: Ot,
@@ -7280,10 +7383,10 @@ 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, c = 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 = _e(null), y = _e({}), A = _e(null), h = _e(null), m = _e(!0), g = Us(t), p = _e(), w = Sr({
+  var t = Y({}, tc, e), n = t.items, i = t.scrollIntoView, o = t.environment, r = t.getA11yStatusMessage, c = 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({
     state: d,
     props: t
-  }), D = Ie(function(v) {
+  }), D = xe(function(v) {
     return y.current[g.getItemId(v)];
   }, [g]);
   un(r, [f, E, T, n], Y({
@@ -7380,26 +7483,26 @@ function Rt(e) {
         }));
       }
     };
-  }, [u, w]), X = Ie(function(v) {
+  }, [u, w]), X = xe(function(v) {
     return Y({
       id: g.labelId,
       htmlFor: g.inputId
     }, v);
-  }, [g]), ne = Ie(function(v, _) {
-    var I, C = v === void 0 ? {} : v, z = C.onMouseLeave, H = C.refKey, B = H === void 0 ? "ref" : H, J = C.ref, S = He(C, rc), de = _ === void 0 ? {} : _, L = de.suppressRefError, ye = L === void 0 ? !1 : L;
-    return U("getMenuProps", ye, B, R), Y((I = {}, I[B] = a0(J, function(ve) {
+  }, [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) {
       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() {
       u({
         type: Tr
       });
     }), I), S);
-  }, [u, U, g]), Q = Ie(function(v) {
-    var _, I, C = v === void 0 ? {} : v, z = C.item, H = C.index, B = C.refKey, J = B === void 0 ? "ref" : B, S = C.ref, de = C.onMouseMove, L = C.onMouseDown, ye = C.onClick;
+  }, [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;
     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.');
-    var Ye = w.current, $e = Ye.props, Be = Ye.state, Xe = js(z, H, $e.items, "Pass either item or index to getItemProps!"), ee = Xe[0], Me = Xe[1], me = $e.isItemDisabled(ee, Me), fe = "onClick", Fe = ye, Ne = function() {
+    var Ye = w.current, $e = Ye.props, Be = Ye.state, Xe = js(z, H, $e.items, "Pass either item or index to getItemProps!"), J = Xe[0], Me = Xe[1], me = $e.isItemDisabled(J, Me), fe = "onClick", Fe = _e, Ne = function() {
       Me !== Be.highlightedIndex && (P.current = !1, u({
         type: Ar,
         index: Me,
@@ -7413,34 +7516,34 @@ function Rt(e) {
     }, Te = function(j) {
       return j.preventDefault();
     };
-    return Y((_ = {}, _[J] = a0(S, function($) {
+    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), {
       onMouseMove: he(de, Ne),
       onMouseDown: he(L, Te)
     }, Le);
-  }, [u, w, P, g]), re = Ie(function(v) {
+  }, [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, J = He(I, oc), S = w.current.state, de = function() {
+    var z = I.refKey, H = z === void 0 ? "ref" : z, B = I.ref, Q = He(I, oc), S = w.current.state, de = function() {
       u({
         type: Dr
       });
     };
     return Y((_ = {}, _[H] = a0(B, function(L) {
       h.current = L;
-    }), _["aria-controls"] = g.menuId, _["aria-expanded"] = S.isOpen, _.id = g.toggleButtonId, _.tabIndex = -1, _), !J.disabled && Y({}, {
+    }), _["aria-controls"] = g.menuId, _["aria-expanded"] = S.isOpen, _.id = g.toggleButtonId, _.tabIndex = -1, _), !Q.disabled && Y({}, {
       onClick: he(C, de)
-    }), J);
-  }, [u, w, g]), oe = Ie(function(v, _) {
-    var I, C = v === void 0 ? {} : v, z = C.onKeyDown, H = C.onChange, B = C.onInput, J = C.onBlur;
+    }), 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;
     C.onChangeText;
-    var S = C.onClick, de = C.refKey, L = de === void 0 ? "ref" : de, ye = C.ref, ve = He(C, ac), Le = _ === void 0 ? {} : _, Ye = Le.suppressRefError, $e = Ye === void 0 ? !1 : Ye;
+    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);
     var Be = w.current.state, Xe = function(Te) {
       var $ = et(Te);
       $ && G[$] && G[$](Te);
-    }, ee = function(Te) {
+    }, J = function(Te) {
       u({
         type: xt,
         inputValue: Te.target.value
@@ -7460,46 +7563,46 @@ function Rt(e) {
     }, fe = "onChange", Fe = {};
     if (!ve.disabled) {
       var Ne;
-      Fe = (Ne = {}, Ne[fe] = he(H, B, ee), Ne.onKeyDown = he(z, Xe), Ne.onBlur = he(J, Me), Ne.onClick = he(S, me), Ne);
+      Fe = (Ne = {}, Ne[fe] = he(H, B, J), Ne.onKeyDown = he(z, Xe), Ne.onBlur = he(Q, Me), Ne.onClick = he(S, me), Ne);
     }
-    return Y((I = {}, I[L] = a0(ye, function(Ve) {
+    return Y((I = {}, I[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);
-  }, [U, w, g, G, u, q, o]), W = Ie(function() {
+  }, [U, w, g, G, u, q, o]), W = xe(function() {
     u({
       type: kr
     });
-  }, [u]), pe = Ie(function() {
+  }, [u]), pe = xe(function() {
     u({
       type: Lr
     });
-  }, [u]), ge = Ie(function() {
+  }, [u]), ge = xe(function() {
     u({
       type: Pr
     });
-  }, [u]), x = Ie(function(v) {
+  }, [u]), x = xe(function(v) {
     u({
       type: $r,
       highlightedIndex: v
     });
-  }, [u]), k = Ie(function(v) {
+  }, [u]), k = xe(function(v) {
     u({
       type: St,
       selectedItem: v
     });
-  }, [u]), K = Ie(function(v) {
+  }, [u]), K = xe(function(v) {
     u({
       type: Br,
       inputValue: v
     });
-  }, [u]), b = Ie(function() {
+  }, [u]), b = xe(function() {
     u({
       type: Vr
     });
   }, [u]);
   return {
     // prop getters.
-    getItemProps: Q,
+    getItemProps: Z,
     getLabelProps: X,
     getMenuProps: ne,
     getInputProps: oe,
@@ -7606,8 +7709,8 @@ const Ur = Ce(
     ] }),
     t.length === 0 && r && /* @__PURE__ */ M(V, { textAlign: "center", px: "xl", py: "m", children: [
       /* @__PURE__ */ s("div", { className: "autocomplete-result__background-not-found" }),
-      /* @__PURE__ */ s(we, { size: "m", mt: "s", children: r.title }),
-      /* @__PURE__ */ s(Z, { size: "xs", mt: "xxs", children: r.description })
+      /* @__PURE__ */ s(ye, { size: "m", mt: "s", children: r.title }),
+      /* @__PURE__ */ s(ee, { size: "xs", mt: "xxs", children: r.description })
     ] })
   ] })
 );
@@ -7721,7 +7824,7 @@ const cc = ({
           className: "footer__intro",
           gap: "s",
           children: [
-            /* @__PURE__ */ s(we, { size: "s", children: e.title }),
+            /* @__PURE__ */ s(ye, { size: "s", children: e.title }),
             /* @__PURE__ */ s(V, { as: "a", ...t, className: "footer__intro-link", children: e.description })
           ]
         }
@@ -7739,7 +7842,7 @@ const cc = ({
             /* @__PURE__ */ s(V, { mb: "xl", children: /* @__PURE__ */ s(F, { justifyContent: { xs: "center", md: "start" }, alignItems: "center", mb: "xxs", children: /* @__PURE__ */ s(_n, { name: "website", size: "2.5em" }) }) }),
             /* @__PURE__ */ M(V, { children: [
               /* @__PURE__ */ s(F, { flexDirection: { xs: "column", md: "row" }, gap: { md: "xl" }, children: o.map((a, l) => /* @__PURE__ */ M(V, { mb: "m", children: [
-                a.title && /* @__PURE__ */ s(Z, { fontWeight: "bold", mb: "xxs-2", children: a.title }),
+                a.title && /* @__PURE__ */ s(ee, { fontWeight: "bold", mb: "xxs-2", children: a.title }),
                 a.description
               ] }, l)) }),
               /* @__PURE__ */ M(F, { justifyContent: { xs: "center", md: "start" }, alignItems: "center", flexWrap: "wrap", gap: "s", children: [
@@ -7754,7 +7857,7 @@ const cc = ({
                       "data-social-link": a
                     },
                     children: /* @__PURE__ */ s(
-                      Ee,
+                      Ie,
                       {
                         name: a,
                         size: "36",
@@ -7772,9 +7875,9 @@ const cc = ({
         }
       ),
       /* @__PURE__ */ M(F, { py: "s", justifyContent: "center", alignItems: "center", className: "footer__language-links-container", children: [
-        /* @__PURE__ */ s(V, { mr: "xxs", children: /* @__PURE__ */ s(Ee, { size: "28px", name: "language" }) }),
+        /* @__PURE__ */ s(V, { mr: "xxs", children: /* @__PURE__ */ s(Ie, { size: "28px", name: "language" }) }),
         c.map(({ label: a, isActive: l, ...d }, u) => /* @__PURE__ */ M(be.Fragment, { children: [
-          l ? /* @__PURE__ */ s(Z, { fontWeight: "bold", children: a }) : /* @__PURE__ */ s(e0, { ...d, "data-internal-link": "home", children: a }),
+          l ? /* @__PURE__ */ s(ee, { fontWeight: "bold", children: a }) : /* @__PURE__ */ s(e0, { ...d, "data-internal-link": "home", children: a }),
           c.length - 1 !== u && /* @__PURE__ */ s(V, { mx: "s" })
         ] }, u))
       ] })
@@ -7833,7 +7936,7 @@ const k0 = ({
   postCardList: t,
   categoryEndingBlock: n
 }) => /* @__PURE__ */ M(V, { children: [
-  /* @__PURE__ */ s(we, { size: "m", mb: "l", color: "primary", children: e }),
+  /* @__PURE__ */ s(ye, { size: "m", mb: "l", color: "primary", children: e }),
   t,
   n && /* @__PURE__ */ M(Pe, { children: [
     /* @__PURE__ */ s(h0, { mt: "m" }),
@@ -7867,7 +7970,7 @@ const uc = ({
     width: { md: "content-container" },
     className: "last-articles-block",
     children: [
-      /* @__PURE__ */ s(we, { size: "m", color: "primary", children: e }),
+      /* @__PURE__ */ s(ye, { size: "m", color: "primary", children: e }),
       /* @__PURE__ */ s(F, { mt: "l", gap: "m", className: "last-articles-block__post-list", children: t.map((r, c) => /* @__PURE__ */ s(be.Fragment, { children: /* @__PURE__ */ s(D0, { variant: "highlight-light", ...r || {} }) }, (r == null ? void 0 : r.slug) ?? c)) }),
       /* @__PURE__ */ s(F, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ s(Ke, { mt: "l", as: "a", ...i, children: n }) })
     ]
@@ -7894,9 +7997,9 @@ const dc = ({
     className: "last-tutorials-block",
     children: [
       /* @__PURE__ */ M(V, { className: "last-tutorials-block__content", children: [
-        /* @__PURE__ */ s(we, { size: "m", children: e }),
-        /* @__PURE__ */ s(Ee, { name: "underline", color: "white", width: "56px" }),
-        /* @__PURE__ */ s(Z, { mt: "l", children: t }),
+        /* @__PURE__ */ s(ye, { size: "m", children: e }),
+        /* @__PURE__ */ s(Ie, { name: "underline", color: "white", width: "56px" }),
+        /* @__PURE__ */ s(ee, { mt: "l", children: t }),
         /* @__PURE__ */ s(Ke, { mt: "l", as: "a", variant: "accent", ...r, children: o })
       ] }),
       /* @__PURE__ */ s(F, { gap: "l", className: "last-tutorials-block__post-list", children: i.map((a, l) => /* @__PURE__ */ s(be.Fragment, { children: /* @__PURE__ */ s(D0, { variant: "highlight-dark", tutorialLabel: n, ...a || {} }) }, (a == null ? void 0 : a.slug) ?? l)) })
@@ -7908,13 +8011,12 @@ const dc = ({
   lastTutorialsBlock: n,
   newsletterCard: i
 }) => /* @__PURE__ */ M(Pe, { children: [
-  /* @__PURE__ */ s(ns, { ...e }),
+  /* @__PURE__ */ s(ns, { py: { xs: "0", md: "xl" }, ...e }),
   /* @__PURE__ */ s(uc, { ...t }),
   n && /* @__PURE__ */ s(dc, { ...n }),
   /* @__PURE__ */ s(V, { my: "xl", mx: { xs: "s", md: "auto" }, width: { md: "content-container" }, children: /* @__PURE__ */ s(ut, { variant: "horizontal", ...i }) })
-] });
-const fc = ({ title: e, authors: t, ...n }) => /* @__PURE__ */ M(V, { ...n, children: [
-  /* @__PURE__ */ s(we, { mb: "xxs", size: "m", color: "primary", children: e }),
+] }), fc = ({ title: e, authors: t, ...n }) => /* @__PURE__ */ M(V, { ...n, children: [
+  /* @__PURE__ */ s(ye, { mb: "xxs", size: "m", color: "primary", children: e }),
   /* @__PURE__ */ s(F, { mt: "l", flexDirection: "column", gap: "s", children: t.map((i, o) => /* @__PURE__ */ s(is, { ...i }, o)) })
 ] });
 const q0 = (e) => {
@@ -7928,7 +8030,7 @@ const q0 = (e) => {
       target: "_blank",
       rel: "noreferrer",
       children: /* @__PURE__ */ s(
-        Ee,
+        Ie,
         {
           name: "twitter",
           className: "share-links__social-media-icon share-links__social-media-icon--twitter",
@@ -7943,7 +8045,7 @@ const q0 = (e) => {
       href: `https://www.facebook.com/sharer/sharer.php${q0({ u: e })}`,
       target: "_blank",
       rel: "noreferrer",
-      children: /* @__PURE__ */ s(Ee, { name: "facebook", className: "share-links__social-media-icon", size: "36" })
+      children: /* @__PURE__ */ s(Ie, { name: "facebook", className: "share-links__social-media-icon", size: "36" })
     }
   ),
   t.linkedIn && /* @__PURE__ */ s(
@@ -7952,17 +8054,18 @@ const q0 = (e) => {
       href: `https://linkedin.com/shareArticle${q0({ url: e, mini: "true" })}`,
       target: "_blank",
       rel: "noreferrer",
-      children: /* @__PURE__ */ s(Ee, { name: "linkedin", className: "share-links__social-media-icon", size: "36" })
+      children: /* @__PURE__ */ s(Ie, { name: "linkedin", className: "share-links__social-media-icon", size: "36" })
     }
   )
 ] }), gc = ({ title: e, date: t, readingTime: n, authors: i, shareLinks: o, ...r }) => /* @__PURE__ */ M(V, { ...r, textSize: "xs", children: [
-  /* @__PURE__ */ s(we, { as: "h1", size: "xl", color: "primary", children: e }),
+  /* @__PURE__ */ s(ye, { as: "h1", size: "xl", color: "primary", children: e }),
   /* @__PURE__ */ M(F, { flexDirection: { xs: "column", md: "row" }, justifyContent: "between", gap: "xs", mt: "m", children: [
     /* @__PURE__ */ s(lt, { variant: "secondary", date: t, readingTime: n, authors: i }),
     /* @__PURE__ */ s(pc, { ...o })
   ] })
-] }), mc = ({ relatedPostListTitle: e, posts: t, ...n }) => /* @__PURE__ */ M(V, { ...n, children: [
-  /* @__PURE__ */ s(we, { mb: "m", size: "m", color: "primary", children: e }),
+] });
+const mc = ({ relatedPostListTitle: e, posts: t, ...n }) => /* @__PURE__ */ M(V, { ...n, children: [
+  /* @__PURE__ */ s(ye, { mb: "m", size: "m", color: "primary", children: e }),
   t.map((i, o) => /* @__PURE__ */ s(D0, { ...i, mt: "s" }, (i == null ? void 0 : i.slug) ?? o))
 ] }), Bc = ["article", "tutorial"], hc = ({
   variant: e = "article",
@@ -7977,9 +8080,9 @@ const q0 = (e) => {
   previousLink: { label: d, ...u } = {},
   nextLink: { label: f, ...E } = {}
 }) => /* @__PURE__ */ M(Pe, { children: [
-  /* @__PURE__ */ M(V, { children: [
+  /* @__PURE__ */ M(V, { className: "post-page-content", children: [
     /* @__PURE__ */ s(Yn, { ...t }),
-    /* @__PURE__ */ s("img", { className: "post-page__cover", ...n, alt: n.alt }),
+    /* @__PURE__ */ s("img", { className: "post-page-content__cover", ...n, alt: n.alt }),
     /* @__PURE__ */ s(gc, { mt: "m", ...o }),
     /* @__PURE__ */ s(h0, { mt: "m" }),
     /* @__PURE__ */ s(tr, { mt: "l", hiddenAbove: "md", variant: e === "tutorial" ? "secondary" : "primary", ...i }),
@@ -8018,7 +8121,7 @@ const Hc = ({ newsletterCard: e, ...t }) => /* @__PURE__ */ s(
       children: [
         e.avatarImageUrl ? /* @__PURE__ */ s("img", { src: e.avatarImageUrl, alt: e.name, className: "author-page__avatar-img" }) : /* @__PURE__ */ s("div", { className: "author-page__avatar-img author-page__avatar-img--empty" }),
         /* @__PURE__ */ M(V, { mt: "s", ml: "s", children: [
-          /* @__PURE__ */ s(Z, { size: "m", fontWeight: "medium", color: "info", children: e.name }),
+          /* @__PURE__ */ s(ee, { size: "m", fontWeight: "medium", color: "info", children: e.name }),
           /* @__PURE__ */ s(V, { children: e.content }),
           e.socialNetworks && /* @__PURE__ */ s(
             F,
@@ -8031,12 +8134,12 @@ const Hc = ({ newsletterCard: e, ...t }) => /* @__PURE__ */ s(
               children: e.socialNetworks.map((i, o) => {
                 var r;
                 return /* @__PURE__ */ M(be.Fragment, { children: [
-                  /* @__PURE__ */ M(Z, { children: [
-                    /* @__PURE__ */ s(Ee, { name: i.name, size: "24px" }),
+                  /* @__PURE__ */ M(ee, { children: [
+                    /* @__PURE__ */ s(Ie, { name: i.name, size: "24px" }),
                     " ",
                     /* @__PURE__ */ s(e0, { href: i.url, target: "_blank", children: i.username })
                   ] }),
-                  o !== (((r = e.socialNetworks) == null ? void 0 : r.length) ?? 0) - 1 && /* @__PURE__ */ s(Z, { as: "span", mx: "xxs", children: "•" })
+                  o !== (((r = e.socialNetworks) == null ? void 0 : r.length) ?? 0) - 1 && /* @__PURE__ */ s(ee, { as: "span", mx: "xxs", children: "•" })
                 ] }, i.name);
               })
             }
@@ -8046,7 +8149,7 @@ const Hc = ({ newsletterCard: e, ...t }) => /* @__PURE__ */ s(
     }
   ),
   /* @__PURE__ */ s(h0, { className: "author-page__divider" }),
-  /* @__PURE__ */ s(Z, { size: "m", fontWeight: "medium", children: t }),
+  /* @__PURE__ */ s(ee, { size: "m", fontWeight: "medium", children: t }),
   n
 ] }), zc = ({ title: e, description: t }) => /* @__PURE__ */ s(F, { justifyContent: "center", alignItems: "center", flex: "1", children: /* @__PURE__ */ s(er, { m: "xxl", title: e, description: t }) }), bc = ({
   title: e,
@@ -8055,8 +8158,8 @@ const Hc = ({ newsletterCard: e, ...t }) => /* @__PURE__ */ s(
   searchNotFound: i,
   isLoading: o = !1
 }) => !o && i ? /* @__PURE__ */ s(er, { ...i }) : /* @__PURE__ */ M(V, { children: [
-  /* @__PURE__ */ s(We, { isLoading: o, children: /* @__PURE__ */ s(Z, { size: "m", fontWeight: "medium", children: e }) }),
-  /* @__PURE__ */ s(We, { isLoading: o, children: /* @__PURE__ */ s(Z, { size: "s", mb: "l", children: t }) }),
+  /* @__PURE__ */ s(We, { isLoading: o, children: /* @__PURE__ */ s(ye, { size: "m", fontWeight: "medium", color: "primary", children: e }) }),
+  /* @__PURE__ */ s(We, { isLoading: o, children: /* @__PURE__ */ s(ye, { size: "s", mb: "l", children: t }) }),
   n
 ] }), Uc = ({ sidebar: e, ...t }) => /* @__PURE__ */ s(Pe, { children: /* @__PURE__ */ s(k0, { content: /* @__PURE__ */ s(bc, { ...t }), sidebar: e }) }), yc = typeof window > "u" ? () => {
 } : nt.useLayoutEffect, jc = (e) => {
@@ -8088,10 +8191,10 @@ export {
   F as Flex,
   cc as Footer,
   kc as Header,
-  we as Heading,
+  ye as Heading,
   ns as HomeIntroBlock,
   $c as HomePage,
-  Ee as Icon,
+  Ie as Icon,
   k0 as LayoutContentWithSidebar,
   Pc as LayoutTemplate,
   e0 as Link,
@@ -8114,7 +8217,7 @@ export {
   Tc as SummaryCardVariant,
   di as Svgs,
   wc as SyntaxHighlighter,
-  Z as Text,
+  ee as Text,
   Jn as TextHighlight,
   Ic as buttonVariant,
   Sc as closeButtonVariant,