@myelmut/design-system 0.1.9 → 0.1.11

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import je from "i18next";
-import { initReactI18next as Oe, useTranslation as $, Trans as me } from "react-i18next";
+import ye from "i18next";
+import { initReactI18next as Oe, useTranslation as _, Trans as ce } from "react-i18next";
 import * as s from "react";
-import ue, { useRef as S, useEffect as F, useState as T, useCallback as N, useMemo as O, forwardRef as f, memo as Ve } from "react";
+import me, { useRef as H, useEffect as Z, useState as z, useCallback as N, useMemo as P, forwardRef as f, memo as Re } from "react";
 const Be = "PROMO : -{{percentage}}% SUR VOTRE PREMIÈRE COMMANDE + LIVRAISON OFFERTE", De = { noResults: "Aucun résultat trouvé" }, qe = { home: "Accueil", recipes: "Recettes", history: "Histoire", blog: "Blog", sponsorship: "Parrainage", signIn: "Se connecter", tryTwoWeeks: "Essayer 2 semaines", contact: "Contact", help: "Aide", dog: "Chien", cat: "Chat", homemadeRation: "Ration ménagère", ourStory: "Notre histoire", whyElmut: "Pourquoi Elmut", faq: "FAQ", legal: "Mentions légales", terms: "CGV", sitemap: "Plan du site", back: "Retour" }, We = { copyright: "Tous droits réservés · Elmut" }, Ye = { emailPlaceholder: "claudinethequeen@gmail.com", subscribeLabel: "S'abonner" }, Ue = { myPet: "Mon poilu", promotionBanner: "30% de réduction sur votre commande d'essai" }, Je = { claudineAlt: "Claudine", footerMessage: "Recevez régulièrement de mes nouvelles ! Et un peu d'Elmut aussi !" }, Ke = {
   homeVoucher: Be,
   dropdown: De,
@@ -11,14 +11,14 @@ const Be = "PROMO : -{{percentage}}% SUR VOTRE PREMIÈRE COMMANDE + LIVRAISON OF
   wizard: Ue,
   tips: Je
 };
