@eleven-labs/design-system 0.37.5 → 0.38.0

package/dist/index.es.js

@@ -227,7 +227,7 @@ var xo = yr.exports;
 const re = /* @__PURE__ */ ne(xo), ke = to;
 const yp = ["primary", "secondary", "accent"], Me = ke(
   ({ as: e = "button", variant: t = "primary", isChoiceChip: n = !1, className: a, children: o, ...r }, s) => /* @__PURE__ */ $(
-    G,
+    K,
     {
       ...r,
       display: "inline-flex",
@@ -845,7 +845,7 @@ const ze = {
   );
 };
 const _p = ["website", "blog"], Sr = ke(({ name: e, size: t, ...n }, a) => /* @__PURE__ */ $(
-  G,
+  K,
   {
     ...n,
     ref: a,
@@ -4022,24 +4022,24 @@ function bs(e, t, n, a, o, r, s, i, f) {
 `)
         };
         if (z === 0) {
-          var K = g.slice(y + 1, x).concat(At({
+          var W = g.slice(y + 1, x).concat(At({
             children: [Y],
             className: v.properties.className
-          })), oe = b(K, V);
+          })), oe = b(W, V);
           h.push(oe);
         } else if (z === S.length - 1) {
-          var J = g[x + 1] && g[x + 1].children && g[x + 1].children[0], W = {
+          var J = g[x + 1] && g[x + 1].children && g[x + 1].children[0], G = {
             type: "text",
             value: "".concat(L)
           };
           if (J) {
             var Z = At({
-              children: [W],
+              children: [G],
               className: v.properties.className
             });
             g.splice(x + 1, 0, Z);
           } else {
-            var te = [W], w = b(te, V, v.properties.className);
+            var te = [G], w = b(te, V, v.properties.className);
             h.push(w);
           }
         } else {
@@ -4100,7 +4100,7 @@ function ws(e, t) {
     var o = a.language, r = a.children, s = a.style, i = s === void 0 ? t : s, f = a.customStyle, m = f === void 0 ? {} : f, g = a.codeTagProps, h = g === void 0 ? {
       className: o ? "language-".concat(o) : void 0,
       style: De(De({}, i['code[class*="language-"]']), i['code[class*="language-'.concat(o, '"]')])
-    } : g, y = a.useInlineStyles, x = y === void 0 ? !0 : y, k = a.showLineNumbers, I = k === void 0 ? !1 : k, b = a.showInlineLineNumbers, R = b === void 0 ? !0 : b, u = a.startingLineNumber, c = u === void 0 ? 1 : u, p = a.lineNumberContainerStyle, d = a.lineNumberStyle, v = d === void 0 ? {} : d, _ = a.wrapLines, E = a.wrapLongLines, S = E === void 0 ? !1 : E, L = a.lineProps, z = L === void 0 ? {} : L, V = a.renderer, Y = a.PreTag, K = Y === void 0 ? "pre" : Y, oe = a.CodeTag, J = oe === void 0 ? "code" : oe, W = a.code, Z = W === void 0 ? (Array.isArray(r) ? r[0] : r) || "" : W, te = a.astGenerator, w = Qi(a, ps);
+    } : g, y = a.useInlineStyles, x = y === void 0 ? !0 : y, k = a.showLineNumbers, I = k === void 0 ? !1 : k, b = a.showInlineLineNumbers, R = b === void 0 ? !0 : b, u = a.startingLineNumber, c = u === void 0 ? 1 : u, p = a.lineNumberContainerStyle, d = a.lineNumberStyle, v = d === void 0 ? {} : d, _ = a.wrapLines, E = a.wrapLongLines, S = E === void 0 ? !1 : E, L = a.lineProps, z = L === void 0 ? {} : L, V = a.renderer, Y = a.PreTag, W = Y === void 0 ? "pre" : Y, oe = a.CodeTag, J = oe === void 0 ? "code" : oe, G = a.code, Z = G === void 0 ? (Array.isArray(r) ? r[0] : r) || "" : G, te = a.astGenerator, w = Qi(a, ps);
     te = te || e;
     var N = I ? /* @__PURE__ */ me.createElement(hs, {
       containerStyle: p,
@@ -4121,7 +4121,7 @@ function ws(e, t) {
     }) : h.style = De(De({}, h.style), {}, {
       whiteSpace: "pre"
     }), !te)
-      return /* @__PURE__ */ me.createElement(K, C, N, /* @__PURE__ */ me.createElement(J, h, Z));
+      return /* @__PURE__ */ me.createElement(W, C, N, /* @__PURE__ */ me.createElement(J, h, Z));
     (_ === void 0 && V || S) && (_ = !0), V = V || ys;
     var T = [{
       type: "text",
@@ -4134,7 +4134,7 @@ function ws(e, t) {
     });
     O.language === null && (O.value = T);
     var M = O.value.length + c, H = bs(O, _, z, I, R, c, M, v, S);
-    return /* @__PURE__ */ me.createElement(K, C, /* @__PURE__ */ me.createElement(J, h, !R && N, V({
+    return /* @__PURE__ */ me.createElement(W, C, /* @__PURE__ */ me.createElement(J, h, !R && N, V({
       rows: H,
       stylesheet: i,
       useInlineStyles: x
@@ -4987,16 +4987,16 @@ function g1(e, t) {
   return (n.position.indent || n.position.start) && (n.indent = n.position.indent || [], n.position = n.position.start), m1(e, n);
 }
 function m1(e, t) {
-  var n = t.additional, a = t.nonTerminated, o = t.text, r = t.reference, s = t.warning, i = t.textContext, f = t.referenceContext, m = t.warningContext, g = t.position, h = t.indent || [], y = e.length, x = 0, k = -1, I = g.column || 1, b = g.line || 1, R = "", u = [], c, p, d, v, _, E, S, L, z, V, Y, K, oe, J, W, Z, te, w, N;
+  var n = t.additional, a = t.nonTerminated, o = t.text, r = t.reference, s = t.warning, i = t.textContext, f = t.referenceContext, m = t.warningContext, g = t.position, h = t.indent || [], y = e.length, x = 0, k = -1, I = g.column || 1, b = g.line || 1, R = "", u = [], c, p, d, v, _, E, S, L, z, V, Y, W, oe, J, G, Z, te, w, N;
   for (typeof n == "string" && (n = n.charCodeAt(0)), Z = F(), L = s ? U : r1, x--, y++; ++x < y; )
     if (_ === W0 && (I = h[k] || 1), _ = e.charCodeAt(x), _ === G0) {
       if (S = e.charCodeAt(x + 1), S === a1 || S === W0 || S === o1 || S === i1 || S === G0 || S === l1 || S !== S || n && S === n) {
         R += Je(_), I++;
         continue;
       }
-      for (oe = x + 1, K = oe, N = oe, S === u1 ? (N = ++K, S = e.charCodeAt(N), S === d1 || S === p1 ? (J = Jn, N = ++K) : J = Qn) : J = Qe, c = "", Y = "", v = "", W = Pt[J], N--; ++N < y && (S = e.charCodeAt(N), !!W(S)); )
+      for (oe = x + 1, W = oe, N = oe, S === u1 ? (N = ++W, S = e.charCodeAt(N), S === d1 || S === p1 ? (J = Jn, N = ++W) : J = Qn) : J = Qe, c = "", Y = "", v = "", G = Pt[J], N--; ++N < y && (S = e.charCodeAt(N), !!G(S)); )
         v += Je(S), J === Qe && n1.call(U0, v) && (c = v, Y = U0[v]);
-      d = e.charCodeAt(N) === s1, d && (N++, p = J === Qe ? e1(v) : !1, p && (c = v, Y = p)), w = 1 + N - oe, !d && !a || (v ? J === Qe ? (d && !Y ? L(Jr, 1) : (c !== v && (N = K + c.length, w = 1 + N - K, d = !1), d || (z = c ? Gr : Zr, t.attribute ? (S = e.charCodeAt(N), S === c1 ? (L(z, w), Y = null) : Wr(S) ? Y = null : L(z, w)) : L(z, w))), E = Y) : (d || L(Yr, w), E = parseInt(v, e0[J]), h1(E) ? (L(Qr, w), E = Je(f1)) : E in q0 ? (L(rn, w), E = q0[E]) : (V = "", v1(E) && L(rn, w), E > 65535 && (E -= 65536, V += Je(E >>> 10 | 55296), E = 56320 | E & 1023), E = V + Je(E))) : J !== Qe && L(Xr, w)), E ? (C(), Z = F(), x = N - 1, I += N - oe + 1, u.push(E), te = F(), te.offset++, r && r.call(
+      d = e.charCodeAt(N) === s1, d && (N++, p = J === Qe ? e1(v) : !1, p && (c = v, Y = p)), w = 1 + N - oe, !d && !a || (v ? J === Qe ? (d && !Y ? L(Jr, 1) : (c !== v && (N = W + c.length, w = 1 + N - W, d = !1), d || (z = c ? Gr : Zr, t.attribute ? (S = e.charCodeAt(N), S === c1 ? (L(z, w), Y = null) : Wr(S) ? Y = null : L(z, w)) : L(z, w))), E = Y) : (d || L(Yr, w), E = parseInt(v, e0[J]), h1(E) ? (L(Qr, w), E = Je(f1)) : E in q0 ? (L(rn, w), E = q0[E]) : (V = "", v1(E) && L(rn, w), E > 65535 && (E -= 65536, V += Je(E >>> 10 | 55296), E = 56320 | E & 1023), E = V + Je(E))) : J !== Qe && L(Xr, w)), E ? (C(), Z = F(), x = N - 1, I += N - oe + 1, u.push(E), te = F(), te.offset++, r && r.call(
         f,
         E,
         { start: Z, end: te },
@@ -5650,19 +5650,19 @@ var ea = { exports: {} };
           for (var L = 0; L < S.length; ++L) {
             if (_ && _.cause == E + "," + L)
               return;
-            var z = S[L], V = z.inside, Y = !!z.lookbehind, K = !!z.greedy, oe = z.alias;
-            if (K && !z.pattern.global) {
+            var z = S[L], V = z.inside, Y = !!z.lookbehind, W = !!z.greedy, oe = z.alias;
+            if (W && !z.pattern.global) {
               var J = z.pattern.toString().match(/[imsuy]*$/)[0];
               z.pattern = RegExp(z.pattern.source, J + "g");
             }
-            for (var W = z.pattern || z, Z = d.next, te = v; Z !== c.tail && !(_ && te >= _.reach); te += Z.value.length, Z = Z.next) {
+            for (var G = z.pattern || z, Z = d.next, te = v; Z !== c.tail && !(_ && te >= _.reach); te += Z.value.length, Z = Z.next) {
               var w = Z.value;
               if (c.length > u.length)
                 return;
               if (!(w instanceof f)) {
                 var N = 1, F;
-                if (K) {
-                  if (F = m(W, te, u, Y), !F || F.index >= u.length)
+                if (W) {
+                  if (F = m(G, te, u, Y), !F || F.index >= u.length)
                     break;
                   var O = F.index, U = F.index + F[0].length, C = te;
                   for (C += Z.value.length; O >= C; )
@@ -5672,7 +5672,7 @@ var ea = { exports: {} };
                   for (var T = Z; T !== c.tail && (C < U || typeof T.value == "string"); T = T.next)
                     N++, C += T.value.length;
                   N--, w = u.slice(te, C), F.index -= te;
-                } else if (F = m(W, 0, w, Y), !F)
+                } else if (F = m(G, 0, w, Y), !F)
                   continue;
                 var O = F.index, M = F[0], H = w.slice(0, O), q = w.slice(O + M.length), B = te + w.length;
                 _ && B > _.reach && (_.reach = B);
@@ -6508,13 +6508,13 @@ const je = ke(({ as: e = "div", isLoading: t = !0, children: n, ...a }, o) => /*
 ) : n }));
 je.displayName = "Skeleton";
 const vt = (e) => /* @__PURE__ */ l(j, { ...e, as: "hr", className: "divider" });
-const W1 = (e) => /* @__PURE__ */ $(G, { as: "button", flexDirection: "column", gap: "xxs", className: "burger-button", ...e, children: [
+const W1 = (e) => /* @__PURE__ */ $(K, { as: "button", flexDirection: "column", gap: "xxs", className: "burger-button", ...e, children: [
   /* @__PURE__ */ l(j, { className: "burger-button__line" }),
   /* @__PURE__ */ l(j, { className: "burger-button__line" }),
   /* @__PURE__ */ l(j, { className: "burger-button__line" })
 ] });
 const xp = ["primary", "secondary"], ra = ({ variant: e, ...t }) => /* @__PURE__ */ $(
-  G,
+  K,
   {
     as: "button",
     ...t,
@@ -6528,7 +6528,7 @@ const xp = ["primary", "secondary"], ra = ({ variant: e, ...t }) => /* @__PURE__
   }
 );
 const aa = ({ items: e, ...t }) => /* @__PURE__ */ l(
-  G,
+  K,
   {
     ...t,
     as: "ol",
@@ -6552,7 +6552,7 @@ const aa = ({ items: e, ...t }) => /* @__PURE__ */ l(
 ] });
 const Ke = ke(
   ({ as: e = "a", icon: t, className: n, children: a, ...o }, r) => t ? /* @__PURE__ */ $(
-    G,
+    K,
     {
       ...o,
       ref: r,
@@ -6589,7 +6589,7 @@ const Sp = [
 const ia = ke(
   ({ input: e, buttonClose: t = {}, buttonSearch: n, className: a, ...o }, r) => /* @__PURE__ */ $(j, { ...o, className: re("search-field", a), ref: r, children: [
     /* @__PURE__ */ l(j, { as: "input", ...e, className: "search-field__input" }),
-    /* @__PURE__ */ $(G, { justifyContent: "center", alignItems: "center", className: "search-field__actions-container", children: [
+    /* @__PURE__ */ $(K, { justifyContent: "center", alignItems: "center", className: "search-field__actions-container", children: [
       !!e.value && /* @__PURE__ */ l(ra, { ...t, variant: "secondary", className: "search-field__button-action" }),
       /* @__PURE__ */ l(j, { as: "button", ...n, className: "search-field__button-action", children: /* @__PURE__ */ l(be, { name: "search", color: "primary", size: "2.5rem", mx: "xs" }) })
     ] })
@@ -6687,13 +6687,13 @@ const X1 = /* @__PURE__ */ ne(Z1), ca = ke(({ text: e, textQuery: t = "", ...n }
   )) });
 });
 ca.displayName = "TextHighlight";
-const ua = ({ title: e, description: t, ...n }) => /* @__PURE__ */ $(G, { ...n, flexDirection: "column", alignItems: "center", className: "not-found-block", children: [
+const ua = ({ title: e, description: t, ...n }) => /* @__PURE__ */ $(K, { ...n, flexDirection: "column", alignItems: "center", className: "not-found-block", children: [
   /* @__PURE__ */ l("div", { className: "not-found-block__background" }),
   /* @__PURE__ */ l(ge, { size: "xl", mt: "s", children: e }),
   /* @__PURE__ */ l(Q, { size: "s", mt: "xxs", children: t })
 ] });
 const J1 = ({ title: e, description: t, breadcrumb: n, ...a }) => /* @__PURE__ */ l(j, { ...a, className: "category-intro-block", color: "white", children: /* @__PURE__ */ l(
-  G,
+  K,
   {
     justifyContent: "center",
     alignItems: "center",
@@ -6712,9 +6712,9 @@ const Q1 = ({
   description: n,
   elevenLabsLink: { label: a, ...o },
   ...r
-}) => /* @__PURE__ */ $(G, { ...r, className: re("home-intro-block", r.className), children: [
+}) => /* @__PURE__ */ $(K, { ...r, className: re("home-intro-block", r.className), children: [
   /* @__PURE__ */ $(
-    G,
+    K,
     {
       alignItems: "baseline",
       flexDirection: "column",
@@ -6759,7 +6759,7 @@ const kp = ["primary", "secondary"], c0 = ({
               isLoading: o,
               display: "inline-block",
               style: { minWidth: 60, minHeight: 16 },
-              children: /* @__PURE__ */ $(G, { alignContent: "center", alignItems: "center", gap: "xxs", className: "post-metadata__date", children: [
+              children: /* @__PURE__ */ $(K, { alignContent: "center", alignItems: "center", gap: "xxs", className: "post-metadata__date", children: [
                 e === "secondary" && /* @__PURE__ */ l(be, { name: "calendar", size: "24px", color: "light-grey" }),
                 t && /* @__PURE__ */ l(Q, { as: "span", children: t })
               ] })
@@ -6777,7 +6777,7 @@ const kp = ["primary", "secondary"], c0 = ({
               isLoading: o,
               display: "inline-block",
               style: { minWidth: 26, minHeight: 16 },
-              children: /* @__PURE__ */ $(G, { alignContent: "center", alignItems: "center", gap: "xxs", children: [
+              children: /* @__PURE__ */ $(K, { alignContent: "center", alignItems: "center", gap: "xxs", children: [
                 e === "secondary" && /* @__PURE__ */ l(be, { name: "access-time", size: "24px", color: "light-grey" }),
                 n && /* @__PURE__ */ l(Q, { as: "span", children: `${n}mn` })
               ] })
@@ -6802,7 +6802,7 @@ const kp = ["primary", "secondary"], c0 = ({
               isLoading: o,
               display: "inline-block",
               style: { minWidth: 50, minHeight: 16 },
-              children: e === "secondary" ? /* @__PURE__ */ l(G, { alignContent: "center", alignItems: "center", gap: "xxs", className: "post-metadata__authors", children: h }) : /* @__PURE__ */ l(Ie, { children: h })
+              children: e === "secondary" ? /* @__PURE__ */ l(K, { alignContent: "center", alignItems: "center", gap: "xxs", className: "post-metadata__authors", children: h }) : /* @__PURE__ */ l(Ie, { children: h })
             },
             m
           )
@@ -6815,7 +6815,7 @@ const kp = ["primary", "secondary"], c0 = ({
     ), f;
   }, []);
   return /* @__PURE__ */ l(
-    G,
+    K,
     {
       ...s,
       alignItems: "center",
@@ -6841,78 +6841,68 @@ const Np = ["highlight-light", "highlight-dark", "side-image"], zt = ({
   isLoading: g = !1,
   tutorialLabel: h,
   ...y
-}) => /* @__PURE__ */ $(
-  j,
-  {
-    as: "article",
-    ...y,
-    className: re("post-card", `post-card--${n}`, {
-      "post-card--with-tutorial": t === "tutorial"
-    }),
-    children: [
-      /* @__PURE__ */ l(je, { isLoading: g, children: /* @__PURE__ */ l(oa, { ...a, img: { ...a == null ? void 0 : a.img, className: "post-card__cover", fetchPriority: "high" } }) }),
-      /* @__PURE__ */ $(j, { my: { xs: "s", md: "m" }, pl: { xs: "s", md: "m" }, pr: { xs: "xs", md: "m" }, flex: "1", children: [
-        /* @__PURE__ */ l(je, { isLoading: g, children: /* @__PURE__ */ $(
-          ge,
-          {
-            as: "h2",
-            size: "xs",
-            lineClamp: n === "highlight-dark" ? 2 : { xs: 4, md: n === "side-image" ? 2 : 3 },
-            className: "post-card__heading",
-            children: [
-              /* @__PURE__ */ l(Q, { as: "a", ...m, size: "m", "data-internal-link": "post", className: "post-card__link", children: o }),
-              t === "tutorial" && /* @__PURE__ */ l(
-                Q,
-                {
-                  size: "xs",
-                  py: "xxs-3",
-                  px: "xxs-2",
-                  color: "primary",
-                  textTransform: "uppercase",
-                  fontWeight: "bold",
-                  className: "post-card__tutoriel-tag",
-                  children: h
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ l(
-          c0,
-          {
-            variant: "primary",
-            mt: "xxs",
-            date: s,
-            readingTime: i,
-            authors: f,
-            isLoading: g
-          }
-        ),
-        n !== "highlight-dark" && /* @__PURE__ */ l(je, { isLoading: g, children: /* @__PURE__ */ l(
-          Q,
-          {
-            mt: "xs",
-            size: "s",
-            hiddenBelow: "md",
-            lineClamp: n === "side-image" ? 2 : 4,
-            className: "post-card__excerpt",
-            children: r
-          }
-        ) })
-      ] })
-    ]
-  }
-);
+}) => /* @__PURE__ */ $(j, { as: "article", ...y, className: re("post-card", `post-card--${n}`), children: [
+  /* @__PURE__ */ l(j, { className: "post-card__media", children: /* @__PURE__ */ l(je, { isLoading: g, children: /* @__PURE__ */ l(oa, { ...a, img: { ...a == null ? void 0 : a.img, className: "post-card__cover" } }) }) }),
+  /* @__PURE__ */ $(j, { flex: "1", children: [
+    /* @__PURE__ */ $(K, { justifyContent: "between", alignItems: "start", gap: "xs", children: [
+      /* @__PURE__ */ l(je, { isLoading: g, className: "post-card__heading-wrapper", children: /* @__PURE__ */ l(
+        ge,
+        {
+          as: "h2",
+          size: "xs",
+          lineClamp: n === "highlight-dark" ? 2 : { xs: 4, md: n === "side-image" ? 2 : 3 },
+          className: "post-card__heading",
+          children: /* @__PURE__ */ l(Q, { as: "a", ...m, size: "m", "data-internal-link": "post", className: "post-card__link", children: o })
+        }
+      ) }),
+      t === "tutorial" && /* @__PURE__ */ l(
+        Q,
+        {
+          size: "xs",
+          py: "xxs-3",
+          px: "xxs-2",
+          color: "primary",
+          textTransform: "uppercase",
+          fontWeight: "bold",
+          className: "post-card__tutoriel-tag",
+          children: h
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l(
+      c0,
+      {
+        variant: "primary",
+        mt: "xxs",
+        date: s,
+        readingTime: i,
+        authors: f,
+        isLoading: g
+      }
+    ),
+    n !== "highlight-dark" && /* @__PURE__ */ l(je, { isLoading: g, children: /* @__PURE__ */ l(
+      Q,
+      {
+        mt: "xs",
+        size: "s",
+        hiddenBelow: "md",
+        lineClamp: n === "side-image" ? 2 : 4,
+        className: "post-card__excerpt",
+        children: r
+      }
+    ) })
+  ] })
+] });
 const td = ({
   name: e,
   avatarImageUrl: t,
   description: n,
   link: { label: a, ...o },
   ...r
-}) => /* @__PURE__ */ $(G, { ...r, alignItems: "center", gap: "s", px: "s", py: "m", bg: "white", className: "author-card", children: [
+}) => /* @__PURE__ */ $(K, { ...r, alignItems: "center", gap: "s", px: "s", py: "m", bg: "white", className: "author-card", children: [
   t ? /* @__PURE__ */ l("img", { src: t, alt: e, className: "author-card__avatar-img" }) : /* @__PURE__ */ l("div", { className: "author-card__avatar-img author-card__avatar-img--empty" }),
   /* @__PURE__ */ $(
-    G,
+    K,
     {
       flexDirection: { xs: "column", md: "row" },
       flex: "1",
@@ -6944,8 +6934,8 @@ const nd = ({
   description: t,
   link: { label: n, ...a },
   ...o
-}) => /* @__PURE__ */ l(G, { ...o, justifyContent: "center", alignItems: "center", py: "l", className: "contact-card", children: /* @__PURE__ */ $(
-  G,
+}) => /* @__PURE__ */ l(K, { ...o, justifyContent: "center", alignItems: "center", py: "l", className: "contact-card", children: /* @__PURE__ */ $(
+  K,
   {
     flexDirection: "column",
     justifyContent: "center",
@@ -6969,9 +6959,9 @@ const Cp = ["primary", "secondary"], da = ({
   ...o
 }) => /* @__PURE__ */ $(j, { bg: "white", p: "m", className: re("summary-card", { [`summary-card--${e}`]: e }), ...o, children: [
   /* @__PURE__ */ l(ge, { size: "m", color: "primary", children: t }),
-  /* @__PURE__ */ l(G, { flexDirection: "column", mt: "m", children: a.map(({ name: r, label: s, ...i }, f) => /* @__PURE__ */ $(me.Fragment, { children: [
+  /* @__PURE__ */ l(K, { flexDirection: "column", mt: "m", children: a.map(({ name: r, label: s, ...i }, f) => /* @__PURE__ */ $(me.Fragment, { children: [
     /* @__PURE__ */ $(
-      G,
+      K,
       {
         as: "a",
         gap: "s",
@@ -6996,7 +6986,7 @@ const Op = ["horizontal", "vertical"], u0 = ({
   variant: a = "vertical",
   ...o
 }) => /* @__PURE__ */ $(
-  G,
+  K,
   {
     ...o,
     p: "l",
@@ -7054,7 +7044,7 @@ const Kt = (e) => ({
   ...o
 }) => {
   const r = rd({ currentPage: e, totalPages: t, siblingCount: a });
-  return /* @__PURE__ */ $(G, { ...o, className: "pagination", children: [
+  return /* @__PURE__ */ $(K, { ...o, className: "pagination", children: [
     /* @__PURE__ */ l(
       j,
       {
@@ -7092,7 +7082,7 @@ const Kt = (e) => ({
       }
     )
   ] });
-}, Ap = ({ posts: e, pagination: t, isLoading: n = !1 }) => /* @__PURE__ */ l(Ie, { children: /* @__PURE__ */ $(G, { flexDirection: "column", gap: "m", children: [
+}, Ap = ({ posts: e, pagination: t, isLoading: n = !1 }) => /* @__PURE__ */ l(Ie, { children: /* @__PURE__ */ $(K, { flexDirection: "column", gap: "m", children: [
   e.map((a, o) => /* @__PURE__ */ l(me.Fragment, { children: /* @__PURE__ */ l(zt, { ...a || {}, isLoading: n }) }, (a == null ? void 0 : a.slug) ?? o)),
   t && (t == null ? void 0 : t.totalPages) > 1 && /* @__PURE__ */ l(ad, { mx: "auto", ...t })
 ] }) });
@@ -7234,7 +7224,7 @@ function sd() {
         }
       }
     }
-    var d = f, v = m, _ = i, E = s, S = t, L = g, z = a, V = k, Y = x, K = n, oe = r, J = o, W = h, Z = !1;
+    var d = f, v = m, _ = i, E = s, S = t, L = g, z = a, V = k, Y = x, W = n, oe = r, J = o, G = h, Z = !1;
     function te(D) {
       return Z || (Z = !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.")), w(D) || p(D) === f;
     }
@@ -7274,7 +7264,7 @@ function sd() {
     function ae(D) {
       return p(D) === h;
     }
-    se.AsyncMode = d, se.ConcurrentMode = v, se.ContextConsumer = _, se.ContextProvider = E, se.Element = S, se.ForwardRef = L, se.Fragment = z, se.Lazy = V, se.Memo = Y, se.Portal = K, se.Profiler = oe, se.StrictMode = J, se.Suspense = W, se.isAsyncMode = te, se.isConcurrentMode = w, se.isContextConsumer = N, se.isContextProvider = F, se.isElement = U, se.isForwardRef = C, se.isFragment = T, se.isLazy = O, se.isMemo = M, se.isPortal = H, se.isProfiler = q, se.isStrictMode = B, se.isSuspense = ae, se.isValidElementType = c, se.typeOf = p;
+    se.AsyncMode = d, se.ConcurrentMode = v, se.ContextConsumer = _, se.ContextProvider = E, se.Element = S, se.ForwardRef = L, se.Fragment = z, se.Lazy = V, se.Memo = Y, se.Portal = W, se.Profiler = oe, se.StrictMode = J, se.Suspense = G, se.isAsyncMode = te, se.isConcurrentMode = w, se.isContextConsumer = N, se.isContextProvider = F, se.isElement = U, se.isForwardRef = C, se.isFragment = T, se.isLazy = O, se.isMemo = M, se.isPortal = H, se.isProfiler = q, se.isStrictMode = B, se.isSuspense = ae, se.isValidElementType = c, se.typeOf = p;
   }()), se;
 }
 var Q0;
@@ -7475,7 +7465,7 @@ function ud() {
       function N(F, U, C, T, O, M) {
         var H = F[U], q = J(H);
         if (q !== w) {
-          var B = W(H);
+          var B = G(H);
           return new I(
             "Invalid " + T + " `" + O + "` of type " + ("`" + B + "` supplied to `" + C + "`, expected ") + ("`" + w + "`."),
             { expectedType: w }
@@ -7548,7 +7538,7 @@ function ud() {
           if (k(M, w[H]))
             return null;
         var q = JSON.stringify(w, function(ae, D) {
-          var ue = W(D);
+          var ue = G(D);
           return ue === "symbol" ? String(D) : D;
         });
         return new I("Invalid " + T + " `" + O + "` of value `" + String(M) + "` " + ("supplied to `" + C + "`, expected one of " + q + "."));
@@ -7596,7 +7586,7 @@ function ud() {
     }
     function L() {
       function w(N, F, U, C, T) {
-        return K(N[F]) ? null : new I("Invalid " + C + " `" + T + "` supplied to " + ("`" + U + "`, expected a ReactNode."));
+        return W(N[F]) ? null : new I("Invalid " + C + " `" + T + "` supplied to " + ("`" + U + "`, expected a ReactNode."));
       }
       return b(w);
     }
@@ -7613,7 +7603,7 @@ function ud() {
         for (var q in w) {
           var B = w[q];
           if (typeof B != "function")
-            return z(C, T, O, q, W(B));
+            return z(C, T, O, q, G(B));
           var ae = B(M, q, C, T, O + "." + q, n);
           if (ae)
             return ae;
@@ -7631,7 +7621,7 @@ function ud() {
         for (var B in q) {
           var ae = w[B];
           if (a(w, B) && typeof ae != "function")
-            return z(C, T, O, B, W(ae));
+            return z(C, T, O, B, G(ae));
           if (!ae)
             return new I(
               "Invalid " + T + " `" + O + "` key `" + B + "` supplied to `" + C + "`.\nBad object: " + JSON.stringify(F[U], null, "  ") + `
@@ -7645,7 +7635,7 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
       }
       return b(N);
     }
-    function K(w) {
+    function W(w) {
       switch (typeof w) {
         case "number":
         case "string":
@@ -7655,7 +7645,7 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
           return !w;
         case "object":
           if (Array.isArray(w))
-            return w.every(K);
+            return w.every(W);
           if (w === null || i(w))
             return !0;
           var N = h(w);
@@ -7663,12 +7653,12 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
             var F = N.call(w), U;
             if (N !== w.entries) {
               for (; !(U = F.next()).done; )
-                if (!K(U.value))
+                if (!W(U.value))
                   return !1;
             } else
               for (; !(U = F.next()).done; ) {
                 var C = U.value;
-                if (C && !K(C[1]))
+                if (C && !W(C[1]))
                   return !1;
               }
           } else
@@ -7685,7 +7675,7 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
       var N = typeof w;
       return Array.isArray(w) ? "array" : w instanceof RegExp ? "object" : oe(N, w) ? "symbol" : N;
     }
-    function W(w) {
+    function G(w) {
       if (typeof w > "u" || w === null)
         return "" + w;
       var N = J(w);
@@ -7698,7 +7688,7 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
       return N;
     }
     function Z(w) {
-      var N = W(w);
+      var N = G(w);
       switch (N) {
         case "array":
         case "object":
@@ -7906,7 +7896,7 @@ function hd() {
         }
       }
     }
-    var v = s, _ = r, E = e, S = f, L = n, z = y, V = h, Y = t, K = o, oe = a, J = m, W = g, Z = !1, te = !1;
+    var v = s, _ = r, E = e, S = f, L = n, z = y, V = h, Y = t, W = o, oe = a, J = m, G = g, Z = !1, te = !1;
     function w(P) {
       return Z || (Z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -7949,7 +7939,7 @@ function hd() {
     function ue(P) {
       return d(P) === g;
     }
-    ce.ContextConsumer = v, ce.ContextProvider = _, ce.Element = E, ce.ForwardRef = S, ce.Fragment = L, ce.Lazy = z, ce.Memo = V, ce.Portal = Y, ce.Profiler = K, ce.StrictMode = oe, ce.Suspense = J, ce.SuspenseList = W, ce.isAsyncMode = w, ce.isConcurrentMode = N, ce.isContextConsumer = F, ce.isContextProvider = U, ce.isElement = C, ce.isForwardRef = T, ce.isFragment = O, ce.isLazy = M, ce.isMemo = H, ce.isPortal = q, ce.isProfiler = B, ce.isStrictMode = ae, ce.isSuspense = D, ce.isSuspenseList = ue, ce.isValidElementType = p, ce.typeOf = d;
+    ce.ContextConsumer = v, ce.ContextProvider = _, ce.Element = E, ce.ForwardRef = S, ce.Fragment = L, ce.Lazy = z, ce.Memo = V, ce.Portal = Y, ce.Profiler = W, ce.StrictMode = oe, ce.Suspense = J, ce.SuspenseList = G, ce.isAsyncMode = w, ce.isConcurrentMode = N, ce.isContextConsumer = F, ce.isContextProvider = U, ce.isElement = C, ce.isForwardRef = T, ce.isFragment = O, ce.isLazy = M, ce.isMemo = H, ce.isPortal = q, ce.isProfiler = B, ce.isStrictMode = ae, ce.isSuspense = D, ce.isSuspenseList = ue, ce.isValidElementType = p, ce.typeOf = d;
   }()), ce;
 }
 process.env.NODE_ENV === "production" ? sn.exports = md() : sn.exports = hd();
@@ -7991,26 +7981,26 @@ const cr = (e) => typeof e == "object" && e != null && e.nodeType === 1, ur = (e
     k != null && k === document.body && Qt(k) && !Qt(document.documentElement) || k != null && Qt(k, g) && x.push(k);
   }
   const I = (a = (n = window.visualViewport) == null ? void 0 : n.width) != null ? a : innerWidth, b = (r = (o = window.visualViewport) == null ? void 0 : o.height) != null ? r : innerHeight, { scrollX: R, scrollY: u } = window, { height: c, width: p, top: d, right: v, bottom: _, left: E } = e.getBoundingClientRect(), { top: S, right: L, bottom: z, left: V } = ((J) => {
-    const W = window.getComputedStyle(J);
-    return { top: parseFloat(W.scrollMarginTop) || 0, right: parseFloat(W.scrollMarginRight) || 0, bottom: parseFloat(W.scrollMarginBottom) || 0, left: parseFloat(W.scrollMarginLeft) || 0 };
+    const G = window.getComputedStyle(J);
+    return { top: parseFloat(G.scrollMarginTop) || 0, right: parseFloat(G.scrollMarginRight) || 0, bottom: parseFloat(G.scrollMarginBottom) || 0, left: parseFloat(G.scrollMarginLeft) || 0 };
   })(e);
-  let Y = i === "start" || i === "nearest" ? d - S : i === "end" ? _ + z : d + c / 2 - S + z, K = f === "center" ? E + p / 2 - V + L : f === "end" ? v + L : E - V;
+  let Y = i === "start" || i === "nearest" ? d - S : i === "end" ? _ + z : d + c / 2 - S + z, W = f === "center" ? E + p / 2 - V + L : f === "end" ? v + L : E - V;
   const oe = [];
   for (let J = 0; J < x.length; J++) {
-    const W = x[J], { height: Z, width: te, top: w, right: N, bottom: F, left: U } = W.getBoundingClientRect();
+    const G = x[J], { height: Z, width: te, top: w, right: N, bottom: F, left: U } = G.getBoundingClientRect();
     if (s === "if-needed" && d >= 0 && E >= 0 && _ <= b && v <= I && d >= w && _ <= F && E >= U && v <= N)
       return oe;
-    const C = getComputedStyle(W), T = parseInt(C.borderLeftWidth, 10), O = parseInt(C.borderTopWidth, 10), M = parseInt(C.borderRightWidth, 10), H = parseInt(C.borderBottomWidth, 10);
+    const C = getComputedStyle(G), T = parseInt(C.borderLeftWidth, 10), O = parseInt(C.borderTopWidth, 10), M = parseInt(C.borderRightWidth, 10), H = parseInt(C.borderBottomWidth, 10);
     let q = 0, B = 0;
-    const ae = "offsetWidth" in W ? W.offsetWidth - W.clientWidth - T - M : 0, D = "offsetHeight" in W ? W.offsetHeight - W.clientHeight - O - H : 0, ue = "offsetWidth" in W ? W.offsetWidth === 0 ? 0 : te / W.offsetWidth : 0, P = "offsetHeight" in W ? W.offsetHeight === 0 ? 0 : Z / W.offsetHeight : 0;
-    if (y === W)
-      q = i === "start" ? Y : i === "end" ? Y - b : i === "nearest" ? Ct(u, u + b, b, O, H, u + Y, u + Y + c, c) : Y - b / 2, B = f === "start" ? K : f === "center" ? K - I / 2 : f === "end" ? K - I : Ct(R, R + I, I, T, M, R + K, R + K + p, p), q = Math.max(0, q + u), B = Math.max(0, B + R);
+    const ae = "offsetWidth" in G ? G.offsetWidth - G.clientWidth - T - M : 0, D = "offsetHeight" in G ? G.offsetHeight - G.clientHeight - O - H : 0, ue = "offsetWidth" in G ? G.offsetWidth === 0 ? 0 : te / G.offsetWidth : 0, P = "offsetHeight" in G ? G.offsetHeight === 0 ? 0 : Z / G.offsetHeight : 0;
+    if (y === G)
+      q = i === "start" ? Y : i === "end" ? Y - b : i === "nearest" ? Ct(u, u + b, b, O, H, u + Y, u + Y + c, c) : Y - b / 2, B = f === "start" ? W : f === "center" ? W - I / 2 : f === "end" ? W - I : Ct(R, R + I, I, T, M, R + W, R + W + p, p), q = Math.max(0, q + u), B = Math.max(0, B + R);
     else {
-      q = i === "start" ? Y - w - O : i === "end" ? Y - F + H + D : i === "nearest" ? Ct(w, F, Z, O, H + D, Y, Y + c, c) : Y - (w + Z / 2) + D / 2, B = f === "start" ? K - U - T : f === "center" ? K - (U + te / 2) + ae / 2 : f === "end" ? K - N + M + ae : Ct(U, N, te, T, M + ae, K, K + p, p);
-      const { scrollLeft: we, scrollTop: ye } = W;
-      q = P === 0 ? 0 : Math.max(0, Math.min(ye + q / P, W.scrollHeight - Z / P + D)), B = ue === 0 ? 0 : Math.max(0, Math.min(we + B / ue, W.scrollWidth - te / ue + ae)), Y += ye - q, K += we - B;
+      q = i === "start" ? Y - w - O : i === "end" ? Y - F + H + D : i === "nearest" ? Ct(w, F, Z, O, H + D, Y, Y + c, c) : Y - (w + Z / 2) + D / 2, B = f === "start" ? W - U - T : f === "center" ? W - (U + te / 2) + ae / 2 : f === "end" ? W - N + M + ae : Ct(U, N, te, T, M + ae, W, W + p, p);
+      const { scrollLeft: we, scrollTop: ye } = G;
+      q = P === 0 ? 0 : Math.max(0, Math.min(ye + q / P, G.scrollHeight - Z / P + D)), B = ue === 0 ? 0 : Math.max(0, Math.min(we + B / ue, G.scrollWidth - te / ue + ae)), Y += ye - q, W += we - B;
     }
-    oe.push({ el: W, top: q, left: B });
+    oe.push({ el: G, top: q, left: B });
   }
   return oe;
 };
@@ -8269,8 +8259,8 @@ var wa = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
       }, r.getRootProps = function(u, c) {
         var p, d = u === void 0 ? {} : u, v = d.refKey, _ = v === void 0 ? "ref" : v, E = d.ref, S = Re(d, Id), L = c === void 0 ? {} : c, z = L.suppressRefError, V = z === void 0 ? !1 : z;
         r.getRootProps.called = !0, r.getRootProps.refKey = _, r.getRootProps.suppressRefError = V;
-        var Y = r.getState(), K = Y.isOpen;
-        return X((p = {}, p[_] = nt(E, r.rootRef), p.role = "combobox", p["aria-expanded"] = K, p["aria-haspopup"] = "listbox", p["aria-owns"] = K ? r.menuId : void 0, p["aria-labelledby"] = r.labelId, p), S);
+        var Y = r.getState(), W = Y.isOpen;
+        return X((p = {}, p[_] = nt(E, r.rootRef), p.role = "combobox", p["aria-expanded"] = W, p["aria-haspopup"] = "listbox", p["aria-owns"] = W ? r.menuId : void 0, p["aria-labelledby"] = r.labelId, p), S);
       }, r.keyDownHandlers = {
         ArrowDown: function(c) {
           var p = this;
@@ -8430,14 +8420,14 @@ var wa = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         c.onChangeText;
         var E = Re(c, Nd), S, L = {};
         S = "onChange";
-        var z = r.getState(), V = z.inputValue, Y = z.isOpen, K = z.highlightedIndex;
+        var z = r.getState(), V = z.inputValue, Y = z.isOpen, W = z.highlightedIndex;
         if (!E.disabled) {
           var oe;
           L = (oe = {}, oe[S] = fe(v, _, r.inputHandleChange), oe.onKeyDown = fe(p, r.inputHandleKeyDown), oe.onBlur = fe(d, r.inputHandleBlur), oe);
         }
         return X({
           "aria-autocomplete": "list",
-          "aria-activedescendant": Y && typeof K == "number" && K >= 0 ? r.getItemId(K) : void 0,
+          "aria-activedescendant": Y && typeof W == "number" && W >= 0 ? r.getItemId(W) : void 0,
           "aria-controls": Y ? r.menuId : void 0,
           "aria-labelledby": E && E["aria-label"] ? void 0 : r.labelId,
           // https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion
@@ -8479,7 +8469,7 @@ var wa = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
           void 0
         ) : _d("getItemProps", "item") : S, z = Re(p, Od);
         E === void 0 ? (r.items.push(L), E = r.items.indexOf(L)) : r.items[E] = L;
-        var V = "onClick", Y = _, K = (c = {
+        var V = "onClick", Y = _, W = (c = {
           // onMouseMove is used over onMouseEnter here. onMouseMove
           // is only triggered on actual mouse movement while onMouseEnter
           // can fire on DOM changes, interrupting keyboard navigation
@@ -8498,8 +8488,8 @@ var wa = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
             type: Ca
           });
         }), c), oe = z.disabled ? {
-          onMouseDown: K.onMouseDown
-        } : K;
+          onMouseDown: W.onMouseDown
+        } : W;
         return X({
           id: r.getItemId(E),
           role: "option",
@@ -8582,7 +8572,7 @@ var wa = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         this.setHighlightedIndex(g, s);
       }
     }, a.getStateAndHelpers = function() {
-      var r = this.getState(), s = r.highlightedIndex, i = r.inputValue, f = r.selectedItem, m = r.isOpen, g = this.props.itemToString, h = this.id, y = this.getRootProps, x = this.getToggleButtonProps, k = this.getLabelProps, I = this.getMenuProps, b = this.getInputProps, R = this.getItemProps, u = this.openMenu, c = this.closeMenu, p = this.toggleMenu, d = this.selectItem, v = this.selectItemAtIndex, _ = this.selectHighlightedItem, E = this.setHighlightedIndex, S = this.clearSelection, L = this.clearItems, z = this.reset, V = this.setItemCount, Y = this.unsetItemCount, K = this.internalSetState;
+      var r = this.getState(), s = r.highlightedIndex, i = r.inputValue, f = r.selectedItem, m = r.isOpen, g = this.props.itemToString, h = this.id, y = this.getRootProps, x = this.getToggleButtonProps, k = this.getLabelProps, I = this.getMenuProps, b = this.getInputProps, R = this.getItemProps, u = this.openMenu, c = this.closeMenu, p = this.toggleMenu, d = this.selectItem, v = this.selectItemAtIndex, _ = this.selectHighlightedItem, E = this.setHighlightedIndex, S = this.clearSelection, L = this.clearItems, z = this.reset, V = this.setItemCount, Y = this.unsetItemCount, W = this.internalSetState;
       return {
         // prop getters
         getRootProps: y,
@@ -8604,7 +8594,7 @@ var wa = process.env.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0,
         clearItems: L,
         setItemCount: V,
         unsetItemCount: Y,
-        setState: K,
+        setState: W,
         // props
         itemToString: g,
         // derived
@@ -9381,7 +9371,7 @@ function C0(e) {
         type: Ba
       });
     }), O), D);
-  }, [g, L, p]), K = _e(function(C) {
+  }, [g, L, p]), W = _e(function(C) {
     var T, O, M = C === void 0 ? {} : C, H = M.item, q = M.index, B = M.refKey, ae = B === void 0 ? "ref" : B, D = M.ref, ue = M.onMouseMove, P = M.onMouseDown, we = M.onClick;
     M.onPress;
     var ye = M.disabled, Xe = Re(M, tp);
@@ -9452,7 +9442,7 @@ function C0(e) {
     return X((O = {}, O[P] = nt(we, function(We) {
       R.current = We;
     }), O["aria-activedescendant"] = Pe.isOpen && Pe.highlightedIndex > -1 ? p.getItemId(Pe.highlightedIndex) : "", O["aria-autocomplete"] = "list", O["aria-controls"] = p.menuId, O["aria-expanded"] = Pe.isOpen, O["aria-labelledby"] = ye && ye["aria-label"] ? void 0 : p.labelId, O.autoComplete = "off", O.id = p.inputId, O.role = "combobox", O.value = Pe.inputValue, O), Et, ye);
-  }, [L, v, p, z, g, S, o]), W = _e(function() {
+  }, [L, v, p, z, g, S, o]), G = _e(function() {
     g({
       type: Ua
     });
@@ -9486,13 +9476,13 @@ function C0(e) {
   }, [g]);
   return {
     // prop getters.
-    getItemProps: K,
+    getItemProps: W,
     getLabelProps: V,
     getMenuProps: Y,
     getInputProps: J,
     getToggleButtonProps: oe,
     // actions.
-    toggleMenu: W,
+    toggleMenu: G,
     openMenu: te,
     closeMenu: Z,
     setHighlightedIndex: w,
@@ -9552,7 +9542,7 @@ const Ja = ke(
       t.map(({ slug: m, title: g, date: h, authors: y, link: x }, k) => {
         const I = s === k;
         return /* @__PURE__ */ l(me.Fragment, { children: /* @__PURE__ */ $(
-          G,
+          K,
           {
             alignItems: "center",
             gap: "xxs",
@@ -9668,7 +9658,7 @@ const Tp = ({
   autocomplete: i,
   onToggleMenu: f,
   menuIsOpen: m = !1
-}) => /* @__PURE__ */ $(G, { as: "header", justifyContent: "between", alignItems: "center", bg: "white", p: "m", className: "header", children: [
+}) => /* @__PURE__ */ $(K, { as: "header", justifyContent: "between", alignItems: "center", bg: "white", p: "m", className: "header", children: [
   /* @__PURE__ */ l(j, { as: "a", ...e, color: "primary", children: /* @__PURE__ */ l(Sr, { name: "blog", className: "header__logo" }) }),
   /* @__PURE__ */ $(j, { className: re("header__menu", { "header__menu--is-open": m }), children: [
     t.map(({ label: g, ...h }, y) => /* @__PURE__ */ l(Ke, { as: "a", ...h, "data-internal-link": "category", className: "header__menu-item", children: g }, y)),
@@ -9676,7 +9666,7 @@ const Tp = ({
       /* @__PURE__ */ l(j, { className: "header__separator" }),
       /* @__PURE__ */ l(j, { as: "a", ...o, "data-internal-link": "category", className: "header__menu-item", children: a })
     ] }),
-    /* @__PURE__ */ l(G, { justifyContent: "center", alignItems: "center", mt: "m", hiddenAbove: "md", children: /* @__PURE__ */ l(Me, { as: "a", ...s, children: r }) })
+    /* @__PURE__ */ l(K, { justifyContent: "center", alignItems: "center", mt: "m", hiddenAbove: "md", children: /* @__PURE__ */ l(Me, { as: "a", ...s, children: r }) })
   ] }),
   /* @__PURE__ */ l(Qa, { hiddenBelow: "md", ...i }),
   m ? /* @__PURE__ */ l(ra, { hiddenAbove: "md", onClick: f }) : /* @__PURE__ */ l(W1, { hiddenAbove: "md", onClick: f })
@@ -9699,7 +9689,7 @@ const op = ({
     className: "footer",
     children: [
       /* @__PURE__ */ $(
-        G,
+        K,
         {
           flexDirection: { xs: "column", md: "row" },
           justifyContent: "center",
@@ -9715,7 +9705,7 @@ const op = ({
         }
       ),
       /* @__PURE__ */ $(
-        G,
+        K,
         {
           flexDirection: { xs: "column", md: "row" },
           justifyContent: "around",
@@ -9724,13 +9714,13 @@ const op = ({
           pb: { xs: "l", md: "xl" },
           mx: "s",
           children: [
-            /* @__PURE__ */ l(j, { mb: "xl", children: /* @__PURE__ */ l(G, { justifyContent: { xs: "center", md: "start" }, alignItems: "center", mb: "xxs", children: /* @__PURE__ */ l(Sr, { name: "website", size: "2.5em" }) }) }),
+            /* @__PURE__ */ l(j, { mb: "xl", children: /* @__PURE__ */ l(K, { justifyContent: { xs: "center", md: "start" }, alignItems: "center", mb: "xxs", children: /* @__PURE__ */ l(Sr, { name: "website", size: "2.5em" }) }) }),
             /* @__PURE__ */ $(j, { children: [
-              /* @__PURE__ */ l(G, { flexDirection: { xs: "column", md: "row" }, gap: { md: "xl" }, children: o.map((i, f) => /* @__PURE__ */ $(j, { mb: "m", children: [
+              /* @__PURE__ */ l(K, { flexDirection: { xs: "column", md: "row" }, gap: { md: "xl" }, children: o.map((i, f) => /* @__PURE__ */ $(j, { mb: "m", children: [
                 i.title && /* @__PURE__ */ l(Q, { fontWeight: "bold", mb: "xxs-2", children: i.title }),
                 i.description
               ] }, f)) }),
-              /* @__PURE__ */ $(G, { justifyContent: { xs: "center", md: "start" }, alignItems: "center", flexWrap: "wrap", gap: "s", children: [
+              /* @__PURE__ */ $(K, { justifyContent: { xs: "center", md: "start" }, alignItems: "center", flexWrap: "wrap", gap: "s", children: [
                 r.map(({ iconName: i, ...f }, m) => /* @__PURE__ */ l(
                   "a",
                   {
@@ -9759,7 +9749,7 @@ const op = ({
           ]
         }
       ),
-      /* @__PURE__ */ $(G, { py: "s", justifyContent: "center", alignItems: "center", className: "footer__language-links-container", children: [
+      /* @__PURE__ */ $(K, { py: "s", justifyContent: "center", alignItems: "center", className: "footer__language-links-container", children: [
         /* @__PURE__ */ l(j, { mr: "xxs", children: /* @__PURE__ */ l(be, { size: "28px", name: "language" }) }),
         s.map(({ label: i, isActive: f, ...m }, g) => /* @__PURE__ */ $(me.Fragment, { children: [
           f ? /* @__PURE__ */ l(Q, { fontWeight: "bold", children: i }) : /* @__PURE__ */ l(Ke, { ...m, "data-internal-link": "home", children: i }),
@@ -9776,8 +9766,8 @@ const ip = ({
   ...o
 }) => /* @__PURE__ */ $(j, { ...o, my: "xl", className: "last-articles-block container-content", children: [
   /* @__PURE__ */ l(ge, { size: "m", color: "primary", children: e }),
-  /* @__PURE__ */ l(G, { mt: "l", gap: "m", className: "last-articles-block__post-list", children: t.map((r, s) => /* @__PURE__ */ l(me.Fragment, { children: /* @__PURE__ */ l(zt, { variant: "highlight-light", ...r || {} }) }, (r == null ? void 0 : r.slug) ?? s)) }),
-  /* @__PURE__ */ l(G, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ l(Me, { mt: "l", as: "a", ...a, children: n }) })
+  /* @__PURE__ */ l(K, { mt: "l", gap: "m", className: "last-articles-block__post-list", children: t.map((r, s) => /* @__PURE__ */ l(me.Fragment, { children: /* @__PURE__ */ l(zt, { variant: "highlight-light", ...r || {} }) }, (r == null ? void 0 : r.slug) ?? s)) }),
+  /* @__PURE__ */ l(K, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ l(Me, { mt: "l", as: "a", ...a, children: n }) })
 ] });
 const sp = ({
   title: e,
@@ -9787,7 +9777,7 @@ const sp = ({
   linkSeeMore: { label: o, ...r },
   ...s
 }) => /* @__PURE__ */ l(j, { bg: "primary", color: "white", children: /* @__PURE__ */ $(
-  G,
+  K,
   {
     flexDirection: { xs: "column", md: "row" },
     justifyContent: "center",
@@ -9804,7 +9794,7 @@ const sp = ({
         /* @__PURE__ */ l(Q, { mt: "l", children: t }),
         /* @__PURE__ */ l(Me, { mt: "l", as: "a", variant: "accent", ...r, children: o })
       ] }),
-      /* @__PURE__ */ l(G, { gap: "l", className: "last-tutorials-block__post-list", children: a.map((i, f) => /* @__PURE__ */ l(me.Fragment, { children: /* @__PURE__ */ l(zt, { variant: "highlight-dark", tutorialLabel: n, ...i || {} }) }, (i == null ? void 0 : i.slug) ?? f)) })
+      /* @__PURE__ */ l(K, { gap: "l", className: "last-tutorials-block__post-list", children: a.map((i, f) => /* @__PURE__ */ l(me.Fragment, { children: /* @__PURE__ */ l(zt, { variant: "highlight-dark", tutorialLabel: n, ...i || {} }) }, (i == null ? void 0 : i.slug) ?? f)) })
     ]
   }
 ) }), j = ke(({ as: e = "div", className: t, children: n, ...a }, o) => /* @__PURE__ */ l(
@@ -9817,7 +9807,7 @@ const sp = ({
   }
 ));
 j.displayName = "Box";
-const G = ke(
+const K = ke(
   ({ as: e = "div", display: t = "flex", className: n, children: a, ...o }, r) => /* @__PURE__ */ l(
     j,
     {
@@ -9830,7 +9820,7 @@ const G = ke(
     }
   )
 );
-const Rp = ({ header: e, footer: t, children: n }) => /* @__PURE__ */ $(G, { flexDirection: "column", className: "layout-template", children: [
+const Rp = ({ header: e, footer: t, children: n }) => /* @__PURE__ */ $(K, { flexDirection: "column", className: "layout-template", children: [
   e,
   n,
   /* @__PURE__ */ l(op, { ...t })
@@ -9841,7 +9831,7 @@ const jt = ({
   className: n,
   ...a
 }) => /* @__PURE__ */ $(
-  G,
+  K,
   {
     ...a,
     flexDirection: { xs: "column", md: "row" },
@@ -9850,8 +9840,8 @@ const jt = ({
     mx: { xs: "s", md: "auto" },
     className: re("layout-content-with-sidebar", "container-content", n),
     children: [
-      /* @__PURE__ */ l(G, { flexDirection: "column", as: "main", flex: "1", gap: "xl", className: "layout-content-with-sidebar__content", children: e }),
-      /* @__PURE__ */ l(G, { as: "aside", flexDirection: "column", gap: "xl", className: "layout-content-with-sidebar__sidebar", children: t })
+      /* @__PURE__ */ l(K, { flexDirection: "column", as: "main", flex: "1", gap: "xl", className: "layout-content-with-sidebar__content", children: e }),
+      /* @__PURE__ */ l(K, { as: "aside", flexDirection: "column", gap: "xl", className: "layout-content-with-sidebar__sidebar", children: t })
     ]
   }
 ), lp = ({
@@ -9891,12 +9881,12 @@ const jt = ({
 ] });
 const cp = ({ title: e, authors: t, ...n }) => /* @__PURE__ */ $(j, { ...n, children: [
   /* @__PURE__ */ l(ge, { mb: "xxs", size: "m", color: "primary", children: e }),
-  /* @__PURE__ */ l(G, { mt: "l", flexDirection: "column", gap: "s", children: t.map((a, o) => /* @__PURE__ */ l(td, { ...a }, o)) })
+  /* @__PURE__ */ l(K, { mt: "l", flexDirection: "column", gap: "s", children: t.map((a, o) => /* @__PURE__ */ l(td, { ...a }, o)) })
 ] });
 const en = (e) => {
   const t = Object.entries(e).filter(([, n]) => n != null).map(([n, a]) => `${encodeURIComponent(n)}=${encodeURIComponent(String(a))}`);
   return t.length > 0 ? `?${t.join("&")}` : "";
-}, up = ({ urlToShare: e, shares: t, ...n }) => /* @__PURE__ */ $(G, { ...n, alignItems: "center", gap: "xs", className: "share-links", children: [
+}, up = ({ urlToShare: e, shares: t, ...n }) => /* @__PURE__ */ $(K, { ...n, alignItems: "center", gap: "xs", className: "share-links", children: [
   t.twitter && /* @__PURE__ */ l(
     "a",
     {
@@ -9933,7 +9923,7 @@ const en = (e) => {
   )
 ] }), dp = ({ title: e, date: t, readingTime: n, authors: a, shareLinks: o, ...r }) => /* @__PURE__ */ $(j, { ...r, textSize: "xs", children: [
   /* @__PURE__ */ l(ge, { as: "h1", size: "xl", color: "primary", children: e }),
-  /* @__PURE__ */ $(G, { flexDirection: { xs: "column", md: "row" }, justifyContent: "between", gap: "xs", mt: "m", children: [
+  /* @__PURE__ */ $(K, { flexDirection: { xs: "column", md: "row" }, justifyContent: "between", gap: "xs", mt: "m", children: [
     /* @__PURE__ */ l(c0, { variant: "secondary", date: t, readingTime: n, authors: a }),
     /* @__PURE__ */ l(up, { ...o })
   ] })
@@ -9943,28 +9933,30 @@ const en = (e) => {
 ] }), Mp = ["article", "tutorial"], fp = ({
   variant: e = "article",
   summary: t,
-  header: n,
-  children: a,
-  footer: o,
-  relatedPostList: r,
-  contactCard: s,
-  previousLink: { label: i, ...f } = {},
-  nextLink: { label: m, ...g } = {}
+  cover: n,
+  header: a,
+  children: o,
+  footer: r,
+  relatedPostList: s,
+  contactCard: i,
+  previousLink: { label: f, ...m } = {},
+  nextLink: { label: g, ...h } = {}
 }) => /* @__PURE__ */ $(Ie, { children: [
   /* @__PURE__ */ $(j, { children: [
-    /* @__PURE__ */ l(dp, { ...n }),
+    /* @__PURE__ */ l(dp, { ...a }),
     /* @__PURE__ */ l(vt, { mt: "m" }),
+    n && /* @__PURE__ */ l(oa, { ...n, mt: "l", img: { ...n.img, className: "post-page__cover" } }),
     /* @__PURE__ */ l(da, { mt: "l", hiddenAbove: "md", variant: e === "tutorial" ? "secondary" : "primary", ...t }),
-    /* @__PURE__ */ l(j, { mt: { xs: "l", md: "m" }, className: "post-page__content", children: a }),
-    e === "tutorial" && /* @__PURE__ */ l(Ie, { children: /* @__PURE__ */ $(G, { gap: "l", children: [
-      i && f && /* @__PURE__ */ l(Me, { as: "a", mt: "l", variant: "secondary", ...f, children: i }),
-      m && g && /* @__PURE__ */ l(Me, { as: "a", mt: "l", ...g, children: m })
+    /* @__PURE__ */ l(j, { mt: { xs: "l", md: "m" }, className: "post-page__content", children: o }),
+    e === "tutorial" && /* @__PURE__ */ l(Ie, { children: /* @__PURE__ */ $(K, { gap: "l", children: [
+      f && m && /* @__PURE__ */ l(Me, { as: "a", mt: "l", variant: "secondary", ...m, children: f }),
+      g && h && /* @__PURE__ */ l(Me, { as: "a", mt: "l", ...h, children: g })
     ] }) }),
-    /* @__PURE__ */ l(cp, { mt: "l", ...o })
+    /* @__PURE__ */ l(cp, { mt: "l", ...r })
   ] }),
   /* @__PURE__ */ l(vt, {}),
-  /* @__PURE__ */ l(nd, { ...s }),
-  r.posts.length > 0 && /* @__PURE__ */ l(pp, { ...r })
+  /* @__PURE__ */ l(nd, { ...i }),
+  s.posts.length > 0 && /* @__PURE__ */ l(pp, { ...s })
 ] }), Lp = ({
   variant: e = "article",
   breadcrumb: t,
@@ -9974,11 +9966,10 @@ const en = (e) => {
   ...r
 }) => /* @__PURE__ */ $(j, { mx: "auto", className: "post-page", children: [
   /* @__PURE__ */ l(aa, { mx: { xs: "xs", md: "0" }, ...t }),
-  /* @__PURE__ */ l(oa, { ...n, mx: { xs: "xs", md: "0" }, img: { className: "post-page__cover", ...n == null ? void 0 : n.img } }),
   /* @__PURE__ */ l(
     jt,
     {
-      content: /* @__PURE__ */ l(fp, { ...r, variant: e, summary: a, children: o }),
+      content: /* @__PURE__ */ l(fp, { ...r, variant: e, summary: a, cover: n, children: o }),
       sidebar: /* @__PURE__ */ l(da, { hiddenBelow: "md", variant: e === "tutorial" ? "secondary" : "primary", ...a })
     }
   )
@@ -9992,7 +9983,7 @@ const Pp = ({ newsletterCard: e, ...t }) => /* @__PURE__ */ l(
   }
 ), gp = ({ author: e, title: t, postCardList: n }) => /* @__PURE__ */ $(Ie, { children: [
   /* @__PURE__ */ $(
-    G,
+    K,
     {
       flexDirection: { xs: "column", md: "row" },
       justifyContent: "center",
@@ -10004,7 +9995,7 @@ const Pp = ({ newsletterCard: e, ...t }) => /* @__PURE__ */ l(
           /* @__PURE__ */ l(Q, { size: "m", fontWeight: "medium", color: "info", children: e.name }),
           /* @__PURE__ */ l(j, { children: e.content }),
           e.socialNetworks && /* @__PURE__ */ l(
-            G,
+            K,
             {
               flexDirection: { xs: "column", sm: "row" },
               mt: "s",
@@ -10031,7 +10022,7 @@ const Pp = ({ newsletterCard: e, ...t }) => /* @__PURE__ */ l(
   /* @__PURE__ */ l(vt, { className: "author-page__divider" }),
   /* @__PURE__ */ l(Q, { size: "m", fontWeight: "medium", children: t }),
   n
-] }), Fp = ({ title: e, description: t }) => /* @__PURE__ */ l(G, { justifyContent: "center", alignItems: "center", flex: "1", children: /* @__PURE__ */ l(ua, { m: "xxl", title: e, description: t }) }), mp = ({
+] }), Fp = ({ title: e, description: t }) => /* @__PURE__ */ l(K, { justifyContent: "center", alignItems: "center", flex: "1", children: /* @__PURE__ */ l(ua, { m: "xxl", title: e, description: t }) }), mp = ({
   title: e,
   description: t,
   postCardList: n,
@@ -10068,7 +10059,7 @@ export {
   ra as CloseButton,
   nd as ContactCard,
   vt as Divider,
-  G as Flex,
+  K as Flex,
   op as Footer,
   Tp as Header,
   ge as Heading,