@club-employes/utopia 4.43.0 → 4.47.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as U, computed as P, ref as Z, provide as js, onMounted as xA, onBeforeUnmount as qe, watch as iA, createElementBlock as m, openBlock as f, renderSlot as AA, normalizeStyle as rA, normalizeClass as C, useSlots as Ys, createCommentVNode as y, Fragment as sA, createBlock as S, createElementVNode as v, createVNode as J, toDisplayString as T, withDirectives as _e, unref as H, vModelDynamic as Ds, createTextVNode as oA, nextTick as vA, resolveDynamicComponent as we, withCtx as R, renderList as aA, onUnmounted as OA, useTemplateRef as ze, Teleport as EA, Transition as DA, withModifiers as jA, TransitionGroup as ks, vModelText as Ts, useCssVars as Gs, withKeys as Ge, mergeProps as Zs } from "vue";
+import { defineComponent as U, computed as P, ref as Z, provide as js, onMounted as xA, onBeforeUnmount as qe, watch as iA, createElementBlock as m, openBlock as f, renderSlot as AA, normalizeStyle as rA, normalizeClass as C, useSlots as Ys, createCommentVNode as y, Fragment as sA, createBlock as S, createElementVNode as l, createVNode as J, toDisplayString as T, withDirectives as _e, unref as H, vModelDynamic as Ds, createTextVNode as oA, nextTick as vA, resolveDynamicComponent as we, withCtx as R, renderList as aA, onUnmounted as OA, useTemplateRef as ze, Teleport as EA, Transition as DA, withModifiers as jA, TransitionGroup as ks, vModelText as Ts, useCssVars as Gs, withKeys as Ge, mergeProps as Zs } from "vue";
 import { RouterLink as Hs, useRoute as Js } from "vue-router";
 import { useBreakpoints as Cs, useScrollLock as $e, unrefElement as Ls, tryOnScopeDispose as Es, useMediaQuery as Xs, useEventListener as Qs } from "@vueuse/core";
 const Be = (A, s, e) => {
@@ -17,10 +17,10 @@ const Be = (A, s, e) => {
         return t.get(a);
       const u = a.lastIndexOf("-"), g = a.substring(0, u), d = a.substring(u + 1);
       try {
-        const l = await Be(/* @__PURE__ */ Object.assign({ "../tokens/generated/club-employes/dark.css": () => import("./dark-ClkVxmkZ.js"), "../tokens/generated/club-employes/light.css": () => import("./light-DTJp1z_H.js"), "../tokens/generated/gifteo/dark.css": () => import("./dark-gzt5agWk.js"), "../tokens/generated/gifteo/light.css": () => import("./light-BbFm7eMu.js") }), `../tokens/generated/${g}/${d}.css`, 5), p = l.default || l;
+        const v = await Be(/* @__PURE__ */ Object.assign({ "../tokens/generated/club-employes/dark.css": () => import("./dark-ClkVxmkZ.js"), "../tokens/generated/club-employes/light.css": () => import("./light-DTJp1z_H.js"), "../tokens/generated/gifteo/dark.css": () => import("./dark-gzt5agWk.js"), "../tokens/generated/gifteo/light.css": () => import("./light-BbFm7eMu.js") }), `../tokens/generated/${g}/${d}.css`, 5), p = v.default || v;
         return t.set(a, p), p;
-      } catch (l) {
-        return console.warn(`Failed to preload theme CSS for ${a}:`, l), "";
+      } catch (v) {
+        return console.warn(`Failed to preload theme CSS for ${a}:`, v), "";
       }
     }, c = async () => {
       if (!n.value) {
@@ -52,16 +52,16 @@ const Be = (A, s, e) => {
       const a = document.querySelector("style[data-theme-preloaded]");
       if (a?.getAttribute("data-theme-preloaded") === e.value) {
         console.log("✅ Theme already preloaded via initializeTheme(), skipping initial injection");
-        const l = a?.textContent;
-        l && t.set(e.value, l);
+        const v = a?.textContent;
+        v && t.set(e.value, v);
         const p = [
           "club-employes-light",
           "club-employes-dark",
           "gifteo-light",
           "gifteo-dark"
-        ].filter((M) => M !== e.value);
+        ].filter((O) => O !== e.value);
         Promise.all(
-          p.map((M) => o(M))
+          p.map((O) => o(O))
         ).then(() => {
           console.log("🚀 Other themes preloaded in cache");
         });
@@ -74,7 +74,7 @@ const Be = (A, s, e) => {
         "gifteo-dark"
       ];
       if (Promise.all(
-        d.map((l) => o(l))
+        d.map((v) => o(v))
       ).then(() => {
         console.log("🚀 All themes preloaded in cache");
       }), g && e.value === "club-employes-light") {
@@ -124,7 +124,7 @@ const Be = (A, s, e) => {
   for (const [t, n] of s)
     e[t] = n;
   return e;
-}, ua = /* @__PURE__ */ $(Ns, [["__scopeId", "data-v-ec572e66"]]), Fs = {
+}, ma = /* @__PURE__ */ $(Ns, [["__scopeId", "data-v-ec572e66"]]), Fs = {
   name: "club-employes-light",
   mode: "light"
 }, Is = {
@@ -211,21 +211,21 @@ function yA() {
     A.value = A.value === "club-employes" ? "gifteo" : "club-employes";
   }, i = () => {
     s.value = s.value === "light" ? "dark" : "light";
-  }, r = (l) => {
+  }, r = (v) => {
     if (t.value) {
       console.warn("⚠️ Brand is locked and cannot be changed. Brand is determined by the domain.");
       return;
     }
-    A.value = l;
-  }, a = (l) => {
-    s.value = l;
+    A.value = v;
+  }, a = (v) => {
+    s.value = v;
   }, u = () => {
     e.value = !e.value;
-  }, g = (l) => {
-    e.value = l;
-  }, d = P(() => Object.keys(RA).map((l) => ({
-    key: l,
-    name: RA[l].name
+  }, g = (v) => {
+    e.value = v;
+  }, d = P(() => Object.keys(RA).map((v) => ({
+    key: v,
+    name: RA[v].name
   })));
   return {
     // State
@@ -420,14 +420,14 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
     return (i, r) => (f(), m("label", {
       class: C(["utopia-checkbox", o.value])
     }, [
-      v("input", {
+      l("input", {
         type: "checkbox",
         class: "utopia-checkbox__input",
         checked: A.modelValue,
         disabled: A.disabled,
         onChange: c
       }, null, 40, at),
-      v("div", ft, [
+      l("div", ft, [
         J(N, {
           name: "Check",
           class: "utopia-checkbox__check",
@@ -484,7 +484,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
         "stroke-width": 2,
         class: "utopia-chip__left-icon"
       }, null, 8, ["name", "size"])) : y("", !0),
-      v("span", ut, [
+      l("span", ut, [
         AA(a.$slots, "default", {}, void 0, !0)
       ]),
       A.removable ? (f(), m("button", {
@@ -558,17 +558,17 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
       "utopia-inputtext__field--numeric-text": e.type === "number" && e.maxlength !== void 0 && e.isCode
     })), d = P(() => ({
       [`utopia-inputtext__message--${e.state}`]: e.state === "error" || e.state === "valid"
-    })), l = (Y) => {
+    })), v = (Y) => {
       t("focus", Y);
     }, p = (Y) => {
       e.forceModelValueOnBlur && (o.value = e.modelValue), t("blur", Y);
-    }, M = (Y) => {
+    }, O = (Y) => {
       const B = Y.target;
       let z = B.value;
       e.isCode && (z = z.charAt(0).toUpperCase(), e.type === "number" ? /^\d$/.test(z) || (z = "") : /^[A-Z0-9]$/.test(z) || (z = ""), B.value = z), o.value = z, t("update:modelValue", z), t("input", Y);
     }, x = (Y) => {
       t("change", Y);
-    }, w = (Y) => {
+    }, b = (Y) => {
       if (e.isCode) {
         const B = Y.key;
         if (e.type === "number") {
@@ -581,23 +581,23 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
           return;
         }
       }
-    }, k = (Y) => {
+    }, D = (Y) => {
       t("keydown", Y);
-    }, b = (Y) => {
+    }, w = (Y) => {
       t("paste", Y);
     }, L = (Y) => {
       e.iconClickable && !e.disabled && !e.readonly && t("icon-click", Y);
     }, G = (Y) => {
       const B = parseFloat(Y);
       return Number.isFinite(B) ? B : 0;
-    }, D = (Y) => (typeof e.min == "number" && (Y = Math.max(Y, e.min)), typeof e.max == "number" && (Y = Math.min(Y, e.max)), Y), Q = (Y) => {
+    }, k = (Y) => (typeof e.min == "number" && (Y = Math.max(Y, e.min)), typeof e.max == "number" && (Y = Math.min(Y, e.max)), Y), Q = (Y) => {
       const B = i.value, z = B && !Number.isInteger(B) ? B.toString().split(".")[1]?.length ?? 0 : 0;
       return Y.toFixed(z);
     }, I = () => {
-      const Y = G(o.value), B = D(Y + i.value), z = Q(B);
+      const Y = G(o.value), B = k(Y + i.value), z = Q(B);
       o.value = z, t("update:modelValue", z);
     }, j = () => {
-      const Y = G(o.value), B = D(Y - i.value), z = Q(B);
+      const Y = G(o.value), B = k(Y - i.value), z = Q(B);
       o.value = z, t("update:modelValue", z);
     }, V = (Y) => {
       o.value = Y, vA(() => {
@@ -614,7 +614,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
         class: "utopia-inputtext__label",
         for: c.value
       }, T(A.label), 9, zt)) : y("", !0),
-      v("div", pt, [
+      l("div", pt, [
         (A.icon || A.state === "valid" || A.state === "error") && A.iconPosition === "left" ? (f(), m("div", {
           key: 0,
           class: C(["utopia-inputtext__icon-container utopia-inputtext__icon--left", { "utopia-inputtext__icon--clickable": A.iconClickable }]),
@@ -640,7 +640,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
             color: "current"
           }, null, 8, ["name"])) : y("", !0)
         ], 2)) : y("", !0),
-        _e(v("input", {
+        _e(l("input", {
           id: c.value,
           ref_key: "inputRef",
           ref: n,
@@ -655,13 +655,13 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
           min: A.min,
           max: A.max,
           step: i.value,
-          onFocus: l,
+          onFocus: v,
           onBlur: p,
-          onInput: M,
+          onInput: O,
           onChange: x,
-          onKeypress: w,
-          onKeydown: k,
-          onPaste: b
+          onKeypress: b,
+          onKeydown: D,
+          onPaste: w
         }, null, 42, xt), [
           [Ds, o.value]
         ]),
@@ -694,7 +694,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
           }, null, 8, ["name"])) : y("", !0)
         ], 2)) : y("", !0),
         A.type === "number" && !A.isCode ? (f(), m("div", Pt, [
-          v("button", {
+          l("button", {
             type: "button",
             class: "utopia-inputtext__stepper-btn utopia-inputtext__stepper-btn--up",
             onClick: I,
@@ -706,7 +706,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
               "stroke-width": "2"
             })
           ], 8, Mt),
-          v("button", {
+          l("button", {
             type: "button",
             class: "utopia-inputtext__stepper-btn utopia-inputtext__stepper-btn--down",
             onClick: j,
@@ -797,7 +797,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
       _: 3
     }, 8, ["class", "style"]));
   }
-}), ga = /* @__PURE__ */ $(wt, [["__scopeId", "data-v-0ba4d574"]]), Bt = /* @__PURE__ */ U({
+}), za = /* @__PURE__ */ $(wt, [["__scopeId", "data-v-0ba4d574"]]), Bt = /* @__PURE__ */ U({
   __name: "SkeletonAvatar",
   props: {
     size: { default: "40px" },
@@ -818,7 +818,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
       style: rA(t.value)
     }, null, 6));
   }
-}), ma = /* @__PURE__ */ $(Bt, [["__scopeId", "data-v-ae0bac0c"]]), jt = /* @__PURE__ */ U({
+}), pa = /* @__PURE__ */ $(Bt, [["__scopeId", "data-v-ae0bac0c"]]), jt = /* @__PURE__ */ U({
   __name: "SkeletonText",
   props: {
     lines: { default: 3 },
@@ -847,7 +847,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
       }, null, 6))), 128))
     ], 6));
   }
-}), za = /* @__PURE__ */ $(jt, [["__scopeId", "data-v-01adbb2c"]]), Yt = ["checked", "disabled"], Dt = { class: "utopia-switch__track" }, kt = { class: "utopia-switch__thumb" }, Tt = {
+}), xa = /* @__PURE__ */ $(jt, [["__scopeId", "data-v-01adbb2c"]]), Yt = ["checked", "disabled"], Dt = { class: "utopia-switch__track" }, kt = { class: "utopia-switch__thumb" }, Tt = {
   key: 0,
   class: "utopia-switch__label"
 }, Gt = /* @__PURE__ */ U({
@@ -872,15 +872,15 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
     return (i, r) => (f(), m("label", {
       class: C(["utopia-switch", o.value])
     }, [
-      v("input", {
+      l("input", {
         type: "checkbox",
         class: "utopia-switch__input",
         checked: A.modelValue,
         disabled: A.disabled,
         onChange: c
       }, null, 40, Yt),
-      v("div", Dt, [
-        v("div", kt, [
+      l("div", Dt, [
+        l("div", kt, [
           J(N, {
             name: "Check",
             class: C(`utopia-switch__icon ${A.modelValue ? "utopia-switch__icon--visible" : ""}`),
@@ -893,7 +893,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
       ])) : y("", !0)
     ], 2));
   }
-}), pa = /* @__PURE__ */ $(Gt, [["__scopeId", "data-v-590ea41c"]]);
+}), Pa = /* @__PURE__ */ $(Gt, [["__scopeId", "data-v-590ea41c"]]);
 function As(A) {
   return [
     "club-employes-light",
@@ -902,7 +902,7 @@ function As(A) {
     "gifteo-dark"
   ].includes(A);
 }
-async function xa(A) {
+async function Ma(A) {
   if (!As(A))
     throw new Error(
       `Invalid theme name: ${A}. Valid themes are: club-employes-light, club-employes-dark, gifteo-light, gifteo-dark`
@@ -921,7 +921,7 @@ async function xa(A) {
     throw console.error("❌ Failed to initialize theme:", A, s), new Error(`Failed to initialize theme ${A}: ${s}`);
   }
 }
-function Pa() {
+function Oa() {
   const A = document.querySelector("style[data-theme-preloaded]");
   if (A) {
     const s = A.getAttribute("data-theme-preloaded");
@@ -930,13 +930,13 @@ function Pa() {
   }
   return null;
 }
-function Ma() {
+function ya() {
   if (typeof window < "u") {
     const A = document.querySelector("style[data-theme-preloaded]");
     A && (A.removeAttribute("data-theme-preloaded"), window.dispatchEvent(new CustomEvent("utopia:brand-unlocked")), console.log("🔓 Brand unlocked - manual brand switching is now allowed"));
   }
 }
-function Oa() {
+function ba() {
   const { currentBrand: A, currentMode: s } = yA(), e = (r) => {
     try {
       const u = `--assets-logos-${r}-small`, d = getComputedStyle(document.documentElement).getPropertyValue(u).trim();
@@ -1057,12 +1057,12 @@ function es(A = {}) {
   const i = Z(), r = Z(!1), a = Z(!0), u = () => {
     if (i.value)
       try {
-        const { scrollTop: x, scrollHeight: w, clientHeight: k } = i.value;
-        if (!(w > k)) {
+        const { scrollTop: x, scrollHeight: b, clientHeight: D } = i.value;
+        if (!(b > D)) {
           r.value = !1, a.value = !1;
           return;
         }
-        const L = x <= t, G = Math.abs(w - k - x) <= e;
+        const L = x <= t, G = Math.abs(b - D - x) <= e;
         r.value = !L, a.value = !G;
       } catch (x) {
         console.warn("Error checking scroll position:", x), r.value = !1, a.value = !1;
@@ -1073,14 +1073,14 @@ function es(A = {}) {
     setTimeout(() => {
       u();
     }, s);
-  }, l = (x) => iA(x, (k) => {
-    k && vA(() => {
+  }, v = (x) => iA(x, (D) => {
+    D && vA(() => {
       setTimeout(u, s);
     });
   }, { immediate: !0 }), p = P(() => {
     const x = ["scroll-shadows-container"];
     return r.value || x.push("hide-top-shadow"), a.value || x.push("hide-bottom-shadow"), x;
-  }), M = P(() => ["scroll-content-hidden-scrollbar"]);
+  }), O = P(() => ["scroll-content-hidden-scrollbar"]);
   return OA(() => {
     c && c();
   }), {
@@ -1091,9 +1091,9 @@ function es(A = {}) {
     checkScrollPosition: u,
     initialize: d,
     containerClasses: p,
-    scrollClasses: M,
+    scrollClasses: O,
     // Fonction bonus pour les cas d'usage spéciaux
-    initializeOnChange: l
+    initializeOnChange: v
   };
 }
 const Ht = {
@@ -1142,7 +1142,7 @@ const Et = /* @__PURE__ */ U({
         "stroke-width": 2,
         class: "utopia-link-content__icon"
       }, null, 8, ["name", "size"])) : y("", !0),
-      v("div", {
+      l("div", {
         class: C(e.value)
       }, T(A.label), 3),
       A.iconRight ? (f(), S(N, {
@@ -1256,7 +1256,7 @@ const Et = /* @__PURE__ */ U({
       _: 3
     }, 8, ["class", "style"]));
   }
-}), ya = /* @__PURE__ */ $(Nt, [["__scopeId", "data-v-d8e088ea"]]), Ft = {
+}), wa = /* @__PURE__ */ $(Nt, [["__scopeId", "data-v-d8e088ea"]]), Ft = {
   key: 0,
   class: "utopia-rangeslider__slider-container"
 }, It = ["min", "max", "value"], Vt = ["min", "max", "value"], St = {
@@ -1278,42 +1278,42 @@ const Et = /* @__PURE__ */ U({
       [`utopia-rangeslider__input--${e.size}`]: !0
     })), i = P(() => ({
       [`utopia-rangeslider__input-from--${e.size}`]: !0
-    })), r = s, a = (b) => {
-      const L = b.target;
+    })), r = s, a = (w) => {
+      const L = w.target;
       r("update-value", L.valueAsNumber);
-    }, u = (b) => {
-      const L = b.target;
+    }, u = (w) => {
+      const L = w.target;
       if (t.value) {
         const G = Math.min(L.valueAsNumber, o.value);
         r("update-value", [G, o.value]);
       }
-    }, g = (b) => {
-      const L = b.target;
+    }, g = (w) => {
+      const L = w.target;
       if (t.value) {
         const G = Math.max(n.value, L.valueAsNumber);
         r("update-value", [n.value, G]);
       }
     }, d = P(() => {
-      const b = t.value ? n.value : 0, L = e.max - e.min;
-      return (b - e.min) / L * 100;
-    }), l = P(() => {
-      const b = (t.value, o.value), L = e.max - e.min;
-      return (b - e.min) / L * 100;
+      const w = t.value ? n.value : 0, L = e.max - e.min;
+      return (w - e.min) / L * 100;
+    }), v = P(() => {
+      const w = (t.value, o.value), L = e.max - e.min;
+      return (w - e.min) / L * 100;
     }), p = P(() => {
-      const b = "var(--theme-colors-brand-secondary-100)", L = "var(--theme-colors-brand-primary-500)";
+      const w = "var(--theme-colors-brand-secondary-100)", L = "var(--theme-colors-brand-primary-500)";
       return {
         background: `linear-gradient(
     to right,
-    ${b} 0%,
-    ${b} ${d.value}%,
+    ${w} 0%,
+    ${w} ${d.value}%,
     ${L} ${d.value}%,
-    ${L} ${l.value}%, 
-    ${b} ${l.value}%, 
-    ${b} 100%)`
+    ${L} ${v.value}%, 
+    ${w} ${v.value}%, 
+    ${w} 100%)`
       };
-    }), M = Z(null), x = Z(null), w = Z(null), k = P(() => {
-      const b = M.value?.offsetWidth || 0, L = x.value?.offsetWidth || 0, G = w.value?.offsetWidth || 0, D = L + G + (t.value ? 12 : 0), Q = b - D;
-      let I = d.value * b * (1 - L / b) / 100, j = (100 - l.value) * b * (1 - G / b) / 100;
+    }), O = Z(null), x = Z(null), b = Z(null), D = P(() => {
+      const w = O.value?.offsetWidth || 0, L = x.value?.offsetWidth || 0, G = b.value?.offsetWidth || 0, k = L + G + (t.value ? 12 : 0), Q = w - k;
+      let I = d.value * w * (1 - L / w) / 100, j = (100 - v.value) * w * (1 - G / w) / 100;
       return I + j > Q && (I > j ? I = Q - j : j = Q - I), {
         "padding-left": `calc(${I}px)`,
         "padding-right": `calc(${j}px)`,
@@ -1322,14 +1322,14 @@ const Et = /* @__PURE__ */ U({
       };
     });
     return xA(() => {
-      M.value = ze("sliderRef"), x.value = ze("fromValueRef"), w.value = ze("toValueRef");
-    }), (b, L) => (f(), m("div", {
+      O.value = ze("sliderRef"), x.value = ze("fromValueRef"), b.value = ze("toValueRef");
+    }), (w, L) => (f(), m("div", {
       class: "utopia-rangeslider",
       ref_key: "sliderRef",
-      ref: M
+      ref: O
     }, [
       t.value ? (f(), m("div", Ft, [
-        v("input", {
+        l("input", {
           class: C(["utopia-rangeslider__input utopia-rangeslider__input-from", [c.value, i.value]]),
           type: "range",
           min: A.min,
@@ -1337,7 +1337,7 @@ const Et = /* @__PURE__ */ U({
           value: n.value,
           onInput: u
         }, null, 42, It),
-        v("input", {
+        l("input", {
           class: C(["utopia-rangeslider__input utopia-rangeslider__input-to", c.value]),
           style: rA(p.value),
           type: "range",
@@ -1347,7 +1347,7 @@ const Et = /* @__PURE__ */ U({
           onInput: g
         }, null, 46, Vt)
       ])) : (f(), m("div", St, [
-        v("input", {
+        l("input", {
           class: C(["utopia-rangeslider__input", c.value]),
           style: rA(p.value),
           type: "range",
@@ -1356,11 +1356,11 @@ const Et = /* @__PURE__ */ U({
           value: typeof A.currentValue == "number" ? A.currentValue : A.min,
           onInput: a
         }, null, 46, Wt),
-        L[0] || (L[0] = v("div", { class: "utopia-rangeslider__progress" }, null, -1))
+        L[0] || (L[0] = l("div", { class: "utopia-rangeslider__progress" }, null, -1))
       ])),
-      v("div", {
+      l("div", {
         class: "utopia-rangeslider__range-values-container",
-        style: rA(k.value)
+        style: rA(D.value)
       }, [
         t.value ? (f(), m("div", {
           key: 0,
@@ -1368,10 +1368,10 @@ const Et = /* @__PURE__ */ U({
           ref_key: "fromValueRef",
           ref: x
         }, T(n.value) + T(A.unit ? ` ${A.unit}` : ""), 513)) : y("", !0),
-        v("div", {
+        l("div", {
           class: "utopia-rangeslider__range-value",
           ref_key: "toValueRef",
-          ref: w
+          ref: b
         }, T(o.value) + T(A.unit ? ` ${A.unit}` : ""), 513)
       ], 4)
     ], 512));
@@ -1425,12 +1425,12 @@ const Et = /* @__PURE__ */ U({
       J(DA, { name: "utopia-bottom-sheet" }, {
         default: R(() => [
           A.modelValue ? (f(), m("div", Ut, [
-            v("div", {
+            l("div", {
               class: C(["bottomsheet", n.value])
             }, [
-              a[0] || (a[0] = v("div", { class: "bottomsheet__handle" }, null, -1)),
+              a[0] || (a[0] = l("div", { class: "bottomsheet__handle" }, null, -1)),
               A.title ? (f(), m("h3", qt, T(A.title), 1)) : y("", !0),
-              v("div", _t, [
+              l("div", _t, [
                 AA(r.$slots, "default", {}, void 0, !0)
               ])
             ], 2)
@@ -1440,7 +1440,7 @@ const Et = /* @__PURE__ */ U({
       })
     ]));
   }
-}), ba = /* @__PURE__ */ $($t, [["__scopeId", "data-v-7df648fa"]]), An = ["for"], en = { class: "utopia-dropdown__container" }, sn = ["id", "disabled", "aria-expanded"], tn = { key: 0 }, nn = {
+}), Ba = /* @__PURE__ */ $($t, [["__scopeId", "data-v-7df648fa"]]), An = ["for"], en = { class: "utopia-dropdown__container" }, sn = ["id", "disabled", "aria-expanded"], tn = { key: 0 }, nn = {
   key: 0,
   class: "utopia-dropdown__chips-shadow utopia-dropdown__chips-shadow--left"
 }, on = {
@@ -1486,13 +1486,13 @@ const Et = /* @__PURE__ */ U({
   setup(A, { emit: s }) {
     const e = A, t = s, n = Z(), o = Z(), c = Z();
     Z();
-    const i = Z(), r = Z(!1), a = Z(!1), u = Z(!1), g = Z(""), d = Z(-1), l = Z({ top: "0px", left: "0px", width: "0px" }), p = P(() => `utopia-dropdown-${Math.random().toString(36).substr(2, 9)}`), M = P(() => e.multiple ? Array.isArray(e.modelValue) && e.modelValue.length > 0 : e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), x = P(() => !e.multiple || !Array.isArray(e.modelValue) ? [] : e.options.filter(
+    const i = Z(), r = Z(!1), a = Z(!1), u = Z(!1), g = Z(""), d = Z(-1), v = Z({ top: "0px", left: "0px", width: "0px" }), p = P(() => `utopia-dropdown-${Math.random().toString(36).substr(2, 9)}`), O = P(() => e.multiple ? Array.isArray(e.modelValue) && e.modelValue.length > 0 : e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), x = P(() => !e.multiple || !Array.isArray(e.modelValue) ? [] : e.options.filter(
       (X) => e.modelValue.includes(X.value)
-    )), w = P(() => 2), k = P(() => {
+    )), b = P(() => 2), D = P(() => {
       if (!i.value) return !1;
       const { scrollWidth: X, clientWidth: q } = i.value;
       return X > q + 2;
-    }), b = () => {
+    }), w = () => {
       if (!i.value) return;
       const { scrollLeft: X, scrollWidth: q, clientWidth: _ } = i.value, nA = q > _ + 2;
       if (!nA) {
@@ -1502,14 +1502,14 @@ const Et = /* @__PURE__ */ U({
       const MA = X <= 1, me = Math.abs(q - _ - X) <= 1;
       r.value = nA && !MA, a.value = nA && !me;
     }, L = P(() => e.multiple && e.searchable ? "400px" : e.maxHeight || "300px"), G = P(() => {
-      if (!M.value)
+      if (!O.value)
         return e.placeholder;
       if (e.multiple && Array.isArray(e.modelValue)) {
         const q = x.value;
         return q.length === 0 ? e.placeholder : q.length === 1 ? q[0].label : `${q.length} éléments sélectionnés`;
       }
       return e.options.find((q) => q.value === e.modelValue)?.label || e.placeholder;
-    }), D = P(() => !e.searchable || !g.value ? e.options : e.options.filter(
+    }), k = P(() => !e.searchable || !g.value ? e.options : e.options.filter(
       (X) => X.label.toLowerCase().includes(g.value.toLowerCase())
     )), Q = P(() => ({
       [`utopia-dropdown--${e.size}`]: !0,
@@ -1519,7 +1519,7 @@ const Et = /* @__PURE__ */ U({
       "utopia-dropdown--open": u.value,
       "utopia-dropdown--with-message": e.message
     })), I = P(() => ({
-      "utopia-dropdown__trigger--with-clear": e.clearable && M.value,
+      "utopia-dropdown__trigger--with-clear": e.clearable && O.value,
       "utopia-dropdown__trigger--with-state": e.state === "valid" || e.state === "error",
       "utopia-dropdown__trigger--open": u.value
     })), j = P(() => ({
@@ -1531,14 +1531,14 @@ const Et = /* @__PURE__ */ U({
     }), B = () => {
       if (!n.value) return;
       const X = n.value.getBoundingClientRect(), _ = window.innerHeight - X.bottom, nA = X.top, MA = parseInt(L.value.replace("px", "")) || 300, me = _ < MA && nA > MA;
-      l.value = {
+      v.value = {
         top: me ? `${X.top - Math.min(MA, nA) - 4}px` : `${X.bottom + 4}px`,
         left: `${X.left}px`,
         width: `${X.width}px`
       };
     }, z = () => {
-      e.disabled || e.readonly || (u.value ? E() : O());
-    }, O = async () => {
+      e.disabled || e.readonly || (u.value ? E() : M());
+    }, M = async () => {
       if (!(e.disabled || e.readonly) && (B(), u.value = !0, d.value = -1, g.value = "", t("open"), await vA(), e.searchable && c.value))
         try {
           const X = c.value?.$el?.querySelector("input");
@@ -1571,7 +1571,7 @@ const Et = /* @__PURE__ */ U({
           X.preventDefault(), z();
           break;
         case "ArrowDown":
-          X.preventDefault(), u.value ? d.value = Math.min(d.value + 1, D.value.length - 1) : O();
+          X.preventDefault(), u.value ? d.value = Math.min(d.value + 1, k.value.length - 1) : M();
           break;
         case "ArrowUp":
           X.preventDefault(), u.value && (d.value = Math.max(d.value - 1, 0));
@@ -1586,13 +1586,13 @@ const Et = /* @__PURE__ */ U({
     }, eA = (X) => {
       switch (X.key) {
         case "ArrowDown":
-          X.preventDefault(), d.value = Math.min(d.value + 1, D.value.length - 1);
+          X.preventDefault(), d.value = Math.min(d.value + 1, k.value.length - 1);
           break;
         case "ArrowUp":
           X.preventDefault(), d.value = Math.max(d.value - 1, 0);
           break;
         case "Enter":
-          X.preventDefault(), d.value >= 0 && D.value[d.value] && h(D.value[d.value]);
+          X.preventDefault(), d.value >= 0 && k.value[d.value] && h(k.value[d.value]);
           break;
         case "Escape":
           X.preventDefault(), E();
@@ -1610,7 +1610,7 @@ const Et = /* @__PURE__ */ U({
     };
     return xA(() => {
       document.addEventListener("click", fA), window.addEventListener("resize", cA), window.addEventListener("scroll", cA, !0), setTimeout(() => {
-        b();
+        w();
       }, 100);
     }), OA(() => {
       document.removeEventListener("click", fA), window.removeEventListener("resize", cA), window.removeEventListener("scroll", cA, !0);
@@ -1622,8 +1622,8 @@ const Et = /* @__PURE__ */ U({
         class: "utopia-dropdown__label",
         for: p.value
       }, T(A.label), 9, An)) : y("", !0),
-      v("div", en, [
-        v("button", {
+      l("div", en, [
+        l("button", {
           id: p.value,
           ref_key: "triggerRef",
           ref: n,
@@ -1637,22 +1637,22 @@ const Et = /* @__PURE__ */ U({
           onFocus: tA,
           onBlur: lA
         }, [
-          v("div", {
-            class: C(["utopia-dropdown__value", { "utopia-dropdown__value--placeholder": !M.value }])
+          l("div", {
+            class: C(["utopia-dropdown__value", { "utopia-dropdown__value--placeholder": !O.value }])
           }, [
             A.multiple ? (f(), m(sA, { key: 1 }, [
-              M.value ? (f(), m("div", {
+              O.value ? (f(), m("div", {
                 class: "utopia-dropdown__chips-wrapper",
                 key: `chips-${x.value.length}`
               }, [
-                r.value && k.value ? (f(), m("div", nn)) : y("", !0),
-                v("div", {
+                r.value && D.value ? (f(), m("div", nn)) : y("", !0),
+                l("div", {
                   ref_key: "chipsScrollRef",
                   ref: i,
                   class: "utopia-dropdown__chips",
-                  onScroll: b
+                  onScroll: w
                 }, [
-                  (f(!0), m(sA, null, aA(x.value.slice(0, w.value), (_) => (f(), S(H(HA), {
+                  (f(!0), m(sA, null, aA(x.value.slice(0, b.value), (_) => (f(), S(H(HA), {
                     key: `chip-${_.value}`,
                     size: "small",
                     variant: "default",
@@ -1665,13 +1665,13 @@ const Et = /* @__PURE__ */ U({
                     ]),
                     _: 2
                   }, 1032, ["onRemove"]))), 128)),
-                  x.value.length > w.value ? (f(), m("span", on, " +" + T(x.value.length - w.value) + " autres ", 1)) : y("", !0)
+                  x.value.length > b.value ? (f(), m("span", on, " +" + T(x.value.length - b.value) + " autres ", 1)) : y("", !0)
                 ], 544),
-                a.value && k.value ? (f(), m("div", cn)) : y("", !0)
+                a.value && D.value ? (f(), m("div", cn)) : y("", !0)
               ])) : (f(), m("span", rn, T(A.placeholder), 1))
             ], 64)) : (f(), m("span", tn, T(G.value), 1))
           ], 2),
-          A.clearable && M.value && !A.disabled ? (f(), m("div", {
+          A.clearable && O.value && !A.disabled ? (f(), m("div", {
             key: 0,
             size: "sm",
             class: "utopia-dropdown__clear",
@@ -1687,7 +1687,7 @@ const Et = /* @__PURE__ */ U({
               color: "neutral"
             })
           ], 32)) : y("", !0),
-          v("div", {
+          l("div", {
             class: C(["utopia-dropdown__chevron", { "utopia-dropdown__chevron--open": u.value }])
           }, [
             J(H(N), {
@@ -1720,9 +1720,9 @@ const Et = /* @__PURE__ */ U({
               class: "utopia-dropdown__menu",
               style: rA({
                 maxHeight: L.value,
-                top: l.value.top,
-                left: l.value.left,
-                width: l.value.width
+                top: v.value.top,
+                left: v.value.left,
+                width: v.value.width
               }),
               role: "listbox",
               "aria-multiselectable": A.multiple
@@ -1740,8 +1740,8 @@ const Et = /* @__PURE__ */ U({
                   onKeydown: eA
                 }, null, 8, ["modelValue"])
               ])) : y("", !0),
-              v("div", ln, [
-                (f(!0), m(sA, null, aA(D.value, (_, nA) => (f(), m("div", {
+              l("div", ln, [
+                (f(!0), m(sA, null, aA(k.value, (_, nA) => (f(), m("div", {
                   key: `option-${_.value}-${nA}`,
                   class: C(["utopia-dropdown__option", [
                     Y(_, nA),
@@ -1760,7 +1760,7 @@ const Et = /* @__PURE__ */ U({
                       size: "small",
                       class: "utopia-dropdown__checkbox"
                     }, null, 8, ["modelValue", "disabled"]),
-                    v("span", {
+                    l("span", {
                       class: "utopia-dropdown__checkbox-label",
                       title: _.label
                     }, T(_.label), 9, gn)
@@ -1770,7 +1770,7 @@ const Et = /* @__PURE__ */ U({
                     title: _.label
                   }, T(_.label), 9, mn))
                 ], 42, vn))), 128)),
-                D.value.length === 0 ? (f(), m("div", zn, " Aucun résultat trouvé ")) : y("", !0)
+                k.value.length === 0 ? (f(), m("div", zn, " Aucun résultat trouvé ")) : y("", !0)
               ])
             ], 12, fn)) : y("", !0)
           ]),
@@ -1830,22 +1830,22 @@ const Et = /* @__PURE__ */ U({
       else
         window.location.reload();
     };
-    return (d, l) => (f(), m("div", On, [
-      v("div", yn, [
+    return (d, v) => (f(), m("div", On, [
+      l("div", yn, [
         r.value ? (f(), m(sA, { key: 0 }, [
-          v("div", {
+          l("div", {
             class: C(["gear-wrapper gear-wrapper--primary", { "spin-20s": i.value }])
           }, [
-            v("img", {
+            l("img", {
               src: H(xn),
               alt: "Grande roue",
               class: "gear"
             }, null, 8, bn)
           ], 2),
-          v("div", {
+          l("div", {
             class: C(["gear-wrapper gear-wrapper--light", { "spin-20s": i.value }])
           }, [
-            v("img", {
+            l("img", {
               src: H(Pn),
               alt: "Petite roue",
               class: "gear"
@@ -1858,8 +1858,8 @@ const Et = /* @__PURE__ */ U({
           class: "utopia-errorstate__image"
         }, null, 8, Bn)) : y("", !0)
       ]),
-      v("div", jn, [
-        v("h3", Yn, T(n.value), 1),
+      l("div", jn, [
+        l("h3", Yn, T(n.value), 1),
         c.value ? (f(), m("p", Dn, T(c.value), 1)) : y("", !0),
         o.value ? (f(), S(mA, {
           key: 1,
@@ -1876,7 +1876,7 @@ const Et = /* @__PURE__ */ U({
       ])
     ]));
   }
-}), wa = /* @__PURE__ */ $(Tn, [["__scopeId", "data-v-2b0667e9"]]), Gn = /* @__PURE__ */ U({
+}), ja = /* @__PURE__ */ $(Tn, [["__scopeId", "data-v-ec5e5fd3"]]), Gn = /* @__PURE__ */ U({
   __name: "FilterChip",
   props: {
     filters: { default: () => ({}) },
@@ -1923,7 +1923,7 @@ const Et = /* @__PURE__ */ U({
       _: 1
     }));
   }
-}), Ba = /* @__PURE__ */ $(Gn, [["__scopeId", "data-v-0781bb1e"]]), Zn = ["for"], Hn = { class: "utopia-inputcode__container" }, Jn = { class: "utopia-inputcode__fields" }, Cn = /* @__PURE__ */ U({
+}), Ya = /* @__PURE__ */ $(Gn, [["__scopeId", "data-v-0781bb1e"]]), Zn = ["for"], Hn = { class: "utopia-inputcode__container" }, Jn = { class: "utopia-inputcode__fields" }, Cn = /* @__PURE__ */ U({
   __name: "InputCode",
   props: {
     modelValue: { default: "" },
@@ -1940,7 +1940,7 @@ const Et = /* @__PURE__ */ U({
   },
   emits: ["update:modelValue", "complete", "change", "focus", "blur"],
   setup(A, { expose: s, emit: e }) {
-    const t = A, n = e, o = P(() => `utopia-inputcode-${Math.random().toString(36).substr(2, 9)}`), c = Z([]), i = Z([]), r = Z(-1), a = Z([]), u = P(() => Array.from({ length: t.length }, (D, Q) => Q)), g = P(() => ({
+    const t = A, n = e, o = P(() => `utopia-inputcode-${Math.random().toString(36).substr(2, 9)}`), c = Z([]), i = Z([]), r = Z(-1), a = Z([]), u = P(() => Array.from({ length: t.length }, (k, Q) => Q)), g = P(() => ({
       [`utopia-inputcode--${t.size}`]: !0,
       [`utopia-inputcode--${t.state}`]: !0,
       "utopia-inputcode--disabled": t.disabled,
@@ -1948,29 +1948,29 @@ const Et = /* @__PURE__ */ U({
       "utopia-inputcode--with-message": !!t.message
     })), d = P(() => ({
       [`utopia-inputcode__message--${t.state}`]: t.state === "error" || t.state === "valid"
-    })), l = () => {
+    })), v = () => {
       i.value = Array(t.length).fill(""), a.value = Array(t.length).fill("default"), t.modelValue && t.modelValue.split("").slice(0, t.length).forEach((Q, I) => {
         i.value[I] = Q;
       });
-    }, p = (D, Q) => {
-      i.value[D] = Q;
+    }, p = (k, Q) => {
+      i.value[k] = Q;
       const I = i.value.join("");
-      n("update:modelValue", I), n("change", I), Q && D < t.length - 1 && vA(() => {
-        b(D + 1);
+      n("update:modelValue", I), n("change", I), Q && k < t.length - 1 && vA(() => {
+        w(k + 1);
       }), I.length === t.length && n("complete", I);
-    }, M = (D, Q) => {
+    }, O = (k, Q) => {
       if (Q.key === "Backspace") {
-        Q.preventDefault(), i.value[D] ? i.value[D] = "" : D > 0 && (i.value[D - 1] = "", b(D - 1));
+        Q.preventDefault(), i.value[k] ? i.value[k] = "" : k > 0 && (i.value[k - 1] = "", w(k - 1));
         const I = i.value.join("");
         n("update:modelValue", I), n("change", I);
-      } else Q.key === "ArrowLeft" && D > 0 ? (Q.preventDefault(), b(D - 1)) : Q.key === "ArrowRight" && D < t.length - 1 && (Q.preventDefault(), b(D + 1));
-    }, x = (D) => {
-      r.value = D, n("focus", new FocusEvent("focus"));
-    }, w = (D) => {
-      r.value === D && (r.value = -1), n("blur", new FocusEvent("blur"));
-    }, k = (D) => {
-      D.preventDefault();
-      const Q = D.clipboardData?.getData("text") || "";
+      } else Q.key === "ArrowLeft" && k > 0 ? (Q.preventDefault(), w(k - 1)) : Q.key === "ArrowRight" && k < t.length - 1 && (Q.preventDefault(), w(k + 1));
+    }, x = (k) => {
+      r.value = k, n("focus", new FocusEvent("focus"));
+    }, b = (k) => {
+      r.value === k && (r.value = -1), n("blur", new FocusEvent("blur"));
+    }, D = (k) => {
+      k.preventDefault();
+      const Q = k.clipboardData?.getData("text") || "";
       let I;
       t.type === "number" ? I = Q.split("").filter((B) => /^\d$/.test(B)) : I = Q.split("").filter((B) => /^[A-Za-z0-9]$/.test(B));
       const j = I.slice(0, t.length);
@@ -1981,17 +1981,17 @@ const Et = /* @__PURE__ */ U({
       n("update:modelValue", V), n("change", V), V.length === t.length && n("complete", V);
       const Y = j.length < t.length ? j.length : t.length - 1;
       vA(() => {
-        b(Y);
+        w(Y);
       });
-    }, b = (D) => {
-      if (c.value[D]) {
-        const Q = c.value[D]?.$el?.querySelector("input");
+    }, w = (k) => {
+      if (c.value[k]) {
+        const Q = c.value[k]?.$el?.querySelector("input");
         Q && (Q.focus(), Q.select());
       }
     }, L = () => {
       i.value = Array(t.length).fill(""), n("update:modelValue", ""), n("change", "");
-    }, G = (D) => {
-      const Q = D.split("").slice(0, t.length);
+    }, G = (k) => {
+      const Q = k.split("").slice(0, t.length);
       Q.forEach((j, V) => {
         i.value[V] = j.toUpperCase();
       });
@@ -2000,19 +2000,19 @@ const Et = /* @__PURE__ */ U({
       const I = i.value.join("");
       n("update:modelValue", I), n("change", I);
     };
-    return iA(() => t.modelValue, (D) => {
-      D !== i.value.join("") && G(D);
+    return iA(() => t.modelValue, (k) => {
+      k !== i.value.join("") && G(k);
     }), iA(() => t.length, () => {
-      l();
+      v();
     }), xA(() => {
-      l(), t.autoFocus && !t.disabled && vA(() => {
-        b(0);
+      v(), t.autoFocus && !t.disabled && vA(() => {
+        w(0);
       });
     }), s({
-      focus: () => b(0),
+      focus: () => w(0),
       clear: L,
       setValue: G
-    }), (D, Q) => (f(), m("div", {
+    }), (k, Q) => (f(), m("div", {
       class: C(["utopia-inputcode", g.value])
     }, [
       A.label ? (f(), m("label", {
@@ -2020,8 +2020,8 @@ const Et = /* @__PURE__ */ U({
         class: "utopia-inputcode__label",
         for: o.value
       }, T(A.label), 9, Zn)) : y("", !0),
-      v("div", Hn, [
-        v("div", Jn, [
+      l("div", Hn, [
+        l("div", Jn, [
           (f(!0), m(sA, null, aA(u.value, (I, j) => (f(), S(H(te), {
             key: `field-${j}`,
             ref_for: !0,
@@ -2036,10 +2036,10 @@ const Et = /* @__PURE__ */ U({
             maxlength: 1,
             "is-code": "",
             class: C(["utopia-inputcode__field", { "utopia-inputcode__field--active": r.value === j }]),
-            onKeydown: (V) => M(j, V),
+            onKeydown: (V) => O(j, V),
             onFocus: (V) => x(j),
-            onBlur: (V) => w(j),
-            onPaste: k
+            onBlur: (V) => b(j),
+            onPaste: D
           }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "inputmode", "size", "state", "disabled", "class", "onKeydown", "onFocus", "onBlur"]))), 128))
         ]),
         A.message ? (f(), m("div", {
@@ -2062,7 +2062,7 @@ const Et = /* @__PURE__ */ U({
       ])
     ], 2));
   }
-}), ja = /* @__PURE__ */ $(Cn, [["__scopeId", "data-v-dd73d1f2"]]);
+}), Da = /* @__PURE__ */ $(Cn, [["__scopeId", "data-v-dd73d1f2"]]);
 function Ce(A) {
   return typeof A == "function" ? A() : H(A);
 }
@@ -2103,10 +2103,10 @@ var ss = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
         var g = c.shadowRoot || // check for an undisclosed shadow
         typeof t.getShadowRoot == "function" && t.getShadowRoot(c), d = !IA(g, !1) && (!t.shadowRootFilter || t.shadowRootFilter(c));
         if (g && d) {
-          var l = ie(g === !0 ? c.children : g.children, !0, t);
-          t.flatten ? n.push.apply(n, l) : n.push({
+          var v = ie(g === !0 ? c.children : g.children, !0, t);
+          t.flatten ? n.push.apply(n, v) : n.push({
             scopeParent: c,
-            candidates: l
+            candidates: v
           });
         } else
           o.unshift.apply(o, c.children);
@@ -2420,10 +2420,10 @@ var Qe = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, i, r = function(z, O, E) {
-    return z && z[O] !== void 0 ? z[O] : o[E || O];
-  }, a = function(z, O) {
-    var E = typeof O?.composedPath == "function" ? O.composedPath() : void 0;
+  }, i, r = function(z, M, E) {
+    return z && z[M] !== void 0 ? z[M] : o[E || M];
+  }, a = function(z, M) {
+    var E = typeof M?.composedPath == "function" ? M.composedPath() : void 0;
     return c.containerGroups.findIndex(function(h) {
       var F = h.container, W = h.tabbableNodes;
       return F.contains(z) || E?.includes(F) || W.find(function(K) {
@@ -2431,7 +2431,7 @@ var Qe = {
       });
     });
   }, u = function(z) {
-    var O = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, E = O.hasFallback, h = E === void 0 ? !1 : E, F = O.params, W = F === void 0 ? [] : F, K = o[z];
+    var M = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, E = M.hasFallback, h = E === void 0 ? !1 : E, F = M.params, W = F === void 0 ? [] : F, K = o[z];
     if (typeof K == "function" && (K = K.apply(void 0, no(W))), K === !0 && (K = void 0), !K) {
       if (K === void 0 || K === !1)
         return K;
@@ -2458,7 +2458,7 @@ var Qe = {
       if (a(t.activeElement) >= 0)
         z = t.activeElement;
       else {
-        var O = c.tabbableGroups[0], E = O && O.firstTabbableNode;
+        var M = c.tabbableGroups[0], E = M && M.firstTabbableNode;
         z = E || u("fallbackFocus");
       }
     else z === null && (z = u("fallbackFocus"));
@@ -2467,16 +2467,16 @@ var Qe = {
     return z;
   }, d = function() {
     if (c.containerGroups = c.containers.map(function(z) {
-      var O = qn(z, o.tabbableOptions), E = _n(z, o.tabbableOptions), h = O.length > 0 ? O[0] : void 0, F = O.length > 0 ? O[O.length - 1] : void 0, W = E.find(function(tA) {
+      var M = qn(z, o.tabbableOptions), E = _n(z, o.tabbableOptions), h = M.length > 0 ? M[0] : void 0, F = M.length > 0 ? M[M.length - 1] : void 0, W = E.find(function(tA) {
         return ZA(tA);
       }), K = E.slice().reverse().find(function(tA) {
         return ZA(tA);
-      }), eA = !!O.find(function(tA) {
+      }), eA = !!M.find(function(tA) {
         return BA(tA) > 0;
       });
       return {
         container: z,
-        tabbableNodes: O,
+        tabbableNodes: M,
         focusableNodes: E,
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: eA,
@@ -2504,12 +2504,12 @@ var Qe = {
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
         nextTabbableNode: function(lA) {
-          var fA = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, cA = O.indexOf(lA);
+          var fA = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, cA = M.indexOf(lA);
           return cA < 0 ? fA ? E.slice(E.indexOf(lA) + 1).find(function(X) {
             return ZA(X);
           }) : E.slice(0, E.indexOf(lA)).reverse().find(function(X) {
             return ZA(X);
-          }) : O[cA + (fA ? 1 : -1)];
+          }) : M[cA + (fA ? 1 : -1)];
         }
       };
     }), c.tabbableGroups = c.containerGroups.filter(function(z) {
@@ -2520,12 +2520,12 @@ var Qe = {
       return z.posTabIndexesFound;
     }) && c.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, l = function(z) {
-    var O = z.activeElement;
-    if (O)
-      return O.shadowRoot && O.shadowRoot.activeElement !== null ? l(O.shadowRoot) : O;
+  }, v = function(z) {
+    var M = z.activeElement;
+    if (M)
+      return M.shadowRoot && M.shadowRoot.activeElement !== null ? v(M.shadowRoot) : M;
   }, p = function(z) {
-    if (z !== !1 && z !== l(document)) {
+    if (z !== !1 && z !== v(document)) {
       if (!z || !z.focus) {
         p(g());
         return;
@@ -2534,44 +2534,44 @@ var Qe = {
         preventScroll: !!o.preventScroll
       }), c.mostRecentlyFocusedNode = z, ro(z) && z.select();
     }
-  }, M = function(z) {
-    var O = u("setReturnFocus", {
+  }, O = function(z) {
+    var M = u("setReturnFocus", {
       params: [z]
     });
-    return O || (O === !1 ? !1 : z);
+    return M || (M === !1 ? !1 : z);
   }, x = function(z) {
-    var O = z.target, E = z.event, h = z.isBackward, F = h === void 0 ? !1 : h;
-    O = O || UA(E), d();
+    var M = z.target, E = z.event, h = z.isBackward, F = h === void 0 ? !1 : h;
+    M = M || UA(E), d();
     var W = null;
     if (c.tabbableGroups.length > 0) {
-      var K = a(O, E), eA = K >= 0 ? c.containerGroups[K] : void 0;
+      var K = a(M, E), eA = K >= 0 ? c.containerGroups[K] : void 0;
       if (K < 0)
         F ? W = c.tabbableGroups[c.tabbableGroups.length - 1].lastTabbableNode : W = c.tabbableGroups[0].firstTabbableNode;
       else if (F) {
         var tA = c.tabbableGroups.findIndex(function(_) {
           var nA = _.firstTabbableNode;
-          return O === nA;
+          return M === nA;
         });
-        if (tA < 0 && (eA.container === O || pe(O, o.tabbableOptions) && !ZA(O, o.tabbableOptions) && !eA.nextTabbableNode(O, !1)) && (tA = K), tA >= 0) {
+        if (tA < 0 && (eA.container === M || pe(M, o.tabbableOptions) && !ZA(M, o.tabbableOptions) && !eA.nextTabbableNode(M, !1)) && (tA = K), tA >= 0) {
           var lA = tA === 0 ? c.tabbableGroups.length - 1 : tA - 1, fA = c.tabbableGroups[lA];
-          W = BA(O) >= 0 ? fA.lastTabbableNode : fA.lastDomTabbableNode;
-        } else FA(E) || (W = eA.nextTabbableNode(O, !1));
+          W = BA(M) >= 0 ? fA.lastTabbableNode : fA.lastDomTabbableNode;
+        } else FA(E) || (W = eA.nextTabbableNode(M, !1));
       } else {
         var cA = c.tabbableGroups.findIndex(function(_) {
           var nA = _.lastTabbableNode;
-          return O === nA;
+          return M === nA;
         });
-        if (cA < 0 && (eA.container === O || pe(O, o.tabbableOptions) && !ZA(O, o.tabbableOptions) && !eA.nextTabbableNode(O)) && (cA = K), cA >= 0) {
+        if (cA < 0 && (eA.container === M || pe(M, o.tabbableOptions) && !ZA(M, o.tabbableOptions) && !eA.nextTabbableNode(M)) && (cA = K), cA >= 0) {
           var X = cA === c.tabbableGroups.length - 1 ? 0 : cA + 1, q = c.tabbableGroups[X];
-          W = BA(O) >= 0 ? q.firstTabbableNode : q.firstDomTabbableNode;
-        } else FA(E) || (W = eA.nextTabbableNode(O));
+          W = BA(M) >= 0 ? q.firstTabbableNode : q.firstDomTabbableNode;
+        } else FA(E) || (W = eA.nextTabbableNode(M));
       }
     } else
       W = u("fallbackFocus");
     return W;
-  }, w = function(z) {
-    var O = UA(z);
-    if (!(a(O, z) >= 0)) {
+  }, b = function(z) {
+    var M = UA(z);
+    if (!(a(M, z) >= 0)) {
       if (hA(o.clickOutsideDeactivates, z)) {
         i.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -2586,10 +2586,10 @@ var Qe = {
       }
       hA(o.allowOutsideClick, z) || z.preventDefault();
     }
-  }, k = function(z) {
-    var O = UA(z), E = a(O, z) >= 0;
-    if (E || O instanceof Document)
-      E && (c.mostRecentlyFocusedNode = O);
+  }, D = function(z) {
+    var M = UA(z), E = a(M, z) >= 0;
+    if (E || M instanceof Document)
+      E && (c.mostRecentlyFocusedNode = M);
     else {
       z.stopImmediatePropagation();
       var h, F = !0;
@@ -2618,32 +2618,32 @@ var Qe = {
       })), p(h || c.mostRecentlyFocusedNode || g());
     }
     c.recentNavEvent = void 0;
-  }, b = function(z) {
-    var O = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+  }, w = function(z) {
+    var M = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     c.recentNavEvent = z;
     var E = x({
       event: z,
-      isBackward: O
+      isBackward: M
     });
     E && (FA(z) && z.preventDefault(), p(E));
   }, L = function(z) {
-    (o.isKeyForward(z) || o.isKeyBackward(z)) && b(z, o.isKeyBackward(z));
+    (o.isKeyForward(z) || o.isKeyBackward(z)) && w(z, o.isKeyBackward(z));
   }, G = function(z) {
     ao(z) && hA(o.escapeDeactivates, z) !== !1 && (z.preventDefault(), i.deactivate());
-  }, D = function(z) {
-    var O = UA(z);
-    a(O, z) >= 0 || hA(o.clickOutsideDeactivates, z) || hA(o.allowOutsideClick, z) || (z.preventDefault(), z.stopImmediatePropagation());
+  }, k = function(z) {
+    var M = UA(z);
+    a(M, z) >= 0 || hA(o.clickOutsideDeactivates, z) || hA(o.allowOutsideClick, z) || (z.preventDefault(), z.stopImmediatePropagation());
   }, Q = function() {
     if (c.active)
       return Qe.activateTrap(n, i), c.delayInitialFocusTimer = o.delayInitialFocus ? he(function() {
         p(g());
-      }) : p(g()), t.addEventListener("focusin", k, !0), t.addEventListener("mousedown", w, {
+      }) : p(g()), t.addEventListener("focusin", D, !0), t.addEventListener("mousedown", b, {
         capture: !0,
         passive: !1
-      }), t.addEventListener("touchstart", w, {
+      }), t.addEventListener("touchstart", b, {
         capture: !0,
         passive: !1
-      }), t.addEventListener("click", D, {
+      }), t.addEventListener("click", k, {
         capture: !0,
         passive: !1
       }), t.addEventListener("keydown", L, {
@@ -2652,15 +2652,15 @@ var Qe = {
       }), t.addEventListener("keydown", G), i;
   }, I = function() {
     if (c.active)
-      return t.removeEventListener("focusin", k, !0), t.removeEventListener("mousedown", w, !0), t.removeEventListener("touchstart", w, !0), t.removeEventListener("click", D, !0), t.removeEventListener("keydown", L, !0), t.removeEventListener("keydown", G), i;
+      return t.removeEventListener("focusin", D, !0), t.removeEventListener("mousedown", b, !0), t.removeEventListener("touchstart", b, !0), t.removeEventListener("click", k, !0), t.removeEventListener("keydown", L, !0), t.removeEventListener("keydown", G), i;
   }, j = function(z) {
-    var O = z.some(function(E) {
+    var M = z.some(function(E) {
       var h = Array.from(E.removedNodes);
       return h.some(function(F) {
         return F === c.mostRecentlyFocusedNode;
       });
     });
-    O && p(g());
+    M && p(g());
   }, V = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(j) : void 0, Y = function() {
     V && (V.disconnect(), c.active && !c.paused && c.containers.map(function(z) {
       V.observe(z, {
@@ -2679,8 +2679,8 @@ var Qe = {
     activate: function(z) {
       if (c.active)
         return this;
-      var O = r(z, "onActivate"), E = r(z, "onPostActivate"), h = r(z, "checkCanFocusTrap");
-      h || d(), c.active = !0, c.paused = !1, c.nodeFocusedBeforeActivation = l(t), O?.();
+      var M = r(z, "onActivate"), E = r(z, "onPostActivate"), h = r(z, "checkCanFocusTrap");
+      h || d(), c.active = !0, c.paused = !1, c.nodeFocusedBeforeActivation = v(t), M?.();
       var F = function() {
         h && d(), Q(), Y(), E?.();
       };
@@ -2689,20 +2689,20 @@ var Qe = {
     deactivate: function(z) {
       if (!c.active)
         return this;
-      var O = Xe({
+      var M = Xe({
         onDeactivate: o.onDeactivate,
         onPostDeactivate: o.onPostDeactivate,
         checkCanReturnFocus: o.checkCanReturnFocus
       }, z);
       clearTimeout(c.delayInitialFocusTimer), c.delayInitialFocusTimer = void 0, I(), c.active = !1, c.paused = !1, Y(), Qe.deactivateTrap(n, i);
-      var E = r(O, "onDeactivate"), h = r(O, "onPostDeactivate"), F = r(O, "checkCanReturnFocus"), W = r(O, "returnFocus", "returnFocusOnDeactivate");
+      var E = r(M, "onDeactivate"), h = r(M, "onPostDeactivate"), F = r(M, "checkCanReturnFocus"), W = r(M, "returnFocus", "returnFocusOnDeactivate");
       E?.();
       var K = function() {
         he(function() {
-          W && p(M(c.nodeFocusedBeforeActivation)), h?.();
+          W && p(O(c.nodeFocusedBeforeActivation)), h?.();
         });
       };
-      return W && F ? (F(M(c.nodeFocusedBeforeActivation)).then(K, K), this) : (K(), this);
+      return W && F ? (F(O(c.nodeFocusedBeforeActivation)).then(K, K), this) : (K(), this);
     },
     pause: function(z) {
       return c.active ? (c.manuallyPaused = !0, this._setPausedState(!0, z)) : this;
@@ -2711,8 +2711,8 @@ var Qe = {
       return c.active ? (c.manuallyPaused = !1, n[n.length - 1] !== this ? this : this._setPausedState(!1, z)) : this;
     },
     updateContainerElements: function(z) {
-      var O = [].concat(z).filter(Boolean);
-      return c.containers = O.map(function(E) {
+      var M = [].concat(z).filter(Boolean);
+      return c.containers = M.map(function(E) {
         return typeof E == "string" ? t.querySelector(E) : E;
       }), c.active && d(), Y(), this;
     }
@@ -2723,14 +2723,14 @@ var Qe = {
       }
     },
     _setPausedState: {
-      value: function(z, O) {
+      value: function(z, M) {
         if (c.paused === z)
           return this;
         if (c.paused = z, z) {
-          var E = r(O, "onPause"), h = r(O, "onPostPause");
+          var E = r(M, "onPause"), h = r(M, "onPostPause");
           E?.(), I(), Y(), h?.();
         } else {
-          var F = r(O, "onUnpause"), W = r(O, "onPostUnpause");
+          var F = r(M, "onUnpause"), W = r(M, "onPostUnpause");
           F?.(), d(), Q(), Y(), W?.();
         }
         return this;
@@ -2746,8 +2746,8 @@ function go(A, s = {}) {
     e && (e.unpause(), c.value = !1);
   }, g = P(() => {
     const d = Ce(A);
-    return (Array.isArray(d) ? d : [d]).map((l) => {
-      const p = Ce(l);
+    return (Array.isArray(d) ? d : [d]).map((v) => {
+      const p = Ce(v);
       return typeof p == "string" ? p : Ls(p);
     }).filter(Ln);
   });
@@ -2815,34 +2815,34 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
       md: "medium",
       lg: "large",
       full: "large"
-    })[e.size]), l = Z(null), p = Z(null), M = typeof document < "u" ? document.body : null, x = $e(M), { activate: w, deactivate: k } = go(l, {
+    })[e.size]), v = Z(null), p = Z(null), O = typeof document < "u" ? document.body : null, x = $e(O), { activate: b, deactivate: D } = go(v, {
       immediate: !1,
       escapeDeactivates: !1,
       returnFocusOnDeactivate: !0,
       allowOutsideClick: !0,
       initialFocus: () => {
         if (p.value) {
-          const D = p.value.$el || p.value;
-          if (D && D instanceof HTMLElement)
-            return D;
+          const k = p.value.$el || p.value;
+          if (k && k instanceof HTMLElement)
+            return k;
         }
-        const G = l.value;
+        const G = v.value;
         return G ? G.querySelector("[data-utopia-modal-close]") ?? G.querySelector(".utopia-modal__close button") ?? G.querySelector("button") ?? G.querySelector("[autofocus]") ?? G : null;
       },
-      fallbackFocus: () => l.value
+      fallbackFocus: () => v.value
     });
     iA(
       () => r.value,
-      async (G, D) => {
-        if (G === D) return;
+      async (G, k) => {
+        if (G === k) return;
         if (G) {
           if (e.disableScrollLock || (x.value = !0), await vA(), e.focusTrap) {
-            w(), await vA();
+            b(), await vA();
             let I = null;
-            p.value && (I = p.value.$el || p.value), I || (I = l.value?.querySelector("[data-utopia-modal-close]") || l.value?.querySelector(".utopia-modal__close button") || l.value?.querySelector("button")), I && I.focus();
+            p.value && (I = p.value.$el || p.value), I || (I = v.value?.querySelector("[data-utopia-modal-close]") || v.value?.querySelector(".utopia-modal__close button") || v.value?.querySelector("button")), I && I.focus();
           }
         } else
-          e.disableScrollLock || (x.value = !1), k();
+          e.disableScrollLock || (x.value = !1), D();
         if (g.value) {
           g.value = !1;
           return;
@@ -2852,19 +2852,19 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
       },
       { immediate: !0 }
     );
-    function b(G) {
-      r.value && (g.value = !0, c.value ? t("update:open", !1) : i.value = !1, t("openChange", !1, G), e.onOpenChange?.(!1, G), e.disableScrollLock || (x.value = !1), k());
+    function w(G) {
+      r.value && (g.value = !0, c.value ? t("update:open", !1) : i.value = !1, t("openChange", !1, G), e.onOpenChange?.(!1, G), e.disableScrollLock || (x.value = !1), D());
     }
     Qs(window, "keydown", (G) => {
-      r.value && G.key === "Escape" && b("escape");
+      r.value && G.key === "Escape" && w("escape");
     });
     function L() {
-      e.closeOnOverlayClick && b("overlay");
+      e.closeOnOverlayClick && w("overlay");
     }
     return OA(() => {
-      e.disableScrollLock || (x.value = !1), k();
-    }), (G, D) => (f(), S(EA, { to: "body" }, [
-      v("div", {
+      e.disableScrollLock || (x.value = !1), D();
+    }), (G, k) => (f(), S(EA, { to: "body" }, [
+      l("div", {
         class: C(["utopia-modal", [
           `utopia-modal--${A.position}`,
           { "is-open": r.value, "is-mobile": H(n) }
@@ -2887,14 +2887,14 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
             r.value ? (f(), m("div", {
               key: 0,
               ref_key: "panelRef",
-              ref: l,
+              ref: v,
               class: C(["utopia-modal__panel", [`utopia-modal__panel--${A.size}`]]),
               role: "dialog",
               "aria-modal": "true",
               "aria-labelledby": u.value || void 0,
               tabindex: "-1"
             }, [
-              v("header", po, [
+              l("header", po, [
                 AA(G.$slots, "header", {}, () => [
                   A.title ? (f(), m("h3", {
                     key: 0,
@@ -2909,12 +2909,12 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
                   class: "utopia-modal__close",
                   variant: "tertiary",
                   size: "sm",
-                  onClick: D[0] || (D[0] = (Q) => b("close-button")),
+                  onClick: k[0] || (k[0] = (Q) => w("close-button")),
                   "aria-label": "Fermer la modal",
                   "data-utopia-modal-close": ""
                 }, {
                   default: R(() => [
-                    D[1] || (D[1] = v("span", { class: "utopia-modal__close-label" }, "Fermer", -1)),
+                    k[1] || (k[1] = l("span", { class: "utopia-modal__close-label" }, "Fermer", -1)),
                     J(N, {
                       name: "X",
                       size: d.value,
@@ -2926,11 +2926,11 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
                   _: 1
                 }, 512)) : y("", !0)
               ]),
-              v("div", Po, [
+              l("div", Po, [
                 AA(G.$slots, "default", {}, void 0, !0)
               ]),
               G.$slots.footer ? (f(), m("footer", Mo, [
-                v("div", Oo, [
+                l("div", Oo, [
                   AA(G.$slots, "footer", {}, void 0, !0)
                 ])
               ])) : y("", !0)
@@ -2941,7 +2941,7 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
       ], 10, mo)
     ]));
   }
-}), Ya = /* @__PURE__ */ $(yo, [["__scopeId", "data-v-6f87305d"]]), bo = { class: "utopia-pricetag" }, wo = { key: 0 }, Bo = { key: 1 }, jo = { class: "utopia-pricetag--price-container" }, Yo = {
+}), ka = /* @__PURE__ */ $(yo, [["__scopeId", "data-v-6f87305d"]]), bo = { class: "utopia-pricetag" }, wo = { key: 0 }, Bo = { key: 1 }, jo = { class: "utopia-pricetag--price-container" }, Yo = {
   key: 0,
   class: "utopia-pricetag--old-price"
 }, Do = /* @__PURE__ */ U({
@@ -2972,12 +2972,12 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
     return (o, c) => (f(), m("div", bo, [
       A.variantCount ? (f(), m("div", wo, T(A.variantCount) + " " + T(n.value.availableOffers), 1)) : y("", !0),
       A.variantCount ? (f(), m("div", Bo, T(n.value.from), 1)) : y("", !0),
-      v("div", jo, [
-        v("div", {
+      l("div", jo, [
+        l("div", {
           class: C(["utopia-pricetag--price", e.value])
         }, T(A.price) + " " + T(A.currency), 3),
         A.oldPrice ? (f(), m("div", Yo, [
-          v("s", null, T(A.oldPrice) + " " + T(A.currency), 1)
+          l("s", null, T(A.oldPrice) + " " + T(A.currency), 1)
         ])) : y("", !0)
       ])
     ]));
@@ -3018,8 +3018,8 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
         name: "Search",
         class: "search-icon"
       }),
-      _e(v("input", {
-        "onUpdate:modelValue": d[0] || (d[0] = (l) => n.value = l),
+      _e(l("input", {
+        "onUpdate:modelValue": d[0] || (d[0] = (v) => n.value = v),
         type: "text",
         placeholder: A.placeholder,
         class: "search-input",
@@ -3039,7 +3039,7 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
       ])) : y("", !0)
     ], 2));
   }
-}), Da = /* @__PURE__ */ $(Go, [["__scopeId", "data-v-9383cc75"]]), Zo = { class: "slider-viewport" }, Ho = {
+}), Ta = /* @__PURE__ */ $(Go, [["__scopeId", "data-v-9383cc75"]]), Zo = { class: "slider-viewport" }, Ho = {
   key: 0,
   class: "slide-image"
 }, Jo = ["src", "alt"], Co = ["innerHTML"], Lo = ["onClick", "aria-label"], Eo = /* @__PURE__ */ U({
@@ -3062,8 +3062,8 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
     }));
     const e = A, t = s, n = Z(0), o = Z(!1);
     let c = null, i = null;
-    const r = Z(!1), a = Z(0), u = Z(0), g = Z(0), d = Z(0), l = Z(0), p = P(() => {
-      const j = -n.value * 100, V = r.value ? l.value : 0;
+    const r = Z(!1), a = Z(0), u = Z(0), g = Z(0), d = Z(0), v = Z(0), p = P(() => {
+      const j = -n.value * 100, V = r.value ? v.value : 0;
       return e.direction === "vertical" ? {
         transform: `translateY(calc(${j}% + ${V}px))`,
         transition: r.value ? "none" : `transform ${e.transitionDuration}ms ease-in-out`
@@ -3071,25 +3071,25 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
         transform: `translateX(calc(${j}% + ${V}px))`,
         transition: r.value ? "none" : `transform ${e.transitionDuration}ms ease-in-out`
       };
-    }), M = () => {
+    }), O = () => {
       n.value = (n.value + 1) % e.slides.length;
     }, x = () => {
       n.value = n.value === 0 ? e.slides.length - 1 : n.value - 1;
-    }, w = (j) => {
+    }, b = (j) => {
       n.value = j;
-    }, k = () => {
+    }, D = () => {
       i && clearTimeout(i), i = window.setTimeout(() => {
         o.value = !0;
       }, 200), e.autoplay && G();
-    }, b = () => {
+    }, w = () => {
       i && (clearTimeout(i), i = null), o.value = !1, e.autoplay && L();
     }, L = () => {
-      e.autoplay && e.slides.length > 1 && (c = window.setInterval(M, e.autoplayDelay));
+      e.autoplay && e.slides.length > 1 && (c = window.setInterval(O, e.autoplayDelay));
     }, G = () => {
       c && (clearInterval(c), c = null);
-    }, D = (j) => {
+    }, k = (j) => {
       if (!(e.slides.length <= 1)) {
-        if (r.value = !0, l.value = 0, j.type === "touchstart") {
+        if (r.value = !0, v.value = 0, j.type === "touchstart") {
           const V = j.touches[0];
           a.value = V.clientX, u.value = V.clientY;
         } else
@@ -3106,13 +3106,13 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
       } else
         j.preventDefault(), V = j.clientX, Y = j.clientY;
       g.value = V, d.value = Y;
-      const B = e.direction === "vertical" ? Y - u.value : V - a.value, z = n.value === 0, O = n.value === e.slides.length - 1;
-      z && B > 0 || O && B < 0 ? l.value = B * 0.3 : l.value = B;
+      const B = e.direction === "vertical" ? Y - u.value : V - a.value, z = n.value === 0, M = n.value === e.slides.length - 1;
+      z && B > 0 || M && B < 0 ? v.value = B * 0.3 : v.value = B;
     }, I = (j) => {
       if (!r.value) return;
       r.value = !1, (j.type === "mouseup" || j.type === "mouseleave") && (document.removeEventListener("mousemove", Q), document.removeEventListener("mouseup", I));
-      const V = 50, Y = e.direction === "vertical" ? d.value - u.value : g.value - a.value, B = document.querySelector(".slide"), z = B ? e.direction === "vertical" ? B.clientHeight : B.clientWidth : 300, O = Math.abs(Y) / z * 100;
-      (Math.abs(Y) > V || O > 20) && (Y > 0 && n.value > 0 ? x() : Y < 0 && n.value < e.slides.length - 1 && M()), l.value = 0, e.autoplay && L();
+      const V = 50, Y = e.direction === "vertical" ? d.value - u.value : g.value - a.value, B = document.querySelector(".slide"), z = B ? e.direction === "vertical" ? B.clientHeight : B.clientWidth : 300, M = Math.abs(Y) / z * 100;
+      (Math.abs(Y) > V || M > 20) && (Y > 0 && n.value > 0 ? x() : Y < 0 && n.value < e.slides.length - 1 && O()), v.value = 0, e.autoplay && L();
     };
     return iA(n, (j) => {
       t("slide-change", j);
@@ -3128,10 +3128,10 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
           "utopia-slider--dragging": r.value
         }
       ]]),
-      onMouseenter: k,
-      onMouseleave: b
+      onMouseenter: D,
+      onMouseleave: w
     }, [
-      v("div", Zo, [
+      l("div", Zo, [
         A.slides.length > 1 ? (f(), S(mA, {
           key: 0,
           class: C(["slider-nav slider-nav--prev", { "slider-nav--visible": o.value || A.alwaysShowControls }]),
@@ -3153,7 +3153,7 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
         A.slides.length > 1 ? (f(), S(mA, {
           key: 1,
           class: C(["slider-nav slider-nav--next", { "slider-nav--visible": o.value || A.alwaysShowControls }]),
-          onClick: M,
+          onClick: O,
           "aria-label": "Next slide",
           variant: "secondary",
           size: "sm"
@@ -3168,14 +3168,14 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
           ]),
           _: 3
         }, 8, ["class"])) : y("", !0),
-        v("div", {
+        l("div", {
           class: "slider-track",
           style: rA(p.value),
-          onTouchstart: D,
+          onTouchstart: k,
           onTouchmove: Q,
           onTouchend: I,
           onTouchcancel: I,
-          onMousedown: D
+          onMousedown: k
         }, [
           (f(!0), m(sA, null, aA(A.slides, (Y, B) => (f(), m("div", {
             key: B,
@@ -3186,7 +3186,7 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
               index: B
             }, () => [
               Y.image ? (f(), m("div", Ho, [
-                v("img", {
+                l("img", {
                   src: Y.image,
                   alt: Y.alt || `Slide ${B + 1}`
                 }, null, 8, Jo)
@@ -3206,7 +3206,7 @@ const mo = ["aria-hidden"], zo = ["aria-labelledby"], po = { class: "utopia-moda
           (f(!0), m(sA, null, aA(A.slides, (Y, B) => (f(), m("button", {
             key: B,
             class: C(["dot", { "dot--active": B === n.value }]),
-            onClick: (z) => w(B),
+            onClick: (z) => b(B),
             "aria-label": `Go to slide ${B + 1}`
           }, null, 10, Lo))), 128))
         ], 2)) : y("", !0)
@@ -3325,47 +3325,47 @@ function Ie(A, s, e) {
     floating: n
   } = A;
   const o = bA(s), c = Ye(s), i = je(c), r = TA(s), a = o === "y", u = t.x + t.width / 2 - n.width / 2, g = t.y + t.height / 2 - n.height / 2, d = t[i] / 2 - n[i] / 2;
-  let l;
+  let v;
   switch (r) {
     case "top":
-      l = {
+      v = {
         x: u,
         y: t.y - n.height
       };
       break;
     case "bottom":
-      l = {
+      v = {
         x: u,
         y: t.y + t.height
       };
       break;
     case "right":
-      l = {
+      v = {
         x: t.x + t.width,
         y: g
       };
       break;
     case "left":
-      l = {
+      v = {
         x: t.x - n.width,
         y: g
       };
       break;
     default:
-      l = {
+      v = {
         x: t.x,
         y: t.y
       };
   }
   switch (WA(s)) {
     case "start":
-      l[c] -= d * (e && a ? -1 : 1);
+      v[c] -= d * (e && a ? -1 : 1);
       break;
     case "end":
-      l[c] += d * (e && a ? -1 : 1);
+      v[c] += d * (e && a ? -1 : 1);
       break;
   }
-  return l;
+  return v;
 }
 const Uo = async (A, s, e) => {
   const {
@@ -3381,23 +3381,23 @@ const Uo = async (A, s, e) => {
   }), {
     x: u,
     y: g
-  } = Ie(a, t, r), d = t, l = {}, p = 0;
-  for (let M = 0; M < i.length; M++) {
+  } = Ie(a, t, r), d = t, v = {}, p = 0;
+  for (let O = 0; O < i.length; O++) {
     const {
       name: x,
-      fn: w
-    } = i[M], {
-      x: k,
-      y: b,
+      fn: b
+    } = i[O], {
+      x: D,
+      y: w,
       data: L,
       reset: G
-    } = await w({
+    } = await b({
       x: u,
       y: g,
       initialPlacement: t,
       placement: d,
       strategy: n,
-      middlewareData: l,
+      middlewareData: v,
       rects: a,
       platform: c,
       elements: {
@@ -3405,10 +3405,10 @@ const Uo = async (A, s, e) => {
         floating: s
       }
     });
-    u = k ?? u, g = b ?? g, l = {
-      ...l,
+    u = D ?? u, g = w ?? g, v = {
+      ...v,
       [x]: {
-        ...l[x],
+        ...v[x],
         ...L
       }
     }, G && p <= 50 && (p++, typeof G == "object" && (G.placement && (d = G.placement), G.rects && (a = G.rects === !0 ? await c.getElementRects({
@@ -3418,14 +3418,14 @@ const Uo = async (A, s, e) => {
     }) : G.rects), {
       x: u,
       y: g
-    } = Ie(a, d, r)), M = -1);
+    } = Ie(a, d, r)), O = -1);
   }
   return {
     x: u,
     y: g,
     placement: d,
     strategy: n,
-    middlewareData: l
+    middlewareData: v
   };
 };
 async function fs(A, s) {
@@ -3443,18 +3443,18 @@ async function fs(A, s) {
     rootBoundary: u = "viewport",
     elementContext: g = "floating",
     altBoundary: d = !1,
-    padding: l = 0
-  } = SA(s, A), p = as(l), x = i[d ? g === "floating" ? "reference" : "floating" : g], w = de(await o.getClippingRect({
+    padding: v = 0
+  } = SA(s, A), p = as(v), x = i[d ? g === "floating" ? "reference" : "floating" : g], b = de(await o.getClippingRect({
     element: (e = await (o.isElement == null ? void 0 : o.isElement(x))) == null || e ? x : x.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(i.floating)),
     boundary: a,
     rootBoundary: u,
     strategy: r
-  })), k = g === "floating" ? {
+  })), D = g === "floating" ? {
     x: t,
     y: n,
     width: c.floating.width,
     height: c.floating.height
-  } : c.reference, b = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(i.floating)), L = await (o.isElement == null ? void 0 : o.isElement(b)) ? await (o.getScale == null ? void 0 : o.getScale(b)) || {
+  } : c.reference, w = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(i.floating)), L = await (o.isElement == null ? void 0 : o.isElement(w)) ? await (o.getScale == null ? void 0 : o.getScale(w)) || {
     x: 1,
     y: 1
   } : {
@@ -3462,15 +3462,15 @@ async function fs(A, s) {
     y: 1
   }, G = de(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
-    rect: k,
-    offsetParent: b,
+    rect: D,
+    offsetParent: w,
     strategy: r
-  }) : k);
+  }) : D);
   return {
-    top: (w.top - G.top + p.top) / L.y,
-    bottom: (G.bottom - w.bottom + p.bottom) / L.y,
-    left: (w.left - G.left + p.left) / L.x,
-    right: (G.right - w.right + p.right) / L.x
+    top: (b.top - G.top + p.top) / L.y,
+    bottom: (G.bottom - b.bottom + p.bottom) / L.y,
+    left: (b.left - G.left + p.left) / L.x,
+    right: (G.right - b.right + p.right) / L.x
   };
 }
 const qo = (A) => ({
@@ -3494,15 +3494,15 @@ const qo = (A) => ({
     const g = as(u), d = {
       x: e,
       y: t
-    }, l = Ye(n), p = je(l), M = await c.getDimensions(a), x = l === "y", w = x ? "top" : "left", k = x ? "bottom" : "right", b = x ? "clientHeight" : "clientWidth", L = o.reference[p] + o.reference[l] - d[l] - o.floating[p], G = d[l] - o.reference[l], D = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(a));
-    let Q = D ? D[b] : 0;
-    (!Q || !await (c.isElement == null ? void 0 : c.isElement(D))) && (Q = i.floating[b] || o.floating[p]);
-    const I = L / 2 - G / 2, j = Q / 2 - M[p] / 2 - 1, V = CA(g[w], j), Y = CA(g[k], j), B = V, z = Q - M[p] - Y, O = Q / 2 - M[p] / 2 + I, E = Oe(B, O, z), h = !r.arrow && WA(n) != null && O !== E && o.reference[p] / 2 - (O < B ? V : Y) - M[p] / 2 < 0, F = h ? O < B ? O - B : O - z : 0;
+    }, v = Ye(n), p = je(v), O = await c.getDimensions(a), x = v === "y", b = x ? "top" : "left", D = x ? "bottom" : "right", w = x ? "clientHeight" : "clientWidth", L = o.reference[p] + o.reference[v] - d[v] - o.floating[p], G = d[v] - o.reference[v], k = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(a));
+    let Q = k ? k[w] : 0;
+    (!Q || !await (c.isElement == null ? void 0 : c.isElement(k))) && (Q = i.floating[w] || o.floating[p]);
+    const I = L / 2 - G / 2, j = Q / 2 - O[p] / 2 - 1, V = CA(g[b], j), Y = CA(g[D], j), B = V, z = Q - O[p] - Y, M = Q / 2 - O[p] / 2 + I, E = Oe(B, M, z), h = !r.arrow && WA(n) != null && M !== E && o.reference[p] / 2 - (M < B ? V : Y) - O[p] / 2 < 0, F = h ? M < B ? M - B : M - z : 0;
     return {
-      [l]: d[l] + F,
+      [v]: d[v] + F,
       data: {
-        [l]: E,
-        centerOffset: O - E - F,
+        [v]: E,
+        centerOffset: M - E - F,
         ...h && {
           alignmentOffset: F
         }
@@ -3527,33 +3527,33 @@ const qo = (A) => ({
         mainAxis: u = !0,
         crossAxis: g = !0,
         fallbackPlacements: d,
-        fallbackStrategy: l = "bestFit",
+        fallbackStrategy: v = "bestFit",
         fallbackAxisSideDirection: p = "none",
-        flipAlignment: M = !0,
+        flipAlignment: O = !0,
         ...x
       } = SA(A, s);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const w = TA(n), k = bA(i), b = TA(i) === i, L = await (r.isRTL == null ? void 0 : r.isRTL(a.floating)), G = d || (b || !M ? [fe(i)] : Io(i)), D = p !== "none";
-      !d && D && G.push(...Ko(i, M, p, L));
+      const b = TA(n), D = bA(i), w = TA(i) === i, L = await (r.isRTL == null ? void 0 : r.isRTL(a.floating)), G = d || (w || !O ? [fe(i)] : Io(i)), k = p !== "none";
+      !d && k && G.push(...Ko(i, O, p, L));
       const Q = [i, ...G], I = await fs(s, x), j = [];
       let V = ((t = o.flip) == null ? void 0 : t.overflows) || [];
-      if (u && j.push(I[w]), g) {
-        const O = Fo(n, c, L);
-        j.push(I[O[0]], I[O[1]]);
+      if (u && j.push(I[b]), g) {
+        const M = Fo(n, c, L);
+        j.push(I[M[0]], I[M[1]]);
       }
       if (V = [...V, {
         placement: n,
         overflows: j
-      }], !j.every((O) => O <= 0)) {
+      }], !j.every((M) => M <= 0)) {
         var Y, B;
-        const O = (((Y = o.flip) == null ? void 0 : Y.index) || 0) + 1, E = Q[O];
-        if (E && (!(g === "alignment" ? k !== bA(E) : !1) || // We leave the current main axis only if every placement on that axis
+        const M = (((Y = o.flip) == null ? void 0 : Y.index) || 0) + 1, E = Q[M];
+        if (E && (!(g === "alignment" ? D !== bA(E) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        V.every((W) => bA(W.placement) === k ? W.overflows[0] > 0 : !0)))
+        V.every((W) => bA(W.placement) === D ? W.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: O,
+              index: M,
               overflows: V
             },
             reset: {
@@ -3562,13 +3562,13 @@ const qo = (A) => ({
           };
         let h = (B = V.filter((F) => F.overflows[0] <= 0).sort((F, W) => F.overflows[1] - W.overflows[1])[0]) == null ? void 0 : B.placement;
         if (!h)
-          switch (l) {
+          switch (v) {
             case "bestFit": {
               var z;
               const F = (z = V.filter((W) => {
-                if (D) {
+                if (k) {
                   const K = bA(W.placement);
-                  return K === k || // Create a bias to the `y` side axis due to horizontal
+                  return K === D || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   K === "y";
                 }
@@ -3600,7 +3600,7 @@ async function Ac(A, s) {
   } = A, o = await (t.isRTL == null ? void 0 : t.isRTL(n.floating)), c = TA(e), i = WA(e), r = bA(e) === "y", a = $o.has(c) ? -1 : 1, u = o && r ? -1 : 1, g = SA(s, A);
   let {
     mainAxis: d,
-    crossAxis: l,
+    crossAxis: v,
     alignmentAxis: p
   } = typeof g == "number" ? {
     mainAxis: g,
@@ -3611,12 +3611,12 @@ async function Ac(A, s) {
     crossAxis: g.crossAxis || 0,
     alignmentAxis: g.alignmentAxis
   };
-  return i && typeof p == "number" && (l = i === "end" ? p * -1 : p), r ? {
-    x: l * u,
+  return i && typeof p == "number" && (v = i === "end" ? p * -1 : p), r ? {
+    x: v * u,
     y: d * a
   } : {
     x: d * a,
-    y: l * u
+    y: v * u
   };
 }
 const ec = function(A) {
@@ -3656,12 +3656,12 @@ const ec = function(A) {
         limiter: i = {
           fn: (x) => {
             let {
-              x: w,
-              y: k
+              x: b,
+              y: D
             } = x;
             return {
-              x: w,
-              y: k
+              x: b,
+              y: D
             };
           }
         },
@@ -3670,25 +3670,25 @@ const ec = function(A) {
         x: e,
         y: t
       }, u = await fs(s, r), g = bA(TA(n)), d = rs(g);
-      let l = a[d], p = a[g];
+      let v = a[d], p = a[g];
       if (o) {
-        const x = d === "y" ? "top" : "left", w = d === "y" ? "bottom" : "right", k = l + u[x], b = l - u[w];
-        l = Oe(k, l, b);
+        const x = d === "y" ? "top" : "left", b = d === "y" ? "bottom" : "right", D = v + u[x], w = v - u[b];
+        v = Oe(D, v, w);
       }
       if (c) {
-        const x = g === "y" ? "top" : "left", w = g === "y" ? "bottom" : "right", k = p + u[x], b = p - u[w];
-        p = Oe(k, p, b);
+        const x = g === "y" ? "top" : "left", b = g === "y" ? "bottom" : "right", D = p + u[x], w = p - u[b];
+        p = Oe(D, p, w);
       }
-      const M = i.fn({
+      const O = i.fn({
         ...s,
-        [d]: l,
+        [d]: v,
         [g]: p
       });
       return {
-        ...M,
+        ...O,
         data: {
-          x: M.x - e,
-          y: M.y - t,
+          x: O.x - e,
+          y: O.y - t,
           enabled: {
             [d]: o,
             [g]: c
@@ -3859,11 +3859,11 @@ function GA(A, s, e, t) {
   const i = vc(o, e, t) ? us(o) : zA(0);
   let r = (n.left + i.x) / c.x, a = (n.top + i.y) / c.y, u = n.width / c.x, g = n.height / c.y;
   if (o) {
-    const d = dA(o), l = t && uA(t) ? dA(t) : t;
-    let p = d, M = be(p);
-    for (; M && t && l !== p; ) {
-      const x = JA(M), w = M.getBoundingClientRect(), k = gA(M), b = w.left + (M.clientLeft + parseFloat(k.paddingLeft)) * x.x, L = w.top + (M.clientTop + parseFloat(k.paddingTop)) * x.y;
-      r *= x.x, a *= x.y, u *= x.x, g *= x.y, r += b, a += L, p = dA(M), M = be(p);
+    const d = dA(o), v = t && uA(t) ? dA(t) : t;
+    let p = d, O = be(p);
+    for (; O && t && v !== p; ) {
+      const x = JA(O), b = O.getBoundingClientRect(), D = gA(O), w = b.left + (O.clientLeft + parseFloat(D.paddingLeft)) * x.x, L = b.top + (O.clientTop + parseFloat(D.paddingTop)) * x.y;
+      r *= x.x, a *= x.y, u *= x.x, g *= x.y, r += w, a += L, p = dA(O), O = be(p);
     }
   }
   return de({
@@ -3900,8 +3900,8 @@ function uc(A) {
   }, a = zA(1);
   const u = zA(0), g = pA(t);
   if ((g || !g && !o) && ((QA(t) !== "body" || KA(c)) && (r = ue(t)), pA(t))) {
-    const l = GA(t);
-    a = JA(t), u.x = l.x + t.clientLeft, u.y = l.y + t.clientTop;
+    const v = GA(t);
+    a = JA(t), u.x = v.x + t.clientLeft, u.y = v.y + t.clientTop;
   }
   const d = c && !g && !o ? gs(c, r) : zA(0);
   return {
@@ -3936,7 +3936,7 @@ function zc(A, s) {
   }
   const a = ge(t);
   if (a <= 0) {
-    const u = t.ownerDocument, g = u.body, d = getComputedStyle(g), l = u.compatMode === "CSS1Compat" && parseFloat(d.marginLeft) + parseFloat(d.marginRight) || 0, p = Math.abs(t.clientWidth - g.clientWidth - l);
+    const u = t.ownerDocument, g = u.body, d = getComputedStyle(g), v = u.compatMode === "CSS1Compat" && parseFloat(d.marginLeft) + parseFloat(d.marginRight) || 0, p = Math.abs(t.clientWidth - g.clientWidth - v);
     p <= Se && (o -= p);
   } else a <= Se && (o += a);
   return {
@@ -4032,8 +4032,8 @@ function yc(A, s, e) {
   }
   if (t || !t && !o)
     if ((QA(s) !== "body" || KA(n)) && (i = ue(s)), t) {
-      const l = GA(s, !0, o, s);
-      r.x = l.x + s.clientLeft, r.y = l.y + s.clientTop;
+      const v = GA(s, !0, o, s);
+      r.x = v.x + s.clientLeft, r.y = v.y + s.clientTop;
     } else n && a();
   o && !t && n && a();
   const u = n && !t && !o ? gs(n, i) : zA(0), g = c.left + i.scrollLeft - r.x - u.x, d = c.top + i.scrollTop - r.y - u.y;
@@ -4116,17 +4116,17 @@ function jc(A, s) {
       left: u,
       top: g,
       width: d,
-      height: l
+      height: v
     } = a;
-    if (i || s(), !d || !l)
+    if (i || s(), !d || !v)
       return;
-    const p = qA(g), M = qA(n.clientWidth - (u + d)), x = qA(n.clientHeight - (g + l)), w = qA(u), b = {
-      rootMargin: -p + "px " + -M + "px " + -x + "px " + -w + "px",
+    const p = qA(g), O = qA(n.clientWidth - (u + d)), x = qA(n.clientHeight - (g + v)), b = qA(u), w = {
+      rootMargin: -p + "px " + -O + "px " + -x + "px " + -b + "px",
       threshold: YA(0, CA(1, r)) || 1
     };
     let L = !0;
-    function G(D) {
-      const Q = D[0].intersectionRatio;
+    function G(k) {
+      const Q = k[0].intersectionRatio;
       if (Q !== r) {
         if (!L)
           return c();
@@ -4138,12 +4138,12 @@ function jc(A, s) {
     }
     try {
       e = new IntersectionObserver(G, {
-        ...b,
+        ...w,
         // Handle <iframe>s
         root: n.ownerDocument
       });
     } catch {
-      e = new IntersectionObserver(G, b);
+      e = new IntersectionObserver(G, w);
     }
     e.observe(A);
   }
@@ -4158,31 +4158,31 @@ function Yc(A, s, e, t) {
     layoutShift: i = typeof IntersectionObserver == "function",
     animationFrame: r = !1
   } = t, a = Te(A), u = n || o ? [...a ? VA(a) : [], ...VA(s)] : [];
-  u.forEach((w) => {
-    n && w.addEventListener("scroll", e, {
+  u.forEach((b) => {
+    n && b.addEventListener("scroll", e, {
       passive: !0
-    }), o && w.addEventListener("resize", e);
+    }), o && b.addEventListener("resize", e);
   });
   const g = a && i ? jc(a, e) : null;
-  let d = -1, l = null;
-  c && (l = new ResizeObserver((w) => {
-    let [k] = w;
-    k && k.target === a && l && (l.unobserve(s), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
-      var b;
-      (b = l) == null || b.observe(s);
+  let d = -1, v = null;
+  c && (v = new ResizeObserver((b) => {
+    let [D] = b;
+    D && D.target === a && v && (v.unobserve(s), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+      var w;
+      (w = v) == null || w.observe(s);
     })), e();
-  }), a && !r && l.observe(a), l.observe(s));
-  let p, M = r ? GA(A) : null;
+  }), a && !r && v.observe(a), v.observe(s));
+  let p, O = r ? GA(A) : null;
   r && x();
   function x() {
-    const w = GA(A);
-    M && !ps(M, w) && e(), M = w, p = requestAnimationFrame(x);
+    const b = GA(A);
+    O && !ps(O, b) && e(), O = b, p = requestAnimationFrame(x);
   }
   return e(), () => {
-    var w;
-    u.forEach((k) => {
-      n && k.removeEventListener("scroll", e), o && k.removeEventListener("resize", e);
-    }), g?.(), (w = l) == null || w.disconnect(), l = null, r && cancelAnimationFrame(p);
+    var b;
+    u.forEach((D) => {
+      n && D.removeEventListener("scroll", e), o && D.removeEventListener("resize", e);
+    }), g?.(), (b = v) == null || b.disconnect(), v = null, r && cancelAnimationFrame(p);
   };
 }
 const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
@@ -4210,40 +4210,40 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
     interactive: { type: Boolean, default: !1 }
   },
   setup(A) {
-    const s = A, { placement: e, openDelay: t, closeDelay: n, offset: o, withArrow: c, disabled: i, interactive: r } = s, a = Z(null), u = Z(null), g = Z(null), d = `utopia-tooltip-${Math.random().toString(36).slice(2, 9)}`, l = Z(!1), p = Z(!1), M = Z(!1);
-    let x, w, k = null;
-    function b() {
-      x && clearTimeout(x), w && clearTimeout(w);
+    const s = A, { placement: e, openDelay: t, closeDelay: n, offset: o, withArrow: c, disabled: i, interactive: r } = s, a = Z(null), u = Z(null), g = Z(null), d = `utopia-tooltip-${Math.random().toString(36).slice(2, 9)}`, v = Z(!1), p = Z(!1), O = Z(!1);
+    let x, b, D = null;
+    function w() {
+      x && clearTimeout(x), b && clearTimeout(b);
     }
     function L() {
-      i || (b(), p.value = !0, x = window.setTimeout(() => {
-        l.value = !0;
+      i || (w(), p.value = !0, x = window.setTimeout(() => {
+        v.value = !0;
       }, t));
     }
     function G() {
-      p.value = !1, b();
+      p.value = !1, w();
       const h = r ? 300 : n;
-      w = window.setTimeout(() => {
-        r && (M.value || p.value) || (l.value = !1);
+      b = window.setTimeout(() => {
+        r && (O.value || p.value) || (v.value = !1);
       }, h);
     }
-    function D() {
-      r && (M.value = !0, b());
+    function k() {
+      r && (O.value = !0, w());
     }
     function Q() {
-      r && (M.value = !1, p.value || G());
+      r && (O.value = !1, p.value || G());
     }
     function I(h) {
-      h.key === "Escape" && (l.value = !1);
+      h.key === "Escape" && (v.value = !1);
     }
     function j() {
-      l.value && (b(), l.value = !1, p.value = !1, M.value = !1);
+      v.value && (w(), v.value = !1, p.value = !1, O.value = !1);
     }
     function V(h) {
       window.mouseX = h.clientX, window.mouseY = h.clientY;
     }
     const Y = { onEnter: L, onLeave: G }, B = Z({}), z = Z(e);
-    function O(h) {
+    function M(h) {
       switch (h) {
         case "top_left":
           return "top-start";
@@ -4267,7 +4267,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       const W = [Dc(o), Tc(), kc({ padding: 8 })];
       c && g.value && W.push(Gc({ element: g.value }));
       const { x: K, y: eA, placement: tA, middlewareData: lA } = await Zc(h, F, {
-        placement: O(e),
+        placement: M(e),
         middleware: W,
         strategy: "fixed"
       });
@@ -4284,14 +4284,14 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
         g.value.style[MA] = "-4px", _ === "top" || _ === "bottom" ? (nA === "start" ? g.value.style.left = "8px" : nA === "end" ? g.value.style.right = "8px" : X != null && (g.value.style.left = `${X}px`), q != null && (g.value.style.top = `${q}px`)) : (q != null && (g.value.style.top = `${q}px`), X != null && (g.value.style.left = `${X}px`));
       }
     }
-    return iA(l, (h) => {
-      h ? (requestAnimationFrame(E), k?.(), a.value && u.value && (k = Yc(a.value, u.value, E)), document.addEventListener("keydown", I), window.addEventListener("scroll", j, !0), document.addEventListener("scroll", j, !0), window.addEventListener("wheel", j, !0), window.addEventListener("touchmove", j, !0)) : (k?.(), k = null, document.removeEventListener("keydown", I), window.removeEventListener("scroll", j, !0), document.removeEventListener("scroll", j, !0), window.removeEventListener("wheel", j, !0), window.removeEventListener("touchmove", j, !0), M.value = !1, p.value = !1);
+    return iA(v, (h) => {
+      h ? (requestAnimationFrame(E), D?.(), a.value && u.value && (D = Yc(a.value, u.value, E)), document.addEventListener("keydown", I), window.addEventListener("scroll", j, !0), document.addEventListener("scroll", j, !0), window.addEventListener("wheel", j, !0), window.addEventListener("touchmove", j, !0)) : (D?.(), D = null, document.removeEventListener("keydown", I), window.removeEventListener("scroll", j, !0), document.removeEventListener("scroll", j, !0), window.removeEventListener("wheel", j, !0), window.removeEventListener("touchmove", j, !0), O.value = !1, p.value = !1);
     }), xA(() => {
-      document.addEventListener("mousemove", V), l.value && requestAnimationFrame(E);
+      document.addEventListener("mousemove", V), v.value && requestAnimationFrame(E);
     }), qe(() => {
-      b(), k?.(), document.removeEventListener("keydown", I), window.removeEventListener("scroll", j, !0), document.removeEventListener("scroll", j, !0), window.removeEventListener("wheel", j, !0), window.removeEventListener("touchmove", j, !0), document.removeEventListener("mousemove", V);
+      w(), D?.(), document.removeEventListener("keydown", I), window.removeEventListener("scroll", j, !0), document.removeEventListener("scroll", j, !0), window.removeEventListener("wheel", j, !0), window.removeEventListener("touchmove", j, !0), document.removeEventListener("mousemove", V);
     }), (h, F) => (f(), m(sA, null, [
-      v("span", {
+      l("span", {
         class: C(["utopia-tooltip-trigger", { "utopia-tooltip--disabled": H(i) }]),
         ref_key: "triggerRef",
         ref: a,
@@ -4309,7 +4309,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       (f(), S(EA, { to: "body" }, [
         J(DA, { name: "ut-tooltip" }, {
           default: R(() => [
-            !H(i) && A.active && l.value ? (f(), m("div", {
+            !H(i) && A.active && v.value ? (f(), m("div", {
               key: 0,
               id: d,
               class: C(["utopia-tooltip", { "utopia-tooltip--interactive": H(r) }]),
@@ -4318,10 +4318,10 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
               ref_key: "tooltipRef",
               ref: u,
               "data-side": z.value,
-              onMouseenter: D,
+              onMouseenter: k,
               onMouseleave: Q
             }, [
-              v("div", Jc, [
+              l("div", Jc, [
                 AA(h.$slots, "content", {}, void 0, !0)
               ]),
               H(c) ? (f(), m("div", {
@@ -4394,8 +4394,8 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
         minimumFractionDigits: 0
       }).format(s.totalAmount);
     }), i = P(() => {
-      const x = new Date(s.expirationDate), w = s.language === "fr" ? "fr-FR" : "en-US";
-      return new Intl.DateTimeFormat(w, {
+      const x = new Date(s.expirationDate), b = s.language === "fr" ? "fr-FR" : "en-US";
+      return new Intl.DateTimeFormat(b, {
         day: "2-digit",
         month: "2-digit",
         year: "numeric"
@@ -4411,12 +4411,12 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
         expiresOn: "Expires on",
         expiredOn: "Expired on"
       }
-    })), u = P(() => a.value[s.language]), g = P(() => s.expiredLabel || u.value.expiredOn), d = Z(), l = Z(!1), p = () => {
-      s.campaignName.length > 20 && (l.value = !0);
-    }, M = () => {
-      l.value = !1;
+    })), u = P(() => a.value[s.language]), g = P(() => s.expiredLabel || u.value.expiredOn), d = Z(), v = Z(!1), p = () => {
+      s.campaignName.length > 20 && (v.value = !0);
+    }, O = () => {
+      v.value = !1;
     };
-    return (x, w) => (f(), S(rt, {
+    return (x, b) => (f(), S(rt, {
       variant: "elevated",
       size: s.size,
       disabled: s.disabled,
@@ -4425,24 +4425,24 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       onClick: r
     }, {
       default: R(() => [
-        v("div", Lc, [
-          v("div", Ec, [
-            v("img", {
+        l("div", Lc, [
+          l("div", Ec, [
+            l("img", {
               src: t.value,
               alt: `Icône ${s.category}`,
               class: "utopia-cardcampaign__icon-image"
             }, null, 8, Xc)
           ]),
-          v("div", Qc, [
-            v("div", hc, [
-              v("h3", {
+          l("div", Qc, [
+            l("div", hc, [
+              l("h3", {
                 class: "utopia-cardcampaign__title",
                 ref_key: "titleRef",
                 ref: d,
                 onMouseenter: p,
-                onMouseleave: M
+                onMouseleave: O
               }, T(s.campaignName), 545),
-              l.value && s.campaignName.length > 20 ? (f(), m("div", Nc, T(s.campaignName), 1)) : y("", !0)
+              v.value && s.campaignName.length > 20 ? (f(), m("div", Nc, T(s.campaignName), 1)) : y("", !0)
             ]),
             s.disabled ? y("", !0) : (f(), m("div", Fc, [
               J(N, {
@@ -4451,7 +4451,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
                 class: "utopia-cardcampaign__calendar-icon",
                 strokeWidth: 2
               }),
-              v("span", Ic, T(u.value.expiresOn) + " " + T(i.value), 1)
+              l("span", Ic, T(u.value.expiresOn) + " " + T(i.value), 1)
             ]))
           ]),
           s.actionable ? (f(), m("div", Vc, [
@@ -4462,17 +4462,17 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
             })
           ])) : y("", !0)
         ]),
-        v("div", Sc, [
+        l("div", Sc, [
           s.disabled ? (f(), m("div", $c, [
-            v("div", Ai, T(g.value) + " " + T(i.value), 1)
+            l("div", Ai, T(g.value) + " " + T(i.value), 1)
           ])) : (f(), m("div", Wc, [
-            v("div", Kc, [
-              v("div", Rc, T(o.value), 1),
-              v("div", Uc, T(c.value), 1)
+            l("div", Kc, [
+              l("div", Rc, T(o.value), 1),
+              l("div", Uc, T(c.value), 1)
             ]),
-            v("div", qc, [
-              v("div", _c, [
-                v("div", {
+            l("div", qc, [
+              l("div", _c, [
+                l("div", {
                   class: "utopia-cardcampaign__gauge-fill",
                   style: rA({ width: `${n.value}%` })
                 }, null, 4)
@@ -4484,7 +4484,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       _: 1
     }, 8, ["size", "disabled", "interactive", "class"]));
   }
-}), ka = /* @__PURE__ */ $(ei, [["__scopeId", "data-v-af93d22d"]]), si = { class: "utopia-balance-card-group" }, ti = ["onClick"], ni = { class: "utopia-balance-card-grouped__icon" }, oi = ["src", "alt"], ci = { class: "utopia-balance-card-grouped__content" }, ii = { class: "utopia-balance-card-grouped__header" }, ri = { class: "utopia-balance-card-grouped__title" }, ai = { class: "utopia-balance-card-grouped__campaign-count" }, fi = { class: "utopia-balance-card-grouped__balance" }, di = { class: "utopia-balance-card-grouped__amount" }, li = { class: "utopia-balance-card-grouped__progress" }, vi = { class: "utopia-balance-card-grouped__progress-bar" }, ui = { class: "utopia-balance-card-grouped__progress-total" }, gi = {
+}), Ga = /* @__PURE__ */ $(ei, [["__scopeId", "data-v-af93d22d"]]), si = { class: "utopia-balance-card-group" }, ti = ["onClick"], ni = { class: "utopia-balance-card-grouped__icon" }, oi = ["src", "alt"], ci = { class: "utopia-balance-card-grouped__content" }, ii = { class: "utopia-balance-card-grouped__header" }, ri = { class: "utopia-balance-card-grouped__title" }, ai = { class: "utopia-balance-card-grouped__campaign-count" }, fi = { class: "utopia-balance-card-grouped__balance" }, di = { class: "utopia-balance-card-grouped__amount" }, li = { class: "utopia-balance-card-grouped__progress" }, vi = { class: "utopia-balance-card-grouped__progress-bar" }, ui = { class: "utopia-balance-card-grouped__progress-total" }, gi = {
   key: 0,
   class: "utopia-balance-card-grouped__chevron"
 }, mi = /* @__PURE__ */ U({
@@ -4530,28 +4530,28 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
         }]),
         onClick: (d) => u.actionable && !u.disabled ? u.actionable() : void 0
       }, [
-        v("div", ni, [
-          v("img", {
+        l("div", ni, [
+          l("img", {
             src: t(u.category),
             alt: `Icône ${u.category}`,
             class: "utopia-balance-card-grouped__icon-image"
           }, null, 8, oi)
         ]),
-        v("div", ci, [
-          v("div", ii, [
-            v("h3", ri, T(u.campaignName), 1),
-            v("div", ai, T(u.campaignCount) + " " + T(u.campaignCount > 1 ? o.value.campaigns : o.value.campaign), 1)
+        l("div", ci, [
+          l("div", ii, [
+            l("h3", ri, T(u.campaignName), 1),
+            l("div", ai, T(u.campaignCount) + " " + T(u.campaignCount > 1 ? o.value.campaigns : o.value.campaign), 1)
           ]),
-          v("div", fi, [
-            v("div", di, T(c(u.amount)), 1),
-            v("div", li, [
-              v("div", vi, [
-                v("div", {
+          l("div", fi, [
+            l("div", di, T(c(u.amount)), 1),
+            l("div", li, [
+              l("div", vi, [
+                l("div", {
                   class: "utopia-balance-card-grouped__progress-fill",
                   style: rA({ width: `${i(u)}%` })
                 }, null, 4)
               ]),
-              v("div", ui, T(c(u.totalAmount)), 1)
+              l("div", ui, T(c(u.totalAmount)), 1)
             ])
           ])
         ]),
@@ -4565,7 +4565,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       ], 10, ti))), 128))
     ]));
   }
-}), Ta = /* @__PURE__ */ $(mi, [["__scopeId", "data-v-7bd4c0ab"]]), zi = { class: "utopia-data-table" }, pi = {
+}), Za = /* @__PURE__ */ $(mi, [["__scopeId", "data-v-7bd4c0ab"]]), zi = { class: "utopia-data-table" }, pi = {
   key: 0,
   class: "table-header"
 }, xi = {
@@ -4591,17 +4591,17 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
   },
   emits: ["row-click", "sort-change"],
   setup(A, { emit: s }) {
-    const e = A, t = s, n = Z(""), o = Z(null), c = P(() => !n.value || !o.value ? e.data : [...e.data].sort((x, w) => {
-      const k = i(x, n.value), b = i(w, n.value);
-      if (k === b) return 0;
-      const L = k > b ? 1 : -1;
+    const e = A, t = s, n = Z(""), o = Z(null), c = P(() => !n.value || !o.value ? e.data : [...e.data].sort((x, b) => {
+      const D = i(x, n.value), w = i(b, n.value);
+      if (D === w) return 0;
+      const L = D > w ? 1 : -1;
       return o.value === "asc" ? L : -L;
     }));
-    function i(x, w) {
-      return w.split(".").reduce((k, b) => k?.[b], x);
+    function i(x, b) {
+      return b.split(".").reduce((D, w) => D?.[w], x);
     }
-    function r(x, w) {
-      return typeof e.rowKey == "function" ? e.rowKey(x) : i(x, e.rowKey) || w.toString();
+    function r(x, b) {
+      return typeof e.rowKey == "function" ? e.rowKey(x) : i(x, e.rowKey) || b.toString();
     }
     function a(x) {
       x.sortable && (n.value === x.key ? o.value === "asc" ? o.value = "desc" : o.value === "desc" ? (o.value = null, n.value = "") : o.value = "asc" : (n.value = x.key, o.value = "asc"), t("sort-change", n.value, o.value));
@@ -4615,83 +4615,83 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
         [`align-${x.align || "left"}`]: !0
       };
     }
-    function d(x, w) {
+    function d(x, b) {
       return {
-        striped: e.striped && w % 2 === 1,
+        striped: e.striped && b % 2 === 1,
         hoverable: e.hoverable,
         selectable: e.selectable
       };
     }
-    function l(x, w) {
+    function v(x, b) {
       return {
         [`align-${x.align || "left"}`]: !0
       };
     }
-    function p(x, w) {
-      return w.formatter ? w.formatter(x) : x?.toString() || "";
+    function p(x, b) {
+      return b.formatter ? b.formatter(x) : x?.toString() || "";
     }
-    function M(x, w) {
-      t("row-click", x, w);
+    function O(x, b) {
+      t("row-click", x, b);
     }
-    return (x, w) => (f(), m("div", zi, [
+    return (x, b) => (f(), m("div", zi, [
       A.title || x.$slots.header ? (f(), m("div", pi, [
         A.title ? (f(), m("h3", xi, T(A.title), 1)) : y("", !0),
         AA(x.$slots, "header", {}, void 0, !0)
       ])) : y("", !0),
-      v("div", Pi, [
-        v("table", Mi, [
-          v("thead", null, [
-            v("tr", null, [
-              (f(!0), m(sA, null, aA(A.columns, (k) => (f(), m("th", {
-                key: k.key,
-                class: C(g(k)),
-                onClick: (b) => a(k)
+      l("div", Pi, [
+        l("table", Mi, [
+          l("thead", null, [
+            l("tr", null, [
+              (f(!0), m(sA, null, aA(A.columns, (D) => (f(), m("th", {
+                key: D.key,
+                class: C(g(D)),
+                onClick: (w) => a(D)
               }, [
-                v("div", yi, [
-                  v("span", null, T(k.label), 1),
-                  k.sortable ? (f(), S(H(N), {
+                l("div", yi, [
+                  l("span", null, T(D.label), 1),
+                  D.sortable ? (f(), S(H(N), {
                     key: 0,
-                    name: u(k.key),
+                    name: u(D.key),
                     class: "sort-icon"
                   }, null, 8, ["name"])) : y("", !0)
                 ])
               ], 10, Oi))), 128))
             ])
           ]),
-          v("tbody", null, [
-            (f(!0), m(sA, null, aA(c.value, (k, b) => (f(), m("tr", {
-              key: r(k, b),
-              class: C(d(k, b)),
-              onClick: (L) => M(k, b)
+          l("tbody", null, [
+            (f(!0), m(sA, null, aA(c.value, (D, w) => (f(), m("tr", {
+              key: r(D, w),
+              class: C(d(D, w)),
+              onClick: (L) => O(D, w)
             }, [
               (f(!0), m(sA, null, aA(A.columns, (L) => (f(), m("td", {
                 key: L.key,
-                class: C(l(L))
+                class: C(v(L))
               }, [
                 AA(x.$slots, `cell-${L.key}`, {
-                  value: i(k, L.key),
-                  row: k,
+                  value: i(D, L.key),
+                  row: D,
                   column: L,
-                  index: b
+                  index: w
                 }, () => [
-                  oA(T(p(i(k, L.key), L)), 1)
+                  oA(T(p(i(D, L.key), L)), 1)
                 ], !0)
               ], 2))), 128))
             ], 10, bi))), 128))
           ])
         ])
       ]),
-      A.loading ? (f(), m("div", wi, [...w[0] || (w[0] = [
-        v("div", { class: "loading-spinner" }, "Chargement...", -1)
+      A.loading ? (f(), m("div", wi, [...b[0] || (b[0] = [
+        l("div", { class: "loading-spinner" }, "Chargement...", -1)
       ])])) : y("", !0),
       !A.loading && c.value.length === 0 ? (f(), m("div", Bi, [
         AA(x.$slots, "empty", {}, () => [
-          w[1] || (w[1] = v("p", null, "Aucune donnée disponible", -1))
+          b[1] || (b[1] = l("p", null, "Aucune donnée disponible", -1))
         ], !0)
       ])) : y("", !0)
     ]));
   }
-}), Ga = /* @__PURE__ */ $(ji, [["__scopeId", "data-v-49dddfa5"]]), Yi = { class: "utopia-breadcrumbs" }, Di = { class: "utopia-breadcrumbs__active-item" }, ki = /* @__PURE__ */ U({
+}), Ha = /* @__PURE__ */ $(ji, [["__scopeId", "data-v-49dddfa5"]]), Yi = { class: "utopia-breadcrumbs" }, Di = { class: "utopia-breadcrumbs__active-item" }, ki = /* @__PURE__ */ U({
   __name: "Breadcrumbs",
   props: {
     items: {}
@@ -4720,7 +4720,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
           strokeWidth: "2"
         })
       ]))), 128)),
-      v("div", Di, [
+      l("div", Di, [
         J($A, {
           label: t.value.label,
           "icon-left": t.value.iconLeft,
@@ -4730,13 +4730,13 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       ])
     ]));
   }
-}), Za = /* @__PURE__ */ $(ki, [["__scopeId", "data-v-7add3f06"]]), Ti = { class: "utopia-productcard__image-container" }, Gi = ["src", "alt"], Zi = ["src", "alt"], Hi = ["aria-pressed"], Ji = { class: "utopia-productcard__body" }, Ci = {
+}), Ja = /* @__PURE__ */ $(ki, [["__scopeId", "data-v-7add3f06"]]), Ti = { class: "utopia-productcard__image-container" }, Gi = ["src", "alt"], Zi = ["src", "alt"], Hi = ["aria-pressed"], Ji = { class: "utopia-productcard__body" }, Ci = {
   key: 0,
   class: "utopia-productcard__tags-container"
-}, Li = { class: "utopia-productcard__tags" }, Ei = { class: "utopia-productcard__tags utopia-productcard__tags-right" }, Xi = {
+}, Li = { class: "utopia-productcard__tags" }, Ei = { class: "utopia-productcard__tags utopia-productcard__tags-right" }, Xi = { class: "utopia-productcard__discount-tooltip" }, Qi = { key: 0 }, hi = {
   key: 3,
   class: "utopia-productcard__unavailable"
-}, Qi = /* @__PURE__ */ U({
+}, Ni = /* @__PURE__ */ U({
   __name: "ProductCard",
   props: {
     id: {},
@@ -4764,15 +4764,15 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
     })), c = P(() => ({
       fr: { comingBackSoon: "De retour bientôt", outOfStock: "En rupture" },
       en: { comingBackSoon: "Coming back soon", outOfStock: "Out of stock" }
-    })), i = P(() => c.value[e.language]), r = P(() => e.tags && e.tags.length > 0 || e.subventionName || e.discount), a = Z(), u = P(() => !!(a.value && a.value.scrollHeight > a.value.clientHeight)), g = Z(), d = P(() => !!(g.value && g.value.scrollHeight > g.value.clientHeight)), l = P(() => e.discount && e.discount?.length > 16 ? e.discount?.slice(0, 13) + "..." : e.discount);
-    return (p, M) => (f(), m("div", {
+    })), i = P(() => c.value[e.language]), r = P(() => e.tags && e.tags.length > 0 || e.subventionName || e.discount), a = Z(), u = P(() => !!(a.value && a.value.scrollHeight > a.value.clientHeight)), g = Z(), d = P(() => !!(g.value && g.value.scrollHeight > g.value.clientHeight)), v = P(() => !!(e.discount && e.discount?.length > 16)), p = P(() => v.value ? e.discount?.slice(0, 13) + "..." : e.discount);
+    return (O, x) => (f(), m("div", {
       class: C(["utopia-productcard", o.value]),
-      onClick: M[2] || (M[2] = jA((x) => t("card-click", { id: A.id }), ["stop"])),
-      onKeypress: M[3] || (M[3] = Ge(jA((x) => t("card-click", { id: A.id }), ["stop"]), ["enter"])),
+      onClick: x[2] || (x[2] = jA((b) => t("card-click", { id: A.id }), ["stop"])),
+      onKeypress: x[3] || (x[3] = Ge(jA((b) => t("card-click", { id: A.id }), ["stop"]), ["enter"])),
       tabindex: "0"
     }, [
-      v("div", Ti, [
-        v("img", {
+      l("div", Ti, [
+        l("img", {
           src: A.imageUrl,
           alt: A.title,
           class: C(["utopia-productcard__image", { "utopia-productcard__image--disabled": !A.available }])
@@ -4783,12 +4783,12 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
           class: "utopia-productcard__logo",
           alt: `${A.title} logo`
         }, null, 8, Zi)) : y("", !0),
-        v("div", {
+        l("div", {
           class: "utopia-productcard__favorite",
           tabindex: "0",
           "aria-pressed": A.isFavorite,
-          onClick: M[0] || (M[0] = jA((x) => t("toggle-favorite", { id: A.id, newState: !A.isFavorite }), ["stop"])),
-          onKeypress: M[1] || (M[1] = Ge(jA((x) => t("toggle-favorite", { id: A.id, newState: !A.isFavorite }), ["stop"]), ["enter"]))
+          onClick: x[0] || (x[0] = jA((b) => t("toggle-favorite", { id: A.id, newState: !A.isFavorite }), ["stop"])),
+          onKeypress: x[1] || (x[1] = Ge(jA((b) => t("toggle-favorite", { id: A.id, newState: !A.isFavorite }), ["stop"]), ["enter"]))
         }, [
           J(N, {
             size: "extra-small",
@@ -4797,20 +4797,20 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
           }, null, 8, ["name"])
         ], 40, Hi)
       ]),
-      v("div", Ji, [
+      l("div", Ji, [
         r.value ? (f(), m("div", Ci, [
-          v("div", Li, [
-            (f(!0), m(sA, null, aA(A.tags, (x, w) => (f(), S(HA, {
-              key: w,
+          l("div", Li, [
+            (f(!0), m(sA, null, aA(A.tags, (b, D) => (f(), S(HA, {
+              key: D,
               size: "extra-small"
             }, {
               default: R(() => [
-                oA(T(x), 1)
+                oA(T(b), 1)
               ]),
               _: 2
             }, 1024))), 128))
           ]),
-          v("div", Ei, [
+          l("div", Ei, [
             A.available ? y("", !0) : (f(), S(HA, {
               key: 0,
               size: "extra-small",
@@ -4858,7 +4858,10 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
               active: !!A.discountTooltip
             }, {
               content: R(() => [
-                oA(T(A.discountTooltip), 1)
+                l("div", Xi, [
+                  l("p", null, T(A.discountTooltip), 1),
+                  v.value ? (f(), m("p", Qi, T(A.discount), 1)) : y("", !0)
+                ])
               ]),
               default: R(() => [
                 J(HA, {
@@ -4868,7 +4871,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
                   customTextColor: "--theme-colors-surface-card"
                 }, {
                   default: R(() => [
-                    oA(T(l.value), 1)
+                    oA(T(p.value), 1)
                   ]),
                   _: 1
                 })
@@ -4890,7 +4893,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
             oA(T(A.title), 1)
           ]),
           default: R(() => [
-            v("h3", {
+            l("h3", {
               ref_key: "titleRef",
               ref: a,
               class: "utopia-productcard__title"
@@ -4911,7 +4914,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
             oA(T(A.description), 1)
           ]),
           default: R(() => [
-            v("p", {
+            l("p", {
               ref_key: "descriptionRef",
               ref: g,
               class: "utopia-productcard__description"
@@ -4929,11 +4932,11 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
           isDiscounted: !!A.discount,
           isSubventioned: !!A.subventionName,
           language: A.language
-        }, null, 8, ["variantCount", "price", "oldPrice", "currency", "isDiscounted", "isSubventioned", "language"])) : y("", !0) : (f(), m("div", Xi, T(i.value.comingBackSoon), 1))
+        }, null, 8, ["variantCount", "price", "oldPrice", "currency", "isDiscounted", "isSubventioned", "language"])) : y("", !0) : (f(), m("div", hi, T(i.value.comingBackSoon), 1))
       ])
     ], 34));
   }
-}), Ha = /* @__PURE__ */ $(Qi, [["__scopeId", "data-v-c07cc6cd"]]), hi = { class: "utopia-filterprice" }, Ni = { class: "utopia-filterprice--inputs-container" }, Fi = { class: "utopia-filterprice--range-slider-container" }, Ii = /* @__PURE__ */ U({
+}), Ca = /* @__PURE__ */ $(Ni, [["__scopeId", "data-v-7b3b66da"]]), Fi = { class: "utopia-filterprice" }, Ii = { class: "utopia-filterprice--inputs-container" }, Vi = { class: "utopia-filterprice--range-slider-container" }, Si = /* @__PURE__ */ U({
   __name: "FilterPrice",
   props: {
     labelMin: { default: "Prix minimum" },
@@ -4945,23 +4948,23 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
   },
   emits: ["update-value"],
   setup(A, { emit: s }) {
-    const e = A, t = s, n = P(() => e.currentValue[0].toString()), o = P(() => e.currentValue[1].toString()), { currencyIconName: c } = Lt(e.currency), i = (l) => {
-      Number(l) <= e.currentValue[1] && t("update-value", [Number(l), e.currentValue[1]]);
-    }, r = (l) => {
-      Number(l) >= e.currentValue[0] && t("update-value", [e.currentValue[0], Number(l)]);
-    }, a = (l) => {
-      t("update-value", Array.isArray(l) ? l : [l, l]);
+    const e = A, t = s, n = P(() => e.currentValue[0].toString()), o = P(() => e.currentValue[1].toString()), { currencyIconName: c } = Lt(e.currency), i = (v) => {
+      Number(v) <= e.currentValue[1] && t("update-value", [Number(v), e.currentValue[1]]);
+    }, r = (v) => {
+      Number(v) >= e.currentValue[0] && t("update-value", [e.currentValue[0], Number(v)]);
+    }, a = (v) => {
+      t("update-value", Array.isArray(v) ? v : [v, v]);
     }, u = () => {
-      const l = Math.min(Math.max(e.currentValue[0], e.min), e.currentValue[1]);
-      t("update-value", [l, e.currentValue[1]]);
+      const v = Math.min(Math.max(e.currentValue[0], e.min), e.currentValue[1]);
+      t("update-value", [v, e.currentValue[1]]);
     }, g = () => {
-      const l = Math.min(Math.max(e.currentValue[0], e.currentValue[1]), e.max);
-      t("update-value", [e.currentValue[0], l]);
-    }, d = (l) => {
-      l.target.select();
+      const v = Math.min(Math.max(e.currentValue[0], e.currentValue[1]), e.max);
+      t("update-value", [e.currentValue[0], v]);
+    }, d = (v) => {
+      v.target.select();
     };
-    return (l, p) => (f(), m("div", hi, [
-      v("div", Ni, [
+    return (v, p) => (f(), m("div", Fi, [
+      l("div", Ii, [
         J(te, {
           "model-value": n.value,
           label: A.labelMin,
@@ -4991,7 +4994,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
           onBlur: g
         }, null, 8, ["model-value", "label", "min", "max", "icon"])
       ]),
-      v("div", Fi, [
+      l("div", Vi, [
         J(Rt, {
           currentValue: A.currentValue,
           min: A.min,
@@ -5003,28 +5006,28 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       ])
     ]));
   }
-}), Ja = /* @__PURE__ */ $(Ii, [["__scopeId", "data-v-b33833de"]]), Vi = { class: "utopia-pagenavigation" }, Si = {
+}), La = /* @__PURE__ */ $(Si, [["__scopeId", "data-v-b33833de"]]), Wi = { class: "utopia-pagenavigation" }, Ki = {
   key: 0,
   class: "utopia-pagenavigation__numbers"
-}, Wi = {
+}, Ri = {
   key: 1,
   class: "utopia-pagenavigation__compact-container"
-}, Ki = { class: "utopia-pagenavigation__compact-page-number" }, Ri = {
+}, Ui = { class: "utopia-pagenavigation__compact-page-number" }, qi = {
   key: 2,
   class: "utopia-pagenavigation__extra-container"
-}, Ui = {
+}, _i = {
   key: 0,
   class: "utopia-pagenavigation__separator"
-}, qi = {
+}, $i = {
   key: 1,
   class: "utopia-pagenavigation__go-to-page-container"
-}, _i = {
+}, Ar = {
   key: 2,
   class: "utopia-pagenavigation__separator"
-}, $i = {
+}, er = {
   key: 3,
   class: "utopia-pagenavigation__size-container"
-}, Ar = /* @__PURE__ */ U({
+}, sr = /* @__PURE__ */ U({
   __name: "PageNavigation",
   props: {
     currentPage: {},
@@ -5045,10 +5048,10 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       const u = /* @__PURE__ */ new Set([1, e.totalPages]), g = P(() => o.value ? 1 : 2);
       for (let d = e.currentPage - g.value; d <= e.currentPage + g.value; d++)
         d > 1 && d < e.totalPages && u.add(d);
-      return [...u].sort((d, l) => d - l);
+      return [...u].sort((d, v) => d - v);
     }), i = s, r = P(() => e.currentPage), a = P(() => e.size);
-    return (u, g) => (f(), m("div", Vi, [
-      A.compact ? (f(), m("div", Wi, [
+    return (u, g) => (f(), m("div", Wi, [
+      A.compact ? (f(), m("div", Ri, [
         J(mA, {
           class: "utopia-pagenavigation__compact-button",
           size: "xs",
@@ -5063,7 +5066,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
           ])]),
           _: 1
         }, 8, ["disabled"]),
-        v("div", Ki, "Page " + T(A.currentPage) + " sur " + T(A.totalPages), 1),
+        l("div", Ui, "Page " + T(A.currentPage) + " sur " + T(A.totalPages), 1),
         J(mA, {
           class: "utopia-pagenavigation__compact-button",
           size: "xs",
@@ -5079,7 +5082,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
           ])]),
           _: 1
         }, 8, ["disabled"])
-      ])) : (f(), m("div", Si, [
+      ])) : (f(), m("div", Ki, [
         J(mA, {
           class: "utopia-pagenavigation__button",
           size: "md",
@@ -5089,7 +5092,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
           "aria-label": "Go to previous page",
           onClick: g[0] || (g[0] = () => i("page-change", A.currentPage - 1))
         }, null, 8, ["disabled"]),
-        (f(!0), m(sA, null, aA(c.value, (d, l) => (f(), m("div", {
+        (f(!0), m(sA, null, aA(c.value, (d, v) => (f(), m("div", {
           class: "utopia-pagenavigation__pages-container",
           key: d
         }, [
@@ -5104,7 +5107,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
             ]),
             _: 2
           }, 1032, ["class", "variant", "onClick"]),
-          l === 0 && A.currentPage > 3 || l === c.value.length - 2 && A.currentPage < A.totalPages - 2 ? (f(), m("div", {
+          v === 0 && A.currentPage > 3 || v === c.value.length - 2 && A.currentPage < A.totalPages - 2 ? (f(), m("div", {
             key: 0,
             class: C(["utopia-pagenavigation__ellipsis", n.value])
           }, " … ", 2)) : y("", !0)
@@ -5119,23 +5122,23 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
           onClick: g[1] || (g[1] = () => i("page-change", A.currentPage + 1))
         }, null, 8, ["disabled"])
       ])),
-      !A.compact && (A.showGoToPage || A.showSize) ? (f(), m("div", Ri, [
-        A.showGoToPage ? (f(), m("div", Ui)) : y("", !0),
-        A.showGoToPage ? (f(), m("div", qi, [
-          v("div", {
+      !A.compact && (A.showGoToPage || A.showSize) ? (f(), m("div", qi, [
+        A.showGoToPage ? (f(), m("div", _i)) : y("", !0),
+        A.showGoToPage ? (f(), m("div", $i, [
+          l("div", {
             class: C(["utopia-pagenavigation__go-to-page-label", n.value])
           }, T(A.goToPageLabel), 3),
           J(Ze, {
             modelValue: r.value,
             "onUpdate:modelValue": g[4] || (g[4] = (d) => r.value = d),
             size: "small",
-            options: Array.from({ length: A.totalPages }, (d, l) => ({ value: l + 1, label: (l + 1).toString() })),
+            options: Array.from({ length: A.totalPages }, (d, v) => ({ value: v + 1, label: (v + 1).toString() })),
             onChange: g[5] || (g[5] = (d) => i("page-change", parseInt(d.toString())))
           }, null, 8, ["modelValue", "options"])
         ])) : y("", !0),
-        A.showSize ? (f(), m("div", _i)) : y("", !0),
-        A.showSize ? (f(), m("div", $i, [
-          v("div", {
+        A.showSize ? (f(), m("div", Ar)) : y("", !0),
+        A.showSize ? (f(), m("div", er, [
+          l("div", {
             class: C(["utopia-pagenavigation__size-label", n.value])
           }, T(A.sizeLabel), 3),
           J(Ze, {
@@ -5149,10 +5152,10 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       ])) : y("", !0)
     ]));
   }
-}), Ca = /* @__PURE__ */ $(Ar, [["__scopeId", "data-v-61f9e2ef"]]), er = {
+}), Ea = /* @__PURE__ */ $(sr, [["__scopeId", "data-v-61f9e2ef"]]), tr = {
   key: 0,
   class: "mobile-menu-overlay"
-}, sr = { class: "menu-header" }, tr = { class: "header-logo-container" }, nr = { class: "header-logo" }, or = { class: "menu-footer" }, cr = /* @__PURE__ */ U({
+}, nr = { class: "menu-header" }, or = { class: "header-logo-container" }, cr = { class: "header-logo" }, ir = { class: "menu-footer" }, rr = /* @__PURE__ */ U({
   __name: "MobileMenu",
   props: {
     isOpen: { type: Boolean }
@@ -5188,33 +5191,33 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       t("close");
     }, d = (p) => {
       t("nav-click", p), g();
-    }, l = (p) => {
+    }, v = (p) => {
       p.target.closest(".nav-item") && setTimeout(() => {
         g();
       }, 100);
     };
-    return (p, M) => (f(), S(EA, { to: "body" }, [
+    return (p, O) => (f(), S(EA, { to: "body" }, [
       J(DA, { name: "mobile-menu" }, {
         default: R(() => [
-          A.isOpen ? (f(), m("div", er, [
-            v("div", {
+          A.isOpen ? (f(), m("div", tr, [
+            l("div", {
               class: "mobile-backdrop",
               onClick: g
             }),
-            v("aside", {
+            l("aside", {
               class: C(["utopia-menu mobile-menu-content", H(a)])
             }, [
-              v("div", sr, [
-                v("div", tr, [
+              l("div", nr, [
+                l("div", or, [
                   AA(p.$slots, "header", {}, () => [
-                    v("div", nr, [
+                    l("div", cr, [
                       AA(p.$slots, "header-content", {}, () => [
-                        M[6] || (M[6] = v("h3", { class: "mobile-menu-title" }, "Menu", -1))
+                        O[6] || (O[6] = l("h3", { class: "mobile-menu-title" }, "Menu", -1))
                       ], !0)
                     ])
                   ], !0)
                 ]),
-                v("button", {
+                l("button", {
                   class: "mobile-menu-close",
                   onClick: g
                 }, [
@@ -5226,73 +5229,73 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
                   })
                 ])
               ]),
-              v("nav", {
+              l("nav", {
                 class: C(["menu-nav", H(u)]),
                 ref_key: "menuNavRef",
                 ref: n,
-                onScroll: M[5] || (M[5] = //@ts-ignore
+                onScroll: O[5] || (O[5] = //@ts-ignore
                 (...x) => H(i) && H(i)(...x)),
-                onClick: l
+                onClick: v
               }, [
                 AA(p.$slots, "nav-items", {}, () => [
-                  v("div", {
+                  l("div", {
                     class: "nav-item",
-                    onClick: M[0] || (M[0] = (x) => d("accueil"))
+                    onClick: O[0] || (O[0] = (x) => d("accueil"))
                   }, [
                     J(H(N), {
                       name: "Home",
                       size: "small",
                       color: "neutral"
                     }),
-                    M[7] || (M[7] = v("span", null, "Accueil", -1))
+                    O[7] || (O[7] = l("span", null, "Accueil", -1))
                   ]),
-                  v("div", {
+                  l("div", {
                     class: "nav-item",
-                    onClick: M[1] || (M[1] = (x) => d("couleurs"))
+                    onClick: O[1] || (O[1] = (x) => d("couleurs"))
                   }, [
                     J(H(N), {
                       name: "Palette",
                       size: "small",
                       color: "neutral"
                     }),
-                    M[8] || (M[8] = v("span", null, "Couleurs", -1))
+                    O[8] || (O[8] = l("span", null, "Couleurs", -1))
                   ]),
-                  v("div", {
+                  l("div", {
                     class: "nav-item",
-                    onClick: M[2] || (M[2] = (x) => d("typographie"))
+                    onClick: O[2] || (O[2] = (x) => d("typographie"))
                   }, [
                     J(H(N), {
                       name: "Type",
                       size: "small",
                       color: "neutral"
                     }),
-                    M[9] || (M[9] = v("span", null, "Typographie", -1))
+                    O[9] || (O[9] = l("span", null, "Typographie", -1))
                   ]),
-                  v("div", {
+                  l("div", {
                     class: "nav-item",
-                    onClick: M[3] || (M[3] = (x) => d("icones"))
+                    onClick: O[3] || (O[3] = (x) => d("icones"))
                   }, [
                     J(H(N), {
                       name: "Star",
                       size: "small",
                       color: "neutral"
                     }),
-                    M[10] || (M[10] = v("span", null, "Icônes", -1))
+                    O[10] || (O[10] = l("span", null, "Icônes", -1))
                   ]),
-                  v("div", {
+                  l("div", {
                     class: "nav-item",
-                    onClick: M[4] || (M[4] = (x) => d("parametres"))
+                    onClick: O[4] || (O[4] = (x) => d("parametres"))
                   }, [
                     J(H(N), {
                       name: "Settings",
                       size: "small",
                       color: "neutral"
                     }),
-                    M[11] || (M[11] = v("span", null, "Paramètres", -1))
+                    O[11] || (O[11] = l("span", null, "Paramètres", -1))
                   ])
                 ], !0)
               ], 34),
-              v("div", or, [
+              l("div", ir, [
                 AA(p.$slots, "footer", {}, void 0, !0)
               ])
             ], 2)
@@ -5302,7 +5305,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       })
     ]));
   }
-}), ir = /* @__PURE__ */ $(cr, [["__scopeId", "data-v-f8bc3e25"]]), rr = /* @__PURE__ */ U({
+}), ar = /* @__PURE__ */ $(rr, [["__scopeId", "data-v-f8bc3e25"]]), fr = /* @__PURE__ */ U({
   __name: "MobileMenuButton",
   props: {
     onOpenMenu: { type: Function, default: () => {
@@ -5332,7 +5335,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       })
     ]));
   }
-}), ar = /* @__PURE__ */ $(rr, [["__scopeId", "data-v-9e32c0e4"]]), fr = { class: "utopia-header" }, dr = { class: "nav-container" }, lr = { class: "nav-left" }, vr = { class: "nav-right" }, ur = { class: "menu-header-content" }, gr = /* @__PURE__ */ U({
+}), dr = /* @__PURE__ */ $(fr, [["__scopeId", "data-v-9e32c0e4"]]), lr = { class: "utopia-header" }, vr = { class: "nav-container" }, ur = { class: "nav-left" }, gr = { class: "nav-right" }, mr = { class: "menu-header-content" }, zr = /* @__PURE__ */ U({
   __name: "Header",
   emits: ["mobile-menu-open", "nav-click"],
   setup(A, { emit: s }) {
@@ -5353,31 +5356,31 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
     }, o = (i) => {
       console.log("Navigation vers:", i), c("nav-click", i);
     }, c = s;
-    return (i, r) => (f(), m("header", fr, [
-      v("nav", dr, [
-        v("div", lr, [
-          J(ar, { onOpenMenu: t }),
+    return (i, r) => (f(), m("header", lr, [
+      l("nav", vr, [
+        l("div", ur, [
+          J(dr, { onOpenMenu: t }),
           AA(i.$slots, "left", {}, void 0, !0)
         ]),
-        v("div", vr, [
+        l("div", gr, [
           AA(i.$slots, "right", {}, void 0, !0)
         ])
       ]),
-      J(ir, {
+      J(ar, {
         "is-open": e.value,
         onClose: n,
         onNavClick: o
       }, {
         header: R(() => [
           AA(i.$slots, "mobile-menu-header", {}, () => [
-            v("div", ur, [
+            l("div", mr, [
               J(H(ne), { size: "md" })
             ])
           ], !0)
         ]),
         "nav-items": R(() => [
           AA(i.$slots, "mobile-nav-items", {}, () => [
-            v("div", {
+            l("div", {
               class: "nav-item",
               onClick: r[0] || (r[0] = (a) => o("accueil"))
             }, [
@@ -5386,9 +5389,9 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
                 size: "small",
                 color: "neutral"
               }),
-              r[5] || (r[5] = v("span", null, "Accueil", -1))
+              r[5] || (r[5] = l("span", null, "Accueil", -1))
             ]),
-            v("div", {
+            l("div", {
               class: "nav-item",
               onClick: r[1] || (r[1] = (a) => o("couleurs"))
             }, [
@@ -5397,9 +5400,9 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
                 size: "small",
                 color: "neutral"
               }),
-              r[6] || (r[6] = v("span", null, "Couleurs", -1))
+              r[6] || (r[6] = l("span", null, "Couleurs", -1))
             ]),
-            v("div", {
+            l("div", {
               class: "nav-item",
               onClick: r[2] || (r[2] = (a) => o("typographie"))
             }, [
@@ -5408,9 +5411,9 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
                 size: "small",
                 color: "neutral"
               }),
-              r[7] || (r[7] = v("span", null, "Typographie", -1))
+              r[7] || (r[7] = l("span", null, "Typographie", -1))
             ]),
-            v("div", {
+            l("div", {
               class: "nav-item",
               onClick: r[3] || (r[3] = (a) => o("icones"))
             }, [
@@ -5419,9 +5422,9 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
                 size: "small",
                 color: "neutral"
               }),
-              r[8] || (r[8] = v("span", null, "Icônes", -1))
+              r[8] || (r[8] = l("span", null, "Icônes", -1))
             ]),
-            v("div", {
+            l("div", {
               class: "nav-item",
               onClick: r[4] || (r[4] = (a) => o("parametres"))
             }, [
@@ -5430,7 +5433,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
                 size: "small",
                 color: "neutral"
               }),
-              r[9] || (r[9] = v("span", null, "Paramètres", -1))
+              r[9] || (r[9] = l("span", null, "Paramètres", -1))
             ])
           ], !0)
         ]),
@@ -5438,10 +5441,10 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       }, 8, ["is-open"])
     ]));
   }
-}), mr = /* @__PURE__ */ $(gr, [["__scopeId", "data-v-b7a7b033"]]), zr = { class: "header-logo" }, pr = { class: "menu-toggle" }, xr = {
+}), pr = /* @__PURE__ */ $(zr, [["__scopeId", "data-v-b7a7b033"]]), xr = { class: "header-logo" }, Pr = { class: "menu-toggle" }, Mr = {
   key: 0,
   class: "hover-expand-overlay"
-}, Pr = { class: "menu-footer" }, Mr = /* @__PURE__ */ U({
+}, Or = { class: "menu-footer" }, yr = /* @__PURE__ */ U({
   __name: "Menu",
   props: {
     collapsed: { type: Boolean, default: !1 },
@@ -5452,11 +5455,11 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
     const t = A, n = e, o = Z(t.collapsed), c = Z(!1), i = Z(!1), r = Z(!1), a = Z(!1), u = Z(null), {
       scrollElementRef: g,
       showTopShadow: d,
-      showBottomShadow: l,
+      showBottomShadow: v,
       handleScroll: p,
-      initialize: M,
+      initialize: O,
       containerClasses: x,
-      scrollClasses: w
+      scrollClasses: b
     } = es({
       initialDelay: 100,
       shadowConfig: {
@@ -5467,31 +5470,31 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
         zIndex: 1e3
       },
       injectStyles: !0
-    }), k = () => {
+    }), D = () => {
       o.value = !o.value, u.value = o.value, n("update:collapsed", o.value);
-    }, b = () => {
+    }, w = () => {
       o.value = !0, a.value = !1, n("update:collapsed", o.value);
     };
     s({
       openMobileMenu: () => {
         o.value = !1, a.value = !0, n("update:collapsed", o.value);
       },
-      closeMobileMenu: b,
-      toggleMenu: k
+      closeMobileMenu: w,
+      toggleMenu: D
     });
     const G = () => {
-      const D = window.innerWidth <= 768;
-      r.value = !0, D ? D && (o.value = !0, a.value = !1, n("update:collapsed", o.value)) : (a.value = !1, u.value !== null ? o.value = u.value : o.value = !1, n("update:collapsed", o.value)), setTimeout(() => {
+      const k = window.innerWidth <= 768;
+      r.value = !0, k ? k && (o.value = !0, a.value = !1, n("update:collapsed", o.value)) : (a.value = !1, u.value !== null ? o.value = u.value : o.value = !1, n("update:collapsed", o.value)), setTimeout(() => {
         r.value = !1;
       }, 100);
     };
     return xA(() => {
       window.innerWidth <= 768 ? (o.value = !0, a.value = !1, n("update:collapsed", o.value)) : (o.value = t.collapsed, n("update:collapsed", o.value)), setTimeout(() => {
-        c.value = !0, M();
+        c.value = !0, O();
       }, 50), window.addEventListener("resize", G), document.body.style.overflowX = "hidden";
     }), OA(() => {
       window.removeEventListener("resize", G), document.body.style.overflowX = "";
-    }), (D, Q) => (f(), m("aside", {
+    }), (k, Q) => (f(), m("aside", {
       class: C(["utopia-menu", [
         {
           collapsed: o.value,
@@ -5505,18 +5508,18 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       a.value ? (f(), m("div", {
         key: 0,
         class: "mobile-backdrop",
-        onClick: b
+        onClick: w
       })) : y("", !0),
-      v("div", {
+      l("div", {
         class: C(["menu-header", { collapsed: o.value }])
       }, [
-        v("div", {
+        l("div", {
           class: C(["header-logo-container", { collapsed: o.value }]),
-          onClick: Q[0] || (Q[0] = (I) => o.value ? k() : null)
+          onClick: Q[0] || (Q[0] = (I) => o.value ? D() : null)
         }, [
-          v("div", zr, [
-            AA(D.$slots, "header", {}, () => [
-              v("div", pr, [
+          l("div", xr, [
+            AA(k.$slots, "header", {}, () => [
+              l("div", Pr, [
                 J(H(N), {
                   name: "menu_tab",
                   size: "medium",
@@ -5525,7 +5528,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
               ])
             ], !0)
           ]),
-          o.value ? (f(), m("div", xr, [
+          o.value ? (f(), m("div", Mr, [
             J(H(N), {
               name: "Panel-left",
               "stroke-width": 2,
@@ -5537,7 +5540,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
         o.value ? y("", !0) : (f(), m("div", {
           key: 0,
           class: "header-toggle",
-          onClick: k
+          onClick: D
         }, [
           J(H(N), {
             name: "Panel-left",
@@ -5549,7 +5552,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
         a.value ? (f(), m("div", {
           key: 1,
           class: "mobile-close-btn",
-          onClick: b
+          onClick: w
         }, [
           J(H(N), {
             name: "X",
@@ -5559,30 +5562,30 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
           })
         ])) : y("", !0)
       ], 2),
-      v("nav", {
-        class: C(["menu-nav", H(w)]),
+      l("nav", {
+        class: C(["menu-nav", H(b)]),
         ref_key: "menuNavRef",
         ref: g,
         onScroll: Q[1] || (Q[1] = //@ts-ignore
         (...I) => H(p) && H(p)(...I))
       }, [
-        AA(D.$slots, "nav-items", {
+        AA(k.$slots, "nav-items", {
           collapsed: o.value,
           animating: i.value
         }, void 0, !0)
       ], 34),
-      v("div", Pr, [
-        AA(D.$slots, "footer", {}, void 0, !0)
+      l("div", Or, [
+        AA(k.$slots, "footer", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Or = /* @__PURE__ */ $(Mr, [["__scopeId", "data-v-d3734e62"]]), yr = {
+}), br = /* @__PURE__ */ $(yr, [["__scopeId", "data-v-d3734e62"]]), wr = {
   key: 0,
   class: "nav-item-icon"
-}, br = {
+}, Br = {
   key: 1,
   class: "nav-item-label"
-}, wr = /* @__PURE__ */ U({
+}, jr = /* @__PURE__ */ U({
   __name: "NavItem",
   props: {
     label: {},
@@ -5610,7 +5613,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
     }, a = P(() => e.to ? "router-link" : e.href ? "a" : "button"), u = P(() => e.active), g = (d) => {
       t("click", d);
     };
-    return (d, l) => (f(), m(sA, null, [
+    return (d, v) => (f(), m(sA, null, [
       (f(), S(we(a.value), Zs({
         to: A.to,
         href: A.href,
@@ -5623,7 +5626,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
         ref: n
       }), {
         default: R(() => [
-          A.icon ? (f(), m("span", yr, [
+          A.icon ? (f(), m("span", wr, [
             J(H(N), {
               name: A.icon,
               size: "medium",
@@ -5631,7 +5634,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
               "stroke-width": 2
             }, null, 8, ["name"])
           ])) : y("", !0),
-          A.collapsed ? y("", !0) : (f(), m("span", br, [
+          A.collapsed ? y("", !0) : (f(), m("span", Br, [
             AA(d.$slots, "default", {}, () => [
               oA(T(A.label), 1)
             ], !0)
@@ -5643,17 +5646,17 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
         key: 0,
         to: "body"
       }, [
-        v("div", {
+        l("div", {
           class: "nav-item-tooltip-teleported",
           style: rA(c.value)
         }, T(A.label), 5)
       ])) : y("", !0)
     ], 64));
   }
-}), Re = /* @__PURE__ */ $(wr, [["__scopeId", "data-v-ef31c18c"]]), Br = {
+}), Re = /* @__PURE__ */ $(jr, [["__scopeId", "data-v-ef31c18c"]]), Yr = {
   key: 0,
   class: "section-label"
-}, jr = { class: "section-text" }, Yr = { class: "section-collapsed-label" }, Dr = /* @__PURE__ */ U({
+}, Dr = { class: "section-text" }, kr = { class: "section-collapsed-label" }, Tr = /* @__PURE__ */ U({
   __name: "MenuSection",
   props: {
     label: {},
@@ -5685,22 +5688,22 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
         ref_key: "sectionRef",
         ref: e
       }, [
-        v("span", Yr, T(A.label.toUpperCase()), 1)
-      ], 544)) : (f(), m("div", Br, [
-        v("span", jr, T(A.label.toUpperCase()), 1)
+        l("span", kr, T(A.label.toUpperCase()), 1)
+      ], 544)) : (f(), m("div", Yr, [
+        l("span", Dr, T(A.label.toUpperCase()), 1)
       ])),
       A.collapsed && t.value ? (f(), S(EA, {
         key: 2,
         to: "body"
       }, [
-        v("div", {
+        l("div", {
           class: "section-tooltip-teleported",
           style: rA(n.value)
         }, T(A.label), 5)
       ])) : y("", !0)
     ], 2));
   }
-}), Ue = /* @__PURE__ */ $(Dr, [["__scopeId", "data-v-dae4aa57"]]), kr = { class: "app-layout" }, Tr = { class: "menu-header-content" }, Gr = { class: "mode-icon" }, Zr = { class: "app-main" }, Hr = { class: "app-footer" }, Jr = { class: "footer-content" }, Cr = { class: "footer-brand" }, Lr = /* @__PURE__ */ U({
+}), Ue = /* @__PURE__ */ $(Tr, [["__scopeId", "data-v-dae4aa57"]]), Gr = { class: "app-layout" }, Zr = { class: "menu-header-content" }, Hr = { class: "mode-icon" }, Jr = { class: "app-main" }, Cr = { class: "app-footer" }, Lr = { class: "footer-content" }, Er = { class: "footer-brand" }, Xr = /* @__PURE__ */ U({
   __name: "DefaultLayout",
   props: {
     menuItems: { default: () => [
@@ -5754,8 +5757,8 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
     }, r = P(() => (d) => {
       if (!e?.path || !d.to)
         return !1;
-      const l = e.path;
-      return l === d.to || l.startsWith(d.to + "/");
+      const v = e.path;
+      return v === d.to || v.startsWith(d.to + "/");
     }), a = (d) => {
       t("navigate", d);
     }, u = (d) => {
@@ -5763,15 +5766,15 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
     }, g = () => {
       t("mode-toggle");
     };
-    return (d, l) => (f(), m("div", kr, [
-      J(H(Or), {
+    return (d, v) => (f(), m("div", Gr, [
+      J(H(br), {
         collapsed: H(n),
         "onUpdate:collapsed": i,
         headerCollapsed: c.value,
-        "onUpdate:headerCollapsed": l[0] || (l[0] = (p) => c.value = p)
+        "onUpdate:headerCollapsed": v[0] || (v[0] = (p) => c.value = p)
       }, {
         header: R(() => [
-          v("div", Tr, [
+          l("div", Zr, [
             J(H(ne), { size: "xs" })
           ])
         ]),
@@ -5790,17 +5793,17 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
               active: r.value(p),
               collapsed: H(n),
               headerCollapsed: c.value,
-              onClick: (M) => a(p.to)
+              onClick: (O) => a(p.to)
             }, null, 8, ["icon", "label", "active", "collapsed", "headerCollapsed", "onClick"]))
           ], 64))), 128))
         ]),
         _: 1
       }, 8, ["collapsed", "headerCollapsed"]),
-      v("div", {
+      l("div", {
         class: C(["main-content", { "menu-collapsed": H(n) }])
       }, [
-        J(H(mr), { onNavClick: u }, {
-          left: R(() => [...l[1] || (l[1] = [])]),
+        J(H(pr), { onNavClick: u }, {
+          left: R(() => [...v[1] || (v[1] = [])]),
           right: R(() => [
             AA(d.$slots, "header-right", {}, () => [
               J(H(mA), {
@@ -5811,7 +5814,7 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
                 class: C(["mode-toggle", { dark: A.currentMode === "dark" }])
               }, {
                 default: R(() => [
-                  v("span", Gr, T(A.currentMode === "light" ? "🌙" : "☀️"), 1)
+                  l("span", Hr, T(A.currentMode === "light" ? "🌙" : "☀️"), 1)
                 ]),
                 _: 1
               }, 8, ["aria-label", "class"])
@@ -5830,32 +5833,32 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
                 icon: p.icon,
                 label: p.label,
                 active: r.value(p),
-                onClick: (M) => a(p.to)
+                onClick: (O) => a(p.to)
               }, null, 8, ["icon", "label", "active", "onClick"]))
             ], 64))), 128))
           ]),
           _: 3
         }),
-        v("main", Zr, [
+        l("main", Jr, [
           AA(d.$slots, "default", {}, void 0, !0)
         ]),
-        v("footer", Hr, [
+        l("footer", Cr, [
           AA(d.$slots, "footer", {}, () => [
-            v("div", Jr, [
-              v("div", Cr, [
+            l("div", Lr, [
+              l("div", Er, [
                 J(H(ne), {
                   variant: "small",
                   size: "xs"
                 }),
-                l[2] || (l[2] = v("span", { class: "footer-text" }, "Utopia Design System", -1))
+                v[2] || (v[2] = l("span", { class: "footer-text" }, "Utopia Design System", -1))
               ]),
-              l[3] || (l[3] = v("div", { class: "footer-links" }, [
-                v("a", {
+              v[3] || (v[3] = l("div", { class: "footer-links" }, [
+                l("a", {
                   href: "https://github.com/club-employes/DS",
                   target: "_blank",
                   rel: "noopener noreferrer"
                 }, " GitHub "),
-                v("a", {
+                l("a", {
                   href: "https://npmjs.com/package/@club-employes/utopia",
                   target: "_blank",
                   rel: "noopener noreferrer"
@@ -5867,28 +5870,28 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       ], 2)
     ]));
   }
-}), La = /* @__PURE__ */ $(Lr, [["__scopeId", "data-v-d8160ebb"]]), Er = { class: "utopia-auth-layout" }, Xr = { class: "auth-form-section" }, Qr = { class: "auth-form-container" }, hr = { class: "auth-logo" }, Nr = { class: "auth-welcome" }, Fr = { class: "auth-title" }, Ir = {
+}), Xa = /* @__PURE__ */ $(Xr, [["__scopeId", "data-v-d8160ebb"]]), Qr = { class: "utopia-auth-layout" }, hr = { class: "auth-form-section" }, Nr = { class: "auth-form-container" }, Fr = { class: "auth-logo" }, Ir = { class: "auth-welcome" }, Vr = { class: "auth-title" }, Sr = {
   key: 0,
   class: "wave-emoji"
-}, Vr = { class: "auth-subtitle" }, Sr = { class: "auth-form" }, Wr = {
+}, Wr = { class: "auth-subtitle" }, Kr = { class: "auth-form" }, Rr = {
   key: 0,
   class: "auth-tips"
-}, Kr = { class: "tips-icon" }, Rr = { class: "tips-content" }, Ur = { class: "tips-title" }, qr = { class: "tips-text" }, _r = {
+}, Ur = { class: "tips-icon" }, qr = { class: "tips-content" }, _r = { class: "tips-title" }, $r = { class: "tips-text" }, Aa = {
   key: 0,
   class: "tips-contact"
-}, $r = ["href"], Aa = ["href"], ea = { class: "auth-slide-content" }, sa = {
+}, ea = ["href"], sa = ["href"], ta = { class: "auth-slide-content" }, na = {
   key: 0,
   class: "slide-image-wrapper"
-}, ta = ["src", "alt"], na = {
+}, oa = ["src", "alt"], ca = {
   key: 1,
   class: "slide-tips"
-}, oa = { class: "tips-icon" }, ca = { class: "tips-text" }, ia = {
+}, ia = { class: "tips-icon" }, ra = { class: "tips-text" }, aa = {
   key: 2,
   class: "slide-text"
-}, ra = ["innerHTML"], aa = {
+}, fa = ["innerHTML"], da = {
   key: 1,
   class: "slide-subtitle"
-}, fa = /* @__PURE__ */ U({
+}, la = /* @__PURE__ */ U({
   __name: "AuthLayout",
   props: {
     title: { default: "Bienvenue" },
@@ -5925,10 +5928,10 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       window.addEventListener("keydown", c);
     }), OA(() => {
       window.removeEventListener("keydown", c);
-    }), (i, r) => (f(), m("div", Er, [
-      v("div", Xr, [
-        v("div", Qr, [
-          v("div", hr, [
+    }), (i, r) => (f(), m("div", Qr, [
+      l("div", hr, [
+        l("div", Nr, [
+          l("div", Fr, [
             AA(i.$slots, "logo", {}, () => [
               J(ne, {
                 brand: "club-employes",
@@ -5937,53 +5940,53 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
               })
             ], !0)
           ]),
-          v("div", Nr, [
-            v("h1", Fr, [
+          l("div", Ir, [
+            l("h1", Vr, [
               oA(T(A.title) + " ", 1),
-              A.showWaveEmoji ? (f(), m("span", Ir, "👋")) : y("", !0)
+              A.showWaveEmoji ? (f(), m("span", Sr, "👋")) : y("", !0)
             ]),
-            v("p", Vr, T(A.subtitle), 1)
+            l("p", Wr, T(A.subtitle), 1)
           ]),
-          v("div", Sr, [
+          l("div", Kr, [
             AA(i.$slots, "default", {}, void 0, !0)
           ]),
-          A.showTips ? (f(), m("div", Wr, [
-            v("div", Kr, [
+          A.showTips ? (f(), m("div", Rr, [
+            l("div", Ur, [
               J(N, {
                 name: "Lightbulb",
                 size: "large"
               })
             ]),
-            v("div", Rr, [
-              v("h3", Ur, T(A.tipsTitle), 1),
-              v("p", qr, T(A.tipsText), 1),
-              A.contactInfo ? (f(), m("div", _r, [
-                v("span", null, T(A.contactInfo.text), 1),
-                v("a", {
+            l("div", qr, [
+              l("h3", _r, T(A.tipsTitle), 1),
+              l("p", $r, T(A.tipsText), 1),
+              A.contactInfo ? (f(), m("div", Aa, [
+                l("span", null, T(A.contactInfo.text), 1),
+                l("a", {
                   href: `tel:${A.contactInfo.phone}`,
                   class: "contact-phone"
-                }, T(A.contactInfo.phone), 9, $r),
-                r[0] || (r[0] = v("span", null, "ou à l'adresse", -1)),
-                v("a", {
+                }, T(A.contactInfo.phone), 9, ea),
+                r[0] || (r[0] = l("span", null, "ou à l'adresse", -1)),
+                l("a", {
                   href: `mailto:${A.contactInfo.email}`,
                   class: "contact-email"
-                }, T(A.contactInfo.email), 9, Aa)
+                }, T(A.contactInfo.email), 9, sa)
               ])) : y("", !0)
             ])
           ])) : y("", !0)
         ])
       ]),
-      v("div", {
+      l("div", {
         class: C(["auth-slider-section", { "bottomsheet-open": e.value }])
       }, [
-        v("div", {
+        l("div", {
           class: "bottomsheet-header",
           onClick: t,
           style: { "pointer-events": "auto" }
         }, [
-          r[1] || (r[1] = v("div", { class: "bottomsheet-handle" }, null, -1)),
-          r[2] || (r[2] = v("h3", { class: "bottomsheet-title" }, "Mes avantages", -1)),
-          v("button", {
+          r[1] || (r[1] = l("div", { class: "bottomsheet-handle" }, null, -1)),
+          r[2] || (r[2] = l("h3", { class: "bottomsheet-title" }, "Mes avantages", -1)),
+          l("button", {
             class: "bottomsheet-toggle",
             onClick: jA(t, ["stop"]),
             "aria-label": "Toggle bottomsheet"
@@ -6006,34 +6009,34 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
           onSlideChange: o
         }, {
           slide: R(({ slide: a }) => [
-            v("div", ea, [
-              a.image ? (f(), m("div", sa, [
-                v("img", {
+            l("div", ta, [
+              a.image ? (f(), m("div", na, [
+                l("img", {
                   src: a.image,
                   alt: a.alt || "Slide image",
                   class: "slide-image"
-                }, null, 8, ta)
+                }, null, 8, oa)
               ])) : y("", !0),
-              a.tips ? (f(), m("div", na, [
-                v("div", oa, [
+              a.tips ? (f(), m("div", ca, [
+                l("div", ia, [
                   J(N, {
                     name: "Lightbulb",
                     size: "large"
                   })
                 ]),
-                v("div", ca, [
-                  v("strong", null, T(a.tips.title), 1),
-                  r[3] || (r[3] = v("br", null, null, -1)),
+                l("div", ra, [
+                  l("strong", null, T(a.tips.title), 1),
+                  r[3] || (r[3] = l("br", null, null, -1)),
                   oA(" " + T(a.tips.text), 1)
                 ])
               ])) : y("", !0),
-              a.title || a.subtitle ? (f(), m("div", ia, [
+              a.title || a.subtitle ? (f(), m("div", aa, [
                 a.title ? (f(), m("h2", {
                   key: 0,
                   class: "slide-title",
                   innerHTML: a.title
-                }, null, 8, ra)) : y("", !0),
-                a.subtitle ? (f(), m("p", aa, T(a.subtitle), 1)) : y("", !0)
+                }, null, 8, fa)) : y("", !0),
+                a.subtitle ? (f(), m("p", da, T(a.subtitle), 1)) : y("", !0)
               ])) : y("", !0)
             ])
           ]),
@@ -6042,58 +6045,58 @@ const Dc = ec, kc = sc, Tc = _o, Gc = qo, Zc = (A, s, e) => {
       ], 2)
     ]));
   }
-}), Ea = /* @__PURE__ */ $(fa, [["__scopeId", "data-v-9996561f"]]);
+}), Qa = /* @__PURE__ */ $(la, [["__scopeId", "data-v-9996561f"]]);
 export {
-  Ea as AuthLayout,
-  ka as BalanceCard,
-  Ta as BalanceCardGroup,
-  ba as BottomSheet,
-  Za as Breadcrumbs,
+  Qa as AuthLayout,
+  Ga as BalanceCard,
+  Za as BalanceCardGroup,
+  Ba as BottomSheet,
+  Ja as Breadcrumbs,
   mA as Button,
   rt as Card,
   vt as Checkbox,
   HA as Chip,
-  Ga as DataTable,
-  La as DefaultLayout,
+  Ha as DataTable,
+  Xa as DefaultLayout,
   Ze as DropDown,
-  wa as FeedbackState,
-  Ba as FilterChip,
-  Ja as FilterPrice,
-  mr as Header,
+  ja as FeedbackState,
+  Ya as FilterChip,
+  La as FilterPrice,
+  pr as Header,
   N as Icon,
-  ja as InputCode,
+  Da as InputCode,
   te as InputText,
   ht as Link,
   ne as Logo,
-  Or as Menu,
-  ir as MobileMenu,
-  ar as MobileMenuButton,
-  Ya as Modal,
+  br as Menu,
+  ar as MobileMenu,
+  dr as MobileMenuButton,
+  ka as Modal,
   Re as NavItem,
-  Ca as PageNavigation,
+  Ea as PageNavigation,
   ko as PriceTag,
-  Ha as ProductCard,
+  Ca as ProductCard,
   Rt as RangeSlider,
-  Da as SearchBox,
-  ga as Skeleton,
-  ma as SkeletonAvatar,
-  za as SkeletonText,
+  Ta as SearchBox,
+  za as Skeleton,
+  pa as SkeletonAvatar,
+  xa as SkeletonText,
   Xo as Slider,
-  pa as Switch,
-  ya as Text,
-  ua as ThemeProvider,
+  Pa as Switch,
+  wa as Text,
+  ma as ThemeProvider,
   _A as Tooltip,
   Is as clubEmployesDark,
   Fs as clubEmployesLight,
-  Pa as getActiveTheme,
+  Oa as getActiveTheme,
   Ss as gifteoDark,
   Vs as gifteoLight,
-  xa as initializeTheme,
+  Ma as initializeTheme,
   As as isValidThemeName,
-  Ma as unlockBrand,
+  ya as unlockBrand,
   Jt as useBreakpoints,
   Lt as useCurrency,
-  Oa as useFavicon,
+  ba as useFavicon,
   es as useScrollShadows,
   yA as useTheme
 };