@20minutes/hela 2.21.1 → 2.21.3

package/dist/index.es.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as t, Fragment as j } from "react/jsx-runtime";
-import Q, { Fragment as p0, useMemo as W, useState as g0, createElement as v0 } from "react";
-function x0(a) {
+import Q, { Fragment as u0, useMemo as W, useState as p0, createElement as g0 } from "react";
+function v0(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
 var B1 = { exports: {} };
 var A1;
-function f0() {
+function x0() {
   return A1 || (A1 = 1, (function(a) {
     (function() {
       var s = {}.hasOwnProperty;
@@ -37,8 +37,8 @@ function f0() {
     })();
   })(B1)), B1.exports;
 }
-var w0 = f0();
-const p = /* @__PURE__ */ x0(w0), Te = ({
+var f0 = x0();
+const p = /* @__PURE__ */ v0(f0), Te = ({
   adUnitCompletePath: a,
   variant: s,
   isFullscreenMobile: c = !1,
@@ -169,7 +169,7 @@ const p = /* @__PURE__ */ x0(w0), Te = ({
       }
     )
   ] });
-}, b0 = [
+}, w0 = [
   "primary",
   "secondary",
   "tertiary",
@@ -1379,7 +1379,7 @@ const p = /* @__PURE__ */ x0(w0), Te = ({
 ), l2 = Object.keys(
   R.typography.text
 );
-var y0 = /* @__PURE__ */ ((a) => (a.angry = "angry", a.heart = "heart", a.interesting = "interesting", a.laughing = "laughing", a.sad = "sad", a.shock = "shock", a.solidary = "solidary", a.down = "down", a.up = "up", a))(y0 || {});
+var b0 = /* @__PURE__ */ ((a) => (a.angry = "angry", a.heart = "heart", a.interesting = "interesting", a.laughing = "laughing", a.sad = "sad", a.shock = "shock", a.solidary = "solidary", a.down = "down", a.up = "up", a))(b0 || {});
 const K1 = {
   sad: "😢",
   interesting: "😍",
@@ -1426,7 +1426,7 @@ const K1 = {
     filterPrefix: "69123AR",
     ids: Array.from({ length: 9 }, (a, s) => `69123AR0${s + 1}`)
   }
-}, _0 = {
+}, y0 = {
   "01": "Ain",
   "02": "Aisne",
   "03": "Allier",
@@ -1528,7 +1528,7 @@ const K1 = {
   973: "Guyane",
   974: "La Réunion",
   976: "Mayotte"
-}, t2 = ["xs", "sm", "md", "lg", "xl", "xxl"], z0 = [
+}, t2 = ["xs", "sm", "md", "lg", "xl", "xxl"], _0 = [
   "extreme-gauche",
   "parti-revolutionnaire-communiste",
   "lutte-ouvriere",
@@ -1593,7 +1593,7 @@ const K1 = {
   "europe-democratie-esperanto",
   "union-populaire-republicaine",
   "regionalistes"
-], N0 = {
+], z0 = {
   borderColor: ["border-color"],
   bg: ["background-color"],
   color: ["color"]
@@ -1608,14 +1608,14 @@ const K1 = {
   direction: ["direction"],
   wrap: ["wrap"],
   flexGrow: ["flex-grow"]
-}, k0 = {
+}, N0 = {
   align: ["align-self"],
   basis: ["flex-basis"],
   shrink: ["flex-shrink"],
   grow: ["flex-grow"]
 }, U1 = {
   radius: ["border-radius"]
-}, M0 = {
+}, k0 = {
   m: ["margin"],
   mt: ["margin-top"],
   mr: ["margin-right"],
@@ -1632,13 +1632,13 @@ const K1 = {
   px: ["padding-left", "padding-right"],
   py: ["padding-top", "padding-bottom"]
 }, Y1 = {
-  ...M0,
+  ...k0,
   ...W1
-}, C0 = {
+}, M0 = {
   ...Y1,
-  ...N0,
+  ...z0,
   ...U1
-}, S0 = {
+}, C0 = {
   textAlign: ["text-align"],
   weight: ["font-weight"],
   italic: ["font-style"],
@@ -1666,10 +1666,10 @@ const K1 = {
   "story",
   "tant-d-ecrans"
 ];
-function I(a) {
+function F(a) {
   return Q.forwardRef(a);
 }
-const H = I(
+const H = F(
   ({
     as: a = "button",
     variant: s,
@@ -1796,10 +1796,10 @@ const v2 = ({
     }
   ),
   i && /* @__PURE__ */ e(g, { as: "span", id: `${a}-hint`, mt: "xxs-2", ml: "xxs-2", className: "u-mask", children: i })
-] }), G = I(
+] }), G = F(
   ({ text: a, color: s = "black", thickness: c = "thin", ...l }, r) => {
     const n = /* @__PURE__ */ e(
-      F,
+      I,
       {
         bg: s,
         align: "center",
@@ -1820,7 +1820,7 @@ const v2 = ({
         ),
         children: a ? /* @__PURE__ */ t(j, { children: [
           n,
-          /* @__PURE__ */ e(F, { px: "xxs-2", className: "c-divider__text", children: /* @__PURE__ */ e(g, { size: "xxs", color: s, textTransform: "uppercase", children: a }) }),
+          /* @__PURE__ */ e(I, { px: "xxs-2", className: "c-divider__text", children: /* @__PURE__ */ e(g, { size: "xxs", color: s, textTransform: "uppercase", children: a }) }),
           n
         ] }) : n
       }
@@ -1829,7 +1829,7 @@ const v2 = ({
 ), L1 = ({
   bg: a = "ultramarine",
   ...s
-}) => /* @__PURE__ */ e(x, { ...s, className: p("c-divider-section", s?.className), children: /* @__PURE__ */ e(x, { as: "hr", className: p("c-divider-section__line"), bg: a }) }), X1 = I(
+}) => /* @__PURE__ */ e(x, { ...s, className: p("c-divider-section", s?.className), children: /* @__PURE__ */ e(x, { as: "hr", className: p("c-divider-section__line"), bg: a }) }), X1 = F(
   ({ color: a = "black", thickness: s = "thin", ...c }, l) => /* @__PURE__ */ e(
     x,
     {
@@ -1845,12 +1845,13 @@ const v2 = ({
       )
     }
   )
-), x2 = ["quarter", "half", "three-quarter"], f2 = ["small", "medium", "big"], B0 = (a) => typeof a == "string" && z0.includes(a), N = I(
+), x2 = ["quarter", "half", "three-quarter"], f2 = ["small", "medium", "big"], S0 = (a) => typeof a == "string" && _0.includes(a), N = F(
   ({ name: a, size: s = 28, isRounded: c = !1, border: l, rotation: r, svgTitle: n, color: i, ...o }, d) => {
-    const u = Array.isArray(s) ? s?.[0] : s, m = Array.isArray(s) ? s?.[1] : s, v = !n, f = B0(i);
+    const u = Array.isArray(s) ? s?.[0] : s, m = Array.isArray(s) ? s?.[1] : s, v = !n, f = S0(i);
     return /* @__PURE__ */ e(
       x,
       {
+        as: "span",
         ...o,
         ref: d,
         color: f ? void 0 : i,
@@ -3039,7 +3040,7 @@ const v2 = ({
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "fha", children: /* @__PURE__ */ e("path", { fill: "#fff", d: "M22 5h32v74H22z" }) }) })
   ] }),
   /* @__PURE__ */ e("symbol", { viewBox: "0 0 20 15", id: "youtube", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M19.5 2.8c-.1-.6-.4-1.1-.8-1.5-.4-.4-.9-.7-1.4-.9C15.7.1 10.6 0 10 0c-.6 0-5.7 0-7.2.4-.5.2-1 .4-1.4.9-.5.4-.7 1-.9 1.5C.1 4.4.1 7.4.1 7.5s0 3.1.4 4.7c.1.6.4 1.1.8 1.5.4.4.9.7 1.4.9 1.5.4 6.6.4 7.2.4.6 0 5.7 0 7.2-.4.5-.2 1-.4 1.4-.9.4-.4.7-.9.8-1.5.4-1.5.4-4.6.4-4.7s.2-3.1-.2-4.7zm-6.3 5c0 .1-.1.1-.2.2l-4.3 2.6c-.1 0-.2.1-.2.1-.1 0-.3-.1-.4-.2s-.1-.3-.1-.4V4.7c0-.1.1-.1.2-.2.1 0 .2-.1.2-.1.1 0 .2 0 .2.1L13 7.1c.1 0 .1.1.2.2s.1.2.1.3c-.1 0-.1.1-.1.2z" }) })
-] }), b2 = [...b0, "blue-dark"], q = I(
+] }), b2 = [...w0, "blue-dark"], q = F(
   ({ iconProps: a, as: s = "button", variant: c, color: l, size: r, hasShadow: n, isLoading: i, isFloating: o, ...d }, u) => /* @__PURE__ */ e(
     h,
     {
@@ -3096,7 +3097,7 @@ function y2({ title: a, ratio: s = "auto", htmlIframeProps: c, ...l }) {
     }
   );
 }
-const Z0 = ({ src: a, formats: s }) => {
+const B0 = ({ src: a, formats: s }) => {
   if (s !== void 0 && s.length > 0)
     return s.map((c) => `${a.replace(/%format/, c)} ${c.split("x")[0]}w`).join(", ");
 }, $1 = ({ src: a, format: s }) => a.replace(/%format/, s), d1 = ({
@@ -3126,12 +3127,12 @@ const Z0 = ({ src: a, formats: s }) => {
     return /* @__PURE__ */ e(x, { as: "img", src: s, ...f });
   const _ = c.split("x"), w = _[0], b = _[1];
   let C, Z = `data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='${w}'%20height='${b}'%3E%3C/svg%3E`;
-  if (s && (Z = $1({ src: s, format: c }), C = Z0({ formats: l, src: s }) ?? ""), u) {
+  if (s && (Z = $1({ src: s, format: c }), C = B0({ formats: l, src: s }) ?? ""), u) {
     const k = Number(w) * 2, M = Number(b) * 2, S = `${k}x${M}`, y = $1({ src: s, format: S });
     C = C ? `${C}, ${y} 2x` : `${y} 2x`;
   }
   return f.width = w || void 0, f.height = b !== "0" ? b : void 0, f.sizes = n || void 0, /* @__PURE__ */ e(x, { ...f, as: "img", src: Z, ...C ? { srcSet: C } : {} });
-}, i1 = ({ size: a, ...s }) => /* @__PURE__ */ e(g, { as: "span", size: a || "s", ...s, children: "•" }), V1 = I(
+}, i1 = ({ size: a, ...s }) => /* @__PURE__ */ e(g, { as: "span", size: a || "s", ...s, children: "•" }), V1 = F(
   ({
     id: a,
     className: s,
@@ -3292,10 +3293,10 @@ const Z0 = ({ src: a, formats: s }) => {
     });
     return r && s.push(r), s;
   }, []);
-}, $0 = (a) => a.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), O1 = (a) => {
+}, Z0 = (a) => a.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), O1 = (a) => {
   if (a.propValue !== void 0) {
     if (typeof a.propValue != "boolean") {
-      const s = $0(
+      const s = Z0(
         typeof a.propValue == "number" ? a.propValue.toString() : a.propValue
       );
       return a.className ? `${a.className}-${s}@${a.defaultModifier}` : `${s}@${a.defaultModifier}`;
@@ -3304,11 +3305,11 @@ const Z0 = ({ src: a, formats: s }) => {
       throw new Error('It is necessary to define the argument "className" !');
     return `${a.className}@${a.defaultModifier}`;
   }
-}, j0 = (a) => p({
+}, $0 = (a) => p({
   [`bg-${a.bg}`]: a.bg,
   [`color-${a.color}`]: a.color,
   [`border-color-${a.borderColor}`]: a.borderColor
-}), L0 = ({
+}), j0 = ({
   basis: a,
   shrink: s,
   grow: c,
@@ -3326,8 +3327,8 @@ const Z0 = ({ src: a, formats: s }) => {
     propValue: c,
     className: "grow"
   }),
-  H0(l)
-), V0 = ({
+  V0(l)
+), L0 = ({
   inline: a = !1,
   direction: s,
   wrap: c,
@@ -3374,12 +3375,12 @@ const Z0 = ({ src: a, formats: s }) => {
     propValue: a.flexGrow,
     className: "grow"
   })
-), H0 = (a) => p(
+), V0 = (a) => p(
   ...V({
     propValue: a.align,
     className: "self"
   })
-), h1 = (a) => typeof a.props == "object" ? Object.keys(a.props).reduce((s, c) => (a.systemPropNames.includes(c) || (s[c] = a.props[c]), s), {}) : {}, F0 = (a) => p(
+), h1 = (a) => typeof a.props == "object" ? Object.keys(a.props).reduce((s, c) => (a.systemPropNames.includes(c) || (s[c] = a.props[c]), s), {}) : {}, H0 = (a) => p(
   Object.entries(a).filter(([s]) => Object.keys(U1).includes(s)).reduce((s, [c, l]) => (s.push(
     ...V({
       className: c,
@@ -3395,8 +3396,8 @@ const Z0 = ({ src: a, formats: s }) => {
   ), s), [])
 ), e0 = (a) => p(
   Q1(a),
-  j0(a),
-  F0(a)
+  $0(a),
+  H0(a)
 ), j1 = ({
   textAlign: a,
   weight: s,
@@ -3421,12 +3422,12 @@ const Z0 = ({ src: a, formats: s }) => {
     "text-italic": !!r,
     [`font-${n}`]: !!n
   }
-), x = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
+), x = F(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
   a,
   {
     ...h1({
       props: c,
-      systemPropNames: Object.keys(C0)
+      systemPropNames: Object.keys(M0)
     }),
     ref: l,
     className: p(e0(c), c?.className),
@@ -3434,7 +3435,7 @@ const Z0 = ({ src: a, formats: s }) => {
   }
 ));
 x.displayName = "Box";
-const h = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
+const h = F(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
   x,
   {
     ...h1({
@@ -3443,20 +3444,20 @@ const h = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
     }),
     as: a,
     ref: l,
-    className: p(V0(c), c?.className),
+    className: p(L0(c), c?.className),
     children: s
   }
-)), F = I(
+)), I = F(
   ({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
     x,
     {
       ...h1({
         props: c,
-        systemPropNames: Object.keys(k0)
+        systemPropNames: Object.keys(N0)
       }),
       as: a,
       ref: l,
-      className: p(L0(c), c?.className),
+      className: p(j0(c), c?.className),
       children: s
     }
   )
@@ -3486,7 +3487,7 @@ const h = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
     p(J1(n), n?.className)
   ),
   children: r
-}), $ = I(
+}), $ = F(
   ({
     as: a = "a",
     children: s,
@@ -3564,7 +3565,7 @@ const h = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
       ]
     }
   );
-}, I0 = (a) => /* @__PURE__ */ e(x, { ...a, className: p("c-overlay c-overlay--with-bg", a?.className) }), H1 = ({ isWhite: a }) => /* @__PURE__ */ e("div", { className: p("c-pipe", { "c-pipe--is-white": a }) }), N2 = ({
+}, F0 = (a) => /* @__PURE__ */ e(x, { ...a, className: p("c-overlay c-overlay--with-bg", a?.className) }), H1 = ({ isWhite: a }) => /* @__PURE__ */ e("div", { className: p("c-pipe", { "c-pipe--is-white": a }) }), N2 = ({
   id: a,
   required: s,
   label: c,
@@ -3590,7 +3591,7 @@ const h = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
       c && /* @__PURE__ */ e("label", { htmlFor: a, className: "c-radio-button__label", children: c })
     ]
   }
-), T0 = ({ rating: a, ratingMax: s = 5, iconProps: c, ...l }) => {
+), I0 = ({ rating: a, ratingMax: s = 5, iconProps: c, ...l }) => {
   const r = (d) => /* @__PURE__ */ e(N, { name: "star", color: "ultramarine", ...c }, d), n = (d) => /* @__PURE__ */ e(N, { name: "star", color: "grey-200", ...c }, d), i = (d) => /* @__PURE__ */ e(N, { name: "halfstar", color: "grey-200", ...c }, d), o = [];
   for (let d = 0; d < s; d += 1) {
     const u = d < a, m = d + 0.5 === a;
@@ -3655,7 +3656,7 @@ const h = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
       )
     ]
   }
-), M2 = I(
+), M2 = F(
   ({ variant: a, progressColor: s = "ultramarine" }, c) => /* @__PURE__ */ e(
     x,
     {
@@ -3665,7 +3666,7 @@ const h = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
       children: /* @__PURE__ */ e(x, { className: "c-progress__bar", bg: s, style: { width: "0%" } })
     }
   )
-), A0 = ({
+), T0 = ({
   triggerSelector: a = "[data-scroll-trigger]",
   triggerOffset: s = 0,
   ...c
@@ -3687,7 +3688,7 @@ const h = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
     ) })
   }
 );
-A0.displayName = "ScrollToTopButton";
+T0.displayName = "ScrollToTopButton";
 const C2 = ({ inner: a, children: s, ...c }) => /* @__PURE__ */ e(
   x,
   {
@@ -3695,7 +3696,7 @@ const C2 = ({ inner: a, children: s, ...c }) => /* @__PURE__ */ e(
     className: p("c-section", { "c-section--inner": a }, c?.className),
     children: s
   }
-), D0 = I(
+), A0 = F(
   ({
     id: a,
     className: s,
@@ -3786,7 +3787,7 @@ const C2 = ({ inner: a, children: s, ...c }) => /* @__PURE__ */ e(
   }
 );
 var z = /* @__PURE__ */ ((a) => (a.MOBILE = "mobile", a.DESKTOP = "desktop", a))(z || {}), Y = /* @__PURE__ */ ((a) => (a.embed = "embed", a.photo = "photo", a.podcast = "podcast", a.video = "video", a))(Y || {});
-const m1 = I(
+const m1 = F(
   ({
     layout: a,
     children: s,
@@ -3840,12 +3841,12 @@ const m1 = I(
       ]
     }
   )
-), O0 = ({
+), D0 = ({
   items: a,
   colorVariant: s = "ultramarine",
   ...c
 }) => /* @__PURE__ */ e(h, { className: "c-stepper", gap: "xxs-2", ...c, children: a.map((l, r) => /* @__PURE__ */ e(
-  F,
+  I,
   {
     className: p("c-stepper__item", {
       "c-stepper__item--loading": l.loading,
@@ -3855,7 +3856,7 @@ const m1 = I(
     children: /* @__PURE__ */ e(x, { className: "c-stepper__loader", bg: s })
   },
   r
-)) }), s0 = ({
+)) }), O0 = ({
   containerProps: a,
   labelPosition: s = "before",
   label: c,
@@ -3926,7 +3927,7 @@ const m1 = I(
     "aria-labelledby": `tab-${a}`,
     children: s
   }
-), J = I(
+), X = F(
   ({ as: a = "a", id: s, variant: c = "primary", size: l, children: r, ...n }, i) => /* @__PURE__ */ e(
     x,
     {
@@ -3945,7 +3946,7 @@ const m1 = I(
       children: r
     }
   )
-), B2 = I(
+), B2 = F(
   ({ id: a, required: s, label: c, variant: l, msg: r, rows: n = 5, containerProps: i, hint: o, error: d, ...u }, m) => /* @__PURE__ */ t(
     h,
     {
@@ -4004,9 +4005,9 @@ const m1 = I(
       ]
     }
   )
-), L = I(
+), L = F(
   ({ as: a = "h1", size: s, children: c, ...l }, r) => /* @__PURE__ */ e(
-    c0,
+    s0,
     {
       ...l,
       as: a,
@@ -4021,9 +4022,9 @@ const m1 = I(
       children: c
     }
   )
-), g = I(
+), g = F(
   ({ as: a = "p", size: s, highlighted: c, children: l, ...r }, n) => /* @__PURE__ */ e(
-    c0,
+    s0,
     {
       as: c ? "span" : a,
       bg: c ? "sponsoring" : r.bg,
@@ -4042,13 +4043,13 @@ const m1 = I(
       children: l
     }
   )
-), c0 = I(
+), s0 = F(
   ({ as: a = "p", children: s, ...c }, l) => s && s.toString().length || c?.dangerouslySetInnerHTML ? /* @__PURE__ */ e(
     x,
     {
       ...h1({
         props: c,
-        systemPropNames: Object.keys(S0)
+        systemPropNames: Object.keys(C0)
       }),
       as: a,
       ref: l,
@@ -4153,7 +4154,7 @@ const m1 = I(
           children: l
         }
       ),
-      n && /* @__PURE__ */ e(X, { sponsor: n, variant: "header-dedicated-desktop", mt: "l" })
+      n && /* @__PURE__ */ e(J, { sponsor: n, variant: "header-dedicated-desktop", mt: "l" })
     ] });
   let u = /* @__PURE__ */ t(x, { ...o, as: "header", children: [
     s.length > 0 && /* @__PURE__ */ e(A, { color: r, size: "xs", children: s }),
@@ -4177,7 +4178,7 @@ const m1 = I(
           ] }),
           l && l.length > 0 && /* @__PURE__ */ e(g, { id: "content-header-lead", as: "span", size: "xxl", fontFamily: "source-serif-pro", children: l })
         ] }),
-        n && /* @__PURE__ */ e(X, { sponsor: n, variant: "header-dedicated-desktop", mt: "l" })
+        n && /* @__PURE__ */ e(J, { sponsor: n, variant: "header-dedicated-desktop", mt: "l" })
       ]
     }
   )), u;
@@ -4331,7 +4332,7 @@ const m1 = I(
     }
   ),
   /* @__PURE__ */ e(A, { isUppercase: !1, children: s.label })
-] }) }, s.slug)) }), K0 = I(
+] }) }, s.slug)) }), K0 = F(
   ({ icon: a, title: s, content: c, ...l }, r) => /* @__PURE__ */ t(x, { ...l, ref: r, className: p("c-astro-topic-card", l?.className), children: [
     /* @__PURE__ */ t(h, { alignItems: "center", mb: "s", children: [
       /* @__PURE__ */ e(N, { mr: "xs", name: a, size: 21 }),
@@ -4373,7 +4374,7 @@ const m1 = I(
     as: "nav",
     children: [
       /* @__PURE__ */ e(
-        J,
+        X,
         {
           variant: n ? "transparent" : "quinary",
           href: "/",
@@ -4393,7 +4394,7 @@ const m1 = I(
           )
         }
       ),
-      a && a.length > 0 && a.slice(0, 4).map((d) => /* @__PURE__ */ t(p0, { children: [
+      a && a.length > 0 && a.slice(0, 4).map((d) => /* @__PURE__ */ t(u0, { children: [
         /* @__PURE__ */ e(
           N,
           {
@@ -4404,7 +4405,7 @@ const m1 = I(
           }
         ),
         /* @__PURE__ */ e(
-          J,
+          X,
           {
             variant: n ? "transparent" : "quinary",
             href: d.link,
@@ -4418,7 +4419,7 @@ const m1 = I(
       s && s.length > 0 && /* @__PURE__ */ t(j, { children: [
         /* @__PURE__ */ e(H1, { isWhite: i }),
         s.map((d, u) => /* @__PURE__ */ e(
-          J,
+          X,
           {
             variant: n ? "transparent" : d.variant,
             color: n ? "white" : void 0,
@@ -4520,7 +4521,7 @@ const m1 = I(
   const i = W(() => {
     const y = l ? new Date(l) : /* @__PURE__ */ new Date();
     return y.setHours(0, 0, 0, 0), y;
-  }, [l]), [o, d] = g0(() => {
+  }, [l]), [o, d] = p0(() => {
     if (c) {
       const y = new Date(c);
       return { year: y.getFullYear(), month: y.getMonth() };
@@ -4611,7 +4612,7 @@ const m1 = I(
       );
     }) })
   ] });
-}, O = I(
+}, O = F(
   ({ as: a = "article", children: s, className: c, clickable: l = !1, ...r }, n) => /* @__PURE__ */ e(
     h,
     {
@@ -4627,7 +4628,7 @@ const m1 = I(
       children: s
     }
   )
-), l0 = ({
+), c0 = ({
   text: a,
   avatarAlt: s,
   avatarUrl: c,
@@ -5051,7 +5052,7 @@ const m1 = I(
             }
           ),
           o && /* @__PURE__ */ e(
-            d0,
+            o0,
             {
               ...o,
               mx: "m",
@@ -5085,7 +5086,7 @@ const m1 = I(
       ] })
     }
   );
-}, t0 = ({
+}, l0 = ({
   link: a,
   title: s,
   cardHeaderProps: c,
@@ -5147,7 +5148,7 @@ const m1 = I(
             ]
           }
         ),
-        n && /* @__PURE__ */ e(l0, { ...n, mt: "xs" }),
+        n && /* @__PURE__ */ e(c0, { ...n, mt: "xs" }),
         o && /* @__PURE__ */ e(
           o1,
           {
@@ -5348,7 +5349,7 @@ const m1 = I(
           }
         ),
         i && /* @__PURE__ */ e(
-          l0,
+          c0,
           {
             ...i,
             mt: "l",
@@ -5502,7 +5503,7 @@ const m1 = I(
         " "
       ] }),
       /* @__PURE__ */ e(
-        T0,
+        I0,
         {
           rating: f,
           iconProps: {
@@ -5587,44 +5588,70 @@ const m1 = I(
   id: a,
   label: s,
   title: c,
-  imgUrl: l,
-  children: r,
-  withBorderBottom: n = !0,
-  isChecked: i = !1,
-  iconBgColor: o = "ultramarine",
-  onCheckedChange: d,
-  ...u
-}) => /* @__PURE__ */ t(
-  O,
-  {
-    alignItems: "start",
-    justifyContent: "start",
-    gap: "s",
-    className: p("c-card-newsletter", {
-      "c-card-newsletter--with-border-bottom": n
-    }),
-    ...n && { pb: "m" },
-    ...u,
-    children: [
-      /* @__PURE__ */ e(
-        h,
-        {
-          alignItems: "center",
-          justifyContent: "center",
-          bg: o,
-          className: "c-card-newsletter__icon",
-          children: /* @__PURE__ */ e("img", { src: l, alt: c })
-        }
-      ),
-      /* @__PURE__ */ t(F, { grow: 1, children: [
-        /* @__PURE__ */ e(D, { as: "h4", fontFamily: "base", size: "xxs", weight: "bold", children: c }),
-        /* @__PURE__ */ e(g, { size: "m", children: s }),
-        r
-      ] }),
-      /* @__PURE__ */ e(h, { wrap: "wrap", children: /* @__PURE__ */ e(s0, { id: a, checked: i, onChange: d }) })
-    ]
-  }
-), K2 = ({
+  description: l,
+  imgUrl: r,
+  externalLink: n,
+  children: i,
+  withBorderBottom: o = !0,
+  isChecked: d = !1,
+  mainColor: u = "default",
+  onCheckedChange: m,
+  ...v
+}) => {
+  const f = `var(--color-theme-${u})`;
+  return /* @__PURE__ */ t(
+    O,
+    {
+      alignItems: "start",
+      justifyContent: "start",
+      gap: "s",
+      className: p("c-card-newsletter", {
+        "c-card-newsletter--with-border-bottom": o
+      }),
+      ...o && { pb: "m" },
+      ...v,
+      children: [
+        /* @__PURE__ */ e(
+          h,
+          {
+            alignItems: "center",
+            justifyContent: "center",
+            bg: u,
+            className: "c-card-newsletter__icon",
+            children: /* @__PURE__ */ e("img", { src: r, alt: c })
+          }
+        ),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ t(h, { gap: "xxs", alignItems: "center", children: [
+            /* @__PURE__ */ e(D, { as: "h4", fontFamily: "base", size: "xxs", weight: "bold", children: c }),
+            /* @__PURE__ */ e(X, { size: "extra-small", px: "xs", children: s })
+          ] }),
+          /* @__PURE__ */ t(x, { mt: "xxs-3", children: [
+            /* @__PURE__ */ e(g, { size: "m", children: l }),
+            i,
+            /* @__PURE__ */ t(h, { gap: "s", mt: "m", alignItems: "center", children: [
+              /* @__PURE__ */ e(
+                H,
+                {
+                  size: "small",
+                  onClick: m,
+                  style: {
+                    "--button-scheme-color": f,
+                    "--button-base-background-color": f,
+                    "--button-base-border-color": f,
+                    "--button-hover-background-color": f
+                  },
+                  children: d ? "Se désabonner" : "S'inscrire"
+                }
+              ),
+              n && /* @__PURE__ */ e($, { target: "_blank", href: n, color: u, children: "Voir la newsletter" })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}, K2 = ({
   timeText: a,
   hasDot: s,
   closeButton: c,
@@ -5668,7 +5695,7 @@ const m1 = I(
       )
     ] })
   ] })
-] }), n0 = ({
+] }), t0 = ({
   link: a,
   cardImageProps: s,
   cardHeaderProps: c,
@@ -5876,7 +5903,7 @@ const m1 = I(
     s
   );
   return a === "medium" ? /* @__PURE__ */ e(ae, { ...c, className: l }) : /* @__PURE__ */ e(se, { ...c, className: l });
-}, r0 = ({
+}, n0 = ({
   link: a,
   title: s,
   cardHeaderProps: c,
@@ -6060,7 +6087,7 @@ const m1 = I(
               children: l.children
             }
           ),
-          c && /* @__PURE__ */ e(d0, { ...c, mt: "l", className: "c-card-element--is-clickable" })
+          c && /* @__PURE__ */ e(o0, { ...c, mt: "l", className: "c-card-element--is-clickable" })
         ] })
       ]
     }
@@ -6109,7 +6136,7 @@ const m1 = I(
     gap: "l",
     alignItems: { xs: "baseline", md: "center" },
     children: [
-      /* @__PURE__ */ t(F, { grow: 1, children: [
+      /* @__PURE__ */ t(I, { grow: 1, children: [
         n && /* @__PURE__ */ t(h, { color: "ultramarine", children: [
           /* @__PURE__ */ e(N, { name: "local", size: 13, mr: "xxs-2", mb: "xxs-2" }),
           /* @__PURE__ */ e(g, { size: "xxs", weight: "bold", textTransform: "uppercase", children: n })
@@ -6134,7 +6161,7 @@ const m1 = I(
   const { cardFooterProps: u, signatureProps: m, ...v } = d;
   return /* @__PURE__ */ t(O, { ...v, direction: "column", className: "c-card-with-summary", clickable: !0, children: [
     /* @__PURE__ */ t(h, { mb: "xs", className: "c-card-with-summary__content", gap: "xs", children: [
-      /* @__PURE__ */ t(F, { grow: 1, children: [
+      /* @__PURE__ */ t(I, { grow: 1, children: [
         l && /* @__PURE__ */ e(e1, { ...l, mb: "xxs-2" }),
         /* @__PURE__ */ e(
           D,
@@ -6194,7 +6221,7 @@ const m1 = I(
         return /* @__PURE__ */ e(le, { ...b });
       default:
         return /* @__PURE__ */ e(
-          r0,
+          n0,
           {
             ...b,
             layout: s,
@@ -6220,7 +6247,7 @@ const m1 = I(
         );
     }
   }, w = /* @__PURE__ */ e(
-    o0,
+    i0,
     {
       label: c || "",
       mb: n && "0" || (!u || m) && "m" || "xxl",
@@ -6267,7 +6294,7 @@ const m1 = I(
             itemsGap: o?.sliderVariant === "videos" ? "l" : "xs",
             layout: s,
             children: a.map((b) => /* @__PURE__ */ e(
-              F,
+              I,
               {
                 as: "article",
                 grow: 0,
@@ -6472,7 +6499,7 @@ const m1 = I(
       children: s
     }
   )
-] }), N1 = I(
+] }), N1 = F(
   ({
     index: a,
     textTitleProps: s,
@@ -6668,7 +6695,7 @@ const m1 = I(
   icon: s = { name: "darkmode", size: 20 },
   ...c
 }) => /* @__PURE__ */ e(
-  s0,
+  O0,
   {
     icon: s,
     label: a || /* @__PURE__ */ e(g, { size: "l", as: "span", weight: "bold", children: "Mode sombre" }),
@@ -6735,7 +6762,7 @@ const m1 = I(
       className: "c-search-banner__expand-button"
     }
   ), m = n && /* @__PURE__ */ e(
-    D0,
+    A0,
     {
       ...n,
       defaultValue: n?.options.find((_) => _.isSelected)?.value,
@@ -6755,7 +6782,7 @@ const m1 = I(
       "data-search-banner-collapse": !0,
       ...a === z.DESKTOP && { "aria-hidden": o ? !o : "true" },
       children: r?.map(({ label: _, link: w }, b) => /* @__PURE__ */ e(
-        J,
+        X,
         {
           variant: "tertiary",
           size: "small",
@@ -6815,7 +6842,7 @@ const m1 = I(
             ) : /* @__PURE__ */ e(N, { name: "ballot-box", size: 55, className: "c-search-banner__default-icon" }),
             /* @__PURE__ */ t(h, { flexGrow: 1, direction: "column", py: "m", children: [
               /* @__PURE__ */ t(h, { gap: { xs: "m", lg: "l" }, justifyContent: "end", children: [
-                /* @__PURE__ */ e(F, { grow: 1, children: /* @__PURE__ */ e(x, { as: g1, ...s }) }),
+                /* @__PURE__ */ e(I, { grow: 1, children: /* @__PURE__ */ e(x, { as: g1, ...s }) }),
                 !!n?.options.length && m,
                 !!r?.length && u
               ] }),
@@ -6836,7 +6863,7 @@ const m1 = I(
             children: [
               c && /* @__PURE__ */ e(g, { as: "span", px: "m", weight: "bold", color: "white", mb: "xxs", children: l ? /* @__PURE__ */ e("a", { href: l, children: c }) : c }),
               /* @__PURE__ */ t(h, { gap: "s", px: { xs: "m", md: "0" }, children: [
-                /* @__PURE__ */ e(F, { as: g1, grow: 1, ...s }),
+                /* @__PURE__ */ e(I, { as: g1, grow: 1, ...s }),
                 !!(r?.length || n?.options.length) && u
               ] }),
               !!(r?.length || n?.options.length) && /* @__PURE__ */ t(
@@ -7114,7 +7141,7 @@ const m1 = I(
     }
   ), w = /* @__PURE__ */ t(j, { children: [
     /* @__PURE__ */ e(h, { as: "header", gap: n ? "m" : void 0, alignItems: "start", justifyContent: "between", children: /* @__PURE__ */ t(
-      F,
+      I,
       {
         mx: { xs: "m", md: "0" },
         mt: { xs: i ? "l" : "s", md: u ? "0" : "l" },
@@ -7174,7 +7201,7 @@ const m1 = I(
   ] });
   let b = /* @__PURE__ */ t("div", { children: [
     n?.type === "sponsored-page" && /* @__PURE__ */ e(
-      X,
+      J,
       {
         sponsor: n.content,
         variant: "header-sponsored-mobile",
@@ -7196,12 +7223,12 @@ const m1 = I(
         ...d
       }
     ),
-    n?.type === "dedicated-area" && /* @__PURE__ */ e(X, { sponsor: n.content, variant: "header-dedicated-mobile", mt: "s", mx: "m" }),
+    n?.type === "dedicated-area" && /* @__PURE__ */ e(J, { sponsor: n.content, variant: "header-dedicated-mobile", mt: "s", mx: "m" }),
     i && /* @__PURE__ */ e(x1, { ...i, mt: "xl" }),
     l && w
   ] });
   return a === z.DESKTOP && (b = /* @__PURE__ */ t(h, { alignItems: "start", justifyContent: "between", gap: n ? "m" : void 0, children: [
-    /* @__PURE__ */ t(F, { basis: 100, children: [
+    /* @__PURE__ */ t(I, { basis: 100, children: [
       c || n?.type === "sponsored-page" ? /* @__PURE__ */ t(
         h,
         {
@@ -7211,10 +7238,10 @@ const m1 = I(
           gap: "m",
           pb: "xxs",
           children: [
-            /* @__PURE__ */ e(F, { basis: 100, children: _ }),
-            !!c && /* @__PURE__ */ e(F, { basis: "auto", shrink: 0, children: c }),
+            /* @__PURE__ */ e(I, { basis: 100, children: _ }),
+            !!c && /* @__PURE__ */ e(I, { basis: "auto", shrink: 0, children: c }),
             n?.type === "sponsored-page" && /* @__PURE__ */ e(
-              X,
+              J,
               {
                 sponsor: n.content,
                 variant: "header-sponsored-desktop",
@@ -7257,7 +7284,7 @@ const m1 = I(
         }
       )
     ] }),
-    n?.type === "dedicated-area" && /* @__PURE__ */ e(X, { sponsor: n.content, variant: "header-dedicated-desktop", mt: "xl" })
+    n?.type === "dedicated-area" && /* @__PURE__ */ e(J, { sponsor: n.content, variant: "header-dedicated-desktop", mt: "xl" })
   ] })), /* @__PURE__ */ e(
     x,
     {
@@ -7552,7 +7579,7 @@ const m1 = I(
     },
     l.name
   )) });
-}, i0 = (a) => Q.Children.map(a.children, (s) => {
+}, r0 = (a) => Q.Children.map(a.children, (s) => {
   if (Q.isValidElement(s)) {
     const { children: c, ...l } = s.props;
     return /* @__PURE__ */ t(
@@ -7564,13 +7591,13 @@ const m1 = I(
         }) : l?.className,
         children: [
           s.type === "li" && /* @__PURE__ */ e(N, { name: "diode", size: 16, mr: "xs" }),
-          c ? i0({ color: a.color, children: c }) : void 0
+          c ? r0({ color: a.color, children: c }) : void 0
         ]
       }
     );
   }
   return s;
-}), ue = (a) => /* @__PURE__ */ e(j, { children: i0(a) }), p3 = ({
+}), ue = (a) => /* @__PURE__ */ e(j, { children: r0(a) }), p3 = ({
   variant: a,
   isOver: s = !1,
   updatedAt: c,
@@ -7807,7 +7834,7 @@ const m1 = I(
         "puis une circonscription pour accéder aux résultats"
       ] }),
       /* @__PURE__ */ e(
-        J,
+        X,
         {
           variant: "span",
           color: "ultramarine",
@@ -8013,7 +8040,7 @@ const m1 = I(
                 ) : null;
               }) }),
               /* @__PURE__ */ e("g", { className: "c-map-towns__layer-departments", "aria-hidden": "true", children: Object.entries(c).map(([w, b]) => {
-                const C = _0[w];
+                const C = y0[w];
                 return /* @__PURE__ */ e(
                   "path",
                   {
@@ -8315,7 +8342,7 @@ const m1 = I(
             },
             isOpen: !0,
             children: [
-              /* @__PURE__ */ e(h, { as: "ul", gap: "xxs", mb: "s", wrap: "wrap", children: s.map((d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(J, { href: d.href, variant: "secondary", children: d.children }, d.href) }, d.href)) }),
+              /* @__PURE__ */ e(h, { as: "ul", gap: "xxs", mb: "s", wrap: "wrap", children: s.map((d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(X, { href: d.href, variant: "secondary", children: d.children }, d.href) }, d.href)) }),
               /* @__PURE__ */ t(
                 h,
                 {
@@ -8345,7 +8372,7 @@ const m1 = I(
                 children: d.sponsor ? /* @__PURE__ */ t("div", { children: [
                   d.name,
                   d.sponsor && /* @__PURE__ */ e(
-                    X,
+                    J,
                     {
                       sponsor: d.sponsor,
                       variant: "menu",
@@ -8368,7 +8395,7 @@ const m1 = I(
                 ...d.links?.some((m) => "name" in m) ? { py: "s" } : {}
               },
               children: [
-                (d?.tags ?? []).length > 0 && /* @__PURE__ */ e(h, { as: "ul", gap: "xxs", mb: "l", wrap: "wrap", children: d.tags?.map((m) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(J, { href: m.href, color: "ultramarine", children: m.children }, m.href) }, m.href)) }),
+                (d?.tags ?? []).length > 0 && /* @__PURE__ */ e(h, { as: "ul", gap: "xxs", mb: "l", wrap: "wrap", children: d.tags?.map((m) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(X, { href: m.href, color: "ultramarine", children: m.children }, m.href) }, m.href)) }),
                 d.links.map((m, v) => "name" in m ? /* @__PURE__ */ e(
                   N1,
                   {
@@ -8733,14 +8760,14 @@ const m1 = I(
         }
       ),
       /* @__PURE__ */ e(m1, { layout: s, buttonsColor: "white", hasSpaceAroundButtons: !0, children: a.map((i, o) => /* @__PURE__ */ e(
-        F,
+        I,
         {
           grow: 0,
           shrink: 0,
           align: "stretch",
           className: "c-read-also-banner__article",
           children: /* @__PURE__ */ e(
-            n0,
+            t0,
             {
               ...i,
               alignItems: "center",
@@ -8798,7 +8825,7 @@ const m1 = I(
       l && l.length > 0 && /* @__PURE__ */ e("ul", { className: "c-search-form__autocomplete u-hidden", children: l.slice(0, 8).map((i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: i.url, tabIndex: -1, children: i.value }) }, i.value)) })
     ]
   }
-), o0 = ({
+), i0 = ({
   label: a,
   labelLink: s,
   themeColor: c,
@@ -9080,7 +9107,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
       }
     ),
     /* @__PURE__ */ e("div", { className: "c-show-cover__shadow" }),
-    l === z.DESKTOP ? /* @__PURE__ */ e(h, { as: "section", className: "c-show-cover__content o-page-wrap", color: "white", children: /* @__PURE__ */ t(F, { as: "section", basis: 50, children: [
+    l === z.DESKTOP ? /* @__PURE__ */ e(h, { as: "section", className: "c-show-cover__content o-page-wrap", color: "white", children: /* @__PURE__ */ t(I, { as: "section", basis: 50, children: [
       i,
       o
     ] }) }) : /* @__PURE__ */ t(x, { as: "section", color: "white", px: "m", className: "c-show-cover__content", children: [
@@ -9088,7 +9115,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
       o && /* @__PURE__ */ e(h, { justifyContent: "center", children: o })
     ] })
   ] });
-}, d0 = ({
+}, o0 = ({
   avatars: a,
   authors: s,
   layout: c,
@@ -9104,7 +9131,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
 }) => {
   const f = /* @__PURE__ */ t(h, { ...v, as: "address", alignItems: "start", gap: "s", children: [
     !d && /* @__PURE__ */ e(G0, { avatars: a, themeColor: u }),
-    /* @__PURE__ */ t(F, { grow: 1, align: r ? "start" : "center", children: [
+    /* @__PURE__ */ t(I, { grow: 1, align: r ? "start" : "center", children: [
       o ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(g, { as: "span", size: "s", weight: "bold", px: "xxs", bg: "sponsoring", color: "grey-900", children: s }) }) : /* @__PURE__ */ e(g, { size: "s", weight: "bold", children: s }),
       r && /* @__PURE__ */ t(g, { size: "xxs", color: "grey-400", mt: "xxs-2", ...l, children: [
         /* @__PURE__ */ t("time", { children: [
@@ -9117,7 +9144,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
         ] })
       ] })
     ] }),
-    m && c === z.MOBILE && /* @__PURE__ */ e(X, { sponsor: m, variant: "signature" })
+    m && c === z.MOBILE && /* @__PURE__ */ e(J, { sponsor: m, variant: "signature" })
   ] });
   return i ? /* @__PURE__ */ e("a", { href: i, children: f }) : f;
 }, j3 = ({ installButton: a, closeButton: s }) => /* @__PURE__ */ t(h, { className: "c-smart-banner", alignItems: "center", gap: "xs", bg: "ultramarine", color: "white", children: [
@@ -9344,13 +9371,13 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
       children: a1()
     }
   );
-}, X = ({
+}, J = ({
   sponsor: a,
   variant: s,
   hasText: c = !1,
   ...l
 }) => /* @__PURE__ */ t(h, { ...l, gap: c ? l?.gap || "l" : void 0, children: [
-  c && /* @__PURE__ */ e(F, { align: "end", children: /* @__PURE__ */ e(g, { as: "span", weight: "bold", children: "avec" }) }),
+  c && /* @__PURE__ */ e(I, { align: "end", children: /* @__PURE__ */ e(g, { as: "span", weight: "bold", children: "avec" }) }),
   /* @__PURE__ */ e(
     "img",
     {
@@ -9456,7 +9483,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t(h, { justifyContent: "between", mt: "xxs", color: "grey-900", children: [
+        /* @__PURE__ */ t(h, { mt: "xxs", color: "grey-900", wrap: "wrap", gap: "xxs", justifyContent: "between", children: [
           l && /* @__PURE__ */ e(g, { size: "xxs", weight: "bold", children: l }),
           /* @__PURE__ */ e(g, { size: "xxs", children: "Semaine en cours" })
         ] })
@@ -9537,7 +9564,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
             alignItems: l?.tags && i ? "center" : "end",
             children: [
               i && /* @__PURE__ */ e(
-                X,
+                J,
                 {
                   sponsor: i,
                   variant: "menu",
@@ -9546,12 +9573,12 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
                   ...!l?.tags && { pt: "xxs", pb: "xs" }
                 }
               ),
-              l?.tags && /* @__PURE__ */ e(h, { gap: "xs", children: l?.tags.map((u) => /* @__PURE__ */ e(J, { href: u.href, color: r || "ultramarine", children: u.name }, u.href)) })
+              l?.tags && /* @__PURE__ */ e(h, { gap: "xs", children: l?.tags.map((u) => /* @__PURE__ */ e(X, { href: u.href, color: r || "ultramarine", children: u.name }, u.href)) })
             ]
           }
         ),
-        /* @__PURE__ */ e(l1, { colsNumber: n, gap: "xl", children: l?.cards?.map((u) => /* @__PURE__ */ v0(
-          r0,
+        /* @__PURE__ */ e(l1, { colsNumber: n, gap: "xl", children: l?.cards?.map((u) => /* @__PURE__ */ g0(
+          n0,
           {
             ...u,
             key: u.link,
@@ -9588,7 +9615,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
     a && l && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: l.map((n, i) => /* @__PURE__ */ e(x, { as: "th", p: "s", children: n }, i)) }) }),
     /* @__PURE__ */ e("tbody", { children: r.map((n, i) => /* @__PURE__ */ e("tr", { children: n.map((o, d) => /* @__PURE__ */ e(x, { as: "td", p: "s", children: o }, d)) }, i)) })
   ] });
-}, h0 = ({
+}, d0 = ({
   tabItems: a,
   name: s = "default",
   fitContainer: c,
@@ -9658,7 +9685,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
     layout: s,
     className: p("c-tag-bar", l?.className),
     ...c && { buttonsSize: "small" },
-    children: a.map((r, n) => /* @__PURE__ */ e(J, { ...r, ...c && { size: "small" } }, n))
+    children: a.map((r, n) => /* @__PURE__ */ e(X, { ...r, ...c && { size: "small" } }, n))
   }
 ) : null, Se = ({ iconName: a, className: s }) => /* @__PURE__ */ e("li", { className: p("c-text-tooltip-item", s), children: /* @__PURE__ */ e(
   H,
@@ -9945,7 +9972,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
       pb: o && o.length > 0 ? "xxl" : "m",
       children: b ? /* @__PURE__ */ t(h, { children: [
         w,
-        /* @__PURE__ */ e(F, { grow: 1, align: "center", children: _ })
+        /* @__PURE__ */ e(I, { grow: 1, align: "center", children: _ })
       ] }) : _
     }
   );
@@ -9955,7 +9982,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
     /* @__PURE__ */ e(g, { as: "span", size: "xxs", weight: "regular", children: "Télécharger sur" }),
     /* @__PURE__ */ e(g, { as: "span", size: "xs", weight: "bold", children: c })
   ] })
-] }), m0 = ({ links: a, ...s }) => /* @__PURE__ */ e(
+] }), h0 = ({ links: a, ...s }) => /* @__PURE__ */ e(
   h,
   {
     gapX: "xs",
@@ -9964,7 +9991,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
     className: p("c-footer-links", s?.className),
     children: a.map((c) => /* @__PURE__ */ e($, { ...c, color: "white", className: "c-footer-links__link" }, String(c.children)))
   }
-), u0 = ({
+), m0 = ({
   socialIcons: a,
   themeColor: s,
   ...c
@@ -10023,7 +10050,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
             }
           ) }),
           /* @__PURE__ */ e(
-            u0,
+            m0,
             {
               socialIcons: l,
               themeColor: c,
@@ -10094,7 +10121,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
       alignItems: "center",
       gap: "xs",
       children: [
-        /* @__PURE__ */ e(m0, { links: n, justifyContent: "center", mb: "xl" }),
+        /* @__PURE__ */ e(h0, { links: n, justifyContent: "center", mb: "xl" }),
         /* @__PURE__ */ e("strong", { children: "© Copyright 20 Minutes" }),
         /* @__PURE__ */ e("p", { children: "La fréquentation de 20 Minutes est certifiée par l‘ACPM" })
       ]
@@ -10182,10 +10209,10 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
         ] }),
         /* @__PURE__ */ e(G, { color: "grey-200" })
       ] }) : void 0,
-      /* @__PURE__ */ e(u0, { socialIcons: l, themeColor: c, my: "xl", mx: "m" }),
+      /* @__PURE__ */ e(m0, { socialIcons: l, themeColor: c, my: "xl", mx: "m" }),
       /* @__PURE__ */ e(G, { color: "grey-200" }),
       /* @__PURE__ */ t(x, { as: "section", className: "c-footer-mobile__bottom", px: "m", pt: "xl", pb: "xxl-2", children: [
-        /* @__PURE__ */ e(m0, { links: r, gapX: "s", mb: "xl" }),
+        /* @__PURE__ */ e(h0, { links: r, gapX: "s", mb: "xl" }),
         /* @__PURE__ */ e("strong", { children: "© Copyright 20 Minutes" }),
         /* @__PURE__ */ e(g, { mt: "xs", children: "La fréquentation de 20 Minutes est certifiée par l‘ACPM" })
       ] })
@@ -10420,7 +10447,7 @@ const $e = {
                 },
                 m.link
               )),
-              /* @__PURE__ */ e(I0, {})
+              /* @__PURE__ */ e(F0, {})
             ]
           }
         )
@@ -10557,7 +10584,7 @@ const $e = {
             }),
             children: /* @__PURE__ */ e("div", { children: v.body.map((_, w) => /* @__PURE__ */ t(Q.Fragment, { children: [
               f ? /* @__PURE__ */ e(
-                t0,
+                l0,
                 {
                   link: _.url,
                   title: _.title,
@@ -10612,7 +10639,7 @@ const $e = {
     };
   });
   return m.length === 0 ? null : /* @__PURE__ */ e(
-    h0,
+    d0,
     {
       tabItemActive: l || m[0].name,
       tabItems: m,
@@ -10667,7 +10694,7 @@ const $e = {
     ] })
   }));
   return u.length === 0 ? null : /* @__PURE__ */ e(
-    h0,
+    d0,
     {
       tabItemActive: l || (u.length > 0 ? u[0].name : ""),
       tabItems: u,
@@ -10716,7 +10743,7 @@ const $e = {
       "c-overview-bar__article--has-stepper": c
     }
   ), d = /* @__PURE__ */ e(m1, { layout: s, itemsGap: "m", hasSpaceAroundButtons: !0, children: a.map((m, v) => l === "product" && m.cardHeaderProps?.headline?.text ? /* @__PURE__ */ e(
-    F,
+    I,
     {
       grow: 0,
       shrink: 0,
@@ -10736,14 +10763,14 @@ const $e = {
     },
     m.cardHeaderProps.headline.text
   ) : /* @__PURE__ */ e(
-    F,
+    I,
     {
       grow: 0,
       shrink: 0,
       className: o,
       pl: { xs: v === 0 ? "m" : "0", md: "0" },
       children: /* @__PURE__ */ e(
-        n0,
+        t0,
         {
           ...m,
           cardTitleProps: {
@@ -10765,7 +10792,7 @@ const $e = {
       i,
       d
     ] }),
-    c && s === z.MOBILE && /* @__PURE__ */ e(O0, { items: u, mt: "s" })
+    c && s === z.MOBILE && /* @__PURE__ */ e(D0, { items: u, mt: "s" })
   ] });
 }, P3 = ({ medias: a, ...s }) => !a || a.length === 0 ? null : /* @__PURE__ */ e(x, { ...s, className: "pswp-gallery", id: "photoswipe-gallery", children: a.map((c, l) => /* @__PURE__ */ e(
   "a",
@@ -10883,7 +10910,7 @@ const $e = {
 }, He = ({ title: a, articles: s, isSponsored: c, seeMoreLink: l }) => {
   const { layout: r, ...n } = s[0];
   return /* @__PURE__ */ t(
-    F,
+    I,
     {
       as: "section",
       bg: c ? "sponsoring" : void 0,
@@ -10892,7 +10919,7 @@ const $e = {
       align: "end",
       className: "c-three-columns-articles__column",
       children: [
-        a && /* @__PURE__ */ e(o0, { ...a, mb: c ? "m" : "xxl" }),
+        a && /* @__PURE__ */ e(i0, { ...a, mb: c ? "m" : "xxl" }),
         c && /* @__PURE__ */ e(x, { mb: "xs", children: /* @__PURE__ */ e(g, { as: "span", size: "xs", mx: "s", color: "grey-900", children: "Vidéos sponsorisées" }) }),
         /* @__PURE__ */ e(
           J0,
@@ -10909,7 +10936,7 @@ const $e = {
         s.map((i) => /* @__PURE__ */ t(Q.Fragment, { children: [
           /* @__PURE__ */ e(G, { color: "grey-200", my: "s" }),
           /* @__PURE__ */ e(
-            t0,
+            l0,
             {
               ...i,
               cardTitleProps: { ...i.cardTitleProps, maxRows: 3 },
@@ -10993,8 +11020,8 @@ export {
   D2 as Calendar,
   O as CardContainer,
   O2 as CardExtraLarge,
-  t0 as CardExtraSmall,
-  l0 as CardFooter,
+  l0 as CardExtraSmall,
+  c0 as CardFooter,
   R2 as CardFrame,
   e1 as CardHeader,
   T as CardImage,
@@ -11004,11 +11031,11 @@ export {
   P2 as CardMovie,
   q2 as CardNewsletter,
   K2 as CardNotification,
-  n0 as CardOverview,
+  t0 as CardOverview,
   ee as CardProduct,
   G2 as CardSideImage,
   U2 as CardSkeleton,
-  r0 as CardSmall,
+  n0 as CardSmall,
   ce as CardTiny,
   D as CardTitle,
   le as CardVertical,
@@ -11037,7 +11064,7 @@ export {
   i3 as ErrorContent,
   de as Expandable,
   h as Flex,
-  F as FlexItem,
+  I as FlexItem,
   A3 as Footer,
   l1 as Grid,
   J2 as HalfDonut,
@@ -11086,7 +11113,7 @@ export {
   R3 as MostWatchVideos,
   k3 as Newsletter,
   M3 as OrderedListWithNumber,
-  I0 as Overlay,
+  F0 as Overlay,
   E3 as OverviewBar,
   C3 as Pagination,
   we as PercentageBar,
@@ -11095,36 +11122,36 @@ export {
   S3 as Prose,
   N2 as RadioButton,
   q3 as Ranking,
-  T0 as Rating,
+  I0 as Rating,
   be as ReactButton,
-  y0 as ReactionContent,
+  b0 as ReactionContent,
   k2 as ReadAlso,
   B3 as ReadAlsoBanner,
   M2 as ScrollProgressBar,
-  A0 as ScrollToTopButton,
+  T0 as ScrollToTopButton,
   n3 as SearchBanner,
   g1 as SearchForm,
   C2 as Section,
-  o0 as SectionTitle,
-  D0 as Select,
+  i0 as SectionTitle,
+  A0 as Select,
   Z3 as ShareBar,
   $3 as ShowCover,
-  d0 as Signature,
+  o0 as Signature,
   S2 as Skeleton,
   m1 as Slider,
   j3 as SmartBanner,
   o1 as SocialBar,
-  X as Sponsor,
-  O0 as Stepper,
+  J as Sponsor,
+  D0 as Stepper,
   Me as StreakBlock,
   Ce as SubMenu,
   w2 as SvgSprite,
-  s0 as Switch,
+  O0 as Switch,
   R0 as Tab,
   E0 as TabPanel,
   L3 as Table,
-  h0 as Tabs,
-  J as Tag,
+  d0 as Tabs,
+  X as Tag,
   V3 as TagBar,
   g as Text,
   H3 as TextTooltip,
@@ -11133,33 +11160,33 @@ export {
   _1 as Tiles,
   F3 as Timeline,
   G3 as Toolbar,
-  c0 as Typography,
+  s0 as Typography,
   I3 as UserPanel,
   qe as alignContentList,
   Pe as alignItemsList,
   Ge as alignSelfList,
   z1 as applyFormatToNumbers,
   f2 as borderSizeList,
-  b0 as buttonColor,
+  w0 as buttonColor,
   Oe as buttonVariant,
   Z1 as cityZoom,
-  N0 as colorSystemProps,
+  z0 as colorSystemProps,
   o2 as colorTokenNameList,
   z2 as colsNumberGridList,
-  _0 as departmentNames,
+  y0 as departmentNames,
   K1 as emojiConfig,
   Ue as flexBasisList,
   Re as flexDirectionList,
   Ye as flexGrowList,
   G1 as flexOrGridBoxSystemProps,
-  k0 as flexOrGridItemSystemProps,
+  N0 as flexOrGridItemSystemProps,
   We as flexShrinkList,
   Ee as flexWrapList,
   a2 as fontFamilyTokenNameList,
   s2 as fontWeightTokenNameList,
-  I as forwardRef,
+  F as forwardRef,
   D1 as franceMainCities,
-  Z0 as getSrcSetFromFormats,
+  B0 as getSrcSetFromFormats,
   c2 as headingSizeTokenNameList,
   b2 as iconButtonColor,
   h2 as iconTokenNameHorscopeChineseList,
@@ -11169,17 +11196,17 @@ export {
   P0 as imageConfigDesktop,
   q0 as imageConfigMobile,
   Ke as justifyContentList,
-  M0 as marginSystemProps,
+  k0 as marginSystemProps,
   t2 as mediaQueriesList,
   W1 as paddingSystemProps,
-  z0 as politicalPartiesColors,
+  _0 as politicalPartiesColors,
   U1 as radiusSystemProps,
   p2 as radiusTokenNameList,
   $1 as replaceSrcFormat,
   x2 as rotationList,
   Y1 as spacingSystemProps,
   i2 as spacingTokenNameList,
-  C0 as systemProps,
+  M0 as systemProps,
   Je as textAlignList,
   Xe as textDecorationList,
   l2 as textSizeTokenNameList,
@@ -11188,6 +11215,6 @@ export {
   r2 as themeList,
   R as tokenVariables,
   g2 as tvShowsColors,
-  S0 as typographySystemProps,
+  C0 as typographySystemProps,
   e2 as whiteSpaceList
 };