@20minutes/hela 0.1.173 → 0.1.174

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import * as s from "react";
 import e from "react";
-var h = /* @__PURE__ */ ((l) => (l.MOBILE = "mobile", l.DESKTOP = "desktop", l))(h || {}), Ie = /* @__PURE__ */ ((l) => (l.photo = "photo", l.podcast = "podcast", l.video = "video", l))(Ie || {});
+var x = /* @__PURE__ */ ((l) => (l.MOBILE = "mobile", l.DESKTOP = "desktop", l))(x || {}), Ie = /* @__PURE__ */ ((l) => (l.photo = "photo", l.podcast = "podcast", l.video = "video", l))(Ie || {});
 const $ = {
   asset: {
     font: {
@@ -836,10 +836,10 @@ const $ = {
 function S(l) {
   return e.forwardRef(l);
 }
-const p0 = ({ src: l, formats: m }) => {
+const g0 = ({ src: l, formats: m }) => {
   if (m !== void 0 && m.length > 0)
     return m.map((r) => `${l.replace(/%format/, r)} ${r.split("x")[0]}w`).join(", ");
-}, g0 = ({ src: l, format: m }) => l.replace(/%format/, m);
+}, p0 = ({ src: l, format: m }) => l.replace(/%format/, m);
 function E0(l) {
   return l && l.__esModule && Object.prototype.hasOwnProperty.call(l, "default") ? l.default : l;
 }
@@ -853,28 +853,28 @@ var Y1 = { exports: {} };
   (function() {
     var m = {}.hasOwnProperty;
     function r() {
-      for (var a = [], c = 0; c < arguments.length; c++) {
-        var i = arguments[c];
-        if (i) {
-          var n = typeof i;
-          if (n === "string" || n === "number")
-            a.push(i);
-          else if (Array.isArray(i)) {
-            if (i.length) {
-              var t = r.apply(null, i);
-              t && a.push(t);
-            }
-          } else if (n === "object") {
-            if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]")) {
-              a.push(i.toString());
-              continue;
-            }
-            for (var u in i)
-              m.call(i, u) && i[u] && a.push(u);
-          }
-        }
+      for (var i = "", n = 0; n < arguments.length; n++) {
+        var t = arguments[n];
+        t && (i = c(i, a(t)));
       }
-      return a.join(" ");
+      return i;
+    }
+    function a(i) {
+      if (typeof i == "string" || typeof i == "number")
+        return i;
+      if (typeof i != "object")
+        return "";
+      if (Array.isArray(i))
+        return r.apply(null, i);
+      if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]"))
+        return i.toString();
+      var n = "";
+      for (var t in i)
+        m.call(i, t) && i[t] && (n = c(n, t));
+      return n;
+    }
+    function c(i, n) {
+      return n ? i ? i + " " + n : i + n : i;
     }
     l.exports ? (r.default = r, l.exports = r) : window.classNames = r;
   })();
@@ -929,7 +929,7 @@ const N2 = ({
   fileName: xe,
   lineNumber: 26,
   columnNumber: 3
-} }, i && /* @__PURE__ */ e.createElement(v, { size: 18, mt: "xxs-2", ...i, __self: void 0, __source: {
+} }, i && /* @__PURE__ */ e.createElement(h, { size: 18, mt: "xxs-2", ...i, __self: void 0, __source: {
   fileName: xe,
   lineNumber: 31,
   columnNumber: 19
@@ -937,11 +937,11 @@ const N2 = ({
   fileName: xe,
   lineNumber: 32,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(y, { as: "h4", size: "xxs-2", mb: "xxs-2", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(M, { as: "h4", size: "xxs-2", mb: "xxs-2", __self: void 0, __source: {
   fileName: xe,
   lineNumber: 33,
   columnNumber: 7
-} }, m), /* @__PURE__ */ e.createElement(f, { className: "c-alert__text", __self: void 0, __source: {
+} }, m), /* @__PURE__ */ e.createElement(d, { className: "c-alert__text", __self: void 0, __source: {
   fileName: xe,
   lineNumber: 36,
   columnNumber: 7
@@ -991,7 +991,7 @@ const f2 = ["primary", "secondary", "tertiary", "has-dark-bg", "ghost", "round",
       columnNumber: 5
     }
   },
-  a && /* @__PURE__ */ e.createElement(v, { ...a, __self: void 0, __source: {
+  a && /* @__PURE__ */ e.createElement(h, { ...a, __self: void 0, __source: {
     fileName: $1,
     lineNumber: 41,
     columnNumber: 21
@@ -1031,7 +1031,7 @@ var S0 = "/home/travis/build/20minutes/hela/src/components/atoms/DiodeRubricIcon
 const Q1 = ({
   rubricColor: l,
   ...m
-}) => /* @__PURE__ */ e.createElement(v, { ...m, name: "diode-rubric", className: N("c-diode-rubric-icon", {
+}) => /* @__PURE__ */ e.createElement(h, { ...m, name: "diode-rubric", className: N("c-diode-rubric-icon", {
   [`c-diode-rubric-icon--${l}`]: !!l
 }, m == null ? void 0 : m.className), __self: void 0, __source: {
   fileName: S0,
@@ -1062,7 +1062,7 @@ const be = S(({
     fileName: Ue,
     lineNumber: 37,
     columnNumber: 13
-  } }, /* @__PURE__ */ e.createElement(f, { size: "xxs", color: m, textTransform: "uppercase", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(d, { size: "xxs", color: m, textTransform: "uppercase", __self: void 0, __source: {
     fileName: Ue,
     lineNumber: 38,
     columnNumber: 15
@@ -1124,7 +1124,7 @@ const b2 = ({
   columnNumber: 3
 } });
 var ke = "/home/travis/build/20minutes/hela/src/components/atoms/Icon/Icon.tsx";
-const v = S(({
+const h = S(({
   name: l,
   size: m = 28,
   withBorder: r = !1,
@@ -1133,7 +1133,7 @@ const v = S(({
   svgTitle: i,
   ...n
 }, t) => {
-  const u = Array.isArray(m) ? m == null ? void 0 : m[0] : m, d = Array.isArray(m) ? m == null ? void 0 : m[1] : m;
+  const u = Array.isArray(m) ? m == null ? void 0 : m[0] : m, f = Array.isArray(m) ? m == null ? void 0 : m[1] : m;
   return /* @__PURE__ */ e.createElement(b, { ...n, ref: t, className: N("c-icon", {
     "c-icon--withBorder": r,
     "c-icon--isRounded": a,
@@ -1142,7 +1142,7 @@ const v = S(({
     fileName: ke,
     lineNumber: 26,
     columnNumber: 7
-  } }, /* @__PURE__ */ e.createElement("svg", { width: u, height: d, __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement("svg", { width: u, height: f, __self: void 0, __source: {
     fileName: ke,
     lineNumber: 39,
     columnNumber: 9
@@ -2380,20 +2380,20 @@ const u1 = ({
   fetchPriority: t,
   ...u
 }) => {
-  const d = r.split("x"), x = d[0], p = d[1];
-  let w, Q = `data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='${x}'%20height='${p}'%3E%3C/svg%3E`;
-  m && (Q = g0({
+  const f = r.split("x"), v = f[0], g = f[1];
+  let w, Q = `data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='${v}'%20height='${g}'%3E%3C/svg%3E`;
+  m && (Q = p0({
     src: m,
     format: r
-  }), w = p0({
+  }), w = g0({
     formats: a,
     src: m
   }));
   const he = n ? "lazy" : "eager", Se = {
     ...u,
     id: l || void 0,
-    width: x,
-    height: p,
+    width: v,
+    height: g,
     sizes: i || void 0,
     alt: c,
     className: N("c-img", u == null ? void 0 : u.className),
@@ -2410,7 +2410,7 @@ var V0 = "/home/travis/build/20minutes/hela/src/components/atoms/InlineSeparator
 const De = ({
   size: l,
   ...m
-}) => /* @__PURE__ */ e.createElement(f, { as: "span", size: l || "s", ...m, __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(d, { as: "span", size: l || "s", ...m, __self: void 0, __source: {
   fileName: V0,
   lineNumber: 5,
   columnNumber: 3
@@ -2426,11 +2426,11 @@ const i1 = S(({
   positionIcon: n = "left",
   isIconButton: t = !1,
   iconButtonProps: u,
-  variant: d,
-  msg: x,
-  containerProps: p,
+  variant: f,
+  msg: v,
+  containerProps: g,
   ...w
-}, Q) => /* @__PURE__ */ e.createElement(_, { direction: "column", ref: Q, className: "c-input", ...p, __self: void 0, __source: {
+}, Q) => /* @__PURE__ */ e.createElement(_, { direction: "column", ref: Q, className: "c-input", ...g, __self: void 0, __source: {
   fileName: A,
   lineNumber: 38,
   columnNumber: 5
@@ -2453,22 +2453,22 @@ const i1 = S(({
   fileName: A,
   lineNumber: 52,
   columnNumber: 13
-} }) : /* @__PURE__ */ e.createElement(v, { className: N("c-input-container__icon", `c-input-container__icon--${n}`), name: i, size: 18, __self: void 0, __source: {
+} }) : /* @__PURE__ */ e.createElement(h, { className: N("c-input-container__icon", `c-input-container__icon--${n}`), name: i, size: 18, __self: void 0, __source: {
   fileName: A,
   lineNumber: 66,
   columnNumber: 13
 } })), /* @__PURE__ */ e.createElement("input", { id: l, className: N("c-input-container__input", {
   [`c-input-container__input--has-icon--${n}`]: i,
-  [`c-input-container__input--${d}`]: d
+  [`c-input-container__input--${f}`]: f
 }, m), required: a, ...w, __self: void 0, __source: {
   fileName: A,
   lineNumber: 75,
   columnNumber: 9
-} })), x && x.length && /* @__PURE__ */ e.createElement(_, { wrap: "wrap", gapY: "s", gapX: "xxs-2", mt: "xxs-2", __self: void 0, __source: {
+} })), v && v.length && /* @__PURE__ */ e.createElement(_, { wrap: "wrap", gapY: "s", gapX: "xxs-2", mt: "xxs-2", __self: void 0, __source: {
   fileName: A,
   lineNumber: 90,
   columnNumber: 9
-} }, x.map(({
+} }, v.map(({
   iconProps: he,
   textProps: Se,
   value: _0
@@ -2476,11 +2476,11 @@ const i1 = S(({
   fileName: A,
   lineNumber: 92,
   columnNumber: 13
-} }, he && /* @__PURE__ */ e.createElement(v, { ...he, __self: void 0, __source: {
+} }, he && /* @__PURE__ */ e.createElement(h, { ...he, __self: void 0, __source: {
   fileName: A,
   lineNumber: 93,
   columnNumber: 29
-} }), /* @__PURE__ */ e.createElement(f, { dangerouslySetInnerHTML: {
+} }), /* @__PURE__ */ e.createElement(d, { dangerouslySetInnerHTML: {
   __html: _0
 }, role: "alert", ...Se, __self: void 0, __source: {
   fileName: A,
@@ -2506,7 +2506,7 @@ const W = ({
   fileName: x1,
   lineNumber: 34,
   columnNumber: 16
-} }), /* @__PURE__ */ e.createElement(f, { ...t, as: "span", size: i || "xxs", weight: "bold", textTransform: c ? "uppercase" : void 0, __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(d, { ...t, as: "span", size: i || "xxs", weight: "bold", textTransform: c ? "uppercase" : void 0, __self: void 0, __source: {
   fileName: x1,
   lineNumber: 35,
   columnNumber: 5
@@ -2514,7 +2514,7 @@ const W = ({
 var j0 = "/home/travis/build/20minutes/hela/src/components/atoms/LabelSection/LabelSection.tsx";
 const h2 = ({
   children: l
-}) => /* @__PURE__ */ e.createElement(y, { as: "h4", size: "xxs", weight: "bold", color: "ultramarine", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(M, { as: "h4", size: "xxs", weight: "bold", color: "ultramarine", __self: void 0, __source: {
   fileName: j0,
   lineNumber: 9,
   columnNumber: 3
@@ -2769,7 +2769,7 @@ const k = S(({
     m
   );
 });
-var p1 = "/home/travis/build/20minutes/hela/src/components/atoms/Modal/Modal.tsx";
+var g1 = "/home/travis/build/20minutes/hela/src/components/atoms/Modal/Modal.tsx";
 const W0 = ({
   dialogId: l,
   children: m,
@@ -2784,15 +2784,15 @@ const W0 = ({
     "data-a11y-dialog-hide": l
   };
   return /* @__PURE__ */ e.createElement("div", { ...c, className: N("c-modal js-modal", c.className), ...i, __self: void 0, __source: {
-    fileName: p1,
+    fileName: g1,
     lineNumber: 28,
     columnNumber: 5
   } }, /* @__PURE__ */ e.createElement("div", { className: "c-modal__overlay", "aria-hidden": !0, ...n, __self: void 0, __source: {
-    fileName: p1,
+    fileName: g1,
     lineNumber: 33,
     columnNumber: 7
   } }), /* @__PURE__ */ e.createElement("div", { className: N("c-modal__content", `c-modal__content--${r}`, a), __self: void 0, __source: {
-    fileName: p1,
+    fileName: g1,
     lineNumber: 34,
     columnNumber: 7
   } }, m));
@@ -2812,27 +2812,27 @@ function L1() {
   } });
 }
 var We = "/home/travis/build/20minutes/hela/src/components/atoms/Rating/Rating.tsx";
-const p2 = ({
+const g2 = ({
   rating: l,
   ratingMax: m = 5,
   ...r
 }) => {
-  const a = (t) => /* @__PURE__ */ e.createElement(v, { key: t, name: "star", color: "ultramarine", __self: void 0, __source: {
+  const a = (t) => /* @__PURE__ */ e.createElement(h, { key: t, name: "star", color: "ultramarine", __self: void 0, __source: {
     fileName: We,
     lineNumber: 10,
     columnNumber: 41
-  } }), c = (t) => /* @__PURE__ */ e.createElement(v, { key: t, name: "star", color: "grey-200", __self: void 0, __source: {
+  } }), c = (t) => /* @__PURE__ */ e.createElement(h, { key: t, name: "star", color: "grey-200", __self: void 0, __source: {
     fileName: We,
     lineNumber: 11,
     columnNumber: 42
-  } }), i = (t) => /* @__PURE__ */ e.createElement(v, { key: t, name: "halfstar", color: "grey-200", __self: void 0, __source: {
+  } }), i = (t) => /* @__PURE__ */ e.createElement(h, { key: t, name: "halfstar", color: "grey-200", __self: void 0, __source: {
     fileName: We,
     lineNumber: 12,
     columnNumber: 41
   } }), n = [];
   for (let t = 0; t < m; t += 1) {
-    const u = t < l, d = t + 0.5 === l;
-    u && !d ? n.push(a(t)) : d ? n.push(i(t)) : n.push(c(t));
+    const u = t < l, f = t + 0.5 === l;
+    u && !f ? n.push(a(t)) : f ? n.push(i(t)) : n.push(c(t));
   }
   return /* @__PURE__ */ e.createElement(b, { ...r, __self: void 0, __source: {
     fileName: We,
@@ -2841,7 +2841,7 @@ const p2 = ({
   } }, n);
 };
 var Ge = "/home/travis/build/20minutes/hela/src/components/atoms/ReadAlso/ReadAlso.tsx";
-const g2 = ({
+const p2 = ({
   title: l,
   link: m,
   isTargetBlank: r,
@@ -2922,7 +2922,7 @@ const T1 = S(({
   fileName: re,
   lineNumber: 35,
   columnNumber: 7
-} }, /* @__PURE__ */ e.createElement(v, { className: "c-select__icon", name: "arrow", size: 12, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { className: "c-select__icon", name: "arrow", size: 12, __self: void 0, __source: {
   fileName: re,
   lineNumber: 36,
   columnNumber: 9
@@ -2934,11 +2934,11 @@ const T1 = S(({
   fileName: re,
   lineNumber: 43,
   columnNumber: 27
-} }, i), c.map((d) => /* @__PURE__ */ e.createElement("option", { key: d.value, value: d.value, __self: void 0, __source: {
+} }, i), c.map((f) => /* @__PURE__ */ e.createElement("option", { key: f.value, value: f.value, __self: void 0, __source: {
   fileName: re,
   lineNumber: 45,
   columnNumber: 13
-} }, d.title))))));
+} }, f.title))))));
 var Q0 = "/home/travis/build/20minutes/hela/src/components/atoms/Skeleton/Skeleton.tsx";
 const z2 = ({
   variant: l = "button",
@@ -2953,7 +2953,7 @@ const z2 = ({
   lineNumber: 10,
   columnNumber: 3
 } });
-var pe = "/home/travis/build/20minutes/hela/src/components/atoms/Slider/Slider.tsx";
+var ge = "/home/travis/build/20minutes/hela/src/components/atoms/Slider/Slider.tsx";
 const P0 = (l) => {
   switch (l) {
     case "primary":
@@ -2973,49 +2973,49 @@ const P0 = (l) => {
   sliderVariant: n = "default",
   auto: t = !1,
   delay: u = 3e3,
-  ...d
-}, x) => /* @__PURE__ */ e.createElement(b, { ...d, ref: x, className: N("c-slider js-navigation-container", d == null ? void 0 : d.className), "data-slider-variant": n, "data-slider-auto": t, "data-slider-delay": u, __self: void 0, __source: {
-  fileName: pe,
+  ...f
+}, v) => /* @__PURE__ */ e.createElement(b, { ...f, ref: v, className: N("c-slider js-navigation-container", f == null ? void 0 : f.className), "data-slider-variant": n, "data-slider-auto": t, "data-slider-delay": u, __self: void 0, __source: {
+  fileName: ge,
   lineNumber: 48,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(b, { className: "c-slider__viewport js-navigation-container__list", __self: void 0, __source: {
-  fileName: pe,
+  fileName: ge,
   lineNumber: 56,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(_, { className: "c-slider__list", alignItems: "center", gap: r, __self: void 0, __source: {
-  fileName: pe,
+  fileName: ge,
   lineNumber: 57,
   columnNumber: 9
-} }, m)), l === h.DESKTOP && /* @__PURE__ */ e.createElement(b, { className: "c-slider__buttons-container", __self: void 0, __source: {
-  fileName: pe,
+} }, m)), l === x.DESKTOP && /* @__PURE__ */ e.createElement(b, { className: "c-slider__buttons-container", __self: void 0, __source: {
+  fileName: ge,
   lineNumber: 62,
   columnNumber: 9
-} }, Array.from(["previous", "next"], (p) => /* @__PURE__ */ e.createElement(b, { key: p, bg: a && P0(a), pr: a && p === "previous" ? "l" : void 0, pl: a && p === "next" ? "l" : void 0, className: N(`c-slider__button-container c-slider__button-container--${p} o-nav-button o-nav-button--${p}-button`, {
+} }, Array.from(["previous", "next"], (g) => /* @__PURE__ */ e.createElement(b, { key: g, bg: a && P0(a), pr: a && g === "previous" ? "l" : void 0, pl: a && g === "next" ? "l" : void 0, className: N(`c-slider__button-container c-slider__button-container--${g} o-nav-button o-nav-button--${g}-button`, {
   "c-slider__button-container--has-background": a
 }, {
   [`c-slider__button-container--${n}`]: n
 }), __self: void 0, __source: {
-  fileName: pe,
+  fileName: ge,
   lineNumber: 64,
   columnNumber: 13
 } }, /* @__PURE__ */ e.createElement(L, { variant: c || "round", color: i, iconProps: {
   name: "chevron",
   size: 12,
-  rotation: p === "previous" ? "half" : void 0,
-  svgTitle: p === "previous" ? "Précédent" : "Suivant"
+  rotation: g === "previous" ? "half" : void 0,
+  svgTitle: g === "previous" ? "Précédent" : "Suivant"
 }, __self: void 0, __source: {
-  fileName: pe,
+  fileName: ge,
   lineNumber: 77,
   columnNumber: 15
 } }))))));
-var g1 = "/home/travis/build/20minutes/hela/src/components/atoms/Stepper/Stepper.tsx";
+var p1 = "/home/travis/build/20minutes/hela/src/components/atoms/Stepper/Stepper.tsx";
 function el({
   colorVariant: l = "ultramarine-light",
   stepperItems: m,
   ...r
 }) {
   return /* @__PURE__ */ e.createElement(_, { className: "c-stepper", gap: "xxs-2", ...r, __self: this, __source: {
-    fileName: g1,
+    fileName: p1,
     lineNumber: 24,
     columnNumber: 5
   } }, m.map((a, c) => {
@@ -3024,11 +3024,11 @@ function el({
       "c-stepper__item--loading": a.loading,
       "c-stepper__item--loaded": a.loaded
     }), grow: 1, key: `c-stepper-item__${i}`, __self: this, __source: {
-      fileName: g1,
+      fileName: p1,
       lineNumber: 29,
       columnNumber: 11
     } }, /* @__PURE__ */ e.createElement(b, { className: "c-stepper__loader", bg: l, __self: this, __source: {
-      fileName: g1,
+      fileName: p1,
       lineNumber: 37,
       columnNumber: 13
     } }));
@@ -3047,11 +3047,11 @@ const y2 = ({
     fileName: Ce,
     lineNumber: 24,
     columnNumber: 5
-  } }, m === "before" && a && /* @__PURE__ */ e.createElement(v, { mr: "xs", ...a, __self: void 0, __source: {
+  } }, m === "before" && a && /* @__PURE__ */ e.createElement(h, { mr: "xs", ...a, __self: void 0, __source: {
     fileName: Ce,
     lineNumber: 25,
     columnNumber: 46
-  } }), r, m === "after" && a && /* @__PURE__ */ e.createElement(v, { ml: "xs", ...a, __self: void 0, __source: {
+  } }), r, m === "after" && a && /* @__PURE__ */ e.createElement(h, { ml: "xs", ...a, __self: void 0, __source: {
     fileName: Ce,
     lineNumber: 27,
     columnNumber: 45
@@ -3156,20 +3156,20 @@ const sl = S(({
   lineNumber: 53,
   columnNumber: 9
 } }, c.map(({
-  iconProps: d,
-  textProps: x,
-  value: p
+  iconProps: f,
+  textProps: v,
+  value: g
 }, w) => /* @__PURE__ */ e.createElement(_, { key: w == null ? void 0 : w.toString(), alignItems: "center", gap: "xxs", __self: void 0, __source: {
   fileName: P,
   lineNumber: 55,
   columnNumber: 13
-} }, d && /* @__PURE__ */ e.createElement(v, { ...d, __self: void 0, __source: {
+} }, f && /* @__PURE__ */ e.createElement(h, { ...f, __self: void 0, __source: {
   fileName: P,
   lineNumber: 56,
   columnNumber: 29
-} }), /* @__PURE__ */ e.createElement(f, { dangerouslySetInnerHTML: {
-  __html: p
-}, role: "alert", ...x, __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(d, { dangerouslySetInnerHTML: {
+  __html: g
+}, role: "alert", ...v, __self: void 0, __source: {
   fileName: P,
   lineNumber: 57,
   columnNumber: 15
@@ -3188,7 +3188,7 @@ const l0 = S(({
   columnNumber: 7
 } }, m) : null);
 var il = "/home/travis/build/20minutes/hela/src/components/atoms/Typography/Heading/Heading.tsx";
-const y = S(({
+const M = S(({
   as: l = "h1",
   size: m,
   children: r,
@@ -3202,7 +3202,7 @@ const y = S(({
   columnNumber: 5
 } }, r));
 var nl = "/home/travis/build/20minutes/hela/src/components/atoms/Typography/Text/Text.tsx";
-const f = S(({
+const d = S(({
   as: l = "p",
   size: m,
   highlighted: r,
@@ -3250,11 +3250,11 @@ const M2 = ({
   fileName: ee,
   lineNumber: 47,
   columnNumber: 7
-} }, /* @__PURE__ */ e.createElement(f, { className: "c-info-banner__title", color: "red", bg: "white", px: "xxs-2", mb: "xxs-2", size: "s", weight: "bold", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(d, { className: "c-info-banner__title", color: "red", bg: "white", px: "xxs-2", mb: "xxs-2", size: "s", weight: "bold", __self: void 0, __source: {
   fileName: ee,
   lineNumber: 52,
   columnNumber: 9
-} }, r), /* @__PURE__ */ e.createElement(f, {
+} }, r), /* @__PURE__ */ e.createElement(d, {
   as: a ? "a" : void 0,
   size: "s",
   color: "white",
@@ -3271,7 +3271,7 @@ const M2 = ({
   fileName: ee,
   lineNumber: 76,
   columnNumber: 11
-} }, /* @__PURE__ */ e.createElement(v, { name: "close", size: 12, color: "white", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { name: "close", size: 12, color: "white", __self: void 0, __source: {
   fileName: ee,
   lineNumber: 77,
   columnNumber: 13
@@ -3291,7 +3291,7 @@ const tl = {
   caption: r,
   source: a,
   credits: c,
-  layout: i = h.MOBILE,
+  layout: i = x.MOBILE,
   imgProps: n = {
     fetchPriority: "auto",
     lazyLoad: !0
@@ -3299,7 +3299,7 @@ const tl = {
   ...t
 }) => {
   let u = ul;
-  return i === h.DESKTOP && (u = tl), /* @__PURE__ */ e.createElement(b, { ...t, as: "figure", className: "c-media", __self: void 0, __source: {
+  return i === x.DESKTOP && (u = tl), /* @__PURE__ */ e.createElement(b, { ...t, as: "figure", className: "c-media", __self: void 0, __source: {
     fileName: Ne,
     lineNumber: 51,
     columnNumber: 5
@@ -3317,18 +3317,18 @@ const tl = {
     fileName: Ne,
     lineNumber: 65,
     columnNumber: 9
-  } }), r && /* @__PURE__ */ e.createElement(f, { as: "figcaption", size: "xs", mt: "s", color: "grey-400", mx: {
+  } }), r && /* @__PURE__ */ e.createElement(d, { as: "figcaption", size: "xs", mt: "s", color: "grey-400", mx: {
     xs: "m",
     md: "0"
   }, __self: void 0, __source: {
     fileName: Ne,
     lineNumber: 73,
     columnNumber: 9
-  } }, r, c && /* @__PURE__ */ e.createElement(f, { as: "span", color: "grey-300", size: "xs", className: "text-italic", __self: void 0, __source: {
+  } }, r, c && /* @__PURE__ */ e.createElement(d, { as: "span", color: "grey-300", size: "xs", className: "text-italic", __self: void 0, __source: {
     fileName: Ne,
     lineNumber: 76,
     columnNumber: 13
-  } }, " - ", c), a && /* @__PURE__ */ e.createElement(f, { as: "span", color: "grey-300", size: "xs", className: "text-italic", __self: void 0, __source: {
+  } }, " - ", c), a && /* @__PURE__ */ e.createElement(d, { as: "span", color: "grey-300", size: "xs", className: "text-italic", __self: void 0, __source: {
     fileName: Ne,
     lineNumber: 81,
     columnNumber: 13
@@ -3342,7 +3342,7 @@ const S2 = ({
   fileName: O1,
   lineNumber: 12,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(f, { size: "xs", fontFamily: "source-serif-pro", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(d, { size: "xs", fontFamily: "source-serif-pro", __self: void 0, __source: {
   fileName: O1,
   lineNumber: 13,
   columnNumber: 5
@@ -3357,7 +3357,7 @@ const k2 = ({
   sponsor: i,
   ...n
 }) => {
-  const t = /* @__PURE__ */ e.createElement(y, { fontFamily: "oswald", size: {
+  const t = /* @__PURE__ */ e.createElement(M, { fontFamily: "oswald", size: {
     xs: "l",
     md: "xxl-2"
   }, mb: {
@@ -3377,7 +3377,7 @@ const k2 = ({
     lineNumber: 41,
     columnNumber: 7
   } }, m), t);
-  return r === h.DESKTOP && (u = /* @__PURE__ */ e.createElement(_, { ...n, as: "header", gap: i ? "m" : void 0, alignItems: "start", justifyContent: "between", __self: void 0, __source: {
+  return r === x.DESKTOP && (u = /* @__PURE__ */ e.createElement(_, { ...n, as: "header", gap: i ? "m" : void 0, alignItems: "start", justifyContent: "between", __self: void 0, __source: {
     fileName: le,
     lineNumber: 50,
     columnNumber: 7
@@ -3393,7 +3393,7 @@ const k2 = ({
     fileName: le,
     lineNumber: 62,
     columnNumber: 11
-  } }), /* @__PURE__ */ e.createElement(f, { as: "span", size: "xxl", fontFamily: "source-serif-pro", __self: void 0, __source: {
+  } }), /* @__PURE__ */ e.createElement(d, { as: "span", size: "xxl", fontFamily: "source-serif-pro", __self: void 0, __source: {
     fileName: le,
     lineNumber: 63,
     columnNumber: 11
@@ -3409,11 +3409,11 @@ const C2 = ({
   summary: m,
   rubricColor: r,
   ...a
-}) => /* @__PURE__ */ e.createElement(f, { ...a, as: "div", bg: a.bg || r || "ultramarine", color: a.color || "white", px: "m", py: "l", size: "l", fontFamily: "source-serif-pro", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(d, { ...a, as: "div", bg: a.bg || r || "ultramarine", color: a.color || "white", px: "m", py: "l", size: "l", fontFamily: "source-serif-pro", __self: void 0, __source: {
   fileName: E1,
   lineNumber: 17,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(y, { as: "h4", size: "xxs", mb: "xs", fontFamily: "base", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(M, { as: "h4", size: "xxs", mb: "xs", fontFamily: "base", __self: void 0, __source: {
   fileName: E1,
   lineNumber: 27,
   columnNumber: 5
@@ -3436,7 +3436,7 @@ const F2 = ({
   fileName: w1,
   lineNumber: 11,
   columnNumber: 5
-} }), m && /* @__PURE__ */ e.createElement(f, { as: "figcaption", size: "xs", mt: "s", color: "grey-300", className: "c-media__caption", __self: void 0, __source: {
+} }), m && /* @__PURE__ */ e.createElement(d, { as: "figcaption", size: "xs", mt: "s", color: "grey-300", className: "c-media__caption", __self: void 0, __source: {
   fileName: w1,
   lineNumber: 18,
   columnNumber: 7
@@ -3475,7 +3475,7 @@ const Nl = ({
 var A1 = "/home/travis/build/20minutes/hela/src/components/molecules/Breadcrumb/BreadcrumbRubric.tsx";
 const fl = ({
   rubric: l
-}) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(v, { px: "xs", size: 7, name: "arrow", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(h, { px: "xs", size: 7, name: "arrow", __self: void 0, __source: {
   fileName: A1,
   lineNumber: 10,
   columnNumber: 5
@@ -3484,35 +3484,35 @@ const fl = ({
   lineNumber: 11,
   columnNumber: 5
 } }, l.label));
-var ge = "/home/travis/build/20minutes/hela/src/components/molecules/Breadcrumb/Breadcrumb.tsx";
+var pe = "/home/travis/build/20minutes/hela/src/components/molecules/Breadcrumb/Breadcrumb.tsx";
 const V2 = ({
   rubrics: l,
   tags: m,
   color: r = "ultramarine",
-  layout: a = h.MOBILE,
+  layout: a = x.MOBILE,
   ...c
 }) => /* @__PURE__ */ e.createElement(Me, { layout: a, buttonsBackground: "primary", ...c, className: "c-breadcrumb", __self: void 0, __source: {
-  fileName: ge,
+  fileName: pe,
   lineNumber: 20,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(ve, { variant: "breadcrumb", link: "/", __self: void 0, __source: {
-  fileName: ge,
+  fileName: pe,
   lineNumber: 21,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(v, { size: 20, name: "home", svgTitle: "Retour sur la page d'accueil 20 Minutes", __self: void 0, __source: {
-  fileName: ge,
+} }, /* @__PURE__ */ e.createElement(h, { size: 20, name: "home", svgTitle: "Retour sur la page d'accueil 20 Minutes", __self: void 0, __source: {
+  fileName: pe,
   lineNumber: 22,
   columnNumber: 7
 } })), l && l.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, l.slice(0, 4).map((i) => /* @__PURE__ */ e.createElement(fl, { key: i.label, rubric: i, __self: void 0, __source: {
-  fileName: ge,
+  fileName: pe,
   lineNumber: 28,
   columnNumber: 11
 } }))), m && m.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(L1, { __self: void 0, __source: {
-  fileName: ge,
+  fileName: pe,
   lineNumber: 35,
   columnNumber: 9
 } }), m.map((i, n) => /* @__PURE__ */ e.createElement(ve, { color: r, variant: "primary", key: i.label, link: i.link, mr: n !== m.length - 1 ? "xs" : "0", __self: void 0, __source: {
-  fileName: ge,
+  fileName: pe,
   lineNumber: 37,
   columnNumber: 11
 } }, i.label))));
@@ -3551,11 +3551,11 @@ const m0 = ({
   fileName: y1,
   lineNumber: 13,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(f, { as: "span", size: "xs", bg: r || void 0, p: r ? "xxs" : void 0, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(d, { as: "span", size: "xs", bg: r || void 0, p: r ? "xxs" : void 0, __self: void 0, __source: {
   fileName: y1,
   lineNumber: 14,
   columnNumber: 5
-} }, l), m && /* @__PURE__ */ e.createElement(f, { as: "span", size: "xxs-3", color: "grey-300", textTransform: "uppercase", __self: void 0, __source: {
+} }, l), m && /* @__PURE__ */ e.createElement(d, { as: "span", size: "xxs-3", color: "grey-300", textTransform: "uppercase", __self: void 0, __source: {
   fileName: y1,
   lineNumber: 18,
   columnNumber: 7
@@ -3573,7 +3573,7 @@ const ue = ({
     fileName: I,
     lineNumber: 18,
     columnNumber: 5
-  } }, m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(f, { as: "span", size: a, color: "direct", weight: "bold", __self: void 0, __source: {
+  } }, m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(d, { as: "span", size: a, color: "direct", weight: "bold", __self: void 0, __source: {
     fileName: I,
     lineNumber: 21,
     columnNumber: 11
@@ -3581,7 +3581,7 @@ const ue = ({
     fileName: I,
     lineNumber: 24,
     columnNumber: 11
-  } })), /* @__PURE__ */ e.createElement(W, { color: l.color, bg: l.bg, size: a, __self: void 0, __source: {
+  } })), /* @__PURE__ */ e.createElement(W, { color: l.color, bg: l.bg, size: a, isUppercase: l.isUppercase, __self: void 0, __source: {
     fileName: I,
     lineNumber: 27,
     columnNumber: 7
@@ -3589,7 +3589,7 @@ const ue = ({
     fileName: I,
     lineNumber: 32,
     columnNumber: 11
-  } }), /* @__PURE__ */ e.createElement(f, { as: "time", size: a, color: r.color, __self: void 0, __source: {
+  } }), /* @__PURE__ */ e.createElement(d, { as: "time", size: a, color: r.color, __self: void 0, __source: {
     fileName: I,
     lineNumber: 33,
     columnNumber: 11
@@ -3606,11 +3606,11 @@ const ue = ({
     fileName: I,
     lineNumber: 44,
     columnNumber: 7
-  } }, /* @__PURE__ */ e.createElement(v, { name: "local", size: 13, mr: "xxs-2", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(h, { name: "local", size: 13, mr: "xxs-2", __self: void 0, __source: {
     fileName: I,
     lineNumber: 45,
     columnNumber: 9
-  } }), /* @__PURE__ */ e.createElement(f, { size: "xxs", weight: "bold", textTransform: "uppercase", __self: void 0, __source: {
+  } }), /* @__PURE__ */ e.createElement(d, { size: "xxs", weight: "bold", textTransform: "uppercase", __self: void 0, __source: {
     fileName: I,
     lineNumber: 46,
     columnNumber: 9
@@ -3636,18 +3636,18 @@ const bl = (l) => {
   caption: n,
   lazyLoad: t = !1,
   fetchPriority: u = "auto",
-  className: d,
-  radius: x,
-  ...p
+  className: f,
+  radius: v,
+  ...g
 }) => {
-  const w = /* @__PURE__ */ e.createElement(u1, { ...!n && p, ...l ? {
+  const w = /* @__PURE__ */ e.createElement(u1, { ...!n && g, ...l ? {
     id: l
-  } : {}, src: m, defaultFormat: a, formats: r, sizes: c, alt: i, lazyLoad: t, fetchPriority: u, radius: x, __self: void 0, __source: {
+  } : {}, src: m, defaultFormat: a, formats: r, sizes: c, alt: i, lazyLoad: t, fetchPriority: u, radius: v, __self: void 0, __source: {
     fileName: Fe,
     lineNumber: 34,
     columnNumber: 5
   } });
-  return /* @__PURE__ */ e.createElement(b, { ...n && p, className: N("c-card-img", d), __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(b, { ...n && g, className: N("c-card-img", f), __self: void 0, __source: {
     fileName: Fe,
     lineNumber: 49,
     columnNumber: 5
@@ -3657,11 +3657,11 @@ const bl = (l) => {
     fileName: Fe,
     lineNumber: 52,
     columnNumber: 11
-  } }, /* @__PURE__ */ e.createElement(v, { name: n.iconName, size: bl(n.size || "big"), __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(h, { name: n.iconName, size: bl(n.size || "big"), __self: void 0, __source: {
     fileName: Fe,
     lineNumber: 60,
     columnNumber: 13
-  } }), /* @__PURE__ */ e.createElement(f, { size: n.size === "small" ? "xxs-2" : "xxs", weight: "bold", __self: void 0, __source: {
+  } }), /* @__PURE__ */ e.createElement(d, { size: n.size === "small" ? "xxs-2" : "xxs", weight: "bold", __self: void 0, __source: {
     fileName: Fe,
     lineNumber: 61,
     columnNumber: 13
@@ -3688,7 +3688,7 @@ const J = ({
   fileName: M1,
   lineNumber: 35,
   columnNumber: 7
-} }, l === "exclusive" && "exclusif" || l === "alert" && "alerte info" || "live"), /* @__PURE__ */ e.createElement(y, { as: r || "h1", size: a || "m", fontFamily: c || "oswald", weight: i || "bold", className: N({
+} }, l === "exclusive" && "exclusif" || l === "alert" && "alerte info" || "live"), /* @__PURE__ */ e.createElement(M, { as: r || "h1", size: a || "m", fontFamily: c || "oswald", weight: i || "bold", className: N({
   "c-card-title__cartridge-heading": l
 }), __self: void 0, __source: {
   fileName: M1,
@@ -3706,35 +3706,35 @@ const j2 = ({
   layout: n,
   signatureProps: t,
   socialBarProps: u,
-  follows3ColumnsGrid: d = !1,
-  ...x
+  follows3ColumnsGrid: f = !1,
+  ...v
 }) => {
-  const p = ["722x460", "640x408", "320x204"];
-  return /* @__PURE__ */ e.createElement(b, { ...x, className: "c-card-extra-large", __self: void 0, __source: {
+  const g = ["722x460", "640x408", "320x204"];
+  return /* @__PURE__ */ e.createElement(b, { ...v, className: "c-card-extra-large", __self: void 0, __source: {
     fileName: C,
     lineNumber: 40,
     columnNumber: 5
-  } }, n === h.DESKTOP ? /* @__PURE__ */ e.createElement(_, { gap: d ? "s" : "xl", className: N({
-    "o-lt-show": !d,
-    "o-columns-by-3": d
+  } }, n === x.DESKTOP ? /* @__PURE__ */ e.createElement(_, { gap: f ? "s" : "xl", className: N({
+    "o-lt-show": !f,
+    "o-columns-by-3": f
   }), __self: void 0, __source: {
     fileName: C,
     lineNumber: 42,
     columnNumber: 9
   } }, i && /* @__PURE__ */ e.createElement(b, { as: "a", href: l, className: N({
-    "o-lt-show__main": !d,
-    "o-columns-by-3__first-2-columns": d
+    "o-lt-show__main": !f,
+    "o-columns-by-3__first-2-columns": f
   }), __self: void 0, __source: {
     fileName: C,
     lineNumber: 50,
     columnNumber: 13
-  } }, /* @__PURE__ */ e.createElement(G, { ...i, formats: p, defaultFormat: "722x460", sizes: "(min-width: 64rem) 45.125rem, (min-width: 30rem) 40rem, 20rem", alt: m, __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(G, { ...i, formats: g, defaultFormat: "722x460", sizes: "(min-width: 64rem) 45.125rem, (min-width: 30rem) 40rem, 20rem", alt: m, __self: void 0, __source: {
     fileName: C,
     lineNumber: 58,
     columnNumber: 15
-  } })), /* @__PURE__ */ e.createElement(_, { direction: "column", justifyContent: "between", pl: d ? "s" : "0", className: N({
-    "o-lt-show__aside": !d,
-    "o-columns-by-3__last-1-column": d
+  } })), /* @__PURE__ */ e.createElement(_, { direction: "column", justifyContent: "between", pl: f ? "s" : "0", className: N({
+    "o-lt-show__aside": !f,
+    "o-columns-by-3__last-1-column": f
   }), __self: void 0, __source: {
     fileName: C,
     lineNumber: 67,
@@ -3751,7 +3751,7 @@ const j2 = ({
     fileName: C,
     lineNumber: 80,
     columnNumber: 15
-  } }, m), r && /* @__PURE__ */ e.createElement(f, { ...r, size: "xl", fontFamily: "source-serif-pro", color: r.color || "grey-600", mt: "xs", __self: void 0, __source: {
+  } }, m), r && /* @__PURE__ */ e.createElement(d, { ...r, size: "xl", fontFamily: "source-serif-pro", color: r.color || "grey-600", mt: "xs", __self: void 0, __source: {
     fileName: C,
     lineNumber: 84,
     columnNumber: 17
@@ -3771,7 +3771,7 @@ const j2 = ({
     fileName: C,
     lineNumber: 104,
     columnNumber: 13
-  } }, m), i && /* @__PURE__ */ e.createElement(G, { ...i, formats: p, defaultFormat: "640x408", alt: m, mt: "xs", radius: "0", __self: void 0, __source: {
+  } }, m), i && /* @__PURE__ */ e.createElement(G, { ...i, formats: g, defaultFormat: "640x408", alt: m, mt: "xs", radius: "0", __self: void 0, __source: {
     fileName: C,
     lineNumber: 108,
     columnNumber: 15
@@ -3825,7 +3825,7 @@ const r0 = ({
     size: "small",
     ...c.caption
   }
-}, defaultFormat: n === h.DESKTOP ? "130x82" : "260x164", formats: ["260x164", "130x82"], sizes: n === h.DESKTOP ? "8.125rem" : "16.25rem", alt: m, className: "c-card-extra-small__img", __self: void 0, __source: {
+}, defaultFormat: n === x.DESKTOP ? "130x82" : "260x164", formats: ["260x164", "130x82"], sizes: n === x.DESKTOP ? "8.125rem" : "16.25rem", alt: m, className: "c-card-extra-small__img", __self: void 0, __source: {
   fileName: ae,
   lineNumber: 54,
   columnNumber: 11
@@ -3849,8 +3849,8 @@ const H2 = ({
   cardImageProps: n,
   signatureProps: t,
   socialBarProps: u,
-  ...d
-}) => /* @__PURE__ */ e.createElement(_e, { ...d, as: "div", direction: "column", __self: void 0, __source: {
+  ...f
+}) => /* @__PURE__ */ e.createElement(_e, { ...f, as: "div", direction: "column", __self: void 0, __source: {
   fileName: Z,
   lineNumber: 35,
   columnNumber: 3
@@ -3858,7 +3858,7 @@ const H2 = ({
   fileName: Z,
   lineNumber: 36,
   columnNumber: 5
-} }, r === h.DESKTOP ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(J, { maxRows: 3, size: "xl", ...i, __self: void 0, __source: {
+} }, r === x.DESKTOP ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(J, { maxRows: 3, size: "xl", ...i, __self: void 0, __source: {
   fileName: Z,
   lineNumber: 39,
   columnNumber: 11
@@ -3878,7 +3878,7 @@ const H2 = ({
   fileName: Z,
   lineNumber: 57,
   columnNumber: 15
-} }), /* @__PURE__ */ e.createElement(f, { ...a, as: "span", size: "l", fontFamily: "source-serif-pro", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(d, { ...a, as: "span", size: "l", fontFamily: "source-serif-pro", __self: void 0, __source: {
   fileName: Z,
   lineNumber: 58,
   columnNumber: 15
@@ -3913,9 +3913,9 @@ const vl = ({
   socialBarProps: n,
   cardFooterProps: t,
   bg: u,
-  radius: d,
-  ...x
-}) => /* @__PURE__ */ e.createElement(_e, { ...x, as: "div", direction: "column", bg: u, radius: u ? d || "xxs" : void 0, __self: void 0, __source: {
+  radius: f,
+  ...v
+}) => /* @__PURE__ */ e.createElement(_e, { ...v, as: "div", direction: "column", bg: u, radius: u ? f || "xxs" : void 0, __self: void 0, __source: {
   fileName: ce,
   lineNumber: 34,
   columnNumber: 3
@@ -3963,12 +3963,12 @@ const hl = ({
   layout: n,
   summaryProps: t,
   viewCount: u,
-  ...d
-}) => /* @__PURE__ */ e.createElement(_e, { ...d, link: l, className: "c-card-most-read", justifyContent: "start", __self: void 0, __source: {
+  ...f
+}) => /* @__PURE__ */ e.createElement(_e, { ...f, link: l, className: "c-card-most-read", justifyContent: "start", __self: void 0, __source: {
   fileName: D,
   lineNumber: 33,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(f, { as: "span", color: "ultramarine", fontFamily: "oswald", className: N("c-card-most-read__card-number", {
+} }, /* @__PURE__ */ e.createElement(d, { as: "span", color: "ultramarine", fontFamily: "oswald", className: N("c-card-most-read__card-number", {
   [`c-card-most-read__card-number--${i.size || "default"}`]: !0
 }), __self: void 0, __source: {
   fileName: D,
@@ -3986,11 +3986,11 @@ const hl = ({
   fileName: D,
   lineNumber: 46,
   columnNumber: 7
-} }, m), t && /* @__PURE__ */ e.createElement(f, { ...t, color: "grey-600", fontFamily: "source-serif-pro", size: "xl", mt: "xs", __self: void 0, __source: {
+} }, m), t && /* @__PURE__ */ e.createElement(d, { ...t, color: "grey-600", fontFamily: "source-serif-pro", size: "xl", mt: "xs", __self: void 0, __source: {
   fileName: D,
   lineNumber: 50,
   columnNumber: 9
-} }, t.children), (c == null ? void 0 : c.cover) && n === h.MOBILE && /* @__PURE__ */ e.createElement(G, { ...c, ...c.caption && {
+} }, t.children), (c == null ? void 0 : c.cover) && n === x.MOBILE && /* @__PURE__ */ e.createElement(G, { ...c, ...c.caption && {
   caption: {
     size: "medium",
     ...c.caption
@@ -4003,15 +4003,15 @@ const hl = ({
   fileName: D,
   lineNumber: 67,
   columnNumber: 9
-} }, /* @__PURE__ */ e.createElement(v, { size: 22, name: "view", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { size: 22, name: "view", __self: void 0, __source: {
   fileName: D,
   lineNumber: 68,
   columnNumber: 11
-} }), /* @__PURE__ */ e.createElement(f, { size: "m", weight: "bold", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(d, { size: "m", weight: "bold", __self: void 0, __source: {
   fileName: D,
   lineNumber: 69,
   columnNumber: 11
-} }, u))), (c == null ? void 0 : c.cover) && n === h.DESKTOP && /* @__PURE__ */ e.createElement(G, { ...c, ...c.caption && {
+} }, u))), (c == null ? void 0 : c.cover) && n === x.DESKTOP && /* @__PURE__ */ e.createElement(G, { ...c, ...c.caption && {
   caption: {
     size: "small",
     ...c.caption
@@ -4031,10 +4031,7 @@ function a0({
   labelBg: i,
   ...n
 }) {
-  return /* @__PURE__ */ e.createElement(_e, { alignItems: "center", justifyContent: {
-    xs: "center",
-    md: "start"
-  }, gap: "xs", ...n, link: l, className: "c-card-overview", __self: this, __source: {
+  return /* @__PURE__ */ e.createElement(_e, { alignItems: "center", justifyContent: "start", gap: "xs", ...n, link: l, className: "c-card-overview", __self: this, __source: {
     fileName: Ee,
     lineNumber: 20,
     columnNumber: 5
@@ -4075,10 +4072,10 @@ const c0 = ({
   columnNumber: 3
 } }, c && /* @__PURE__ */ e.createElement(G, { ...c, ...c.caption && {
   caption: {
-    size: i === h.DESKTOP ? "medium" : "small",
+    size: i === x.DESKTOP ? "medium" : "small",
     ...c.caption
   }
-}, defaultFormat: i === h.DESKTOP ? "320x204" : "252x162", formats: ["320x204", "252x162"], sizes: "(min-width: 30rem) 20rem, 15.75rem", alt: m, mb: "xxs", __self: void 0, __source: {
+}, defaultFormat: i === x.DESKTOP ? "320x204" : "252x162", formats: ["320x204", "252x162"], sizes: "(min-width: 30rem) 20rem, 15.75rem", alt: m, mb: "xxs", __self: void 0, __source: {
   fileName: Je,
   lineNumber: 25,
   columnNumber: 7
@@ -4116,13 +4113,16 @@ const L2 = ({
   fileName: Ve,
   lineNumber: 34,
   columnNumber: 5
-} }, r && /* @__PURE__ */ e.createElement(ue, { ...r, mb: "xxs-2", __self: void 0, __source: {
+} }, r && /* @__PURE__ */ e.createElement(ue, { ...r, headline: {
+  ...r.headline,
+  isUppercase: !1
+}, mb: "xxs-2", __self: void 0, __source: {
   fileName: Ve,
-  lineNumber: 35,
-  columnNumber: 27
+  lineNumber: 36,
+  columnNumber: 9
 } }), /* @__PURE__ */ e.createElement(J, { as: "h4", fontFamily: "source-serif-pro", weight: "semi-bold", size: "xxs", ...a, __self: void 0, __source: {
   fileName: Ve,
-  lineNumber: 36,
+  lineNumber: 42,
   columnNumber: 7
 } }, m)));
 var X = "/home/travis/build/20minutes/hela/src/components/molecules/Card/Templates/CardWithSummary/CardWithSummary.tsx";
@@ -4152,7 +4152,7 @@ const B2 = ({
   fileName: X,
   lineNumber: 35,
   columnNumber: 7
-} }, /* @__PURE__ */ e.createElement(V, { __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(V, { grow: 1, __self: void 0, __source: {
   fileName: X,
   lineNumber: 36,
   columnNumber: 9
@@ -4163,7 +4163,7 @@ const B2 = ({
   fileName: X,
   lineNumber: 37,
   columnNumber: 11
-} }, m), i === h.DESKTOP && n && /* @__PURE__ */ e.createElement(f, { ...n, as: "span", size: "xl", fontFamily: "source-serif-pro", __self: void 0, __source: {
+} }, m), i === x.DESKTOP && n && /* @__PURE__ */ e.createElement(d, { ...n, as: "span", size: "xl", fontFamily: "source-serif-pro", __self: void 0, __source: {
   fileName: X,
   lineNumber: 41,
   columnNumber: 13
@@ -4196,32 +4196,32 @@ const $2 = ({
   rubricColor: n,
   titleUnderlined: t = !0,
   titleAlignment: u,
-  ...d
-}) => c.length > 0 ? /* @__PURE__ */ e.createElement(b, { ...d, className: N("c-carousel", d == null ? void 0 : d.className), __self: void 0, __source: {
+  ...f
+}) => c.length > 0 ? /* @__PURE__ */ e.createElement(b, { ...f, className: N("c-carousel", f == null ? void 0 : f.className), __self: void 0, __source: {
   fileName: je,
   lineNumber: 41,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(Ml, { label: l, mb: t ? "xxl" : "m", labelLink: m, rubricColor: n, isUnderlined: t, textAlign: u, ...r, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(yl, { label: l, mb: t ? "xxl" : "m", labelLink: m, rubricColor: n, isUnderlined: t, textAlign: u, ...r, __self: void 0, __source: {
   fileName: je,
   lineNumber: 42,
   columnNumber: 7
-} }), /* @__PURE__ */ e.createElement(Me, { ...a, itemsGap: "xs", layout: i, sliderVariant: "rubrics", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(Me, { ...a, sliderVariant: (a == null ? void 0 : a.sliderVariant) || "rubrics", itemsGap: "xs", layout: i, __self: void 0, __source: {
   fileName: je,
   lineNumber: 51,
   columnNumber: 7
-} }, c.map((x) => /* @__PURE__ */ e.createElement(V, { key: x.title, grow: 0, shrink: 0, align: "start", className: N("c-carousel__article", {
+} }, c.map((v) => /* @__PURE__ */ e.createElement(V, { key: v.title, grow: 0, shrink: 0, align: "start", className: N("c-carousel__article", {
   "c-carousel__article--in-long-list": c.length > 4
 }), __self: void 0, __source: {
   fileName: je,
-  lineNumber: 53,
+  lineNumber: 58,
   columnNumber: 11
-} }, /* @__PURE__ */ e.createElement(c0, { ...x, layout: i, cardTitleProps: {
+} }, /* @__PURE__ */ e.createElement(c0, { ...v, layout: i, cardTitleProps: {
   weight: "semi-bold",
   maxRows: 5,
-  ...x.cardTitleProps
+  ...v.cardTitleProps
 }, __self: void 0, __source: {
   fileName: je,
-  lineNumber: 62,
+  lineNumber: 67,
   columnNumber: 13
 } }))))) : null;
 var He = "/home/travis/build/20minutes/hela/src/components/molecules/Citation/Citation.tsx";
@@ -4233,19 +4233,19 @@ const Z2 = ({
   fileName: He,
   lineNumber: 14,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(f, { fontFamily: "source-serif-pro", italic: !0, size: "l", weight: "regular", className: "c-citation__content", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(d, { fontFamily: "source-serif-pro", italic: !0, size: "l", weight: "regular", className: "c-citation__content", __self: void 0, __source: {
   fileName: He,
   lineNumber: 15,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(f, { as: "span", size: "xxl", weight: "bold", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(d, { as: "span", size: "xxl", weight: "bold", __self: void 0, __source: {
   fileName: He,
   lineNumber: 22,
   columnNumber: 7
-} }, "« "), l, /* @__PURE__ */ e.createElement(f, { as: "span", size: "xxl", weight: "bold", __self: void 0, __source: {
+} }, "« "), l, /* @__PURE__ */ e.createElement(d, { as: "span", size: "xxl", weight: "bold", __self: void 0, __source: {
   fileName: He,
   lineNumber: 26,
   columnNumber: 7
-} }, " »")), m && /* @__PURE__ */ e.createElement(f, { as: "footer", mt: {
+} }, " »")), m && /* @__PURE__ */ e.createElement(d, { as: "footer", mt: {
   xs: "m",
   md: "xl"
 }, size: "m", weight: "bold", className: "c-citation__footer", __self: void 0, __source: {
@@ -4264,8 +4264,8 @@ const s0 = S(({
   btnProps: n,
   children: t,
   textProps: u,
-  ...d
-}, x) => /* @__PURE__ */ e.createElement(b, { ...d, className: "c-collapse js-collapse", ref: x, __self: void 0, __source: {
+  ...f
+}, v) => /* @__PURE__ */ e.createElement(b, { ...f, className: "c-collapse js-collapse", ref: v, __self: void 0, __source: {
   fileName: Le,
   lineNumber: 43,
   columnNumber: 5
@@ -4273,11 +4273,11 @@ const s0 = S(({
   fileName: Le,
   lineNumber: 44,
   columnNumber: 7
-} }, /* @__PURE__ */ e.createElement(f, { ...u, size: (u == null ? void 0 : u.size) || "l", color: (u == null ? void 0 : u.color) || "black", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(d, { ...u, size: (u == null ? void 0 : u.size) || "l", color: (u == null ? void 0 : u.color) || "black", __self: void 0, __source: {
   fileName: Le,
   lineNumber: 55,
   columnNumber: 9
-} }, l), /* @__PURE__ */ e.createElement(v, { ...i, name: "chevron", size: 16, className: N("c-collapse__icon", i == null ? void 0 : i.className), __self: void 0, __source: {
+} }, l), /* @__PURE__ */ e.createElement(h, { ...i, name: "chevron", size: 16, className: N("c-collapse__icon", i == null ? void 0 : i.className), __self: void 0, __source: {
   fileName: Le,
   lineNumber: 58,
   columnNumber: 9
@@ -4301,7 +4301,7 @@ const R2 = ({
   lineNumber: 22,
   columnNumber: 5
 } }) : null;
-var pl = "/home/travis/build/20minutes/hela/src/components/molecules/Comment/CommentButton.tsx";
+var gl = "/home/travis/build/20minutes/hela/src/components/molecules/Comment/CommentButton.tsx";
 const T2 = ({
   enableComment: l,
   commentNumber: m = 0,
@@ -4310,7 +4310,7 @@ const T2 = ({
     distanceVisible: 0
   }
 }) => l ? /* @__PURE__ */ e.createElement(_, { id: "mbrs-comments-button-container", className: "c-comment-button", justifyContent: "center", "data-delayed": r.delayed, "data-distance-visible": r.distanceVisible, "data-comment-number": m, __self: void 0, __source: {
-  fileName: pl,
+  fileName: gl,
   lineNumber: 23,
   columnNumber: 5
 } }) : null;
@@ -4328,11 +4328,11 @@ const O2 = ({
   fileName: se,
   lineNumber: 33,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(y, { size: "m", mb: "xxs", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(M, { size: "m", mb: "xxs", __self: void 0, __source: {
   fileName: se,
   lineNumber: 34,
   columnNumber: 5
-} }, "Contactez-nous"), /* @__PURE__ */ e.createElement(f, { size: "m", mb: "m", __self: void 0, __source: {
+} }, "Contactez-nous"), /* @__PURE__ */ e.createElement(d, { size: "m", mb: "m", __self: void 0, __source: {
   fileName: se,
   lineNumber: 37,
   columnNumber: 5
@@ -4342,9 +4342,9 @@ const O2 = ({
   fileName: se,
   lineNumber: 41,
   columnNumber: 5
-} }), n == null ? void 0 : n.map((u, d) => {
-  const x = `${d}-other-select-key`;
-  return /* @__PURE__ */ e.createElement(T1, { id: `${d}-other-select`, key: x, containerProps: {
+} }), n == null ? void 0 : n.map((u, f) => {
+  const v = `${f}-other-select-key`;
+  return /* @__PURE__ */ e.createElement(T1, { id: `${f}-other-select`, key: v, containerProps: {
     mb: "m"
   }, ...u, __self: void 0, __source: {
     fileName: se,
@@ -4374,10 +4374,10 @@ const A2 = ({
   address: m,
   phoneNumber: r,
   mail: a,
-  layout: c = h.DESKTOP,
+  layout: c = x.DESKTOP,
   ...i
 }) => {
-  const n = c === h.DESKTOP ? "row" : "column", t = c === h.DESKTOP ? "end" : "start";
+  const n = c === x.DESKTOP ? "row" : "column", t = c === x.DESKTOP ? "end" : "start";
   return /* @__PURE__ */ e.createElement(_, { justifyContent: "between", alignContent: "end", p: {
     xs: "m",
     md: "s"
@@ -4396,11 +4396,11 @@ const A2 = ({
     fileName: oe,
     lineNumber: 35,
     columnNumber: 7
-  } }, l && /* @__PURE__ */ e.createElement(f, { weight: "bold", __self: void 0, __source: {
+  } }, l && /* @__PURE__ */ e.createElement(d, { weight: "bold", __self: void 0, __source: {
     fileName: oe,
     lineNumber: 36,
     columnNumber: 25
-  } }, l), (m == null ? void 0 : m.length) && m.map((u) => /* @__PURE__ */ e.createElement(f, { key: u, __self: void 0, __source: {
+  } }, l), (m == null ? void 0 : m.length) && m.map((u) => /* @__PURE__ */ e.createElement(d, { key: u, __self: void 0, __source: {
     fileName: oe,
     lineNumber: 38,
     columnNumber: 40
@@ -4408,15 +4408,15 @@ const A2 = ({
     fileName: oe,
     lineNumber: 40,
     columnNumber: 7
-  } }, r && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(f, { weight: "bold", as: "span", __self: void 0, __source: {
+  } }, r && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(d, { weight: "bold", as: "span", __self: void 0, __source: {
     fileName: oe,
     lineNumber: 43,
     columnNumber: 13
-  } }, "Tél. :", " "), /* @__PURE__ */ e.createElement(f, { as: "span", color: "ultramarine", __self: void 0, __source: {
+  } }, "Tél. :", " "), /* @__PURE__ */ e.createElement(d, { as: "span", color: "ultramarine", __self: void 0, __source: {
     fileName: oe,
     lineNumber: 46,
     columnNumber: 13
-  } }, r)), a && /* @__PURE__ */ e.createElement(f, { color: "ultramarine", __self: void 0, __source: {
+  } }, r)), a && /* @__PURE__ */ e.createElement(d, { color: "ultramarine", __self: void 0, __source: {
     fileName: oe,
     lineNumber: 51,
     columnNumber: 18
@@ -4427,11 +4427,11 @@ const I2 = ({
   statusCode: l = "404",
   enableGoogleSearch: m
 }) => {
-  let r = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(y, { as: "h2", size: "m", mb: "l", __self: void 0, __source: {
+  let r = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(M, { as: "h2", size: "m", mb: "l", __self: void 0, __source: {
     fileName: j,
     lineNumber: 15,
     columnNumber: 7
-  } }, "La page que vous cherchez n’existe pas !"), /* @__PURE__ */ e.createElement(f, { size: "m", mb: "l", __self: void 0, __source: {
+  } }, "La page que vous cherchez n’existe pas !"), /* @__PURE__ */ e.createElement(d, { size: "m", mb: "l", __self: void 0, __source: {
     fileName: j,
     lineNumber: 18,
     columnNumber: 7
@@ -4439,28 +4439,28 @@ const I2 = ({
     fileName: j,
     lineNumber: 19,
     columnNumber: 9
-  } }, "Une page 404"), " est une page renvoyée par le serveur d’un site, lorsque la page n’existe plus ou lorsqu’il y a une erreur dans l’url."), /* @__PURE__ */ e.createElement(f, { __self: void 0, __source: {
+  } }, "Une page 404"), " est une page renvoyée par le serveur d’un site, lorsque la page n’existe plus ou lorsqu’il y a une erreur dans l’url."), /* @__PURE__ */ e.createElement(d, { __self: void 0, __source: {
     fileName: j,
     lineNumber: 22,
     columnNumber: 7
-  } }, "Ce type d’erreur se produit lorsque des pages ont été supprimées ou déplacées."), /* @__PURE__ */ e.createElement(f, { __self: void 0, __source: {
+  } }, "Ce type d’erreur se produit lorsque des pages ont été supprimées ou déplacées."), /* @__PURE__ */ e.createElement(d, { __self: void 0, __source: {
     fileName: j,
     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" && (r = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(y, { as: "h2", size: "m", mb: "l", __self: void 0, __source: {
+  return l === "500" && (r = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(M, { as: "h2", size: "m", mb: "l", __self: void 0, __source: {
     fileName: j,
     lineNumber: 33,
     columnNumber: 9
-  } }, "Erreur serveur, la page n’est pas disponible !"), /* @__PURE__ */ e.createElement(f, { size: "m", mb: "l", __self: void 0, __source: {
+  } }, "Erreur serveur, la page n’est pas disponible !"), /* @__PURE__ */ e.createElement(d, { size: "m", mb: "l", __self: void 0, __source: {
     fileName: j,
     lineNumber: 36,
     columnNumber: 9
-  } }, "Toutes nos excuses pour cette erreur…"), /* @__PURE__ */ e.createElement(f, { __self: void 0, __source: {
+  } }, "Toutes nos excuses pour cette erreur…"), /* @__PURE__ */ e.createElement(d, { __self: void 0, __source: {
     fileName: j,
     lineNumber: 39,
     columnNumber: 9
-  } }, "Une page qui renvoie un code d’erreur 500 se produit lorsque le serveur web rencontre des difficultés pour charger une page."), /* @__PURE__ */ e.createElement(f, { __self: void 0, __source: {
+  } }, "Une page qui renvoie un code d’erreur 500 se produit lorsque le serveur web rencontre des difficultés pour charger une page."), /* @__PURE__ */ e.createElement(d, { __self: void 0, __source: {
     fileName: j,
     lineNumber: 43,
     columnNumber: 9
@@ -4468,7 +4468,7 @@ const I2 = ({
     fileName: j,
     lineNumber: 52,
     columnNumber: 5
-  } }, /* @__PURE__ */ e.createElement(v, { name: l === "404" ? "not-found" : "server-error", size: [130, 72], className: "c-error-content__img", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(h, { name: l === "404" ? "not-found" : "server-error", size: [130, 72], className: "c-error-content__img", __self: void 0, __source: {
     fileName: j,
     lineNumber: 53,
     columnNumber: 7
@@ -4503,14 +4503,14 @@ const Xe = ({
   fileName: Be,
   lineNumber: 16,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(f, { size: {
+} }, /* @__PURE__ */ e.createElement(d, { size: {
   xs: "xxs",
   md: "xl"
 }, as: "span", weight: "bold", textTransform: "uppercase", color: "grey-500", __self: void 0, __source: {
   fileName: Be,
   lineNumber: 17,
   columnNumber: 7
-} }, l), /* @__PURE__ */ e.createElement(y, { className: `js-countdown-${m}`, size: {
+} }, l), /* @__PURE__ */ e.createElement(M, { className: `js-countdown-${m}`, size: {
   xs: "m",
   md: "xxl-2"
 }, as: "span", weight: "bold", fontFamily: "oswald", color: "ultramarine", __self: void 0, __source: {
@@ -4547,7 +4547,7 @@ const I1 = ({
   fileName: K,
   lineNumber: 28,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(v, { name: a, size: l === h.DESKTOP ? [28, 50] : [16, 29], ml: {
+} }, /* @__PURE__ */ e.createElement(h, { name: a, size: l === x.DESKTOP ? [28, 50] : [16, 29], ml: {
   xs: "0",
   md: "m"
 }, mr: {
@@ -4557,7 +4557,7 @@ const I1 = ({
   fileName: K,
   lineNumber: 29,
   columnNumber: 7
-} }), /* @__PURE__ */ e.createElement(y, { as: "h2", size: {
+} }), /* @__PURE__ */ e.createElement(M, { as: "h2", size: {
   xs: "xs",
   md: "s"
 }, mr: {
@@ -4571,7 +4571,7 @@ const I1 = ({
   fileName: K,
   lineNumber: 39,
   columnNumber: 5
-} }, l === h.DESKTOP && /* @__PURE__ */ e.createElement("div", { __self: void 0, __source: {
+} }, l === x.DESKTOP && /* @__PURE__ */ e.createElement("div", { __self: void 0, __source: {
   fileName: K,
   lineNumber: 41,
   columnNumber: 9
@@ -4591,7 +4591,7 @@ const I1 = ({
   fileName: K,
   lineNumber: 47,
   columnNumber: 7
-} }), /* @__PURE__ */ e.createElement(Xe, { title: "secondes", classItem: "seconds", hasDivider: l === h.DESKTOP, __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(Xe, { title: "secondes", classItem: "seconds", hasDivider: l === x.DESKTOP, __self: void 0, __source: {
   fileName: K,
   lineNumber: 48,
   columnNumber: 7
@@ -4608,7 +4608,7 @@ const D2 = ({
   fileName: $e,
   lineNumber: 20,
   columnNumber: 3
-} }, r && /* @__PURE__ */ e.createElement(v, { size: 25, name: r, withBorder: !0, isRounded: !0, __self: void 0, __source: {
+} }, r && /* @__PURE__ */ e.createElement(h, { size: 25, name: r, withBorder: !0, isRounded: !0, __self: void 0, __source: {
   fileName: $e,
   lineNumber: 28,
   columnNumber: 14
@@ -4616,11 +4616,11 @@ const D2 = ({
   fileName: $e,
   lineNumber: 29,
   columnNumber: 5
-} }, m && /* @__PURE__ */ e.createElement(f, { mb: "xxs-2", __self: void 0, __source: {
+} }, m && /* @__PURE__ */ e.createElement(d, { mb: "xxs-2", __self: void 0, __source: {
   fileName: $e,
   lineNumber: 30,
   columnNumber: 20
-} }, m), /* @__PURE__ */ e.createElement(y, { as: "h2", size: "m", fontFamily: "source-serif-pro", __self: void 0, __source: {
+} }, m), /* @__PURE__ */ e.createElement(M, { as: "h2", size: "m", fontFamily: "source-serif-pro", __self: void 0, __source: {
   fileName: $e,
   lineNumber: 31,
   columnNumber: 7
@@ -4653,7 +4653,7 @@ const K2 = ({
   fileName: R,
   lineNumber: 44,
   columnNumber: 9
-} }, /* @__PURE__ */ e.createElement(v, { name: "logo", size: 46, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { name: "logo", size: 46, __self: void 0, __source: {
   fileName: R,
   lineNumber: 45,
   columnNumber: 11
@@ -4661,7 +4661,7 @@ const K2 = ({
   fileName: R,
   lineNumber: 47,
   columnNumber: 9
-} }, /* @__PURE__ */ e.createElement(v, { name: "menu", size: [20, 16], __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { name: "menu", size: [20, 16], __self: void 0, __source: {
   fileName: R,
   lineNumber: 48,
   columnNumber: 11
@@ -4669,18 +4669,18 @@ const K2 = ({
   fileName: R,
   lineNumber: 51,
   columnNumber: 7
-} }, a ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(f, { as: "span", size: "xxs", color: n, textTransform: "uppercase", __self: void 0, __source: {
+} }, a ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(d, { as: "span", size: "xxs", color: n, textTransform: "uppercase", __self: void 0, __source: {
   fileName: R,
   lineNumber: 59,
   columnNumber: 13
-} }, r), /* @__PURE__ */ e.createElement(f, { as: "span", size: "m", __self: void 0, __source: {
+} }, r), /* @__PURE__ */ e.createElement(d, { as: "span", size: "m", __self: void 0, __source: {
   fileName: R,
   lineNumber: 62,
   columnNumber: 13
-} }, c)) : /* @__PURE__ */ e.createElement(e.Fragment, null, m.map((u, d) => /* @__PURE__ */ e.createElement(
+} }, c)) : /* @__PURE__ */ e.createElement(e.Fragment, null, m.map((u, f) => /* @__PURE__ */ e.createElement(
   k,
   {
-    key: `key-${d}`,
+    key: `key-${f}`,
     href: u.link,
     color: u.color ? u.color : "black",
     __self: void 0,
@@ -4707,10 +4707,10 @@ const U2 = ({
   mediaProps: n,
   variant: t = "primary",
   contentProps: u,
-  countdownProps: d,
-  ...x
+  countdownProps: f,
+  ...v
 }) => {
-  const p = /* @__PURE__ */ e.createElement(y, { as: "h1", size: {
+  const g = /* @__PURE__ */ e.createElement(M, { as: "h1", size: {
     xs: "l",
     md: "xxl-2"
   }, mb: m ? {
@@ -4725,7 +4725,7 @@ const U2 = ({
     fileName: F,
     lineNumber: 49,
     columnNumber: 5
-  } }, l), w = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(f, { ...u, as: "div", size: (u == null ? void 0 : u.size) || {
+  } }, l), w = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(d, { ...u, as: "div", size: (u == null ? void 0 : u.size) || {
     xs: "m",
     md: "l"
   }, mx: {
@@ -4744,11 +4744,11 @@ const U2 = ({
     fileName: F,
     lineNumber: 74,
     columnNumber: 9
-  } }, /* @__PURE__ */ e.createElement(v, { isRounded: !0, name: "chevron", size: 12, p: "xs", bg: "grey-100", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(h, { isRounded: !0, name: "chevron", size: 12, p: "xs", bg: "grey-100", __self: void 0, __source: {
     fileName: F,
     lineNumber: 81,
     columnNumber: 11
-  } }), /* @__PURE__ */ e.createElement(f, { as: "span", size: "xs", className: "js-expandButton__label", __self: void 0, __source: {
+  } }), /* @__PURE__ */ e.createElement(d, { as: "span", size: "xs", className: "js-expandButton__label", __self: void 0, __source: {
     fileName: F,
     lineNumber: 82,
     columnNumber: 11
@@ -4761,13 +4761,13 @@ const U2 = ({
     fileName: F,
     lineNumber: 93,
     columnNumber: 9
-  } }), p, d && /* @__PURE__ */ e.createElement(I1, { mx: {
+  } }), g, f && /* @__PURE__ */ e.createElement(I1, { mx: {
     xs: "m",
     md: "0"
   }, my: {
     xs: "xl",
     md: "xxl"
-  }, ...d, __self: void 0, __source: {
+  }, ...f, __self: void 0, __source: {
     fileName: F,
     lineNumber: 105,
     columnNumber: 9
@@ -4780,7 +4780,7 @@ const U2 = ({
     lineNumber: 116,
     columnNumber: 22
   } }), m && w);
-  return i === h.DESKTOP && (Q = /* @__PURE__ */ e.createElement(_, { alignItems: "start", justifyContent: "between", gap: c ? "m" : void 0, __self: void 0, __source: {
+  return i === x.DESKTOP && (Q = /* @__PURE__ */ e.createElement(_, { alignItems: "start", justifyContent: "between", gap: c ? "m" : void 0, __self: void 0, __source: {
     fileName: F,
     lineNumber: 123,
     columnNumber: 7
@@ -4792,13 +4792,13 @@ const U2 = ({
     fileName: F,
     lineNumber: 126,
     columnNumber: 13
-  } }), p, d && /* @__PURE__ */ e.createElement(I1, { mx: {
+  } }), g, f && /* @__PURE__ */ e.createElement(I1, { mx: {
     xs: "m",
     md: "0"
   }, my: {
     xs: "xl",
     md: "xxl"
-  }, ...d, __self: void 0, __source: {
+  }, ...f, __self: void 0, __source: {
     fileName: F,
     lineNumber: 136,
     columnNumber: 13
@@ -4806,9 +4806,9 @@ const U2 = ({
     fileName: F,
     lineNumber: 141,
     columnNumber: 11
-  } }))), /* @__PURE__ */ e.createElement(b, { as: "header", ...x, className: N("c-nodeheader", {
+  } }))), /* @__PURE__ */ e.createElement(b, { as: "header", ...v, className: N("c-nodeheader", {
     "c-nodeheader--is-expandable": a
-  }, x == null ? void 0 : x.className), __self: void 0, __source: {
+  }, v == null ? void 0 : v.className), __self: void 0, __source: {
     fileName: F,
     lineNumber: 148,
     columnNumber: 5
@@ -4822,7 +4822,7 @@ const U2 = ({
   } }), Q);
 };
 var Ye = "/home/travis/build/20minutes/hela/src/components/molecules/Header/HeaderSideModal/HeaderSideModal.tsx";
-const gl = ({
+const pl = ({
   modalIconSize: l = 46,
   dialogId: m,
   ariaLabel: r = "Fermer la fenêtre",
@@ -4832,11 +4832,11 @@ const gl = ({
   fileName: Ye,
   lineNumber: 18,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(v, { name: "logo", color: "ultramarine", size: l, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { name: "logo", color: "ultramarine", size: l, __self: void 0, __source: {
   fileName: Ye,
   lineNumber: 19,
   columnNumber: 5
-} }), a && /* @__PURE__ */ e.createElement(y, { color: "black", ...a, __self: void 0, __source: {
+} }), a && /* @__PURE__ */ e.createElement(M, { color: "black", ...a, __self: void 0, __source: {
   fileName: Ye,
   lineNumber: 20,
   columnNumber: 22
@@ -4896,7 +4896,7 @@ const W2 = ({
   fileName: Ze,
   lineNumber: 13,
   columnNumber: 9
-} }, /* @__PURE__ */ e.createElement(v, { name: (
+} }, /* @__PURE__ */ e.createElement(h, { name: (
   // Accept all names as even if wrong it would just add useless attribute
   // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
   `horoscope-${m.slug}`
@@ -4923,15 +4923,15 @@ const El = S(({
   fileName: Re,
   lineNumber: 17,
   columnNumber: 7
-} }, /* @__PURE__ */ e.createElement(v, { className: "c-horoscope-topic-card__icon", name: l, size: 21, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { className: "c-horoscope-topic-card__icon", name: l, size: 21, __self: void 0, __source: {
   fileName: Re,
   lineNumber: 18,
   columnNumber: 9
-} }), /* @__PURE__ */ e.createElement(y, { as: "h3", size: "xs", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(M, { as: "h3", size: "xs", __self: void 0, __source: {
   fileName: Re,
   lineNumber: 19,
   columnNumber: 9
-} }, m)), /* @__PURE__ */ e.createElement(f, { size: "m", __self: void 0, __source: {
+} }, m)), /* @__PURE__ */ e.createElement(d, { size: "m", __self: void 0, __source: {
   fileName: Re,
   lineNumber: 23,
   columnNumber: 7
@@ -4955,11 +4955,11 @@ const wl = ({
   fileName: fe,
   lineNumber: 28,
   columnNumber: 7
-} }, m && /* @__PURE__ */ e.createElement(y, { as: "h3", size: "xxs", color: "black", mb: "xs", __self: void 0, __source: {
+} }, m && /* @__PURE__ */ e.createElement(M, { as: "h3", size: "xxs", color: "black", mb: "xs", __self: void 0, __source: {
   fileName: fe,
   lineNumber: 30,
   columnNumber: 11
-} }, m), /* @__PURE__ */ e.createElement(f, {
+} }, m), /* @__PURE__ */ e.createElement(d, {
   as: r ? "a" : void 0,
   size: "s",
   color: "black",
@@ -4976,7 +4976,7 @@ const wl = ({
   fileName: fe,
   lineNumber: 47,
   columnNumber: 11
-} }, /* @__PURE__ */ e.createElement(v, { name: "close", size: 12, color: "white", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { name: "close", size: 12, color: "white", __self: void 0, __source: {
   fileName: fe,
   lineNumber: 48,
   columnNumber: 13
@@ -4994,7 +4994,7 @@ const o0 = (l) => e.Children.map(l.children, (m) => {
       fileName: D1,
       lineNumber: 23,
       columnNumber: 9
-    } }, m.type === "li" && /* @__PURE__ */ e.createElement(v, { name: "diode", size: 16, mr: "xs", __self: void 0, __source: {
+    } }, m.type === "li" && /* @__PURE__ */ e.createElement(h, { name: "diode", size: 16, mr: "xs", __self: void 0, __source: {
       fileName: D1,
       lineNumber: 33,
       columnNumber: 35
@@ -5022,11 +5022,11 @@ const G2 = ({
   fileName: Qe,
   lineNumber: 17,
   columnNumber: 5
-} }, r ? "en direct" : "live"), /* @__PURE__ */ e.createElement(v, { name: "clock", size: 15, color: r && "grey-500" || l && "grey-300" || "direct", mr: "xxs", __self: void 0, __source: {
+} }, r ? "en direct" : "live"), /* @__PURE__ */ e.createElement(h, { name: "clock", size: 15, color: r && "grey-500" || l && "grey-300" || "direct", mr: "xxs", __self: void 0, __source: {
   fileName: Qe,
   lineNumber: 20,
   columnNumber: 5
-} }), /* @__PURE__ */ e.createElement(f, { size: "xs", color: r && "grey-500" || l && "grey-300" || "direct", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(d, { size: "xs", color: r && "grey-500" || l && "grey-300" || "direct", __self: void 0, __source: {
   fileName: Qe,
   lineNumber: 26,
   columnNumber: 5
@@ -5069,15 +5069,15 @@ const X2 = ({
   fileName: Te,
   lineNumber: 12,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(f, { color: "grey-600", mb: "s", fontFamily: "source-serif-pro", size: "l", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(d, { color: "grey-600", mb: "s", fontFamily: "source-serif-pro", size: "l", __self: void 0, __source: {
   fileName: Te,
   lineNumber: 13,
   columnNumber: 7
-} }, l), /* @__PURE__ */ e.createElement(f, { color: "black", weight: "bold", size: "xs", __self: void 0, __source: {
+} }, l), /* @__PURE__ */ e.createElement(d, { color: "black", weight: "bold", size: "xs", __self: void 0, __source: {
   fileName: Te,
   lineNumber: 16,
   columnNumber: 7
-} }, m)), r && /* @__PURE__ */ e.createElement(f, { color: "grey-600", fontFamily: "source-serif-pro", size: "l", __self: void 0, __source: {
+} }, m)), r && /* @__PURE__ */ e.createElement(d, { color: "grey-600", fontFamily: "source-serif-pro", size: "l", __self: void 0, __source: {
   fileName: Te,
   lineNumber: 21,
   columnNumber: 7
@@ -5092,111 +5092,122 @@ const Y2 = ({
   fileName: k1,
   lineNumber: 11,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(f, { size: "xl", fontFamily: "source-serif-pro", weight: "semi-bold", mb: "xs", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(d, { size: "xl", fontFamily: "source-serif-pro", weight: "semi-bold", mb: "xs", __self: void 0, __source: {
   fileName: k1,
   lineNumber: 12,
   columnNumber: 5
-} }, m), /* @__PURE__ */ e.createElement(y, { as: "h3", color: l === "crucial" && "red" || l === "important" && "ultramarine" || l === "community" && "entertainment" || "black", size: "xs", fontFamily: "source-serif-pro", weight: "semi-bold", __self: void 0, __source: {
+} }, m), /* @__PURE__ */ e.createElement(M, { as: "h3", color: l === "crucial" && "red" || l === "important" && "ultramarine" || l === "community" && "entertainment" || "black", size: "xs", fontFamily: "source-serif-pro", weight: "semi-bold", __self: void 0, __source: {
   fileName: k1,
   lineNumber: 15,
   columnNumber: 5
 } }, r));
-var M = "/home/travis/build/20minutes/hela/src/components/molecules/Menu/Menu.tsx";
+var y = "/home/travis/build/20minutes/hela/src/components/molecules/Menu/Menu.tsx";
 const Q2 = ({
   categories: l,
   tagsActu: m,
   layout: r,
   darkmodeOption: a = !0,
-  searchformurl: c = ""
+  searchformurl: c = "",
+  feedbackButtonProps: i
 }) => {
-  const i = "dialog-menu";
-  return /* @__PURE__ */ e.createElement(W0, { variant: "left", dialogId: i, className: "c-menu", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 47,
+  const n = "dialog-menu";
+  return /* @__PURE__ */ e.createElement(W0, { variant: "left", dialogId: n, className: "c-menu", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 51,
     columnNumber: 5
-  } }, /* @__PURE__ */ e.createElement(gl, { dialogId: i, ariaLabel: "Fermer le menu", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 48,
+  } }, /* @__PURE__ */ e.createElement(pl, { dialogId: n, ariaLabel: "Fermer le menu", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 52,
     columnNumber: 7
-  } }), r === h.MOBILE && /* @__PURE__ */ e.createElement(B1, { id: "search-form-menu", url: c, "aria-hidden": !0, pt: "l", pr: "l", pl: "l", pb: "0", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 50,
+  } }), r === x.MOBILE && /* @__PURE__ */ e.createElement(B1, { id: "search-form-menu", url: c, "aria-hidden": !0, pt: "l", pr: "l", pl: "l", pb: "0", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 54,
     columnNumber: 9
   } }), /* @__PURE__ */ e.createElement(_, { p: "l", alignItems: "center", justifyContent: "between", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 60,
+    fileName: y,
+    lineNumber: 64,
     columnNumber: 7
   } }, /* @__PURE__ */ e.createElement(c1, { icon: "newsletters", href: "/newsletters", className: "c-menu__tiles-items", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 61,
+    fileName: y,
+    lineNumber: 65,
     columnNumber: 9
   } }, "Newsletters"), /* @__PURE__ */ e.createElement(c1, { icon: "journal", href: "/pdf", className: "c-menu__tiles-items", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 64,
+    fileName: y,
+    lineNumber: 68,
     columnNumber: 9
   } }, "Journal"), /* @__PURE__ */ e.createElement(c1, { icon: "jeux", href: "/services/jeux", className: "c-menu__tiles-items", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 67,
+    fileName: y,
+    lineNumber: 71,
     columnNumber: 9
   } }, "Jeux"), /* @__PURE__ */ e.createElement(c1, { icon: "horoscope", href: "/horoscope", className: "c-menu__tiles-items", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 70,
+    fileName: y,
+    lineNumber: 74,
     columnNumber: 9
   } }, "Horoscope")), m.length > 0 && /* @__PURE__ */ e.createElement(_, { wrap: "wrap", gap: "xxs", p: "l", bg: "grey-100", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 75,
+    fileName: y,
+    lineNumber: 79,
     columnNumber: 9
-  } }, /* @__PURE__ */ e.createElement(V, { as: f, size: "m", weight: "bold", mb: "xs", basis: 100, __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 76,
-    columnNumber: 11
-  } }, "Dans l’actu"), m.map((n, t) => /* @__PURE__ */ e.createElement(ve, { key: t, link: n.link, variant: "secondary", color: "ultramarine", __self: void 0, __source: {
-    fileName: M,
+  } }, /* @__PURE__ */ e.createElement(V, { as: d, size: "m", weight: "bold", mb: "xs", basis: 100, __self: void 0, __source: {
+    fileName: y,
     lineNumber: 80,
+    columnNumber: 11
+  } }, "Dans l’actu"), m.map((t, u) => /* @__PURE__ */ e.createElement(ve, { key: u, link: t.link, variant: "secondary", color: "ultramarine", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 84,
     columnNumber: 13
-  } }, n.children))), /* @__PURE__ */ e.createElement(b, { className: "c-menu__list", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 86,
+  } }, t.children))), /* @__PURE__ */ e.createElement(b, { className: "c-menu__list", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 90,
     columnNumber: 7
-  } }, l.map((n, t) => n.links.length > 0 ? /* @__PURE__ */ e.createElement(s0, { key: t, title: n.name, index: t, btnProps: {
-    color: n.theme ?? "black"
+  } }, l.map((t, u) => t.links.length > 0 ? /* @__PURE__ */ e.createElement(s0, { key: u, title: t.name, index: u, btnProps: {
+    color: t.theme ?? "black"
   }, textProps: {
-    color: n.theme ?? "black"
+    color: t.theme ?? "black"
   }, iconProps: {
     color: "ultramarine"
   }, __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 89,
+    fileName: y,
+    lineNumber: 93,
     columnNumber: 13
-  } }, n.sponsor && /* @__PURE__ */ e.createElement(te, { sponsor: n.sponsor, variant: "menu", hasText: !0, gap: "xs", className: "c-menu__sponsor", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 98,
+  } }, t.sponsor && /* @__PURE__ */ e.createElement(te, { sponsor: t.sponsor, variant: "menu", hasText: !0, gap: "xs", className: "c-menu__sponsor", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 102,
     columnNumber: 17
-  } }), n.tags && /* @__PURE__ */ e.createElement(_, { gap: "xxs", mb: "s", wrap: "wrap", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 107,
+  } }), t.tags && /* @__PURE__ */ e.createElement(_, { gap: "xxs", mb: "s", wrap: "wrap", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 111,
     columnNumber: 17
-  } }, n.tags.map((u, d) => /* @__PURE__ */ e.createElement(ve, { key: d, link: u.link, color: "ultramarine", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 109,
+  } }, t.tags.map((f, v) => /* @__PURE__ */ e.createElement(ve, { key: v, link: f.link, color: "ultramarine", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 113,
     columnNumber: 21
-  } }, u.children))), n.links.map((u, d) => /* @__PURE__ */ e.createElement(_, { as: k, key: d, href: u.href, color: "black", pb: d !== n.links.length - 1 ? "l" : "0", justifyContent: "between", alignItems: "center", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 116,
+  } }, f.children))), t.links.map((f, v) => /* @__PURE__ */ e.createElement(_, { as: k, key: v, href: f.href, color: "black", pb: v !== t.links.length - 1 ? "l" : "0", justifyContent: "between", alignItems: "center", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 120,
     columnNumber: 17
-  } }, u.children, /* @__PURE__ */ e.createElement(v, { name: "chevron", size: [10, 14], color: "ultramarine", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 126,
+  } }, f.children, /* @__PURE__ */ e.createElement(h, { name: "chevron", size: [10, 14], color: "ultramarine", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 130,
     columnNumber: 19
-  } })))) : /* @__PURE__ */ e.createElement(f, { as: k, key: t, href: n.categoryLink, color: n.theme ?? "black", className: "c-menu__link", size: "l", weight: "bold", py: "s", pl: "l", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 131,
+  } })))) : /* @__PURE__ */ e.createElement(d, { as: k, key: u, href: t.categoryLink, color: t.theme ?? "black", className: "c-menu__link", size: "l", weight: "bold", py: "s", pl: "l", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 135,
     columnNumber: 13
-  } }, n.name))), a && /* @__PURE__ */ e.createElement(_, { id: "mbrs-darkmode-container", className: "c-menu__list", p: "l", py: "m", justifyContent: "between", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 149,
+  } }, t.name))), a && /* @__PURE__ */ e.createElement(_, { id: "mbrs-darkmode-container", className: "c-menu__list", p: "l", py: "m", justifyContent: "between", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 153,
     columnNumber: 9
-  } }));
+  } }), i && /* @__PURE__ */ e.createElement(b, { className: "c-menu__list", __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 163,
+    columnNumber: 9
+  } }, /* @__PURE__ */ e.createElement(L, { iconProps: {
+    name: "mood"
+  }, mx: "auto", my: "m", ...i, __self: void 0, __source: {
+    fileName: y,
+    lineNumber: 164,
+    columnNumber: 11
+  } }, "Donnez-nous votre avis !")));
 };
 var U = "/home/travis/build/20minutes/hela/src/components/molecules/Newsletter/Newsletter.tsx";
 const P2 = ({
@@ -5213,11 +5224,11 @@ const P2 = ({
     fileName: U,
     lineNumber: 37,
     columnNumber: 5
-  } }, /* @__PURE__ */ e.createElement(y, { as: "h5", size: n === "large" ? "m" : "xxs", textAlign: "center", mb: "l", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(M, { as: "h5", size: n === "large" ? "m" : "xxs", textAlign: "center", mb: "l", __self: void 0, __source: {
     fileName: U,
     lineNumber: 38,
     columnNumber: 7
-  } }, l), /* @__PURE__ */ e.createElement(f, { size: n === "large" ? "m" : "s", textAlign: n === "large" ? "center" : "left", mb: n === "large" ? "xl" : "l", __self: void 0, __source: {
+  } }, l), /* @__PURE__ */ e.createElement(d, { size: n === "large" ? "m" : "s", textAlign: n === "large" ? "center" : "left", mb: n === "large" ? "xl" : "l", __self: void 0, __source: {
     fileName: U,
     lineNumber: 41,
     columnNumber: 7
@@ -5282,20 +5293,20 @@ function em({
     fileName: ie,
     lineNumber: 29,
     columnNumber: 7
-  } }, /* @__PURE__ */ e.createElement(y, { as: "h4", size: "xxs", weight: "bold", color: r, ml: "xxs", __self: this, __source: {
+  } }, /* @__PURE__ */ e.createElement(M, { as: "h4", size: "xxs", weight: "bold", color: r, ml: "xxs", __self: this, __source: {
     fileName: ie,
     lineNumber: 30,
     columnNumber: 9
-  } }, "Le récap’", m === h.DESKTOP && /* @__PURE__ */ e.createElement("br", { __self: this, __source: {
+  } }, "Le récap’", m === x.DESKTOP && /* @__PURE__ */ e.createElement("br", { __self: this, __source: {
     fileName: ie,
     lineNumber: 32,
     columnNumber: 45
-  } }), "de la journée"), /* @__PURE__ */ e.createElement(Me, { layout: h.DESKTOP, className: "c-overview-bar__list", sliderVariant: "overviewbar", auto: a, colorVariant: m === h.DESKTOP ? "black" : r, delay: c, __self: this, __source: {
+  } }), "de la journée"), /* @__PURE__ */ e.createElement(Me, { layout: x.DESKTOP, className: "c-overview-bar__list", sliderVariant: "overviewbar", auto: a, colorVariant: m === x.DESKTOP ? "black" : r, delay: c, __self: this, __source: {
     fileName: ie,
     lineNumber: 35,
     columnNumber: 9
-  } }, l.map((t, u) => /* @__PURE__ */ e.createElement(b, { key: u, className: N("c-overview-bar__item", m === h.DESKTOP && u !== l.length - 1 && "c-overview-bar__item--withBorder", {
-    "c-overview-bar__item--mobile": m === h.MOBILE
+  } }, l.map((t, u) => /* @__PURE__ */ e.createElement(b, { key: u, className: N("c-overview-bar__item", m === x.DESKTOP && u !== l.length - 1 && "c-overview-bar__item--withBorder", {
+    "c-overview-bar__item--mobile": m === x.MOBILE
   }), __self: this, __source: {
     fileName: ie,
     lineNumber: 44,
@@ -5304,7 +5315,7 @@ function em({
     fileName: ie,
     lineNumber: 54,
     columnNumber: 15
-  } }))))), !!i && m === h.MOBILE && /* @__PURE__ */ e.createElement(el, { stepperItems: n, colorVariant: r, __self: this, __source: {
+  } }))))), !!i && m === x.MOBILE && /* @__PURE__ */ e.createElement(el, { stepperItems: n, colorVariant: r, __self: this, __source: {
     fileName: ie,
     lineNumber: 60,
     columnNumber: 9
@@ -5334,69 +5345,8 @@ const lm = ({
   lineNumber: 36,
   columnNumber: 9
 } }, "Archives")) : null;
-var q = "/home/travis/build/20minutes/hela/src/components/molecules/PartnerCards/PartnerCards.tsx";
-const yl = ({
-  label: l,
-  articles: m
-}) => /* @__PURE__ */ e.createElement(V, { grow: 0, shrink: 0, align: "start", className: "c-partner-cards__partner", __self: void 0, __source: {
-  fileName: q,
-  lineNumber: 27,
-  columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(y, { as: "h4", size: "xxs", pb: "xxs", mb: "xl", className: "c-partner-cards__partner-title", __self: void 0, __source: {
-  fileName: q,
-  lineNumber: 28,
-  columnNumber: 5
-} }, l), /* @__PURE__ */ e.createElement(vl, { ...m[0], className: "c-partner-cards__primary-article", __self: void 0, __source: {
-  fileName: q,
-  lineNumber: 31,
-  columnNumber: 5
-} }), m.map((r) => {
-  const a = {
-    layout: h.MOBILE,
-    ...r
-  };
-  return /* @__PURE__ */ e.createElement(e.Fragment, { key: r.title, __self: void 0, __source: {
-    fileName: q,
-    lineNumber: 40,
-    columnNumber: 11
-  } }, /* @__PURE__ */ e.createElement(be, { color: "grey-200", my: "s", __self: void 0, __source: {
-    fileName: q,
-    lineNumber: 41,
-    columnNumber: 13
-  } }), /* @__PURE__ */ e.createElement(r0, { ...a, cardTitleProps: {
-    ...r.cardTitleProps,
-    maxRows: 3
-  }, className: "c-partner-cards__secondary-articles", __self: void 0, __source: {
-    fileName: q,
-    lineNumber: 42,
-    columnNumber: 13
-  } }));
-}).slice(1, 3)), mm = ({
-  columns: l,
-  ...m
-}) => l.length > 0 ? /* @__PURE__ */ e.createElement(b, { ...m, className: "c-partner-cards", __self: void 0, __source: {
-  fileName: q,
-  lineNumber: 56,
-  columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(t1, { diodeShift: "m", diodeSize: "big", mb: "xl", className: "c-partner-cards__divider", __self: void 0, __source: {
-  fileName: q,
-  lineNumber: 57,
-  columnNumber: 7
-} }), /* @__PURE__ */ e.createElement(y, { as: "h2", size: "m", mb: "l", __self: void 0, __source: {
-  fileName: q,
-  lineNumber: 58,
-  columnNumber: 7
-} }, "Partenaires"), /* @__PURE__ */ e.createElement(Me, { itemsGap: "xl", layout: h.DESKTOP, sliderVariant: "partners", __self: void 0, __source: {
-  fileName: q,
-  lineNumber: 61,
-  columnNumber: 7
-} }, l.map((r) => /* @__PURE__ */ e.createElement(yl, { key: r.label, ...r, __self: void 0, __source: {
-  fileName: q,
-  lineNumber: 63,
-  columnNumber: 11
-} })))) : null;
 var Oe = "/home/travis/build/20minutes/hela/src/components/molecules/ReadAlsoBanner/ReadAlsoBanner.tsx";
-const rm = ({
+const mm = ({
   articles: l,
   layout: m,
   willNotReduceAtScroll: r = !1,
@@ -5410,7 +5360,7 @@ const rm = ({
   fileName: Oe,
   lineNumber: 33,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(f, { as: "h3", size: m === h.DESKTOP ? "m" : "s", className: "c-read-also-banner__title", mb: {
+} }, /* @__PURE__ */ e.createElement(d, { as: "h3", size: m === x.DESKTOP ? "m" : "s", className: "c-read-also-banner__title", mb: {
   xs: "xxs-2",
   sm: "0"
 }, __self: void 0, __source: {
@@ -5427,9 +5377,9 @@ const rm = ({
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement(a0, { ...c, alignItems: "center", cardTitleProps: {
   weight: "semi-bold",
-  maxRows: m === h.DESKTOP ? 2 : 3,
-  size: m === h.DESKTOP ? "xxs-2" : "xxs-3",
-  className: m === h.DESKTOP ? void 0 : "c-read-also-banner__article-title"
+  maxRows: m === x.DESKTOP ? 2 : 3,
+  size: m === x.DESKTOP ? "xxs-2" : "xxs-3",
+  className: m === x.DESKTOP ? void 0 : "c-read-also-banner__article-title"
 }, pr: "l", __self: void 0, __source: {
   fileName: Oe,
   lineNumber: 59,
@@ -5466,13 +5416,13 @@ const B1 = ({
   columnNumber: 5
 } }));
 var C1 = "/home/travis/build/20minutes/hela/src/components/molecules/SectionTitle/SectionTitle.tsx";
-const Ml = ({
+const yl = ({
   label: l,
   labelLink: m,
   rubricColor: r,
   isUnderlined: a = !0,
   ...c
-}) => /* @__PURE__ */ e.createElement(y, { ...m && {
+}) => /* @__PURE__ */ e.createElement(M, { ...m && {
   as: "a",
   href: m
 }, size: "xxs", weight: "bold", ...c, className: N("c-section-title", {
@@ -5481,14 +5431,14 @@ const Ml = ({
   fileName: C1,
   lineNumber: 20,
   columnNumber: 3
-} }, a ? /* @__PURE__ */ e.createElement(f, { as: "span", pb: "xxs", className: N("c-section-title__underline", {
+} }, a ? /* @__PURE__ */ e.createElement(d, { as: "span", pb: "xxs", className: N("c-section-title__underline", {
   "c-section-title__underline--default": !r,
   [`c-section-title__underline--${r}`]: r
 }), __self: void 0, __source: {
   fileName: C1,
   lineNumber: 28,
   columnNumber: 7
-} }, l) : l, m && /* @__PURE__ */ e.createElement(v, { name: "chevron", size: 14, color: "ultramarine", mt: "xxs-2", ml: "xxs", __self: void 0, __source: {
+} }, l) : l, m && /* @__PURE__ */ e.createElement(h, { name: "chevron", size: 14, color: "ultramarine", mt: "xxs-2", ml: "xxs", __self: void 0, __source: {
   fileName: C1,
   lineNumber: 41,
   columnNumber: 19
@@ -5498,8 +5448,8 @@ Object.defineProperty(me, "__esModule", {
   value: !0
 });
 me.StickyShareButtons = i0 = me.InlineShareButtons = me.InlineReactionButtons = me.InlineFollowButtons = void 0;
-var O = Sl(e);
-function Sl(l) {
+var O = Ml(e);
+function Ml(l) {
   return l && l.__esModule ? l : { default: l };
 }
 function o1(l) {
@@ -5534,7 +5484,7 @@ function H1(l, m) {
   }, H1(l, m);
 }
 function b1(l) {
-  var m = Fl();
+  var m = Cl();
   return function() {
     var a = n1(l), c;
     if (m) {
@@ -5542,18 +5492,18 @@ function b1(l) {
       c = Reflect.construct(a, arguments, i);
     } else
       c = a.apply(this, arguments);
-    return kl(this, c);
+    return Sl(this, c);
   };
 }
-function kl(l, m) {
-  return m && (o1(m) === "object" || typeof m == "function") ? m : Cl(l);
+function Sl(l, m) {
+  return m && (o1(m) === "object" || typeof m == "function") ? m : kl(l);
 }
-function Cl(l) {
+function kl(l) {
   if (l === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return l;
 }
-function Fl() {
+function Cl() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
     return !1;
   if (typeof Proxy == "function")
@@ -5575,13 +5525,13 @@ var v1 = function(m, r) {
     enabled: !0
   };
   a = JSON.parse(JSON.stringify(a));
-  var c = window.onShareThisLoaded, i = function d() {
-    if (!d.complete) {
+  var c = window.onShareThisLoaded, i = function f() {
+    if (!f.complete) {
       if (!a.id) {
-        var x = "sharethis-" + Date.now();
-        a.id = x;
+        var v = "sharethis-" + Date.now();
+        a.id = v;
       }
-      m.buttons.current && (m.buttons.current.id = a.id, window.__sharethis__.load(r, a)), c && c(), d.complete = !0;
+      m.buttons.current && (m.buttons.current.id = a.id, window.__sharethis__.load(r, a)), c && c(), f.complete = !0;
     }
   };
   if (window.onShareThisLoaded = i, document.getElementById("sharethis-js"))
@@ -5593,12 +5543,12 @@ var v1 = function(m, r) {
       property: a.property || "",
       product: r,
       source: "reactjs"
-    }, u = Object.keys(t).map(function(d) {
-      return d + "=" + t[d];
+    }, u = Object.keys(t).map(function(f) {
+      return f + "=" + t[f];
     }).join("&");
     n.src = "https://platform-api.sharethis.com/js/sharethis.js?" + u, n.async = !0, document.body.appendChild(n);
   }
-}, Vl = /* @__PURE__ */ function(l) {
+}, Fl = /* @__PURE__ */ function(l) {
   d1(r, l);
   var m = b1(r);
   function r(a) {
@@ -5619,8 +5569,8 @@ var v1 = function(m, r) {
     }
   }]), r;
 }(O.default.Component);
-me.InlineFollowButtons = Vl;
-var jl = /* @__PURE__ */ function(l) {
+me.InlineFollowButtons = Fl;
+var Vl = /* @__PURE__ */ function(l) {
   d1(r, l);
   var m = b1(r);
   function r(a) {
@@ -5640,7 +5590,7 @@ var jl = /* @__PURE__ */ function(l) {
       });
     }
   }]), r;
-}(O.default.Component), i0 = me.InlineShareButtons = jl, Hl = /* @__PURE__ */ function(l) {
+}(O.default.Component), i0 = me.InlineShareButtons = Vl, jl = /* @__PURE__ */ function(l) {
   d1(r, l);
   var m = b1(r);
   function r(a) {
@@ -5661,8 +5611,8 @@ var jl = /* @__PURE__ */ function(l) {
     }
   }]), r;
 }(O.default.Component);
-me.InlineReactionButtons = Hl;
-var Ll = /* @__PURE__ */ function(l) {
+me.InlineReactionButtons = jl;
+var Hl = /* @__PURE__ */ function(l) {
   d1(r, l);
   var m = b1(r);
   function r(a) {
@@ -5683,9 +5633,9 @@ var Ll = /* @__PURE__ */ function(l) {
     }
   }]), r;
 }(O.default.Component);
-me.StickyShareButtons = Ll;
+me.StickyShareButtons = Hl;
 var U1 = "/home/travis/build/20minutes/hela/src/components/molecules/ShareBar/ShareBar.tsx";
-const am = ({
+const rm = ({
   networks: l = ["sharethis"],
   ...m
 }) => {
@@ -5724,7 +5674,7 @@ const am = ({
   } }));
 };
 var T = "/home/travis/build/20minutes/hela/src/components/molecules/Signature/Signature.tsx";
-function Bl({
+function Ll({
   username: l,
   layout: m,
   avatar: r,
@@ -5734,15 +5684,15 @@ function Bl({
   userlink: n,
   authorHighlighted: t = !1,
   disableAvatar: u = !1,
-  rubricColor: d,
-  sponsor: x,
-  ...p
+  rubricColor: f,
+  sponsor: v,
+  ...g
 }) {
-  const w = /* @__PURE__ */ e.createElement(_, { ...p, as: "address", alignItems: "start", gap: "s", __self: this, __source: {
+  const w = /* @__PURE__ */ e.createElement(_, { ...g, as: "address", alignItems: "start", gap: "s", __self: this, __source: {
     fileName: T,
     lineNumber: 44,
     columnNumber: 5
-  } }, !u && /* @__PURE__ */ e.createElement(M0, { img: r, alt: l, rubricColor: d, __self: this, __source: {
+  } }, !u && /* @__PURE__ */ e.createElement(M0, { img: r, alt: l, rubricColor: f, __self: this, __source: {
     fileName: T,
     lineNumber: 45,
     columnNumber: 26
@@ -5754,15 +5704,15 @@ function Bl({
     fileName: T,
     lineNumber: 48,
     columnNumber: 11
-  } }, /* @__PURE__ */ e.createElement(f, { as: "span", size: "s", weight: "bold", px: "xxs", bg: "sponsoring", color: "grey-900", __self: this, __source: {
+  } }, /* @__PURE__ */ e.createElement(d, { as: "span", size: "s", weight: "bold", px: "xxs", bg: "sponsoring", color: "grey-900", __self: this, __source: {
     fileName: T,
     lineNumber: 49,
     columnNumber: 13
-  } }, l)) : /* @__PURE__ */ e.createElement(f, { size: "s", weight: "bold", __self: this, __source: {
+  } }, l)) : /* @__PURE__ */ e.createElement(d, { size: "s", weight: "bold", __self: this, __source: {
     fileName: T,
     lineNumber: 54,
     columnNumber: 11
-  } }, l), c && /* @__PURE__ */ e.createElement(f, { size: "xxs", color: "grey-400", mt: "xxs-2", ...a, __self: this, __source: {
+  } }, l), c && /* @__PURE__ */ e.createElement(d, { size: "xxs", color: "grey-400", mt: "xxs-2", ...a, __self: this, __source: {
     fileName: T,
     lineNumber: 59,
     columnNumber: 11
@@ -5774,7 +5724,7 @@ function Bl({
     fileName: T,
     lineNumber: 61,
     columnNumber: 26
-  } }, " • Mis à jour le ", i))), x && m === h.MOBILE && /* @__PURE__ */ e.createElement(te, { sponsor: x, variant: "signature", __self: this, __source: {
+  } }, " • Mis à jour le ", i))), v && m === x.MOBILE && /* @__PURE__ */ e.createElement(te, { sponsor: v, variant: "signature", __self: this, __source: {
     fileName: T,
     lineNumber: 65,
     columnNumber: 51
@@ -5792,13 +5742,13 @@ const n0 = ({
   editedAt: a,
   userlink: c,
   ...i
-}) => /* @__PURE__ */ e.createElement(Bl, { username: l, avatar: m, publishedAt: r, editedAt: a, userlink: c, ...i, __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(Ll, { username: l, avatar: m, publishedAt: r, editedAt: a, userlink: c, ...i, __self: void 0, __source: {
   fileName: T,
   lineNumber: 84,
   columnNumber: 3
 } });
 var Y = "/home/travis/build/20minutes/hela/src/components/molecules/SmartBanner/SmartBanner.tsx";
-const cm = ({
+const am = ({
   installButton: l,
   closeButton: m
 }) => /* @__PURE__ */ e.createElement(_, { className: "c-smart-banner", alignItems: "center", gap: "xs", bg: "ultramarine", color: "white", __self: void 0, __source: {
@@ -5812,7 +5762,7 @@ const cm = ({
   fileName: Y,
   lineNumber: 11,
   columnNumber: 5
-} }), /* @__PURE__ */ e.createElement(v, { name: "logo", size: 35, bg: "white", color: "ultramarine", className: "c-smart-banner__logo", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(h, { name: "logo", size: 35, bg: "white", color: "ultramarine", className: "c-smart-banner__logo", __self: void 0, __source: {
   fileName: Y,
   lineNumber: 21,
   columnNumber: 5
@@ -5824,7 +5774,7 @@ const cm = ({
   fileName: Y,
   lineNumber: 23,
   columnNumber: 7
-} }, /* @__PURE__ */ e.createElement(f, { size: "xxs", weight: "bold", className: "c-smart-banner__title", mb: "xxs-2", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(d, { size: "xxs", weight: "bold", className: "c-smart-banner__title", mb: "xxs-2", __self: void 0, __source: {
   fileName: Y,
   lineNumber: 24,
   columnNumber: 9
@@ -5832,11 +5782,11 @@ const cm = ({
   fileName: Y,
   lineNumber: 27,
   columnNumber: 9
-} }, [0, 1, 2, 3].map((r) => /* @__PURE__ */ e.createElement(v, { name: "star", color: "white", size: 11, key: r, __self: void 0, __source: {
+} }, [0, 1, 2, 3].map((r) => /* @__PURE__ */ e.createElement(h, { name: "star", color: "white", size: 11, key: r, __self: void 0, __source: {
   fileName: Y,
   lineNumber: 29,
   columnNumber: 13
-} })))), /* @__PURE__ */ e.createElement(f, { size: "xxs-2", __self: void 0, __source: {
+} })))), /* @__PURE__ */ e.createElement(d, { size: "xxs-2", __self: void 0, __source: {
   fileName: Y,
   lineNumber: 33,
   columnNumber: 7
@@ -5860,11 +5810,11 @@ const l1 = ({
     fileName: Ae,
     lineNumber: 29,
     columnNumber: 7
-  } }, /* @__PURE__ */ e.createElement(v, { size: m === "secondary" ? 15 : 20, name: l, color: n ? "black" : void 0, __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(h, { size: m === "secondary" ? 15 : 20, name: l, color: n ? "black" : void 0, __self: void 0, __source: {
     fileName: Ae,
     lineNumber: 36,
     columnNumber: 9
-  } })), (r || r === 0) && /* @__PURE__ */ e.createElement(f, { as: "span", size: m === "secondary" ? "xxs" : "xxs-2", color: m === "secondary" ? a || "black" : "white", bg: m === "primary" ? c || "ultramarine" : void 0, ml: m === "secondary" && n ? "xxs-2" : void 0, className: `c-social-bar-item__count--${m}`, __self: void 0, __source: {
+  } })), (r || r === 0) && /* @__PURE__ */ e.createElement(d, { as: "span", size: m === "secondary" ? "xxs" : "xxs-2", color: m === "secondary" ? a || "black" : "white", bg: m === "primary" ? c || "ultramarine" : void 0, ml: m === "secondary" && n ? "xxs-2" : void 0, className: `c-social-bar-item__count--${m}`, __self: void 0, __source: {
     fileName: Ae,
     lineNumber: 44,
     columnNumber: 9
@@ -5901,15 +5851,15 @@ const m1 = (l) => {
   onReport: n,
   commentAnchor: t,
   disableComment: u,
-  ...d
+  ...f
 }) => {
-  const x = !u && /* @__PURE__ */ e.createElement(l1, { iconName: "comment", variant: m1(r), count: l, countColor: a, countBg: c, anchor: t, ...r === "horizontal" && {
+  const v = !u && /* @__PURE__ */ e.createElement(l1, { iconName: "comment", variant: m1(r), count: l, countColor: a, countBg: c, anchor: t, ...r === "horizontal" && {
     id: "mbrs-social-comments-container"
   }, isClickable: r !== "card", __self: void 0, __source: {
     fileName: de,
     lineNumber: 46,
     columnNumber: 5
-  } }), p = /* @__PURE__ */ e.createElement(l1, { iconName: "share", variant: m1(r), count: m, countColor: a, countBg: c, isClickable: r !== "card", className: N({
+  } }), g = /* @__PURE__ */ e.createElement(l1, { iconName: "share", variant: m1(r), count: m, countColor: a, countBg: c, isClickable: r !== "card", className: N({
     "js-mobile-share-button": r === "horizontal"
   }), id: "mbrs-social-share-container", __self: void 0, __source: {
     fileName: de,
@@ -5934,18 +5884,18 @@ const m1 = (l) => {
           fileName: de,
           lineNumber: 99,
           columnNumber: 13
-        } }, x, p), w);
+        } }, v, g), w);
       case "horizontal":
-        return /* @__PURE__ */ e.createElement(e.Fragment, null, x, p, w);
+        return /* @__PURE__ */ e.createElement(e.Fragment, null, v, g, w);
       case "vertical":
-        return /* @__PURE__ */ e.createElement(e.Fragment, null, x, p, he, w, Q);
+        return /* @__PURE__ */ e.createElement(e.Fragment, null, v, g, he, w, Q);
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ e.createElement(_, { ...d, alignItems: "center", gap: r === "card" ? "xxs" : "xl", direction: r === "vertical" ? "column" : "row", className: N("c-social-bar", {
+  return /* @__PURE__ */ e.createElement(_, { ...f, alignItems: "center", gap: r === "card" ? "xxs" : "xl", direction: r === "vertical" ? "column" : "row", className: N("c-social-bar", {
     [`c-social-bar--${r}`]: r !== "card"
-  }, d.className), bg: r === "horizontal" ? "grey-50" : void 0, justifyContent: r === "card" ? "between" : void 0, __self: void 0, __source: {
+  }, f.className), bg: r === "horizontal" ? "grey-50" : void 0, justifyContent: r === "card" ? "between" : void 0, __self: void 0, __source: {
     fileName: de,
     lineNumber: 130,
     columnNumber: 5
@@ -5965,7 +5915,7 @@ const te = ({
   fileName: r1,
   lineNumber: 26,
   columnNumber: 7
-} }, /* @__PURE__ */ e.createElement(f, { as: "span", weight: "bold", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(d, { as: "span", weight: "bold", __self: void 0, __source: {
   fileName: r1,
   lineNumber: 27,
   columnNumber: 9
@@ -5977,7 +5927,7 @@ const te = ({
   columnNumber: 5
 } }));
 var H = "/home/travis/build/20minutes/hela/src/components/molecules/SubMenu/SubMenu.tsx";
-const $l = ({
+const Bl = ({
   name: l,
   link: m,
   subCategory: r,
@@ -6004,11 +5954,11 @@ const $l = ({
     fileName: H,
     lineNumber: 46,
     columnNumber: 9
-  } }, /* @__PURE__ */ e.createElement(f, { as: "span", size: "l", weight: "bold", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(d, { as: "span", size: "l", weight: "bold", __self: void 0, __source: {
     fileName: H,
     lineNumber: 47,
     columnNumber: 11
-  } }, l), /* @__PURE__ */ e.createElement(v, { name: "chevron", size: [10, 12], color: "ultramarine", __self: void 0, __source: {
+  } }, l), /* @__PURE__ */ e.createElement(h, { name: "chevron", size: [10, 12], color: "ultramarine", __self: void 0, __source: {
     fileName: H,
     lineNumber: 50,
     columnNumber: 11
@@ -6028,12 +5978,12 @@ const $l = ({
         columnNumber: 11
       }
     },
-    /* @__PURE__ */ e.createElement(f, { as: "span", size: "xs", __self: void 0, __source: {
+    /* @__PURE__ */ e.createElement(d, { as: "span", size: "xs", __self: void 0, __source: {
       fileName: H,
       lineNumber: 62,
       columnNumber: 13
     } }, t.name),
-    /* @__PURE__ */ e.createElement(v, { name: "chevron", size: [10, 12], color: "ultramarine", __self: void 0, __source: {
+    /* @__PURE__ */ e.createElement(h, { name: "chevron", size: [10, 12], color: "ultramarine", __self: void 0, __source: {
       fileName: H,
       lineNumber: 65,
       columnNumber: 13
@@ -6084,7 +6034,7 @@ const $l = ({
         size: "s",
         as: "p"
       },
-      layout: h.DESKTOP,
+      layout: x.DESKTOP,
       justifyContent: "start",
       __self: void 0,
       __source: {
@@ -6096,7 +6046,7 @@ const $l = ({
   ))))));
 };
 var a1 = "/home/travis/build/20minutes/hela/src/components/molecules/Tabs/Tabs.tsx";
-const Zl = ({
+const $l = ({
   tabItems: l,
   tabItemActive: m,
   tabVariant: r = "default",
@@ -6119,13 +6069,13 @@ const Zl = ({
   columnNumber: 9
 } }, c.content))) : null;
 var F1 = "/home/travis/build/20minutes/hela/src/components/molecules/TagBar/TagBar.tsx";
-const sm = ({
+const cm = ({
   title: l,
   tags: m,
   layout: r,
   hasBackground: a = !0,
   ...c
-}) => m.length ? /* @__PURE__ */ e.createElement(e.Fragment, null, l && /* @__PURE__ */ e.createElement(f, { size: "l", weight: "bold", mb: "xxs", ml: {
+}) => m.length ? /* @__PURE__ */ e.createElement(e.Fragment, null, l && /* @__PURE__ */ e.createElement(d, { size: "l", weight: "bold", mb: "xxs", ml: {
   xs: "m",
   sm: "0"
 }, __self: void 0, __source: {
@@ -6153,7 +6103,7 @@ const c1 = ({
   fileName: V1,
   lineNumber: 21,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(v, { name: l, className: r, size: a, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { name: l, className: r, size: a, __self: void 0, __source: {
   fileName: V1,
   lineNumber: 28,
   columnNumber: 5
@@ -6212,15 +6162,15 @@ const u0 = ({
       fileName: s1,
       lineNumber: 18,
       columnNumber: 11
-    } }, /* @__PURE__ */ e.createElement(v, { color: "ultramarine", bg: "white", p: "xs", size: 20, name: a.name, svgTitle: a.name.charAt(0).toUpperCase() + a.name.slice(1), "aria-label": `Lien vers la page ${a.name} de 20 Minutes`, __self: void 0, __source: {
+    } }, /* @__PURE__ */ e.createElement(h, { color: "ultramarine", bg: "white", p: "xs", size: 20, name: a.name, svgTitle: a.name.charAt(0).toUpperCase() + a.name.slice(1), "aria-label": `Lien vers la page ${a.name} de 20 Minutes`, __self: void 0, __source: {
       fileName: s1,
       lineNumber: 19,
       columnNumber: 13
     } }))
   )))
 )));
-var g = "/home/travis/build/20minutes/hela/src/components/organisms/Footer/FooterDesktop.tsx";
-const Rl = ({
+var p = "/home/travis/build/20minutes/hela/src/components/organisms/Footer/FooterDesktop.tsx";
+const Zl = ({
   socialIcons: l,
   footerBar: m,
   categories: r,
@@ -6228,130 +6178,130 @@ const Rl = ({
   copyrightText: c,
   copyrightDescription: i
 }) => /* @__PURE__ */ e.createElement(b, { as: "footer", className: "c-footer", bg: "ultramarine", px: "l", __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 14,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(b, { __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 15,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(_, { className: "c-footer__top", justifyContent: "between", direction: {
   sm: "column",
   md: "row"
 }, py: "xxl", mb: "xxl", __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 16,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(b, { __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 23,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(k, { href: a, __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 24,
   columnNumber: 11
-} }, /* @__PURE__ */ e.createElement(v, { name: "logo", size: 50, color: "white", withBorder: !0, svgTitle: "Retour sur la page d'accueil 20 Minutes", __self: void 0, __source: {
-  fileName: g,
+} }, /* @__PURE__ */ e.createElement(h, { name: "logo", size: 50, color: "white", withBorder: !0, svgTitle: "Retour sur la page d'accueil 20 Minutes", __self: void 0, __source: {
+  fileName: p,
   lineNumber: 25,
   columnNumber: 13
 } })), /* @__PURE__ */ e.createElement(u0, { socialIcons: l, __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 33,
   columnNumber: 11
 } }), /* @__PURE__ */ e.createElement(be, { color: "grey-200", my: "xl", __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 34,
   columnNumber: 11
-} }), /* @__PURE__ */ e.createElement(f, { size: "m", color: "white", mb: "l", weight: "bold", __self: void 0, __source: {
-  fileName: g,
+} }), /* @__PURE__ */ e.createElement(d, { size: "m", color: "white", mb: "l", weight: "bold", __self: void 0, __source: {
+  fileName: p,
   lineNumber: 35,
   columnNumber: 11
-} }, "Nos applications"), /* @__PURE__ */ e.createElement(f, { color: "white", mb: "l", __self: void 0, __source: {
-  fileName: g,
+} }, "Nos applications"), /* @__PURE__ */ e.createElement(d, { color: "white", mb: "l", __self: void 0, __source: {
+  fileName: p,
   lineNumber: 38,
   columnNumber: 11
 } }, "Découvrez l‘ensemble de nos applications 20 Minutes !"), /* @__PURE__ */ e.createElement(_, { gap: "xs", wrap: "wrap", __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 41,
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement(_, { as: "a", href: "https://apps.apple.com/fr/app/20-minutes-news-en-continu/id308834491", className: "c-footer__app", alignItems: "center", gap: "xxs", p: "xs", bg: "white", __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 42,
   columnNumber: 13
-} }, /* @__PURE__ */ e.createElement(v, { name: "apple", size: [16, 20], color: "ultramarine", __self: void 0, __source: {
-  fileName: g,
+} }, /* @__PURE__ */ e.createElement(h, { name: "apple", size: [16, 20], color: "ultramarine", __self: void 0, __source: {
+  fileName: p,
   lineNumber: 51,
   columnNumber: 15
-} }), /* @__PURE__ */ e.createElement(f, { size: "xxs-2", weight: "regular", as: "span", __self: void 0, __source: {
-  fileName: g,
+} }), /* @__PURE__ */ e.createElement(d, { size: "xxs-2", weight: "regular", as: "span", __self: void 0, __source: {
+  fileName: p,
   lineNumber: 52,
   columnNumber: 15
-} }, "Télécharger sur", /* @__PURE__ */ e.createElement(f, { weight: "bold", __self: void 0, __source: {
-  fileName: g,
+} }, "Télécharger sur", /* @__PURE__ */ e.createElement(d, { weight: "bold", __self: void 0, __source: {
+  fileName: p,
   lineNumber: 54,
   columnNumber: 17
 } }, "App Store"))), /* @__PURE__ */ e.createElement(_, { as: "a", href: "https://play.google.com/store/apps/details?id=com.backelite.vingtminutes&hl=fr", className: "c-footer__app", alignItems: "center", gap: "xxs", p: "xs", bg: "white", __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 57,
   columnNumber: 13
-} }, /* @__PURE__ */ e.createElement(v, { name: "googleplay", size: [17, 20], color: "ultramarine", __self: void 0, __source: {
-  fileName: g,
+} }, /* @__PURE__ */ e.createElement(h, { name: "googleplay", size: [17, 20], color: "ultramarine", __self: void 0, __source: {
+  fileName: p,
   lineNumber: 66,
   columnNumber: 15
-} }), /* @__PURE__ */ e.createElement(f, { size: "xxs-2", weight: "regular", as: "span", __self: void 0, __source: {
-  fileName: g,
+} }), /* @__PURE__ */ e.createElement(d, { size: "xxs-2", weight: "regular", as: "span", __self: void 0, __source: {
+  fileName: p,
   lineNumber: 67,
   columnNumber: 15
-} }, "Télécharger sur", /* @__PURE__ */ e.createElement(f, { weight: "bold", __self: void 0, __source: {
-  fileName: g,
+} }, "Télécharger sur", /* @__PURE__ */ e.createElement(d, { weight: "bold", __self: void 0, __source: {
+  fileName: p,
   lineNumber: 69,
   columnNumber: 17
 } }, "Google Play"))))), /* @__PURE__ */ e.createElement(b, { className: "c-footer__right", __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 74,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(_, { className: "c-footer-categories", __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 75,
   columnNumber: 11
 } }, r.map((n) => /* @__PURE__ */ e.createElement(_, { direction: "column", mt: "l", px: "xxs", key: n.name, className: "c-footer-categories__list", __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 77,
   columnNumber: 15
-} }, /* @__PURE__ */ e.createElement(f, { mb: "l", className: "c-footer-categories__list__title", __self: void 0, __source: {
-  fileName: g,
+} }, /* @__PURE__ */ e.createElement(d, { mb: "l", className: "c-footer-categories__list__title", __self: void 0, __source: {
+  fileName: p,
   lineNumber: 84,
   columnNumber: 17
 } }, n.name), n.links.map((t, u) => (
   // eslint-disable-next-line react/no-array-index-key
   /* @__PURE__ */ e.createElement(k, { key: u, href: t.url, __self: void 0, __source: {
-    fileName: g,
+    fileName: p,
     lineNumber: 89,
     columnNumber: 19
   } }, t.name)
 ))))))), /* @__PURE__ */ e.createElement(be, { color: "grey-200", __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 98,
   columnNumber: 7
 } }), /* @__PURE__ */ e.createElement(_, { className: "c-footer__bottom", justifyContent: "center", direction: "column", py: "xxl", __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 99,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(t0, { footerBar: m, __self: void 0, __source: {
-  fileName: g,
+  fileName: p,
   lineNumber: 100,
   columnNumber: 9
-} }), /* @__PURE__ */ e.createElement(f, { as: "strong", color: "white", mb: "xs", __self: void 0, __source: {
-  fileName: g,
+} }), /* @__PURE__ */ e.createElement(d, { as: "strong", color: "white", mb: "xs", __self: void 0, __source: {
+  fileName: p,
   lineNumber: 101,
   columnNumber: 9
-} }, c), /* @__PURE__ */ e.createElement(f, { color: "white", __self: void 0, __source: {
-  fileName: g,
+} }, c), /* @__PURE__ */ e.createElement(d, { color: "white", __self: void 0, __source: {
+  fileName: p,
   lineNumber: 104,
   columnNumber: 9
 } }, i))));
 var E = "/home/travis/build/20minutes/hela/src/components/organisms/Footer/FooterMobile.tsx";
-const Tl = ({
+const Rl = ({
   socialIcons: l,
   footerBar: m,
   categories: r,
@@ -6381,11 +6331,11 @@ const Tl = ({
   fileName: E,
   lineNumber: 18,
   columnNumber: 11
-} }, n.links.map((u, d) => /* @__PURE__ */ e.createElement(k, { key: u.name, href: u.url, color: "white", mb: d !== n.links.length - 1 ? "xxs" : "0", __self: void 0, __source: {
+} }, n.links.map((u, f) => /* @__PURE__ */ e.createElement(k, { key: u.name, href: u.url, color: "white", mb: f !== n.links.length - 1 ? "xxs" : "0", __self: void 0, __source: {
   fileName: E,
   lineNumber: 28,
   columnNumber: 15
-} }, u.name, /* @__PURE__ */ e.createElement(v, { name: "chevron", size: [10, 14], __self: void 0, __source: {
+} }, u.name, /* @__PURE__ */ e.createElement(h, { name: "chevron", size: [10, 14], __self: void 0, __source: {
   fileName: E,
   lineNumber: 35,
   columnNumber: 17
@@ -6393,11 +6343,11 @@ const Tl = ({
   fileName: E,
   lineNumber: 42,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(f, { size: "l", color: "white", mb: "s", weight: "bold", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(d, { size: "l", color: "white", mb: "s", weight: "bold", __self: void 0, __source: {
   fileName: E,
   lineNumber: 43,
   columnNumber: 7
-} }, "Nos applications"), /* @__PURE__ */ e.createElement(f, { color: "white", mb: "s", __self: void 0, __source: {
+} }, "Nos applications"), /* @__PURE__ */ e.createElement(d, { color: "white", mb: "s", __self: void 0, __source: {
   fileName: E,
   lineNumber: 46,
   columnNumber: 7
@@ -6409,7 +6359,7 @@ const Tl = ({
   fileName: E,
   lineNumber: 50,
   columnNumber: 9
-} }, /* @__PURE__ */ e.createElement(v, { name: "logo", size: 26, color: "white", withBorder: !0, svgTitle: "Retour sur la page d'accueil 20 Minutes", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { name: "logo", size: 26, color: "white", withBorder: !0, svgTitle: "Retour sur la page d'accueil 20 Minutes", __self: void 0, __source: {
   fileName: E,
   lineNumber: 51,
   columnNumber: 11
@@ -6417,15 +6367,15 @@ const Tl = ({
   fileName: E,
   lineNumber: 59,
   columnNumber: 9
-} }, /* @__PURE__ */ e.createElement(v, { name: "apple", size: [16, 20], color: "ultramarine", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { name: "apple", size: [16, 20], color: "ultramarine", __self: void 0, __source: {
   fileName: E,
   lineNumber: 69,
   columnNumber: 11
-} }), /* @__PURE__ */ e.createElement(f, { as: "span", size: "xxs-2", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(d, { as: "span", size: "xxs-2", __self: void 0, __source: {
   fileName: E,
   lineNumber: 70,
   columnNumber: 11
-} }, "Télécharger sur", " ", /* @__PURE__ */ e.createElement(f, { weight: "bold", className: "c-link--app__mention", __self: void 0, __source: {
+} }, "Télécharger sur", " ", /* @__PURE__ */ e.createElement(d, { weight: "bold", className: "c-link--app__mention", __self: void 0, __source: {
   fileName: E,
   lineNumber: 72,
   columnNumber: 13
@@ -6433,15 +6383,15 @@ const Tl = ({
   fileName: E,
   lineNumber: 77,
   columnNumber: 9
-} }, /* @__PURE__ */ e.createElement(v, { name: "googleplay", size: [17, 20], color: "ultramarine", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { name: "googleplay", size: [17, 20], color: "ultramarine", __self: void 0, __source: {
   fileName: E,
   lineNumber: 87,
   columnNumber: 11
-} }), /* @__PURE__ */ e.createElement(f, { as: "span", size: "xxs-2", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(d, { as: "span", size: "xxs-2", __self: void 0, __source: {
   fileName: E,
   lineNumber: 88,
   columnNumber: 11
-} }, "Télécharger sur", " ", /* @__PURE__ */ e.createElement(f, { weight: "bold", className: "c-link--app__mention", __self: void 0, __source: {
+} }, "Télécharger sur", " ", /* @__PURE__ */ e.createElement(d, { weight: "bold", className: "c-link--app__mention", __self: void 0, __source: {
   fileName: E,
   lineNumber: 90,
   columnNumber: 13
@@ -6469,30 +6419,30 @@ const Tl = ({
   fileName: E,
   lineNumber: 104,
   columnNumber: 7
-} }), /* @__PURE__ */ e.createElement(f, { as: "strong", color: "white", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(d, { as: "strong", color: "white", __self: void 0, __source: {
   fileName: E,
   lineNumber: 105,
   columnNumber: 7
-} }, c), /* @__PURE__ */ e.createElement(f, { color: "white", mt: "xs", __self: void 0, __source: {
+} }, c), /* @__PURE__ */ e.createElement(d, { color: "white", mt: "xs", __self: void 0, __source: {
   fileName: E,
   lineNumber: 108,
   columnNumber: 7
 } }, i)));
 var q1 = "/home/travis/build/20minutes/hela/src/components/organisms/Footer/Footer.tsx";
-const om = ({
-  layout: l = h.MOBILE,
+const sm = ({
+  layout: l = x.MOBILE,
   ...m
-}) => l === h.DESKTOP ? /* @__PURE__ */ e.createElement(Rl, { ...m, __self: void 0, __source: {
+}) => l === x.DESKTOP ? /* @__PURE__ */ e.createElement(Zl, { ...m, __self: void 0, __source: {
   fileName: q1,
   lineNumber: 20,
   columnNumber: 35
-} }) : /* @__PURE__ */ e.createElement(Tl, { ...m, __self: void 0, __source: {
+} }) : /* @__PURE__ */ e.createElement(Rl, { ...m, __self: void 0, __source: {
   fileName: q1,
   lineNumber: 20,
   columnNumber: 66
 } });
 var B = "/home/travis/build/20minutes/hela/src/components/organisms/Header/HeaderDesktop.tsx";
-const Ol = ({
+const Tl = ({
   headerLinks: l,
   logohref: m,
   searchformurl: r
@@ -6504,7 +6454,7 @@ const Ol = ({
   fileName: B,
   lineNumber: 26,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(v, { name: "logo", size: 100, color: "ultramarine", svgTitle: "Retour sur la page d'accueil 20 Minutes", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { name: "logo", size: 100, color: "ultramarine", svgTitle: "Retour sur la page d'accueil 20 Minutes", __self: void 0, __source: {
   fileName: B,
   lineNumber: 27,
   columnNumber: 7
@@ -6557,7 +6507,7 @@ const Ol = ({
     lineNumber: 60,
     columnNumber: 13
   } }, a.name),
-  a.subCategory && /* @__PURE__ */ e.createElement($l, { name: a.name, link: a.link, subCategory: a.subCategory, color: a.color || "ultramarine", sponsor: a.sponsor, className: "js-sub-menu", __self: void 0, __source: {
+  a.subCategory && /* @__PURE__ */ e.createElement(Bl, { name: a.name, link: a.link, subCategory: a.subCategory, color: a.color || "ultramarine", sponsor: a.sponsor, className: "js-sub-menu", __self: void 0, __source: {
     fileName: B,
     lineNumber: 64,
     columnNumber: 15
@@ -6568,7 +6518,7 @@ const Ol = ({
   columnNumber: 9
 } }))));
 var ze = "/home/travis/build/20minutes/hela/src/components/organisms/Header/HeaderMobile.tsx";
-const Al = ({
+const Ol = ({
   logohref: l
 }) => /* @__PURE__ */ e.createElement(_, { className: "c-header-mobile", alignItems: "center", justifyContent: "between", px: "m", __self: void 0, __source: {
   fileName: ze,
@@ -6589,7 +6539,7 @@ const Al = ({
   fileName: ze,
   lineNumber: 21,
   columnNumber: 7
-} }, /* @__PURE__ */ e.createElement(v, { name: "logo", size: 46, color: "ultramarine", svgTitle: "Retour sur la page d'accueil 20 Minutes", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(h, { name: "logo", size: 46, color: "ultramarine", svgTitle: "Retour sur la page d'accueil 20 Minutes", __self: void 0, __source: {
   fileName: ze,
   lineNumber: 22,
   columnNumber: 9
@@ -6599,20 +6549,20 @@ const Al = ({
   columnNumber: 5
 } }));
 var W1 = "/home/travis/build/20minutes/hela/src/components/organisms/Header/Header.tsx";
-const im = ({
-  layout: l = h.MOBILE,
+const om = ({
+  layout: l = x.MOBILE,
   ...m
-}) => l === h.DESKTOP ? /* @__PURE__ */ e.createElement(Ol, { ...m, __self: void 0, __source: {
+}) => l === x.DESKTOP ? /* @__PURE__ */ e.createElement(Tl, { ...m, __self: void 0, __source: {
   fileName: W1,
   lineNumber: 12,
   columnNumber: 5
-} }) : /* @__PURE__ */ e.createElement(Al, { logohref: m.logohref, __self: void 0, __source: {
+} }) : /* @__PURE__ */ e.createElement(Ol, { logohref: m.logohref, __self: void 0, __source: {
   fileName: W1,
   lineNumber: 14,
   columnNumber: 5
 } });
 var ne = "/home/travis/build/20minutes/hela/src/components/organisms/MostReadArticles/MostReadArticles.tsx";
-const nm = ({
+const im = ({
   tabItems: l,
   layout: m,
   tabItemActive: r,
@@ -6620,58 +6570,61 @@ const nm = ({
   hasButton: c = !1,
   ...i
 }) => {
-  const n = (d, x) => d.slice(0, x), u = l.map((d) => ({
-    ...d,
-    body: n(d.body, m === h.DESKTOP ? d.name === "le-direct" && 25 || 10 : 4)
-  })).map((d) => {
-    const x = d.name === "le-direct";
+  const n = (f, v) => f.slice(0, v), u = l.map((f) => ({
+    ...f,
+    body: n(f.body, m === x.DESKTOP ? f.name === "le-direct" && 25 || 10 : 4)
+  })).map((f) => {
+    const v = f.name === "le-direct";
     return {
-      name: d.name,
-      title: d.title,
+      name: f.name,
+      title: f.title,
       content: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: N({
-        "c-most-read-articles-is-scrollable": a && m === h.DESKTOP
+        "c-most-read-articles-is-scrollable": a && m === x.DESKTOP
       }), __self: void 0, __source: {
         fileName: ne,
         lineNumber: 62,
         columnNumber: 11
-      } }, d.body.map((p, w) => /* @__PURE__ */ e.createElement(e.Fragment, { key: p.title, __self: void 0, __source: {
+      } }, f.body.map((g, w) => /* @__PURE__ */ e.createElement(e.Fragment, { key: g.title, __self: void 0, __source: {
         fileName: ne,
         lineNumber: 68,
         columnNumber: 15
-      } }, x ? /* @__PURE__ */ e.createElement(r0, { link: p.url, title: p.title, cardHeaderProps: {
+      } }, v ? /* @__PURE__ */ e.createElement(r0, { link: g.url, title: g.title, cardHeaderProps: {
         headline: {
-          text: p.rubricName
+          text: g.rubricName
         },
-        liveTime: p.liveTime
+        liveTime: g.liveTime
       }, cardImageProps: {
-        cover: p.cover
+        cover: g.cover
       }, cardTitleProps: {
-        size: "xxs-2"
-      }, layout: m, mr: a && m === h.DESKTOP && d.body.length > 3 ? "s" : void 0, __self: void 0, __source: {
+        size: {
+          xs: "xxs-2",
+          md: "xxs-3"
+        }
+      }, layout: m, mr: a && m === x.DESKTOP && f.body.length > 3 ? "s" : void 0, __self: void 0, __source: {
         fileName: ne,
         lineNumber: 70,
         columnNumber: 19
-      } }) : /* @__PURE__ */ e.createElement(hl, { link: p.url, title: p.title, cardHeaderProps: {
+      } }) : /* @__PURE__ */ e.createElement(hl, { link: g.url, title: g.title, cardHeaderProps: {
         headline: {
-          text: p.rubricName
+          text: g.rubricName
         }
       }, cardTitleProps: {
         size: "xs"
       }, cardNumber: {
         value: w + 1
-      }, layout: m, mr: a && m === h.DESKTOP ? "s" : void 0, __self: void 0, __source: {
+      }, layout: m, mr: a && m === x.DESKTOP ? "s" : void 0, __self: void 0, __source: {
         fileName: ne,
         lineNumber: 87,
         columnNumber: 19
-      } }), w !== d.body.length - 1 && /* @__PURE__ */ e.createElement(be, { color: "grey-200", my: "s", __self: void 0, __source: {
+      } }), w !== f.body.length - 1 && /* @__PURE__ */ e.createElement(be, { color: "grey-200", my: "s", __self: void 0, __source: {
         fileName: ne,
         lineNumber: 97,
         columnNumber: 51
-      } })))), c && (x || d.name === "plus-lus") && /* @__PURE__ */ e.createElement(_, { mt: "xl", mb: "xxl", justifyContent: "center", __self: void 0, __source: {
+      } })))), c && (v || f.name === "plus-lus") && /* @__PURE__ */ e.createElement(_, { mt: "xl", mb: "xxl", justifyContent: "center", __self: void 0, __source: {
         fileName: ne,
         lineNumber: 102,
         columnNumber: 13
-      } }, /* @__PURE__ */ e.createElement(k, { variant: "secondary", ...x ? {
+      } }, /* @__PURE__ */ e.createElement(k, { variant: "secondary", ...v ? {
         href: "https://www.20minutes.fr/actus",
         children: "Suivre l'info en direct"
       } : {
@@ -6684,12 +6637,74 @@ const nm = ({
       } })))
     };
   });
-  return /* @__PURE__ */ e.createElement(Zl, { tabItemActive: r || (l.length > 0 ? l[0].name : ""), tabItems: u, ...i, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement($l, { tabItemActive: r || (l.length > 0 ? l[0].name : ""), tabItems: u, ...i, __self: void 0, __source: {
     fileName: ne,
     lineNumber: 123,
     columnNumber: 5
   } });
 };
+var q = "/home/travis/build/20minutes/hela/src/components/organisms/ThreeColumnsArticles/ThreeColumnsArticles.tsx";
+const Al = ({
+  label: l,
+  articles: m
+}) => /* @__PURE__ */ e.createElement(V, { grow: 0, shrink: 0, align: "start", className: "c-three-columns-articles__column", __self: void 0, __source: {
+  fileName: q,
+  lineNumber: 28,
+  columnNumber: 3
+} }, /* @__PURE__ */ e.createElement(M, { as: "h4", size: "xxs", pb: "xxs", mb: "xl", className: "c-three-columns-articles__column-title", __self: void 0, __source: {
+  fileName: q,
+  lineNumber: 29,
+  columnNumber: 5
+} }, l), /* @__PURE__ */ e.createElement(vl, { ...m[0], className: "c-three-columns-articles__primary-article", __self: void 0, __source: {
+  fileName: q,
+  lineNumber: 32,
+  columnNumber: 5
+} }), m.map((r) => {
+  const a = {
+    layout: x.MOBILE,
+    ...r
+  };
+  return /* @__PURE__ */ e.createElement(e.Fragment, { key: r.title, __self: void 0, __source: {
+    fileName: q,
+    lineNumber: 41,
+    columnNumber: 11
+  } }, /* @__PURE__ */ e.createElement(be, { color: "grey-200", my: "s", __self: void 0, __source: {
+    fileName: q,
+    lineNumber: 42,
+    columnNumber: 13
+  } }), /* @__PURE__ */ e.createElement(r0, { ...a, cardTitleProps: {
+    ...r.cardTitleProps,
+    maxRows: 3
+  }, className: "c-three-columns-articles__secondary-articles", __self: void 0, __source: {
+    fileName: q,
+    lineNumber: 43,
+    columnNumber: 13
+  } }));
+}).slice(1, 3)), nm = ({
+  title: l,
+  columns: m,
+  ...r
+}) => m.length > 0 ? /* @__PURE__ */ e.createElement(b, { ...r, className: "c-three-columns-articles", __self: void 0, __source: {
+  fileName: q,
+  lineNumber: 61,
+  columnNumber: 5
+} }, /* @__PURE__ */ e.createElement(t1, { diodeShift: "m", diodeSize: "big", mb: "xl", className: "c-three-columns-articles__divider", __self: void 0, __source: {
+  fileName: q,
+  lineNumber: 62,
+  columnNumber: 7
+} }), /* @__PURE__ */ e.createElement(M, { as: "h2", size: "m", mb: "l", __self: void 0, __source: {
+  fileName: q,
+  lineNumber: 68,
+  columnNumber: 7
+} }, l), /* @__PURE__ */ e.createElement(Me, { itemsGap: "xl", layout: x.DESKTOP, sliderVariant: "three-columns-articles", __self: void 0, __source: {
+  fileName: q,
+  lineNumber: 71,
+  columnNumber: 7
+} }, m.map((a) => /* @__PURE__ */ e.createElement(Al, { key: a.label, ...a, __self: void 0, __source: {
+  fileName: q,
+  lineNumber: 73,
+  columnNumber: 11
+} })))) : null;
 export {
   _2 as Ad,
   N2 as Alert,
@@ -6735,26 +6750,26 @@ export {
   I2 as ErrorContent,
   _ as Flex,
   V as FlexItem,
-  om as Footer,
+  sm as Footer,
   D0 as Grid,
-  im as Header,
+  om as Header,
   D2 as HeaderBanner,
-  Ol as HeaderDesktop,
+  Tl as HeaderDesktop,
   K2 as HeaderMini,
   U2 as HeaderPage,
-  gl as HeaderSideModal,
-  y as Heading,
+  pl as HeaderSideModal,
+  M as Heading,
   q2 as HoroscopeContent,
   W2 as HoroscopeTiles,
   El as HoroscopeTopicCard,
-  v as Icon,
+  h as Icon,
   u1 as Img,
   wl as InfoBanner,
   De as InlineSeparator,
   i1 as Input,
   W as Label,
   h2 as LabelSection,
-  h as LayoutType,
+  x as LayoutType,
   k as Link,
   zl as ListWithDiode,
   G2 as LiveIndicator,
@@ -6765,39 +6780,39 @@ export {
   Ie as MediaSourceType,
   Q2 as Menu,
   W0 as Modal,
-  nm as MostReadArticles,
+  im as MostReadArticles,
   P2 as Newsletter,
   J0 as Overlay,
   em as OverviewBar,
   lm as Pagination,
-  mm as PartnerCards,
   L1 as Pipe,
-  p2 as Rating,
-  g2 as ReadAlso,
-  rm as ReadAlsoBanner,
+  g2 as Rating,
+  p2 as ReadAlso,
+  mm as ReadAlsoBanner,
   E2 as ScrollProgressBar,
   B1 as SearchForm,
   w2 as Section,
-  Ml as SectionTitle,
+  yl as SectionTitle,
   T1 as Select,
-  am as ShareBar,
+  rm as ShareBar,
   n0 as Signature,
   z2 as Skeleton,
   Me as Slider,
-  cm as SmartBanner,
+  am as SmartBanner,
   ye as SocialBar,
   te as Sponsor,
   el as Stepper,
-  $l as SubMenu,
+  Bl as SubMenu,
   v2 as SvgSprite,
   y2 as Switch,
   ml as Tab,
   al as TabPanel,
-  Zl as Tabs,
+  $l as Tabs,
   ve as Tag,
-  sm as TagBar,
-  f as Text,
+  cm as TagBar,
+  d as Text,
   sl as Textarea,
+  nm as ThreeColumnsArticles,
   c1 as Tiles,
   l0 as Typography,
   c2 as alignContentList,
@@ -6818,7 +6833,7 @@ export {
   Ql as fontFamilyTokenNameList,
   Pl as fontWeightTokenNameList,
   S as forwardRef,
-  p0 as getSrcSetFromFormats,
+  g0 as getSrcSetFromFormats,
   e2 as headingSizeTokenNameList,
   Ul as iconTokenNameList,
   tl as imageConfigDesktop,
@@ -6829,7 +6844,7 @@ export {
   v0 as paddingSystemProps,
   G1 as radiusSystemProps,
   ql as radiusTokenNameList,
-  g0 as replaceSrcFormat,
+  p0 as replaceSrcFormat,
   u2 as rubricColorAvailables,
   J1 as spacingSystemProps,
   Dl as spacingTokenNameList,