@20minutes/hela 2.18.10 → 2.18.11

package/dist/index.es.js

@@ -87,12 +87,12 @@ const p = /* @__PURE__ */ g0(x0), He = ({
     children: [
       i && /* @__PURE__ */ e(N, { size: 18, mt: "xxs-2", ...i }),
       /* @__PURE__ */ t("div", { children: [
-        /* @__PURE__ */ e($, { as: "h4", size: "xxs-2", mb: "xxs-2", children: c }),
+        /* @__PURE__ */ e(j, { as: "h4", size: "xxs-2", mb: "xxs-2", children: c }),
         /* @__PURE__ */ e(g, { className: "c-alert__text", children: l }),
         a
       ] }),
       o && /* @__PURE__ */ e(
-        j,
+        $,
         {
           iconProps: {
             name: "close",
@@ -116,7 +116,7 @@ const p = /* @__PURE__ */ g0(x0), He = ({
   /* @__PURE__ */ e("label", { htmlFor: `${a}-search`, className: "u-mask", children: s?.label || "Recherche" }),
   /* @__PURE__ */ t("div", { className: "c-autocomplete__input-wrapper", children: [
     /* @__PURE__ */ e(
-      j1,
+      $1,
       {
         id: `${a}-search`,
         className: "c-autocomplete__input",
@@ -191,7 +191,7 @@ const Te = [
   "link",
   "half-opacity-dark-bg",
   "has-transparent-bg"
-], j = I(
+], $ = I(
   ({
     as: a = "button",
     variant: s = "primary",
@@ -256,7 +256,7 @@ const Te = [
     );
   }
 );
-j.displayName = "Button";
+$.displayName = "Button";
 const Ae = ({
   id: a,
   className: s,
@@ -3022,7 +3022,7 @@ const C0 = ({ src: a, formats: s }) => {
     M = M ? `${M}, ${b} 2x` : `${b} 2x`;
   }
   return f.width = _ || void 0, f.height = y !== "0" ? y : void 0, f.sizes = r || void 0, /* @__PURE__ */ e(x, { ...f, as: "img", src: L, ...M ? { srcSet: M } : {} });
-}, n1 = ({ size: a, ...s }) => /* @__PURE__ */ e(g, { as: "span", size: a || "s", ...s, children: "•" }), j1 = I(
+}, n1 = ({ size: a, ...s }) => /* @__PURE__ */ e(g, { as: "span", size: a || "s", ...s, children: "•" }), $1 = I(
   ({
     id: a,
     className: s,
@@ -3045,7 +3045,7 @@ const C0 = ({ src: a, formats: s }) => {
     ...k
   }, C) => {
     const S = r && /* @__PURE__ */ e(
-      j,
+      $,
       {
         className: "c-input-container__icon",
         iconProps: {
@@ -3164,7 +3164,7 @@ const C0 = ({ src: a, formats: s }) => {
       ]
     }
   );
-}, x2 = ({ children: a }) => /* @__PURE__ */ e($, { as: "h4", size: "xxs", weight: "bold", color: "ultramarine", children: a }), H = (a) => {
+}, x2 = ({ children: a }) => /* @__PURE__ */ e(j, { as: "h4", size: "xxs", weight: "bold", color: "ultramarine", children: a }), H = (a) => {
   if (a.propValue && ["boolean", "string", "number"].includes(typeof a.propValue) || !a.propValue) {
     const s = D1({
       className: a.className,
@@ -3270,7 +3270,7 @@ const C0 = ({ src: a, formats: s }) => {
     propValue: a.align,
     className: "self"
   })
-), o1 = (a) => typeof a.props == "object" ? Object.keys(a.props).reduce((s, c) => (a.systemPropNames.includes(c) || (s[c] = a.props[c]), s), {}) : {}, j0 = (a) => p(
+), o1 = (a) => typeof a.props == "object" ? Object.keys(a.props).reduce((s, c) => (a.systemPropNames.includes(c) || (s[c] = a.props[c]), s), {}) : {}, $0 = (a) => p(
   Object.entries(a).filter(([s]) => Object.keys(U1).includes(s)).reduce((s, [c, l]) => (s.push(
     ...H({
       className: c,
@@ -3287,7 +3287,7 @@ const C0 = ({ src: a, formats: s }) => {
 ), Q1 = (a) => p(
   J1(a),
   B0(a),
-  j0(a)
+  $0(a)
 ), Z1 = ({
   textAlign: a,
   weight: s,
@@ -3418,7 +3418,7 @@ const h = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
     );
     return /* @__PURE__ */ e(x, { ...f, as: a, ref: w, color: !d && !u && !n ? c || (m === "inherit" ? void 0 : m) : void 0, className: _, children: s });
   }
-), $0 = ({
+), j0 = ({
   dialogId: a,
   children: s,
   variant: c = "center",
@@ -3450,7 +3450,7 @@ const h = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
       ]
     }
   );
-}, H0 = (a) => /* @__PURE__ */ e(x, { ...a, className: p("c-overlay c-overlay--with-bg", a?.className) }), $1 = ({ isWhite: a }) => /* @__PURE__ */ e("div", { className: p("c-pipe", { "c-pipe--is-white": a }) }), w2 = ({
+}, H0 = (a) => /* @__PURE__ */ e(x, { ...a, className: p("c-overlay c-overlay--with-bg", a?.className) }), j1 = ({ isWhite: a }) => /* @__PURE__ */ e("div", { className: p("c-pipe", { "c-pipe--is-white": a }) }), w2 = ({
   id: a,
   required: s,
   label: c,
@@ -3506,7 +3506,7 @@ const h = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
             children: "Lire aussi"
           }
         ) : /* @__PURE__ */ e(A, { color: "grey-400", textProps: { fontFamily: "base" }, children: "Lire aussi" }),
-        !i && /* @__PURE__ */ e($1, {}),
+        !i && /* @__PURE__ */ e(j1, {}),
         /* @__PURE__ */ e(
           V,
           {
@@ -3553,7 +3553,7 @@ const h = I(({ as: a = "div", children: s, ...c }, l) => /* @__PURE__ */ e(
     "data-trigger-selector": a,
     "data-trigger-offset": s,
     children: /* @__PURE__ */ e("div", { className: "o-page-wrap", children: /* @__PURE__ */ e(
-      j,
+      $,
       {
         ...c,
         variant: "round-half-opacity-dark-bg",
@@ -3697,7 +3697,7 @@ const d1 = I(
               { [`c-slider__button-container--${i}`]: i }
             ),
             children: /* @__PURE__ */ e(
-              j,
+              $,
               {
                 variant: n || "round",
                 color: r,
@@ -3880,7 +3880,7 @@ const d1 = I(
       ]
     }
   )
-), $ = I(
+), j = I(
   ({ as: a = "h1", size: s, children: c, ...l }, n) => /* @__PURE__ */ e(
     a0,
     {
@@ -3986,7 +3986,7 @@ const d1 = I(
               }
             ),
             /* @__PURE__ */ e(g, { as: l ? "a" : void 0, size: "s", color: "white", ...l || {}, children: s }),
-            n && /* @__PURE__ */ e(j, { ...n, variant: "ghost", className: "c-info-banner__close", children: /* @__PURE__ */ e(N, { name: "close", size: 12, color: "white" }) })
+            n && /* @__PURE__ */ e($, { ...n, variant: "ghost", className: "c-info-banner__close", children: /* @__PURE__ */ e(N, { name: "close", size: 12, color: "white" }) })
           ]
         }
       )
@@ -4006,7 +4006,7 @@ const d1 = I(
   ...o
 }) => {
   const d = /* @__PURE__ */ e(
-    $,
+    j,
     {
       fontFamily: "source-serif-pro",
       weight: "bold",
@@ -4074,7 +4074,7 @@ const d1 = I(
     size: "l",
     fontFamily: "source-serif-pro",
     children: [
-      a && /* @__PURE__ */ e($, { as: "h4", size: "xxs", mb: "xs", fontFamily: "base", children: a }),
+      a && /* @__PURE__ */ e(j, { as: "h4", size: "xxs", mb: "xs", fontFamily: "base", children: a }),
       /* @__PURE__ */ e(de, { color: c, children: s })
     ]
   }
@@ -4134,7 +4134,7 @@ const d1 = I(
         }
       ),
       u && o && o >= 2 && /* @__PURE__ */ e(
-        j,
+        $,
         {
           variant: "half-opacity-dark-bg",
           iconProps: {
@@ -4261,7 +4261,7 @@ const d1 = I(
         )
       ] }, d.label)),
       s && s.length > 0 && /* @__PURE__ */ t(Z, { children: [
-        /* @__PURE__ */ e($1, { isWhite: i }),
+        /* @__PURE__ */ e(j1, { isWhite: i }),
         s.map((d, u) => /* @__PURE__ */ e(
           X,
           {
@@ -4354,7 +4354,7 @@ const d1 = I(
     }), l = r;
   }
   return c;
-}, j2 = ({
+}, $2 = ({
   currentStreakDates: a = [],
   maxStreakDates: s = [],
   initialMonth: c,
@@ -4391,7 +4391,7 @@ const d1 = I(
   return /* @__PURE__ */ t(x, { ...r, className: p("c-calendar", n), px: "s", py: "xl", bg: "grey-100", children: [
     /* @__PURE__ */ t(h, { justifyContent: "center", alignItems: "center", mb: "l", gap: "l", children: [
       /* @__PURE__ */ e(
-        j,
+        $,
         {
           variant: "ghost",
           "aria-label": "Mois précédent",
@@ -4400,7 +4400,7 @@ const d1 = I(
         }
       ),
       /* @__PURE__ */ t(
-        $,
+        j,
         {
           as: "h2",
           size: "xxs",
@@ -4415,7 +4415,7 @@ const d1 = I(
         }
       ),
       /* @__PURE__ */ e(
-        j,
+        $,
         {
           variant: "ghost",
           "aria-label": "Mois suivant",
@@ -4588,7 +4588,7 @@ const d1 = I(
         children: /* @__PURE__ */ e(N, { size: C(), ...a })
       }
     );
-    return n !== void 0 ? /* @__PURE__ */ t(h, { className: "c-icon-item", alignItems: "center", children: [
+    return n !== void 0 && n !== 0 ? /* @__PURE__ */ t(h, { className: "c-icon-item", alignItems: "center", children: [
       t1,
       /* @__PURE__ */ e(
         g,
@@ -4602,7 +4602,7 @@ const d1 = I(
             [`c-icon-item__count--${d}`]: d,
             [`c-icon-item__count--${o}`]: o
           }),
-          children: n === 0 ? "0" : n
+          children: n
         }
       )
     ] }) : t1;
@@ -4759,7 +4759,7 @@ const d1 = I(
       d?.className
     ),
     children: /* @__PURE__ */ t(
-      $,
+      j,
       {
         as: l || "h1",
         size: n || "m",
@@ -4785,7 +4785,7 @@ const d1 = I(
       }
     )
   }
-), $2 = ({
+), j2 = ({
   link: a,
   title: s,
   summaryProps: c,
@@ -5422,8 +5422,9 @@ const d1 = I(
   children: n,
   withBorderBottom: r = !0,
   isChecked: i = !1,
-  onCheckedChange: o,
-  ...d
+  iconBgColor: o = "ultramarine",
+  onCheckedChange: d,
+  ...u
 }) => /* @__PURE__ */ t(
   O,
   {
@@ -5434,14 +5435,14 @@ const d1 = I(
       "c-card-newsletter--with-border-bottom": r
     }),
     ...r && { pb: "m" },
-    ...d,
+    ...u,
     children: [
       /* @__PURE__ */ e(
         h,
         {
           alignItems: "center",
           justifyContent: "center",
-          bg: "ultramarine",
+          bg: o,
           className: "c-card-newsletter__icon",
           children: /* @__PURE__ */ e("img", { src: l, alt: c })
         }
@@ -5451,7 +5452,7 @@ const d1 = I(
         /* @__PURE__ */ e(g, { size: "m", children: s }),
         n
       ] }),
-      /* @__PURE__ */ e(h, { wrap: "wrap", children: /* @__PURE__ */ e(e0, { id: a, checked: i, onChange: o }) })
+      /* @__PURE__ */ e(h, { wrap: "wrap", children: /* @__PURE__ */ e(e0, { id: a, checked: i, onChange: d }) })
     ]
   }
 ), A2 = ({
@@ -5485,7 +5486,7 @@ const d1 = I(
         }
       ),
       c && /* @__PURE__ */ e(
-        j,
+        $,
         {
           variant: "ghost",
           iconProps: {
@@ -6227,7 +6228,7 @@ const d1 = I(
     isDropdown: m,
     ...v
   }, f) => {
-    const w = () => c ? /* @__PURE__ */ e($, { as: "h3", size: "xxs", color: "black", ...c, children: c?.children }) : /* @__PURE__ */ e(g, { size: "l", color: "black", ...s, children: s?.children });
+    const w = () => c ? /* @__PURE__ */ e(j, { as: "h3", size: "xxs", color: "black", ...c, children: c?.children }) : /* @__PURE__ */ e(g, { size: "l", color: "black", ...s, children: s?.children });
     return /* @__PURE__ */ t(
       x,
       {
@@ -6321,7 +6322,7 @@ const d1 = I(
   /* @__PURE__ */ e(q, { color: "grey-200" })
 ] }) : /* @__PURE__ */ t(h, { gap: "xs", mb: "xs", children: [
   /* @__PURE__ */ e(N, { name: "comment", size: 22, color: "ultramarine" }),
-  /* @__PURE__ */ e($, { as: "h2", size: "xxs", children: `${a} ${a > 1 ? "commentaires" : "commentaire"}` })
+  /* @__PURE__ */ e(j, { as: "h2", size: "xxs", children: `${a} ${a > 1 ? "commentaires" : "commentaire"}` })
 ] }), w1 = ({
   title: a,
   classItem: s,
@@ -6341,7 +6342,7 @@ const d1 = I(
       }
     ),
     /* @__PURE__ */ e(
-      $,
+      j,
       {
         className: `js-countdown-${s}`,
         size: { xs: "m", md: "xxl" },
@@ -6383,7 +6384,7 @@ const d1 = I(
               mr: { xs: "xxs", md: "m" }
             }
           ),
-          /* @__PURE__ */ e($, { as: "h2", size: { xs: "xs", md: "s" }, children: s })
+          /* @__PURE__ */ e(j, { as: "h2", size: { xs: "xs", md: "s" }, children: s })
         ] }),
         /* @__PURE__ */ t(
           h,
@@ -6415,7 +6416,7 @@ const d1 = I(
     ...c
   }
 ), X2 = ({ topics: a, ...s }) => a.length === 0 ? null : /* @__PURE__ */ t(x, { ...s, children: [
-  /* @__PURE__ */ e($, { as: "h3", mb: "xs", size: "xxs", children: "À découvrir" }),
+  /* @__PURE__ */ e(j, { as: "h3", mb: "xs", size: "xxs", children: "À découvrir" }),
   /* @__PURE__ */ e("ul", { children: a.map((c) => /* @__PURE__ */ t(x, { as: "li", mb: "xs", children: [
     /* @__PURE__ */ t(h, { alignItems: "center", gap: "xxs", children: [
       c.imgProps && /* @__PURE__ */ e(
@@ -6467,7 +6468,7 @@ const d1 = I(
   hasTopBorder: d = !1
 }) => {
   const u = /* @__PURE__ */ e(
-    j,
+    $,
     {
       variant: "ghost",
       iconProps: { name: "chevron", color: "white", size: 18 },
@@ -6639,7 +6640,7 @@ const d1 = I(
   enableGoogleSearch: s
 }) => {
   let c = /* @__PURE__ */ t(Z, { children: [
-    /* @__PURE__ */ e($, { as: "h2", size: "m", mb: "l", children: "La page que vous cherchez n’existe pas !" }),
+    /* @__PURE__ */ e(j, { as: "h2", size: "m", mb: "l", children: "La page que vous cherchez n’existe pas !" }),
     /* @__PURE__ */ t(g, { size: "m", mb: "l", children: [
       /* @__PURE__ */ e("strong", { children: "Une page 404" }),
       " est une page renvoyée par le serveur d’un site, lorsque la page n’existe plus ou lorsqu’il y a une erreur dans l’url."
@@ -6648,7 +6649,7 @@ const d1 = I(
     /* @__PURE__ */ e("p", { children: "Si vous êtes à la recherche de quelque chose de bien précis, nous vous invitons à utiliser notre moteur de recherche :" })
   ] });
   return a === "500" && (c = /* @__PURE__ */ t(Z, { children: [
-    /* @__PURE__ */ e($, { as: "h2", size: "m", mb: "l", children: "Erreur serveur, la page n’est pas disponible !" }),
+    /* @__PURE__ */ e(j, { as: "h2", size: "m", mb: "l", children: "Erreur serveur, la page n’est pas disponible !" }),
     /* @__PURE__ */ e(g, { size: "m", mb: "l", children: "Toutes nos excuses pour cette erreur…" }),
     /* @__PURE__ */ e("p", { children: "Une page qui renvoie un code d’erreur 500 se produit lorsque le serveur web rencontre des difficultés pour charger une page." }),
     /* @__PURE__ */ e("p", { children: "Si vous êtes à la recherche de quelque chose de bien précis, nous vous invitons à utiliser notre moteur de recherche :" })
@@ -6683,7 +6684,7 @@ const d1 = I(
     className: p("c-expandable", o.className),
     bg: o.bg ?? "grey-100",
     children: [
-      s && /* @__PURE__ */ e($, { as: "h2", size: "xxs", mb: "m", ...s }),
+      s && /* @__PURE__ */ e(j, { as: "h2", size: "xxs", mb: "m", ...s }),
       /* @__PURE__ */ e(a1, { as: "ul", ...c, children: n.slice(0, a).map((d, u) => /* @__PURE__ */ e("li", { children: d }, `expandable-visible-${u}`)) }),
       a && n.length > a && /* @__PURE__ */ t(Z, { children: [
         /* @__PURE__ */ e(
@@ -6708,7 +6709,7 @@ const d1 = I(
           }
         ),
         /* @__PURE__ */ e(
-          j,
+          $,
           {
             ...r,
             variant: "round-has-white-bg",
@@ -6735,7 +6736,7 @@ const d1 = I(
   c && /* @__PURE__ */ e(N, { size: 25, name: c, border: "big", isRounded: !0 }),
   /* @__PURE__ */ t("div", { children: [
     s && /* @__PURE__ */ e(g, { mb: "xxs-2", children: s }),
-    /* @__PURE__ */ e($, { as: "h2", size: "m", fontFamily: "source-serif-pro", children: a })
+    /* @__PURE__ */ e(j, { as: "h2", size: "m", fontFamily: "source-serif-pro", children: a })
   ] })
 ] }), re = {
   logo: [90, 22],
@@ -6764,9 +6765,9 @@ const d1 = I(
     children: [
       /* @__PURE__ */ t(h, { alignItems: "center", gap: "xl", flexGrow: 1, className: "c-header-mini__container", children: [
         /* @__PURE__ */ t(h, { alignItems: "center", gap: "l", children: [
-          /* @__PURE__ */ e(j, { variant: "ghost", color: "white", "data-a11y-dialog-show": "dialog-menu", children: /* @__PURE__ */ e(N, { name: "menu", size: [20, 18] }) }),
+          /* @__PURE__ */ e($, { variant: "ghost", color: "white", "data-a11y-dialog-show": "dialog-menu", children: /* @__PURE__ */ e(N, { name: "menu", size: [20, 18] }) }),
           /* @__PURE__ */ e(
-            j,
+            $,
             {
               variant: "ghost",
               color: "white",
@@ -6860,7 +6861,7 @@ const d1 = I(
       }
     ) }),
     n && /* @__PURE__ */ t(
-      j,
+      $,
       {
         variant: "ghost",
         className: "c-nodeheader__btn js-expand-button",
@@ -6965,7 +6966,7 @@ const d1 = I(
           mx: { xs: "m", md: "0" },
           mt: { xs: "s", md: "m" },
           children: /* @__PURE__ */ e(
-            j,
+            $,
             {
               variant: "ghost-with-icon-bg",
               iconProps: {
@@ -7026,7 +7027,7 @@ const d1 = I(
       children: [
         /* @__PURE__ */ e(A, { color: "grey-400", size: "xs", mx: { xs: "m", md: "0" }, children: a }),
         /* @__PURE__ */ e(
-          $,
+          j,
           {
             ...s,
             size: { xs: "xxs", md: "m" },
@@ -7038,7 +7039,7 @@ const d1 = I(
         c && (i ? /* @__PURE__ */ t(h, { alignItems: "center", mt: "xxs", mx: { xs: "m", md: "0" }, children: [
           d,
           /* @__PURE__ */ e(
-            j,
+            $,
             {
               ...i,
               inline: !0,
@@ -7064,7 +7065,7 @@ const d1 = I(
             }
           ),
           n && /* @__PURE__ */ t(
-            j,
+            $,
             {
               variant: "ghost",
               className: "c-nodeheader__btn js-expand-button",
@@ -7100,7 +7101,7 @@ const d1 = I(
     bg: n,
     children: [
       r && /* @__PURE__ */ e(
-        j,
+        $,
         {
           variant: "ghost",
           iconProps: {
@@ -7122,7 +7123,7 @@ const d1 = I(
           children: [
             /* @__PURE__ */ e(V, { href: "/", title: "Accueil", children: /* @__PURE__ */ e(N, { name: "logo", color: "white", size: a }) }),
             l && /* @__PURE__ */ e(
-              $,
+              j,
               {
                 color: "white",
                 size: "xxs",
@@ -7134,7 +7135,7 @@ const d1 = I(
         }
       ),
       /* @__PURE__ */ e(
-        j,
+        $,
         {
           variant: "ghost",
           iconProps: {
@@ -7155,7 +7156,7 @@ const d1 = I(
   isCentered: c,
   ...l
 }) => /* @__PURE__ */ e(
-  $,
+  j,
   {
     className: p("c-header-title", {
       "c-header-title--has-icon": !!s,
@@ -7195,7 +7196,7 @@ const d1 = I(
   ({ icon: a, title: s, content: c, ...l }, n) => /* @__PURE__ */ t(x, { ...l, ref: n, className: p("c-horoscope-topic-card", l?.className), children: [
     /* @__PURE__ */ t(h, { alignItems: "center", mb: "s", children: [
       /* @__PURE__ */ e(N, { className: "c-horoscope-topic-card__icon", name: a, size: 21 }),
-      /* @__PURE__ */ e($, { as: "h3", size: "xs", children: s })
+      /* @__PURE__ */ e(j, { as: "h3", size: "xs", children: s })
     ] }),
     /* @__PURE__ */ e(g, { size: "m", children: c })
   ] })
@@ -7245,7 +7246,7 @@ const d1 = I(
             }
           ),
           /* @__PURE__ */ e(A, { children: r.date }),
-          /* @__PURE__ */ e($, { size: "xs", className: "c-image-slider__content-title", children: r.title }),
+          /* @__PURE__ */ e(j, { size: "xs", className: "c-image-slider__content-title", children: r.title }),
           s === z.DESKTOP && n(r.firstButton, r.secondButton)
         ] })
       ] }),
@@ -7258,7 +7259,7 @@ const d1 = I(
           `c-image-slider__button-container c-image-slider__button-container--${r}`
         ),
         children: /* @__PURE__ */ e(
-          j,
+          $,
           {
             variant: "round",
             iconProps: {
@@ -7299,7 +7300,7 @@ const d1 = I(
         children: [
           /* @__PURE__ */ t(h, { className: "c-info-banner__content", direction: "column", justifyContent: "between", children: [
             s && /* @__PURE__ */ e(
-              $,
+              j,
               {
                 fontFamily: "source-serif-pro",
                 ...s,
@@ -7312,7 +7313,7 @@ const d1 = I(
               }
             ),
             /* @__PURE__ */ e(g, { as: c ? "a" : void 0, size: "s", color: "black", ...c || {}, children: a }),
-            l && /* @__PURE__ */ e(j, { ...l, variant: "ghost", className: "c-info-banner__close", children: /* @__PURE__ */ e(N, { name: "close", size: 12, color: "white" }) })
+            l && /* @__PURE__ */ e($, { ...l, variant: "ghost", className: "c-info-banner__close", children: /* @__PURE__ */ e(N, { name: "close", size: 12, color: "white" }) })
           ] }),
           n && /* @__PURE__ */ t("div", { className: "c-info-banner__info", children: [
             /* @__PURE__ */ e(
@@ -7484,7 +7485,7 @@ const d1 = I(
       l && /* @__PURE__ */ e("img", { alt: l.name, src: l.src, width: "32", height: "32" })
     ] }),
     /* @__PURE__ */ e(
-      $,
+      j,
       {
         as: "h2",
         color: r[a] || "black",
@@ -7636,7 +7637,7 @@ const d1 = I(
         }
       ),
       /* @__PURE__ */ e(
-        j,
+        $,
         {
           iconProps: { name: "close", size: 15 },
           variant: "close",
@@ -7978,7 +7979,7 @@ const d1 = I(
   color: i,
   size: o
 }) => /* @__PURE__ */ e(
-  j,
+  $,
   {
     variant: r,
     as: "a",
@@ -8016,7 +8017,7 @@ const d1 = I(
   feedbackButtonProps: r,
   className: i
 }) => /* @__PURE__ */ t(
-  $0,
+  j0,
   {
     as: "nav",
     id: "menu-nav",
@@ -8270,7 +8271,7 @@ const d1 = I(
       ] }),
       l && /* @__PURE__ */ e(x, { id: "mbrs-darkmode-container", p: "l", py: "m" }),
       r && /* @__PURE__ */ e(x, { className: "c-menu__list", children: /* @__PURE__ */ e(
-        j,
+        $,
         {
           iconProps: {
             name: "mood"
@@ -8321,7 +8322,7 @@ const d1 = I(
   ...o
 }) => {
   const d = /* @__PURE__ */ t(x, { as: "form", color: "white", bg: "ultramarine", px: "m", py: "xxl", className: "c-newsletter__form", children: [
-    /* @__PURE__ */ e($, { as: "h5", size: i === "large" ? "m" : "xxs", textAlign: "center", mb: "l", children: a }),
+    /* @__PURE__ */ e(j, { as: "h5", size: i === "large" ? "m" : "xxs", textAlign: "center", mb: "l", children: a }),
     /* @__PURE__ */ e(
       g,
       {
@@ -8331,8 +8332,8 @@ const d1 = I(
         children: s
       }
     ),
-    /* @__PURE__ */ e(j1, { className: "c-input--newsletter", type: "email", placeholder: c }),
-    /* @__PURE__ */ e(j, { variant: "secondary", type: "submit", className: "c-newsletter__button", children: l }),
+    /* @__PURE__ */ e($1, { className: "c-input--newsletter", type: "email", placeholder: c }),
+    /* @__PURE__ */ e($, { variant: "secondary", type: "submit", className: "c-newsletter__button", children: l }),
     /* @__PURE__ */ t(
       h,
       {
@@ -8593,7 +8594,7 @@ const d1 = I(
     children: [
       /* @__PURE__ */ e("label", { htmlFor: `${a}-search`, className: "u-mask", children: n || c?.placeholder || "Recherche" }),
       /* @__PURE__ */ e(
-        j1,
+        $1,
         {
           id: `${a}-search`,
           className: "c-search-form__input",
@@ -8620,7 +8621,7 @@ const d1 = I(
   isUnderlined: l = !0,
   ...n
 }) => /* @__PURE__ */ t(
-  $,
+  j,
   {
     ...s && { as: "a", href: s },
     size: "xxs",
@@ -8879,7 +8880,7 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
   ...r
 }) => {
   const i = /* @__PURE__ */ t(Z, { children: [
-    /* @__PURE__ */ e($, { size: { xs: "m", md: "xxl" }, fontFamily: "obviously", mb: "l", children: s }),
+    /* @__PURE__ */ e(j, { size: { xs: "m", md: "xxl" }, fontFamily: "obviously", mb: "l", children: s }),
     /* @__PURE__ */ e(g, { as: "div", size: { xs: "m", md: "xl" }, mb: "xl", children: c })
   ] }), o = n ? /* @__PURE__ */ e(V, { variant: "primary", ...n, children: /* @__PURE__ */ t(h, { alignItems: "center", children: [
     /* @__PURE__ */ e(N, { name: "video-outlined", size: 13, mr: "xxs" }),
@@ -8937,7 +8938,7 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
   return i ? /* @__PURE__ */ e("a", { href: i, children: f }) : f;
 }, C3 = ({ installButton: a, closeButton: s }) => /* @__PURE__ */ t(h, { className: "c-smart-banner", alignItems: "center", gap: "xs", bg: "ultramarine", color: "white", children: [
   /* @__PURE__ */ e(
-    j,
+    $,
     {
       ...s,
       variant: "ghost",
@@ -8957,7 +8958,7 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
     ] }),
     /* @__PURE__ */ e(g, { size: "xxs-2", children: "Retrouvez l’actualité sur notre application" })
   ] }),
-  /* @__PURE__ */ e(j, { ...a, color: "ultramarine", bg: "white", className: "c-smart-banner__btn", children: "Installer" })
+  /* @__PURE__ */ e($, { ...a, color: "ultramarine", bg: "white", className: "c-smart-banner__btn", children: "Installer" })
 ] }), h1 = (a) => a === "card" ? "secondary" : "primary", b1 = (a) => a === "card" ? "inline" : "rounded", be = (a) => a === "vertical" ? "right" : "top", r1 = ({
   commentCount: a,
   shareCount: s,
@@ -9088,16 +9089,13 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
         }
       )
     }
-  ), K = (m || !!o) && /* @__PURE__ */ e($1, {}), E = () => {
+  ), K = (m || !!o) && /* @__PURE__ */ e(j1, {}), E = () => {
     switch (l) {
       case "card":
         return /* @__PURE__ */ t(Z, { children: [
-          (k || C || S) && /* @__PURE__ */ t(h, { as: "li", gap: "xxs", children: [
-            k,
-            C,
-            S
-          ] }),
-          b && /* @__PURE__ */ e("li", { children: b })
+          k && /* @__PURE__ */ e("li", { children: k }),
+          b && /* @__PURE__ */ e("li", { children: b }),
+          S && /* @__PURE__ */ e("li", { children: S })
         ] });
       case "horizontal":
         return /* @__PURE__ */ t(Z, { children: [
@@ -9136,7 +9134,6 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
         L.className
       ),
       bg: l === "horizontal" ? "grey-50" : void 0,
-      justifyContent: l === "card" ? "between" : void 0,
       "data-block-variant": w,
       children: E()
     }
@@ -9458,7 +9455,7 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
     children: a.map((n, r) => /* @__PURE__ */ e(X, { ...n, ...c && { size: "small" } }, r))
   }
 ) : null, ke = ({ iconName: a, className: s }) => /* @__PURE__ */ e("li", { className: p("c-text-tooltip-item", s), children: /* @__PURE__ */ e(
-  j,
+  $,
   {
     variant: "ghost",
     iconProps: { name: a, size: [20, 20] },
@@ -9505,7 +9502,7 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
     className: p("c-timeline", c?.className),
     children: [
       /* @__PURE__ */ e(
-        $,
+        j,
         {
           as: "h2",
           size: { xs: "xxs", md: "m" },
@@ -9581,7 +9578,7 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
 }) => /* @__PURE__ */ t(Z, { children: [
   /* @__PURE__ */ t(h, { gap: "xs", mt: "m", mx: "m", children: [
     /* @__PURE__ */ e(g1, { img: c.avatar }),
-    /* @__PURE__ */ t($, { as: "h2", size: "m", mt: "xxs-2", children: [
+    /* @__PURE__ */ t(j, { as: "h2", size: "m", mt: "xxs-2", children: [
       c.greeting || "Bienvenue",
       " ",
       /* @__PURE__ */ e(g, { as: "span", color: "ultramarine", className: "break-word", children: c.name })
@@ -9610,7 +9607,7 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
   )) }),
   a,
   /* @__PURE__ */ e(q, { color: "grey-200" })
-] }), j3 = ({
+] }), $3 = ({
   label: a,
   layout: s,
   result: c,
@@ -9703,7 +9700,7 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
         }
       ),
       /* @__PURE__ */ e(
-        j,
+        $,
         {
           variant: "round-has-white-bg",
           className: "c-elections-result__expand-button js-expand-button",
@@ -9746,7 +9743,7 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
       ] }) : w
     }
   );
-}, N1 = ({ href: a, iconName: s, name: c, themeColor: l }) => /* @__PURE__ */ t(j, { as: "a", href: a, variant: "has-white-bg", p: "xs", className: "c-app-button", children: [
+}, N1 = ({ href: a, iconName: s, name: c, themeColor: l }) => /* @__PURE__ */ t($, { as: "a", href: a, variant: "has-white-bg", p: "xs", className: "c-app-button", children: [
   /* @__PURE__ */ e(N, { name: s, size: 20, color: l || "ultramarine" }),
   /* @__PURE__ */ t(h, { direction: "column", children: [
     /* @__PURE__ */ e(g, { as: "span", size: "xxs", weight: "regular", children: "Télécharger sur" }),
@@ -9870,7 +9867,7 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
             gapX: "xxl",
             children: s.map(
               (i) => i.links.length === 0 ? null : /* @__PURE__ */ t(h, { as: "section", direction: "column", children: [
-                /* @__PURE__ */ e($, { as: "h3", mb: "m", size: "xxs", children: /* @__PURE__ */ e(V, { ...i.links[0], color: "white" }) }),
+                /* @__PURE__ */ e(j, { as: "h3", mb: "m", size: "xxs", children: /* @__PURE__ */ e(V, { ...i.links[0], color: "white" }) }),
                 /* @__PURE__ */ e("ul", { children: i.links.slice(1).map((o, d, u) => /* @__PURE__ */ e(x, { as: "li", mb: d < u.length - 1 ? "xs" : void 0, children: /* @__PURE__ */ e(V, { ...o, color: "white" }) }, o.href)) })
               ] }, i.name)
             )
@@ -9988,7 +9985,7 @@ const k3 = ({ networks: a = ["sharethis"], ...s }) => {
       ] })
     ]
   }
-), $3 = ({ layout: a = z.MOBILE, ...s }) => a === z.DESKTOP ? /* @__PURE__ */ e(Me, { ...s }) : /* @__PURE__ */ e(Ce, { ...s }), H3 = ({
+), j3 = ({ layout: a = z.MOBILE, ...s }) => a === z.DESKTOP ? /* @__PURE__ */ e(Me, { ...s }) : /* @__PURE__ */ e(Ce, { ...s }), H3 = ({
   layout: a = z.MOBILE,
   backhref: s,
   ...c
@@ -10064,7 +10061,7 @@ const Se = {
                 /* @__PURE__ */ e(l1, { href: "#menu-nav", children: "Passer à l'en-tête" }),
                 /* @__PURE__ */ e(l1, { href: "#footer", children: "Passer au pied de page" }),
                 /* @__PURE__ */ e(
-                  j,
+                  $,
                   {
                     variant: "has-transparent-bg",
                     iconProps: {
@@ -10077,7 +10074,7 @@ const Se = {
                   }
                 ),
                 /* @__PURE__ */ e(
-                  j,
+                  $,
                   {
                     variant: "has-transparent-bg",
                     iconProps: {
@@ -10266,7 +10263,7 @@ const Se = {
         r ? /* @__PURE__ */ t(Z, { children: [
           /* @__PURE__ */ t("div", { className: "js-header-btn-menu", children: [
             /* @__PURE__ */ e(
-              j,
+              $,
               {
                 variant: "ghost",
                 iconProps: {
@@ -10279,7 +10276,7 @@ const Se = {
               }
             ),
             /* @__PURE__ */ e(
-              j,
+              $,
               {
                 variant: "ghost",
                 iconProps: {
@@ -10294,7 +10291,7 @@ const Se = {
             )
           ] }),
           i && /* @__PURE__ */ e(
-            j,
+            $,
             {
               as: "a",
               href: i,
@@ -10490,7 +10487,7 @@ const Se = {
     s === z.DESKTOP ? /* @__PURE__ */ e("br", {}) : " ",
     "du moment"
   ] })), i = /* @__PURE__ */ e(
-    $,
+    j,
     {
       as: "h2",
       size: { xs: "xxs-2", md: "xxs-3" },
@@ -10781,10 +10778,10 @@ export {
   x as Box,
   Z2 as Breadcrumb,
   L2 as BulletedList,
-  j as Button,
-  j2 as Calendar,
+  $ as Button,
+  $2 as Calendar,
   O as CardContainer,
-  $2 as CardExtraLarge,
+  j2 as CardExtraLarge,
   c0 as CardExtraSmall,
   s0 as CardFooter,
   H2 as CardFrame,
@@ -10822,14 +10819,14 @@ export {
   q as Divider,
   L1 as DividerSection,
   q1 as DividerVertical,
-  j3 as ElectionsResult,
+  $3 as ElectionsResult,
   V2 as Embed,
   Q2 as EmojiToolbar,
   e3 as ErrorContent,
   ne as Expandable,
   h as Flex,
   F as FlexItem,
-  $3 as Footer,
+  j3 as Footer,
   a1 as Grid,
   q2 as HalfDonut,
   H3 as Header,
@@ -10841,7 +10838,7 @@ export {
   l3 as HeaderSection,
   t3 as HeaderSideModal,
   H1 as HeaderTitle,
-  $ as Heading,
+  j as Heading,
   n3 as HoroscopeContent,
   r3 as HoroscopeTiles,
   ie as HoroscopeTopicCard,
@@ -10853,7 +10850,7 @@ export {
   i1 as Img,
   oe as InfoBanner,
   n1 as InlineSeparator,
-  j1 as Input,
+  $1 as Input,
   A as Label,
   x2 as LabelSection,
   z as LayoutType,
@@ -10874,7 +10871,7 @@ export {
   W as MediaSourceType,
   f3 as Menu,
   w3 as MenuList,
-  $0 as Modal,
+  j0 as Modal,
   F3 as MostReadArticles,
   I3 as MostWatchVideos,
   b3 as Newsletter,
@@ -10884,7 +10881,7 @@ export {
   _3 as Pagination,
   ve as PercentageBar,
   A3 as PhotoSwipeGallery,
-  $1 as Pipe,
+  j1 as Pipe,
   z3 as Prose,
   w2 as RadioButton,
   D3 as Ranking,