@20minutes/hela 2.21.12 → 2.21.13

package/dist/index.es.js

@@ -92,7 +92,7 @@ const p = /* @__PURE__ */ ve(we), q0 = ({
         a
       ] }),
       o && /* @__PURE__ */ e(
-        Z,
+        L,
         {
           iconProps: {
             name: "close",
@@ -1693,7 +1693,7 @@ const P1 = {
 function j(a) {
   return a1.forwardRef(a);
 }
-const Z = j(
+const L = j(
   ({
     as: a = "button",
     variant: s,
@@ -1762,7 +1762,7 @@ const Z = j(
     );
   }
 );
-Z.displayName = "Button";
+L.displayName = "Button";
 const _2 = ({
   id: a,
   className: s,
@@ -3100,7 +3100,7 @@ const _2 = ({
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "fna", 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" }) })
-] }), M2 = [...fe, "blue-dark"], O = j(
+] }), M2 = [...fe, "blue-dark"], E = j(
   ({ iconProps: a, as: s = "button", variant: l, color: c, size: r, hasShadow: n, isLoading: i, isFloating: o, ...d }, u) => /* @__PURE__ */ e(
     m,
     {
@@ -3125,7 +3125,7 @@ const _2 = ({
     }
   )
 );
-O.displayName = "IconButton";
+E.displayName = "IconButton";
 const t1 = ({ text: a, ...s }) => /* @__PURE__ */ e(
   g,
   {
@@ -3188,7 +3188,7 @@ const $e = ({ src: a, formats: s }) => {
   const _ = l.split("x"), b = _[0], f = _[1];
   let N, M = `data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='${b}'%20height='${f}'%3E%3C/svg%3E`;
   if (s && (M = S1({ src: s, format: l }), N = $e({ formats: c, src: s }) ?? ""), u) {
-    const B = Number(b) * 2, H = Number(f) * 2, E = `${B}x${H}`, k = S1({ src: s, format: E });
+    const B = Number(b) * 2, Z = Number(f) * 2, O = `${B}x${Z}`, k = S1({ src: s, format: O });
     N = N ? `${N}, ${k} 2x` : `${k} 2x`;
   }
   return w.width = b || void 0, w.height = f !== "0" ? f : void 0, w.sizes = n || void 0, /* @__PURE__ */ e(x, { ...w, as: "img", src: M, ...N ? { srcSet: N } : {} });
@@ -3213,9 +3213,9 @@ const $e = ({ src: a, formats: s }) => {
     hint: N,
     error: M,
     ...B
-  }, H) => {
-    const E = n && /* @__PURE__ */ e(
-      Z,
+  }, Z) => {
+    const O = n && /* @__PURE__ */ e(
+      L,
       {
         className: p("c-input-container__icon", `color-${l || "black"}`),
         iconProps: {
@@ -3255,7 +3255,7 @@ const $e = ({ src: a, formats: s }) => {
               }),
               children: [
                 (n || f) && /* @__PURE__ */ t(m, { gap: "s", children: [
-                  o ? E : k,
+                  o ? O : k,
                   f
                 ] }),
                 /* @__PURE__ */ e(
@@ -3264,7 +3264,7 @@ const $e = ({ src: a, formats: s }) => {
                     id: a,
                     className: p("c-input-container__input", s),
                     required: c,
-                    ref: H,
+                    ref: Z,
                     "aria-describedby": [N ? `${a}-hint` : null, M ? `${a}-error` : null].filter(Boolean).join(" ") || void 0,
                     ...B
                   }
@@ -3272,8 +3272,8 @@ const $e = ({ src: a, formats: s }) => {
               ]
             }
           ),
-          h?.length && /* @__PURE__ */ e(m, { wrap: "wrap", gapY: "s", gapX: "xxs-2", mt: "xxs-2", children: h.map(({ iconProps: V, textProps: G, value: X }, q) => /* @__PURE__ */ t(m, { alignItems: "center", gap: "xxs", children: [
-            V && /* @__PURE__ */ e(z, { ...V }),
+          h?.length && /* @__PURE__ */ e(m, { wrap: "wrap", gapY: "s", gapX: "xxs-2", mt: "xxs-2", children: h.map(({ iconProps: H, textProps: G, value: X }, q) => /* @__PURE__ */ t(m, { alignItems: "center", gap: "xxs", children: [
+            H && /* @__PURE__ */ e(z, { ...H }),
             /* @__PURE__ */ e(g, { dangerouslySetInnerHTML: { __html: X }, role: "alert", ...G })
           ] }, q?.toString())) }),
           M && /* @__PURE__ */ e(
@@ -3334,7 +3334,7 @@ const $e = ({ src: a, formats: s }) => {
       ]
     }
   );
-}, S2 = ({ children: a }) => /* @__PURE__ */ e($, { as: "h4", size: "xxs", weight: "bold", color: "ultramarine", children: a }), L = (a) => {
+}, S2 = ({ children: a }) => /* @__PURE__ */ e($, { as: "h4", size: "xxs", weight: "bold", color: "ultramarine", children: a }), V = (a) => {
   if (a.propValue && ["boolean", "string", "number"].includes(typeof a.propValue) || !a.propValue) {
     const s = A1({
       className: a.className,
@@ -3375,15 +3375,15 @@ const $e = ({ src: a, formats: s }) => {
   grow: l,
   ...c
 }) => p(
-  ...L({
+  ...V({
     propValue: a,
     className: "basis"
   }),
-  ...L({
+  ...V({
     propValue: s,
     className: "shrink"
   }),
-  ...L({
+  ...V({
     propValue: l,
     className: "grow"
   }),
@@ -3394,62 +3394,62 @@ const $e = ({ src: a, formats: s }) => {
   wrap: l,
   ...c
 }) => p(
-  ...L({
+  ...V({
     propValue: a,
     className: a ? "inline-flex" : "flex"
   }),
-  ...L({
+  ...V({
     propValue: s,
     className: "direction"
   }),
-  ...L({
+  ...V({
     propValue: l
   }),
   Y1(c)
 ), Y1 = (a) => p(
-  ...L({
+  ...V({
     propValue: a.alignItems,
     className: "items"
   }),
-  ...L({
+  ...V({
     propValue: a.alignContent,
     className: "content"
   }),
-  ...L({
+  ...V({
     propValue: a.justifyContent,
     className: "justify"
   }),
-  ...L({
+  ...V({
     propValue: a.gap,
     className: "gap"
   }),
-  ...L({
+  ...V({
     propValue: a.gapX,
     className: "gap-x"
   }),
-  ...L({
+  ...V({
     propValue: a.gapY,
     className: "gap-y"
   }),
-  ...L({
+  ...V({
     propValue: a.flexGrow,
     className: "grow"
   })
 ), je = (a) => p(
-  ...L({
+  ...V({
     propValue: a.align,
     className: "self"
   })
 ), o1 = (a) => typeof a.props == "object" ? Object.keys(a.props).reduce((s, l) => (a.systemPropNames.includes(l) || (s[l] = a.props[l]), s), {}) : {}, Fe = (a) => p(
   Object.entries(a).filter(([s]) => Object.keys(K1).includes(s)).reduce((s, [l, c]) => (s.push(
-    ...L({
+    ...V({
       className: l,
       propValue: c
     })
   ), s), [])
 ), J1 = (a) => p(
   Object.entries(a).filter(([s]) => Object.keys(G1).includes(s)).reduce((s, [l, c]) => (s.push(
-    ...L({
+    ...V({
       className: l,
       propValue: c
     })
@@ -3467,11 +3467,11 @@ const $e = ({ src: a, formats: s }) => {
   fontFamily: n,
   whiteSpace: i
 }) => p(
-  L({
+  V({
     className: "text",
     propValue: a
   }),
-  L({
+  V({
     className: "font-weight",
     propValue: s
   }),
@@ -3528,19 +3528,19 @@ const m = j(({ as: a = "div", children: s, ...l }, c) => /* @__PURE__ */ e(
   }),
   className: p(
     "grid",
-    ...L({
+    ...V({
       className: "grid-cols-number",
       propValue: a
     }),
-    ...L({
+    ...V({
       className: "grid-gap",
       propValue: s
     }),
-    ...L({
+    ...V({
       className: "grid-gap-row",
       propValue: l
     }),
-    ...L({
+    ...V({
       className: "grid-gap-col",
       propValue: c
     }),
@@ -3584,7 +3584,7 @@ const m = j(({ as: a = "div", children: s, ...l }, c) => /* @__PURE__ */ e(
         [`c-btn--${n}`]: n && !l
       },
       B1({ weight: i, whiteSpace: o }),
-      L({
+      V({
         className: "text",
         propValue: r
       }),
@@ -3737,7 +3737,7 @@ const m = j(({ as: a = "div", children: s, ...l }, c) => /* @__PURE__ */ e(
     "data-trigger-selector": a,
     "data-trigger-offset": s,
     children: /* @__PURE__ */ e("div", { className: "o-page-wrap", children: /* @__PURE__ */ e(
-      O,
+      E,
       {
         ...l,
         color: "tertiary",
@@ -3882,7 +3882,7 @@ const d1 = j(
               { [`c-slider__button-container--${o}`]: o }
             ),
             children: /* @__PURE__ */ e(
-              O,
+              E,
               {
                 color: r,
                 size: n,
@@ -4074,7 +4074,7 @@ const d1 = j(
       as: a,
       ref: r,
       className: p(
-        L({
+        V({
           className: "heading",
           propValue: s
         }),
@@ -4094,7 +4094,7 @@ const d1 = j(
       ...r,
       ref: n,
       className: p(
-        L({
+        V({
           className: "text",
           propValue: s
         }),
@@ -4172,7 +4172,7 @@ const d1 = j(
               }
             ),
             /* @__PURE__ */ e(g, { as: c ? "a" : void 0, size: "s", color: "white", ...c || {}, children: s }),
-            r && /* @__PURE__ */ e(Z, { ...r, variant: "ghost", className: "c-info-banner__close", children: /* @__PURE__ */ e(z, { name: "close", size: 12, color: "white" }) })
+            r && /* @__PURE__ */ e(L, { ...r, variant: "ghost", className: "c-info-banner__close", children: /* @__PURE__ */ e(z, { name: "close", size: 12, color: "white" }) })
           ]
         }
       )
@@ -4320,7 +4320,7 @@ const d1 = j(
         }
       ),
       u && o && o >= 2 && /* @__PURE__ */ e(
-        Z,
+        L,
         {
           color: "tertiary",
           size: "large",
@@ -4577,30 +4577,30 @@ const d1 = j(
     }
     return { year: i.getFullYear(), month: i.getMonth() };
   }), u = K(() => new Date(o.year, o.month, 1), [o]), h = K(() => new Date(o.year, o.month + 1, 0), [o]), v = K(() => {
-    const k = new Date(u), V = (k.getDay() + 6) % 7;
-    return k.setDate(k.getDate() - V), k;
+    const k = new Date(u), H = (k.getDay() + 6) % 7;
+    return k.setDate(k.getDate() - H), k;
   }, [u]), w = K(() => {
-    const k = new Date(h), V = (k.getDay() + 6) % 7;
-    return k.setDate(k.getDate() + (6 - V)), k;
+    const k = new Date(h), H = (k.getDay() + 6) % 7;
+    return k.setDate(k.getDate() + (6 - H)), k;
   }, [h]), _ = [];
   for (let k = new Date(v); k <= w; k.setDate(k.getDate() + 1))
     _.push(new Date(k));
   const b = K(() => new Set(a), [a]), f = K(() => new Set(s), [s]), N = K(
     () => Je([...a, ...s]),
     [a, s]
-  ), M = x1(i), B = o.year < i.getFullYear() || o.year === i.getFullYear() && o.month < i.getMonth(), H = () => {
+  ), M = x1(i), B = o.year < i.getFullYear() || o.year === i.getFullYear() && o.month < i.getMonth(), Z = () => {
     d((k) => k.month === 0 ? { year: k.year - 1, month: 11 } : { year: k.year, month: k.month - 1 });
-  }, E = () => {
+  }, O = () => {
     B && d((k) => k.month === 11 ? { year: k.year + 1, month: 0 } : { year: k.year, month: k.month + 1 });
   };
   return /* @__PURE__ */ t(x, { ...n, className: p("c-calendar", r), px: "s", py: "xl", bg: "grey-100", children: [
     /* @__PURE__ */ t(m, { justifyContent: "center", alignItems: "center", mb: "l", gap: "l", children: [
       /* @__PURE__ */ e(
-        Z,
+        L,
         {
           variant: "ghost",
           "aria-label": "Mois précédent",
-          onClick: H,
+          onClick: Z,
           iconProps: { name: "chevron-left", size: 12 }
         }
       ),
@@ -4620,11 +4620,11 @@ const d1 = j(
         }
       ),
       /* @__PURE__ */ e(
-        Z,
+        L,
         {
           variant: "ghost",
           "aria-label": "Mois suivant",
-          onClick: E,
+          onClick: O,
           iconProps: { name: "chevron", size: 12 },
           disabled: !B,
           className: p({ "c-btn--disabled": !B })
@@ -4633,7 +4633,7 @@ const d1 = j(
     ] }),
     /* @__PURE__ */ e(x, { className: "c-calendar__grid", pb: "xs", children: We.map((k) => /* @__PURE__ */ e(m, { alignItems: "center", justifyContent: "center", className: "c-calendar__cell", children: /* @__PURE__ */ e(g, { as: "span", size: "xs", children: k.charAt(0) }) }, k)) }),
     /* @__PURE__ */ e("div", { className: "c-calendar__grid", children: _.map((k) => {
-      const V = x1(k), G = k.getMonth() === o.month, X = V === M, q = N.has(V), c1 = (b.has(V) || f.has(V)) && !q, he = b.has(V), me = f.has(V), N1 = new Date(k);
+      const H = x1(k), G = k.getMonth() === o.month, X = H === M, q = N.has(H), c1 = (b.has(H) || f.has(H)) && !q, he = b.has(H), me = f.has(H), N1 = new Date(k);
       N1.setDate(N1.getDate() - 1);
       const H1 = q && !N.has(x1(N1)), k1 = new Date(k);
       k1.setDate(k1.getDate() + 1);
@@ -4657,7 +4657,7 @@ const d1 = j(
             (c1 || H1 || j1) && /* @__PURE__ */ e(z, { name: "heat", size: [22, 32], className: "c-calendar__heat-icon" })
           ] })
         },
-        V
+        H
       );
     }) })
   ] });
@@ -4767,7 +4767,7 @@ const d1 = j(
   variant: M,
   ...B
 }) => {
-  const H = () => {
+  const Z = () => {
     if (a?.size)
       return a.size;
     if (s !== void 0) {
@@ -4783,12 +4783,12 @@ const d1 = j(
       return s;
     }
     return M && M === "secondary" ? 15 : 20;
-  }, E = () => {
+  }, O = () => {
     if (c !== void 0)
       return c === "none" ? void 0 : c;
     if (M)
       return M === "secondary" ? "grey-100" : void 0;
-  }, k = () => o === "small" ? "xxs-2" : M && M === "secondary" ? "xxs" : "xxs-2", V = () => n || (M && M === "secondary" ? "black" : "white"), G = () => i || (M && M === "secondary" ? void 0 : "default"), X = () => d === "inline" && c !== "none" ? "xxs-2" : void 0, q = () => {
+  }, k = () => o === "small" ? "xxs-2" : M && M === "secondary" ? "xxs" : "xxs-2", H = () => n || (M && M === "secondary" ? "black" : "white"), G = () => i || (M && M === "secondary" ? void 0 : "default"), X = () => d === "inline" && c !== "none" ? "xxs-2" : void 0, q = () => {
     const c1 = /* @__PURE__ */ e(
       m,
       {
@@ -4799,9 +4799,9 @@ const d1 = j(
         }),
         alignItems: "center",
         justifyContent: "center",
-        bg: E(),
+        bg: O(),
         color: l,
-        children: /* @__PURE__ */ e(z, { size: H(), ...a })
+        children: /* @__PURE__ */ e(z, { size: Z(), ...a })
       }
     );
     return r !== void 0 ? /* @__PURE__ */ t(m, { className: "c-icon-item", alignItems: "center", children: [
@@ -4811,7 +4811,7 @@ const d1 = j(
         {
           as: "span",
           size: k(),
-          color: V(),
+          color: H(),
           bg: G(),
           ml: X(),
           className: p("c-icon-item__count", {
@@ -5688,7 +5688,7 @@ const d1 = j(
             i,
             /* @__PURE__ */ t(m, { gap: "s", mt: "m", alignItems: "center", children: [
               /* @__PURE__ */ e(
-                Z,
+                L,
                 {
                   size: "small",
                   onClick: h,
@@ -5739,7 +5739,7 @@ const d1 = j(
         }
       ),
       l && /* @__PURE__ */ e(
-        Z,
+        L,
         {
           variant: "ghost",
           iconProps: {
@@ -6457,7 +6457,7 @@ const d1 = j(
     bg: r,
     children: [
       n && /* @__PURE__ */ e(
-        O,
+        E,
         {
           variant: "ghost",
           size: "tiny",
@@ -6493,7 +6493,7 @@ const d1 = j(
         }
       ),
       /* @__PURE__ */ e(
-        O,
+        E,
         {
           ...i,
           variant: "ghost",
@@ -6576,11 +6576,11 @@ const d1 = j(
   }, w) => {
     const _ = pe().replace(/:/g, ""), b = `c-collapse__button-${a}-${_}`, f = `c-collapse__content-${a}-${_}`, N = () => {
       if (l) {
-        const { as: E, children: k, ...V } = l;
-        return /* @__PURE__ */ e($, { as: "h3", size: "xxs", color: "black", ...V, children: k });
+        const { children: O, ...k } = l;
+        return /* @__PURE__ */ e($, { as: "h3", size: "xxs", color: "black", ...k, children: O });
       }
-      const { as: M, children: B, ...H } = s ?? {};
-      return /* @__PURE__ */ e(g, { as: "span", size: "l", color: "black", ...H, children: B });
+      const { as: M, children: B, ...Z } = s ?? {};
+      return /* @__PURE__ */ e(g, { as: "span", size: "l", color: "black", ...Z, children: B });
     };
     return /* @__PURE__ */ t(
       x,
@@ -6823,7 +6823,7 @@ const d1 = j(
   hasTopBorder: d = !1
 }) => {
   const u = /* @__PURE__ */ e(
-    Z,
+    L,
     {
       variant: "ghost",
       iconProps: { name: "chevron", color: "white", size: 18 },
@@ -7063,7 +7063,7 @@ const d1 = j(
           }
         ),
         /* @__PURE__ */ e(
-          O,
+          E,
           {
             ...n,
             color: "white",
@@ -7121,7 +7121,7 @@ const d1 = j(
       /* @__PURE__ */ t(m, { alignItems: "center", gap: "xl", flexGrow: 1, className: "c-header-mini__container", children: [
         /* @__PURE__ */ t(m, { alignItems: "center", gap: "l", children: [
           /* @__PURE__ */ e(
-            O,
+            E,
             {
               variant: "ghost",
               color: "white",
@@ -7132,7 +7132,7 @@ const d1 = j(
             }
           ),
           /* @__PURE__ */ e(
-            O,
+            E,
             {
               variant: "ghost",
               color: "white",
@@ -7235,7 +7235,7 @@ const d1 = j(
       }
     ) }),
     r && /* @__PURE__ */ t(
-      Z,
+      L,
       {
         variant: "ghost",
         className: "c-nodeheader__btn js-expand-button",
@@ -7340,7 +7340,7 @@ const d1 = j(
           mx: { xs: "m", md: "0" },
           mt: { xs: "s", md: "m" },
           children: /* @__PURE__ */ e(
-            Z,
+            L,
             {
               variant: "ghost-with-icon-bg",
               iconProps: {
@@ -7413,7 +7413,7 @@ const d1 = j(
         l && (i ? /* @__PURE__ */ t(m, { alignItems: "center", mt: "xxs", mx: { xs: "m", md: "0" }, children: [
           d,
           /* @__PURE__ */ e(
-            O,
+            E,
             {
               ...i,
               variant: "ghost",
@@ -7438,7 +7438,7 @@ const d1 = j(
             }
           ),
           r && /* @__PURE__ */ t(
-            Z,
+            L,
             {
               variant: "ghost",
               className: "c-nodeheader__btn js-expand-button",
@@ -7534,7 +7534,7 @@ const d1 = j(
           `c-image-slider__button-container c-image-slider__button-container--${n}`
         ),
         children: /* @__PURE__ */ e(
-          O,
+          E,
           {
             iconProps: {
               name: "chevron",
@@ -7587,7 +7587,7 @@ const d1 = j(
               }
             ),
             /* @__PURE__ */ e(g, { as: l ? "a" : "div", size: "s", color: "black", ...l || {}, children: a }),
-            c && /* @__PURE__ */ e(Z, { ...c, variant: "ghost", className: "c-info-banner__close", children: /* @__PURE__ */ e(z, { name: "close", size: 12, color: "white" }) })
+            c && /* @__PURE__ */ e(L, { ...c, variant: "ghost", className: "c-info-banner__close", children: /* @__PURE__ */ e(z, { name: "close", size: 12, color: "white" }) })
           ] }),
           r && /* @__PURE__ */ t("div", { className: "c-info-banner__info", children: [
             /* @__PURE__ */ e(
@@ -7911,7 +7911,7 @@ const d1 = j(
         }
       ),
       /* @__PURE__ */ e(
-        Z,
+        L,
         {
           iconProps: { name: "close", size: 15 },
           variant: "close",
@@ -8253,7 +8253,7 @@ const d1 = j(
   size: i,
   ...o
 }) => /* @__PURE__ */ e(
-  Z,
+  L,
   {
     ...o,
     color: n,
@@ -8471,7 +8471,6 @@ const d1 = j(
                   {
                     as: "li",
                     textTitleProps: {
-                      as: "p",
                       color: "black",
                       size: "s",
                       children: h.name
@@ -8552,7 +8551,7 @@ const d1 = j(
       ] }),
       c && /* @__PURE__ */ e(x, { id: "mbrs-darkmode-container", p: "l", py: "m" }),
       n && /* @__PURE__ */ e(x, { className: "c-menu__list", children: /* @__PURE__ */ e(
-        Z,
+        L,
         {
           iconProps: {
             name: "mood"
@@ -8614,7 +8613,7 @@ const d1 = j(
       }
     ),
     /* @__PURE__ */ e(V1, { className: "c-input--newsletter", type: "email", placeholder: l }),
-    /* @__PURE__ */ e(Z, { color: "primary", variant: "outlined", type: "submit", className: "c-newsletter__button", children: c }),
+    /* @__PURE__ */ e(L, { color: "primary", variant: "outlined", type: "submit", className: "c-newsletter__button", children: c }),
     /* @__PURE__ */ t(
       m,
       {
@@ -8725,12 +8724,12 @@ const d1 = j(
           size: 20
         };
     }
-  }, M = /* @__PURE__ */ e(m, { as: "ul", direction: "row-reverse", alignItems: "center", className: "c-react-button__list", children: o?.sort((B, H) => H.count - B.count).map((B, H) => /* @__PURE__ */ e(
+  }, M = /* @__PURE__ */ e(m, { as: "ul", direction: "row-reverse", alignItems: "center", className: "c-react-button__list", children: o?.sort((B, Z) => Z.count - B.count).map((B, Z) => /* @__PURE__ */ e(
     x,
     {
       as: "li",
       className: p("c-react-button__list-item", {
-        "c-react-button__list-item--show": B.count > 0 && H <= 1
+        "c-react-button__list-item--show": B.count > 0 && Z <= 1
       }),
       bg: "grey-100",
       "data-reaction-item": B.type,
@@ -8755,7 +8754,7 @@ const d1 = j(
         },
         b.className
       ),
-      ...o && o.length > 0 && o.reduce((B, H) => (B[`data-content-${H.type}`] = H.count, B), {}),
+      ...o && o.length > 0 && o.reduce((B, Z) => (B[`data-content-${Z.type}`] = Z.count, B), {}),
       ...u && {
         "data-user-reaction": u.type,
         "data-user-reaction-id": u.id
@@ -9089,7 +9088,7 @@ const d1 = j(
   return i ? /* @__PURE__ */ e("a", { href: i, children: w }) : w;
 }, A3 = ({ installButton: a, closeButton: s }) => /* @__PURE__ */ t(m, { className: "c-smart-banner", alignItems: "center", gap: "xs", bg: "ultramarine", color: "white", children: [
   /* @__PURE__ */ e(
-    Z,
+    L,
     {
       ...s,
       variant: "ghost",
@@ -9108,7 +9107,7 @@ const d1 = j(
     ] }),
     /* @__PURE__ */ e(g, { size: "xxs-2", children: "Retrouvez l’actualité sur notre application" })
   ] }),
-  /* @__PURE__ */ e(Z, { ...a, className: "c-smart-banner__btn color-ultramarine bg-white", children: "Installer" })
+  /* @__PURE__ */ e(L, { ...a, className: "c-smart-banner__btn color-ultramarine bg-white", children: "Installer" })
 ] }), h1 = (a) => a === "card" ? "secondary" : "primary", b1 = (a) => a === "card" ? "inline" : "rounded", B0 = (a) => a === "vertical" ? "right" : "top", n1 = ({
   commentCount: a,
   shareCount: s,
@@ -9130,7 +9129,7 @@ const d1 = j(
   layout: M,
   ...B
 }) => {
-  const H = !_ && /* @__PURE__ */ e(
+  const Z = !_ && /* @__PURE__ */ e(
     Q,
     {
       role: "button",
@@ -9149,7 +9148,7 @@ const d1 = j(
       "aria-describedby": M === y.DESKTOP ? `comment-tooltip-${o || i}` : void 0,
       children: M === y.DESKTOP && /* @__PURE__ */ e(t1, { id: `comment-tooltip-${o || i}`, text: "Commenter" })
     }
-  ), E = /* @__PURE__ */ e(
+  ), O = /* @__PURE__ */ e(
     Q,
     {
       role: "button",
@@ -9198,7 +9197,7 @@ const d1 = j(
       "data-content-id": i || o,
       "data-content-model": d
     }
-  ), V = o && /* @__PURE__ */ e(
+  ), H = o && /* @__PURE__ */ e(
     Q,
     {
       role: "button",
@@ -9263,27 +9262,27 @@ const d1 = j(
       case "card":
         return /* @__PURE__ */ t(S, { children: [
           /* @__PURE__ */ e("li", { children: /* @__PURE__ */ t(m, { as: "ul", alignItems: "center", gap: "xxs", children: [
-            H && /* @__PURE__ */ e("li", { children: H }),
+            Z && /* @__PURE__ */ e("li", { children: Z }),
             k && /* @__PURE__ */ e("li", { children: k })
           ] }) }),
-          V && /* @__PURE__ */ e("li", { children: V })
+          H && /* @__PURE__ */ e("li", { children: H })
         ] });
       case "horizontal":
         return /* @__PURE__ */ t(S, { children: [
+          Z && /* @__PURE__ */ e("li", { children: Z }),
+          O && /* @__PURE__ */ e("li", { children: O }),
           H && /* @__PURE__ */ e("li", { children: H }),
-          E && /* @__PURE__ */ e("li", { children: E }),
-          V && /* @__PURE__ */ e("li", { children: V }),
           k && /* @__PURE__ */ e("li", { children: k }),
           G && /* @__PURE__ */ e("li", { children: G })
         ] });
       case "vertical":
         return /* @__PURE__ */ t(S, { children: [
-          H && /* @__PURE__ */ e("li", { children: H }),
-          E && /* @__PURE__ */ e("li", { children: E }),
+          Z && /* @__PURE__ */ e("li", { children: Z }),
+          O && /* @__PURE__ */ e("li", { children: O }),
           k && /* @__PURE__ */ e("li", { children: k }),
           /* @__PURE__ */ e("li", { "aria-hidden": "true", children: q }),
           X && /* @__PURE__ */ e("li", { children: X }),
-          V && /* @__PURE__ */ e("li", { children: V }),
+          H && /* @__PURE__ */ e("li", { children: H }),
           G && /* @__PURE__ */ e("li", { children: G })
         ] });
       default:
@@ -9637,7 +9636,7 @@ const d1 = j(
     children: a.map((c, r) => /* @__PURE__ */ e(W, { ...c }, r))
   }
 ) : null, H0 = ({ iconName: a, className: s }) => /* @__PURE__ */ e("li", { className: p("c-text-tooltip-item", s), children: /* @__PURE__ */ e(
-  Z,
+  L,
   {
     variant: "ghost",
     iconProps: { name: a, size: [20, 20] },
@@ -9884,7 +9883,7 @@ const d1 = j(
         }
       ),
       /* @__PURE__ */ e(
-        O,
+        E,
         {
           color: "white",
           className: "c-elections-result__expand-button js-expand-button",
@@ -9927,7 +9926,7 @@ const d1 = j(
       ] }) : _
     }
   );
-}, z1 = ({ href: a, iconName: s, name: l, themeColor: c }) => /* @__PURE__ */ t(Z, { as: "a", href: a, color: "white", p: "xs", className: "c-app-button", children: [
+}, z1 = ({ href: a, iconName: s, name: l, themeColor: c }) => /* @__PURE__ */ t(L, { as: "a", href: a, color: "white", p: "xs", className: "c-app-button", children: [
   /* @__PURE__ */ e(z, { name: s, size: 20, color: c || "ultramarine" }),
   /* @__PURE__ */ t(m, { direction: "column", children: [
     /* @__PURE__ */ e(g, { as: "span", size: "xxs", weight: "regular", children: "Télécharger sur" }),
@@ -10264,7 +10263,7 @@ const T0 = {
                 /* @__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(
-                  Z,
+                  L,
                   {
                     color: "translucent",
                     iconProps: {
@@ -10276,7 +10275,7 @@ const T0 = {
                   }
                 ),
                 /* @__PURE__ */ e(
-                  Z,
+                  L,
                   {
                     color: "translucent",
                     iconProps: {
@@ -10463,7 +10462,7 @@ const T0 = {
         n ? /* @__PURE__ */ t(S, { children: [
           /* @__PURE__ */ t("div", { className: "js-header-btn-menu", children: [
             /* @__PURE__ */ e(
-              O,
+              E,
               {
                 variant: "ghost",
                 color: "white",
@@ -10477,7 +10476,7 @@ const T0 = {
               }
             ),
             /* @__PURE__ */ e(
-              O,
+              E,
               {
                 variant: "ghost",
                 color: "white",
@@ -10493,7 +10492,7 @@ const T0 = {
             )
           ] }),
           i && /* @__PURE__ */ e(
-            O,
+            E,
             {
               as: "a",
               href: i,
@@ -10891,7 +10890,7 @@ const T0 = {
                 /* @__PURE__ */ e("br", {}),
                 /* @__PURE__ */ e(g, { as: "span", size: "m", weight: "bold", children: "Mes statistiques de jeu" })
               ] }),
-              /* @__PURE__ */ e(Z, { type: "button", "data-a11y-dialog-show": "dialog-user-panel", color: "primary", children: "Se connecter" })
+              /* @__PURE__ */ e(L, { type: "button", "data-a11y-dialog-show": "dialog-user-panel", color: "primary", children: "Se connecter" })
             ]
           }
         )
@@ -11007,7 +11006,7 @@ export {
   x as Box,
   P2 as Breadcrumb,
   q2 as BulletedList,
-  Z as Button,
+  L as Button,
   K2 as Calendar,
   D as CardContainer,
   U2 as CardExtraLarge,
@@ -11070,7 +11069,7 @@ export {
   Z1 as HeaderTitle,
   $ as Heading,
   z as Icon,
-  O as IconButton,
+  E as IconButton,
   Q as IconItem,
   t1 as IconTooltip,
   C2 as Iframe,