-je.isInitialized || je.use(Oe).init({
+ye.isInitialized || ye.use(Oe).init({
   resources: { fr: { design: Ke } },
   lng: "fr",
   ns: ["design"],
   defaultNS: "design",
   interpolation: { escapeValue: !1 }
 });
-var X = { exports: {} }, G = {};
+var G = { exports: {} }, J = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -28,10 +28,10 @@ var X = { exports: {} }, G = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ke;
+var je;
 function Ge() {
-  if (ke) return G;
-  ke = 1;
+  if (je) return J;
+  je = 1;
   var t = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
   function a(r, n, i) {
     var c = null;
@@ -48,9 +48,9 @@ function Ge() {
       props: i
     };
   }
-  return G.Fragment = l, G.jsx = a, G.jsxs = a, G;
+  return J.Fragment = l, J.jsx = a, J.jsxs = a, J;
 }
-var Q = {};
+var K = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -60,26 +60,26 @@ var Q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ne;
+var ke;
 function Qe() {
-  return Ne || (Ne = 1, process.env.NODE_ENV !== "production" && (function() {
+  return ke || (ke = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(d) {
       if (d == null) return null;
       if (typeof d == "function")
-        return d.$$typeof === re ? null : d.displayName || d.name || null;
+        return d.$$typeof === Ie ? null : d.displayName || d.name || null;
       if (typeof d == "string") return d;
       switch (d) {
         case v:
           return "Fragment";
         case w:
           return "Profiler";
-        case H:
+        case V:
           return "StrictMode";
-        case D:
+        case B:
           return "Suspense";
-        case K:
+        case U:
           return "SuspenseList";
-        case W:
+        case ae:
           return "Activity";
       }
       if (typeof d == "object")
@@ -88,16 +88,16 @@ function Qe() {
         ), d.$$typeof) {
           case L:
             return "Portal";
-          case z:
+          case I:
             return (d.displayName || "Context") + ".Provider";
-          case j:
+          case y:
             return (d._context.displayName || "Context") + ".Consumer";
-          case A:
+          case D:
             var C = d.render;
             return d = d.displayName, d || (d = C.displayName || C.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
-          case q:
+          case le:
             return C = d.displayName || null, C !== null ? C : t(d.type) || "Memo";
-          case V:
+          case S:
             C = d._payload, d = d._init;
             try {
               return t(d(C));
@@ -118,8 +118,8 @@ function Qe() {
       }
       if (C) {
         C = console;
-        var k = C.error, M = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
-        return k.call(
+        var j = C.error, M = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        return j.call(
           C,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           M
@@ -128,7 +128,7 @@ function Qe() {
     }
     function r(d) {
       if (d === v) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === V)
+      if (typeof d == "object" && d !== null && d.$$typeof === S)
         return "<...>";
       try {
         var C = t(d);
@@ -138,47 +138,47 @@ function Qe() {
       }
     }
     function n() {
-      var d = ne.A;
+      var d = re.A;
       return d === null ? null : d.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
     function c(d) {
-      if (fe.call(d, "key")) {
+      if (he.call(d, "key")) {
         var C = Object.getOwnPropertyDescriptor(d, "key").get;
         if (C && C.isReactWarning) return !1;
       }
       return d.key !== void 0;
     }
     function m(d, C) {
-      function k() {
-        Ce || (Ce = !0, console.error(
+      function j() {
+        fe || (fe = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           C
         ));
       }
-      k.isReactWarning = !0, Object.defineProperty(d, "key", {
-        get: k,
+      j.isReactWarning = !0, Object.defineProperty(d, "key", {
+        get: j,
         configurable: !0
       });
     }
-    function u() {
+    function x() {
       var d = t(this.type);
-      return be[d] || (be[d] = !0, console.error(
+      return Ce[d] || (Ce[d] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), d = this.props.ref, d !== void 0 ? d : null;
     }
-    function g(d, C, k, M, P, Z, ie, oe) {
-      return k = Z.ref, d = {
-        $$typeof: y,
+    function g(d, C, j, M, A, T, se, ie) {
+      return j = T.ref, d = {
+        $$typeof: k,
         type: d,
         key: C,
-        props: Z,
-        _owner: P
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(d, "ref", {
+        props: T,
+        _owner: A
+      }, (j !== void 0 ? j : null) !== null ? Object.defineProperty(d, "ref", {
         enumerable: !1,
-        get: u
+        get: x
       }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -193,33 +193,33 @@ function Qe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ie
+        value: se
       }), Object.defineProperty(d, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: oe
+        value: ie
       }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function x(d, C, k, M, P, Z, ie, oe) {
+    function u(d, C, j, M, A, T, se, ie) {
       var R = C.children;
       if (R !== void 0)
         if (M)
           if (Ae(R)) {
             for (M = 0; M < R.length; M++)
-              p(R[M]);
+              h(R[M]);
             Object.freeze && Object.freeze(R);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(R);
-      if (fe.call(C, "key")) {
+        else h(R);
+      if (he.call(C, "key")) {
         R = t(d);
-        var Y = Object.keys(C).filter(function(Pe) {
+        var q = Object.keys(C).filter(function(Pe) {
           return Pe !== "key";
         });
-        M = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ye[R + M] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
+        M = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", we[R + M] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -228,91 +228,91 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           M,
           R,
-          Y,
+          q,
           R
-        ), ye[R + M] = !0);
+        ), we[R + M] = !0);
       }
-      if (R = null, k !== void 0 && (a(k), R = "" + k), c(C) && (a(C.key), R = "" + C.key), "key" in C) {
-        k = {};
-        for (var de in C)
-          de !== "key" && (k[de] = C[de]);
-      } else k = C;
+      if (R = null, j !== void 0 && (a(j), R = "" + j), c(C) && (a(C.key), R = "" + C.key), "key" in C) {
+        j = {};
+        for (var oe in C)
+          oe !== "key" && (j[oe] = C[oe]);
+      } else j = C;
       return R && m(
-        k,
+        j,
         typeof d == "function" ? d.displayName || d.name || "Unknown" : d
       ), g(
         d,
         R,
-        Z,
-        P,
+        T,
+        A,
         n(),
-        k,
-        ie,
-        oe
+        j,
+        se,
+        ie
       );
     }
-    function p(d) {
-      typeof d == "object" && d !== null && d.$$typeof === y && d._store && (d._store.validated = 1);
+    function h(d) {
+      typeof d == "object" && d !== null && d.$$typeof === k && d._store && (d._store.validated = 1);
     }
-    var h = ue, y = Symbol.for("react.transitional.element"), L = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), H = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), z = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), ne = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, fe = Object.prototype.hasOwnProperty, Ae = Array.isArray, se = console.createTask ? console.createTask : function() {
+    var p = me, k = Symbol.for("react.transitional.element"), L = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), I = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), U = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), ae = Symbol.for("react.activity"), Ie = Symbol.for("react.client.reference"), re = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, he = Object.prototype.hasOwnProperty, Ae = Array.isArray, ne = console.createTask ? console.createTask : function() {
       return null;
     };
-    h = {
+    p = {
       react_stack_bottom_frame: function(d) {
         return d();
       }
     };
-    var Ce, be = {}, ve = h.react_stack_bottom_frame.bind(
-      h,
+    var fe, Ce = {}, be = p.react_stack_bottom_frame.bind(
+      p,
       i
-    )(), we = se(r(i)), ye = {};
-    Q.Fragment = v, Q.jsx = function(d, C, k, M, P) {
-      var Z = 1e4 > ne.recentlyCreatedOwnerStacks++;
-      return x(
+    )(), ve = ne(r(i)), we = {};
+    K.Fragment = v, K.jsx = function(d, C, j, M, A) {
+      var T = 1e4 > re.recentlyCreatedOwnerStacks++;
+      return u(
         d,
         C,
-        k,
+        j,
         !1,
         M,
-        P,
-        Z ? Error("react-stack-top-frame") : ve,
-        Z ? se(r(d)) : we
+        A,
+        T ? Error("react-stack-top-frame") : be,
+        T ? ne(r(d)) : ve
       );
-    }, Q.jsxs = function(d, C, k, M, P) {
-      var Z = 1e4 > ne.recentlyCreatedOwnerStacks++;
-      return x(
+    }, K.jsxs = function(d, C, j, M, A) {
+      var T = 1e4 > re.recentlyCreatedOwnerStacks++;
+      return u(
         d,
         C,
-        k,
+        j,
         !0,
         M,
-        P,
-        Z ? Error("react-stack-top-frame") : ve,
-        Z ? se(r(d)) : we
+        A,
+        T ? Error("react-stack-top-frame") : be,
+        T ? ne(r(d)) : ve
       );
     };
-  })()), Q;
+  })()), K;
 }
-var Ee;
+var Ne;
 function Xe() {
-  return Ee || (Ee = 1, process.env.NODE_ENV === "production" ? X.exports = Ge() : X.exports = Qe()), X.exports;
+  return Ne || (Ne = 1, process.env.NODE_ENV === "production" ? G.exports = Ge() : G.exports = Qe()), G.exports;
 }
 var e = Xe();
-function He(t) {
+function Ve(t) {
   var l, a, r = "";
   if (typeof t == "string" || typeof t == "number") r += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var n = t.length;
-    for (l = 0; l < n; l++) t[l] && (a = He(t[l])) && (r && (r += " "), r += a);
+    for (l = 0; l < n; l++) t[l] && (a = Ve(t[l])) && (r && (r += " "), r += a);
   } else for (a in t) t[a] && (r && (r += " "), r += a);
   return r;
 }
 function o() {
-  for (var t, l, a = 0, r = "", n = arguments.length; a < n; a++) (t = arguments[a]) && (l = He(t)) && (r && (r += " "), r += l);
+  for (var t, l, a = 0, r = "", n = arguments.length; a < n; a++) (t = arguments[a]) && (l = Ve(t)) && (r && (r += " "), r += l);
   return r;
 }
 const e1 = ["Facebook", "Instagram", "LinkedIn", "Tiktok"], Xt = ({ className: t }) => {
-  const { t: l } = $("design"), a = [
+  const { t: l } = _("design"), a = [
     {
       links: [
         { label: l("navigation.home"), href: "/" },
@@ -369,10 +369,10 @@ const e1 = ["Facebook", "Instagram", "LinkedIn", "Tiktok"], Xt = ({ className: t
   ];
   return /* @__PURE__ */ e.jsxs("footer", { className: o("", t), children: [
     /* @__PURE__ */ e.jsx("div", { className: o("bg-lavender-blue-light py-10"), children: /* @__PURE__ */ e.jsxs("div", { className: "container mx-auto", children: [
-      /* @__PURE__ */ e.jsx(le, { className: "mb-9 w-25 md:w-51" }),
+      /* @__PURE__ */ e.jsx(ee, { className: "mb-9 w-25 md:w-51" }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-stretch justify-between max-xl:gap-15 max-md:flex-col-reverse md:flex-col xl:flex-row", children: [
         /* @__PURE__ */ e.jsxs("nav", { className: "-ms-2.5 grid min-w-2/3 grid-cols-2 gap-y-15 md:grid-cols-5", children: [
-          a.map((n) => /* @__PURE__ */ e.jsx("ul", { className: o("grid grid-cols-subgrid gap-1 md:py-3", n.className), children: n.links.map((i) => /* @__PURE__ */ e.jsx("li", { className: "w-max", children: /* @__PURE__ */ e.jsx(_, { variant: "terciary", color: "dark", href: i.href, children: i.label }) }, i.href)) }, n.name)),
+          a.map((n) => /* @__PURE__ */ e.jsx("ul", { className: o("grid grid-cols-subgrid gap-1 md:py-3", n.className), children: n.links.map((i) => /* @__PURE__ */ e.jsx("li", { className: "w-max", children: /* @__PURE__ */ e.jsx(F, { variant: "terciary", color: "dark", href: i.href, children: i.label }) }, i.href)) }, n.name)),
           /* @__PURE__ */ e.jsx("ul", { className: "col-span-1 flex gap-3.5 md:flex-col md:gap-1 md:py-3", children: e1.map((n) => /* @__PURE__ */ e.jsx("li", { className: "flex h-11 items-center", children: /* @__PURE__ */ e.jsx(_1, { variant: n, labelVisible: !0 }) }, n)) })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-between gap-4 md:flex-row md:gap-6 xl:-mb-1.5 xl:w-1/3 xl:flex-col xl:gap-0", children: [
@@ -383,7 +383,7 @@ const e1 = ["Facebook", "Instagram", "LinkedIn", "Tiktok"], Xt = ({ className: t
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsx("div", { className: "bg-claret-violet-dark text-beige-light px-6 py-8 md:px-0 md:py-6.5", children: /* @__PURE__ */ e.jsxs("div", { className: "container mx-auto flex justify-between max-md:flex-col max-md:gap-4 md:items-center", children: [
-      /* @__PURE__ */ e.jsx("nav", { children: /* @__PURE__ */ e.jsx("ul", { className: "-ms-2.5 flex gap-1 max-md:flex-col md:gap-10", children: r.map((n) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(_, { variant: "terciary", href: n.href, children: n.label }) }, n.href)) }) }),
+      /* @__PURE__ */ e.jsx("nav", { children: /* @__PURE__ */ e.jsx("ul", { className: "-ms-2.5 flex gap-1 max-md:flex-col md:gap-10", children: r.map((n) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(F, { variant: "terciary", href: n.href, children: n.label }) }, n.href)) }) }),
       /* @__PURE__ */ e.jsxs(b, { size: "button", children: [
         l("footer.copyright"),
         " ",
@@ -392,7 +392,7 @@ const e1 = ["Facebook", "Instagram", "LinkedIn", "Tiktok"], Xt = ({ className: t
     ] }) })
   ] });
 }, t1 = ({ className: t }) => {
-  const { t: l } = $("design");
+  const { t: l } = _("design");
   return /* @__PURE__ */ e.jsxs("div", { className: o("flex items-center gap-5", t), children: [
     /* @__PURE__ */ e.jsx("div", { className: "bg-pink-oyster-light h-9 w-9 shrink-0 overflow-hidden rounded-full md:h-17 md:w-17", children: /* @__PURE__ */ e.jsx("img", { src: "/design-system/images/tips/claudine-head.webp", alt: l("tips.claudineAlt"), loading: "lazy", decoding: "async", className: "h-full w-full object-cover" }) }),
     /* @__PURE__ */ e.jsx("div", { className: o("text-claret-violet-dark"), children: /* @__PURE__ */ e.jsxs(b, { size: "md", className: "max-md:not-italic", children: [
@@ -409,7 +409,7 @@ const e1 = ["Facebook", "Instagram", "LinkedIn", "Tiktok"], Xt = ({ className: t
       a && (a.style.maxHeight = "0px");
     }
   });
-}, Se = (t, l, a, r = 300) => {
+}, He = (t, l, a, r = 300) => {
   t.preventDefault(), !l.hasAttribute("open") ? (l1(l), l.setAttribute("open", ""), requestAnimationFrame(() => {
     const i = a.scrollHeight;
     a.style.transition = "max-height 0.3s ease", a.style.maxHeight = `${i}px`;
@@ -417,11 +417,11 @@ const e1 = ["Facebook", "Instagram", "LinkedIn", "Tiktok"], Xt = ({ className: t
     l.removeAttribute("open");
   }, r));
 };
-function xe(t, l) {
-  const a = S(l);
-  F(() => {
+function ue(t, l) {
+  const a = H(l);
+  Z(() => {
     a.current = l;
-  }, [l]), F(() => {
+  }, [l]), Z(() => {
     function r(n) {
       const i = t.current;
       !i || i.contains(n.target) || a.current(n);
@@ -442,7 +442,7 @@ const a1 = (t, l) => {
 };
 function r1({ ref: t, onAppear: l, onDisappear: a, threshold: r = 0.5 }) {
   const n = t.current;
-  F(() => {
+  Z(() => {
     if (!n) return;
     const i = new IntersectionObserver(
       (c) => {
@@ -457,12 +457,12 @@ function r1({ ref: t, onAppear: l, onDisappear: a, threshold: r = 0.5 }) {
     };
   }, [n, l, a, r]);
 }
-const ge = (t, l) => {
+const xe = (t, l) => {
   (t.key === "Enter" || t.key === " ") && l();
 };
 function n1(t) {
-  const l = S(null);
-  return F(() => {
+  const l = H(null);
+  return Z(() => {
     const a = l.current;
     if (!a) return;
     const r = (n) => {
@@ -494,7 +494,7 @@ const s1 = (t) => {
 }, o1 = () => {
   const t = document.body.style.top;
   document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, parseInt(t || "0") * -1);
-}, ze = [
+}, Se = [
   {
     label: "recipes",
     href: "/recettes"
@@ -512,8 +512,8 @@ const s1 = (t) => {
     href: "/parrainage"
   }
 ], e5 = (t) => {
-  const [l, a] = T(t.variant), r = S(null);
-  return F(() => {
+  const [l, a] = z(t.variant), r = H(null);
+  return Z(() => {
     const n = a1((i) => {
       const c = i.detail;
       a(c);
@@ -529,12 +529,12 @@ const s1 = (t) => {
   light: "text-claret-violet-dark bg-beige-light",
   dark: "text-beige-light bg-claret-violet-dark"
 }, c1 = ({ variant: t, className: l, activeNavLink: a }) => {
-  const { t: r } = $(), n = o(
+  const { t: r } = _(), n = o(
     "w-full border-t px-6 py-4.5",
     t === "light" ? "border-claret-violet-light/30" : "border-beige-light/30"
   );
   return /* @__PURE__ */ e.jsxs("ul", { className: o("absolute top-0 right-0 left-0 z-1 w-full -translate-y-full transition-transform duration-300 ease-in-out group-data-[open=false]:duration-150 group-data-[open=true]:translate-y-0", d1[t], l), children: [
-    ze.map((i) => /* @__PURE__ */ e.jsx("li", { className: o(n, a === i.href && "font-semibold"), children: /* @__PURE__ */ e.jsx("a", { href: i.href, "aria-current": a === i.href ? "page" : void 0, children: r(`navigation.${i.label}`) }) }, i.label)),
+    Se.map((i) => /* @__PURE__ */ e.jsx("li", { className: o(n, a === i.href && "font-semibold"), children: /* @__PURE__ */ e.jsx("a", { href: i.href, "aria-current": a === i.href ? "page" : void 0, children: r(`navigation.${i.label}`) }) }, i.label)),
     /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs("a", { href: "/auth/sign-in", className: o("flex items-center gap-2.5 font-semibold", n, t === "light" ? "bg-beige-dark" : "bg-claret-violet-light"), children: [
       /* @__PURE__ */ e.jsx(At, { className: "w-2.5" }),
       " ",
@@ -545,17 +545,17 @@ const s1 = (t) => {
   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 "
 }, u1 = ({ variant: t = "dark", className: l, voucher: a, activeNavLink: r }) => {
-  const { t: n } = $("design");
+  const { t: n } = _("design");
   return /* @__PURE__ */ e.jsxs("nav", { className: o("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", a ? "pt-16.5" : "pt-7.5", m1[t], l), children: [
-    !!a && /* @__PURE__ */ e.jsx(pe, { content: a, className: o("top-0 z-100") }),
+    !!a && /* @__PURE__ */ e.jsx(ge, { content: a, className: o("top-0 z-100") }),
     /* @__PURE__ */ e.jsxs("div", { className: o("relative z-20 container mx-auto flex flex-1 items-center justify-between"), children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center md:gap-10 xl:gap-20", children: [
-        /* @__PURE__ */ e.jsx("a", { href: "/", className: "me-auto", children: /* @__PURE__ */ e.jsx(le, { className: "w-18 xl:w-36", variant: t === "dark" ? "primary" : "secondary" }) }),
-        /* @__PURE__ */ e.jsx("ul", { className: "flex items-center justify-between md:gap-2.5 xl:gap-5", children: ze.map((i) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(_, { variant: "terciary", as: "a", href: i.href, color: t, active: r === i.href, children: n(`navigation.${i.label}`) }) }, i.label)) })
+        /* @__PURE__ */ e.jsx("a", { href: "/", className: "me-auto", children: /* @__PURE__ */ e.jsx(ee, { className: "w-18 xl:w-36", variant: t === "dark" ? "primary" : "secondary" }) }),
+        /* @__PURE__ */ e.jsx("ul", { className: "flex items-center justify-between md:gap-2.5 xl:gap-5", children: Se.map((i) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(F, { variant: "terciary", as: "a", href: i.href, color: t, active: r === i.href, children: n(`navigation.${i.label}`) }) }, i.label)) })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-6", children: [
-        /* @__PURE__ */ e.jsx(_, { variant: "secondary", color: t, as: "a", href: "/auth/sign-in", size: "md", children: n("navigation.signIn") }),
-        /* @__PURE__ */ e.jsx(_, { variant: "primary", color: t, as: "a", href: "/wizard/type", size: "md", children: n("navigation.tryTwoWeeks") })
+        /* @__PURE__ */ e.jsx(F, { variant: "secondary", color: t, as: "a", href: "/auth/sign-in", size: "md", children: n("navigation.signIn") }),
+        /* @__PURE__ */ e.jsx(F, { variant: "primary", color: t, as: "a", href: "/wizard/type", size: "md", children: n("navigation.tryTwoWeeks") })
       ] })
     ] })
   ] });
@@ -566,23 +566,23 @@ const s1 = (t) => {
   dark: "bg-claret-violet-dark/30",
   light: "bg-beige-light/30"
 }, p1 = ({ variant: t = "dark", className: l, voucher: a, activeNavLink: r }) => {
-  const [n, i] = T(!1), [c, m] = T(!1), u = S(null), g = N(() => {
-    n ? (o1(), m(!0), i(!1), u.current = window.setTimeout(() => {
+  const [n, i] = z(!1), [c, m] = z(!1), x = H(null), g = N(() => {
+    n ? (o1(), m(!0), i(!1), x.current = window.setTimeout(() => {
       m(!1);
     }, 300)) : (i1(), i(!0));
   }, [n]);
-  F(() => () => {
-    u.current !== null && clearTimeout(u.current);
+  Z(() => () => {
+    x.current !== null && clearTimeout(x.current);
   }, []);
-  const x = O(() => t === "dark" && !n || t === "light" && n ? "primary" : "secondary", [t, n]), p = O(() => o({
+  const u = P(() => t === "dark" && !n || t === "light" && n ? "primary" : "secondary", [t, n]), h = P(() => o({
     "text-claret-violet-dark": t === "dark" && !n || t === "light" && n,
     "text-beige-light": t === "dark" && n || t === "light" && !n
   }), [t, n]);
   return /* @__PURE__ */ e.jsxs("nav", { "data-open": n, className: o("group fixed top-0 right-0 left-0 z-20 block lg:hidden", l), children: [
-    !!a && /* @__PURE__ */ e.jsx(pe, { content: a, className: o("z-100", n ? "top-0" : "top-7") }),
+    !!a && /* @__PURE__ */ e.jsx(ge, { content: a, className: o("z-100", n ? "top-0" : "top-7") }),
     /* @__PURE__ */ e.jsxs("div", { className: o("relative z-10 flex items-center justify-between bg-linear-to-b from-60% p-6 pe-3 transition-colors duration-150", a ? n ? "h-29.5 pt-13.5" : "h-36 pt-20.5" : "h-21.5 pt-6", x1[t]), children: [
-      /* @__PURE__ */ e.jsx("a", { href: "/", className: "me-auto", children: /* @__PURE__ */ e.jsx(le, { className: "w-18 md:w-36", variant: x }) }),
-      /* @__PURE__ */ e.jsx("button", { onClick: g, className: o("p-3", p), children: n ? /* @__PURE__ */ e.jsx(ct, { className: "w-4" }) : /* @__PURE__ */ e.jsx(Et, { className: "w-4" }) })
+      /* @__PURE__ */ e.jsx("a", { href: "/", className: "me-auto", children: /* @__PURE__ */ e.jsx(ee, { className: "w-18 md:w-36", variant: u }) }),
+      /* @__PURE__ */ e.jsx("button", { onClick: g, className: o("p-3", h), children: n ? /* @__PURE__ */ e.jsx(ct, { className: "w-4" }) : /* @__PURE__ */ e.jsx(Et, { className: "w-4" }) })
     ] }),
     /* @__PURE__ */ e.jsx(c1, { variant: t, className: a ? "pt-29.5" : "pt-21.5", activeNavLink: r }),
     (n || c) && /* @__PURE__ */ e.jsx("div", { onClick: g, className: o("fixed inset-0 z-0", g1[t], c ? "animate-fade-out" : "animate-fade-in") })
@@ -599,23 +599,23 @@ const s1 = (t) => {
   default: "justify-center ",
   form: "",
   payment: "justify-center"
-}, Te = {
+}, ze = {
   default: "hidden",
   form: "bg-claret-violet-dark/30",
   payment: "bg-beige-light/30"
 }, b1 = ({ variant: t, totalSteps: l, currentStep: a, className: r }) => {
-  const { t: n } = $("design");
+  const { t: n } = _("design");
   return /* @__PURE__ */ e.jsxs("div", { className: o("flex items-center gap-4 max-md:invisible max-md:w-21", r), children: [
     /* @__PURE__ */ e.jsx(b, { size: "legend", children: n("wizard.myPet") }),
-    /* @__PURE__ */ e.jsxs(b, { size: "button", className: o("min-w-9 rounded-full p-1.5 text-center leading-none", Te[t]), children: [
+    /* @__PURE__ */ e.jsxs(b, { size: "button", className: o("min-w-9 rounded-full p-1.5 text-center leading-none", ze[t]), children: [
       a,
       "/",
       l
     ] })
   ] });
 }, v1 = ({ variant: t, totalSteps: l, currentStep: a, className: r }) => {
-  const { t: n } = $("design");
-  return /* @__PURE__ */ e.jsxs("div", { className: o("mx-auto mt-6 flex h-6 w-fit items-center gap-2.5 rounded-full px-1.5 md:hidden", Te[t], r), children: [
+  const { t: n } = _("design");
+  return /* @__PURE__ */ e.jsxs("div", { className: o("mx-auto mt-6 flex h-6 w-fit items-center gap-2.5 rounded-full px-1.5 md:hidden", ze[t], r), children: [
     /* @__PURE__ */ e.jsxs(b, { size: "md", className: o("text-center leading-none max-md:not-italic"), children: [
       a,
       "/",
@@ -624,20 +624,20 @@ const s1 = (t) => {
     /* @__PURE__ */ e.jsx(b, { size: "md", className: "leading-none", children: n("wizard.myPet") })
   ] });
 }, t5 = ({ variant: t = "default", totalSteps: l = 8, currentStep: a = 1, className: r }) => {
-  const { t: n } = $("design");
+  const { t: n } = _("design");
   return /* @__PURE__ */ e.jsxs("nav", { className: o("fixed top-0 right-0 left-0 z-10", f1[t], r), children: [
     /* @__PURE__ */ e.jsxs("div", { className: o("container mx-auto flex items-center", C1[t]), children: [
-      /* @__PURE__ */ e.jsx(_, { as: "a", href: "/", variant: "terciary", color: t === "payment" ? "light" : "dark", className: o(t === "default" && "hidden"), children: n("navigation.back") }),
-      /* @__PURE__ */ e.jsx(le, { variant: t === "payment" ? "secondary" : "primary", className: "mx-auto w-28" }),
+      /* @__PURE__ */ e.jsx(F, { as: "a", href: "/", variant: "terciary", color: t === "payment" ? "light" : "dark", className: o(t === "default" && "hidden"), children: n("navigation.back") }),
+      /* @__PURE__ */ e.jsx(ee, { variant: t === "payment" ? "secondary" : "primary", className: "mx-auto w-28" }),
       t != "default" && /* @__PURE__ */ e.jsx(b1, { variant: t, totalSteps: l, currentStep: a })
     ] }),
     t != "default" && /* @__PURE__ */ e.jsxs("div", { className: "container mx-auto px-6 pb-5 md:px-0", children: [
       /* @__PURE__ */ e.jsx(v1, { variant: t, totalSteps: l, currentStep: a }),
       t === "form" && /* @__PURE__ */ e.jsx(h1, { totalSteps: l, currentStep: a, className: "mx-auto mt-6 w-full md:mt-3.5 md:w-3/4" })
     ] }),
-    t === "payment" && /* @__PURE__ */ e.jsx(pe, { content: n("wizard.promotionBanner"), className: "top-full" })
+    t === "payment" && /* @__PURE__ */ e.jsx(ge, { content: n("wizard.promotionBanner"), className: "top-full" })
   ] });
-}, pe = ({ content: t, className: l }) => /* @__PURE__ */ e.jsx("div", { "data-banner": !0, className: o("bg-lavender-blue-light text-claret-violet-dark absolute right-0 left-0 overflow-hidden py-2.5 transition-all duration-300", l), children: /* @__PURE__ */ e.jsxs("div", { className: "max-md:animate-banner flex items-center justify-start leading-none max-lg:min-w-max max-lg:will-change-transform md:container md:mx-auto md:justify-center", children: [
+}, ge = ({ content: t, className: l }) => /* @__PURE__ */ e.jsx("div", { "data-banner": !0, className: o("bg-lavender-blue-light text-claret-violet-dark absolute right-0 left-0 overflow-hidden py-2.5 transition-all duration-300", l), children: /* @__PURE__ */ e.jsxs("div", { className: "max-md:animate-banner flex items-center justify-start leading-none max-lg:min-w-max max-lg:will-change-transform md:container md:mx-auto md:justify-center", children: [
   /* @__PURE__ */ e.jsx(b, { size: "button", className: "max-lg:!text-sm-mobile max-lg:px-3 max-lg:whitespace-nowrap md:text-center", children: t }),
   /* @__PURE__ */ e.jsx(b, { size: "button", className: "!text-sm-mobile px-3 max-lg:whitespace-nowrap md:hidden", "aria-hidden": "true", children: t })
 ] }) }), w1 = {
@@ -649,41 +649,41 @@ const s1 = (t) => {
     d: "M199.461 47.7402C199.323 30.8016 199.738 15.1765 198.563 4.18366C198.355 2.52437 198.424 0.381105 195.106 0.381105C190.888 0.381105 183.975 -0.241131 176.508 0.104556C168.903 0.450243 155.698 1.21075 138.621 0.657655C136.339 0.588518 125.415 0.588518 121.198 0.588518C119.608 0.588518 118.64 1.97127 118.709 3.56143C121.544 78.3681 108.2 105.608 87.1823 125.105C85.1082 127.041 81.2365 125.105 82.8267 120.542C98.3826 76.3631 89.8787 20.9841 85.4539 3.97625C85.2141 3.0286 84.6592 2.19067 83.8802 1.60015C83.1012 1.00963 82.1445 0.701645 81.1673 0.726792H69.5522C65.1966 0.726792 43.6948 0.588518 37.2651 0.588518C22.2622 0.588518 12.7213 0.726792 5.46186 1.00334C2.41982 1.07248 0.0691374 3.56143 0 6.60347C0 8.81587 1.47709e-05 11.4431 0.0691522 14.0012C0.345702 21.3297 0.622264 25.6163 0.622264 36.54V91.5042C0.622264 119.228 9.95579 134.577 17.7683 145.708C22.4697 152.414 26.4797 156.632 34.4305 161.61C52.4062 172.81 66.925 175.852 102.807 175.852C138.69 175.852 148.3 168.938 155.352 166.587C183.629 157.323 198.908 130.152 198.908 102.704C198.908 89.8449 199.462 57.0738 199.392 47.6711L199.461 47.7402Z",
     fill: w1[t]
   }
-) }), ee = {
+) }), Q = {
   primary: "var(--color-claret-violet-dark)",
   secondary: "var(--color-beige-light)"
-}, le = ({ variant: t = "primary", className: l = "" }) => /* @__PURE__ */ e.jsxs("svg", { className: o("h-auto", l), viewBox: "0 0 1024 176", fill: "none", children: [
+}, ee = ({ variant: t = "primary", className: l = "" }) => /* @__PURE__ */ e.jsxs("svg", { className: o("h-auto", l), viewBox: "0 0 1024 176", fill: "none", children: [
   /* @__PURE__ */ e.jsx(
     "path",
     {
       d: "M610.659 139.071C610.659 128.354 609.622 113.559 609.484 100.008C609.415 93.44 609.069 75.7408 609.484 59.7701C609.622 55.4144 608.931 22.9889 609.276 8.40095C609.3 7.50521 609.137 6.61434 608.799 5.78466C608.46 4.95498 607.953 4.20453 607.31 3.58075C606.667 2.95697 605.901 2.47342 605.061 2.16067C604.222 1.84792 603.326 1.71277 602.432 1.76376C591.093 2.386 582.797 1.69462 563.853 1.69462C560.12 1.69462 526.45 2.59341 513.175 1.69462C510.755 1.55635 508.612 3.07737 507.921 5.3589C505.639 13.2406 500.523 30.5249 499.279 34.3275C497.896 38.5449 488.839 67.1678 486.35 75.1877C486.143 75.8791 485.106 75.9482 484.829 75.2568C482.962 70.9703 475.841 50.7822 473.076 41.5178C470.034 31.2854 464.019 12.7566 461.253 5.56632C460.907 4.59839 460.562 1.90203 457.451 1.90203C453.994 1.90203 440.719 2.24772 437.608 2.24772C417.351 2.24772 407.395 2.80082 398.822 2.80082C379.256 2.80082 373.034 2.17858 362.94 2.52427C359.414 2.66255 356.579 5.3589 356.233 8.88491C355.749 13.9319 355.888 20.8457 355.888 25.0631C355.819 41.3104 355.888 62.1207 356.441 77.7458C356.856 89.8448 356.717 147.16 356.925 164.652C356.925 168.039 359.69 170.805 363.078 170.874C372.481 171.081 390.387 170.39 397.785 171.22C403.869 171.911 411.474 171.427 416.659 171.22C420.047 171.081 422.744 169.837 422.744 164.859V151.792C422.744 147.021 422.536 139.278 422.398 134.577C422.19 125.935 422.674 117.016 422.744 106.3C422.744 103.534 423.089 96.0672 423.02 91.0202C423.02 87.2867 424.472 89.43 424.749 90.1214C426.892 95.5141 430.556 105.124 431.386 108.305C432.492 112.66 436.64 122.409 439.06 132.088C440.65 138.379 448.117 158.567 450.952 166.518C451.92 169.284 454.478 171.15 457.451 171.289C460.147 171.358 469.342 171.842 471.555 171.842H491.328C494.024 171.842 496.997 170.943 503.634 170.736C506.676 170.666 509.304 168.661 510.272 165.758C511.723 161.333 513.798 156.355 514.143 154.972C514.696 152.829 522.509 130.014 523.753 123.722C524.306 120.888 529.976 99.5932 534.055 89.0152C534.608 87.5633 536.751 87.909 536.889 89.43C537.097 91.7807 537.235 94.0622 537.235 95.2375C537.235 97.9339 536.889 117.569 537.581 126.349C538.203 133.609 537.097 155.802 536.889 164.306C536.877 165.207 537.053 166.102 537.405 166.932C537.757 167.762 538.278 168.509 538.935 169.127C539.592 169.745 540.37 170.219 541.22 170.52C542.07 170.821 542.973 170.941 543.872 170.874C544.979 170.805 546.085 170.736 546.984 170.736C550.786 170.736 565.72 170.321 574.154 170.736C584.041 171.22 595.103 169.837 603.884 170.321C607.617 170.528 610.728 167.555 610.659 163.822V139.209V139.071ZM164.723 120.196C164.68 119.367 164.317 118.587 163.711 118.02C163.105 117.453 162.303 117.142 161.473 117.154C156.081 117.292 144.258 117.915 140.317 117.915C134.994 117.915 120.544 117.915 114.806 117.5C110.173 117.154 90.3309 117.638 83.1406 117.845C81.7578 117.845 81.1356 116.67 80.7208 115.357C80.2368 113.836 80.5134 111.139 80.4442 109.203V105.608C80.4442 104.295 81.5504 103.327 82.7949 103.327C85.8369 103.327 91.0914 103.327 93.3729 103.257C101.324 103.119 112.109 103.603 117.917 103.603C125.107 103.603 119.922 103.257 124.001 102.981C126.351 102.843 128.218 100.769 128.011 98.4179C127.803 95.1684 127.527 89.0152 127.527 86.7336C127.527 84.9361 127.458 79.3359 127.319 76.5013C127.181 72.9062 126.421 70.0024 122.825 70.1407C122.341 70.1407 116.465 70.2098 110.242 70.2098H102.153C98.7656 70.2098 90.1235 70.5555 84.1085 70.4172C83.0387 70.3794 82.023 69.9375 81.266 69.1806C80.5091 68.4236 80.0672 67.4079 80.0294 66.3381C80.0294 64.0566 79.8911 63.8492 79.6837 62.5355C79.4763 61.0837 79.4763 58.3182 79.5454 56.244C79.5454 54.723 80.7899 53.5477 82.3109 53.5477C87.0123 53.4786 96.7606 53.2711 101.255 53.5477C107.339 53.9625 114.045 53.5477 123.448 53.5477C130.431 53.5477 150.411 53.2711 158.846 53.202C161.404 53.202 163.409 51.0587 163.34 48.5007C163.271 44.6981 163.478 39.5128 163.478 37.5769V15.1764C163.478 13.8628 163.271 12.2726 163.271 10.6825C163.271 6.32683 159.745 2.73168 155.32 2.66255C146.194 2.52427 129.532 2.386 125.522 2.80082C119.438 3.49219 84.5233 3.35392 55.2091 3.35392C45.8064 3.35392 18.9119 2.9391 6.81287 3.21564C3.49428 3.28478 0.867054 5.98114 0.936191 9.29974C0.936191 14.1394 0.936191 20.8457 0.452229 24.9248C-0.37742 31.8385 0.037405 66.4072 0.867054 86.8028C1.55843 104.433 1.07447 154.557 0.867054 167.694C0.867054 169.491 2.2498 170.874 4.04737 170.874C11.2377 170.874 28.4529 171.081 32.6703 171.081C37.9247 171.081 64.75 171.081 75.9503 170.874C86.5283 170.666 105.749 170.666 115.289 170.666C123.309 170.666 152.624 170.874 160.574 171.081C162.165 171.081 164.792 170.113 164.792 167.555V155.733C164.792 145.639 164.515 146.33 164.515 134.162C164.515 129.806 164.93 124.275 164.723 120.127V120.196ZM342.544 140.384C343.097 134.853 343.028 129.599 342.475 122.132C342.386 120.915 341.821 119.782 340.902 118.98C339.983 118.177 338.784 117.769 337.566 117.845C331.897 118.122 327.403 118.122 322.978 117.638C319.936 117.292 306.109 117.016 298.365 117.431C292.696 117.707 272.231 117.569 263.105 117.431C260.132 117.431 257.713 114.942 257.851 111.9C258.127 105.332 256.33 94.4079 257.09 81.3409C257.298 77.331 257.92 56.244 257.574 52.1649C257.229 48.8463 257.436 17.7345 257.574 6.32683C257.574 4.11443 255.777 2.31686 253.495 2.386C251.075 2.45513 238.216 2.10945 236.28 1.97117C232.201 1.69462 217.267 3.21564 210.768 2.80082C206.067 2.52427 194.659 1.97117 185.187 2.04031C181.731 2.04031 178.965 4.87494 178.896 8.26268C178.758 15.1764 178.55 26.1001 178.481 32.2534C178.343 41.6561 178.827 59.4244 179.034 73.6667C179.172 86.5262 177.79 116.186 179.034 137.411C179.311 142.113 179.172 159.397 179.034 167.417C179.034 169.629 180.832 171.427 183.113 171.358C185.879 171.289 189.405 171.22 191.202 171.358C200.674 172.118 221.415 170.597 229.574 170.597C237.732 170.597 253.91 171.289 262.483 171.358C271.056 171.427 274.029 169.975 300.232 170.459C317.793 170.805 330.86 171.358 337.705 170.943C340.747 170.736 343.097 168.178 343.097 165.135V154.834C343.097 154.834 341.991 147.92 342.682 140.523L342.544 140.384ZM1023.62 28.1051C1023.2 17.1814 1023.41 10.7516 1023.41 10.7516V6.67252C1023.55 4.73667 1022.03 3.21564 1020.09 3.21564C1012.21 2.73168 976.258 2.24772 958.489 2.66255C953.65 2.80082 944.385 2.66255 940.583 2.66255C899.723 2.9391 899.377 3.42306 886.656 2.9391C873.934 2.45513 836.047 3.28478 836.047 3.28478C834.872 3.28478 833.835 4.25271 833.835 5.49718V7.98613C833.835 9.36888 833.835 10.7516 834.042 12.0652C834.319 15.1073 834.803 21.5371 834.803 28.1743V65.5776C834.803 67.306 836.116 68.6888 837.845 68.6888C842.339 68.7579 852.847 68.8962 854.991 68.8962C859.346 68.8962 864.877 69.2419 872.621 68.827C878.912 68.4814 887.001 68.3431 890.458 68.274C891.15 68.274 891.703 68.8271 891.703 69.5184C891.564 73.8741 891.91 81.2718 891.91 88.0473V121.51C891.91 125.105 891.979 161.333 891.91 169.837C891.91 170.805 892.671 171.634 893.639 171.634C893.639 171.634 915.97 171.22 928.138 171.22C940.306 171.22 944.316 172.257 949.847 171.773C955.447 171.22 965.818 171.773 965.818 171.773C968.722 171.773 968.653 170.528 968.653 168.247C968.653 157.461 968.376 125.036 968.653 121.648C969.067 117.569 968.307 87.6324 968.03 83.5533C967.616 78.0223 967.892 71.8691 967.823 70.2098C967.823 69.5184 968.307 68.8962 969.067 68.8962C972.801 68.8271 981.581 68.6196 987.942 68.8962C995.685 69.311 998.727 68.6888 1001.7 68.6888C1005.5 68.6888 1015.32 68.274 1020.16 68.4814C1021.89 68.5505 1023.34 67.1678 1023.34 65.4393C1023.41 57.0737 1023.55 34.6732 1023.34 28.1743L1023.62 28.1051Z",
-      fill: ee[t]
+      fill: Q[t]
     }
   ),
   /* @__PURE__ */ e.jsx(
     "path",
     {
       d: "M1015.18 155.248C1015.18 152.552 1013.38 150.616 1010 150.616H1004.47V164.029H1007.78V159.535H1009.86L1012.14 164.029H1015.8L1012.9 158.913C1014.28 158.221 1015.18 156.977 1015.18 155.179V155.248ZM1010 156.769H1007.78V153.727H1010C1011.1 153.727 1011.86 154.28 1011.86 155.248C1011.86 156.424 1010.96 156.769 1010 156.769Z",
-      fill: ee[t]
+      fill: Q[t]
     }
   ),
   /* @__PURE__ */ e.jsx(
     "path",
     {
       d: "M1009.44 143.288C1001.56 143.288 995.201 149.648 995.201 157.53C995.201 165.412 1001.56 171.842 1009.44 171.842C1017.33 171.842 1023.76 165.412 1023.76 157.53C1023.76 149.648 1017.33 143.288 1009.44 143.288ZM1020.64 157.53C1020.64 163.683 1015.67 168.661 1009.44 168.661C1003.22 168.661 998.313 163.683 998.313 157.53C998.313 151.377 1003.29 146.399 1009.44 146.399C1015.6 146.399 1020.64 151.377 1020.64 157.53Z",
-      fill: ee[t]
+      fill: Q[t]
     }
   ),
   /* @__PURE__ */ e.jsx(
     "path",
     {
       d: "M822.012 47.7404C821.874 30.8017 822.289 15.1767 821.113 4.18382C820.906 2.52452 820.975 0.381258 817.657 0.381258C813.439 0.381258 806.525 -0.240979 799.059 0.104708C791.454 0.450395 778.248 1.21091 761.171 0.657808C758.89 0.58867 747.966 0.58867 743.749 0.58867C742.159 0.58867 741.191 1.97142 741.26 3.56158C744.094 78.3683 730.751 105.608 709.733 125.105C707.659 127.041 703.787 125.105 705.377 120.542C720.933 76.3633 712.429 20.9842 708.005 3.9764C707.765 3.02875 707.21 2.19082 706.431 1.6003C705.652 1.00979 704.695 0.701798 703.718 0.726945H692.103C687.747 0.726945 666.246 0.58867 659.816 0.58867C644.813 0.58867 635.272 0.726945 628.013 1.00349C624.971 1.07263 622.62 3.56158 622.551 6.60363C622.551 8.81602 622.551 11.4432 622.62 14.0013C622.896 21.3299 623.173 25.6164 623.173 36.5401V91.5044C623.173 119.228 632.507 134.577 640.319 145.708C645.02 152.414 649.03 156.632 656.981 161.61C674.957 172.81 689.476 175.852 725.358 175.852C761.24 175.852 770.851 168.938 777.903 166.588C806.18 157.323 821.459 130.152 821.459 102.705C821.459 89.8451 822.012 57.0739 821.943 47.6713L822.012 47.7404Z",
-      fill: ee[t]
+      fill: Q[t]
     }
   )
-] }), B = ue.forwardRef(({ mobile: t, desktop: l, mobile2x: a, desktop2x: r, type: n = "image/webp", loading: i = "lazy", decoding: c = "async", alt: m, className: u, fadeOnLoad: g = !0 }, x) => {
-  const p = (h) => {
-    h && h.complete && g && h.classList.add("opacity-100"), typeof x == "function" ? x(h) : x && typeof x != "function" && (x.current = h);
+] }), O = me.forwardRef(({ mobile: t, desktop: l, mobile2x: a, desktop2x: r, type: n = "image/webp", loading: i = "lazy", decoding: c = "async", alt: m, className: x, fadeOnLoad: g = !0 }, u) => {
+  const h = (p) => {
+    p && p.complete && g && p.classList.add("opacity-100"), typeof u == "function" ? u(p) : u && typeof u != "function" && (u.current = p);
   };
   return /* @__PURE__ */ e.jsxs("picture", { children: [
     /* @__PURE__ */ e.jsx("source", { srcSet: a ? `${t} 1x, ${a} 2x` : t, media: "(max-width: 767px)", type: n }),
@@ -691,24 +691,24 @@ const s1 = (t) => {
     /* @__PURE__ */ e.jsx(
       "img",
       {
-        ref: p,
+        ref: h,
         src: t,
         alt: m,
-        className: o("h-auto w-full transition-opacity duration-300", u, g ? "opacity-0" : ""),
+        className: o("h-auto w-full transition-opacity duration-300", x, g ? "opacity-0" : ""),
         loading: i,
         decoding: c,
-        onLoad: (h) => {
-          g && (h.currentTarget.classList.remove("opacity-0"), h.currentTarget.classList.add("opacity-100"));
+        onLoad: (p) => {
+          g && (p.currentTarget.classList.remove("opacity-0"), p.currentTarget.classList.add("opacity-100"));
         },
-        onError: (h) => {
-          g && (h.currentTarget.classList.remove("opacity-0"), h.currentTarget.classList.add("opacity-100"));
+        onError: (p) => {
+          g && (p.currentTarget.classList.remove("opacity-0"), p.currentTarget.classList.add("opacity-100"));
         }
       }
     )
   ] });
 });
-B.displayName = "ResponsiveImage";
-const Le = {
+O.displayName = "ResponsiveImage";
+const Ee = {
   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]",
   md: "max-md:italic text-md-mobile md:text-md leading-[1.5]",
@@ -718,8 +718,8 @@ const Le = {
 }, b = ({ variant: t = "p", size: l = "md", children: a, className: r = "", ...n }) => {
   const i = typeof a == "string";
   if (t === "p")
-    return /* @__PURE__ */ e.jsx("p", { className: o(Le[l], r), ...n, children: i ? /* @__PURE__ */ e.jsx(
-      me,
+    return /* @__PURE__ */ e.jsx("p", { className: o(Ee[l], r), ...n, children: i ? /* @__PURE__ */ e.jsx(
+      ce,
       {
         i18nKey: a,
         components: {
@@ -730,8 +730,8 @@ const Le = {
       }
     ) : a });
   if (t === "span")
-    return /* @__PURE__ */ e.jsx("span", { className: o(Le[l], r), ...n, children: i ? /* @__PURE__ */ e.jsx(
-      me,
+    return /* @__PURE__ */ e.jsx("span", { className: o(Ee[l], r), ...n, children: i ? /* @__PURE__ */ e.jsx(
+      ce,
       {
         i18nKey: a,
         components: {
@@ -748,7 +748,7 @@ const Le = {
   "heading-xl": "font-pangaia text-heading-xl-mobile md:text-heading-lg xl:text-heading-xl font-medium leading-none",
   "heading-lg": "max-md:leading-[1.2] max-md:italic font-pangaia text-heading-lg-mobile md:text-heading-md xl:text-heading-lg font-semibold leading-[1.2] md:font-medium md:leading-none",
   "heading-md": "md:font-pangaia text-heading-md-mobile md:text-heading-md font-regular xl:font-medium leading-[1.5] md:leading-none"
-}, I = f(({ variant: t = "h1", size: l = "display-lg", italic: a = !1, children: r, className: n = "" }, i) => {
+}, $ = f(({ variant: t = "h1", size: l = "display-lg", italic: a = !1, children: r, className: n = "" }, i) => {
   const c = typeof r == "string", m = o(
     j1[l],
     {
@@ -757,8 +757,8 @@ const Le = {
       "max-md:font-semibold md:leading-[1.2] md:italic": a && (l === "display-md" || l === "heading-md")
     },
     n
-  ), u = c ? /* @__PURE__ */ e.jsx(
-    me,
+  ), x = c ? /* @__PURE__ */ e.jsx(
+    ce,
     {
       i18nKey: r,
       components: {
@@ -769,46 +769,45 @@ const Le = {
       }
     }
   ) : r;
-  return ue.createElement(t, { ref: i, className: m }, u);
+  return me.createElement(t, { ref: i, className: m }, x);
 });
-I.displayName = "Title";
-const k1 = f((t, l) => /* @__PURE__ */ e.jsx(I, { variant: "h1", ref: l, ...t }));
+$.displayName = "Title";
+const k1 = f((t, l) => /* @__PURE__ */ e.jsx($, { variant: "h1", ref: l, ...t }));
 k1.displayName = "H1";
-const N1 = f((t, l) => /* @__PURE__ */ e.jsx(I, { variant: "h2", ref: l, ...t }));
+const N1 = f((t, l) => /* @__PURE__ */ e.jsx($, { variant: "h2", ref: l, ...t }));
 N1.displayName = "H2";
-const E1 = f((t, l) => /* @__PURE__ */ e.jsx(I, { variant: "h3", ref: l, ...t }));
+const E1 = f((t, l) => /* @__PURE__ */ e.jsx($, { variant: "h3", ref: l, ...t }));
 E1.displayName = "H3";
-const L1 = f((t, l) => /* @__PURE__ */ e.jsx(I, { variant: "h4", ref: l, ...t }));
+const L1 = f((t, l) => /* @__PURE__ */ e.jsx($, { variant: "h4", ref: l, ...t }));
 L1.displayName = "H4";
-const M1 = f((t, l) => /* @__PURE__ */ e.jsx(I, { variant: "h5", ref: l, ...t }));
+const M1 = f((t, l) => /* @__PURE__ */ e.jsx($, { variant: "h5", ref: l, ...t }));
 M1.displayName = "H5";
-const R1 = f((t, l) => /* @__PURE__ */ e.jsx(I, { variant: "h6", ref: l, ...t }));
+const R1 = f((t, l) => /* @__PURE__ */ e.jsx($, { variant: "h6", ref: l, ...t }));
 R1.displayName = "H6";
-const U = f((t, l) => /* @__PURE__ */ e.jsx(I, { variant: "span", ref: l, ...t }));
-U.displayName = "SpanTitle";
-const E = f((t, l) => /* @__PURE__ */ e.jsx(I, { variant: "p", ref: l, ...t }));
+const W = f((t, l) => /* @__PURE__ */ e.jsx($, { variant: "span", ref: l, ...t }));
+W.displayName = "SpanTitle";
+const E = f((t, l) => /* @__PURE__ */ e.jsx($, { variant: "p", ref: l, ...t }));
 E.displayName = "ParagraphTitle";
 const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSound: n = !0, placeholderImageDesktop: i, placeholderImageMobile2x: c, placeholderImageDesktop2x: m }) => {
-  const u = S(null), [g, x] = T(!0), [p, h] = T(!1), [y, L] = T(!1), v = N(
-    (D, K) => {
-      var q, V;
-      (V = (q = u.current) == null ? void 0 : q.contentWindow) == null || V.postMessage(JSON.stringify({ method: D, value: K }), "*");
+  const x = H(null), [g, u] = z(!0), [h, p] = z(!1), [k, L] = z(!1), v = N(
+    (B, U) => {
+      x.current?.contentWindow?.postMessage(JSON.stringify({ method: B, value: U }), "*");
     },
-    [u]
-  ), H = N(() => {
-    v("play"), L(!0), h(!0);
+    [x]
+  ), V = N(() => {
+    v("play"), L(!0), p(!0);
   }, [v]), w = N(() => {
-    v("pause"), h(!1), L(!1);
+    v("pause"), p(!1), L(!1);
   }, [v]);
-  r1({ ref: u, onAppear: H, onDisappear: w });
-  const j = N(() => {
-    g ? v("setVolume", 1) : v("setVolume", 0), x(!g);
-  }, [v, g]), z = N(() => {
-    v(p ? "pause" : "play"), h(!p);
-  }, [v, p]), A = "text-beige-light z-10 w-10 opacity-0 transition-opacity duration-300 ease-in-out group-hover:opacity-100";
+  r1({ ref: x, onAppear: V, onDisappear: w });
+  const y = N(() => {
+    g ? v("setVolume", 1) : v("setVolume", 0), u(!g);
+  }, [v, g]), I = N(() => {
+    v(h ? "pause" : "play"), p(!h);
+  }, [v, h]), D = "text-beige-light z-10 w-10 opacity-0 transition-opacity duration-300 ease-in-out group-hover:opacity-100";
   return /* @__PURE__ */ e.jsxs("div", { className: o("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", a), children: [
     /* @__PURE__ */ e.jsx(
-      B,
+      O,
       {
         mobile: r,
         desktop: i,
@@ -816,13 +815,13 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
         desktop2x: m,
         alt: l,
         fadeOnLoad: !1,
-        className: o("pointer-events-none absolute inset-0 z-20 transition-opacity duration-600 ease-in-out", y ? "opacity-0" : "opacity-100")
+        className: o("pointer-events-none absolute inset-0 z-20 transition-opacity duration-600 ease-in-out", k ? "opacity-0" : "opacity-100")
       }
     ),
     /* @__PURE__ */ e.jsx(
       "iframe",
       {
-        ref: u,
+        ref: x,
         src: `https://player.vimeo.com/video/${t}?h=b729df6122&badge=0&autoplay=1&muted=1&loop=1&background=1&title=0&byline=0&player_id=0&app_id=58479`,
         className: "absolute top-0 left-0 h-full w-full",
         frameBorder: "0",
@@ -832,11 +831,11 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
         referrerPolicy: "strict-origin-when-cross-origin"
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { onClick: z, onKeyDown: (D) => D.key === "Enter" && z(), tabIndex: 0, className: "group absolute inset-0 z-10 flex items-center justify-center", children: p ? /* @__PURE__ */ e.jsx(St, { className: A }) : /* @__PURE__ */ e.jsx(Tt, { className: A }) }),
-    n && /* @__PURE__ */ e.jsx("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: j, children: g ? /* @__PURE__ */ e.jsx(Vt, { className: "w-4 md:w-6" }) : /* @__PURE__ */ e.jsx(Jt, { className: "w-4 md:w-6" }) })
+    /* @__PURE__ */ e.jsx("div", { onClick: I, onKeyDown: (B) => B.key === "Enter" && I(), tabIndex: 0, className: "group absolute inset-0 z-10 flex items-center justify-center", children: h ? /* @__PURE__ */ e.jsx(St, { className: D }) : /* @__PURE__ */ e.jsx(Tt, { className: D }) }),
+    n && /* @__PURE__ */ e.jsx("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: y, children: g ? /* @__PURE__ */ e.jsx(Vt, { className: "w-4 md:w-6" }) : /* @__PURE__ */ e.jsx(Jt, { className: "w-4 md:w-6" }) })
   ] });
-}, V1 = ({ as: t = "button", variant: l = "primary", color: a = "light", active: r = !1, children: n, disabled: i = !1, className: c = "", size: m = "md", ...u }) => {
-  const g = l === "primary" || l === "secondary", x = o(
+}, V1 = ({ as: t = "button", variant: l = "primary", color: a = "light", active: r = !1, children: n, disabled: i = !1, className: c = "", size: m = "md", ...x }) => {
+  const g = l === "primary" || l === "secondary", u = o(
     "text-button-mobile md:text-button font-semibold cursor-pointer transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-30 w-fit",
     {
       "inline-flex min-w-18 md:min-w-26.5 px-6 md:px-8 flex items-center justify-center rounded-full border": g,
@@ -856,11 +855,11 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
     c
   );
   if (t === "a") {
-    const { href: p, ...h } = u;
-    return /* @__PURE__ */ e.jsx("a", { href: i ? void 0 : p, ...h, className: x, "aria-current": r, "aria-disabled": i || void 0, tabIndex: i ? -1 : 0, children: n });
+    const { href: h, ...p } = x;
+    return /* @__PURE__ */ e.jsx("a", { href: i ? void 0 : h, ...p, className: u, "aria-current": r, "aria-disabled": i || void 0, tabIndex: i ? -1 : 0, children: n });
   }
-  return /* @__PURE__ */ e.jsx("button", { tabIndex: 0, className: x, ...u, disabled: i, children: n });
-}, _ = Ve(V1), a5 = ({ label: t, description: l, disabled: a, className: r = "", ...n }) => {
+  return /* @__PURE__ */ e.jsx("button", { tabIndex: 0, className: u, ...x, disabled: i, children: n });
+}, F = Re(V1), a5 = ({ label: t, description: l, disabled: a, className: r = "", ...n }) => {
   const i = o(
     "relative flex flex-col w-32 md:w-51.25 aspect-32/25 md:aspect-41/30 px-2.5 py-4 md:px-5 md:py-6 items-center overflow-hidden rounded-input md:rounded-card 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 md:after:rounded-card 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",
@@ -870,7 +869,7 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
     /* @__PURE__ */ e.jsx("span", { className: "text-sm-mobile w-full font-semibold md:text-xl", children: t }),
     /* @__PURE__ */ e.jsx("span", { className: "text-sm-mobile md:text-md w-full", children: l })
   ] }) });
-}, H1 = ({ className: t, onClick: l, ...a }) => /* @__PURE__ */ e.jsx("button", { tabIndex: 0, ...a, onClick: l, className: o("text-claret-violet-dark outline-beige-light hover:text-claret-violet-light disabled:pointer-none: h-5 w-5 cursor-pointer rounded-full transition-colors duration-300", t), children: /* @__PURE__ */ e.jsx(ot, { className: "h-full w-full" }) }), Ze = Ve(H1), te = ({ variant: t, disabled: l = !1, className: a, ...r }) => /* @__PURE__ */ e.jsxs(
+}, H1 = ({ className: t, onClick: l, ...a }) => /* @__PURE__ */ e.jsx("button", { tabIndex: 0, ...a, onClick: l, className: o("text-claret-violet-dark outline-beige-light hover:text-claret-violet-light disabled:pointer-none: h-5 w-5 cursor-pointer rounded-full transition-colors duration-300", t), children: /* @__PURE__ */ e.jsx(ot, { className: "h-full w-full" }) }), Te = Re(H1), X = ({ variant: t, disabled: l = !1, className: a, ...r }) => /* @__PURE__ */ e.jsxs(
   "button",
   {
     tabIndex: 0,
@@ -913,7 +912,7 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
 }, Z1 = {
   vertical: "px-2.5 py-4 max-md:flex-col w-32 aspect-4/5",
   horizontal: "max-md:pt-1 max-md:ps-1 max-md:h-14 max-md:flex-row-reverse max-md:justify-end max-md:gap-9.5"
-}, Me = {
+}, Le = {
   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"
 }, n5 = ({ label: t, layout: l = "vertical", illustration: a, disabled: r, className: n = "", illustrationClassName: i = "", ...c }) => {
@@ -926,7 +925,7 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
   );
   return /* @__PURE__ */ e.jsxs("button", { className: m, disabled: r, ...c, tabIndex: r ? -1 : 0, children: [
     /* @__PURE__ */ e.jsx("span", { className: "flex flex-col gap-2.5", children: /* @__PURE__ */ e.jsx("span", { className: "text-sm-mobile w-full font-semibold md:text-xl", children: t }) }),
-    /* @__PURE__ */ e.jsx("div", { className: o("md:absolute md:right-0 md:bottom-0 md:left-0 md:z-1 md:h-34 md:w-full", Me[l]), children: /* @__PURE__ */ e.jsx("img", { src: a, alt: t, className: o("w-full origin-top object-contain md:absolute md:top-0 md:right-0 md:left-0 md:z-1 md:scale-120", Me[l], i), loading: "lazy", decoding: "async" }) })
+    /* @__PURE__ */ e.jsx("div", { className: o("md:absolute md:right-0 md:bottom-0 md:left-0 md:z-1 md:h-34 md:w-full", Le[l]), children: /* @__PURE__ */ e.jsx("img", { src: a, alt: t, className: o("w-full origin-top object-contain md:absolute md:top-0 md:right-0 md:left-0 md:z-1 md:scale-120", Le[l], i), loading: "lazy", decoding: "async" }) })
   ] });
 }, F1 = {
   Facebook: "https://www.facebook.com/myelmut/",
@@ -942,15 +941,14 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
   ] }),
   l && /* @__PURE__ */ e.jsx("span", { className: "text-claret-violet-dark text-button-mobile md:text-button font-semibold max-md:hidden", children: t })
 ] }), s5 = ({ data: t = [], onChange: l, value: a = "", disabled: r = !1, className: n = "", "aria-label": i = "Toggle selection" }) => {
-  var x;
   if (t.length !== 2)
     return console.warn("Toggle component expects exactly 2 items in data array"), null;
-  const c = (p) => {
-    r || p === a || l(p);
-  }, m = o("bg-beige-dark relative z-0 flex h-11.25 items-center rounded-full md:h-20", r && "pointer-events-none cursor-not-allowed opacity-30", n), u = o("bg-claret-violet-dark absolute top-0 -z-1 h-11.25 w-1/2 rounded-full transition-transform duration-600 ease-in-out will-change-transform md:h-20", a === ((x = t[0]) == null ? void 0 : x.value) ? "translate-x-0" : "translate-x-full"), g = "min-w-fit font-semibold";
+  const c = (u) => {
+    r || u === a || l(u);
+  }, m = o("bg-beige-dark relative z-0 flex h-11.25 items-center rounded-full md:h-20", r && "pointer-events-none cursor-not-allowed opacity-30", n), x = o("bg-claret-violet-dark absolute top-0 -z-1 h-11.25 w-1/2 rounded-full transition-transform duration-600 ease-in-out will-change-transform md:h-20", a === t[0]?.value ? "translate-x-0" : "translate-x-full"), g = "min-w-fit font-semibold";
   return /* @__PURE__ */ e.jsxs("div", { className: m, "aria-label": i, children: [
-    /* @__PURE__ */ e.jsx("div", { className: u, "aria-hidden": "true" }),
-    t.map((p, h) => /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: x, "aria-hidden": "true" }),
+    t.map((u, h) => /* @__PURE__ */ e.jsxs(
       "button",
       {
         tabIndex: 0,
@@ -959,118 +957,114 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
         className: o(
           "focus-visible:outline-claret-violet-dark relative z-1 flex h-full flex-1 cursor-pointer items-center gap-3 rounded-full p-1 transition-colors duration-600 ease-in-out focus-visible:outline-2 md:gap-6 md:p-1.5",
           h === 0 ? "pe-6 md:pe-11" : "flex-row-reverse ps-6 md:ps-11",
-          a === p.value && "text-beige-dark"
+          a === u.value && "text-beige-dark"
         ),
-        onClick: () => c(p.value),
+        onClick: () => c(u.value),
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "bg-lavender-blue-dark block h-9 w-9 flex-shrink-0 overflow-hidden rounded-full md:h-17 md:w-17", children: p.image && /* @__PURE__ */ e.jsx("img", { src: p.image, alt: p.label, className: "h-full w-full object-cover", loading: "lazy", decoding: "async" }) }),
-          /* @__PURE__ */ e.jsx(b, { size: "button", variant: "span", className: o(g, p.labelMobile && "hidden md:block"), children: p.label }),
-          /* @__PURE__ */ e.jsx(b, { size: "button", variant: "span", className: o(g, p.labelMobile && "block md:hidden"), children: p.labelMobile })
+          /* @__PURE__ */ e.jsx("span", { className: "bg-lavender-blue-dark block h-9 w-9 flex-shrink-0 overflow-hidden rounded-full md:h-17 md:w-17", children: u.image && /* @__PURE__ */ e.jsx("img", { src: u.image, alt: u.label, className: "h-full w-full object-cover", loading: "lazy", decoding: "async" }) }),
+          /* @__PURE__ */ e.jsx(b, { size: "button", variant: "span", className: o(g, u.labelMobile && "hidden md:block"), children: u.label }),
+          /* @__PURE__ */ e.jsx(b, { size: "button", variant: "span", className: o(g, u.labelMobile && "block md:hidden"), children: u.labelMobile })
         ]
       },
-      p.value
+      u.value
     ))
   ] });
-}, i5 = ({ label: t = "", id: l, options: a, value: r, onChange: n, required: i, hasError: c = !1, error: m = "", className: u = "" }) => {
-  const g = (x, p) => {
-    x.preventDefault(), n(p);
+}, i5 = ({ label: t = "", id: l, options: a, value: r, onChange: n, required: i, hasError: c = !1, error: m = "", className: x = "" }) => {
+  const g = (u, h) => {
+    u.preventDefault(), n(h);
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: u, children: [
-    t.length > 0 && /* @__PURE__ */ e.jsx(ae, { label: t, required: i, className: "mb-6", id: l }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap justify-center gap-4 md:gap-3 lg:justify-start", children: a.map((x) => /* @__PURE__ */ e.jsx(_, { type: "button", variant: r === x.value ? "primary" : "secondary", size: "sm", color: "dark", onClick: (p) => g(p, x.value), children: x.label }, x.value)) }),
-    /* @__PURE__ */ e.jsx(J, { id: `${l}-error`, hasError: c, message: m })
+  return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
+    t.length > 0 && /* @__PURE__ */ e.jsx(te, { label: t, required: i, className: "mb-6", id: l }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap justify-center gap-4 md:gap-3 lg:justify-start", children: a.map((u) => /* @__PURE__ */ e.jsx(F, { type: "button", variant: r === u.value ? "primary" : "secondary", size: "sm", color: "dark", onClick: (h) => g(h, u.value), children: u.label }, u.value)) }),
+    /* @__PURE__ */ e.jsx(Y, { id: `${l}-error`, hasError: c, message: m })
   ] });
-}, Fe = ({ children: t, checked: l, name: a, onChange: r, className: n }) => {
+}, Ze = ({ children: t, checked: l, name: a, onChange: r, className: n }) => {
   const i = N(
     (c) => {
-      ge(c, () => r(!l));
+      xe(c, () => r(!l));
     },
     [r, l]
   );
   return /* @__PURE__ */ e.jsxs("label", { tabIndex: 0, htmlFor: a, className: o("outline-claret-violet-dark flex cursor-pointer items-center gap-2.5 px-2 py-4", n), onKeyDown: i, children: [
     /* @__PURE__ */ e.jsx("input", { type: "checkbox", className: "peer hidden", id: a, checked: l, onChange: () => r(!l) }),
-    /* @__PURE__ */ e.jsx("span", { tabIndex: -1, className: "peer-checked:bg-claret-violet-dark border-claret-violet-dark relative flex h-4 w-4 shrink-0 items-center justify-center overflow-hidden rounded-xs border text-white transition-colors duration-300 *:opacity-0 peer-checked:*:opacity-100", children: /* @__PURE__ */ e.jsx($e, { className: "w-2 transition-opacity duration-300" }) }),
+    /* @__PURE__ */ e.jsx("span", { tabIndex: -1, className: "peer-checked:bg-claret-violet-dark border-claret-violet-dark relative flex h-4 w-4 shrink-0 items-center justify-center overflow-hidden rounded-xs border text-white transition-colors duration-300 *:opacity-0 peer-checked:*:opacity-100", children: /* @__PURE__ */ e.jsx(_e, { className: "w-2 transition-opacity duration-300" }) }),
     t
   ] });
-}, $1 = ({ label: t = "", id: l, options: a, placeholder: r, name: n, className: i, error: c = "", hasError: m = !1, disabled: u = !1, onChange: g = () => {
-}, value: x, required: p, searchable: h = !1 }) => {
-  const [y, L] = T(!1), [v, H] = T(""), w = S(null), j = O(() => {
-    var V;
-    return (V = a.find((W) => W.value === x)) == null ? void 0 : V.label;
-  }, [a, x]), z = N(() => {
-    L(!1), (!x || v !== j) && h && (H(""), g(""));
-  }, [x, g, j, v]);
-  xe(w, z);
-  const A = O(() => h ? a.filter((V) => V.label.toLowerCase().includes(v.toLowerCase())) : a, [a, v, h]), D = N(
-    (V) => {
-      var W;
-      g(V), H(((W = a.find((re) => re.value === V)) == null ? void 0 : W.label) || ""), L(!1);
+}, $1 = ({ label: t = "", id: l, options: a, placeholder: r, name: n, className: i, error: c = "", hasError: m = !1, disabled: x = !1, onChange: g = () => {
+}, value: u, required: h, searchable: p = !1 }) => {
+  const [k, L] = z(!1), [v, V] = z(""), w = H(null), y = P(() => a.find((S) => S.value === u)?.label, [a, u]), I = N(() => {
+    L(!1), (!u || v !== y) && p && (V(""), g(""));
+  }, [u, g, y, v]);
+  ue(w, I);
+  const D = P(() => p ? a.filter((S) => S.label.toLowerCase().includes(v.toLowerCase())) : a, [a, v, p]), B = N(
+    (S) => {
+      g(S), V(a.find((ae) => ae.value === S)?.label || ""), L(!1);
     },
-    [g, j]
+    [g, y]
   );
-  F(() => {
-    !x && h && H("");
-  }, [x, h]);
-  const K = o(
+  Z(() => {
+    !u && p && V("");
+  }, [u, p]);
+  const U = o(
     "w-full",
     i
-  ), q = o(
+  ), le = o(
     "will-change-height hover:border-claret-violet-dark/40 bg-beige-light rounded-input text-md border-claret-violet-dark absolute relative inset-0 flex h-11 max-h-11 flex-col items-center overflow-hidden border transition-all duration-300",
-    y && "z-30 h-auto max-h-38 items-start bg-white",
-    u && "border-claret-violet-dark/40"
+    k && "z-30 h-auto max-h-38 items-start bg-white",
+    x && "border-claret-violet-dark/40"
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: K, children: [
-    t.length > 0 && /* @__PURE__ */ e.jsx(ae, { label: t, id: l, required: p }),
+  return /* @__PURE__ */ e.jsxs("div", { className: U, children: [
+    t.length > 0 && /* @__PURE__ */ e.jsx(te, { label: t, id: l, required: h }),
     /* @__PURE__ */ e.jsxs("div", { className: "relative h-11 w-full", ref: w, children: [
-      /* @__PURE__ */ e.jsx("input", { type: "hidden", name: n, id: l, value: x }),
-      /* @__PURE__ */ e.jsxs("div", { className: q, children: [
-        h ? /* @__PURE__ */ e.jsx("input", { type: "text", name: "search", disabled: u, onFocus: () => L(!0), value: v, placeholder: r, onChange: (V) => H(V.target.value), className: "w-full px-3 py-2.5 focus:outline-none" }) : !y && /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ e.jsx("input", { type: "hidden", name: n, id: l, value: u }),
+      /* @__PURE__ */ e.jsxs("div", { className: le, children: [
+        p ? /* @__PURE__ */ e.jsx("input", { type: "text", name: "search", disabled: x, onFocus: () => L(!0), value: v, placeholder: r, onChange: (S) => V(S.target.value), className: "w-full px-3 py-2.5 focus:outline-none" }) : !k && /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            tabIndex: u ? -1 : 0,
-            "aria-expanded": y,
+            tabIndex: x ? -1 : 0,
+            "aria-expanded": k,
             "aria-haspopup": "listbox",
             "aria-labelledby": l,
-            disabled: u,
-            onClick: () => L(!y),
+            disabled: x,
+            onClick: () => L(!k),
             className: o("text-md focus-visible:ring-claret-violet-dark w-full cursor-pointer px-3 py-2.5 text-left focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset disabled:cursor-not-allowed"),
             children: [
-              /* @__PURE__ */ e.jsx("span", { className: o(x && "hidden", "opacity-40"), children: u ? "-" : r }),
-              /* @__PURE__ */ e.jsx("span", { className: o(x && "block"), children: j })
+              /* @__PURE__ */ e.jsx("span", { className: o(u && "hidden", "opacity-40"), children: x ? "-" : r }),
+              /* @__PURE__ */ e.jsx("span", { className: o(u && "block"), children: y })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsx(he, { name: n, options: A, value: x, onChange: D, disabled: u, isOpen: y, className: o("border-0 pe-9.5", y && "h-full", h && "pt-0") }),
-        /* @__PURE__ */ e.jsx(_e, { className: o("absolute top-4.5 right-3 z-20 w-3 transition-transform duration-300", y && "rotate-180", u && "opacity-40") })
+        /* @__PURE__ */ e.jsx(pe, { name: n, options: D, value: u, onChange: B, disabled: x, isOpen: k, className: o("border-0 pe-9.5", k && "h-full", p && "pt-0") }),
+        /* @__PURE__ */ e.jsx(Fe, { className: o("absolute top-4.5 right-3 z-20 w-3 transition-transform duration-300", k && "rotate-180", x && "opacity-40") })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx(J, { id: `${l}-error`, hasError: m, message: c })
+    /* @__PURE__ */ e.jsx(Y, { id: `${l}-error`, hasError: m, message: c })
   ] });
-}, he = ({ name: t, options: l, value: a = "", values: r = [], disabled: n = !1, className: i = "", onChange: c = () => {
+}, pe = ({ name: t, options: l, value: a = "", values: r = [], disabled: n = !1, className: i = "", onChange: c = () => {
 }, onChangeMultiple: m = () => {
-}, isOpen: u, multiple: g = !1 }) => {
-  const x = n1(g ? "label" : '[role="option"]'), { t: p } = $("design"), h = N(
+}, isOpen: x, multiple: g = !1 }) => {
+  const u = n1(g ? "label" : '[role="option"]'), { t: h } = _("design"), p = N(
     (w) => {
       c(w);
     },
     [c]
-  ), y = N(
+  ), k = N(
     (w) => {
-      r.includes(w) ? m(r.filter((j) => j !== w)) : m([...r, w]);
+      r.includes(w) ? m(r.filter((y) => y !== w)) : m([...r, w]);
     },
     [m, r]
   ), L = N(
-    (w, j) => {
-      ge(w, () => h(j));
+    (w, y) => {
+      xe(w, () => p(y));
     },
-    [h]
-  ), v = a ? `${t}-option-${a}` : void 0, H = o(
+    [p]
+  ), v = a ? `${t}-option-${a}` : void 0, V = o(
     "rounded-input border-claret-violet-dark transition-duration-3000 will-change-height max-h-0 h-0 w-full overflow-auto border bg-white px-3 py-2.5 opacity-0 transition-all md:min-w-max",
-    u && "max-h-33 h-auto opacity-100",
+    x && "max-h-33 h-auto opacity-100",
     i
   );
-  return /* @__PURE__ */ e.jsxs("ul", { tabIndex: -1, "aria-activedescendant": v, role: "listbox", className: H, ref: x, children: [
+  return /* @__PURE__ */ e.jsxs("ul", { tabIndex: -1, "aria-activedescendant": v, role: "listbox", className: V, ref: u, children: [
     l.map(
       (w) => g ? /* @__PURE__ */ e.jsx(
         "li",
@@ -1081,7 +1075,7 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
           role: "option",
           tabIndex: -1,
           className: o("text-md hover:bg-beige-light transition-duration-300 cursor-pointer rounded-md transition-colors", w.value === a && "bg-beige-light/40"),
-          children: /* @__PURE__ */ e.jsx(Fe, { name: w.value, checked: r.includes(w.value), onChange: () => y(w.value), children: /* @__PURE__ */ e.jsx("span", { children: w.label }) })
+          children: /* @__PURE__ */ e.jsx(Ze, { name: w.value, checked: r.includes(w.value), onChange: () => k(w.value), children: /* @__PURE__ */ e.jsx("span", { children: w.label }) })
         },
         w.value
       ) : /* @__PURE__ */ e.jsx(
@@ -1091,44 +1085,44 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
           "aria-disabled": n,
           "aria-selected": w.value === a,
           role: "option",
-          onClick: () => h(w.value),
-          onKeyDown: (j) => L(j, w.value),
-          tabIndex: u ? 0 : -1,
+          onClick: () => p(w.value),
+          onKeyDown: (y) => L(y, w.value),
+          tabIndex: x ? 0 : -1,
           className: o("text-md hover:bg-beige-light transition-duration-300 outline-claret-violet-dark cursor-pointer rounded-md px-2 py-4 transition-colors", w.value === a && "bg-beige-light/40"),
           children: w.label
         },
         w.value
       )
     ),
-    l.length <= 0 && /* @__PURE__ */ e.jsx("li", { className: "text-claret-violet-dark/50 text-legend cursor-default", children: p("dropdown.noResults") })
+    l.length <= 0 && /* @__PURE__ */ e.jsx("li", { className: "text-claret-violet-dark/50 text-legend cursor-default", children: h("dropdown.noResults") })
   ] });
-}, J = ({ message: t, hasError: l, className: a, id: r = "" }) => /* @__PURE__ */ e.jsx(b, { "aria-live": "polite", id: r, role: l ? "alert" : void 0, size: "legend", className: o("text-red-error mt-2 min-h-5 opacity-0 transition-opacity duration-300", l && "opacity-100", a), children: t || "" }), o5 = ({ placeholder: t, label: l, options: a, values: r, onChange: n, disabled: i, name: c, className: m }) => {
-  const [u, g] = T(!1), x = S(null);
-  xe(x, () => g(!1));
-  const p = N(
+}, Y = ({ message: t, hasError: l, className: a, id: r = "" }) => /* @__PURE__ */ e.jsx(b, { "aria-live": "polite", id: r, role: l ? "alert" : void 0, size: "legend", className: o("text-red-error mt-2 min-h-5 opacity-0 transition-opacity duration-300", l && "opacity-100", a), children: t || "" }), o5 = ({ placeholder: t, label: l, options: a, values: r, onChange: n, disabled: i, name: c, className: m }) => {
+  const [x, g] = z(!1), u = H(null);
+  ue(u, () => g(!1));
+  const h = N(
     (v) => {
       n(v);
     },
     [n]
-  ), h = N(
+  ), p = N(
     (v) => {
-      ge(v, () => g(!u));
+      xe(v, () => g(!x));
     },
     [g]
-  ), y = N(
+  ), k = N(
     (v) => {
       v.stopPropagation(), n([]);
     },
     [n]
-  ), L = O(() => (r == null ? void 0 : r.length) > 0 ? `${l} (${r.length})` : t, [r, l, t]);
-  return /* @__PURE__ */ e.jsxs("div", { className: o("relative", m), ref: x, children: [
+  ), L = P(() => r?.length > 0 ? `${l} (${r.length})` : t, [r, l, t]);
+  return /* @__PURE__ */ e.jsxs("div", { className: o("relative", m), ref: u, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         role: "button",
         tabIndex: 0,
-        onClick: () => g(!u),
-        onKeyDown: h,
+        onClick: () => g(!x),
+        onKeyDown: p,
         className: o(
           "rounded-input bg-pink-oyster-dark text-claret-violet-dark border-claret-violet-dark outline-claret-violet-dark relative flex cursor-pointer items-center justify-between gap-4 border p-2.5 transition-colors duration-300 md:w-54 md:px-3 md:py-4",
           'max-md:after:bg-claret-violet-dark max-md:after:border-pink-oyster-dark max-md:after:absolute max-md:after:-top-[2px] max-md:after:-right-[2px] max-md:after:h-2 max-md:after:w-2 max-md:after:rounded-full max-md:after:border max-md:after:opacity-0 max-md:after:transition-opacity max-md:after:duration-300 max-md:after:content-[""]',
@@ -1137,25 +1131,25 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
         children: [
           /* @__PURE__ */ e.jsxs("span", { className: "text-md flex items-center gap-2 max-md:hidden", children: [
             L,
-            r.length > 0 && /* @__PURE__ */ e.jsx(Ze, { onClick: y, className: "max-md:hidden" })
+            r.length > 0 && /* @__PURE__ */ e.jsx(Te, { onClick: k, className: "max-md:hidden" })
           ] }),
           /* @__PURE__ */ e.jsx(gt, { className: "w-6" })
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(he, { name: c, options: a, multiple: !0, values: r, onChangeMultiple: p, disabled: i, isOpen: u, className: "absolute top-full right-0 mt-2.5 max-md:w-54" })
+    /* @__PURE__ */ e.jsx(pe, { name: c, options: a, multiple: !0, values: r, onChangeMultiple: h, disabled: i, isOpen: x, className: "absolute top-full right-0 mt-2.5 max-md:w-54" })
   ] });
-}, ae = ({ label: t, id: l, className: a = "mb-4", required: r = !1, ...n }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: l, ...n, className: o("text-md block", a), children: [
+}, te = ({ label: t, id: l, className: a = "mb-4", required: r = !1, ...n }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: l, ...n, className: o("text-md block", a), children: [
   t,
   !r && /* @__PURE__ */ e.jsx(e.Fragment, { children: " *" })
 ] }), I1 = ({ variant: t = "light", className: l, placeholder: a, label: r, disabled: n = !1, onSubscribe: i = () => {
 }, hasError: c = !1, error: m = "" }) => {
-  const { t: u } = $("design"), g = a || u("newsletter.emailPlaceholder"), x = r || u("newsletter.subscribeLabel"), p = (h) => {
-    h.preventDefault();
-    const v = (new FormData(h.currentTarget).get("email") ?? "").trim();
+  const { t: x } = _("design"), g = a || x("newsletter.emailPlaceholder"), u = r || x("newsletter.subscribeLabel"), h = (p) => {
+    p.preventDefault();
+    const v = (new FormData(p.currentTarget).get("email") ?? "").trim();
     v.length !== 0 && i(v);
   };
-  return /* @__PURE__ */ e.jsxs("form", { onSubmit: p, className: l, children: [
+  return /* @__PURE__ */ e.jsxs("form", { onSubmit: h, className: l, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
@@ -1189,98 +1183,91 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
               )
             }
           ),
-          /* @__PURE__ */ e.jsx(_, { type: "submit", variant: "primary", disabled: n, color: t === "dark" ? "light" : "dark", className: "max-lg:w-full", children: x })
+          /* @__PURE__ */ e.jsx(F, { type: "submit", variant: "primary", disabled: n, color: t === "dark" ? "light" : "dark", className: "max-lg:w-full", children: u })
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(J, { id: "newsletter-error", hasError: c, message: m, className: t === "light" ? "!text-claret-violet-dark ps-8" : "!text-beige-light ps-8" })
+    /* @__PURE__ */ e.jsx(Y, { id: "newsletter-error", hasError: c, message: m, className: t === "light" ? "!text-claret-violet-dark ps-8" : "!text-beige-light ps-8" })
   ] });
-}, d5 = ({ label: t = "", id: l, value: a, onChange: r, required: n, metric: i, min: c = 0, max: m = 99, hasError: u = !1, error: g = "", disabled: x = !1 }) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4 max-md:flex-col max-md:items-start md:gap-8", children: [
-  t.length > 0 && /* @__PURE__ */ e.jsx(ae, { label: t, required: n, id: l, className: "mb-0" }),
+}, d5 = ({ label: t = "", id: l, value: a, onChange: r, required: n, metric: i, min: c = 0, max: m = 99, hasError: x = !1, error: g = "", disabled: u = !1 }) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4 max-md:flex-col max-md:items-start md:gap-8", children: [
+  t.length > 0 && /* @__PURE__ */ e.jsx(te, { label: t, required: n, id: l, className: "mb-0" }),
   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ e.jsx(te, { variant: "minus", onClick: () => r(a - 1), disabled: a === c }),
+    /* @__PURE__ */ e.jsx(X, { variant: "minus", onClick: () => r(a - 1), disabled: a === c }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          disabled: x,
+          disabled: u,
           required: n,
           type: "number",
           placeholder: "0",
           min: c,
           max: m,
           value: a == 0 ? "" : a,
-          onChange: (p) => r(Number(p.target.value)),
+          onChange: (h) => r(Number(h.target.value)),
           onKeyDown: s1,
           className: "border-claret-violet-dark rounded-input bg-beige-light text-claret-violet-dark text-md placeholder:text-claret-violet-dark/40 h-8.5 w-12 border px-3 focus:outline-none"
         }
       ),
       /* @__PURE__ */ e.jsx("span", { className: "text-md", children: i })
     ] }),
-    /* @__PURE__ */ e.jsx(te, { variant: "plus", onClick: () => r(a + 1), disabled: a === m })
+    /* @__PURE__ */ e.jsx(X, { variant: "plus", onClick: () => r(a + 1), disabled: a === m })
   ] }),
-  /* @__PURE__ */ e.jsx(J, { id: `${l}-error`, hasError: u, message: g })
+  /* @__PURE__ */ e.jsx(Y, { id: `${l}-error`, hasError: x, message: g })
 ] }), A1 = ({ label: t, value: l, onRemove: a, className: r }) => /* @__PURE__ */ e.jsxs("div", { className: o("bg-claret-violet-dark/10 border-claret-violet-light text-button-mobile md:text-button rounded-input flex cursor-default items-center justify-between gap-2.5 border p-2.5 font-semibold", r), children: [
   t,
-  /* @__PURE__ */ e.jsx(Ze, { onClick: () => a(l) })
+  /* @__PURE__ */ e.jsx(Te, { onClick: () => a(l) })
 ] }, l), c5 = ({ label: t, id: l, options: a, onChange: r, values: n, required: i, placeholder: c, className: m }) => {
-  const u = N(
-    (p) => {
-      r([...n, p]);
+  const x = N(
+    (h) => {
+      r([...n, h]);
     },
     [r]
   ), g = N(
-    (p) => {
-      r(n.filter((h) => h != p));
+    (h) => {
+      r(n.filter((p) => p != h));
     },
     [r]
-  ), x = O(() => a.filter((p) => !n.includes(p.value)), [a, n]);
+  ), u = P(() => a.filter((h) => !n.includes(h.value)), [a, n]);
   return /* @__PURE__ */ e.jsxs("div", { className: o("w-full", m), children: [
-    /* @__PURE__ */ e.jsx($1, { disabled: !x.length, placeholder: c, label: t, id: l, name: l, options: x, onChange: u, value: "", required: i }),
-    /* @__PURE__ */ e.jsx("div", { className: "mt-1 flex flex-wrap gap-2", children: n.map((p) => {
-      var h;
-      return /* @__PURE__ */ e.jsx(A1, { label: ((h = a.find((y) => y.value === p)) == null ? void 0 : h.label) ?? "", value: p, onRemove: g }, p);
-    }) })
+    /* @__PURE__ */ e.jsx($1, { disabled: !u.length, placeholder: c, label: t, id: l, name: l, options: u, onChange: x, value: "", required: i }),
+    /* @__PURE__ */ e.jsx("div", { className: "mt-1 flex flex-wrap gap-2", children: n.map((h) => /* @__PURE__ */ e.jsx(A1, { label: a.find((p) => p.value === h)?.label ?? "", value: h, onRemove: g }, h)) })
   ] });
-}, m5 = ({ label: t = "", placeholder: l, id: a, name: r, type: n = "text", className: i, disabled: c, error: m = "", required: u = !1, hasError: g = !1, ...x }) => {
-  const p = o(
+}, m5 = ({ label: t = "", placeholder: l, id: a, name: r, type: n = "text", className: i, disabled: c, error: m = "", required: x = !1, hasError: g = !1, ...u }) => {
+  const h = o(
     "md:max-w-98",
     i
-  ), h = o(
+  ), p = o(
     "border-claret-violet-dark hover:border-claret-violet-dark/40 focus:border-claret-violet-dark/40 bg-beige-light rounded-input text-md placeholder:text-md block w-full border px-3 py-2.5 transition-all duration-300 placeholder:opacity-30 placeholder:transition-opacity placeholder:duration-300 focus:outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-40 disabled:placeholder:opacity-100",
     g && "border-red-error bg-red-error/10"
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: p, children: [
-    t.length > 0 && /* @__PURE__ */ e.jsx(ae, { label: t, id: a, required: u }),
-    /* @__PURE__ */ e.jsx("input", { type: n, placeholder: l, id: a, name: r, disabled: c, required: u, ...x, className: h, "aria-invalid": g, "aria-required": u }),
-    /* @__PURE__ */ e.jsx(J, { id: `${a}-error`, hasError: g, message: m, className: o("text-red-error mt-2 min-h-5 opacity-0 transition-opacity duration-300", g && "opacity-100") })
+  return /* @__PURE__ */ e.jsxs("div", { className: h, children: [
+    t.length > 0 && /* @__PURE__ */ e.jsx(te, { label: t, id: a, required: x }),
+    /* @__PURE__ */ e.jsx("input", { type: n, placeholder: l, id: a, name: r, disabled: c, required: x, ...u, className: p, "aria-invalid": g, "aria-required": x }),
+    /* @__PURE__ */ e.jsx(Y, { id: `${a}-error`, hasError: g, message: m, className: o("text-red-error mt-2 min-h-5 opacity-0 transition-opacity duration-300", g && "opacity-100") })
   ] });
 }, u5 = ({ placeholder: t = "", options: l, value: a, onChange: r, name: n, disabled: i = !1, className: c, searchable: m = !1 }) => {
-  const [u, g] = T(!1), [x, p] = T(""), h = S(null), y = O(() => {
-    var j;
-    return (j = l.find((z) => z.value === a)) == null ? void 0 : j.label;
-  }, [l, a]), L = N(() => {
-    g(!1), (!a || x !== y) && m && (p(""), r(""));
-  }, [a, r, y, x]);
-  xe(h, L);
+  const [x, g] = z(!1), [u, h] = z(""), p = H(null), k = P(() => l.find((y) => y.value === a)?.label, [l, a]), L = N(() => {
+    g(!1), (!a || u !== k) && m && (h(""), r(""));
+  }, [a, r, k, u]);
+  ue(p, L);
   const v = N(
-    (j) => {
-      var z;
-      r(j), g(!1), p(((z = l.find((A) => A.value === j)) == null ? void 0 : z.label) || "");
+    (y) => {
+      r(y), g(!1), h(l.find((I) => I.value === y)?.label || "");
     },
     [r, l]
   );
-  F(() => {
-    !a && m && p("");
+  Z(() => {
+    !a && m && h("");
   }, [a, m]);
-  const H = o(
+  const V = o(
     "border-claret-violet-dark outline-claret-violet-dark flex min-h-19.25 w-full cursor-pointer items-center justify-between gap-4 border-b py-0.5 disabled:cursor-not-allowed disabled:opacity-40",
     i && "opacity-40",
-    (u || a) && "border-claret-violet-dark/50"
-  ), w = O(() => m ? l.filter((j) => j.label.toLowerCase().includes(x.toLowerCase())) : l, [l, x, m]);
-  return /* @__PURE__ */ e.jsxs("div", { className: o("text-claret-violet-dark relative w-full md:w-max md:min-w-66", c), ref: h, children: [
+    (x || a) && "border-claret-violet-dark/50"
+  ), w = P(() => m ? l.filter((y) => y.label.toLowerCase().includes(u.toLowerCase())) : l, [l, u, m]);
+  return /* @__PURE__ */ e.jsxs("div", { className: o("text-claret-violet-dark relative w-full md:w-max md:min-w-66", c), ref: p, children: [
     /* @__PURE__ */ e.jsx("input", { type: "hidden", name: n, value: a }),
-    m ? /* @__PURE__ */ e.jsxs("div", { className: o(H), children: [
+    m ? /* @__PURE__ */ e.jsxs("div", { className: o(V), children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
@@ -1288,19 +1275,19 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
           name: "search",
           disabled: i,
           onFocus: () => g(!0),
-          value: x,
+          value: u,
           placeholder: t,
-          onChange: (j) => p(j.target.value),
+          onChange: (y) => h(y.target.value),
           className: "text-display-xl-mobile md:text-heading-lg font-pangaia w-full max-w-0 min-w-56 font-medium italic focus:outline-none"
         }
       ),
-      /* @__PURE__ */ e.jsx(Re, { className: o("transition-duration-300 w-4.5 transition-transform will-change-transform md:w-6", u && "rotate-180") })
-    ] }) : /* @__PURE__ */ e.jsxs("button", { tabIndex: i ? -1 : 0, disabled: i, onClick: () => g(!u), type: "button", className: o(H), children: [
-      /* @__PURE__ */ e.jsx(U, { size: "display-xl", className: "block md:hidden", children: y || t }),
-      /* @__PURE__ */ e.jsx(U, { size: "heading-lg", className: "hidden md:block", children: y || t }),
-      /* @__PURE__ */ e.jsx(Re, { className: o("transition-duration-300 w-4.5 transition-transform will-change-transform md:w-6", u && "rotate-180") })
+      /* @__PURE__ */ e.jsx(Me, { className: o("transition-duration-300 w-4.5 transition-transform will-change-transform md:w-6", x && "rotate-180") })
+    ] }) : /* @__PURE__ */ e.jsxs("button", { tabIndex: i ? -1 : 0, disabled: i, onClick: () => g(!x), type: "button", className: o(V), children: [
+      /* @__PURE__ */ e.jsx(W, { size: "display-xl", className: "block md:hidden", children: k || t }),
+      /* @__PURE__ */ e.jsx(W, { size: "heading-lg", className: "hidden md:block", children: k || t }),
+      /* @__PURE__ */ e.jsx(Me, { className: o("transition-duration-300 w-4.5 transition-transform will-change-transform md:w-6", x && "rotate-180") })
     ] }),
-    /* @__PURE__ */ e.jsx(he, { name: n, options: w, value: a, onChange: v, disabled: i, className: "absolute top-full left-0 mt-3", isOpen: u })
+    /* @__PURE__ */ e.jsx(pe, { name: n, options: w, value: a, onChange: v, disabled: i, className: "absolute top-full left-0 mt-3", isOpen: x })
   ] });
 }, x5 = ({ placeholder: t, name: l, disabled: a, className: r, hasError: n, error: i, ...c }) => /* @__PURE__ */ e.jsxs("div", { className: r, children: [
   /* @__PURE__ */ e.jsx(
@@ -1317,29 +1304,29 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
       ...c
     }
   ),
-  /* @__PURE__ */ e.jsx(J, { id: `${l}-error`, hasError: n, message: i })
+  /* @__PURE__ */ e.jsx(Y, { id: `${l}-error`, hasError: n, message: i })
 ] }), g5 = ({ question: t, answer: l, className: a }) => {
-  const r = S(null), n = S(null);
-  return F(() => {
+  const r = H(null), n = H(null);
+  return Z(() => {
     const i = r.current, c = n.current;
     if (!i || !c) return;
-    const m = (u) => {
-      Se(u, i, c);
+    const m = (x) => {
+      He(x, i, c);
     };
     return i.addEventListener("click", m), () => i.removeEventListener("click", m);
   }, []), /* @__PURE__ */ e.jsxs("details", { "data-accordion": !0, ref: r, className: o("bg-beige-dark group open:bg-beige-light hover:bg-beige-light rounded-input md:rounded-card border-claret-violet-dark w-full cursor-pointer border p-4 transition-colors duration-300 md:p-6", a), children: [
     /* @__PURE__ */ e.jsxs("summary", { className: "flex list-none items-center justify-between gap-2", children: [
       /* @__PURE__ */ e.jsx(E, { size: "heading-md", className: "font-semibold md:hidden", children: t }),
       /* @__PURE__ */ e.jsx(b, { size: "xl", className: "hidden md:block", children: t }),
-      /* @__PURE__ */ e.jsx(te, { variant: "plus", className: "flex shrink-0 group-data-[open=true]:hidden" }),
-      /* @__PURE__ */ e.jsx(te, { variant: "minus", className: "hidden shrink-0 group-data-[open=true]:flex" })
+      /* @__PURE__ */ e.jsx(X, { variant: "plus", className: "flex shrink-0 group-data-[open=true]:hidden" }),
+      /* @__PURE__ */ e.jsx(X, { variant: "minus", className: "hidden shrink-0 group-data-[open=true]:flex" })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { "data-accordion-content": !0, ref: n, style: { maxHeight: "0px", transitionDuration: "300ms" }, className: "overflow-hidden transition-[max-height] will-change-[max-height]", children: [
       /* @__PURE__ */ e.jsx(E, { size: "heading-md", className: "mt-2.5 md:hidden", children: l }),
       /* @__PURE__ */ e.jsx(b, { size: "md", className: "mt-2.5 hidden md:block", children: l })
     ] })
   ] });
-}, ce = {
+}, de = {
   carrot: { label: "Carottes", description: "Légume digestible par nos chiens, les carottes apportent des fibres essentielles pour des crottes impeccables et des caroténoïdes idéales pour la santé oculaire." },
   quinoa: { label: "Quinoa", description: "Ni vraiment une céréale, ni vraiment une légumineuse, le quinoa apporte une source de protéines végétale parfaitement digestible par votre poilu." },
   vitamines: { label: "Cocktail de vitamines", description: "Notre complément minéralo-vitaminé maison (CMV dans le jargon) a été spécialement formulé pour apporter les vitamines et minéraux essentiels qui manquent parfois en quantité suffisante dans les ingrédients frais." },
@@ -1358,24 +1345,23 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
   fish: { label: "Poisson", description: "" },
   pork: { label: "Porc", description: "" }
 }, p5 = ({ label: t = "", description: l = "", name: a = "", variant: r, className: n }) => {
-  var m;
-  const i = S(null), c = S(null);
-  return F(() => {
-    const u = i.current, g = c.current;
-    if (!u || !g) return;
-    const x = (p) => {
-      Se(p, u, g);
+  const i = H(null), c = H(null);
+  return Z(() => {
+    const m = i.current, x = c.current;
+    if (!m || !x) return;
+    const g = (u) => {
+      He(u, m, x);
     };
-    return u.addEventListener("click", x), () => u.removeEventListener("click", x);
+    return m.addEventListener("click", g), () => m.removeEventListener("click", g);
   }, []), /* @__PURE__ */ e.jsxs("details", { "data-accordion": !0, ref: i, className: o("bg-beige-light group hover:bg-beige-dark rounded-input min-h-15 w-full cursor-pointer px-3 transition-colors duration-300 max-md:py-3 md:min-h-18 md:w-100 md:px-6", n), children: [
     /* @__PURE__ */ e.jsxs("summary", { className: "flex list-none items-center justify-between gap-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ e.jsx("img", { src: `/design-system/images/ingredients/${r ?? a}.webp`, alt: r ? ce[r].label : t, className: "w-14 object-contain md:w-25", loading: "lazy", decoding: "async" }),
-        /* @__PURE__ */ e.jsx(b, { size: "button", children: r ? ce[r].label : t })
+        /* @__PURE__ */ e.jsx("img", { src: `/design-system/images/ingredients/${r ?? a}.webp`, alt: r ? de[r].label : t, className: "w-14 object-contain md:w-25", loading: "lazy", decoding: "async" }),
+        /* @__PURE__ */ e.jsx(b, { size: "button", children: r ? de[r].label : t })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: o("group-hover:bg-claret-violet-dark group-hover:text-beige-light flex h-5 w-5 items-center justify-center rounded-sm transition-colors duration-300", "bg-claret-violet-dark/50 text-claret-violet-dark group-open:bg-claret-violet-dark group-open:text-beige-light"), children: /* @__PURE__ */ e.jsx(_e, { className: o("w-2 rotate-0 transition-transform duration-300 group-data-[open=true]:rotate-180") }) })
+      /* @__PURE__ */ e.jsx("div", { className: o("group-hover:bg-claret-violet-dark group-hover:text-beige-light flex h-5 w-5 items-center justify-center rounded-sm transition-colors duration-300", "bg-claret-violet-dark/50 text-claret-violet-dark group-open:bg-claret-violet-dark group-open:text-beige-light"), children: /* @__PURE__ */ e.jsx(Fe, { className: o("w-2 rotate-0 transition-transform duration-300 group-data-[open=true]:rotate-180") }) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { "data-accordion-content": !0, ref: c, style: { maxHeight: "0px", transitionDuration: "300ms" }, className: "transition-height overflow-hidden", children: /* @__PURE__ */ e.jsx(b, { size: "md", className: "mt-3 md:pb-6", children: r ? (m = ce[r]) == null ? void 0 : m.description : l }) })
+    /* @__PURE__ */ e.jsx("div", { "data-accordion-content": !0, ref: c, style: { maxHeight: "0px", transitionDuration: "300ms" }, className: "transition-height overflow-hidden", children: /* @__PURE__ */ e.jsx(b, { size: "md", className: "mt-3 md:pb-6", children: r ? de[r]?.description : l }) })
   ] });
 }, h5 = ({ title: t, description: l, illustration: a, className: r }) => /* @__PURE__ */ e.jsxs("div", { className: o("bg-lavender-blue-light rounded-food-card flex min-h-25 w-68 gap-2.5 p-4", r), children: [
   /* @__PURE__ */ e.jsx("div", { className: "w-12 shrink-0", children: /* @__PURE__ */ e.jsx("img", { src: `/design-system/illustrations/${a}.webp`, alt: t, className: "object-contain" }) }),
@@ -1399,7 +1385,7 @@ const l5 = ({ videoId: t, alt: l, className: a, placeholderImageMobile: r, hasSo
 O1.displayName = "IllustratedCard";
 const f5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { className: o("rounded-input md:rounded-card bg-pink-oyster-light border-claret-violet-dark flex gap-3 border p-4 max-md:flex-row-reverse md:h-69 md:gap-10 md:p-6", l), children: [
   /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-between gap-4", children: [
-    /* @__PURE__ */ e.jsx(Ie, { className: "hidden w-8 md:block" }),
+    /* @__PURE__ */ e.jsx($e, { className: "hidden w-8 md:block" }),
     /* @__PURE__ */ e.jsx(b, { size: "xl", className: "hidden md:block", children: t }),
     /* @__PURE__ */ e.jsxs(b, { size: "lg", className: "block not-italic md:hidden", children: [
       "“",
@@ -1408,7 +1394,7 @@ const f5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
     ] })
   ] }),
   /* @__PURE__ */ e.jsx("div", { className: o("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__ */ e.jsx(
-    B,
+    O,
     {
       desktop: "/design-system/images/tips/payment.webp",
       mobile: "/design-system/images/tips/payment-mobile.webp",
@@ -1443,9 +1429,9 @@ const f5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
   sm: "w-3.5 max-md:opacity-0 max-md:h-0",
   md: "w-2.5 md:w-5.5",
   lg: "w-2.5 md:w-7.5"
-}, C5 = ({ size: t = "sm", overflow: l = "hidden", variant: a = "neutral", title: r, mobileImage: n, desktopImage: i, mobileImage2x: c, desktopImage2x: m, showThread: u = !0, className: g, imageClassName: x }) => /* @__PURE__ */ e.jsxs("div", { className: o("bg-beige-dark ext-claret-violet-dark relative flex flex-col items-center justify-start", D1[t], g), children: [
-  u && /* @__PURE__ */ e.jsx($t, { className: o("absolute z-10", Y1[t]) }),
-  /* @__PURE__ */ e.jsx("div", { className: o("bg-claret-violet-dark relative w-full", q1[t], B1[a], l === "hidden" && "overflow-hidden", x), children: /* @__PURE__ */ e.jsx(B, { alt: r, mobile: n, desktop: i, mobile2x: c, desktop2x: m, className: o("absolute", l === "hidden" ? "inset-0 object-cover" : "right-0 bottom-0 left-0 object-contain") }) }),
+}, C5 = ({ size: t = "sm", overflow: l = "hidden", variant: a = "neutral", title: r, mobileImage: n, desktopImage: i, mobileImage2x: c, desktopImage2x: m, showThread: x = !0, className: g, imageClassName: u }) => /* @__PURE__ */ e.jsxs("div", { className: o("bg-beige-dark ext-claret-violet-dark relative flex flex-col items-center justify-start", D1[t], g), children: [
+  x && /* @__PURE__ */ e.jsx($t, { className: o("absolute z-10", Y1[t]) }),
+  /* @__PURE__ */ e.jsx("div", { className: o("bg-claret-violet-dark relative w-full", q1[t], B1[a], l === "hidden" && "overflow-hidden", u), children: /* @__PURE__ */ e.jsx(O, { alt: r, mobile: n, desktop: i, mobile2x: c, desktop2x: m, className: o("absolute", l === "hidden" ? "inset-0 object-cover" : "right-0 bottom-0 left-0 object-contain") }) }),
   /* @__PURE__ */ e.jsx("p", { className: o("font-pangaia font-semibold italic", W1[t]), children: r }),
   /* @__PURE__ */ e.jsx(y1, { className: U1[t] })
 ] }), J1 = {
@@ -1453,12 +1439,12 @@ const f5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
   pink: "bg-pink-oyster-light text-claret-violet-dark ",
   beige: "bg-beige-light text-claret-violet-dark",
   lavender: "bg-lavender-blue-light text-claret-violet-dark "
-}, b5 = ({ className: t, variant: l = "violet", title: a, description: r, imageMobile: n, imageDesktop: i, imageMobile2x: c, imageDesktop2x: m, href: u = "" }) => /* @__PURE__ */ e.jsxs("div", { tabIndex: 0, className: o("group rounded-card outline-claret-violet-dark relative flex h-57.5 w-50 cursor-default flex-col justify-end overflow-hidden transition-colors duration-300 md:h-87 md:w-62.5", t), children: [
-  /* @__PURE__ */ e.jsx("div", { className: o("absolute inset-0 z-0 overflow-hidden md:h-67"), children: /* @__PURE__ */ e.jsx(B, { alt: a, mobile: n, desktop: i, mobile2x: c, desktop2x: m, className: "h-full object-cover" }) }),
+}, b5 = ({ className: t, variant: l = "violet", title: a, description: r, imageMobile: n, imageDesktop: i, imageMobile2x: c, imageDesktop2x: m, href: x = "" }) => /* @__PURE__ */ e.jsxs("div", { tabIndex: 0, className: o("group rounded-card outline-claret-violet-dark relative flex h-57.5 w-50 cursor-default flex-col justify-end overflow-hidden transition-colors duration-300 md:h-87 md:w-62.5", t), children: [
+  /* @__PURE__ */ e.jsx("div", { className: o("absolute inset-0 z-0 overflow-hidden md:h-67"), children: /* @__PURE__ */ e.jsx(O, { alt: a, mobile: n, desktop: i, mobile2x: c, desktop2x: m, className: "h-full object-cover" }) }),
   /* @__PURE__ */ e.jsxs("div", { className: o("z-1 flex flex-col gap-4 p-4 transition-all duration-300 ease-in-out md:translate-y-41 md:items-center md:gap-7 md:p-6 md:group-focus-within:translate-y-[0] md:group-focus-within:gap-4 md:group-hover:translate-y-[0] md:group-hover:gap-4", J1[l]), children: [
     /* @__PURE__ */ e.jsx(b, { size: "xl", children: a }),
     /* @__PURE__ */ e.jsx(b, { size: "md", className: "text-center max-md:hidden", children: r }),
-    /* @__PURE__ */ e.jsx(_, { as: "a", href: u, size: "sm", variant: l === "violet" ? "primary" : "secondary", className: "block", children: "Voir la recette" })
+    /* @__PURE__ */ e.jsx(F, { as: "a", href: x, size: "sm", variant: l === "violet" ? "primary" : "secondary", className: "block", children: "Voir la recette" })
   ] })
 ] }), K1 = {
   primary: "bg-lavender-blue-light",
@@ -1469,9 +1455,9 @@ const f5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
   large: "p-6 h-80 md:h-112.5 justify-between rounded-card w-60"
 }, v5 = ({ variant: t = "primary", size: l = "large", value: a, metric: r, description: n, className: i }) => /* @__PURE__ */ e.jsxs("div", { className: o("border-claret-violet-dark flex flex-col border", K1[t], G1[l], i), children: [
   /* @__PURE__ */ e.jsxs("p", { className: "leading-none", children: [
-    /* @__PURE__ */ e.jsx(U, { size: "display-lg", className: "hidden md:inline", children: a }),
-    /* @__PURE__ */ e.jsx(U, { size: "display-xl", className: "inline md:hidden", children: a }),
-    /* @__PURE__ */ e.jsx(U, { size: "display-md", children: r })
+    /* @__PURE__ */ e.jsx(W, { size: "display-lg", className: "hidden md:inline", children: a }),
+    /* @__PURE__ */ e.jsx(W, { size: "display-xl", className: "inline md:hidden", children: a }),
+    /* @__PURE__ */ e.jsx(W, { size: "display-md", children: r })
   ] }),
   /* @__PURE__ */ e.jsx(b, { size: "md", className: "hidden md:block", children: n }),
   /* @__PURE__ */ e.jsx(E, { size: "heading-md", className: "block md:hidden", children: n })
@@ -1481,13 +1467,13 @@ const f5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
 }, X1 = {
   primary: "w-22/100",
   secondary: "w-36/100"
-}, w5 = ({ variant: t, quote: l, author: a, role: r, imageMobile: n, imageDesktop: i, imageMobile2x: c, imageDesktop2x: m, className: u }) => /* @__PURE__ */ e.jsxs("div", { className: o("rounded-card border-claret-violet-dark text-claret-violet-dark flex w-full items-stretch border p-3 max-md:flex-col md:p-6", Q1[t], u), children: [
+}, w5 = ({ variant: t, quote: l, author: a, role: r, imageMobile: n, imageDesktop: i, imageMobile2x: c, imageDesktop2x: m, className: x }) => /* @__PURE__ */ e.jsxs("div", { className: o("rounded-card border-claret-violet-dark text-claret-violet-dark flex w-full items-stretch border p-3 max-md:flex-col md:p-6", Q1[t], x), children: [
   /* @__PURE__ */ e.jsxs("blockquote", { className: "flex flex-1 flex-col gap-3 md:gap-5", children: [
-    /* @__PURE__ */ e.jsx(Ie, { className: "w-3.5 md:mb-14.5 md:w-8" }),
+    /* @__PURE__ */ e.jsx($e, { className: "w-3.5 md:mb-14.5 md:w-8" }),
     /* @__PURE__ */ e.jsx(E, { size: "heading-md", italic: !0, className: "hidden md:block", children: l }),
     /* @__PURE__ */ e.jsx(E, { size: "heading-lg", className: "block md:hidden", children: l }),
     /* @__PURE__ */ e.jsxs("footer", { className: "flex max-md:items-center max-md:gap-3 md:flex-col", children: [
-      /* @__PURE__ */ e.jsx("div", { className: o("block h-8 w-8 shrink-0 overflow-hidden rounded-sm md:hidden"), children: /* @__PURE__ */ e.jsx(B, { desktop: i, mobile: n, desktop2x: m, mobile2x: c, alt: a, className: "object-cover" }) }),
+      /* @__PURE__ */ e.jsx("div", { className: o("block h-8 w-8 shrink-0 overflow-hidden rounded-sm md:hidden"), children: /* @__PURE__ */ e.jsx(O, { desktop: i, mobile: n, desktop2x: m, mobile2x: c, alt: a, className: "object-cover" }) }),
       /* @__PURE__ */ e.jsxs("div", { children: [
         /* @__PURE__ */ e.jsx("cite", { className: "text-md-mobile md:text-md block leading-none lg:mb-2.5", children: a }),
         /* @__PURE__ */ e.jsx(b, { variant: "span", size: "md", className: "!leading-none !not-italic md:hidden", children: r }),
@@ -1495,12 +1481,12 @@ const f5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
       ] })
     ] })
   ] }),
-  /* @__PURE__ */ e.jsx("div", { className: o("rounded-card relative hidden shrink-0 overflow-hidden md:block", X1[t]), children: /* @__PURE__ */ e.jsx(B, { desktop: i, mobile: n, desktop2x: m, mobile2x: c, alt: a, className: "absolute inset-0 h-full object-cover" }) })
+  /* @__PURE__ */ e.jsx("div", { className: o("rounded-card relative hidden shrink-0 overflow-hidden md:block", X1[t]), children: /* @__PURE__ */ e.jsx(O, { desktop: i, mobile: n, desktop2x: m, mobile2x: c, alt: a, className: "absolute inset-0 h-full object-cover" }) })
 ] }), et = {
   dark: "bg-claret-violet-light text-beige-light",
   light: "bg-beige-light text-claret-violet-light"
 }, tt = f(({ quote: t, author: l, role: a, image: r, score: n, className: i, variant: c = "dark" }, m) => /* @__PURE__ */ e.jsxs("blockquote", { ref: m, className: o("border-beige-light rounded-card flex shrink-0 flex-col gap-5 border p-6 xl:w-full", i, et[c]), children: [
-  /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-0.5", children: Array.from({ length: n }).map((u, g) => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(Bt, { className: o("w-5", c === "dark" ? "text-lavender-blue-light" : "text-claret-violet-light") }) }, g)) }),
+  /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-0.5", children: Array.from({ length: n }).map((x, g) => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(Bt, { className: o("w-5", c === "dark" ? "text-lavender-blue-light" : "text-claret-violet-light") }) }, g)) }),
   /* @__PURE__ */ e.jsx(E, { size: "heading-md", className: "text-left md:hidden", children: t }),
   /* @__PURE__ */ e.jsx(b, { size: "md", className: "hidden text-left md:block", children: t }),
   /* @__PURE__ */ e.jsxs("footer", { className: "flex items-center gap-2 md:gap-3", children: [
@@ -1513,7 +1499,7 @@ const f5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
 ] }));
 tt.displayName = "TestimonialCard";
 const y5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { className: o("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", l), children: [
-  /* @__PURE__ */ e.jsx("div", { className: "flex w-26 shrink-0 items-end object-contain md:h-full md:w-88.5", children: /* @__PURE__ */ e.jsx(B, { 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__ */ e.jsx("div", { className: "flex w-26 shrink-0 items-end object-contain md:h-full md:w-88.5", children: /* @__PURE__ */ e.jsx(O, { 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__ */ e.jsxs("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__ */ e.jsx("p", { className: "font-md hidden font-semibold uppercase md:block", children: "Les conseils de Claudine" }),
     /* @__PURE__ */ e.jsx(b, { size: "sm", className: "block md:hidden", children: "Les conseils de Claudine" }),
@@ -1557,7 +1543,7 @@ const y5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
       ),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4 max-md:justify-center", children: [
-          /* @__PURE__ */ e.jsx("div", { className: o("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__ */ e.jsx($e, { className: "w-2" }) }),
+          /* @__PURE__ */ e.jsx("div", { className: o("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__ */ e.jsx(_e, { className: "w-2" }) }),
           /* @__PURE__ */ e.jsx(E, { size: "heading-lg", italic: !0, className: "leading-none !not-italic md:hidden", children: r }),
           /* @__PURE__ */ e.jsx(b, { size: "xl", className: "hidden leading-none md:block", children: r })
         ] }),
@@ -1568,7 +1554,7 @@ const y5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
       ]
     }
   );
-}, k5 = ({ title1: t, description1: l, title2: a, description2: r, step: n, illustration: i, className: c, illustrationClassName: m, align: u = "bottom" }) => /* @__PURE__ */ e.jsxs("div", { className: o("flex max-md:flex-col max-md:gap-4", u === "top" ? "items-start" : "md:items-end", c), children: [
+}, k5 = ({ title1: t, description1: l, title2: a, description2: r, step: n, illustration: i, className: c, illustrationClassName: m, align: x = "bottom" }) => /* @__PURE__ */ e.jsxs("div", { className: o("flex max-md:flex-col max-md:gap-4", x === "top" ? "items-start" : "md:items-end", c), children: [
   /* @__PURE__ */ e.jsxs("div", { className: "bg-lavender-blue-light text-claret-violet-dark flex w-63 -rotate-2 flex-col gap-4 p-4 max-md:-translate-x-10 md:w-87.5 md:px-11 md:py-8", children: [
     /* @__PURE__ */ e.jsx(E, { size: "heading-xl", className: "hidden md:block", children: n }),
     /* @__PURE__ */ e.jsx(E, { size: "heading-md", className: "hidden md:block", children: t }),
@@ -1579,7 +1565,7 @@ const y5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
     ] }),
     /* @__PURE__ */ e.jsx(b, { size: "md", className: "whitespace-pre-line max-md:not-italic", children: l })
   ] }),
-  /* @__PURE__ */ e.jsxs("div", { className: o("bg-pink-oyster-light text-claret-violet-dark relative flex w-63.5 -rotate-2 flex-col gap-2 p-6 md:z-1 md:w-85.5 md:-translate-x-8 md:rotate-2 md:px-11 md:py-8", u === "top" ? "md:translate-y-26" : "md:translate-y-18"), children: [
+  /* @__PURE__ */ e.jsxs("div", { className: o("bg-pink-oyster-light text-claret-violet-dark relative flex w-63.5 -rotate-2 flex-col gap-2 p-6 md:z-1 md:w-85.5 md:-translate-x-8 md:rotate-2 md:px-11 md:py-8", x === "top" ? "md:translate-y-26" : "md:translate-y-18"), children: [
     /* @__PURE__ */ e.jsx("div", { className: o("relative w-11.5 shrink-0 md:w-18", m), children: /* @__PURE__ */ e.jsx("img", { src: `/design-system/illustrations/${i}.webp`, alt: a, className: "w-full" }) }),
     /* @__PURE__ */ e.jsx(E, { size: "heading-md", className: "hidden md:block", children: a }),
     /* @__PURE__ */ e.jsxs(E, { size: "heading-lg", className: "block max-md:not-italic md:hidden", children: [
@@ -1592,7 +1578,7 @@ const y5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
 ] }), N5 = ({ content: t, className: l, checkbox: a = !1, onChange: r = () => {
 }, checked: n = !1 }) => /* @__PURE__ */ e.jsxs("div", { className: o("flex items-start", l), children: [
   /* @__PURE__ */ e.jsx("div", { className: "border-beige-light bg-pink-oyster-light z-1 -me-3 h-17 w-17 shrink-0 overflow-hidden rounded-full border-5", children: /* @__PURE__ */ e.jsx("img", { src: "/design-system/images/tips/claudine-head.webp", alt: "Claudine", loading: "lazy", decoding: "async", className: "h-full w-full object-cover" }) }),
-  /* @__PURE__ */ e.jsx("div", { className: o("bg-lavender-blue-light rounded-input text-claret-violet-dark p-5", a && "w-full", !a && "w-75"), children: a ? /* @__PURE__ */ e.jsx(Fe, { checked: n, name: "wizard-tips", onChange: r, className: "items-start gap-3", children: /* @__PURE__ */ e.jsx(b, { size: "legend", variant: "span", className: "whitespace-pre-line", children: t }) }) : /* @__PURE__ */ e.jsxs(b, { size: "button", children: [
+  /* @__PURE__ */ e.jsx("div", { className: o("bg-lavender-blue-light rounded-input text-claret-violet-dark p-5", a && "w-full", !a && "w-75"), children: a ? /* @__PURE__ */ e.jsx(Ze, { checked: n, name: "wizard-tips", onChange: r, className: "items-start gap-3", children: /* @__PURE__ */ e.jsx(b, { size: "legend", variant: "span", className: "whitespace-pre-line", children: t }) }) : /* @__PURE__ */ e.jsxs(b, { size: "button", children: [
     "“ ",
     t,
     " “"
@@ -1601,11 +1587,11 @@ const y5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
   title: t,
   titleId: l,
   ...a
-}, r) => /* @__PURE__ */ s.createElement("svg", { viewBox: "0 0 19 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": l, ...a }, t ? /* @__PURE__ */ s.createElement("title", { id: l }, t) : null, /* @__PURE__ */ s.createElement("path", { d: "M7.93969 12.0542C8.74031 13.0526 10.2597 13.0526 11.0603 12.0542L17.7183 3.75117C18.7681 2.44202 17.8361 0.500002 16.158 0.500002H2.84203C1.16395 0.500002 0.231937 2.44202 1.28172 3.75117L7.93969 12.0542Z", fill: "currentColor" })), Re = f(at), rt = ({
+}, r) => /* @__PURE__ */ s.createElement("svg", { viewBox: "0 0 19 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": l, ...a }, t ? /* @__PURE__ */ s.createElement("title", { id: l }, t) : null, /* @__PURE__ */ s.createElement("path", { d: "M7.93969 12.0542C8.74031 13.0526 10.2597 13.0526 11.0603 12.0542L17.7183 3.75117C18.7681 2.44202 17.8361 0.500002 16.158 0.500002H2.84203C1.16395 0.500002 0.231937 2.44202 1.28172 3.75117L7.93969 12.0542Z", fill: "currentColor" })), Me = f(at), rt = ({
   title: t,
   titleId: l,
   ...a
-}, r) => /* @__PURE__ */ s.createElement("svg", { viewBox: "0 0 16 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": l, ...a }, t ? /* @__PURE__ */ s.createElement("title", { id: l }, t) : null, /* @__PURE__ */ s.createElement("path", { d: "M1 1.5L8 8.5L15 1.5", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), _e = f(rt), nt = ({
+}, r) => /* @__PURE__ */ s.createElement("svg", { viewBox: "0 0 16 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": l, ...a }, t ? /* @__PURE__ */ s.createElement("title", { id: l }, t) : null, /* @__PURE__ */ s.createElement("path", { d: "M1 1.5L8 8.5L15 1.5", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), Fe = f(rt), nt = ({
   title: t,
   titleId: l,
   ...a
@@ -1613,7 +1599,7 @@ const y5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
   title: t,
   titleId: l,
   ...a
-}, r) => /* @__PURE__ */ s.createElement("svg", { viewBox: "0 0 9 7", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": l, ...a }, t ? /* @__PURE__ */ s.createElement("title", { id: l }, t) : null, /* @__PURE__ */ s.createElement("path", { d: "M8.28033 0.21967C8.57322 0.512563 8.57322 0.987437 8.28033 1.28033L3.28033 6.28033C2.98744 6.57322 2.51256 6.57322 2.21967 6.28033L0.21967 4.28033C-0.0732233 3.98744 -0.0732233 3.51256 0.21967 3.21967C0.512563 2.92678 0.987437 2.92678 1.28033 3.21967L2.75 4.68934L4.98483 2.4545L7.21967 0.21967C7.51256 -0.0732233 7.98744 -0.0732233 8.28033 0.21967Z", fill: "currentColor" })), $e = f(st), it = ({
+}, r) => /* @__PURE__ */ s.createElement("svg", { viewBox: "0 0 9 7", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": l, ...a }, t ? /* @__PURE__ */ s.createElement("title", { id: l }, t) : null, /* @__PURE__ */ s.createElement("path", { d: "M8.28033 0.21967C8.57322 0.512563 8.57322 0.987437 8.28033 1.28033L3.28033 6.28033C2.98744 6.57322 2.51256 6.57322 2.21967 6.28033L0.21967 4.28033C-0.0732233 3.98744 -0.0732233 3.51256 0.21967 3.21967C0.512563 2.92678 0.987437 2.92678 1.28033 3.21967L2.75 4.68934L4.98483 2.4545L7.21967 0.21967C7.51256 -0.0732233 7.98744 -0.0732233 8.28033 0.21967Z", fill: "currentColor" })), _e = f(st), it = ({
   title: t,
   titleId: l,
   ...a
@@ -1697,7 +1683,7 @@ const y5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
   title: t,
   titleId: l,
   ...a
-}, r) => /* @__PURE__ */ s.createElement("svg", { viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": l, ...a }, t ? /* @__PURE__ */ s.createElement("title", { id: l }, t) : null, /* @__PURE__ */ s.createElement("path", { d: "M13.0317 0.647687C11.0886 1.88909 9.46937 4.156 9.63129 5.88317C9.90116 8.20405 13.1396 6.63881 13.7873 9.66135C14.0572 11.2266 13.0856 12.6299 11.5204 12.8998C9.63129 13.2776 8.17399 11.8203 7.7422 9.5534C6.98657 5.18151 10.0631 1.4573 12.6538 0L13.0317 0.647687ZM0.131863 9.5534C-0.677748 5.23548 2.39877 1.51127 5.0435 0L5.42132 0.701663C3.42428 1.88909 1.80506 4.20998 2.02095 5.93715C2.29082 8.20405 5.52927 6.69278 6.12298 9.71533C6.44683 11.2806 5.47529 12.6839 3.91005 12.9538C2.02095 13.2776 0.563655 11.8743 0.131863 9.5534Z", fill: "currentColor" })), Ie = f(Pt), Ot = ({
+}, r) => /* @__PURE__ */ s.createElement("svg", { viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": l, ...a }, t ? /* @__PURE__ */ s.createElement("title", { id: l }, t) : null, /* @__PURE__ */ s.createElement("path", { d: "M13.0317 0.647687C11.0886 1.88909 9.46937 4.156 9.63129 5.88317C9.90116 8.20405 13.1396 6.63881 13.7873 9.66135C14.0572 11.2266 13.0856 12.6299 11.5204 12.8998C9.63129 13.2776 8.17399 11.8203 7.7422 9.5534C6.98657 5.18151 10.0631 1.4573 12.6538 0L13.0317 0.647687ZM0.131863 9.5534C-0.677748 5.23548 2.39877 1.51127 5.0435 0L5.42132 0.701663C3.42428 1.88909 1.80506 4.20998 2.02095 5.93715C2.29082 8.20405 5.52927 6.69278 6.12298 9.71533C6.44683 11.2806 5.47529 12.6839 3.91005 12.9538C2.02095 13.2776 0.563655 11.8743 0.131863 9.5534Z", fill: "currentColor" })), $e = f(Pt), Ot = ({
   title: t,
   titleId: l,
   ...a
@@ -1719,23 +1705,23 @@ const y5 = ({ content: t, className: l }) => /* @__PURE__ */ e.jsxs("div", { cla
   ...a
 }, r) => /* @__PURE__ */ s.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", role: "img", "aria-label": "Unmute", ref: r, "aria-labelledby": l, ...a }, t ? /* @__PURE__ */ s.createElement("title", { id: l }, t) : null, /* @__PURE__ */ s.createElement("path", { d: "M11.25 5.25 6.75 9H4.5A2.25 2.25 0 0 0 2.25 11.25v1.5A2.25 2.25 0 0 0 4.5 15h2.25l4.5 3.75a.75.75 0 0 0 1.23-.58V5.83a.75.75 0 0 0-1.23-.58Z" }), /* @__PURE__ */ s.createElement("path", { d: "M15.75 8.25a6.75 6.75 0 0 1 0 7.5" }), /* @__PURE__ */ s.createElement("path", { d: "M17.64 7.5A9 9 0 0 1 19.5 12a9 9 0 0 1-1.86 4.5" })), Jt = f(Ut);
 export {
-  _e as ArrowIcon,
-  Re as ArrowPlainIcon,
-  pe as Banner,
-  _ as Button,
+  Fe as ArrowIcon,
+  Me as ArrowPlainIcon,
+  ge as Banner,
+  F as Button,
   i5 as ButtonSelect,
   E5 as CalendarIcon,
   a5 as CardButton,
-  $e as CheckIcon,
-  Fe as Checkbox,
-  Ze as ClearButton,
+  _e as CheckIcon,
+  Ze as Checkbox,
+  Te as ClearButton,
   ct as CrossIcon,
   ot as CrossRoundedIcon,
   $1 as Dropdown,
-  he as DropdownMenu,
+  pe as DropdownMenu,
   y1 as Emblem,
-  J as ErrorMessage,
-  te as FAQButton,
+  Y as ErrorMessage,
+  X as FAQButton,
   ut as FacebookIcon,
   g5 as FaqItem,
   o5 as Filters,
@@ -1758,9 +1744,9 @@ export {
   H5 as InfoIcon,
   p5 as Ingredient,
   wt as InstagramIcon,
-  ae as Label,
+  te as Label,
   jt as LinkedinIcon,
-  le as Logo,
+  ee as Logo,
   S5 as MagicWandIcon,
   Et as MenuIcon,
   Mt as MinusIcon,
@@ -1779,12 +1765,12 @@ export {
   $t as PolaroidThreadIcon,
   At as ProfilIcon,
   d5 as QuantityInput,
-  Ie as QuoteIcon,
+  $e as QuoteIcon,
   b5 as RecetteCard,
-  B as ResponsiveImage,
+  O as ResponsiveImage,
   n5 as SimpleIllustratedCardButton,
   _1 as SocialButton,
-  U as SpanTitle,
+  W as SpanTitle,
   Bt as StarIcon,
   v5 as StatCard,
   h1 as Stepper,
@@ -1797,7 +1783,7 @@ export {
   m5 as TextInput,
   Wt as TiktokIcon,
   y5 as Tips,
-  I as Title,
+  $ as Title,
   s5 as Toggle,
   j5 as TransitionCard,
   T5 as TrustpilotIcon,
@@ -1809,6 +1795,6 @@ export {
   x5 as WizardTextInput,
   N5 as WizardTips,
   Ke as frDesign,
-  ze as menuNavLinks
+  Se as menuNavLinks
 };
 //# sourceMappingURL=index.es.js.map