@20minutes/hela 2.21.0 → 2.21.2

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), Ie = ({
+var f0 = x0();
+const p = /* @__PURE__ */ v0(f0), Te = ({
   adUnitCompletePath: a,
   variant: s,
   isFullscreenMobile: c = !1,
@@ -169,11 +169,7 @@ const p = /* @__PURE__ */ x0(w0), Ie = ({
       }
     )
   ] });
-};
-function T(a) {
-  return Q.forwardRef(a);
-}
-const b0 = [
+}, w0 = [
   "primary",
   "secondary",
   "tertiary",
@@ -181,183 +177,7 @@ const b0 = [
   "dark",
   "white",
   "blue-ice"
-], Oe = ["ghost", "outlined", "link", "ghost-with-icon-bg", "close"], H = T(
-  ({
-    as: a = "button",
-    variant: s,
-    color: c = s === "ghost" || s === "link" ? void 0 : "primary",
-    children: l,
-    iconProps: r,
-    counter: n,
-    isCentered: i = !1,
-    isSquare: o = !1,
-    isFullWidth: d = !1,
-    isLoading: u = !1,
-    size: m,
-    isCloseWithProgress: v,
-    closeProgressColor: f,
-    ..._
-  }, w) => {
-    const b = {
-      ..._?.style,
-      ...f && {
-        "--button-close-progress-color": `var(--color-theme-${f})`
-      }
-    };
-    return /* @__PURE__ */ t(
-      h,
-      {
-        ..._,
-        style: b,
-        as: a,
-        ref: w,
-        alignItems: "center",
-        justifyContent: "center",
-        gap: "xxs",
-        inline: s === "link" || a === "a",
-        radius: o ? "0" : void 0,
-        className: p(
-          "c-btn",
-          {
-            [`c-btn--${c}`]: c,
-            [`c-btn--${s}`]: s,
-            [`c-btn--${m}`]: m,
-            "c-btn--is-centered": i,
-            "c-btn--is-loading": u,
-            "c-btn--full-width": d
-          },
-          _?.className
-        ),
-        children: [
-          r && /* @__PURE__ */ e(N, { ...r }),
-          l,
-          (n === 0 || n) && /* @__PURE__ */ e(
-            h,
-            {
-              justifyContent: "center",
-              alignItems: "center",
-              color: "grey-900",
-              bg: "white",
-              px: "xxs",
-              radius: "s",
-              className: "c-btn__counter",
-              children: n
-            }
-          ),
-          v && /* @__PURE__ */ e("div", { className: "c-btn__close-progress" })
-        ]
-      }
-    );
-  }
-);
-H.displayName = "Button";
-const Re = ({
-  id: a,
-  className: s,
-  required: c,
-  label: l,
-  variant: r,
-  variantLabel: n = "default",
-  hint: i,
-  error: o,
-  ...d
-}) => /* @__PURE__ */ t("div", { className: "c-checkbox", children: [
-  /* @__PURE__ */ e(
-    "input",
-    {
-      id: a,
-      type: "checkbox",
-      className: p(
-        "c-checkbox__input",
-        {
-          [`c-checkbox__input--${r}`]: r
-        },
-        s
-      ),
-      required: c,
-      "aria-describedby": [i ? `${a}-hint` : null, o ? `${a}-error` : null].filter(Boolean).join(" ") || void 0,
-      ...d
-    }
-  ),
-  l && /* @__PURE__ */ t(
-    "label",
-    {
-      htmlFor: a,
-      className: p("c-checkbox__label", `c-checkbox__label--${n}`),
-      children: [
-        l,
-        c && /* @__PURE__ */ t(g, { as: "span", size: "xxs", weight: "regular", children: [
-          " ",
-          "(obligatoire)"
-        ] })
-      ]
-    }
-  ),
-  o && /* @__PURE__ */ e(
-    g,
-    {
-      as: "span",
-      id: `${a}-error`,
-      className: "u-mask",
-      color: "red",
-      size: "xxs",
-      mt: "xxs-2",
-      ml: "xxs-2",
-      role: "alert",
-      children: o
-    }
-  ),
-  i && /* @__PURE__ */ e(g, { as: "span", id: `${a}-hint`, mt: "xxs-2", ml: "xxs-2", className: "u-mask", children: i })
-] }), G = T(
-  ({ text: a, color: s = "black", thickness: c = "thin", ...l }, r) => {
-    const n = /* @__PURE__ */ e(
-      F,
-      {
-        bg: s,
-        align: "center",
-        className: p("c-divider__line", {
-          [`c-divider__line--${c}`]: c !== "thin"
-        })
-      }
-    );
-    return /* @__PURE__ */ e(
-      h,
-      {
-        ...l,
-        ref: r,
-        className: p(
-          "c-divider",
-          { "c-divider--has-text": !!a },
-          l?.className
-        ),
-        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 }) }),
-          n
-        ] }) : n
-      }
-    );
-  }
-), 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 }) }), K1 = T(
-  ({ color: a = "black", thickness: s = "thin", ...c }, l) => /* @__PURE__ */ e(
-    x,
-    {
-      ...c,
-      ref: l,
-      bg: a,
-      className: p(
-        "c-divider-vertical",
-        {
-          [`c-divider-vertical--${s}`]: s !== "thin"
-        },
-        c?.className
-      )
-    }
-  )
-), Ee = ["column", "row", "column-reverse", "row-reverse"], Pe = ["wrap", "wrap-reverse", "no-wrap"], qe = ["start", "end", "center", "baseline", "stretch"], Ke = [
+], Oe = ["ghost", "outlined", "link", "ghost-with-icon-bg", "close"], Re = ["column", "row", "column-reverse", "row-reverse"], Ee = ["wrap", "wrap-reverse", "no-wrap"], Pe = ["start", "end", "center", "baseline", "stretch"], qe = [
   "start",
   "end",
   "center",
@@ -365,7 +185,7 @@ const Re = ({
   "around",
   "evenly",
   "stretch"
-], Ge = [
+], Ke = [
   "start",
   "end",
   "center",
@@ -373,7 +193,7 @@ const Re = ({
   "around",
   "evenly",
   "stretch"
-], Ue = ["auto", "start", "end", "center", "stretch", "baseline"], We = ["auto", 0, 25, 33, 50, 75, 100], Ye = [0, 1], Xe = [0, 1], R = {
+], Ge = ["auto", "start", "end", "center", "stretch", "baseline"], Ue = ["auto", 0, 25, 33, 50, 75, 100], We = [0, 1], Ye = [0, 1], R = {
   asset: {
     font: {
       "Obviously-Semibold": {
@@ -1542,7 +1362,7 @@ const Re = ({
       }
     }
   }
-}, Je = ["underline", "dotted", "wavy", "overline"], Qe = ["left", "center", "right", "justify"], e2 = ["capitalize", "uppercase", "lowercase"], a2 = [
+}, Xe = ["underline", "dotted", "wavy", "overline"], Je = ["left", "center", "right", "justify"], Qe = ["capitalize", "uppercase", "lowercase"], e2 = [
   "break-spaces",
   "normal",
   "nowrap",
@@ -1550,17 +1370,17 @@ const Re = ({
   "pre-line",
   "pre-wrap",
   "revert"
-], s2 = Object.keys(R["font-family"]).filter(
+], a2 = Object.keys(R["font-family"]).filter(
   (a) => !["base"].includes(a)
-), c2 = Object.keys(
+), s2 = Object.keys(
   R["font-weight"]
-), l2 = Object.keys(
+), c2 = Object.keys(
   R.typography.heading
-), t2 = Object.keys(
+), 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 || {});
-const G1 = {
+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: "😍",
   laughing: "😂",
@@ -1606,7 +1426,7 @@ const G1 = {
     filterPrefix: "69123AR",
     ids: Array.from({ length: 9 }, (a, s) => `69123AR0${s + 1}`)
   }
-}, _0 = {
+}, y0 = {
   "01": "Ain",
   "02": "Aisne",
   "03": "Allier",
@@ -1708,7 +1528,7 @@ const G1 = {
   973: "Guyane",
   974: "La Réunion",
   976: "Mayotte"
-}, n2 = ["xs", "sm", "md", "lg", "xl", "xxl"], z0 = [
+}, t2 = ["xs", "sm", "md", "lg", "xl", "xxl"], _0 = [
   "extreme-gauche",
   "parti-revolutionnaire-communiste",
   "lutte-ouvriere",
@@ -1773,11 +1593,11 @@ const G1 = {
   "europe-democratie-esperanto",
   "union-populaire-republicaine",
   "regionalistes"
-], N0 = {
+], z0 = {
   borderColor: ["border-color"],
   bg: ["background-color"],
   color: ["color"]
-}, U1 = {
+}, G1 = {
   alignItems: ["align-items"],
   alignContent: ["align-content"],
   justifyContent: ["justify-content"],
@@ -1788,14 +1608,14 @@ const G1 = {
   direction: ["direction"],
   wrap: ["wrap"],
   flexGrow: ["flex-grow"]
-}, k0 = {
+}, N0 = {
   align: ["align-self"],
   basis: ["flex-basis"],
   shrink: ["flex-shrink"],
   grow: ["flex-grow"]
-}, W1 = {
+}, U1 = {
   radius: ["border-radius"]
-}, M0 = {
+}, k0 = {
   m: ["margin"],
   mt: ["margin-top"],
   mr: ["margin-right"],
@@ -1803,7 +1623,7 @@ const G1 = {
   mb: ["margin-bottom"],
   mx: ["margin-left", "margin-right"],
   my: ["margin-top", "margin-bottom"]
-}, Y1 = {
+}, W1 = {
   p: ["padding"],
   pt: ["padding-top"],
   pr: ["padding-right"],
@@ -1811,14 +1631,14 @@ const G1 = {
   pb: ["padding-bottom"],
   px: ["padding-left", "padding-right"],
   py: ["padding-top", "padding-bottom"]
-}, X1 = {
-  ...M0,
-  ...Y1
-}, C0 = {
-  ...X1,
-  ...N0,
+}, Y1 = {
+  ...k0,
   ...W1
-}, S0 = {
+}, M0 = {
+  ...Y1,
+  ...z0,
+  ...U1
+}, C0 = {
   textAlign: ["text-align"],
   weight: ["font-weight"],
   italic: ["font-style"],
@@ -1826,28 +1646,208 @@ const G1 = {
   textTransform: ["text-transform"],
   fontFamily: ["font-family"],
   whiteSpace: ["white-space"]
-}, r2 = Object.keys(R.color.theme), i2 = ["light", "dark"], o2 = Object.keys(R.spacing), d2 = [
+}, n2 = Object.keys(R.color.theme), r2 = ["light", "dark"], i2 = Object.keys(R.spacing), o2 = [
   ...Object.keys(R.color.primary),
   ...Object.keys(R.color.secondary),
   ...Object.keys(R.color.greyscale),
   ...Object.keys(R.color.status),
   ...Object.keys(R.color.theme)
-], h2 = Object.keys(R.asset.icon), m2 = Object.keys(
+], d2 = Object.keys(R.asset.icon), h2 = Object.keys(
   R.asset.icon["horoscope-sign"].chinese
-), u2 = Object.keys(
+), m2 = Object.keys(
   R.asset.icon["horoscope-sign"].zodiac
-), p2 = Object.keys(
+), u2 = Object.keys(
   R.asset.icon["numerology-sign"]
-), g2 = Object.keys(R.radius), v2 = [
+), p2 = Object.keys(R.radius), g2 = [
   "20-arena",
   "on-vous-en-dit-plus",
   "planete-c",
   "plein-les-poches",
   "story",
   "tant-d-ecrans"
-], x2 = ["quarter", "half", "three-quarter"], f2 = ["small", "medium", "big"], B0 = (a) => typeof a == "string" && z0.includes(a), N = T(
+];
+function F(a) {
+  return Q.forwardRef(a);
+}
+const H = F(
+  ({
+    as: a = "button",
+    variant: s,
+    color: c = s === "ghost" || s === "link" ? void 0 : "primary",
+    children: l,
+    iconProps: r,
+    counter: n,
+    isCentered: i = !1,
+    isSquare: o = !1,
+    isFullWidth: d = !1,
+    isLoading: u = !1,
+    size: m,
+    isCloseWithProgress: v,
+    closeProgressColor: f,
+    ..._
+  }, w) => {
+    const b = {
+      ..._?.style,
+      ...f && {
+        "--button-close-progress-color": `var(--color-theme-${f})`
+      }
+    };
+    return /* @__PURE__ */ t(
+      h,
+      {
+        ..._,
+        style: b,
+        as: a,
+        ref: w,
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "xxs",
+        inline: s === "link" || a === "a",
+        radius: o ? "0" : void 0,
+        className: p(
+          "c-btn",
+          {
+            [`c-btn--${c}`]: c,
+            [`c-btn--${s}`]: s,
+            [`c-btn--${m}`]: m,
+            "c-btn--is-centered": i,
+            "c-btn--is-loading": u,
+            "c-btn--full-width": d
+          },
+          _?.className
+        ),
+        children: [
+          r && /* @__PURE__ */ e(N, { ...r }),
+          l,
+          (n === 0 || n) && /* @__PURE__ */ e(
+            h,
+            {
+              justifyContent: "center",
+              alignItems: "center",
+              color: "grey-900",
+              bg: "white",
+              px: "xxs",
+              radius: "s",
+              className: "c-btn__counter",
+              children: n
+            }
+          ),
+          v && /* @__PURE__ */ e("div", { className: "c-btn__close-progress" })
+        ]
+      }
+    );
+  }
+);
+H.displayName = "Button";
+const v2 = ({
+  id: a,
+  className: s,
+  required: c,
+  label: l,
+  variant: r,
+  variantLabel: n = "default",
+  hint: i,
+  error: o,
+  ...d
+}) => /* @__PURE__ */ t("div", { className: "c-checkbox", children: [
+  /* @__PURE__ */ e(
+    "input",
+    {
+      id: a,
+      type: "checkbox",
+      className: p(
+        "c-checkbox__input",
+        {
+          [`c-checkbox__input--${r}`]: r
+        },
+        s
+      ),
+      required: c,
+      "aria-describedby": [i ? `${a}-hint` : null, o ? `${a}-error` : null].filter(Boolean).join(" ") || void 0,
+      ...d
+    }
+  ),
+  l && /* @__PURE__ */ t(
+    "label",
+    {
+      htmlFor: a,
+      className: p("c-checkbox__label", `c-checkbox__label--${n}`),
+      children: [
+        l,
+        c && /* @__PURE__ */ t(g, { as: "span", size: "xxs", weight: "regular", children: [
+          " ",
+          "(obligatoire)"
+        ] })
+      ]
+    }
+  ),
+  o && /* @__PURE__ */ e(
+    g,
+    {
+      as: "span",
+      id: `${a}-error`,
+      className: "u-mask",
+      color: "red",
+      size: "xxs",
+      mt: "xxs-2",
+      ml: "xxs-2",
+      role: "alert",
+      children: o
+    }
+  ),
+  i && /* @__PURE__ */ e(g, { as: "span", id: `${a}-hint`, mt: "xxs-2", ml: "xxs-2", className: "u-mask", children: i })
+] }), G = F(
+  ({ text: a, color: s = "black", thickness: c = "thin", ...l }, r) => {
+    const n = /* @__PURE__ */ e(
+      I,
+      {
+        bg: s,
+        align: "center",
+        className: p("c-divider__line", {
+          [`c-divider__line--${c}`]: c !== "thin"
+        })
+      }
+    );
+    return /* @__PURE__ */ e(
+      h,
+      {
+        ...l,
+        ref: r,
+        className: p(
+          "c-divider",
+          { "c-divider--has-text": !!a },
+          l?.className
+        ),
+        children: a ? /* @__PURE__ */ t(j, { children: [
+          n,
+          /* @__PURE__ */ e(I, { px: "xxs-2", className: "c-divider__text", children: /* @__PURE__ */ e(g, { size: "xxs", color: s, textTransform: "uppercase", children: a }) }),
+          n
+        ] }) : n
+      }
+    );
+  }
+), 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 = F(
+  ({ color: a = "black", thickness: s = "thin", ...c }, l) => /* @__PURE__ */ e(
+    x,
+    {
+      ...c,
+      ref: l,
+      bg: a,
+      className: p(
+        "c-divider-vertical",
+        {
+          [`c-divider-vertical--${s}`]: s !== "thin"
+        },
+        c?.className
+      )
+    }
+  )
+), 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,
       {
@@ -3039,7 +3039,7 @@ const G1 = {
     /* @__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 = T(
+] }), 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 +3096,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 +3126,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 = T(
+}, i1 = ({ size: a, ...s }) => /* @__PURE__ */ e(g, { as: "span", size: a || "s", ...s, children: "•" }), V1 = F(
   ({
     id: a,
     className: s,
@@ -3170,7 +3170,9 @@ const Z0 = ({ src: a, formats: s }) => {
       {
         direction: "column",
         ...v,
-        className: p("c-input", v?.className),
+        className: p("c-input", v?.className, {
+          [`c-input--${u}`]: u
+        }),
         children: [
           r && /* @__PURE__ */ t("label", { htmlFor: a, className: "c-input__label", children: [
             r,
@@ -3185,7 +3187,6 @@ const Z0 = ({ src: a, formats: s }) => {
             {
               gap: n && b ? "xs" : void 0,
               className: p("c-input-container", {
-                [`c-input-container--${u}`]: u,
                 "c-input-container--rounded": f,
                 "c-input-container--transparent": _,
                 "c-input-container--large": w,
@@ -3291,10 +3292,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}`;
@@ -3303,11 +3304,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,
@@ -3325,8 +3326,8 @@ const Z0 = ({ src: a, formats: s }) => {
     propValue: c,
     className: "grow"
   }),
-  H0(l)
-), V0 = ({
+  V0(l)
+), L0 = ({
   inline: a = !1,
   direction: s,
   wrap: c,
@@ -3373,20 +3374,20 @@ 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(
-  Object.entries(a).filter(([s]) => Object.keys(W1).includes(s)).reduce((s, [c, l]) => (s.push(
+), 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,
       propValue: l
     })
   ), s), [])
 ), Q1 = (a) => p(
-  Object.entries(a).filter(([s]) => Object.keys(X1).includes(s)).reduce((s, [c, l]) => (s.push(
+  Object.entries(a).filter(([s]) => Object.keys(Y1).includes(s)).reduce((s, [c, l]) => (s.push(
     ...V({
       className: c,
       propValue: l
@@ -3394,8 +3395,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,
@@ -3420,12 +3421,12 @@ const Z0 = ({ src: a, formats: s }) => {
     "text-italic": !!r,
     [`font-${n}`]: !!n
   }
-), x = T(({ 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),
@@ -3433,36 +3434,36 @@ const Z0 = ({ src: a, formats: s }) => {
   }
 ));
 x.displayName = "Box";
-const h = T(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
+const h = F(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
   x,
   {
     ...h1({
       props: c,
-      systemPropNames: Object.keys(U1)
+      systemPropNames: Object.keys(G1)
     }),
     as: a,
     ref: l,
-    className: p(V0(c), c?.className),
+    className: p(L0(c), c?.className),
     children: s
   }
-)), F = T(
+)), 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
     }
   )
 ), z2 = [1, 2, 3, 4, 5, 6, 12, "2-of-3"], l1 = ({ colsNumber: a, gap: s, gapX: c, gapY: l, children: r, ...n }) => Q.createElement(x, {
   ...h1({
     props: n,
-    systemPropNames: Object.keys(U1)
+    systemPropNames: Object.keys(G1)
   }),
   className: p(
     "grid",
@@ -3485,7 +3486,7 @@ const h = T(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
     p(J1(n), n?.className)
   ),
   children: r
-}), $ = T(
+}), $ = F(
   ({
     as: a = "a",
     children: s,
@@ -3563,24 +3564,33 @@ const h = T(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
       ]
     }
   );
-}, T0 = (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,
-  ...l
-}) => /* @__PURE__ */ t("div", { className: "c-radio-button", children: [
-  /* @__PURE__ */ e(
-    "input",
-    {
-      id: a,
-      type: "radio",
-      className: "c-radio-button__input",
-      required: s,
-      ...l
-    }
-  ),
-  c && /* @__PURE__ */ e("label", { htmlFor: a, className: "c-radio-button__label", children: c })
-] }), I0 = ({ rating: a, ratingMax: s = 5, iconProps: c, ...l }) => {
+  variant: l,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: p("c-radio-button", {
+      [`c-radio-button--${l}`]: l
+    }),
+    children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: a,
+          type: "radio",
+          className: "c-radio-button__input",
+          required: s,
+          ...r
+        }
+      ),
+      c && /* @__PURE__ */ e("label", { htmlFor: a, className: "c-radio-button__label", children: c })
+    ]
+  }
+), 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;
@@ -3645,7 +3655,7 @@ const h = T(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
       )
     ]
   }
-), M2 = T(
+), M2 = F(
   ({ variant: a, progressColor: s = "ultramarine" }, c) => /* @__PURE__ */ e(
     x,
     {
@@ -3655,7 +3665,7 @@ const h = T(({ 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
@@ -3677,7 +3687,7 @@ const h = T(({ 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,
   {
@@ -3685,7 +3695,7 @@ const C2 = ({ inner: a, children: s, ...c }) => /* @__PURE__ */ e(
     className: p("c-section", { "c-section--inner": a }, c?.className),
     children: s
   }
-), D0 = T(
+), A0 = F(
   ({
     id: a,
     className: s,
@@ -3737,7 +3747,7 @@ const C2 = ({ inner: a, children: s, ...c }) => /* @__PURE__ */ e(
               "aria-describedby": [v ? `${a}-hint` : null, f ? `${a}-error` : null].filter(Boolean).join(" ") || void 0,
               ...h1({
                 props: _,
-                systemPropNames: Object.keys(Y1)
+                systemPropNames: Object.keys(W1)
               }),
               children: [
                 i && /* @__PURE__ */ e("option", { value: "", disabled: !0, hidden: !0, children: i }),
@@ -3776,7 +3786,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 = T(
+const m1 = F(
   ({
     layout: a,
     children: s,
@@ -3830,12 +3840,12 @@ const m1 = T(
       ]
     }
   )
-), 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,
@@ -3845,7 +3855,7 @@ const m1 = T(
     children: /* @__PURE__ */ e(x, { className: "c-stepper__loader", bg: s })
   },
   r
-)) }), s0 = ({
+)) }), O0 = ({
   containerProps: a,
   labelPosition: s = "before",
   label: c,
@@ -3916,7 +3926,7 @@ const m1 = T(
     "aria-labelledby": `tab-${a}`,
     children: s
   }
-), J = T(
+), X = F(
   ({ as: a = "a", id: s, variant: c = "primary", size: l, children: r, ...n }, i) => /* @__PURE__ */ e(
     x,
     {
@@ -3935,7 +3945,7 @@ const m1 = T(
       children: r
     }
   )
-), B2 = T(
+), 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,
     {
@@ -3994,9 +4004,9 @@ const m1 = T(
       ]
     }
   )
-), L = T(
+), L = F(
   ({ as: a = "h1", size: s, children: c, ...l }, r) => /* @__PURE__ */ e(
-    c0,
+    s0,
     {
       ...l,
       as: a,
@@ -4011,9 +4021,9 @@ const m1 = T(
       children: c
     }
   )
-), g = T(
+), 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,
@@ -4032,13 +4042,13 @@ const m1 = T(
       children: l
     }
   )
-), c0 = T(
+), 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,
@@ -4143,7 +4153,7 @@ const m1 = T(
           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 }),
@@ -4167,7 +4177,7 @@ const m1 = T(
           ] }),
           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;
@@ -4309,7 +4319,7 @@ const m1 = T(
     r !== a.length - 1 && /* @__PURE__ */ e(G, { color: "grey-200", my: "l" })
   ] }, l.title)) }),
   /* @__PURE__ */ e(me, { heading: s.heading, description: s.description })
-] }), T2 = ({ astroSignsList: a }) => /* @__PURE__ */ e(x, { as: "ul", className: "o-inline", mx: { xs: "m", md: "0" }, children: a.map((s) => /* @__PURE__ */ e("li", { className: "o-inline__by-4", children: /* @__PURE__ */ t("a", { href: s.url, className: "c-square-tile o-column bg-ultramarine color-white", children: [
+] }), I2 = ({ astroSignsList: a }) => /* @__PURE__ */ e(x, { as: "ul", className: "o-inline", mx: { xs: "m", md: "0" }, children: a.map((s) => /* @__PURE__ */ e("li", { className: "o-inline__by-4", children: /* @__PURE__ */ t("a", { href: s.url, className: "c-square-tile o-column bg-ultramarine color-white", children: [
   /* @__PURE__ */ e(
     N,
     {
@@ -4321,7 +4331,7 @@ const m1 = T(
     }
   ),
   /* @__PURE__ */ e(A, { isUppercase: !1, children: s.label })
-] }) }, s.slug)) }), K0 = T(
+] }) }, 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 }),
@@ -4342,7 +4352,7 @@ const m1 = T(
     color: r.color ?? (r.path ? void 0 : c)
   },
   r.title
-)) }), I2 = ({
+)) }), T2 = ({
   rubrics: a,
   tags: s,
   color: c,
@@ -4363,7 +4373,7 @@ const m1 = T(
     as: "nav",
     children: [
       /* @__PURE__ */ e(
-        J,
+        X,
         {
           variant: n ? "transparent" : "quinary",
           href: "/",
@@ -4383,7 +4393,7 @@ const m1 = T(
           )
         }
       ),
-      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,
           {
@@ -4394,7 +4404,7 @@ const m1 = T(
           }
         ),
         /* @__PURE__ */ e(
-          J,
+          X,
           {
             variant: n ? "transparent" : "quinary",
             href: d.link,
@@ -4408,7 +4418,7 @@ const m1 = T(
       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,
@@ -4510,7 +4520,7 @@ const m1 = T(
   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() };
@@ -4575,9 +4585,9 @@ const m1 = T(
     /* @__PURE__ */ e("div", { className: "c-calendar__grid", children: _.map((y) => {
       const B = w1(y), E = y.getMonth() === o.month, K = B === Z, P = C.has(B), a1 = (w.has(B) || b.has(B)) && !P, t1 = w.has(B), M1 = b.has(B), C1 = new Date(y);
       C1.setDate(C1.getDate() - 1);
-      const T1 = P && !C.has(w1(C1)), S1 = new Date(y);
+      const I1 = P && !C.has(w1(C1)), S1 = new Date(y);
       S1.setDate(S1.getDate() + 1);
-      const I1 = P && !C.has(w1(S1));
+      const T1 = P && !C.has(w1(S1));
       return /* @__PURE__ */ e(
         h,
         {
@@ -4589,19 +4599,19 @@ const m1 = T(
             "c-calendar__cell--heat": t1,
             "c-calendar__cell--max-heat": M1,
             "c-calendar__cell--grouped": P,
-            "c-calendar__cell--first-of-group": T1,
-            "c-calendar__cell--last-of-group": I1
+            "c-calendar__cell--first-of-group": I1,
+            "c-calendar__cell--last-of-group": T1
           }),
           children: /* @__PURE__ */ t(h, { alignItems: "center", justifyContent: "center", className: "c-calendar__date", children: [
             /* @__PURE__ */ e(g, { as: "span", size: "xs", children: y.getDate() }),
-            (a1 || T1 || I1) && /* @__PURE__ */ e(N, { name: "heat", size: [22, 32], className: "c-calendar__heat-icon" })
+            (a1 || I1 || T1) && /* @__PURE__ */ e(N, { name: "heat", size: [22, 32], className: "c-calendar__heat-icon" })
           ] })
         },
         B
       );
     }) })
   ] });
-}, O = T(
+}, O = F(
   ({ as: a = "article", children: s, className: c, clickable: l = !1, ...r }, n) => /* @__PURE__ */ e(
     h,
     {
@@ -4617,7 +4627,7 @@ const m1 = T(
       children: s
     }
   )
-), l0 = ({
+), c0 = ({
   text: a,
   avatarAlt: s,
   avatarUrl: c,
@@ -4783,7 +4793,7 @@ const m1 = T(
     default:
       return 40;
   }
-}, I = ({
+}, T = ({
   cover: a,
   id: s,
   defaultFormat: c,
@@ -4885,31 +4895,35 @@ const m1 = T(
   cartridgeIsCentered: s,
   maxRows: c,
   as: l,
-  size: r,
-  fontFamily: n,
-  weight: i,
-  children: o,
-  ...d
+  href: r,
+  hrefTarget: n,
+  size: i,
+  fontFamily: o,
+  weight: d,
+  children: u,
+  ...m
 }) => /* @__PURE__ */ e(
   x,
   {
     pb: "xxs-3",
-    ...d,
+    ...m,
     className: p(
       "c-card-title",
       {
         "c-card-title--has-max-rows": c,
         [`c-card-title--has-${c}-rows`]: c
       },
-      d?.className
+      m?.className
     ),
     children: /* @__PURE__ */ t(
       L,
       {
         as: l || "h1",
-        size: r || "m",
-        fontFamily: n || "source-serif-pro",
-        weight: i || "semi-bold",
+        ...r && { as: "a", href: r },
+        ...n && { target: n },
+        size: i || "m",
+        fontFamily: o || "source-serif-pro",
+        weight: d || "semi-bold",
         children: [
           a && /* @__PURE__ */ e(
             A,
@@ -4925,7 +4939,7 @@ const m1 = T(
               children: R1(a).label
             }
           ),
-          o
+          u
         ]
       }
     )
@@ -4970,7 +4984,7 @@ const m1 = T(
                   "o-columns-by-3__first-2-columns": u
                 }),
                 children: n && /* @__PURE__ */ e(
-                  I,
+                  T,
                   {
                     ...n,
                     formats: b,
@@ -5026,7 +5040,7 @@ const m1 = T(
           l && /* @__PURE__ */ e(e1, { ...l, rightSubheader: void 0, mx: "m", mb: "xxs-2" }),
           /* @__PURE__ */ e(D, { as: "h2", weight: "bold", ...r, mx: "m", children: /* @__PURE__ */ e("a", { href: a, children: s }) }),
           n && /* @__PURE__ */ e(
-            I,
+            T,
             {
               ...n,
               formats: b,
@@ -5037,7 +5051,7 @@ const m1 = T(
             }
           ),
           o && /* @__PURE__ */ e(
-            d0,
+            o0,
             {
               ...o,
               mx: "m",
@@ -5071,7 +5085,7 @@ const m1 = T(
       ] })
     }
   );
-}, t0 = ({
+}, l0 = ({
   link: a,
   title: s,
   cardHeaderProps: c,
@@ -5117,7 +5131,7 @@ const m1 = T(
                 }
               ),
               r && /* @__PURE__ */ e(
-                I,
+                T,
                 {
                   ...r,
                   ...r.caption && {
@@ -5133,7 +5147,7 @@ const m1 = T(
             ]
           }
         ),
-        n && /* @__PURE__ */ e(l0, { ...n, mt: "xs" }),
+        n && /* @__PURE__ */ e(c0, { ...n, mt: "xs" }),
         o && /* @__PURE__ */ e(
           o1,
           {
@@ -5173,7 +5187,7 @@ const m1 = T(
       ),
       children: /* @__PURE__ */ t("a", { href: a, children: [
         i && /* @__PURE__ */ e(
-          I,
+          T,
           {
             ...i,
             defaultFormat: c === z.DESKTOP ? "722x460" : "310x384",
@@ -5223,7 +5237,7 @@ const m1 = T(
   const { cardFooterProps: m, signatureProps: v, ...f } = u;
   return /* @__PURE__ */ e(O, { ...f, className: "c-card-large", direction: "column", children: c === z.DESKTOP ? /* @__PURE__ */ t("a", { href: a, children: [
     i && /* @__PURE__ */ e(
-      I,
+      T,
       {
         ...i,
         defaultFormat: "722x460",
@@ -5248,7 +5262,7 @@ const m1 = T(
   ] }) : /* @__PURE__ */ t(j, { children: [
     /* @__PURE__ */ t("a", { href: a, children: [
       i && /* @__PURE__ */ e(
-        I,
+        T,
         {
           ...i,
           defaultFormat: "722x460",
@@ -5307,7 +5321,7 @@ const m1 = T(
       clickable: !0,
       children: [
         r && /* @__PURE__ */ e(
-          I,
+          T,
           {
             ...r,
             formats: ["480x308", "346x222"],
@@ -5334,7 +5348,7 @@ const m1 = T(
           }
         ),
         i && /* @__PURE__ */ e(
-          l0,
+          c0,
           {
             ...i,
             mt: "l",
@@ -5407,7 +5421,7 @@ const m1 = T(
           ),
           o && /* @__PURE__ */ e(g, { color: "grey-600", fontFamily: "source-serif-pro", size: "m", mt: "xs", ...o, children: o.children }),
           r?.cover && i === z.MOBILE && /* @__PURE__ */ e(
-            I,
+            T,
             {
               ...r,
               ...r.caption && {
@@ -5434,7 +5448,7 @@ const m1 = T(
           ] })
         ] }),
         r?.cover && i === z.DESKTOP && /* @__PURE__ */ e(
-          I,
+          T,
           {
             ...r,
             ...r.caption && {
@@ -5502,7 +5516,7 @@ const m1 = T(
     /* @__PURE__ */ t(h, { direction: "row", gap: { xs: "m", md: "l" }, ..._, children: [
       /* @__PURE__ */ t("div", { className: "c-card-movie__side", children: [
         l && /* @__PURE__ */ e(
-          I,
+          T,
           {
             ...l,
             radius: "xs",
@@ -5573,44 +5587,70 @@ const m1 = T(
   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,
@@ -5627,7 +5667,7 @@ const m1 = T(
     ] }),
     /* @__PURE__ */ t(h, { justifyContent: "end", direction: "row", gap: "xs", children: [
       l && /* @__PURE__ */ e(
-        I,
+        T,
         {
           ...l,
           ...l.caption && {
@@ -5654,7 +5694,7 @@ const m1 = T(
       )
     ] })
   ] })
-] }), n0 = ({
+] }), t0 = ({
   link: a,
   cardImageProps: s,
   cardHeaderProps: c,
@@ -5699,7 +5739,7 @@ const m1 = T(
       ...v,
       children: [
         s && /* @__PURE__ */ e(
-          I,
+          T,
           {
             ...s,
             ..._,
@@ -5754,7 +5794,7 @@ const m1 = T(
     ...r,
     children: [
       s && /* @__PURE__ */ e(
-        I,
+        T,
         {
           ...s,
           ...{
@@ -5795,7 +5835,7 @@ const m1 = T(
       className: p("o-lt-show", o.className),
       children: [
         /* @__PURE__ */ e(x, { className: p("o-lt-show__main"), children: n && /* @__PURE__ */ e(
-          I,
+          T,
           {
             ...n,
             formats: d,
@@ -5862,7 +5902,7 @@ const m1 = T(
     s
   );
   return a === "medium" ? /* @__PURE__ */ e(ae, { ...c, className: l }) : /* @__PURE__ */ e(se, { ...c, className: l });
-}, r0 = ({
+}, n0 = ({
   link: a,
   title: s,
   cardHeaderProps: c,
@@ -5875,7 +5915,7 @@ const m1 = T(
 }) => {
   const { cardFooterProps: u, signatureProps: m, socialBarProps: v, ...f } = d, _ = /* @__PURE__ */ t(j, { children: [
     r && /* @__PURE__ */ e(
-      I,
+      T,
       {
         sizes: "(min-width: 480px) 252px, 160px",
         defaultFormat: i === z.DESKTOP ? "252x162" : "160x102",
@@ -5938,7 +5978,7 @@ const m1 = T(
       clickable: !0,
       children: [
         r && /* @__PURE__ */ e(
-          I,
+          T,
           {
             ...r,
             ...r.caption && {
@@ -5991,7 +6031,7 @@ const m1 = T(
       "c-card-container--clickable"
     ),
     children: c && /* @__PURE__ */ e(
-      I,
+      T,
       {
         ...c,
         defaultFormat: "196x234",
@@ -6046,7 +6086,7 @@ const m1 = T(
               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" })
         ] })
       ]
     }
@@ -6069,7 +6109,7 @@ const m1 = T(
       "c-card-container--clickable"
     ),
     children: c && /* @__PURE__ */ e(
-      I,
+      T,
       {
         sizes: "(min-width: 480px) 183px, 223px",
         ...c,
@@ -6095,8 +6135,8 @@ const m1 = T(
     gap: "l",
     alignItems: { xs: "baseline", md: "center" },
     children: [
-      /* @__PURE__ */ t(F, { grow: 1, children: [
-        /* @__PURE__ */ t(h, { color: "ultramarine", 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 })
         ] }),
@@ -6120,7 +6160,7 @@ const m1 = T(
   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,
@@ -6135,7 +6175,7 @@ const m1 = T(
         o === z.DESKTOP && c && /* @__PURE__ */ e(g, { ...c, as: "span", size: "m", fontFamily: "source-serif-pro", children: c.children })
       ] }),
       /* @__PURE__ */ e("div", { children: n && /* @__PURE__ */ e(
-        I,
+        T,
         {
           ...n,
           ...n.caption && {
@@ -6180,7 +6220,7 @@ const m1 = T(
         return /* @__PURE__ */ e(le, { ...b });
       default:
         return /* @__PURE__ */ e(
-          r0,
+          n0,
           {
             ...b,
             layout: s,
@@ -6206,7 +6246,7 @@ const m1 = T(
         );
     }
   }, w = /* @__PURE__ */ e(
-    o0,
+    i0,
     {
       label: c || "",
       mb: n && "0" || (!u || m) && "m" || "xxl",
@@ -6253,7 +6293,7 @@ const m1 = T(
             itemsGap: o?.sliderVariant === "videos" ? "l" : "xs",
             layout: s,
             children: a.map((b) => /* @__PURE__ */ e(
-              F,
+              I,
               {
                 as: "article",
                 grow: 0,
@@ -6458,7 +6498,7 @@ const m1 = T(
       children: s
     }
   )
-] }), N1 = T(
+] }), N1 = F(
   ({
     index: a,
     textTitleProps: s,
@@ -6599,7 +6639,7 @@ const m1 = T(
       }
     )
   ] }),
-  c && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(K1, { color: "grey-200" }) })
+  c && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(X1, { color: "grey-200" }) })
 ] }), E1 = ({
   layout: a,
   title: s,
@@ -6654,7 +6694,7 @@ const m1 = T(
   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" }),
@@ -6721,7 +6761,7 @@ const m1 = T(
       className: "c-search-banner__expand-button"
     }
   ), m = n && /* @__PURE__ */ e(
-    D0,
+    A0,
     {
       ...n,
       defaultValue: n?.options.find((_) => _.isSelected)?.value,
@@ -6741,7 +6781,7 @@ const m1 = T(
       "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",
@@ -6801,7 +6841,7 @@ const m1 = T(
             ) : /* @__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
               ] }),
@@ -6822,7 +6862,7 @@ const m1 = T(
             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(
@@ -6874,7 +6914,7 @@ const m1 = T(
         py: "xxs-3",
         px: "xxs",
         children: [
-          /* @__PURE__ */ e(g, { as: "span", size: "xl", className: "c-emoji-toolbar__emoji", children: G1[l.type] }),
+          /* @__PURE__ */ e(g, { as: "span", size: "xl", className: "c-emoji-toolbar__emoji", children: K1[l.type] }),
           /* @__PURE__ */ e(g, { as: "span", size: "xxs", ml: "xxs-2", className: "c-emoji-toolbar__count", children: String(l.count).padStart(2, "0") })
         ]
       }
@@ -7100,7 +7140,7 @@ const m1 = T(
     }
   ), 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" },
@@ -7160,7 +7200,7 @@ const m1 = T(
   ] });
   let b = /* @__PURE__ */ t("div", { children: [
     n?.type === "sponsored-page" && /* @__PURE__ */ e(
-      X,
+      J,
       {
         sponsor: n.content,
         variant: "header-sponsored-mobile",
@@ -7182,12 +7222,12 @@ const m1 = T(
         ...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,
         {
@@ -7197,10 +7237,10 @@ const m1 = T(
           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",
@@ -7243,7 +7283,7 @@ const m1 = T(
         }
       )
     ] }),
-    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,
     {
@@ -7538,7 +7578,7 @@ const m1 = T(
     },
     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(
@@ -7550,13 +7590,13 @@ const m1 = T(
         }) : 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,
@@ -7793,7 +7833,7 @@ const m1 = T(
         "puis une circonscription pour accéder aux résultats"
       ] }),
       /* @__PURE__ */ e(
-        J,
+        X,
         {
           variant: "span",
           color: "ultramarine",
@@ -7999,7 +8039,7 @@ const m1 = T(
                 ) : 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",
                   {
@@ -8301,7 +8341,7 @@ const m1 = T(
             },
             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,
                 {
@@ -8331,7 +8371,7 @@ const m1 = T(
                 children: d.sponsor ? /* @__PURE__ */ t("div", { children: [
                   d.name,
                   d.sponsor && /* @__PURE__ */ e(
-                    X,
+                    J,
                     {
                       sponsor: d.sponsor,
                       variant: "menu",
@@ -8354,7 +8394,7 @@ const m1 = T(
                 ...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,
                   {
@@ -8623,7 +8663,7 @@ const m1 = T(
       }),
       bg: "grey-100",
       "data-reaction-item": k.type,
-      children: /* @__PURE__ */ e(g, { as: "span", size: "xxs", children: G1[k.type] })
+      children: /* @__PURE__ */ e(g, { as: "span", size: "xxs", children: K1[k.type] })
     },
     k.type
   )) });
@@ -8719,14 +8759,14 @@ const m1 = T(
         }
       ),
       /* @__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",
@@ -8784,7 +8824,7 @@ const m1 = T(
       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,
@@ -9066,7 +9106,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: [
@@ -9074,7 +9114,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
       o && /* @__PURE__ */ e(h, { justifyContent: "center", children: o })
     ] })
   ] });
-}, d0 = ({
+}, o0 = ({
   avatars: a,
   authors: s,
   layout: c,
@@ -9090,7 +9130,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: [
@@ -9103,7 +9143,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: [
@@ -9281,9 +9321,11 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
     switch (l) {
       case "card":
         return /* @__PURE__ */ t(j, { children: [
-          M && /* @__PURE__ */ e("li", { children: M }),
-          B && /* @__PURE__ */ e("li", { children: B }),
-          y && /* @__PURE__ */ e("li", { children: y })
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ t(h, { as: "ul", alignItems: "center", gap: "xxs", children: [
+            M && /* @__PURE__ */ e("li", { children: M }),
+            y && /* @__PURE__ */ e("li", { children: y })
+          ] }) }),
+          B && /* @__PURE__ */ e("li", { children: B })
         ] });
       case "horizontal":
         return /* @__PURE__ */ t(j, { children: [
@@ -9315,6 +9357,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
       alignItems: "center",
       gap: l === "card" ? "xxs" : "xl",
       direction: l === "vertical" ? "column" : "row",
+      justifyContent: l === "card" ? "between" : void 0,
       className: p(
         "c-social-bar",
         {
@@ -9327,13 +9370,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",
     {
@@ -9439,7 +9482,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" })
         ] })
@@ -9520,7 +9563,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
             alignItems: l?.tags && i ? "center" : "end",
             children: [
               i && /* @__PURE__ */ e(
-                X,
+                J,
                 {
                   sponsor: i,
                   variant: "menu",
@@ -9529,12 +9572,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,
@@ -9571,7 +9614,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,
@@ -9641,7 +9684,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,
@@ -9733,7 +9776,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
                   }),
                   children: [
                     /* @__PURE__ */ e(g, { as: "span", weight: "bold", className: "c-timeline__time", children: l.time }),
-                    /* @__PURE__ */ e(K1, { color: "white", className: "c-timeline__separator" })
+                    /* @__PURE__ */ e(X1, { color: "white", className: "c-timeline__separator" })
                   ]
                 }
               ),
@@ -9759,7 +9802,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
       ] })
     ]
   }
-), T3 = ({
+), I3 = ({
   children: a,
   navigationLinks: s,
   user: c,
@@ -9796,7 +9839,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
   )) }),
   a,
   /* @__PURE__ */ e(G, { color: "grey-200" })
-] }), I3 = ({
+] }), T3 = ({
   label: a,
   layout: s,
   result: c,
@@ -9928,7 +9971,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: _ })
       ] }) : _
     }
   );
@@ -9938,7 +9981,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",
@@ -9947,7 +9990,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
@@ -10006,7 +10049,7 @@ const Z3 = ({ networks: a = ["sharethis"], ...s }) => {
             }
           ) }),
           /* @__PURE__ */ e(
-            u0,
+            m0,
             {
               socialIcons: l,
               themeColor: c,
@@ -10077,7 +10120,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" })
       ]
@@ -10165,10 +10208,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" })
       ] })
@@ -10403,7 +10446,7 @@ const $e = {
                 },
                 m.link
               )),
-              /* @__PURE__ */ e(T0, {})
+              /* @__PURE__ */ e(F0, {})
             ]
           }
         )
@@ -10540,7 +10583,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,
@@ -10595,7 +10638,7 @@ const $e = {
     };
   });
   return m.length === 0 ? null : /* @__PURE__ */ e(
-    h0,
+    d0,
     {
       tabItemActive: l || m[0].name,
       tabItems: m,
@@ -10650,7 +10693,7 @@ const $e = {
     ] })
   }));
   return u.length === 0 ? null : /* @__PURE__ */ e(
-    h0,
+    d0,
     {
       tabItemActive: l || (u.length > 0 ? u[0].name : ""),
       tabItems: u,
@@ -10699,7 +10742,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,
@@ -10719,14 +10762,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: {
@@ -10748,7 +10791,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",
@@ -10866,7 +10909,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,
@@ -10875,7 +10918,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,
@@ -10892,7 +10935,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 },
@@ -10956,7 +10999,7 @@ const $e = {
   }
 );
 export {
-  Ie as Ad,
+  Te as Ad,
   Ae as Alert,
   Z2 as AlertInfoBanner,
   $2 as ArticleBrandBanner,
@@ -10964,34 +11007,34 @@ export {
   L2 as ArticleSummary,
   V2 as ArticleVideo,
   F2 as AstroContent,
-  T2 as AstroTiles,
+  I2 as AstroTiles,
   K0 as AstroTopicCard,
   De as Autocomplete,
   v1 as Avatar,
   G0 as AvatarGroup,
   x as Box,
-  I2 as Breadcrumb,
+  T2 as Breadcrumb,
   A2 as BulletedList,
   H as Button,
   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,
-  I as CardImage,
+  T as CardImage,
   E2 as CardLarge,
   J0 as CardMedium,
   Q0 as CardMost,
   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,
@@ -11001,7 +11044,7 @@ export {
   X2 as CardWithSummary,
   ne as Carousel,
   Q2 as Chatbot,
-  Re as Checkbox,
+  v2 as Checkbox,
   e3 as Citation,
   N1 as Collapse,
   a3 as Comment,
@@ -11013,14 +11056,14 @@ export {
   t3 as DiscoverList,
   G as Divider,
   L1 as DividerSection,
-  K1 as DividerVertical,
-  I3 as ElectionsResult,
+  X1 as DividerVertical,
+  T3 as ElectionsResult,
   H2 as Embed,
   r3 as EmojiToolbar,
   i3 as ErrorContent,
   de as Expandable,
   h as Flex,
-  F as FlexItem,
+  I as FlexItem,
   A3 as Footer,
   l1 as Grid,
   J2 as HalfDonut,
@@ -11069,7 +11112,7 @@ export {
   R3 as MostWatchVideos,
   k3 as Newsletter,
   M3 as OrderedListWithNumber,
-  T0 as Overlay,
+  F0 as Overlay,
   E3 as OverviewBar,
   C3 as Pagination,
   we as PercentageBar,
@@ -11080,34 +11123,34 @@ export {
   q3 as Ranking,
   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,
@@ -11116,61 +11159,61 @@ export {
   _1 as Tiles,
   F3 as Timeline,
   G3 as Toolbar,
-  c0 as Typography,
-  T3 as UserPanel,
-  Ke as alignContentList,
-  qe as alignItemsList,
-  Ue as alignSelfList,
+  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,
-  d2 as colorTokenNameList,
+  z0 as colorSystemProps,
+  o2 as colorTokenNameList,
   z2 as colsNumberGridList,
-  _0 as departmentNames,
-  G1 as emojiConfig,
-  We as flexBasisList,
-  Ee as flexDirectionList,
-  Xe as flexGrowList,
-  U1 as flexOrGridBoxSystemProps,
-  k0 as flexOrGridItemSystemProps,
-  Ye as flexShrinkList,
-  Pe as flexWrapList,
-  s2 as fontFamilyTokenNameList,
-  c2 as fontWeightTokenNameList,
-  T as forwardRef,
+  y0 as departmentNames,
+  K1 as emojiConfig,
+  Ue as flexBasisList,
+  Re as flexDirectionList,
+  Ye as flexGrowList,
+  G1 as flexOrGridBoxSystemProps,
+  N0 as flexOrGridItemSystemProps,
+  We as flexShrinkList,
+  Ee as flexWrapList,
+  a2 as fontFamilyTokenNameList,
+  s2 as fontWeightTokenNameList,
+  F as forwardRef,
   D1 as franceMainCities,
-  Z0 as getSrcSetFromFormats,
-  l2 as headingSizeTokenNameList,
+  B0 as getSrcSetFromFormats,
+  c2 as headingSizeTokenNameList,
   b2 as iconButtonColor,
-  m2 as iconTokenNameHorscopeChineseList,
-  u2 as iconTokenNameHorscopeZodiacList,
-  h2 as iconTokenNameList,
-  p2 as iconTokenNameNumerologyList,
+  h2 as iconTokenNameHorscopeChineseList,
+  m2 as iconTokenNameHorscopeZodiacList,
+  d2 as iconTokenNameList,
+  u2 as iconTokenNameNumerologyList,
   P0 as imageConfigDesktop,
   q0 as imageConfigMobile,
-  Ge as justifyContentList,
-  M0 as marginSystemProps,
-  n2 as mediaQueriesList,
-  Y1 as paddingSystemProps,
-  z0 as politicalPartiesColors,
-  W1 as radiusSystemProps,
-  g2 as radiusTokenNameList,
+  Ke as justifyContentList,
+  k0 as marginSystemProps,
+  t2 as mediaQueriesList,
+  W1 as paddingSystemProps,
+  _0 as politicalPartiesColors,
+  U1 as radiusSystemProps,
+  p2 as radiusTokenNameList,
   $1 as replaceSrcFormat,
   x2 as rotationList,
-  X1 as spacingSystemProps,
-  o2 as spacingTokenNameList,
-  C0 as systemProps,
-  Qe as textAlignList,
-  Je as textDecorationList,
-  t2 as textSizeTokenNameList,
-  e2 as textTransformList,
-  r2 as themeColorAvailables,
-  i2 as themeList,
+  Y1 as spacingSystemProps,
+  i2 as spacingTokenNameList,
+  M0 as systemProps,
+  Je as textAlignList,
+  Xe as textDecorationList,
+  l2 as textSizeTokenNameList,
+  Qe as textTransformList,
+  n2 as themeColorAvailables,
+  r2 as themeList,
   R as tokenVariables,
-  v2 as tvShowsColors,
-  S0 as typographySystemProps,
-  a2 as whiteSpaceList
+  g2 as tvShowsColors,
+  C0 as typographySystemProps,
+  e2 as whiteSpaceList
 };