@20minutes/hela 2.1.2 → 2.1.3

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import * as u from "react";
 import e, { Fragment as fl } from "react";
 var g = /* @__PURE__ */ ((l) => (l.MOBILE = "mobile", l.DESKTOP = "desktop", l))(g || {}), Se = /* @__PURE__ */ ((l) => (l.embed = "embed", l.photo = "photo", l.podcast = "podcast", l.video = "video", l))(Se || {});
-const ne = {
+const me = {
   asset: {
     icon: {
       "20mn-pub": {
@@ -716,13 +716,13 @@ const ne = {
       value: "120px"
     }
   }
-}, V2 = Object.keys(ne.spacing), H2 = [
-  ...Object.keys(ne.color.primary),
-  ...Object.keys(ne.color.secondary),
-  ...Object.keys(ne.color.greyscale),
-  ...Object.keys(ne.color.status),
-  ...Object.keys(ne.color.theme)
-], L2 = Object.keys(ne.asset.icon), Z2 = Object.keys(ne.radius), T2 = ["xs", "sm", "md", "lg", "xl", "xxl"], dl = {
+}, V2 = Object.keys(me.spacing), H2 = [
+  ...Object.keys(me.color.primary),
+  ...Object.keys(me.color.secondary),
+  ...Object.keys(me.color.greyscale),
+  ...Object.keys(me.color.status),
+  ...Object.keys(me.color.theme)
+], L2 = Object.keys(me.asset.icon), Z2 = Object.keys(me.radius), T2 = ["xs", "sm", "md", "lg", "xl", "xxl"], dl = {
   borderColor: ["border-color"],
   bg: ["background-color"],
   color: ["color"]
@@ -783,14 +783,14 @@ const ne = {
   "pre-line",
   "pre-wrap",
   "revert"
-], q2 = Object.keys(ne["font-family"]).filter(
+], q2 = Object.keys(me["font-family"]).filter(
   (l) => !["base"].includes(l)
 ), K2 = Object.keys(
-  ne["font-weight"]
+  me["font-weight"]
 ), W2 = Object.keys(
-  ne.typography.heading
+  me.typography.heading
 ), U2 = Object.keys(
-  ne.typography.text
+  me.typography.text
 ), G2 = ["column", "row", "column-reverse", "row-reverse"], X2 = ["wrap", "wrap-reverse", "no-wrap"], Y2 = ["start", "end", "center", "baseline", "stretch"], J2 = [
   "start",
   "end",
@@ -867,7 +867,7 @@ const ne = {
   "europe-democratie-esperanto",
   "union-populaire-republicaine",
   "regionalistes"
-], rn = Object.keys(ne.color.theme);
+], rn = Object.keys(me.color.theme);
 function I(l) {
   return e.forwardRef(l);
 }
@@ -927,7 +927,7 @@ const un = ({
   ...r
 }) => {
   const i = l.split("/").pop(), c = l.substring(0, l.lastIndexOf("/"));
-  return /* @__PURE__ */ e.createElement(v, { ...r, id: `dfp_${i}`, "data-dfp-name": i, "data-dfp-path": c, className: d("c-ad-placeholder", {
+  return /* @__PURE__ */ e.createElement(h, { ...r, id: `dfp_${i}`, "data-dfp-name": i, "data-dfp-path": c, className: d("c-ad-placeholder", {
     "c-ad-placeholder--article": n === "ARTICLE"
   }, {
     "c-ad-placeholder--ban c-ad-placeholder--ban--atf": n === "ATF"
@@ -973,7 +973,7 @@ const an = ({
   fileName: Pe,
   lineNumber: 32,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(L, { as: "h4", size: "xxs-2", mb: "xxs-2", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(H, { as: "h4", size: "xxs-2", mb: "xxs-2", __self: void 0, __source: {
   fileName: Pe,
   lineNumber: 33,
   columnNumber: 7
@@ -997,7 +997,7 @@ const h1 = ({
   apiUrl: r,
   triggerMessage: i = "Tapez pour rechercher...",
   ...c
-}) => /* @__PURE__ */ e.createElement(v, { id: l, className: "c-autocomplete", ...m, ...c, __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { id: l, className: "c-autocomplete", ...m, ...c, __self: void 0, __source: {
   fileName: e0,
   lineNumber: 20,
   columnNumber: 3
@@ -1029,7 +1029,7 @@ const zl = ({
   themeColor: m,
   variant: r = "default",
   ...i
-}) => /* @__PURE__ */ e.createElement(v, { ...i, as: "img", className: d("c-avatar", {
+}) => /* @__PURE__ */ e.createElement(h, { ...i, as: "img", className: d("c-avatar", {
   [`c-avatar--${r}`]: r !== "default",
   [`c-avatar--${m}`]: m
 }), src: l || "data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%3E%3C/svg%3E", alt: n, __self: void 0, __source: {
@@ -1110,7 +1110,7 @@ const sn = ({
   columnNumber: 11
 } }, "*")));
 var k0 = "/home/travis/build/20minutes/hela/src/components/atoms/Divider/Divider.tsx";
-const re = I(({
+const ue = I(({
   text: l,
   color: n = "black",
   thickness: m = "thin",
@@ -1143,11 +1143,11 @@ var v1 = "/home/travis/build/20minutes/hela/src/components/atoms/DividerSection/
 const t1 = ({
   bg: l = "ultramarine",
   ...n
-}) => /* @__PURE__ */ e.createElement(v, { ...n, className: d("c-divider-section", n == null ? void 0 : n.className), __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { ...n, className: d("c-divider-section", n == null ? void 0 : n.className), __self: void 0, __source: {
   fileName: v1,
   lineNumber: 11,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(v, { as: "hr", className: d("c-divider-section__line"), bg: l, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { as: "hr", className: d("c-divider-section__line"), bg: l, __self: void 0, __source: {
   fileName: v1,
   lineNumber: 12,
   columnNumber: 5
@@ -1157,7 +1157,7 @@ const G1 = I(({
   color: l = "black",
   thickness: n = "thin",
   ...m
-}, r) => /* @__PURE__ */ e.createElement(v, { ...m, ref: r, bg: l, className: d("c-divider-vertical", {
+}, r) => /* @__PURE__ */ e.createElement(h, { ...m, ref: r, bg: l, className: d("c-divider-vertical", {
   [`c-divider-vertical--${n}`]: n !== "thin"
 }, m == null ? void 0 : m.className), __self: void 0, __source: {
   fileName: Ml,
@@ -1175,7 +1175,7 @@ const E = I(({
   ...s
 }, o) => {
   const t = Array.isArray(n) ? n == null ? void 0 : n[0] : n, f = Array.isArray(n) ? n == null ? void 0 : n[1] : n;
-  return /* @__PURE__ */ e.createElement(v, { ...s, ref: o, className: d("c-icon", {
+  return /* @__PURE__ */ e.createElement(h, { ...s, ref: o, className: d("c-icon", {
     [`c-icon--has-border-${r}`]: r,
     "c-icon--is-rounded": m,
     [`c-icon--${i}`]: i
@@ -2879,7 +2879,7 @@ function on({
   htmlIframeProps: m,
   ...r
 }) {
-  return /* @__PURE__ */ e.createElement(v, { ...r, className: d(r.className, "u-relative", {
+  return /* @__PURE__ */ e.createElement(h, { ...r, className: d(r.className, "u-relative", {
     [`u-ratio-${n}`]: n
   }), __self: this, __source: {
     fileName: p1,
@@ -2904,7 +2904,7 @@ const M0 = ({
   isPortrait: t = !1,
   ...f
 }) => {
-  const b = s ? "lazy" : "eager", h = {
+  const b = s ? "lazy" : "eager", v = {
     ...f,
     id: l || void 0,
     alt: i,
@@ -2915,20 +2915,20 @@ const M0 = ({
     fetchpriority: o
   };
   if (!m)
-    return /* @__PURE__ */ e.createElement(v, { as: "img", src: n, ...h, __self: void 0, __source: {
+    return /* @__PURE__ */ e.createElement(h, { as: "img", src: n, ...v, __self: void 0, __source: {
       fileName: x1,
       lineNumber: 48,
       columnNumber: 12
     } });
   const x = m.split("x"), p = x[0], F = x[1];
-  let B, ae = `data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='${p}'%20height='${F}'%3E%3C/svg%3E`;
-  return n && (ae = U1({
+  let L, ee = `data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='${p}'%20height='${F}'%3E%3C/svg%3E`;
+  return n && (ee = U1({
     src: n,
     format: m
-  }), B = pl({
+  }), L = pl({
     formats: r,
     src: n
-  })), h.width = p || void 0, h.height = F !== "0" ? F : void 0, h.sizes = c || void 0, /* @__PURE__ */ e.createElement(v, { ...h, as: "img", src: ae, srcSet: B, __self: void 0, __source: {
+  })), v.width = p || void 0, v.height = F !== "0" ? F : void 0, v.sizes = c || void 0, /* @__PURE__ */ e.createElement(h, { ...v, as: "img", src: ee, srcSet: L, __self: void 0, __source: {
     fileName: x1,
     lineNumber: 66,
     columnNumber: 10
@@ -2956,11 +2956,11 @@ const R0 = I(({
   iconButtonProps: t,
   variant: f,
   msg: b,
-  containerProps: h,
+  containerProps: v,
   isRounded: x,
   isTransparent: p,
   ...F
-}, B) => /* @__PURE__ */ e.createElement(_, { direction: "column", ref: B, className: "c-input", ...h, __self: void 0, __source: {
+}, L) => /* @__PURE__ */ e.createElement(_, { direction: "column", ref: L, className: "c-input", ...v, __self: void 0, __source: {
   fileName: ce,
   lineNumber: 42,
   columnNumber: 5
@@ -3001,14 +3001,14 @@ const R0 = I(({
   lineNumber: 97,
   columnNumber: 9
 } }, b.map(({
-  iconProps: ae,
+  iconProps: ee,
   textProps: t0,
   value: z
 }, y) => /* @__PURE__ */ e.createElement(_, { key: y == null ? void 0 : y.toString(), alignItems: "center", gap: "xxs", __self: void 0, __source: {
   fileName: ce,
   lineNumber: 99,
   columnNumber: 13
-} }, ae && /* @__PURE__ */ e.createElement(E, { ...ae, __self: void 0, __source: {
+} }, ee && /* @__PURE__ */ e.createElement(E, { ...ee, __self: void 0, __source: {
   fileName: ce,
   lineNumber: 100,
   columnNumber: 29
@@ -3071,7 +3071,7 @@ const K = ({
 var Fl = "/home/travis/build/20minutes/hela/src/components/atoms/LabelSection/LabelSection.tsx";
 const _n = ({
   children: l
-}) => /* @__PURE__ */ e.createElement(L, { as: "h4", size: "xxs", weight: "bold", color: "ultramarine", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(H, { as: "h4", size: "xxs", weight: "bold", color: "ultramarine", __self: void 0, __source: {
   fileName: Fl,
   lineNumber: 9,
   columnNumber: 3
@@ -3087,7 +3087,7 @@ const _n = ({
       throw new Error('It is necessary to define the argument "className" !');
     return `${l.className}@${l.defaultModifier}`;
   }
-}, H = (l) => {
+}, V = (l) => {
   if (l.propValue && ["boolean", "string", "number"].includes(typeof l.propValue) || !l.propValue) {
     const n = g1({
       className: l.className,
@@ -3118,7 +3118,7 @@ const _n = ({
   [`border-color-${l.borderColor}`]: l.borderColor
 }), X1 = (l) => d(
   Object.entries(l).filter(([n]) => Object.keys(W1).includes(n)).reduce((n, [m, r]) => (n.push(
-    ...H({
+    ...V({
       className: m,
       // Too complex to handle
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
@@ -3127,7 +3127,7 @@ const _n = ({
   ), n), [])
 ), jl = (l) => d(
   Object.entries(l).filter(([n]) => Object.keys(q1).includes(n)).reduce((n, [m, r]) => (n.push(
-    ...H({
+    ...V({
       className: m,
       // Too complex to handle
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
@@ -3143,11 +3143,11 @@ const _n = ({
   fontFamily: c,
   whiteSpace: s
 }) => d(
-  H({
+  V({
     className: "text",
     propValue: l
   }),
-  H({
+  V({
     className: "font-weight",
     propValue: n
   }),
@@ -3163,36 +3163,36 @@ const _n = ({
   Sl(l),
   jl(l)
 ), Bl = (l) => d(
-  ...H({
+  ...V({
     propValue: l.align,
     className: "self"
   })
 ), Y1 = (l) => d(
-  ...H({
+  ...V({
     propValue: l.alignItems,
     className: "items"
   }),
-  ...H({
+  ...V({
     propValue: l.alignContent,
     className: "content"
   }),
-  ...H({
+  ...V({
     propValue: l.justifyContent,
     className: "justify"
   }),
-  ...H({
+  ...V({
     propValue: l.gap,
     className: "gap"
   }),
-  ...H({
+  ...V({
     propValue: l.gapX,
     className: "gap-x"
   }),
-  ...H({
+  ...V({
     propValue: l.gapY,
     className: "gap-y"
   }),
-  ...H({
+  ...V({
     propValue: l.flexGrow,
     className: "grow"
   })
@@ -3202,15 +3202,15 @@ const _n = ({
   wrap: m,
   ...r
 }) => d(
-  ...H({
+  ...V({
     propValue: l,
     className: l ? "inline-flex" : "flex"
   }),
-  ...H({
+  ...V({
     propValue: n,
     className: "direction"
   }),
-  ...H({
+  ...V({
     propValue: m
   }),
   Y1(r)
@@ -3220,22 +3220,22 @@ const _n = ({
   grow: m,
   ...r
 }) => d(
-  ...H({
+  ...V({
     propValue: l,
     className: "basis"
   }),
-  ...H({
+  ...V({
     propValue: n,
     className: "shrink"
   }),
-  ...H({
+  ...V({
     propValue: m,
     className: "grow"
   }),
   Bl(r)
 );
 var Ll = "/home/travis/build/20minutes/hela/src/components/atoms/Layout/Box/Box.tsx";
-const v = I(({
+const h = I(({
   as: l = "div",
   children: n,
   ...m
@@ -3247,7 +3247,7 @@ const v = I(({
   lineNumber: 13,
   columnNumber: 3
 } }, n));
-v.displayName = "Box";
+h.displayName = "Box";
 const fn = [1, 2, 3, 4, 5, 6, 12, "2-of-3"], Qe = ({
   colsNumber: l,
   gap: n,
@@ -3255,21 +3255,21 @@ const fn = [1, 2, 3, 4, 5, 6, 12, "2-of-3"], Qe = ({
   gapY: r,
   children: i,
   ...c
-}) => e.createElement(v, {
+}) => e.createElement(h, {
   ...i0({
     props: c,
     systemPropNames: Object.keys(D1)
   }),
-  className: d("grid", ...H({
+  className: d("grid", ...V({
     className: "grid-cols-number",
     propValue: l
-  }), ...H({
+  }), ...V({
     className: "grid-gap",
     propValue: n
-  }), ...H({
+  }), ...V({
     className: "grid-gap-row",
     propValue: m
-  }), ...H({
+  }), ...V({
     className: "grid-gap-col",
     propValue: r
   }), d(Y1(c), c == null ? void 0 : c.className)),
@@ -3280,7 +3280,7 @@ const _ = I(({
   as: l = "div",
   children: n,
   ...m
-}, r) => /* @__PURE__ */ e.createElement(v, { ...i0({
+}, r) => /* @__PURE__ */ e.createElement(h, { ...i0({
   props: m,
   systemPropNames: Object.keys(D1)
 }), as: l, ref: r, className: d(Vl(m), m == null ? void 0 : m.className), __self: void 0, __source: {
@@ -3293,7 +3293,7 @@ const T = I(({
   as: l = "div",
   children: n,
   ...m
-}, r) => /* @__PURE__ */ e.createElement(v, { ...i0({
+}, r) => /* @__PURE__ */ e.createElement(h, { ...i0({
   props: m,
   systemPropNames: Object.keys(Nl)
 }), as: l, ref: r, className: d(Hl(m), m == null ? void 0 : m.className), __self: void 0, __source: {
@@ -3314,7 +3314,7 @@ const C = I(({
   tabVariant: t,
   tabColor: f,
   ...b
-}, h) => {
+}, v) => {
   if (i && m)
     throw new Error("You can't use color and variant props together");
   const x = t || f ? d("c-tab", {
@@ -3330,16 +3330,16 @@ const C = I(({
   }, i1({
     weight: c,
     whiteSpace: s
-  }), H({
+  }), V({
     className: "text",
     propValue: r
   }), b == null ? void 0 : b.className);
   return /* @__PURE__ */ e.createElement(
-    v,
+    h,
     {
       ...b,
       as: l,
-      ref: h,
+      ref: v,
       ...!t && !f && {
         color: i ? void 0 : m || "ultramarine"
       },
@@ -3383,7 +3383,7 @@ const J1 = ({
   } }, n));
 };
 var Al = "/home/travis/build/20minutes/hela/src/components/atoms/Overlay/Overlay.tsx";
-const Il = (l) => /* @__PURE__ */ e.createElement(v, { ...l, className: d("c-overlay c-overlay--with-bg", l == null ? void 0 : l.className), __self: void 0, __source: {
+const Il = (l) => /* @__PURE__ */ e.createElement(h, { ...l, className: d("c-overlay c-overlay--with-bg", l == null ? void 0 : l.className), __self: void 0, __source: {
   fileName: Al,
   lineNumber: 8,
   columnNumber: 3
@@ -3420,7 +3420,7 @@ const Dl = ({
     const f = t < l, b = t + 0.5 === l;
     f && !b ? o.push(i(t)) : b ? o.push(s(t)) : o.push(c(t));
   }
-  return /* @__PURE__ */ e.createElement(v, { ...r, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(h, { ...r, __self: void 0, __source: {
     fileName: S0,
     lineNumber: 35,
     columnNumber: 10
@@ -3436,7 +3436,7 @@ const dn = ({
   isSponsored: c,
   isInArticle: s,
   ...o
-}) => /* @__PURE__ */ e.createElement(v, { ...o, className: d("c-read-also", {
+}) => /* @__PURE__ */ e.createElement(h, { ...o, className: d("c-read-also", {
   "c-read-also--in-article": s
 }, o == null ? void 0 : o.className), __self: void 0, __source: {
   fileName: Ie,
@@ -3475,13 +3475,13 @@ var w1 = "/home/travis/build/20minutes/hela/src/components/atoms/ScrollProgressB
 const Nn = I(({
   variant: l,
   progressColor: n = "ultramarine"
-}, m) => /* @__PURE__ */ e.createElement(v, { ref: m, bg: "grey-100", className: d("c-progress", {
+}, m) => /* @__PURE__ */ e.createElement(h, { ref: m, bg: "grey-100", className: d("c-progress", {
   [`c-progress--${l}`]: l
 }), __self: void 0, __source: {
   fileName: w1,
   lineNumber: 14,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(v, { className: "c-progress__bar", bg: n, style: {
+} }, /* @__PURE__ */ e.createElement(h, { className: "c-progress__bar", bg: n, style: {
   width: "0%"
 }, __self: void 0, __source: {
   fileName: w1,
@@ -3493,7 +3493,7 @@ const bn = ({
   inner: l,
   children: n,
   ...m
-}) => /* @__PURE__ */ e.createElement(v, { ...m, className: d("c-section", {
+}) => /* @__PURE__ */ e.createElement(h, { ...m, className: d("c-section", {
   "c-section--inner": l
 }, m == null ? void 0 : m.className), __self: void 0, __source: {
   fileName: ql,
@@ -3513,9 +3513,9 @@ const Q1 = I(({
   variant: t = "default",
   icon: f,
   ...b
-}, h) => {
+}, v) => {
   var x, p;
-  return /* @__PURE__ */ e.createElement(_, { ...o, ref: h, direction: "column", className: "c-select", __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(_, { ...o, ref: v, direction: "column", className: "c-select", __self: void 0, __source: {
     fileName: ge,
     lineNumber: 42,
     columnNumber: 5
@@ -3593,11 +3593,11 @@ const Wl = (l) => {
   auto: o = !1,
   delay: t = 3e3,
   ...f
-}, b) => /* @__PURE__ */ e.createElement(v, { ...f, ref: b, className: d("c-slider js-navigation-container", f == null ? void 0 : f.className), "data-slider-variant": s, "data-slider-auto": o, "data-slider-delay": t, __self: void 0, __source: {
+}, b) => /* @__PURE__ */ e.createElement(h, { ...f, ref: b, className: d("c-slider js-navigation-container", f == null ? void 0 : f.className), "data-slider-variant": s, "data-slider-auto": o, "data-slider-delay": t, __self: void 0, __source: {
   fileName: l0,
   lineNumber: 56,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(v, { className: "c-slider__viewport js-navigation-container__list", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { className: "c-slider__viewport js-navigation-container__list", __self: void 0, __source: {
   fileName: l0,
   lineNumber: 64,
   columnNumber: 7
@@ -3605,11 +3605,11 @@ const Wl = (l) => {
   fileName: l0,
   lineNumber: 65,
   columnNumber: 9
-} }, n)), l === g.DESKTOP && /* @__PURE__ */ e.createElement(v, { className: "c-slider__buttons-container", __self: void 0, __source: {
+} }, n)), l === g.DESKTOP && /* @__PURE__ */ e.createElement(h, { className: "c-slider__buttons-container", __self: void 0, __source: {
   fileName: l0,
   lineNumber: 70,
   columnNumber: 9
-} }, Array.from(["previous", "next"], (h) => /* @__PURE__ */ e.createElement(v, { key: h, bg: r && Wl(r), pr: r && h === "previous" ? "l" : void 0, pl: r && h === "next" ? "l" : void 0, className: d(`c-slider__button-container c-slider__button-container--${h} o-nav-button o-nav-button--${h}-button`, {
+} }, Array.from(["previous", "next"], (v) => /* @__PURE__ */ e.createElement(h, { key: v, bg: r && Wl(r), pr: r && v === "previous" ? "l" : void 0, pl: r && v === "next" ? "l" : void 0, className: d(`c-slider__button-container c-slider__button-container--${v} o-nav-button o-nav-button--${v}-button`, {
   "c-slider__button-container--has-background": r
 }, {
   [`c-slider__button-container--${s}`]: s
@@ -3622,8 +3622,8 @@ const Wl = (l) => {
 }, iconProps: {
   name: "chevron",
   size: s === "videos" ? 14 : 12,
-  rotation: h === "previous" ? "half" : void 0,
-  svgTitle: h === "previous" ? "Précédent" : "Suivant"
+  rotation: v === "previous" ? "half" : void 0,
+  svgTitle: v === "previous" ? "Précédent" : "Suivant"
 }, __self: void 0, __source: {
   fileName: l0,
   lineNumber: 85,
@@ -3654,7 +3654,7 @@ const Ul = ({
       columnNumber: 7
     }
   },
-  /* @__PURE__ */ e.createElement(v, { className: "c-stepper__loader", bg: n, __self: void 0, __source: {
+  /* @__PURE__ */ e.createElement(h, { className: "c-stepper__loader", bg: n, __self: void 0, __source: {
     fileName: U0,
     lineNumber: 32,
     columnNumber: 9
@@ -3730,7 +3730,7 @@ const je = I(({
   children: r,
   ...i
 }, c) => /* @__PURE__ */ e.createElement(
-  v,
+  h,
   {
     ...i,
     as: m === "span" ? "span" : l,
@@ -3786,7 +3786,7 @@ const vn = I(({
 } }, i.map(({
   iconProps: f,
   textProps: b,
-  value: h
+  value: v
 }, x) => /* @__PURE__ */ e.createElement(_, { key: x == null ? void 0 : x.toString(), alignItems: "center", gap: "xxs", __self: void 0, __source: {
   fileName: we,
   lineNumber: 55,
@@ -3796,7 +3796,7 @@ const vn = I(({
   lineNumber: 56,
   columnNumber: 29
 } }), /* @__PURE__ */ e.createElement(N, { dangerouslySetInnerHTML: {
-  __html: h
+  __html: v
 }, role: "alert", ...b, __self: void 0, __source: {
   fileName: we,
   lineNumber: 57,
@@ -3807,7 +3807,7 @@ const el = I(({
   as: l = "p",
   children: n,
   ...m
-}, r) => n && n.toString().length || m != null && m.dangerouslySetInnerHTML ? /* @__PURE__ */ e.createElement(v, { ...i0({
+}, r) => n && n.toString().length || m != null && m.dangerouslySetInnerHTML ? /* @__PURE__ */ e.createElement(h, { ...i0({
   props: m,
   systemPropNames: Object.keys(vl)
 }), as: l, ref: r, className: d(i1(m), m == null ? void 0 : m.className), __self: void 0, __source: {
@@ -3816,12 +3816,12 @@ const el = I(({
   columnNumber: 7
 } }, n) : null);
 var e2 = "/home/travis/build/20minutes/hela/src/components/atoms/Typography/Heading/Heading.tsx";
-const L = I(({
+const H = I(({
   as: l = "h1",
   size: n,
   children: m,
   ...r
-}, i) => /* @__PURE__ */ e.createElement(el, { ...r, as: l, ref: i, className: d(H({
+}, i) => /* @__PURE__ */ e.createElement(el, { ...r, as: l, ref: i, className: d(V({
   className: "heading",
   propValue: n
 }), r == null ? void 0 : r.className), __self: void 0, __source: {
@@ -3836,7 +3836,7 @@ const N = I(({
   highlighted: m,
   children: r,
   ...i
-}, c) => /* @__PURE__ */ e.createElement(el, { as: m ? "span" : l, bg: m ? "sponsoring" : i.bg, p: m ? "xxs" : i.p, color: m ? "grey-800" : i.color, ...i, ref: c, className: d(H({
+}, c) => /* @__PURE__ */ e.createElement(el, { as: m ? "span" : l, bg: m ? "sponsoring" : i.bg, p: m ? "xxs" : i.p, color: m ? "grey-800" : i.color, ...i, ref: c, className: d(V({
   className: "text",
   propValue: n
 }), {
@@ -3908,7 +3908,7 @@ var y1 = "/home/travis/build/20minutes/hela/src/components/molecules/Article/Art
 const xn = ({
   children: l,
   ...n
-}) => /* @__PURE__ */ e.createElement(v, { ...n, px: "s", py: "xxs-2", bg: "sponsoring", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { ...n, px: "s", py: "xxs-2", bg: "sponsoring", __self: void 0, __source: {
   fileName: y1,
   lineNumber: 12,
   columnNumber: 3
@@ -3927,8 +3927,8 @@ const En = ({
   sponsor: c,
   ...s
 }) => {
-  const o = /* @__PURE__ */ e.createElement(L, { fontFamily: "source-serif-pro", weight: "bold", size: {
-    xs: "m",
+  const o = /* @__PURE__ */ e.createElement(H, { fontFamily: "source-serif-pro", weight: "bold", size: {
+    xs: "s",
     md: "xxl"
   }, mb: {
     xs: "0",
@@ -3938,7 +3938,7 @@ const En = ({
     lineNumber: 34,
     columnNumber: 5
   } }, l);
-  let t = /* @__PURE__ */ e.createElement(v, { ...s, as: "header", __self: void 0, __source: {
+  let t = /* @__PURE__ */ e.createElement(h, { ...s, as: "header", __self: void 0, __source: {
     fileName: ze,
     lineNumber: 45,
     columnNumber: 5
@@ -3983,7 +3983,7 @@ const gn = ({
   fileName: G0,
   lineNumber: 17,
   columnNumber: 3
-} }, l && /* @__PURE__ */ e.createElement(L, { as: "h4", size: "xxs", mb: "xs", fontFamily: "base", __self: void 0, __source: {
+} }, l && /* @__PURE__ */ e.createElement(H, { as: "h4", size: "xxs", mb: "xs", fontFamily: "base", __self: void 0, __source: {
   fileName: G0,
   lineNumber: 28,
   columnNumber: 7
@@ -4043,8 +4043,8 @@ const m2 = {
   isGallery: f = !1,
   ...b
 }) => {
-  let h = r2;
-  return c === g.DESKTOP && (h = m2), /* @__PURE__ */ e.createElement(v, { ...b, as: "figure", className: "c-media", __self: void 0, __source: {
+  let v = r2;
+  return c === g.DESKTOP && (v = m2), /* @__PURE__ */ e.createElement(h, { ...b, as: "figure", className: "c-media", __self: void 0, __source: {
     fileName: Me,
     lineNumber: 50,
     columnNumber: 5
@@ -4052,7 +4052,7 @@ const m2 = {
     fileName: Me,
     lineNumber: 52,
     columnNumber: 9
-  } }, /* @__PURE__ */ e.createElement(M0, { ...s, src: n, defaultFormat: (s == null ? void 0 : s.defaultFormat) || h.defaultFormat, formats: (s == null ? void 0 : s.formats) || h.formats, sizes: (s == null ? void 0 : s.sizes) || h.sizes, alt: m, fetchPriority: (s == null ? void 0 : s.fetchPriority) || "auto", lazyLoad: (s == null ? void 0 : s.lazyLoad) || !0, __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(M0, { ...s, src: n, defaultFormat: (s == null ? void 0 : s.defaultFormat) || v.defaultFormat, formats: (s == null ? void 0 : s.formats) || v.formats, sizes: (s == null ? void 0 : s.sizes) || v.sizes, alt: m, fetchPriority: (s == null ? void 0 : s.fetchPriority) || "auto", lazyLoad: (s == null ? void 0 : s.lazyLoad) || !0, __self: void 0, __source: {
     fileName: Me,
     lineNumber: 53,
     columnNumber: 11
@@ -4179,7 +4179,7 @@ const Mn = ({
     lineNumber: 38,
     columnNumber: 7
   } }, t.name));
-  return l.length > 0 ? /* @__PURE__ */ e.createElement(v, { ...s, className: d("c-bulleted-list", s == null ? void 0 : s.className), bg: s.bg ?? "grey-100", pt: {
+  return l.length > 0 ? /* @__PURE__ */ e.createElement(h, { ...s, className: d("c-bulleted-list", s == null ? void 0 : s.className), bg: s.bg ?? "grey-100", pt: {
     xs: "m",
     md: "xl"
   }, px: {
@@ -4192,7 +4192,7 @@ const Mn = ({
     fileName: fe,
     lineNumber: 45,
     columnNumber: 5
-  } }, n && /* @__PURE__ */ e.createElement(L, { as: "h2", size: "xxs", ...n, mb: "m", __self: void 0, __source: {
+  } }, n && /* @__PURE__ */ e.createElement(H, { as: "h2", size: "xxs", ...n, mb: "m", __self: void 0, __source: {
     fileName: fe,
     lineNumber: 53,
     columnNumber: 19
@@ -4223,7 +4223,7 @@ const Mn = ({
   } }))) : null;
 };
 var a2 = "/home/travis/build/20minutes/hela/src/components/molecules/Card/CardContainer/CardContainer.tsx";
-const ue = I(({
+const ae = I(({
   as: l = "div",
   children: n,
   className: m,
@@ -4340,7 +4340,7 @@ const c2 = (l) => {
   lazyLoad: t = !1,
   fetchPriority: f = "auto",
   withShadow: b = !1,
-  className: h,
+  className: v,
   radius: x,
   ...p
 }) => {
@@ -4351,7 +4351,7 @@ const c2 = (l) => {
     lineNumber: 38,
     columnNumber: 5
   } });
-  return /* @__PURE__ */ e.createElement(v, { ...s && p, className: d("c-card-img", h), __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(h, { ...s && p, className: d("c-card-img", v), __self: void 0, __source: {
     fileName: Oe,
     lineNumber: 53,
     columnNumber: 5
@@ -4427,7 +4427,7 @@ const M1 = (l) => {
   children: o,
   ...t
 }) => /* @__PURE__ */ e.createElement(
-  v,
+  h,
   {
     pb: "xxs-3",
     ...t,
@@ -4442,7 +4442,7 @@ const M1 = (l) => {
       columnNumber: 3
     }
   },
-  /* @__PURE__ */ e.createElement(L, { as: r || "h1", size: i || "m", fontFamily: c || "source-serif-pro", weight: s || "semi-bold", __self: void 0, __source: {
+  /* @__PURE__ */ e.createElement(H, { as: r || "h1", size: i || "m", fontFamily: c || "source-serif-pro", weight: s || "semi-bold", __self: void 0, __source: {
     fileName: J0,
     lineNumber: 58,
     columnNumber: 5
@@ -4471,10 +4471,10 @@ const Cn = ({
   ...b
 }) => {
   const {
-    cardFooterProps: h,
+    cardFooterProps: v,
     ...x
   } = b, p = ["722x460", "640x408", "320x204"];
-  return /* @__PURE__ */ e.createElement(ue, { ...x, className: "c-card-extra-large", direction: "column", clickable: !0, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(ae, { ...x, className: "c-card-extra-large", direction: "column", clickable: !0, __self: void 0, __source: {
     fileName: O,
     lineNumber: 39,
     columnNumber: 5
@@ -4485,7 +4485,7 @@ const Cn = ({
     fileName: O,
     lineNumber: 41,
     columnNumber: 9
-  } }, c && /* @__PURE__ */ e.createElement(v, { className: d({
+  } }, c && /* @__PURE__ */ e.createElement(h, { className: d({
     "o-lt-show__main": !f,
     "o-columns-by-3__first-2-columns": f
   }), __self: void 0, __source: {
@@ -4527,7 +4527,7 @@ const Cn = ({
     fileName: O,
     lineNumber: 93,
     columnNumber: 15
-  } }))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(v, { __self: void 0, __source: {
+  } }))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(h, { __self: void 0, __source: {
     fileName: O,
     lineNumber: 104,
     columnNumber: 11
@@ -4551,7 +4551,7 @@ const Cn = ({
     fileName: O,
     lineNumber: 122,
     columnNumber: 15
-  } }), m && /* @__PURE__ */ e.createElement(v, { as: "p", color: m.color || "grey-600", className: "c-card-extra-large__summary", mx: "m", mt: "xs", __self: void 0, __source: {
+  } }), m && /* @__PURE__ */ e.createElement(h, { as: "p", color: m.color || "grey-600", className: "c-card-extra-large__summary", mx: "m", mt: "xs", __self: void 0, __source: {
     fileName: O,
     lineNumber: 130,
     columnNumber: 15
@@ -4576,10 +4576,10 @@ const nl = ({
 }) => {
   const {
     summaryProps: b,
-    signatureProps: h,
+    signatureProps: v,
     ...x
   } = f;
-  return /* @__PURE__ */ e.createElement(ue, { ...x, p: f != null && f.bg ? "s" : void 0, direction: "column", className: d("c-card-extra-small", f == null ? void 0 : f.className), clickable: !0, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(ae, { ...x, p: f != null && f.bg ? "s" : void 0, direction: "column", className: d("c-card-extra-small", f == null ? void 0 : f.className), clickable: !0, __self: void 0, __source: {
     fileName: Ce,
     lineNumber: 37,
     columnNumber: 5
@@ -4622,7 +4622,7 @@ const nl = ({
     columnNumber: 9
   } }));
 };
-var me = "/home/travis/build/20minutes/hela/src/components/molecules/Card/Templates/CardLarge/CardLarge.tsx";
+var re = "/home/travis/build/20minutes/hela/src/components/molecules/Card/Templates/CardLarge/CardLarge.tsx";
 const Fn = ({
   link: l,
   title: n,
@@ -4637,57 +4637,57 @@ const Fn = ({
   const {
     cardFooterProps: f,
     signatureProps: b,
-    ...h
+    ...v
   } = t;
-  return /* @__PURE__ */ e.createElement(ue, { ...h, className: "c-card-large", direction: "column", __self: void 0, __source: {
-    fileName: me,
+  return /* @__PURE__ */ e.createElement(ae, { ...v, className: "c-card-large", direction: "column", __self: void 0, __source: {
+    fileName: re,
     lineNumber: 24,
     columnNumber: 5
   } }, m === g.DESKTOP ? /* @__PURE__ */ e.createElement("a", { href: l, __self: void 0, __source: {
-    fileName: me,
+    fileName: re,
     lineNumber: 26,
     columnNumber: 9
   } }, s && /* @__PURE__ */ e.createElement(Q, { ...s, defaultFormat: "722x460", formats: ["722x460", "320x204"], alt: n, __self: void 0, __source: {
-    fileName: me,
+    fileName: re,
     lineNumber: 28,
     columnNumber: 13
-  } }), i && r && /* @__PURE__ */ e.createElement(v, { className: "c-card-large__summary", color: "white", __self: void 0, __source: {
-    fileName: me,
+  } }), i && r && /* @__PURE__ */ e.createElement(h, { className: "c-card-large__summary", color: "white", __self: void 0, __source: {
+    fileName: re,
     lineNumber: 36,
     columnNumber: 13
   } }, /* @__PURE__ */ e.createElement(K, { size: "xs", __self: void 0, __source: {
-    fileName: me,
+    fileName: re,
     lineNumber: 37,
     columnNumber: 15
   } }, i.headline.text), /* @__PURE__ */ e.createElement(P, { size: "l", weight: "bold", cartridgeIsCentered: !0, ...c, __self: void 0, __source: {
-    fileName: me,
+    fileName: re,
     lineNumber: 38,
     columnNumber: 15
   } }, n), /* @__PURE__ */ e.createElement(N, { ...r, as: "span", size: "l", fontFamily: "source-serif-pro", __self: void 0, __source: {
-    fileName: me,
+    fileName: re,
     lineNumber: 41,
     columnNumber: 15
   } }, r.children))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("a", { href: l, __self: void 0, __source: {
-    fileName: me,
+    fileName: re,
     lineNumber: 49,
     columnNumber: 11
   } }, s && /* @__PURE__ */ e.createElement(Q, { ...s, defaultFormat: "722x460", formats: ["722x460", "320x204"], alt: n, mb: "xs", radius: "0", __self: void 0, __source: {
-    fileName: me,
+    fileName: re,
     lineNumber: 51,
     columnNumber: 15
   } }), i && /* @__PURE__ */ e.createElement(K, { color: i.headline.color || "grey-400", size: "xs", mx: "m", mb: "xxs", __self: void 0, __source: {
-    fileName: me,
+    fileName: re,
     lineNumber: 61,
     columnNumber: 15
   } }, i.headline.text), /* @__PURE__ */ e.createElement(P, { mx: "m", weight: "bold", ...c, __self: void 0, __source: {
-    fileName: me,
+    fileName: re,
     lineNumber: 65,
     columnNumber: 13
   } }, n)), o && /* @__PURE__ */ e.createElement(c0, { ...o, variant: "card", mx: {
     xs: "m",
     sm: "0"
   }, mt: "s", className: "c-card-element--is-clickable", __self: void 0, __source: {
-    fileName: me,
+    fileName: re,
     lineNumber: 70,
     columnNumber: 13
   } })));
@@ -4707,10 +4707,10 @@ const i2 = ({
 }) => {
   const {
     summaryProps: b,
-    signatureProps: h,
+    signatureProps: v,
     ...x
   } = f;
-  return /* @__PURE__ */ e.createElement(ue, { ...x, direction: "column", bg: o, radius: o ? t || "xxs" : void 0, clickable: !0, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(ae, { ...x, direction: "column", bg: o, radius: o ? t || "xxs" : void 0, clickable: !0, __self: void 0, __source: {
     fileName: De,
     lineNumber: 32,
     columnNumber: 5
@@ -4761,15 +4761,15 @@ const s2 = ({
   commentCount: t,
   shareCount: f,
   viewCount: b,
-  ...h
+  ...v
 }) => {
   const {
     cardFooterProps: x,
     signatureProps: p,
     socialBarProps: F,
-    ...B
-  } = h;
-  return /* @__PURE__ */ e.createElement(ue, { ...B, clickable: !0, className: "c-card-most", justifyContent: "start", __self: void 0, __source: {
+    ...L
+  } = v;
+  return /* @__PURE__ */ e.createElement(ae, { ...L, clickable: !0, className: "c-card-most", justifyContent: "start", __self: void 0, __source: {
     fileName: q,
     lineNumber: 42,
     columnNumber: 5
@@ -4779,7 +4779,7 @@ const s2 = ({
     fileName: q,
     lineNumber: 43,
     columnNumber: 7
-  } }, c.value), /* @__PURE__ */ e.createElement(v, { className: "c-card-most__content", __self: void 0, __source: {
+  } }, c.value), /* @__PURE__ */ e.createElement(h, { className: "c-card-most__content", __self: void 0, __source: {
     fileName: q,
     lineNumber: 53,
     columnNumber: 7
@@ -4871,12 +4871,12 @@ const kn = ({
   genres: t,
   releaseDate: f,
   seeMoreLink: b,
-  reviewLink: h,
+  reviewLink: v,
   rating: x,
   containerSpacing: p,
   ...F
 }) => {
-  const B = /* @__PURE__ */ e.createElement(_, { alignContent: "end", mt: "l", __self: void 0, __source: {
+  const L = /* @__PURE__ */ e.createElement(_, { alignContent: "end", mt: "l", __self: void 0, __source: {
     fileName: k,
     lineNumber: 46,
     columnNumber: 5
@@ -4923,7 +4923,7 @@ const kn = ({
     lineNumber: 69,
     columnNumber: 13
   } }))));
-  return /* @__PURE__ */ e.createElement(ue, { ...F, className: "c-card-movie", direction: "column", __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(ae, { ...F, className: "c-card-movie", direction: "column", __self: void 0, __source: {
     fileName: k,
     lineNumber: 82,
     columnNumber: 5
@@ -4946,7 +4946,7 @@ const kn = ({
     fileName: k,
     lineNumber: 87,
     columnNumber: 13
-  } }, h && /* @__PURE__ */ e.createElement(C, { variant: "primary", ...h, __self: void 0, __source: {
+  } }, v && /* @__PURE__ */ e.createElement(C, { variant: "primary", ...v, __self: void 0, __source: {
     fileName: k,
     lineNumber: 88,
     columnNumber: 30
@@ -5000,17 +5000,17 @@ const kn = ({
     fileName: k,
     lineNumber: 115,
     columnNumber: 15
-  } })), c === g.DESKTOP && B)), c === g.MOBILE && n && /* @__PURE__ */ e.createElement(N, { ...p, size: "m", mt: "xs", dangerouslySetInnerHTML: {
+  } })), c === g.DESKTOP && L)), c === g.MOBILE && n && /* @__PURE__ */ e.createElement(N, { ...p, size: "m", mt: "xs", dangerouslySetInnerHTML: {
     __html: n
   }, __self: void 0, __source: {
     fileName: k,
     lineNumber: 123,
     columnNumber: 9
-  } }), c === g.MOBILE && /* @__PURE__ */ e.createElement(e.Fragment, null, B, /* @__PURE__ */ e.createElement(_, { direction: "column", gap: "xs", mt: "l", mx: "auto", className: "c-card-movie__footer", __self: void 0, __source: {
+  } }), c === g.MOBILE && /* @__PURE__ */ e.createElement(e.Fragment, null, L, /* @__PURE__ */ e.createElement(_, { direction: "column", gap: "xs", mt: "l", mx: "auto", className: "c-card-movie__footer", __self: void 0, __source: {
     fileName: k,
     lineNumber: 134,
     columnNumber: 11
-  } }, h && /* @__PURE__ */ e.createElement(C, { variant: "primary", ...h, __self: void 0, __source: {
+  } }, v && /* @__PURE__ */ e.createElement(C, { variant: "primary", ...v, __self: void 0, __source: {
     fileName: k,
     lineNumber: 135,
     columnNumber: 28
@@ -5029,7 +5029,7 @@ const Sn = ({
   children: i,
   withBorderBottom: c = !0,
   ...s
-}) => /* @__PURE__ */ e.createElement(ue, { alignItems: "start", justifyContent: "start", gap: "s", className: d("c-card-newsletter", {
+}) => /* @__PURE__ */ e.createElement(ae, { alignItems: "start", justifyContent: "start", gap: "s", className: d("c-card-newsletter", {
   "c-card-newsletter--with-border-bottom": c
 }), clickable: !0, ...c && {
   pb: "m"
@@ -5081,7 +5081,7 @@ const ml = ({
     cardFooterProps: t,
     signatureProps: f,
     socialBarProps: b,
-    ...h
+    ...v
   } = s;
   let x = "xxs-3", p = {
     defaultFormat: "58x58",
@@ -5097,7 +5097,7 @@ const ml = ({
     formats: ["100x100", "51x51"],
     sizes: "(min-width: 768px) 100px, 51px",
     className: "c-card-overview__img c-card-overview__img--big-size"
-  }), /* @__PURE__ */ e.createElement(ue, { alignItems: "start", justifyContent: "start", gap: "xs", className: "c-card-overview", clickable: !0, ...h, __self: void 0, __source: {
+  }), /* @__PURE__ */ e.createElement(ae, { alignItems: "start", justifyContent: "start", gap: "xs", className: "c-card-overview", clickable: !0, ...v, __self: void 0, __source: {
     fileName: n0,
     lineNumber: 50,
     columnNumber: 5
@@ -5138,7 +5138,7 @@ const rl = ({
   const {
     cardFooterProps: f,
     signatureProps: b,
-    socialBarProps: h,
+    socialBarProps: v,
     ...x
   } = t, p = /* @__PURE__ */ e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement(Q, { sizes: "(min-width: 480px) 252px, 160px", defaultFormat: s === g.DESKTOP ? "252x162" : "160x102", formats: ["252x162", "160x102"], alt: n, mb: o === "title-on-image" ? "0" : "xxs", withShadow: o === "title-on-image", ...i, ...i.caption && {
     caption: {
@@ -5171,7 +5171,7 @@ const rl = ({
     lineNumber: 63,
     columnNumber: 9
   } }, c.children));
-  return /* @__PURE__ */ e.createElement(ue, { ...x, direction: "column", clickable: !0, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(ae, { ...x, direction: "column", clickable: !0, __self: void 0, __source: {
     fileName: qe,
     lineNumber: 76,
     columnNumber: 5
@@ -5197,7 +5197,7 @@ const t2 = ({
     socialBarProps: f,
     ...b
   } = c;
-  return /* @__PURE__ */ e.createElement(ue, { ...b, justifyContent: "start", gap: "s", className: d("c-card-tiny", c == null ? void 0 : c.className), clickable: !0, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(ae, { ...b, justifyContent: "start", gap: "s", className: d("c-card-tiny", c == null ? void 0 : c.className), clickable: !0, __self: void 0, __source: {
     fileName: m0,
     lineNumber: 20,
     columnNumber: 5
@@ -5237,7 +5237,7 @@ const o2 = ({
   title: n,
   cardImageProps: m,
   ...r
-}) => /* @__PURE__ */ e.createElement(v, { ...r, as: "a", href: l, className: d("c-card-container", "c-card-container--with-opacity-hover", "c-card-container--clickable"), __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { ...r, as: "a", href: l, className: d("c-card-container", "c-card-container--with-opacity-hover", "c-card-container--clickable"), __self: void 0, __source: {
   fileName: C1,
   lineNumber: 17,
   columnNumber: 3
@@ -5257,7 +5257,7 @@ const jn = ({
   ...s
 }) => c ? (
   // can't use CardContainer here, it's a flex component and it's not the right structure for this card
-  /* @__PURE__ */ e.createElement(v, { ...s, className: d("c-card-container", {
+  /* @__PURE__ */ e.createElement(h, { ...s, className: d("c-card-container", {
     "c-card-container--with-title-opacity-hover": !!l
   }), __self: void 0, __source: {
     fileName: Ve,
@@ -5267,7 +5267,7 @@ const jn = ({
     fileName: Ve,
     lineNumber: 32,
     columnNumber: 7
-  } }), /* @__PURE__ */ e.createElement(v, { px: {
+  } }), /* @__PURE__ */ e.createElement(h, { px: {
     xs: "m",
     md: "0"
   }, __self: void 0, __source: {
@@ -5285,7 +5285,7 @@ const jn = ({
     fileName: Ve,
     lineNumber: 42,
     columnNumber: 19
-  } }, n) : n)), /* @__PURE__ */ e.createElement(v, { px: {
+  } }, n) : n)), /* @__PURE__ */ e.createElement(h, { px: {
     xs: "m",
     md: "0"
   }, __self: void 0, __source: {
@@ -5312,7 +5312,7 @@ const _2 = ({
   cardImageProps: m,
   layout: r,
   ...i
-}) => /* @__PURE__ */ e.createElement(v, { ...i, as: "a", href: l, className: d("c-card-container", "c-card-container--with-opacity-hover", "c-card-container--clickable"), __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { ...i, as: "a", href: l, className: d("c-card-container", "c-card-container--with-opacity-hover", "c-card-container--clickable"), __self: void 0, __source: {
   fileName: F1,
   lineNumber: 25,
   columnNumber: 3
@@ -5330,7 +5330,7 @@ const $n = ({
   linkProps: i,
   location: c,
   ...s
-}) => /* @__PURE__ */ e.createElement(ue, { ...s, direction: {
+}) => /* @__PURE__ */ e.createElement(ae, { ...s, direction: {
   xs: "column",
   md: "row"
 }, gap: "l", alignItems: {
@@ -5384,9 +5384,9 @@ const Bn = ({
   const {
     cardFooterProps: f,
     signatureProps: b,
-    ...h
+    ...v
   } = t;
-  return /* @__PURE__ */ e.createElement(ue, { ...h, direction: "column", className: "c-card-with-summary", clickable: !0, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(ae, { ...v, direction: "column", className: "c-card-with-summary", clickable: !0, __self: void 0, __source: {
     fileName: Ne,
     lineNumber: 34,
     columnNumber: 5
@@ -5449,7 +5449,7 @@ const f2 = ({
   titleAlignment: t,
   isSponsored: f,
   seeMoreLink: b,
-  ...h
+  ...v
 }) => {
   const x = (p) => {
     switch (c == null ? void 0 : c.sliderVariant) {
@@ -5493,7 +5493,7 @@ const f2 = ({
         } });
     }
   };
-  return n.length > 0 ? /* @__PURE__ */ e.createElement(v, { ...h, className: d("c-carousel", h == null ? void 0 : h.className), bg: f ? "sponsoring" : void 0, py: f ? "m" : void 0, __self: void 0, __source: {
+  return n.length > 0 ? /* @__PURE__ */ e.createElement(h, { ...v, className: d("c-carousel", v == null ? void 0 : v.className), bg: f ? "sponsoring" : void 0, py: f ? "m" : void 0, __self: void 0, __source: {
     fileName: be,
     lineNumber: 87,
     columnNumber: 5
@@ -5503,7 +5503,7 @@ const f2 = ({
     fileName: be,
     lineNumber: 94,
     columnNumber: 9
-  } }), f && /* @__PURE__ */ e.createElement(N, { as: v, size: "xs", color: "grey-900", mb: "xs", __self: void 0, __source: {
+  } }), f && /* @__PURE__ */ e.createElement(N, { as: h, size: "xs", color: "grey-900", mb: "xs", __self: void 0, __source: {
     fileName: be,
     lineNumber: 106,
     columnNumber: 9
@@ -5544,9 +5544,9 @@ const d2 = (l, n, m, r) => {
     const {
       pathDescription: f,
       lx: b,
-      ly: h
+      ly: v
     } = d2(n, r / 2, i, c);
-    i = b, c = h;
+    i = b, c = v;
     const x = /* @__PURE__ */ e.createElement("path", { key: o.politicalParty.color, className: `c-half-donut__zone c-half-donut__zone--${o.politicalParty.color}`, d: f, __self: void 0, __source: {
       fileName: _e,
       lineNumber: 41,
@@ -5563,7 +5563,7 @@ const d2 = (l, n, m, r) => {
     color: s.politicalParty.color,
     subLegend: `${s.estimatedSeats || s.seats} siège${s.seats > 1 ? "s" : ""}`
   }));
-  return /* @__PURE__ */ e.createElement(v, { ...n, className: "js-half-donut-result", __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(h, { ...n, className: "js-half-donut-result", __self: void 0, __source: {
     fileName: _e,
     lineNumber: 69,
     columnNumber: 5
@@ -5610,7 +5610,7 @@ const Hn = ({
   citationText: l,
   citationAuthor: n,
   ...m
-}) => /* @__PURE__ */ e.createElement(v, { ...m, as: "blockquote", color: "ultramarine", className: "c-citation", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { ...m, as: "blockquote", color: "ultramarine", className: "c-citation", __self: void 0, __source: {
   fileName: d0,
   lineNumber: 14,
   columnNumber: 3
@@ -5647,13 +5647,13 @@ const s1 = I(({
   children: t,
   isDropdown: f,
   ...b
-}, h) => /* @__PURE__ */ e.createElement(v, { ...b, className: d("c-collapse js-collapse", {
+}, v) => /* @__PURE__ */ e.createElement(h, { ...b, className: d("c-collapse js-collapse", {
   "c-collapse--dropdown": f
-}), ref: h, __self: void 0, __source: {
+}), ref: v, __self: void 0, __source: {
   fileName: Ke,
   lineNumber: 45,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(v, { ...o, as: "button", type: "button", id: `c-collapse__button-${m}`, pl: (o == null ? void 0 : o.pl) || "l", py: (o == null ? void 0 : o.py) || "xxs", className: d("c-collapse__button js-collapse__button", o == null ? void 0 : o.className), "aria-controls": `c-collapse__content-${m}`, "aria-expanded": r || "false", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { ...o, as: "button", type: "button", id: `c-collapse__button-${m}`, pl: (o == null ? void 0 : o.pl) || "l", py: (o == null ? void 0 : o.py) || "xxs", className: d("c-collapse__button js-collapse__button", o == null ? void 0 : o.className), "aria-controls": `c-collapse__content-${m}`, "aria-expanded": r || "false", __self: void 0, __source: {
   fileName: Ke,
   lineNumber: 50,
   columnNumber: 7
@@ -5713,7 +5713,7 @@ const Ln = ({
     fileName: A,
     lineNumber: 39,
     columnNumber: 26
-  } }, i), c && /* @__PURE__ */ e.createElement(L, { as: "h2", fontFamily: "source-serif-pro", size: "s", __self: void 0, __source: {
+  } }, i), c && /* @__PURE__ */ e.createElement(H, { as: "h2", fontFamily: "source-serif-pro", size: "s", __self: void 0, __source: {
     fileName: A,
     lineNumber: 41,
     columnNumber: 11
@@ -5725,7 +5725,7 @@ const Ln = ({
     fileName: A,
     lineNumber: 47,
     columnNumber: 13
-  } }, "Publié le ", s))), /* @__PURE__ */ e.createElement(v, { id: "mbrs-comments-msg-container", mb: "xs", __self: void 0, __source: {
+  } }, "Publié le ", s))), /* @__PURE__ */ e.createElement(h, { id: "mbrs-comments-msg-container", mb: "xs", __self: void 0, __source: {
     fileName: A,
     lineNumber: 51,
     columnNumber: 7
@@ -5745,7 +5745,7 @@ const Ln = ({
     fileName: A,
     lineNumber: 60,
     columnNumber: 9
-  } }, "les règles de modération"), " des commentaires."), /* @__PURE__ */ e.createElement(v, { id: "mbrs-comments-container", px: "xxs", "data-delayed": r.delayed, "data-distance-visible": r.distanceVisible, __self: void 0, __source: {
+  } }, "les règles de modération"), " des commentaires."), /* @__PURE__ */ e.createElement(h, { id: "mbrs-comments-container", px: "xxs", "data-delayed": r.delayed, "data-distance-visible": r.distanceVisible, __self: void 0, __source: {
     fileName: A,
     lineNumber: 65,
     columnNumber: 7
@@ -5757,11 +5757,11 @@ const Ln = ({
     fileName: A,
     lineNumber: 73,
     columnNumber: 32
-  } })))) : /* @__PURE__ */ e.createElement(v, { id: "mbrs-comments-container", className: "c-comment", "data-delayed": r.delayed, "data-distance-visible": r.distanceVisible, __self: void 0, __source: {
+  } })))) : /* @__PURE__ */ e.createElement(h, { id: "mbrs-comments-container", className: "c-comment", "data-delayed": r.delayed, "data-distance-visible": r.distanceVisible, __self: void 0, __source: {
     fileName: A,
     lineNumber: 78,
     columnNumber: 5
-  } }, /* @__PURE__ */ e.createElement(v, { id: "mbrs-comments-msg-container", mb: "xs", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(h, { id: "mbrs-comments-msg-container", mb: "xs", __self: void 0, __source: {
     fileName: A,
     lineNumber: 84,
     columnNumber: 7
@@ -5796,7 +5796,7 @@ var Le = "/home/travis/build/20minutes/hela/src/components/molecules/Comment/Com
 const Tn = ({
   commentNumber: l,
   layout: n
-}) => n === g.MOBILE ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(re, { color: "grey-200", __self: void 0, __source: {
+}) => n === g.MOBILE ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(ue, { color: "grey-200", __self: void 0, __source: {
   fileName: Le,
   lineNumber: 13,
   columnNumber: 7
@@ -5812,7 +5812,7 @@ const Tn = ({
   fileName: Le,
   lineNumber: 16,
   columnNumber: 9
-} }, `${l} ${l > 1 ? "commentaires" : "commentaire"}`)), /* @__PURE__ */ e.createElement(re, { color: "grey-200", __self: void 0, __source: {
+} }, `${l} ${l > 1 ? "commentaires" : "commentaire"}`)), /* @__PURE__ */ e.createElement(ue, { color: "grey-200", __self: void 0, __source: {
   fileName: Le,
   lineNumber: 20,
   columnNumber: 7
@@ -5824,7 +5824,7 @@ const Tn = ({
   fileName: Le,
   lineNumber: 24,
   columnNumber: 7
-} }), /* @__PURE__ */ e.createElement(L, { as: "h2", size: "xxs", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(H, { as: "h2", size: "xxs", __self: void 0, __source: {
   fileName: Le,
   lineNumber: 25,
   columnNumber: 7
@@ -5855,7 +5855,7 @@ const j0 = ({
   fileName: N0,
   lineNumber: 17,
   columnNumber: 7
-} }, l), /* @__PURE__ */ e.createElement(L, { className: `js-countdown-${n}`, size: {
+} }, l), /* @__PURE__ */ e.createElement(H, { className: `js-countdown-${n}`, size: {
   xs: "m",
   md: "xxl-2"
 }, as: "span", weight: "semi-bold", fontFamily: "source-serif-pro", color: "ultramarine", __self: void 0, __source: {
@@ -5902,7 +5902,7 @@ const S1 = ({
   fileName: ie,
   lineNumber: 29,
   columnNumber: 7
-} }), /* @__PURE__ */ e.createElement(L, { as: "h2", size: {
+} }), /* @__PURE__ */ e.createElement(H, { as: "h2", size: {
   xs: "xs",
   md: "s"
 }, mr: {
@@ -5962,11 +5962,11 @@ var Ze = "/home/travis/build/20minutes/hela/src/components/molecules/DiscoverLis
 const An = ({
   topics: l,
   ...n
-}) => l.length === 0 ? null : /* @__PURE__ */ e.createElement(v, { ...n, __self: void 0, __source: {
+}) => l.length === 0 ? null : /* @__PURE__ */ e.createElement(h, { ...n, __self: void 0, __source: {
   fileName: Ze,
   lineNumber: 23,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(L, { as: "h3", mb: "xs", size: "xxs", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(H, { as: "h3", mb: "xs", size: "xxs", __self: void 0, __source: {
   fileName: Ze,
   lineNumber: 24,
   columnNumber: 7
@@ -5976,7 +5976,7 @@ const An = ({
   columnNumber: 7
 } }, l.map((m) => {
   var r;
-  return /* @__PURE__ */ e.createElement(v, { as: "li", key: m.href, mb: "xs", __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(h, { as: "li", key: m.href, mb: "xs", __self: void 0, __source: {
     fileName: Ze,
     lineNumber: 29,
     columnNumber: 11
@@ -6003,7 +6003,7 @@ const In = ({
   statusCode: l = "404",
   enableGoogleSearch: n
 }) => {
-  let m = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(L, { as: "h2", size: "m", mb: "l", __self: void 0, __source: {
+  let m = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(H, { as: "h2", size: "m", mb: "l", __self: void 0, __source: {
     fileName: W,
     lineNumber: 15,
     columnNumber: 7
@@ -6024,7 +6024,7 @@ const In = ({
     lineNumber: 23,
     columnNumber: 7
   } }, "Si vous êtes à la recherche de quelque chose de bien précis, nous vous invitons à utiliser notre moteur de recherche :"));
-  return l === "500" && (m = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(L, { as: "h2", size: "m", mb: "l", __self: void 0, __source: {
+  return l === "500" && (m = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(H, { as: "h2", size: "m", mb: "l", __self: void 0, __source: {
     fileName: W,
     lineNumber: 33,
     columnNumber: 9
@@ -6040,7 +6040,7 @@ const In = ({
     fileName: W,
     lineNumber: 43,
     columnNumber: 9
-  } }, "Si vous êtes à la recherche de quelque chose de bien précis, nous vous invitons à utiliser notre moteur de recherche :"))), /* @__PURE__ */ e.createElement(v, { className: "c-error-content", __self: void 0, __source: {
+  } }, "Si vous êtes à la recherche de quelque chose de bien précis, nous vous invitons à utiliser notre moteur de recherche :"))), /* @__PURE__ */ e.createElement(h, { className: "c-error-content", __self: void 0, __source: {
     fileName: W,
     lineNumber: 52,
     columnNumber: 5
@@ -6048,15 +6048,15 @@ const In = ({
     fileName: W,
     lineNumber: 53,
     columnNumber: 7
-  } }), /* @__PURE__ */ e.createElement(v, { mb: "l", __self: void 0, __source: {
+  } }), /* @__PURE__ */ e.createElement(h, { mb: "l", __self: void 0, __source: {
     fileName: W,
     lineNumber: 58,
     columnNumber: 7
-  } }, m), /* @__PURE__ */ e.createElement(v, { mb: "s", __self: void 0, __source: {
+  } }, m), /* @__PURE__ */ e.createElement(h, { mb: "s", __self: void 0, __source: {
     fileName: W,
     lineNumber: 59,
     columnNumber: 7
-  } }, n ? /* @__PURE__ */ e.createElement(v, { className: "gcse-search", __self: void 0, __source: {
+  } }, n ? /* @__PURE__ */ e.createElement(h, { className: "gcse-search", __self: void 0, __source: {
     fileName: W,
     lineNumber: 61,
     columnNumber: 11
@@ -6074,7 +6074,7 @@ var Q0 = "/home/travis/build/20minutes/hela/src/components/molecules/Events/Elec
 const On = ({
   link: l,
   ...n
-}) => /* @__PURE__ */ e.createElement(v, { as: "a", ...n, className: d("c-elections-promo-banner", n == null ? void 0 : n.className), href: l, bg: "ultramarine", color: "white", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { as: "a", ...n, className: d("c-elections-promo-banner", n == null ? void 0 : n.className), href: l, bg: "ultramarine", color: "white", __self: void 0, __source: {
   fileName: Q0,
   lineNumber: 13,
   columnNumber: 3
@@ -6111,7 +6111,7 @@ const Dn = ({
   fileName: b0,
   lineNumber: 22,
   columnNumber: 20
-} }, n), /* @__PURE__ */ e.createElement(L, { as: "h2", size: "m", fontFamily: "source-serif-pro", __self: void 0, __source: {
+} }, n), /* @__PURE__ */ e.createElement(H, { as: "h2", size: "m", fontFamily: "source-serif-pro", __self: void 0, __source: {
   fileName: b0,
   lineNumber: 23,
   columnNumber: 7
@@ -6216,10 +6216,10 @@ const Kn = ({
   countdownProps: t,
   labelProps: f,
   isAboveContent: b,
-  ...h
+  ...v
 }) => {
-  var B;
-  const x = /* @__PURE__ */ e.createElement(d1, { ...n, ...((B = n.iconProps) == null ? void 0 : B.name) && {
+  var L;
+  const x = /* @__PURE__ */ e.createElement(d1, { ...n, ...((L = n.iconProps) == null ? void 0 : L.name) && {
     iconProps: {
       mr: {
         xs: "xxs",
@@ -6283,7 +6283,7 @@ const Kn = ({
     lineNumber: 101,
     columnNumber: 11
   } }, "Voir plus")));
-  let F = /* @__PURE__ */ e.createElement(v, { __self: void 0, __source: {
+  let F = /* @__PURE__ */ e.createElement(h, { __self: void 0, __source: {
     fileName: R,
     lineNumber: 110,
     columnNumber: 5
@@ -6344,10 +6344,10 @@ const Kn = ({
     fileName: R,
     lineNumber: 162,
     columnNumber: 11
-  } }))), /* @__PURE__ */ e.createElement(v, { as: "header", ...h, className: d("c-nodeheader", {
+  } }))), /* @__PURE__ */ e.createElement(h, { as: "header", ...v, className: d("c-nodeheader", {
     "c-nodeheader--is-expandable": i,
     "c-nodeheader--is-above-content": b
-  }, h == null ? void 0 : h.className), __self: void 0, __source: {
+  }, v == null ? void 0 : v.className), __self: void 0, __source: {
     fileName: R,
     lineNumber: 169,
     columnNumber: 5
@@ -6373,7 +6373,7 @@ const Wn = ({
     lineNumber: 40,
     columnNumber: 5
   } }, m);
-  return /* @__PURE__ */ e.createElement(v, { as: "header", ...t, className: d("c-nodeheader", {
+  return /* @__PURE__ */ e.createElement(h, { as: "header", ...t, className: d("c-nodeheader", {
     "c-nodeheader--is-expandable": i,
     "c-nodeheader--is-above-content": o
   }, t == null ? void 0 : t.className), __self: void 0, __source: {
@@ -6387,7 +6387,7 @@ const Wn = ({
     fileName: he,
     lineNumber: 63,
     columnNumber: 7
-  } }, l), /* @__PURE__ */ e.createElement(L, { size: {
+  } }, l), /* @__PURE__ */ e.createElement(H, { size: {
     xs: "l",
     md: "xxl-2"
   }, ...n, mx: {
@@ -6472,7 +6472,7 @@ const h2 = ({
   fileName: r0,
   lineNumber: 51,
   columnNumber: 7
-} }), r && /* @__PURE__ */ e.createElement(L, { color: "white", size: "xxs", ...!c && {
+} }), r && /* @__PURE__ */ e.createElement(H, { color: "white", size: "xxs", ...!c && {
   pl: "xs"
 }, ...r, __self: void 0, __source: {
   fileName: r0,
@@ -6492,7 +6492,7 @@ const d1 = ({
   iconProps: n,
   isCentered: m,
   ...r
-}) => /* @__PURE__ */ e.createElement(L, { className: d({
+}) => /* @__PURE__ */ e.createElement(H, { className: d({
   "c-heading-title-with-icon": !!n,
   "c-heading-title-with-icon--center": !!n && m
 }), fontFamily: "obviously", size: {
@@ -6506,7 +6506,7 @@ const d1 = ({
   fileName: P0,
   lineNumber: 27,
   columnNumber: 9
-} }), /* @__PURE__ */ e.createElement(v, { className: "c-heading-title-with-icon__text", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(h, { className: "c-heading-title-with-icon__text", __self: void 0, __source: {
   fileName: P0,
   lineNumber: 28,
   columnNumber: 9
@@ -6516,15 +6516,15 @@ const Un = ({
   topics: l,
   infoBannerProps: n,
   ...m
-}) => /* @__PURE__ */ e.createElement(v, { ...m, __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { ...m, __self: void 0, __source: {
   fileName: u0,
   lineNumber: 22,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(v, { as: "ul", mb: "xl", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { as: "ul", mb: "xl", __self: void 0, __source: {
   fileName: u0,
   lineNumber: 23,
   columnNumber: 5
-} }, l.map((r, i) => /* @__PURE__ */ e.createElement(v, { as: "li", key: r.title, __self: void 0, __source: {
+} }, l.map((r, i) => /* @__PURE__ */ e.createElement(h, { as: "li", key: r.title, __self: void 0, __source: {
   fileName: u0,
   lineNumber: 25,
   columnNumber: 9
@@ -6532,7 +6532,7 @@ const Un = ({
   fileName: u0,
   lineNumber: 26,
   columnNumber: 11
-} }), i !== l.length - 1 && /* @__PURE__ */ e.createElement(re, { color: "grey-200", my: "l", __self: void 0, __source: {
+} }), i !== l.length - 1 && /* @__PURE__ */ e.createElement(ue, { color: "grey-200", my: "l", __self: void 0, __source: {
   fileName: u0,
   lineNumber: 27,
   columnNumber: 39
@@ -6544,7 +6544,7 @@ const Un = ({
 var h0 = "/home/travis/build/20minutes/hela/src/components/molecules/Horoscope/HoroscopeTiles/HoroscopeTiles.tsx";
 const Gn = ({
   horoscopeSignsList: l
-}) => /* @__PURE__ */ e.createElement(v, { as: "ul", className: "o-inline", mx: {
+}) => /* @__PURE__ */ e.createElement(h, { as: "ul", className: "o-inline", mx: {
   xs: "m",
   md: "0"
 }, __self: void 0, __source: {
@@ -6578,7 +6578,7 @@ const v2 = I(({
   title: n,
   content: m,
   ...r
-}, i) => /* @__PURE__ */ e.createElement(v, { ...r, ref: i, className: d("c-horoscope-topic-card", r == null ? void 0 : r.className), __self: void 0, __source: {
+}, i) => /* @__PURE__ */ e.createElement(h, { ...r, ref: i, className: d("c-horoscope-topic-card", r == null ? void 0 : r.className), __self: void 0, __source: {
   fileName: v0,
   lineNumber: 16,
   columnNumber: 5
@@ -6590,7 +6590,7 @@ const v2 = I(({
   fileName: v0,
   lineNumber: 18,
   columnNumber: 9
-} }), /* @__PURE__ */ e.createElement(L, { as: "h3", size: "xs", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(H, { as: "h3", size: "xs", __self: void 0, __source: {
   fileName: v0,
   lineNumber: 19,
   columnNumber: 9
@@ -6618,7 +6618,7 @@ const p2 = ({
   fileName: We,
   lineNumber: 28,
   columnNumber: 7
-} }, n && /* @__PURE__ */ e.createElement(L, { as: "h3", size: "xxs", color: "black", mb: "m", weight: "semi-bold", fontFamily: "source-serif-pro", __self: void 0, __source: {
+} }, n && /* @__PURE__ */ e.createElement(H, { as: "h3", size: "xxs", color: "black", mb: "m", weight: "semi-bold", fontFamily: "source-serif-pro", __self: void 0, __source: {
   fileName: We,
   lineNumber: 30,
   columnNumber: 11
@@ -6754,7 +6754,7 @@ const Yn = ({
   fileName: e1,
   lineNumber: 23,
   columnNumber: 7
-} }), /* @__PURE__ */ e.createElement(v, { id: "mbrs-live-question-container", className: "c-live-question", "data-delayed": n.delayed, "data-distance-visible": n.distanceVisible, mx: {
+} }), /* @__PURE__ */ e.createElement(h, { id: "mbrs-live-question-container", className: "c-live-question", "data-delayed": n.delayed, "data-distance-visible": n.distanceVisible, mx: {
   xs: "m",
   md: "0"
 }, __self: void 0, __source: {
@@ -6768,11 +6768,11 @@ const Jn = ({
   author: n,
   response: m,
   ...r
-}) => /* @__PURE__ */ e.createElement(v, { ...r, className: "c-live-talk", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { ...r, className: "c-live-talk", __self: void 0, __source: {
   fileName: p0,
   lineNumber: 11,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(v, { bg: "grey-100", p: "s", mb: "xl", radius: "m", className: "c-live-talk__question", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { bg: "grey-100", p: "s", mb: "xl", radius: "m", className: "c-live-talk__question", __self: void 0, __source: {
   fileName: p0,
   lineNumber: 12,
   columnNumber: 5
@@ -6805,7 +6805,7 @@ const Qn = ({
     default: "black",
     bold: "black"
   };
-  return /* @__PURE__ */ e.createElement(v, { ...i, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(h, { ...i, __self: void 0, __source: {
     fileName: x0,
     lineNumber: 32,
     columnNumber: 5
@@ -6821,7 +6821,7 @@ const Qn = ({
     fileName: x0,
     lineNumber: 37,
     columnNumber: 17
-  } })), /* @__PURE__ */ e.createElement(L, { as: "h2", color: c[l] || "black", size: "xs", fontFamily: "source-serif-pro", weight: l === "default" ? "regular" : "semi-bold", __self: void 0, __source: {
+  } })), /* @__PURE__ */ e.createElement(H, { as: "h2", color: c[l] || "black", size: "xs", fontFamily: "source-serif-pro", weight: l === "default" ? "regular" : "semi-bold", __self: void 0, __source: {
     fileName: x0,
     lineNumber: 39,
     columnNumber: 7
@@ -6859,7 +6859,7 @@ const em = ({
       color: f
     }), s;
   }, []);
-  return /* @__PURE__ */ e.createElement(v, { ...i, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(h, { ...i, __self: void 0, __source: {
     fileName: se,
     lineNumber: 46,
     columnNumber: 5
@@ -6921,14 +6921,14 @@ const lm = ({
   ...i
 }) => {
   const c = ["75", "77", "78", "91", "92", "93", "94", "95"], s = Object.entries(r ?? {}).reduce((t, [f, b]) => {
-    const h = /* @__PURE__ */ e.createElement("g", { className: "c-map-districts__zoomable", key: f, type: "button", ...b.text && !b.text.transform && b.text.label && {
+    const v = /* @__PURE__ */ e.createElement("g", { className: "c-map-districts__zoomable", key: f, type: "button", ...b.text && !b.text.transform && b.text.label && {
       "data-info": `${f} - ${b.text.label}`
     }, __self: void 0, __source: {
       fileName: X,
       lineNumber: 42,
       columnNumber: 9
     } }, Object.entries(b).map(([x, p]) => {
-      const F = (ae) => ae.numDistrict === x, B = m.find(F);
+      const F = (ee) => ee.numDistrict === x, L = m.find(F);
       return x === "text" && p.transform ? /* @__PURE__ */ e.createElement("text", { key: x, transform: `matrix(${p.transform})`, className: "c-map-districts__text", __self: void 0, __source: {
         fileName: X,
         lineNumber: 59,
@@ -6938,7 +6938,7 @@ const lm = ({
         lineNumber: 67,
         columnNumber: 17
       } }, /* @__PURE__ */ e.createElement("path", { id: x, className: d("c-map-districts__path", {
-        [`c-map-districts__path--${B == null ? void 0 : B.politicalParty.color}`]: B
+        [`c-map-districts__path--${L == null ? void 0 : L.politicalParty.color}`]: L
       }), d: p.path, __self: void 0, __source: {
         fileName: X,
         lineNumber: 72,
@@ -6953,21 +6953,21 @@ const lm = ({
         columnNumber: 21
       } }, p.desc)));
     }));
-    return c.includes(f) ? t.idf.push(h) : t.others.push(h), t;
+    return c.includes(f) ? t.idf.push(v) : t.others.push(v), t;
   }, {
     idf: [],
     others: []
   }), o = m.reduce((t, f) => {
     const {
       name: b,
-      color: h
+      color: v
     } = f.politicalParty;
     return t.some((x) => x.name === b) || t.push({
       name: b,
-      color: h
+      color: v
     }), t;
   }, []);
-  return /* @__PURE__ */ e.createElement(v, { ...i, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(h, { ...i, __self: void 0, __source: {
     fileName: X,
     lineNumber: 114,
     columnNumber: 5
@@ -7022,12 +7022,12 @@ const nm = ({
       name: f,
       color: b
     } = t.politicalParty;
-    return o.some((h) => h.name === f) || o.push({
+    return o.some((v) => v.name === f) || o.push({
       name: f,
       color: b
     }), o;
   }, []);
-  return /* @__PURE__ */ e.createElement(v, { ...c, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(h, { ...c, __self: void 0, __source: {
     fileName: ve,
     lineNumber: 45,
     columnNumber: 5
@@ -7044,7 +7044,7 @@ const nm = ({
     lineNumber: 48,
     columnNumber: 9
   } }, Object.entries(r ?? {}).map(([o, t]) => {
-    const f = (h) => h.key === o, b = m.find(f);
+    const f = (v) => v.key === o, b = m.find(f);
     return /* @__PURE__ */ e.createElement("path", { key: o, d: t.path, className: d("c-map-europe__path", {
       [`c-map-europe__path--${b == null ? void 0 : b.politicalParty.color}`]: b
     }), __self: void 0, __source: {
@@ -7159,7 +7159,7 @@ const mm = ({
   fileName: S,
   lineNumber: 90,
   columnNumber: 9
-} })), /* @__PURE__ */ e.createElement(v, { className: "c-menu__list", __self: void 0, __source: {
+} })), /* @__PURE__ */ e.createElement(h, { className: "c-menu__list", __self: void 0, __source: {
   fileName: S,
   lineNumber: 97,
   columnNumber: 7
@@ -7226,19 +7226,19 @@ const mm = ({
     fileName: S,
     lineNumber: 159,
     columnNumber: 17
-  } }, (b = t.tags) == null ? void 0 : b.map((h) => /* @__PURE__ */ e.createElement(je, { key: h.href, href: h.href, color: "ultramarine", __self: void 0, __source: {
+  } }, (b = t.tags) == null ? void 0 : b.map((v) => /* @__PURE__ */ e.createElement(je, { key: v.href, href: v.href, color: "ultramarine", __self: void 0, __source: {
     fileName: S,
     lineNumber: 161,
     columnNumber: 21
-  } }, h.children))), t.links.map((h, x) => /* @__PURE__ */ e.createElement(_, { as: C, key: h.href, href: h.href, color: "black", pb: x !== t.links.length - 1 ? "l" : "0", justifyContent: "between", alignItems: "center", __self: void 0, __source: {
+  } }, v.children))), t.links.map((v, x) => /* @__PURE__ */ e.createElement(_, { as: C, key: v.href, href: v.href, color: "black", pb: x !== t.links.length - 1 ? "l" : "0", justifyContent: "between", alignItems: "center", __self: void 0, __source: {
     fileName: S,
     lineNumber: 168,
     columnNumber: 17
-  } }, /* @__PURE__ */ e.createElement(N, { weight: t.categoryLink === h.href ? "semi-bold" : "regular", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(N, { weight: t.categoryLink === v.href ? "semi-bold" : "regular", __self: void 0, __source: {
     fileName: S,
     lineNumber: 177,
     columnNumber: 19
-  } }, h.children), /* @__PURE__ */ e.createElement(E, { name: "chevron", size: [10, 14], __self: void 0, __source: {
+  } }, v.children), /* @__PURE__ */ e.createElement(E, { name: "chevron", size: [10, 14], __self: void 0, __source: {
     fileName: S,
     lineNumber: 180,
     columnNumber: 19
@@ -7251,11 +7251,11 @@ const mm = ({
     lineNumber: 198,
     columnNumber: 19
   } }), t.name) : t.name);
-})), r && /* @__PURE__ */ e.createElement(v, { id: "mbrs-darkmode-container", p: "l", py: "m", __self: void 0, __source: {
+})), r && /* @__PURE__ */ e.createElement(h, { id: "mbrs-darkmode-container", p: "l", py: "m", __self: void 0, __source: {
   fileName: S,
   lineNumber: 209,
   columnNumber: 26
-} }), c && /* @__PURE__ */ e.createElement(v, { className: "c-menu__list", __self: void 0, __source: {
+} }), c && /* @__PURE__ */ e.createElement(h, { className: "c-menu__list", __self: void 0, __source: {
   fileName: S,
   lineNumber: 212,
   columnNumber: 9
@@ -7271,7 +7271,7 @@ const rm = ({
   links: l,
   activeLink: n,
   ...m
-}) => /* @__PURE__ */ e.createElement(v, { className: "c-sub-menu", ...m, __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { className: "c-sub-menu", ...m, __self: void 0, __source: {
   fileName: B0,
   lineNumber: 10,
   columnNumber: 3
@@ -7302,11 +7302,11 @@ const um = ({
   variant: s = "small",
   ...o
 }) => {
-  const t = /* @__PURE__ */ e.createElement(v, { as: "form", color: "white", bg: "ultramarine", px: "m", py: "xxl", className: "c-newsletter__form", __self: void 0, __source: {
+  const t = /* @__PURE__ */ e.createElement(h, { as: "form", color: "white", bg: "ultramarine", px: "m", py: "xxl", className: "c-newsletter__form", __self: void 0, __source: {
     fileName: pe,
     lineNumber: 36,
     columnNumber: 5
-  } }, /* @__PURE__ */ e.createElement(L, { as: "h5", size: s === "large" ? "m" : "xxs", textAlign: "center", mb: "l", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(H, { as: "h5", size: s === "large" ? "m" : "xxs", textAlign: "center", mb: "l", __self: void 0, __source: {
     fileName: pe,
     lineNumber: 37,
     columnNumber: 7
@@ -7337,7 +7337,7 @@ const um = ({
     lineNumber: 65,
     columnNumber: 9
   } })));
-  return /* @__PURE__ */ e.createElement(v, { ...o, className: d("c-newsletter", o == null ? void 0 : o.className), __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(h, { ...o, className: d("c-newsletter", o == null ? void 0 : o.className), __self: void 0, __source: {
     fileName: pe,
     lineNumber: 71,
     columnNumber: 5
@@ -7351,7 +7351,7 @@ var V1 = "/home/travis/build/20minutes/hela/src/components/molecules/OrderedList
 const am = ({
   items: l,
   ...n
-}) => !l || l.length === 0 ? null : /* @__PURE__ */ e.createElement(v, { ...n, as: "ol", className: "c-ordered-list-with-number", __self: void 0, __source: {
+}) => !l || l.length === 0 ? null : /* @__PURE__ */ e.createElement(h, { ...n, as: "ol", className: "c-ordered-list-with-number", __self: void 0, __source: {
   fileName: V1,
   lineNumber: 22,
   columnNumber: 5
@@ -7389,11 +7389,11 @@ const E2 = ({
   percentage: l,
   progressBarClassName: n,
   ...m
-}) => /* @__PURE__ */ e.createElement(v, { ...m, bg: "white", className: d("c-percentage-bar", m == null ? void 0 : m.className), __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { ...m, bg: "white", className: d("c-percentage-bar", m == null ? void 0 : m.className), __self: void 0, __source: {
   fileName: n1,
   lineNumber: 15,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(v, { bg: "ultramarine", className: d("c-percentage-bar__progress-bar", n), style: {
+} }, /* @__PURE__ */ e.createElement(h, { bg: "ultramarine", className: d("c-percentage-bar__progress-bar", n), style: {
   width: `${l}%`
 }, __self: void 0, __source: {
   fileName: n1,
@@ -7414,7 +7414,7 @@ var g2 = "/home/travis/build/20minutes/hela/src/components/molecules/Prose/Prose
 const im = ({
   content: l,
   ...n
-}) => /* @__PURE__ */ e.createElement(v, { ...n, className: d("c-prose", n == null ? void 0 : n.className), dangerouslySetInnerHTML: {
+}) => /* @__PURE__ */ e.createElement(h, { ...n, className: d("c-prose", n == null ? void 0 : n.className), dangerouslySetInnerHTML: {
   __html: l
 }, __self: void 0, __source: {
   fileName: g2,
@@ -7426,7 +7426,8 @@ const sm = ({
   articles: l,
   layout: n,
   limitTop: m = 0,
-  isFixedBelowHeader: r = !0
+  isFixedBelowHeader: r = !0,
+  isHidden: i = !1
 }) => l.length === 0 ? null : /* @__PURE__ */ e.createElement(_, { direction: {
   xs: "column",
   md: "row"
@@ -7435,13 +7436,14 @@ const sm = ({
   md: "center"
 }, className: d("c-read-also-banner", {
   "c-read-also-banner--is-fixed": r,
-  "c-read-also-banner--is-fixed-below-header": r
+  "c-read-also-banner--is-fixed-below-header": r,
+  "c-read-also-banner--is-hidden": i
 }), px: {
   xs: "0",
   md: "m"
 }, py: "s", "data-banner-limit-top": m, bg: "grey-100", __self: void 0, __source: {
   fileName: E0,
-  lineNumber: 32,
+  lineNumber: 34,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(N, { as: "h3", size: {
   xs: "s",
@@ -7454,27 +7456,27 @@ const sm = ({
   sm: "0"
 }, __self: void 0, __source: {
   fileName: E0,
-  lineNumber: 44,
+  lineNumber: 47,
   columnNumber: 7
 } }, "À lire aussi"), /* @__PURE__ */ e.createElement(s0, { layout: n, sliderVariant: "default", buttonsBackground: "secondary", __self: void 0, __source: {
   fileName: E0,
-  lineNumber: 53,
+  lineNumber: 56,
   columnNumber: 7
-} }, l.map((i, c) => /* @__PURE__ */ e.createElement(T, { key: i.link, grow: 0, shrink: 0, align: "stretch", className: "c-read-also-banner__article", __self: void 0, __source: {
+} }, l.map((c, s) => /* @__PURE__ */ e.createElement(T, { key: c.link, grow: 0, shrink: 0, align: "stretch", className: "c-read-also-banner__article", __self: void 0, __source: {
   fileName: E0,
-  lineNumber: 55,
+  lineNumber: 58,
   columnNumber: 11
-} }, /* @__PURE__ */ e.createElement(ml, { ...i, alignItems: "center", cardTitleProps: {
+} }, /* @__PURE__ */ e.createElement(ml, { ...c, alignItems: "center", cardTitleProps: {
   maxRows: n === g.DESKTOP ? 2 : 3,
-  ...i.cardTitleProps
-}, pr: "m", ...c === 0 && {
+  ...c.cardTitleProps
+}, pr: "m", ...s === 0 && {
   pl: {
     xs: "m",
     sm: "0"
   }
 }, __self: void 0, __source: {
   fileName: E0,
-  lineNumber: 62,
+  lineNumber: 65,
   columnNumber: 13
 } })))));
 var Y = "/home/travis/build/20minutes/hela/src/components/molecules/SearchBanner/SearchBanner.tsx";
@@ -7519,7 +7521,7 @@ const tm = ({
     lineNumber: 58,
     columnNumber: 9
   } })));
-  return /* @__PURE__ */ e.createElement(v, { bg: "ultramarine", p: l === g.MOBILE ? "m" : void 0, className: "c-search-banner", __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(h, { bg: "ultramarine", p: l === g.MOBILE ? "m" : void 0, className: "c-search-banner", __self: void 0, __source: {
     fileName: Y,
     lineNumber: 77,
     columnNumber: 5
@@ -7564,7 +7566,7 @@ const z0 = ({
   inputProps: m,
   autocompleteResults: r,
   ...i
-}) => /* @__PURE__ */ e.createElement(v, { ...i, as: "form", autoComplete: r && r.length > 0 ? "off" : "on", id: l, className: d("c-search-form", i == null ? void 0 : i.className), action: n, method: "GET", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { ...i, as: "form", autoComplete: r && r.length > 0 ? "off" : "on", id: l, className: d("c-search-form", i == null ? void 0 : i.className), action: n, method: "GET", __self: void 0, __source: {
   fileName: Ue,
   lineNumber: 19,
   columnNumber: 3
@@ -7603,7 +7605,7 @@ const al = ({
   themeColor: m,
   isUnderlined: r = !0,
   ...i
-}) => /* @__PURE__ */ e.createElement(L, { ...n && {
+}) => /* @__PURE__ */ e.createElement(H, { ...n && {
   as: "a",
   href: n
 }, size: "xxs", weight: "bold", ...i, className: d("c-section-title", {
@@ -7666,7 +7668,7 @@ function w2() {
     }, o(z, y);
   }
   function t(z) {
-    var y = h();
+    var y = v();
     return function() {
       var M = x(z), Z;
       if (y) {
@@ -7685,7 +7687,7 @@ function w2() {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return z;
   }
-  function h() {
+  function v() {
     if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
     if (typeof Proxy == "function") return !0;
     try {
@@ -7750,7 +7752,7 @@ function w2() {
     }]), w;
   }(l.default.Component);
   te.InlineFollowButtons = F;
-  var B = /* @__PURE__ */ function(z) {
+  var L = /* @__PURE__ */ function(z) {
     s(w, z);
     var y = t(w);
     function w(M) {
@@ -7771,8 +7773,8 @@ function w2() {
       }
     }]), w;
   }(l.default.Component);
-  te.InlineShareButtons = B;
-  var ae = /* @__PURE__ */ function(z) {
+  te.InlineShareButtons = L;
+  var ee = /* @__PURE__ */ function(z) {
     s(w, z);
     var y = t(w);
     function w(M) {
@@ -7793,7 +7795,7 @@ function w2() {
       }
     }]), w;
   }(l.default.Component);
-  te.InlineReactionButtons = ae;
+  te.InlineReactionButtons = ee;
   var t0 = /* @__PURE__ */ function(z) {
     s(w, z);
     var y = t(w);
@@ -7825,7 +7827,7 @@ const om = ({
   const m = {
     width: l.length ? `${38 * l.length + 20}px` : "inherit"
   };
-  return /* @__PURE__ */ e.createElement(v, { p: "xxs-2", ...n, className: "c-share-bar", style: m, radius: "m", __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(h, { p: "xxs-2", ...n, className: "c-share-bar", style: m, radius: "m", __self: void 0, __source: {
     fileName: L1,
     lineNumber: 44,
     columnNumber: 5
@@ -7869,9 +7871,9 @@ const cl = ({
   disableAvatar: t = !1,
   themeColor: f,
   sponsor: b,
-  ...h
+  ...v
 }) => {
-  const x = /* @__PURE__ */ e.createElement(_, { ...h, as: "address", alignItems: "start", gap: "s", __self: void 0, __source: {
+  const x = /* @__PURE__ */ e.createElement(_, { ...v, as: "address", alignItems: "start", gap: "s", __self: void 0, __source: {
     fileName: oe,
     lineNumber: 45,
     columnNumber: 5
@@ -7883,7 +7885,7 @@ const cl = ({
     fileName: oe,
     lineNumber: 47,
     columnNumber: 7
-  } }, o ? /* @__PURE__ */ e.createElement(v, { __self: void 0, __source: {
+  } }, o ? /* @__PURE__ */ e.createElement(h, { __self: void 0, __source: {
     fileName: oe,
     lineNumber: 49,
     columnNumber: 11
@@ -7937,7 +7939,7 @@ const _m = ({
   fileName: xe,
   lineNumber: 21,
   columnNumber: 5
-} }), /* @__PURE__ */ e.createElement(v, { __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(h, { __self: void 0, __source: {
   fileName: xe,
   lineNumber: 22,
   columnNumber: 5
@@ -7978,47 +7980,50 @@ const w0 = ({
   link: o,
   isClickable: t = !0,
   isHighlighted: f = !1,
-  color: b,
-  ...h
+  isInToolbar: b = !1,
+  color: v,
+  ...x
 }) => {
-  const x = () => {
-    const B = /* @__PURE__ */ e.createElement(_, { as: "span", className: "c-social-bar-item__icon", alignItems: "center", justifyContent: "center", bg: n === "secondary" && t ? "grey-100" : void 0, color: b, __self: void 0, __source: {
+  const p = () => {
+    const ee = /* @__PURE__ */ e.createElement(_, { as: "span", className: d("c-social-bar-item__icon", {
+      "c-social-bar-item__icon--in-toolbar": b
+    }), alignItems: "center", justifyContent: "center", bg: n === "secondary" && t ? "grey-100" : void 0, color: v, __self: void 0, __source: {
       fileName: Ge,
-      lineNumber: 37,
+      lineNumber: 39,
       columnNumber: 7
     } }, /* @__PURE__ */ e.createElement(E, { size: n === "secondary" ? 15 : 20, name: l, __self: void 0, __source: {
       fileName: Ge,
-      lineNumber: 45,
+      lineNumber: 49,
       columnNumber: 9
     } }));
     return m || m === 0 ? /* @__PURE__ */ e.createElement(_, { className: "c-social-bar-item", alignItems: "center", __self: void 0, __source: {
       fileName: Ge,
-      lineNumber: 50,
+      lineNumber: 54,
       columnNumber: 7
-    } }, B, /* @__PURE__ */ e.createElement(N, { as: "span", size: n === "secondary" ? "xxs" : "xxs-2", color: n === "secondary" ? r || "black" : "white", bg: n === "primary" ? i || "ultramarine" : void 0, ml: n === "secondary" && t ? "xxs-2" : void 0, className: `c-social-bar-item__count--${n}`, __self: void 0, __source: {
+    } }, ee, /* @__PURE__ */ e.createElement(N, { as: "span", size: n === "secondary" ? "xxs" : "xxs-2", color: n === "secondary" ? r || "black" : "white", bg: n === "primary" ? i || "ultramarine" : void 0, ml: n === "secondary" && t ? "xxs-2" : void 0, className: `c-social-bar-item__count--${n}`, __self: void 0, __source: {
       fileName: Ge,
-      lineNumber: 52,
+      lineNumber: 56,
       columnNumber: 9
-    } }, m === 0 ? "0" : m)) : B;
+    } }, m === 0 ? "0" : m)) : ee;
   }, {
-    layout: p,
-    ...F
-  } = h;
-  return /* @__PURE__ */ e.createElement(_, { ...F, inline: !0, direction: "column", alignItems: "center", className: d("c-social-bar-item__container", {
+    layout: F,
+    ...L
+  } = x;
+  return /* @__PURE__ */ e.createElement(_, { ...L, inline: !0, direction: "column", alignItems: "center", className: d("c-social-bar-item__container", {
     "c-social-bar-item__container--is-clickable": t
   }, {
     "c-social-bar-item__container--is-highlighted": f
-  }, h == null ? void 0 : h.className), __self: void 0, __source: {
+  }, x == null ? void 0 : x.className), __self: void 0, __source: {
     fileName: Ge,
-    lineNumber: 72,
+    lineNumber: 76,
     columnNumber: 5
   } }, s || o ? /* @__PURE__ */ e.createElement("a", { href: s ? `#${s}` : o, __self: void 0, __source: {
     fileName: Ge,
-    lineNumber: 84,
+    lineNumber: 88,
     columnNumber: 25
-  } }, x()) : x(), /* @__PURE__ */ e.createElement(N, { size: "xxs-2", __self: void 0, __source: {
+  } }, p()) : p(), /* @__PURE__ */ e.createElement(N, { size: "xxs-2", __self: void 0, __source: {
     fileName: Ge,
-    lineNumber: 85,
+    lineNumber: 89,
     columnNumber: 7
   } }, c));
 };
@@ -8044,7 +8049,7 @@ const H0 = (l) => {
   commentAnchor: t,
   disableComment: f,
   blockVariant: b,
-  ...h
+  ...v
 }) => {
   const x = !f && /* @__PURE__ */ e.createElement(
     w0,
@@ -8083,11 +8088,11 @@ const H0 = (l) => {
     fileName: Xe,
     lineNumber: 79,
     columnNumber: 5
-  } }), B = o && /* @__PURE__ */ e.createElement(w0, { variant: H0(m), iconName: "report", className: "mbrs-social-report-container", color: "black", __self: void 0, __source: {
+  } }), L = o && /* @__PURE__ */ e.createElement(w0, { variant: H0(m), iconName: "report", className: "mbrs-social-report-container", color: "black", __self: void 0, __source: {
     fileName: Xe,
     lineNumber: 91,
     columnNumber: 5
-  } }), ae = (o || !!c) && /* @__PURE__ */ e.createElement(o1, { __self: void 0, __source: {
+  } }), ee = (o || !!c) && /* @__PURE__ */ e.createElement(o1, { __self: void 0, __source: {
     fileName: Xe,
     lineNumber: 99,
     columnNumber: 51
@@ -8100,16 +8105,16 @@ const H0 = (l) => {
           columnNumber: 13
         } }, x, p), F);
       case "horizontal":
-        return /* @__PURE__ */ e.createElement(e.Fragment, null, x, p, F, B);
+        return /* @__PURE__ */ e.createElement(e.Fragment, null, x, p, F, L);
       case "vertical":
-        return /* @__PURE__ */ e.createElement(e.Fragment, null, x, p, ae, F, B);
+        return /* @__PURE__ */ e.createElement(e.Fragment, null, x, p, ee, F, L);
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ e.createElement(_, { ...h, alignItems: "center", gap: m === "card" ? "xxs" : "xl", direction: m === "vertical" ? "column" : "row", className: d("c-social-bar", {
+  return /* @__PURE__ */ e.createElement(_, { ...v, alignItems: "center", gap: m === "card" ? "xxs" : "xl", direction: m === "vertical" ? "column" : "row", className: d("c-social-bar", {
     [`c-social-bar--${m}`]: m !== "card"
-  }, h.className), bg: m === "horizontal" ? "grey-50" : void 0, justifyContent: m === "card" ? "between" : void 0, "data-block-variant": b, __self: void 0, __source: {
+  }, v.className), bg: m === "horizontal" ? "grey-50" : void 0, justifyContent: m === "card" ? "between" : void 0, "data-block-variant": b, __self: void 0, __source: {
     fileName: Xe,
     lineNumber: 138,
     columnNumber: 5
@@ -8164,7 +8169,7 @@ const z2 = ({
     fileName: J,
     lineNumber: 56,
     columnNumber: 5
-  } }, /* @__PURE__ */ e.createElement(v, { className: "c-sub-menu__left", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(h, { className: "c-sub-menu__left", __self: void 0, __source: {
     fileName: J,
     lineNumber: 57,
     columnNumber: 7
@@ -8185,7 +8190,7 @@ const z2 = ({
     fileName: J,
     lineNumber: 74,
     columnNumber: 11
-  } })), r == null ? void 0 : r.subLinks.map((b, h) => /* @__PURE__ */ e.createElement(_, { key: b.href, as: "a", alignItems: "center", justifyContent: "between", href: b.href, mb: h !== r.subLinks.length - 1 ? "m" : "0", className: "c-sub-menu__link", __self: void 0, __source: {
+  } })), r == null ? void 0 : r.subLinks.map((b, v) => /* @__PURE__ */ e.createElement(_, { key: b.href, as: "a", alignItems: "center", justifyContent: "between", href: b.href, mb: v !== r.subLinks.length - 1 ? "m" : "0", className: "c-sub-menu__link", __self: void 0, __source: {
     fileName: J,
     lineNumber: 77,
     columnNumber: 11
@@ -8232,8 +8237,8 @@ const z2 = ({
     lineNumber: 118,
     columnNumber: 9
   } }, (f = r == null ? void 0 : r.cards) == null ? void 0 : f.map((b) => {
-    var h;
-    return /* @__PURE__ */ e.createElement(rl, { ...b, key: b.link, ...(h = b.cardHeaderProps) != null && h.headline ? {
+    var v;
+    return /* @__PURE__ */ e.createElement(rl, { ...b, key: b.link, ...(v = b.cardHeaderProps) != null && v.headline ? {
       cardHeaderProps: {
         headline: {
           text: b.cardHeaderProps.headline.text,
@@ -8268,7 +8273,7 @@ const il = ({
   className: c,
   tabProps: s,
   ...o
-}) => l.length > 0 ? /* @__PURE__ */ e.createElement(v, { className: d(c, "js-tabs", {
+}) => l.length > 0 ? /* @__PURE__ */ e.createElement(h, { className: d(c, "js-tabs", {
   "c-tabs-fit-container": m
 }), "data-tabs-name": n, ...o, __self: void 0, __source: {
   fileName: Z0,
@@ -8367,7 +8372,7 @@ const Nm = ({
   children: l,
   navigationLinks: n,
   user: m
-}) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(L, { as: "h2", size: "m", pt: "m", px: "m", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(H, { as: "h2", size: "m", pt: "m", px: "m", __self: void 0, __source: {
   fileName: Ee,
   lineNumber: 16,
   columnNumber: 5
@@ -8375,15 +8380,15 @@ const Nm = ({
   fileName: Ee,
   lineNumber: 18,
   columnNumber: 7
-} }, m.name)), /* @__PURE__ */ e.createElement(v, { p: "m", pt: "l", __self: void 0, __source: {
+} }, m.name)), /* @__PURE__ */ e.createElement(h, { p: "m", pt: "l", __self: void 0, __source: {
   fileName: Ee,
   lineNumber: 22,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(L, { as: "h3", size: "xs", mb: "l", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(H, { as: "h3", size: "xs", mb: "l", __self: void 0, __source: {
   fileName: Ee,
   lineNumber: 23,
   columnNumber: 7
-} }, "Mon tableau de bord"), /* @__PURE__ */ e.createElement(v, { __self: void 0, __source: {
+} }, "Mon tableau de bord"), /* @__PURE__ */ e.createElement(h, { __self: void 0, __source: {
   fileName: Ee,
   lineNumber: 26,
   columnNumber: 7
@@ -8403,12 +8408,12 @@ const Nm = ({
   fileName: Ee,
   lineNumber: 43,
   columnNumber: 13
-} }))))), l, /* @__PURE__ */ e.createElement(re, { color: "grey-200", __self: void 0, __source: {
+} }))))), l, /* @__PURE__ */ e.createElement(ue, { color: "grey-200", __self: void 0, __source: {
   fileName: Ee,
   lineNumber: 49,
   columnNumber: 5
 } }));
-var ee = "/home/travis/build/20minutes/hela/src/components/organisms/ActualSearchbar/ActualSearchbar.tsx";
+var le = "/home/travis/build/20minutes/hela/src/components/organisms/ActualSearchbar/ActualSearchbar.tsx";
 const C2 = [{
   value: "10",
   title: "10 km",
@@ -8432,8 +8437,8 @@ const C2 = [{
   containerProps: r,
   autocompleteDataAttributes: i,
   ...c
-}) => !n || !m ? null : /* @__PURE__ */ e.createElement(v, { ...c, className: d("c-actual-overview-bar", c.className), __self: void 0, __source: {
-  fileName: ee,
+}) => !n || !m ? null : /* @__PURE__ */ e.createElement(h, { ...c, className: d("c-actual-overview-bar", c.className), __self: void 0, __source: {
+  fileName: le,
   lineNumber: 45,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(_, { ...r, as: "form", id: "actual-search-form", alignItems: {
@@ -8443,11 +8448,11 @@ const C2 = [{
   xs: "column",
   md: "row"
 }, pt: "0", __self: void 0, __source: {
-  fileName: ee,
+  fileName: le,
   lineNumber: 46,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(T, { grow: 1, __self: void 0, __source: {
-  fileName: ee,
+  fileName: le,
   lineNumber: 56,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(h1, { ...i, apiUrl: n, triggerMessage: "Tapez 3 lettres pour rechercher...", id: "jobs-input", inputProps: {
@@ -8457,15 +8462,15 @@ const C2 = [{
   placeholder: "Je cherche un poste de...",
   isRounded: !1
 }, __self: void 0, __source: {
-  fileName: ee,
+  fileName: le,
   lineNumber: 57,
   columnNumber: 11
 } })), /* @__PURE__ */ e.createElement(_, { gap: "xxs", alignItems: "stretch", __self: void 0, __source: {
-  fileName: ee,
+  fileName: le,
   lineNumber: 71,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(T, { grow: 1, __self: void 0, __source: {
-  fileName: ee,
+  fileName: le,
   lineNumber: 72,
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement(h1, { ...i, apiUrl: m, id: "localisation-input", inputProps: {
@@ -8475,38 +8480,38 @@ const C2 = [{
   placeholder: "Localisation",
   isRounded: !1
 }, __self: void 0, __source: {
-  fileName: ee,
+  fileName: le,
   lineNumber: 73,
   columnNumber: 13
 } })), /* @__PURE__ */ e.createElement(T, { grow: 0, shrink: 0, __self: void 0, __source: {
-  fileName: ee,
+  fileName: le,
   lineNumber: 86,
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement(Q1, { name: "distance", placeholder: "Rayon", options: C2, __self: void 0, __source: {
-  fileName: ee,
+  fileName: le,
   lineNumber: 87,
   columnNumber: 13
 } }))), l === g.DESKTOP ? /* @__PURE__ */ e.createElement(j, { type: "submit", isSquare: !0, px: "xxl", __self: void 0, __source: {
-  fileName: ee,
+  fileName: le,
   lineNumber: 91,
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement("span", { className: "u-hidden", __self: void 0, __source: {
-  fileName: ee,
+  fileName: le,
   lineNumber: 92,
   columnNumber: 13
 } }, "Recherchez"), /* @__PURE__ */ e.createElement(E, { name: "search", color: "white", size: 18, __self: void 0, __source: {
-  fileName: ee,
+  fileName: le,
   lineNumber: 93,
   columnNumber: 13
 } })) : /* @__PURE__ */ e.createElement(j, { type: "submit", className: "c-btn--full-width", isSquare: !0, iconProps: {
   name: "search",
   size: 18
 }, __self: void 0, __source: {
-  fileName: ee,
+  fileName: le,
   lineNumber: 96,
   columnNumber: 11
 } }, "Recherchez")));
-var le = "/home/travis/build/20minutes/hela/src/components/organisms/Elections/ElectionsResult.tsx";
+var ne = "/home/travis/build/20minutes/hela/src/components/organisms/Elections/ElectionsResult.tsx";
 const hm = ({
   label: l,
   result: n,
@@ -8518,57 +8523,57 @@ const hm = ({
   ...o
 }) => {
   const t = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(K, { size: "xs", mb: "xxs", hasBigLineHeight: !!m, __self: void 0, __source: {
-    fileName: le,
+    fileName: ne,
     lineNumber: 48,
     columnNumber: 7
   } }, m && /* @__PURE__ */ e.createElement(K, { size: "xs", bg: m.status === "qualif" ? "orange" : "red", color: "white", mr: "xs", __self: void 0, __source: {
-    fileName: le,
+    fileName: ne,
     lineNumber: 50,
     columnNumber: 11
   } }, m.status === "qualif" ? `candidat${m.title === "Mme" ? "e" : ""} 2nd tour` : `élu${m.title === "Mme" ? "e" : ""}`), l), /* @__PURE__ */ e.createElement(E2, { percentage: n, ...i && {
     progressBarClassName: `c-percentage-bar__progress-bar--${i}`
   }, __self: void 0, __source: {
-    fileName: le,
+    fileName: ne,
     lineNumber: 63,
     columnNumber: 7
   } }), (r || r === 0) && /* @__PURE__ */ e.createElement(N, { size: "xs", color: "grey-400", weight: "bold", mt: "s", __self: void 0, __source: {
-    fileName: le,
+    fileName: ne,
     lineNumber: 70,
     columnNumber: 9
   } }, r.toLocaleString("fr-FR"), " voix"));
-  return /* @__PURE__ */ e.createElement(v, { ...o, className: d("c-elections-result", o == null ? void 0 : o.className), bg: "grey-100", p: "m", pb: s && s.length > 0 ? "xxl" : "m", __self: void 0, __source: {
-    fileName: le,
+  return /* @__PURE__ */ e.createElement(h, { ...o, className: d("c-elections-result", o == null ? void 0 : o.className), bg: "grey-100", p: "m", pb: s && s.length > 0 ? "xxl" : "m", __self: void 0, __source: {
+    fileName: ne,
     lineNumber: 78,
     columnNumber: 5
   } }, c ? /* @__PURE__ */ e.createElement(_, { __self: void 0, __source: {
-    fileName: le,
+    fileName: ne,
     lineNumber: 86,
     columnNumber: 9
   } }, /* @__PURE__ */ e.createElement(N, { as: "span", color: "ultramarine", fontFamily: "source-serif-pro", weight: "semi-bold", className: "c-elections-result__ranking-number", __self: void 0, __source: {
-    fileName: le,
+    fileName: ne,
     lineNumber: 87,
     columnNumber: 11
   } }, c), /* @__PURE__ */ e.createElement(T, { grow: 1, __self: void 0, __source: {
-    fileName: le,
+    fileName: ne,
     lineNumber: 96,
     columnNumber: 11
   } }, t, s && s.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Qe, { colsNumber: {
     xs: 1,
     sm: 2
   }, gapY: "m", gapX: "xxs-2", mt: "l", "aria-hidden": s.length > 0, className: "c-elections-result__members js-expand-target", __self: void 0, __source: {
-    fileName: le,
+    fileName: ne,
     lineNumber: 100,
     columnNumber: 17
   } }, s.map((f, b) => /* @__PURE__ */ e.createElement("div", { key: `${f.lastName}${f.firstName}`, __self: void 0, __source: {
-    fileName: le,
+    fileName: ne,
     lineNumber: 109,
     columnNumber: 21
   } }, /* @__PURE__ */ e.createElement(N, { as: "span", size: "xs", __self: void 0, __source: {
-    fileName: le,
+    fileName: ne,
     lineNumber: 110,
     columnNumber: 23
   } }, b + 1, " - ", f.title, " ", f.firstName), " ", /* @__PURE__ */ e.createElement(N, { as: "span", size: "xs", weight: "bold", __self: void 0, __source: {
-    fileName: le,
+    fileName: ne,
     lineNumber: 113,
     columnNumber: 23
   } }, f.lastName)))), /* @__PURE__ */ e.createElement(j, { variant: "round-has-white-bg", className: "c-elections-result__expand-button js-expand-button", "aria-expanded": "false", iconProps: {
@@ -8576,7 +8581,7 @@ const hm = ({
     size: 12,
     svgTitle: "Expand"
   }, __self: void 0, __source: {
-    fileName: le,
+    fileName: ne,
     lineNumber: 119,
     columnNumber: 17
   } })))) : t);
@@ -8639,7 +8644,7 @@ const tl = ({
   lineNumber: 25,
   columnNumber: 9
 } }))));
-var V = "/home/travis/build/20minutes/hela/src/components/organisms/Footer/FooterDesktop.tsx";
+var B = "/home/travis/build/20minutes/hela/src/components/organisms/Footer/FooterDesktop.tsx";
 const F2 = ({
   logohref: l,
   categories: n,
@@ -8647,104 +8652,104 @@ const F2 = ({
   socialIcons: r,
   archives: i,
   links: c
-}) => /* @__PURE__ */ e.createElement(v, { as: "footer", className: "c-footer", bg: m || "ultramarine", __self: void 0, __source: {
-  fileName: V,
+}) => /* @__PURE__ */ e.createElement(h, { as: "footer", className: "c-footer", bg: m || "ultramarine", __self: void 0, __source: {
+  fileName: B,
   lineNumber: 15,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(_, { className: "c-footer__top", justifyContent: "between", py: "xxl", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 17,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(v, { className: "c-footer__left", __self: void 0, __source: {
-  fileName: V,
+} }, /* @__PURE__ */ e.createElement(h, { className: "c-footer__left", __self: void 0, __source: {
+  fileName: B,
   lineNumber: 19,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(C, { href: l, __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 21,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(E, { name: "logo-mini", size: 70, color: "white", border: "medium", svgTitle: "Retour sur la page d'accueil 20 Minutes", p: "xs", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 22,
   columnNumber: 11
 } })), /* @__PURE__ */ e.createElement(tl, { socialIcons: r, themeColor: m, mt: "xxl", className: "c-footer__social-icons", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 33,
   columnNumber: 9
-} }), /* @__PURE__ */ e.createElement(re, { color: "grey-200", my: "xl", __self: void 0, __source: {
-  fileName: V,
+} }), /* @__PURE__ */ e.createElement(ue, { color: "grey-200", my: "xl", __self: void 0, __source: {
+  fileName: B,
   lineNumber: 40,
   columnNumber: 9
 } }), /* @__PURE__ */ e.createElement(N, { size: "m", color: "white", mb: "s", weight: "bold", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 42,
   columnNumber: 9
 } }, "Nos applications"), /* @__PURE__ */ e.createElement(N, { color: "white", mb: "l", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 45,
   columnNumber: 9
 } }, "Découvrez l‘ensemble de nos applications 20 Minutes !"), /* @__PURE__ */ e.createElement(_, { gap: "xs", wrap: "wrap", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 50,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(A0, { href: "https://apps.apple.com/fr/app/20-minutes-news-en-continu/id308834491", iconName: "apple", name: "App Store", themeColor: m, __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 51,
   columnNumber: 11
 } }), /* @__PURE__ */ e.createElement(A0, { href: "https://play.google.com/store/apps/details?id=com.backelite.vingtminutes&hl=fr", iconName: "googleplay", name: "Google Play", themeColor: m, __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 57,
   columnNumber: 11
-} })), i && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(re, { color: "grey-200", my: "xl", __self: void 0, __source: {
-  fileName: V,
+} })), i && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(ue, { color: "grey-200", my: "xl", __self: void 0, __source: {
+  fileName: B,
   lineNumber: 67,
   columnNumber: 13
 } }), /* @__PURE__ */ e.createElement(N, { size: "m", color: "white", mb: "s", weight: "bold", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 68,
   columnNumber: 13
 } }, "Archives"), /* @__PURE__ */ e.createElement(Qe, { colsNumber: 6, gap: "s", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 71,
   columnNumber: 13
 } }, i.map((s) => /* @__PURE__ */ e.createElement(C, { key: s.name, href: s.href, color: "white", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 73,
   columnNumber: 17
 } }, s.name))))), /* @__PURE__ */ e.createElement(Qe, { colsNumber: 3, className: "c-footer__right", color: "white", gapY: "l", gapX: "xxl", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 83,
   columnNumber: 7
 } }, n.map((s) => /* @__PURE__ */ e.createElement(_, { direction: "column", key: s.name, __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 85,
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement(N, { mb: "m", size: "l", weight: "bold", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 86,
   columnNumber: 13
 } }, s.name), s.links.map((o, t) => /* @__PURE__ */ e.createElement(C, { key: o.href, ...o, color: "white", mb: t < s.links.length - 1 ? "xs" : void 0, __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 90,
   columnNumber: 15
-} })))))), /* @__PURE__ */ e.createElement(re, { color: "grey-200", __self: void 0, __source: {
-  fileName: V,
+} })))))), /* @__PURE__ */ e.createElement(ue, { color: "grey-200", __self: void 0, __source: {
+  fileName: B,
   lineNumber: 102,
   columnNumber: 5
 } }), /* @__PURE__ */ e.createElement(_, { className: "c-footer__bottom", direction: "column", py: "xxl", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 105,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(sl, { links: c, justifyContent: "center", mb: "xxl", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 106,
   columnNumber: 7
 } }), /* @__PURE__ */ e.createElement(N, { as: "strong", color: "white", mb: "xs", textAlign: "center", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 107,
   columnNumber: 7
 } }, "© Copyright 20 Minutes"), /* @__PURE__ */ e.createElement(N, { color: "white", textAlign: "center", __self: void 0, __source: {
-  fileName: V,
+  fileName: B,
   lineNumber: 110,
   columnNumber: 7
 } }, "La fréquentation de 20 Minutes est certifiée par l‘ACPM")));
@@ -8755,7 +8760,7 @@ const k2 = ({
   themeColor: m,
   socialIcons: r,
   links: i
-}) => /* @__PURE__ */ e.createElement(v, { as: "footer", bg: m || "ultramarine", className: "c-footer-mobile", color: "white", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(h, { as: "footer", bg: m || "ultramarine", className: "c-footer-mobile", color: "white", __self: void 0, __source: {
   fileName: D,
   lineNumber: 14,
   columnNumber: 3
@@ -8812,7 +8817,7 @@ const k2 = ({
   fileName: D,
   lineNumber: 67,
   columnNumber: 7
-} })), /* @__PURE__ */ e.createElement(re, { color: "grey-200", __self: void 0, __source: {
+} })), /* @__PURE__ */ e.createElement(ue, { color: "grey-200", __self: void 0, __source: {
   fileName: D,
   lineNumber: 75,
   columnNumber: 5
@@ -8820,11 +8825,11 @@ const k2 = ({
   fileName: D,
   lineNumber: 78,
   columnNumber: 5
-} }), /* @__PURE__ */ e.createElement(re, { color: "grey-200", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(ue, { color: "grey-200", __self: void 0, __source: {
   fileName: D,
   lineNumber: 80,
   columnNumber: 5
-} }), /* @__PURE__ */ e.createElement(v, { className: "c-footer-mobile__bottom", px: "m", pt: "xl", pb: "xxl-2", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(h, { className: "c-footer-mobile__bottom", px: "m", pt: "xl", pb: "xxl-2", __self: void 0, __source: {
   fileName: D,
   lineNumber: 83,
   columnNumber: 5
@@ -8886,7 +8891,7 @@ const S2 = ({
     lineNumber: 26,
     columnNumber: 7
   } }));
-  return /* @__PURE__ */ e.createElement(v, { className: d("c-header", {
+  return /* @__PURE__ */ e.createElement(h, { className: d("c-header", {
     [`c-header--theme-${i || "ultramarine"}`]: !!i || "ultramarine"
   }), __self: void 0, __source: {
     fileName: $,
@@ -8987,7 +8992,7 @@ const S2 = ({
     fileName: $,
     lineNumber: 151,
     columnNumber: 9
-  } }, m.map((s) => /* @__PURE__ */ e.createElement(v, { key: s.link, className: d("c-header__link-and-submenu-container", {
+  } }, m.map((s) => /* @__PURE__ */ e.createElement(h, { key: s.link, className: d("c-header__link-and-submenu-container", {
     [`c-header__link-and-submenu-container--theme-${s.color || "ultramarine"}`]: s.color || "ultramarine",
     "c-header__link-and-submenu-container--is-hidden": !s.subCategory
   }), __self: void 0, __source: {
@@ -9076,15 +9081,15 @@ const xm = ({
   seeMoreLinkBoxProps: s,
   ...o
 }) => {
-  const t = (h, x) => h.slice(0, x), b = l.map((h) => ({
-    ...h,
-    body: t(h.body, n === g.DESKTOP ? h.name === "le-direct" && 25 || 10 : 5)
-  })).map((h) => {
-    const x = h.name === "le-direct";
+  const t = (v, x) => v.slice(0, x), b = l.map((v) => ({
+    ...v,
+    body: t(v.body, n === g.DESKTOP ? v.name === "le-direct" && 25 || 10 : 5)
+  })).map((v) => {
+    const x = v.name === "le-direct";
     return {
-      name: h.name,
-      title: h.title,
-      tabColor: h.tabColor,
+      name: v.name,
+      title: v.title,
+      tabColor: v.tabColor,
       content: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: d({
         "c-most-read-articles-is-scrollable": i && n === g.DESKTOP,
         "c-most-read-articles-fit-container": m && n === g.DESKTOP
@@ -9092,7 +9097,7 @@ const xm = ({
         fileName: Te,
         lineNumber: 72,
         columnNumber: 11
-      } }, h.body.map((p, F) => /* @__PURE__ */ e.createElement(e.Fragment, { key: p.title, __self: void 0, __source: {
+      } }, v.body.map((p, F) => /* @__PURE__ */ e.createElement(e.Fragment, { key: p.title, __self: void 0, __source: {
         fileName: Te,
         lineNumber: 79,
         columnNumber: 15
@@ -9108,7 +9113,7 @@ const xm = ({
           md: "xxs-3"
         },
         cartridge: p.cartridge
-      }, layout: n, mr: i && n === g.DESKTOP && h.body.length > 3 ? "s" : void 0, __self: void 0, __source: {
+      }, layout: n, mr: i && n === g.DESKTOP && v.body.length > 3 ? "s" : void 0, __self: void 0, __source: {
         fileName: Te,
         lineNumber: 81,
         columnNumber: 19
@@ -9126,7 +9131,7 @@ const xm = ({
         fileName: Te,
         lineNumber: 100,
         columnNumber: 19
-      } }), F !== h.body.length - 1 && /* @__PURE__ */ e.createElement(re, { color: "grey-200", my: "s", __self: void 0, __source: {
+      } }), F !== v.body.length - 1 && /* @__PURE__ */ e.createElement(ue, { color: "grey-200", my: "s", __self: void 0, __source: {
         fileName: Te,
         lineNumber: 112,
         columnNumber: 51
@@ -9176,7 +9181,7 @@ const Em = ({
       fileName: Ye,
       lineNumber: 68,
       columnNumber: 9
-    } }, f.body.map((b, h) => /* @__PURE__ */ e.createElement(e.Fragment, { key: b.title, __self: void 0, __source: {
+    } }, f.body.map((b, v) => /* @__PURE__ */ e.createElement(e.Fragment, { key: b.title, __self: void 0, __source: {
       fileName: Ye,
       lineNumber: 75,
       columnNumber: 13
@@ -9188,7 +9193,7 @@ const Em = ({
       fileName: Ye,
       lineNumber: 76,
       columnNumber: 15
-    } }), h !== f.body.length - 1 && /* @__PURE__ */ e.createElement(re, { color: "grey-200", my: "s", __self: void 0, __source: {
+    } }), v !== f.body.length - 1 && /* @__PURE__ */ e.createElement(ue, { color: "grey-200", my: "s", __self: void 0, __source: {
       fileName: Ye,
       lineNumber: 87,
       columnNumber: 49
@@ -9216,7 +9221,7 @@ const gm = ({
 }) => {
   if (!l.length)
     return null;
-  const r = /* @__PURE__ */ e.createElement(L, { as: "h4", size: "xxs-2", weight: "bold", color: "ultramarine", ml: {
+  const r = /* @__PURE__ */ e.createElement(H, { as: "h4", size: "xxs-2", weight: "bold", color: "ultramarine", ml: {
     xs: "m",
     md: "0"
   }, mr: {
@@ -9257,7 +9262,7 @@ const gm = ({
     loaded: !1,
     loading: !1
   }));
-  return /* @__PURE__ */ e.createElement(v, { className: "js-overview-bar-container", __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(h, { className: "js-overview-bar-container", __self: void 0, __source: {
     fileName: ke,
     lineNumber: 73,
     columnNumber: 5
@@ -9265,7 +9270,7 @@ const gm = ({
     fileName: ke,
     lineNumber: 75,
     columnNumber: 9
-  } }, r, i) : /* @__PURE__ */ e.createElement(v, { py: "xs", className: "c-overview-bar", __self: void 0, __source: {
+  } }, r, i) : /* @__PURE__ */ e.createElement(h, { py: "xs", className: "c-overview-bar", __self: void 0, __source: {
     fileName: ke,
     lineNumber: 80,
     columnNumber: 9
@@ -9316,7 +9321,7 @@ const $2 = ({
     fileName: U,
     lineNumber: 51,
     columnNumber: 17
-  } }), m && /* @__PURE__ */ e.createElement(v, { mb: "xs", __self: void 0, __source: {
+  } }), m && /* @__PURE__ */ e.createElement(h, { mb: "xs", __self: void 0, __source: {
     fileName: U,
     lineNumber: 53,
     columnNumber: 9
@@ -9337,7 +9342,7 @@ const $2 = ({
     fileName: U,
     lineNumber: 72,
     columnNumber: 11
-  } }, /* @__PURE__ */ e.createElement(re, { color: "grey-200", my: "s", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(ue, { color: "grey-200", my: "s", __self: void 0, __source: {
     fileName: U,
     lineNumber: 73,
     columnNumber: 13
@@ -9362,7 +9367,7 @@ const $2 = ({
   items: n,
   layout: m,
   ...r
-}) => n.length > 0 ? /* @__PURE__ */ e.createElement(v, { ...r, className: "c-three-columns-articles", __self: void 0, __source: {
+}) => n.length > 0 ? /* @__PURE__ */ e.createElement(h, { ...r, className: "c-three-columns-articles", __self: void 0, __source: {
   fileName: U,
   lineNumber: 99,
   columnNumber: 5
@@ -9408,16 +9413,18 @@ var O1 = "/home/travis/build/20minutes/hela/src/components/organisms/Toolbar/Too
 const zm = ({
   items: l,
   activeItem: n
-}) => /* @__PURE__ */ e.createElement(_, { alignItems: "center", justifyContent: "around", gap: "xl", direction: "row", className: "c-toolbar", bg: "grey-50", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(_, { alignItems: "center", justifyContent: "around", direction: "row", className: "c-toolbar", bg: "grey-50", __self: void 0, __source: {
   fileName: O1,
-  lineNumber: 16,
+  lineNumber: 17,
   columnNumber: 3
 } }, l.map(({
   name: m,
   iconName: r,
   label: i,
   link: c
-}) => /* @__PURE__ */ e.createElement(w0, { key: m, className: m === "videos" ? "dtk-videofeed" : void 0, iconName: r, link: c, variant: "primary", isHighlighted: n === m, label: i, __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(w0, { key: m, className: d("c-toolbar__item", {
+  "dtk-videofeed": m === "videos"
+}), iconName: r, link: c, variant: "primary", isHighlighted: n === m, label: i, isInToolbar: !0, __self: void 0, __source: {
   fileName: O1,
   lineNumber: 25,
   columnNumber: 7
@@ -9434,11 +9441,11 @@ export {
   h1 as Autocomplete,
   zl as Avatar,
   u2 as AvatarGroup,
-  v as Box,
+  h as Box,
   zn as Breadcrumb,
   Mn as BulletedList,
   j as Button,
-  ue as CardContainer,
+  ae as CardContainer,
   Cn as CardExtraLarge,
   nl as CardExtraSmall,
   ll as CardFooter,
@@ -9470,7 +9477,7 @@ export {
   j0 as CountdownItem,
   Rn as DarkModeSwitch,
   An as DiscoverList,
-  re as Divider,
+  ue as Divider,
   t1 as DividerSection,
   G1 as DividerVertical,
   On as ElectionsPromoBanner,
@@ -9491,7 +9498,7 @@ export {
   Wn as HeaderSection,
   h2 as HeaderSideModal,
   d1 as HeaderTitle,
-  L as Heading,
+  H as Heading,
   Un as HoroscopeContent,
   Gn as HoroscopeTiles,
   v2 as HoroscopeTopicCard,
@@ -9605,7 +9612,7 @@ export {
   O2 as textTransformList,
   rn as themeColorAvailables,
   R2 as themeList,
-  ne as tokenVariables,
+  me as tokenVariables,
   vl as typographySystemProps,
   D2 as whiteSpaceList
 };