@myelmut/design-system 0.1.34 → 0.1.36

package/dist/index.es.js

@@ -291,7 +291,7 @@ const Z1 = () => {
 }, I1 = {
   light: "text-claret-violet-dark bg-beige-light",
   dark: "text-beige-light bg-claret-violet-dark"
-}, F1 = ({ variant: e, className: t, activeNavLink: l }) => {
+}, $1 = ({ variant: e, className: t, activeNavLink: l }) => {
   const { t: r } = S(), n = s(
     "w-full border-t px-6 py-4.5",
     e === "light" ? "border-claret-violet-light/30" : "border-beige-light/30"
@@ -304,12 +304,12 @@ const Z1 = () => {
       r("navigation.signIn")
     ] }) })
   ] });
-}, $1 = {
+}, F1 = {
   light: "text-claret-violet-dark from-claret-violet-dark to-claret-violet-dark/0",
   dark: "text-beige-light from-beige-light to-beige-light/0 "
 }, j1 = ({ variant: e = "dark", className: t, voucher: l, activeNavLink: r }) => {
   const { t: n } = S("design");
-  return /* @__PURE__ */ d("nav", { className: s("group fixed top-0 right-0 left-0 z-100 bg-linear-to-b from-60% px-0 py-7.5 transition-colors duration-300 max-lg:hidden", l ? "pt-16.5" : "pt-7.5", $1[e], t), children: [
+  return /* @__PURE__ */ d("nav", { className: s("group fixed top-0 right-0 left-0 z-100 bg-linear-to-b from-60% px-0 py-7.5 transition-colors duration-300 max-lg:hidden", l ? "pt-16.5" : "pt-7.5", F1[e], t), children: [
     !!l && /* @__PURE__ */ a(J, { content: l, className: s("top-0 z-100") }),
     /* @__PURE__ */ d("div", { className: s("relative z-20 container mx-auto flex flex-1 items-center justify-between"), children: [
       /* @__PURE__ */ d("div", { className: "flex items-center md:gap-10 xl:gap-20", children: [
@@ -345,9 +345,9 @@ const Z1 = () => {
     !!l && /* @__PURE__ */ a(J, { content: l, className: s("z-100", n ? "top-0" : "top-7") }),
     /* @__PURE__ */ d("div", { className: s("relative z-10 flex items-center justify-between bg-linear-to-b from-60% p-6 pe-3 transition-colors duration-150", l ? n ? "h-29.5 pt-13.5" : "h-36 pt-20.5" : "h-21.5 pt-6", T1[e]), children: [
       /* @__PURE__ */ a("a", { href: "/", className: "me-auto", children: /* @__PURE__ */ a(O, { className: "w-18 md:w-36", variant: u }) }),
-      /* @__PURE__ */ a("button", { onClick: h, className: s("p-3", p), children: n ? /* @__PURE__ */ a($e, { className: "w-4" }) : /* @__PURE__ */ a(Ye, { className: "w-4" }) })
+      /* @__PURE__ */ a("button", { onClick: h, className: s("p-3", p), children: n ? /* @__PURE__ */ a(Fe, { className: "w-4" }) : /* @__PURE__ */ a(Ye, { className: "w-4" }) })
     ] }),
-    /* @__PURE__ */ a(F1, { variant: e, className: l ? "pt-29.5" : "pt-21.5", activeNavLink: r }),
+    /* @__PURE__ */ a($1, { variant: e, className: l ? "pt-29.5" : "pt-21.5", activeNavLink: r }),
     (n || c) && /* @__PURE__ */ a("div", { onClick: h, className: s("fixed inset-0 z-0", B1[e], c ? "animate-fade-out" : "animate-fade-in") })
   ] });
 }, D1 = ({ totalSteps: e, currentStep: t, className: l }) => /* @__PURE__ */ d("div", { className: s("relative flex items-center justify-between gap-2", l), children: [
@@ -444,7 +444,7 @@ const Z1 = () => {
       fill: D[e]
     }
   )
-] }), F = t1.forwardRef(({ mobile: e, desktop: t, mobile2x: l, desktop2x: r, type: n = "image/webp", loading: o = "lazy", decoding: c = "async", alt: m, className: g, fadeOnLoad: h = !0 }, u) => {
+] }), $ = t1.forwardRef(({ mobile: e, desktop: t, mobile2x: l, desktop2x: r, type: n = "image/webp", loading: o = "lazy", decoding: c = "async", alt: m, className: g, fadeOnLoad: h = !0 }, u) => {
   const p = (C) => {
     C && C.complete && h && C.classList.add("opacity-100"), typeof u == "function" ? u(C) : u && typeof u != "function" && (u.current = C);
   };
@@ -470,7 +470,7 @@ const Z1 = () => {
     )
   ] });
 });
-F.displayName = "ResponsiveImage";
+$.displayName = "ResponsiveImage";
 const Y = {
   xl: "text-xl-mobile md:text-xl font-semibold leading-[1.5]",
   lg: "text-lg-mobile md:text-lg max-md:font-semibold leading-[1.5]",
@@ -565,12 +565,12 @@ const Z5 = ({ videoId: e, alt: t, className: l, placeholderImageMobile: r, hasSo
   H1({ ref: g, onAppear: H, onDisappear: x });
   const w = k(() => {
     h ? v("setVolume", 1) : v("setVolume", 0), u(!h);
-  }, [v, h]), $ = k(() => {
+  }, [v, h]), F = k(() => {
     v(p ? "pause" : "play"), C(!p);
   }, [v, p]), A = "text-beige-light z-10 w-10 opacity-0 transition-opacity duration-300 ease-in-out group-hover:opacity-100";
   return /* @__PURE__ */ d("div", { className: s("border-claret-violet-dark rounded-input md:rounded-card relative z-0 col-span-full mb-7.5 flex aspect-video cursor-pointer items-center justify-center overflow-hidden border md:mb-15 xl:col-span-10 xl:col-start-2", l), children: [
     /* @__PURE__ */ a(
-      F,
+      $,
       {
         mobile: r,
         desktop: o,
@@ -594,7 +594,7 @@ const Z5 = ({ videoId: e, alt: t, className: l, placeholderImageMobile: r, hasSo
         referrerPolicy: "strict-origin-when-cross-origin"
       }
     ),
-    /* @__PURE__ */ a("div", { onClick: $, onKeyDown: (B) => B.key === "Enter" && $(), tabIndex: 0, className: "group absolute inset-0 z-10 flex items-center justify-center", children: p ? /* @__PURE__ */ a(r5, { className: A }) : /* @__PURE__ */ a(i5, { className: A }) }),
+    /* @__PURE__ */ a("div", { onClick: F, onKeyDown: (B) => B.key === "Enter" && F(), tabIndex: 0, className: "group absolute inset-0 z-10 flex items-center justify-center", children: p ? /* @__PURE__ */ a(r5, { className: A }) : /* @__PURE__ */ a(i5, { className: A }) }),
     n && /* @__PURE__ */ a("button", { className: "bg-beige-light text-claret-violet-dark hover:bg-beige-light/80 absolute right-4 bottom-4 z-10 cursor-pointer rounded-full p-1 transition-colors duration-300 md:p-2", onClick: w, children: h ? /* @__PURE__ */ a(l5, { className: "w-4 md:w-6" }) : /* @__PURE__ */ a(w5, { className: "w-4 md:w-6" }) })
   ] });
 }, te = ({ as: e = "button", variant: t = "primary", color: l = "light", active: r = !1, children: n, disabled: o = !1, className: c = "", size: m = "md", ...g }) => {
@@ -678,7 +678,7 @@ const Z5 = ({ videoId: e, alt: t, className: l, placeholderImageMobile: r, hasSo
 }, X = {
   vertical: "absolute right-0 bottom-0 left-0 z-1 max-h-34 w-full",
   horizontal: "max-md:h-full max-md:w-19 md:w-full"
-}, F5 = ({ label: e, layout: t = "vertical", illustration: l, disabled: r, className: n = "", illustrationClassName: o = "", ...c }) => {
+}, $5 = ({ label: e, layout: t = "vertical", illustration: l, disabled: r, className: n = "", illustrationClassName: o = "", ...c }) => {
   const m = s(
     "relative md:px-5 md:py-6 flex md:flex-col items-center overflow-hidden rounded-input bg-beige-dark text-claret-violet-dark transition-all duration-300 focus:outline-none cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50",
     "after:absolute after:content-[''] after:border after:rounded-input after:border-beige-ultra-dark after:inset-0 after:z-0 hover:after:border-claret-violet-dark after:transition-colors after:duration-300 focus-visible:after:border-claret-violet-dark",
@@ -703,7 +703,7 @@ const Z5 = ({ videoId: e, alt: t, className: l, placeholderImageMobile: r, hasSo
     e === "Tiktok" && /* @__PURE__ */ a(b5, { className: "h-3" })
   ] }),
   t && /* @__PURE__ */ a("span", { className: "text-claret-violet-dark text-button-mobile md:text-button font-semibold max-md:hidden", children: e })
-] }), $5 = ({ data: e = [], onChange: t, value: l = "", disabled: r = !1, className: n = "", "aria-label": o = "Toggle selection" }) => {
+] }), F5 = ({ data: e = [], onChange: t, value: l = "", disabled: r = !1, className: n = "", "aria-label": o = "Toggle selection" }) => {
   if (e.length !== 2)
     return console.warn("Toggle component expects exactly 2 items in data array"), null;
   const c = (u) => {
@@ -755,10 +755,10 @@ const Z5 = ({ videoId: e, alt: t, className: l, placeholderImageMobile: r, hasSo
   ] });
 }, de = ({ label: e = "", id: t, options: l, placeholder: r, name: n, className: o, error: c = "", hasError: m = !1, disabled: g = !1, onChange: h = () => {
 }, value: u, required: p, searchable: C = !1 }) => {
-  const [y, L] = E(!1), [v, H] = E(""), x = V(null), w = I(() => l.find((R) => R.value === u)?.label, [l, u]), $ = k(() => {
+  const [y, L] = E(!1), [v, H] = E(""), x = V(null), w = I(() => l.find((R) => R.value === u)?.label, [l, u]), F = k(() => {
     L(!1), (!u || v !== w) && C && (H(""), h(""));
   }, [u, h, w, v]);
-  q(x, $);
+  q(x, F);
   const A = I(() => C ? l.filter((R) => R.label.toLowerCase().includes(v.toLowerCase())) : l, [l, v, C]), B = k(
     (R) => {
       h(R), H(l.find((g1) => g1.value === R)?.label || ""), L(!1);
@@ -1016,7 +1016,7 @@ const Z5 = ({ videoId: e, alt: t, className: l, placeholderImageMobile: r, hasSo
   q(C, L);
   const v = k(
     (w) => {
-      r(w), h(!1), p(t.find(($) => $.value === w)?.label || "");
+      r(w), h(!1), p(t.find((F) => F.value === w)?.label || "");
     },
     [r, t]
   );
@@ -1139,7 +1139,7 @@ const q5 = ({ content: e, className: t }) => /* @__PURE__ */ d("div", { classNam
     ] })
   ] }),
   /* @__PURE__ */ a("div", { className: s("md:rounded-card rounded-input relative h-10 w-10 shrink-0 overflow-hidden md:aspect-89/115 md:h-full md:w-auto"), children: /* @__PURE__ */ a(
-    F,
+    $,
     {
       desktop: "/design-system/images/tips/payment.webp",
       mobile: "/design-system/images/tips/payment-mobile.webp",
@@ -1176,7 +1176,7 @@ const q5 = ({ content: e, className: t }) => /* @__PURE__ */ d("div", { classNam
   lg: "w-2.5 md:w-7.5"
 }, U5 = ({ size: e = "sm", overflow: t = "hidden", variant: l = "neutral", title: r, mobileImage: n, desktopImage: o, mobileImage2x: c, desktopImage2x: m, showThread: g = !0, className: h, imageClassName: u }) => /* @__PURE__ */ d("div", { className: s("bg-beige-dark ext-claret-violet-dark relative flex flex-col items-center justify-start", pe[e], h), children: [
   g && /* @__PURE__ */ a(c5, { className: s("absolute z-10", be[e]) }),
-  /* @__PURE__ */ a("div", { className: s("bg-claret-violet-dark relative w-full", Ce[e], he[l], t === "hidden" && "overflow-hidden", u), children: /* @__PURE__ */ a(F, { alt: r, mobile: n, desktop: o, mobile2x: c, desktop2x: m, className: s("absolute", t === "hidden" ? "inset-0 object-cover" : "right-0 bottom-0 left-0 object-contain") }) }),
+  /* @__PURE__ */ a("div", { className: s("bg-claret-violet-dark relative w-full", Ce[e], he[l], t === "hidden" && "overflow-hidden", u), children: /* @__PURE__ */ a($, { alt: r, mobile: n, desktop: o, mobile2x: c, desktop2x: m, className: s("absolute", t === "hidden" ? "inset-0 object-cover" : "right-0 bottom-0 left-0 object-contain") }) }),
   /* @__PURE__ */ a("p", { className: s("font-pangaia font-semibold italic", fe[e]), children: r }),
   /* @__PURE__ */ a(q1, { className: xe[e] })
 ] }), ve = {
@@ -1185,7 +1185,7 @@ const q5 = ({ content: e, className: t }) => /* @__PURE__ */ d("div", { classNam
   beige: "bg-beige-light text-claret-violet-dark",
   lavender: "bg-lavender-blue-light text-claret-violet-dark "
 }, J5 = ({ className: e, variant: t = "violet", title: l, description: r, imageMobile: n, imageDesktop: o, imageMobile2x: c, imageDesktop2x: m, href: g = "" }) => /* @__PURE__ */ d("div", { tabIndex: 0, className: s("group rounded-card outline-claret-violet-dark relative flex aspect-20/23 w-50 cursor-default flex-col justify-end overflow-hidden transition-colors duration-300 md:aspect-125/174 md:w-62.5", e), children: [
-  /* @__PURE__ */ a("div", { className: s("absolute inset-0 z-0 overflow-hidden"), children: /* @__PURE__ */ a(F, { alt: l, mobile: n, desktop: o, mobile2x: c, desktop2x: m, className: "h-full object-cover" }) }),
+  /* @__PURE__ */ a("div", { className: s("absolute inset-0 z-0 overflow-hidden"), children: /* @__PURE__ */ a($, { alt: l, mobile: n, desktop: o, mobile2x: c, desktop2x: m, className: "h-full object-cover" }) }),
   /* @__PURE__ */ d(
     "div",
     {
@@ -1227,7 +1227,7 @@ const q5 = ({ content: e, className: t }) => /* @__PURE__ */ d("div", { classNam
     /* @__PURE__ */ a(N, { size: "heading-md", italic: !0, className: "hidden md:block", children: t }),
     /* @__PURE__ */ a(N, { size: "heading-lg", className: "block md:hidden", children: t }),
     /* @__PURE__ */ d("footer", { className: "flex max-md:items-center max-md:gap-3 md:flex-col", children: [
-      /* @__PURE__ */ a("div", { className: s("block h-8 w-8 shrink-0 overflow-hidden rounded-sm md:hidden"), children: /* @__PURE__ */ a(F, { desktop: o, mobile: n, desktop2x: m, mobile2x: c, alt: l, className: "object-cover" }) }),
+      /* @__PURE__ */ a("div", { className: s("block h-8 w-8 shrink-0 overflow-hidden rounded-sm md:hidden"), children: /* @__PURE__ */ a($, { desktop: o, mobile: n, desktop2x: m, mobile2x: c, alt: l, className: "object-cover" }) }),
       /* @__PURE__ */ d("div", { children: [
         /* @__PURE__ */ a("cite", { className: "text-md-mobile md:text-md block leading-none lg:mb-2.5", children: l }),
         /* @__PURE__ */ a(b, { variant: "span", size: "md", className: "!leading-none !not-italic md:hidden", children: r }),
@@ -1235,7 +1235,7 @@ const q5 = ({ content: e, className: t }) => /* @__PURE__ */ d("div", { classNam
       ] })
     ] })
   ] }),
-  /* @__PURE__ */ a("div", { className: s("rounded-card relative hidden shrink-0 overflow-hidden md:block", Ne[e]), children: /* @__PURE__ */ a(F, { desktop: o, mobile: n, desktop2x: m, mobile2x: c, alt: l, className: "absolute inset-0 h-full object-cover" }) })
+  /* @__PURE__ */ a("div", { className: s("rounded-card relative hidden shrink-0 overflow-hidden md:block", Ne[e]), children: /* @__PURE__ */ a($, { desktop: o, mobile: n, desktop2x: m, mobile2x: c, alt: l, className: "absolute inset-0 h-full object-cover" }) })
 ] }));
 Le.displayName = "Testimonial";
 const Ee = {
@@ -1255,7 +1255,7 @@ const Ee = {
 ] }));
 Me.displayName = "TestimonialCard";
 const G5 = ({ content: e, className: t }) => /* @__PURE__ */ d("div", { className: s("text-claret-violet-dark bg-lavender-blue-light rounded-card flex w-full items-stretch justify-center gap-4 max-md:ps-3.5 md:h-95 md:items-center md:gap-21.5", t), children: [
-  /* @__PURE__ */ a("div", { className: "flex w-26 shrink-0 items-end object-contain md:h-full md:w-88.5", children: /* @__PURE__ */ a(F, { mobile: "/design-system/images/tips/claudine-tips-mobile.webp", desktop: "design-system/images/tips/claudine-tips.webp", mobile2x: "design-system//images/tips/claudine-tips-mobile@2x.webp", desktop2x: "design-system//images/tips/claudine-tips@2x.webp", alt: "Claudine" }) }),
+  /* @__PURE__ */ a("div", { className: "flex w-26 shrink-0 items-end object-contain md:h-full md:w-88.5", children: /* @__PURE__ */ a($, { mobile: "/design-system/images/tips/claudine-tips-mobile.webp", desktop: "design-system/images/tips/claudine-tips.webp", mobile2x: "design-system//images/tips/claudine-tips-mobile@2x.webp", desktop2x: "design-system//images/tips/claudine-tips@2x.webp", alt: "Claudine" }) }),
   /* @__PURE__ */ d("div", { className: "me-2.5 flex h-full flex-col justify-center gap-3 max-md:py-3.5 md:me-16 md:max-w-120", children: [
     /* @__PURE__ */ a("p", { className: "font-md hidden font-semibold uppercase md:block", children: "Les conseils de Claudine" }),
     /* @__PURE__ */ a(b, { size: "sm", className: "block md:hidden", children: "Les conseils de Claudine" }),
@@ -1287,26 +1287,26 @@ const G5 = ({ content: e, className: t }) => /* @__PURE__ */ d("div", { classNam
     title: "Jour 7 et +",
     description: ["100% de Elmut. "]
   }
-}, Y5 = ({ variant: e = "25%", disabled: t, className: l }) => {
-  const { title: r, description: n } = Ve[e];
+}, Y5 = ({ id: e, variant: t = "25%", active: l, className: r }) => {
+  const { title: n, description: o } = Ve[t];
   return /* @__PURE__ */ d(
     "div",
     {
       className: s(
         "bg-claret-violet-light text-beige-light rounded-card border-claret-violet-light flex h-86 w-full flex-col gap-3 border p-4 transition-all duration-300 max-md:items-center md:h-29 md:w-80 md:gap-4",
-        t && "text-beige-light/10 border-claret-violet-light border-dashed bg-transparent",
-        l
+        !l && "text-beige-light/10 border-claret-violet-light border-dashed bg-transparent",
+        r
       ),
       children: [
         /* @__PURE__ */ d("div", { className: "flex items-center gap-4 max-md:justify-center", children: [
-          /* @__PURE__ */ a("div", { className: s("bg-beige-light/50 flex h-5 w-5 shrink-0 items-center justify-center rounded-full transition-opacity duration-300 max-md:hidden", t && "text-beige-light opacity-10"), children: /* @__PURE__ */ a(c1, { className: "w-2" }) }),
-          /* @__PURE__ */ a(N, { size: "heading-lg", italic: !0, className: "leading-none !not-italic md:hidden", children: r }),
-          /* @__PURE__ */ a(b, { size: "xl", className: "hidden leading-none md:block", children: r })
+          /* @__PURE__ */ a("div", { className: s("bg-beige-light/50 flex h-5 w-5 shrink-0 items-center justify-center rounded-full transition-opacity duration-300 max-md:hidden", !l && "text-beige-light opacity-10"), children: /* @__PURE__ */ a(c1, { className: "w-2" }) }),
+          /* @__PURE__ */ a(N, { size: "heading-lg", italic: !0, className: "leading-none !not-italic md:hidden", children: n }),
+          /* @__PURE__ */ a(b, { size: "xl", className: "hidden leading-none md:block", children: n })
         ] }),
-        n.map((o, c) => /* @__PURE__ */ d(C1, { children: [
-          /* @__PURE__ */ a(N, { size: "heading-md", className: "leading-none md:hidden", children: o }, c),
-          /* @__PURE__ */ a(b, { size: "md", className: "hidden leading-none md:block", children: o }, c)
-        ] }, o))
+        o.map((c) => /* @__PURE__ */ d(C1, { children: [
+          /* @__PURE__ */ a(N, { size: "heading-md", className: "leading-none md:hidden", children: c }),
+          /* @__PURE__ */ a(b, { size: "md", className: "hidden leading-none md:block", children: c })
+        ] }, `${e}-${c}`))
       ]
     }
   );
@@ -1359,11 +1359,11 @@ const G5 = ({ content: e, className: t }) => /* @__PURE__ */ d("div", { classNam
   title: e,
   titleId: t,
   ...l
-}, r) => /* @__PURE__ */ i.createElement("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": t, ...l }, e ? /* @__PURE__ */ i.createElement("title", { id: t }, e) : null, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM6.96963 6.96965C7.26252 6.67676 7.73739 6.67676 8.03029 6.96965L9.99997 8.93933L11.9696 6.96967C12.2625 6.67678 12.7374 6.67678 13.0303 6.96967C13.3232 7.26256 13.3232 7.73744 13.0303 8.03033L11.0606 9.99999L13.0303 11.9696C13.3232 12.2625 13.3232 12.7374 13.0303 13.0303C12.7374 13.3232 12.2625 13.3232 11.9696 13.0303L9.99997 11.0607L8.03031 13.0303C7.73742 13.3232 7.26254 13.3232 6.96965 13.0303C6.67676 12.7374 6.67676 12.2625 6.96965 11.9697L8.93931 9.99999L6.96963 8.03031C6.67673 7.73742 6.67673 7.26254 6.96963 6.96965Z", fill: "currentColor" })), Ie = f(Re), Fe = ({
+}, r) => /* @__PURE__ */ i.createElement("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": t, ...l }, e ? /* @__PURE__ */ i.createElement("title", { id: t }, e) : null, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM6.96963 6.96965C7.26252 6.67676 7.73739 6.67676 8.03029 6.96965L9.99997 8.93933L11.9696 6.96967C12.2625 6.67678 12.7374 6.67678 13.0303 6.96967C13.3232 7.26256 13.3232 7.73744 13.0303 8.03033L11.0606 9.99999L13.0303 11.9696C13.3232 12.2625 13.3232 12.7374 13.0303 13.0303C12.7374 13.3232 12.2625 13.3232 11.9696 13.0303L9.99997 11.0607L8.03031 13.0303C7.73742 13.3232 7.26254 13.3232 6.96965 13.0303C6.67676 12.7374 6.67676 12.2625 6.96965 11.9697L8.93931 9.99999L6.96963 8.03031C6.67673 7.73742 6.67673 7.26254 6.96963 6.96965Z", fill: "currentColor" })), Ie = f(Re), $e = ({
   title: e,
   titleId: t,
   ...l
-}, r) => /* @__PURE__ */ i.createElement("svg", { viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": t, ...l }, e ? /* @__PURE__ */ i.createElement("title", { id: t }, e) : null, /* @__PURE__ */ i.createElement("path", { d: "M1.68628 12.6509L13 1.33723", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M1.68628 1.65094L13 12.9646", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" })), $e = f(Fe), je = ({
+}, r) => /* @__PURE__ */ i.createElement("svg", { viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": t, ...l }, e ? /* @__PURE__ */ i.createElement("title", { id: t }, e) : null, /* @__PURE__ */ i.createElement("path", { d: "M1.68628 12.6509L13 1.33723", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M1.68628 1.65094L13 12.9646", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" })), Fe = f($e), je = ({
   title: e,
   titleId: t,
   ...l
@@ -1471,7 +1471,7 @@ export {
   c1 as CheckIcon,
   s1 as Checkbox,
   o1 as ClearButton,
-  $e as CrossIcon,
+  Fe as CrossIcon,
   Ie as CrossRoundedIcon,
   de as Dropdown,
   Q as DropdownMenu,
@@ -1506,7 +1506,7 @@ export {
   o2 as MagicWandIcon,
   Ye as MenuIcon,
   e5 as MinusIcon,
-  F1 as MobileMenu,
+  $1 as MobileMenu,
   l5 as MuteIcon,
   z5 as Navbar,
   j1 as NavbarDesktop,
@@ -1523,8 +1523,8 @@ export {
   B5 as QuantityInput,
   m1 as QuoteIcon,
   J5 as RecetteCard,
-  F as ResponsiveImage,
-  F5 as SimpleIllustratedCardButton,
+  $ as ResponsiveImage,
+  $5 as SimpleIllustratedCardButton,
   se as SocialButton,
   j as SpanTitle,
   p5 as StarIcon,
@@ -1540,7 +1540,7 @@ export {
   b5 as TiktokIcon,
   G5 as Tips,
   Z as Title,
-  $5 as Toggle,
+  F5 as Toggle,
   Y5 as TransitionCard,
   d2 as TrustpilotIcon,
   w5 as UnmuteIcon,