@myxtra/authentication-green 1.1.1 → 1.2.0-alpha.0

package/dist/{App-8f374c95.mjs → App-31fb8116.mjs}

@@ -1,5 +1,5 @@
-import { r as c, j as n, g as wt, u as z, a as Qe, b as _t, E as Rt } from "./index-b97019f1.mjs";
-class B {
+import { r as d, j as n, g as wt, u as Q, a as Qe, b as _t, E as Rt } from "./index-919d6dee.mjs";
+class H {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
   }
@@ -19,7 +19,7 @@ class B {
   onUnsubscribe() {
   }
 }
-const Y = typeof window > "u" || "Deno" in window;
+const z = typeof window > "u" || "Deno" in window;
 function k() {
 }
 function Et(t, e) {
@@ -31,7 +31,7 @@ function de(t) {
 function qe(t, e) {
   return Math.max(t + (e || 0) - Date.now(), 0);
 }
-function W(t, e, s) {
+function Y(t, e, s) {
   return J(t) ? typeof e == "function" ? {
     ...s,
     queryKey: t,
@@ -73,7 +73,7 @@ function Ee(t, e) {
   } = t;
   if (J(a)) {
     if (r) {
-      if (e.queryHash !== be(a, e.options))
+      if (e.queryHash !== ge(a, e.options))
         return !1;
     } else if (!se(e.queryKey, a))
       return !1;
@@ -103,7 +103,7 @@ function Oe(t, e) {
   }
   return !(typeof r == "boolean" && e.state.status === "loading" !== r || i && !i(e));
 }
-function be(t, e) {
+function ge(t, e) {
   return ((e == null ? void 0 : e.queryKeyHashFn) || T)(t);
 }
 function T(t) {
@@ -171,10 +171,10 @@ function St() {
 function pe(t, e, s) {
   return s.isDataEqual != null && s.isDataEqual(t, e) ? t : typeof s.structuralSharing == "function" ? s.structuralSharing(t, e) : s.structuralSharing !== !1 ? Ke(t, e) : e;
 }
-class Pt extends B {
+class Pt extends H {
   constructor() {
     super(), this.setup = (e) => {
-      if (!Y && window.addEventListener) {
+      if (!z && window.addEventListener) {
         const s = () => e();
         return window.addEventListener("visibilitychange", s, !1), window.addEventListener("focus", s, !1), () => {
           window.removeEventListener("visibilitychange", s), window.removeEventListener("focus", s);
@@ -198,7 +198,7 @@ class Pt extends B {
     });
   }
   setFocused(e) {
-    this.focused = e, e && this.onFocus();
+    this.focused !== e && (this.focused = e, this.onFocus());
   }
   onFocus() {
     this.listeners.forEach(({
@@ -212,10 +212,10 @@ class Pt extends B {
   }
 }
 const re = new Pt(), Ne = ["online", "offline"];
-class At extends B {
+class At extends H {
   constructor() {
     super(), this.setup = (e) => {
-      if (!Y && window.addEventListener) {
+      if (!z && window.addEventListener) {
         const s = () => e();
         return Ne.forEach((r) => {
           window.addEventListener(r, s, !1);
@@ -243,7 +243,7 @@ class At extends B {
     });
   }
   setOnline(e) {
-    this.online = e, e && this.onOnline();
+    this.online !== e && (this.online = e, this.onOnline());
   }
   onOnline() {
     this.listeners.forEach(({
@@ -263,98 +263,98 @@ function Nt(t) {
 function ue(t) {
   return (t ?? "online") === "online" ? ne.isOnline() : !0;
 }
-class Ge {
+class Ve {
   constructor(e) {
     this.revert = e == null ? void 0 : e.revert, this.silent = e == null ? void 0 : e.silent;
   }
 }
 function te(t) {
-  return t instanceof Ge;
+  return t instanceof Ve;
 }
-function Ve(t) {
+function $e(t) {
   let e = !1, s = 0, r = !1, i, o, a;
-  const u = new Promise((v, y) => {
-    o = v, a = y;
-  }), l = (v) => {
-    r || (f(new Ge(v)), t.abort == null || t.abort());
+  const u = new Promise((m, C) => {
+    o = m, a = C;
+  }), l = (m) => {
+    r || (f(new Ve(m)), t.abort == null || t.abort());
   }, h = () => {
     e = !0;
-  }, d = () => {
+  }, c = () => {
     e = !1;
-  }, p = () => !re.isFocused() || t.networkMode !== "always" && !ne.isOnline(), m = (v) => {
-    r || (r = !0, t.onSuccess == null || t.onSuccess(v), i == null || i(), o(v));
-  }, f = (v) => {
-    r || (r = !0, t.onError == null || t.onError(v), i == null || i(), a(v));
-  }, C = () => new Promise((v) => {
-    i = (y) => {
+  }, p = () => !re.isFocused() || t.networkMode !== "always" && !ne.isOnline(), v = (m) => {
+    r || (r = !0, t.onSuccess == null || t.onSuccess(m), i == null || i(), o(m));
+  }, f = (m) => {
+    r || (r = !0, t.onError == null || t.onError(m), i == null || i(), a(m));
+  }, y = () => new Promise((m) => {
+    i = (C) => {
       const _ = r || !p();
-      return _ && v(y), _;
+      return _ && m(C), _;
     }, t.onPause == null || t.onPause();
   }).then(() => {
     i = void 0, r || t.onContinue == null || t.onContinue();
   }), g = () => {
     if (r)
       return;
-    let v;
+    let m;
     try {
-      v = t.fn();
-    } catch (y) {
-      v = Promise.reject(y);
+      m = t.fn();
+    } catch (C) {
+      m = Promise.reject(C);
     }
-    Promise.resolve(v).then(m).catch((y) => {
+    Promise.resolve(m).then(v).catch((C) => {
       var _, j;
       if (r)
         return;
-      const O = (_ = t.retry) != null ? _ : 3, N = (j = t.retryDelay) != null ? j : Nt, R = typeof N == "function" ? N(s, y) : N, w = O === !0 || typeof O == "number" && s < O || typeof O == "function" && O(s, y);
+      const S = (_ = t.retry) != null ? _ : 3, N = (j = t.retryDelay) != null ? j : Nt, R = typeof N == "function" ? N(s, C) : N, w = S === !0 || typeof S == "number" && s < S || typeof S == "function" && S(s, C);
       if (e || !w) {
-        f(y);
+        f(C);
         return;
       }
-      s++, t.onFail == null || t.onFail(s, y), He(R).then(() => {
+      s++, t.onFail == null || t.onFail(s, C), He(R).then(() => {
         if (p())
-          return C();
+          return y();
       }).then(() => {
-        e ? f(y) : g();
+        e ? f(C) : g();
       });
     });
   };
-  return ue(t.networkMode) ? g() : C().then(g), {
+  return ue(t.networkMode) ? g() : y().then(g), {
     promise: u,
     cancel: l,
     continue: () => (i == null ? void 0 : i()) ? u : Promise.resolve(),
     cancelRetry: h,
-    continueRetry: d
+    continueRetry: c
   };
 }
-const ge = console;
+const be = console;
 function Mt() {
-  let t = [], e = 0, s = (d) => {
-    d();
-  }, r = (d) => {
-    d();
+  let t = [], e = 0, s = (c) => {
+    c();
+  }, r = (c) => {
+    c();
   };
-  const i = (d) => {
+  const i = (c) => {
     let p;
     e++;
     try {
-      p = d();
+      p = c();
     } finally {
       e--, e || u();
     }
     return p;
-  }, o = (d) => {
-    e ? t.push(d) : Ae(() => {
-      s(d);
+  }, o = (c) => {
+    e ? t.push(c) : Ae(() => {
+      s(c);
     });
-  }, a = (d) => (...p) => {
+  }, a = (c) => (...p) => {
     o(() => {
-      d(...p);
+      c(...p);
     });
   }, u = () => {
-    const d = t;
-    t = [], d.length && Ae(() => {
+    const c = t;
+    t = [], c.length && Ae(() => {
       r(() => {
-        d.forEach((p) => {
+        c.forEach((p) => {
           s(p);
         });
       });
@@ -364,16 +364,16 @@ function Mt() {
     batch: i,
     batchCalls: a,
     schedule: o,
-    setNotifyFunction: (d) => {
-      s = d;
+    setNotifyFunction: (c) => {
+      s = c;
     },
-    setBatchNotifyFunction: (d) => {
-      r = d;
+    setBatchNotifyFunction: (c) => {
+      r = c;
     }
   };
 }
 const P = Mt();
-class $e {
+class Ge {
   destroy() {
     this.clearGcTimeout();
   }
@@ -383,15 +383,15 @@ class $e {
     }, this.cacheTime));
   }
   updateCacheTime(e) {
-    this.cacheTime = Math.max(this.cacheTime || 0, e ?? (Y ? 1 / 0 : 5 * 60 * 1e3));
+    this.cacheTime = Math.max(this.cacheTime || 0, e ?? (z ? 1 / 0 : 5 * 60 * 1e3));
   }
   clearGcTimeout() {
     this.gcTimeout && (clearTimeout(this.gcTimeout), this.gcTimeout = void 0);
   }
 }
-class Ft extends $e {
+class Ft extends Ge {
   constructor(e) {
-    super(), this.abortSignalConsumed = !1, this.defaultOptions = e.defaultOptions, this.setOptions(e.options), this.observers = [], this.cache = e.cache, this.logger = e.logger || ge, this.queryKey = e.queryKey, this.queryHash = e.queryHash, this.initialState = e.state || kt(this.options), this.state = this.initialState, this.scheduleGc();
+    super(), this.abortSignalConsumed = !1, this.defaultOptions = e.defaultOptions, this.setOptions(e.options), this.observers = [], this.cache = e.cache, this.logger = e.logger || be, this.queryKey = e.queryKey, this.queryHash = e.queryHash, this.initialState = e.state || kt(this.options), this.state = this.initialState, this.scheduleGc();
   }
   get meta() {
     return this.options.meta;
@@ -497,7 +497,7 @@ class Ft extends $e {
       }
     }
     if (e && this.setOptions(e), !this.options.queryFn) {
-      const f = this.observers.find((C) => C.options.queryFn);
+      const f = this.observers.find((y) => y.options.queryFn);
       f && this.setOptions(f.options);
     }
     Array.isArray(this.options.queryKey);
@@ -515,47 +515,47 @@ class Ft extends $e {
       });
     };
     l(u);
-    const h = () => this.options.queryFn ? (this.abortSignalConsumed = !1, this.options.queryFn(u)) : Promise.reject("Missing queryFn for queryKey '" + this.options.queryHash + "'"), d = {
+    const h = () => this.options.queryFn ? (this.abortSignalConsumed = !1, this.options.queryFn(u)) : Promise.reject("Missing queryFn for queryKey '" + this.options.queryHash + "'"), c = {
       fetchOptions: s,
       options: this.options,
       queryKey: this.queryKey,
       state: this.state,
       fetchFn: h
     };
-    if (l(d), (r = this.options.behavior) == null || r.onFetch(d), this.revertState = this.state, this.state.fetchStatus === "idle" || this.state.fetchMeta !== ((i = d.fetchOptions) == null ? void 0 : i.meta)) {
+    if (l(c), (r = this.options.behavior) == null || r.onFetch(c), this.revertState = this.state, this.state.fetchStatus === "idle" || this.state.fetchMeta !== ((i = c.fetchOptions) == null ? void 0 : i.meta)) {
       var p;
       this.dispatch({
         type: "fetch",
-        meta: (p = d.fetchOptions) == null ? void 0 : p.meta
+        meta: (p = c.fetchOptions) == null ? void 0 : p.meta
       });
     }
-    const m = (f) => {
+    const v = (f) => {
       if (te(f) && f.silent || this.dispatch({
         type: "error",
         error: f
       }), !te(f)) {
-        var C, g, v, y;
-        (C = (g = this.cache.config).onError) == null || C.call(g, f, this), (v = (y = this.cache.config).onSettled) == null || v.call(y, this.state.data, f, this);
+        var y, g, m, C;
+        (y = (g = this.cache.config).onError) == null || y.call(g, f, this), (m = (C = this.cache.config).onSettled) == null || m.call(C, this.state.data, f, this);
       }
       this.isFetchingOptimistic || this.scheduleGc(), this.isFetchingOptimistic = !1;
     };
-    return this.retryer = Ve({
-      fn: d.fetchFn,
+    return this.retryer = $e({
+      fn: c.fetchFn,
       abort: a == null ? void 0 : a.abort.bind(a),
       onSuccess: (f) => {
-        var C, g, v, y;
+        var y, g, m, C;
         if (typeof f > "u") {
-          m(new Error(this.queryHash + " data is undefined"));
+          v(new Error(this.queryHash + " data is undefined"));
           return;
         }
-        this.setData(f), (C = (g = this.cache.config).onSuccess) == null || C.call(g, f, this), (v = (y = this.cache.config).onSettled) == null || v.call(y, f, this.state.error, this), this.isFetchingOptimistic || this.scheduleGc(), this.isFetchingOptimistic = !1;
+        this.setData(f), (y = (g = this.cache.config).onSuccess) == null || y.call(g, f, this), (m = (C = this.cache.config).onSettled) == null || m.call(C, f, this.state.error, this), this.isFetchingOptimistic || this.scheduleGc(), this.isFetchingOptimistic = !1;
       },
-      onError: m,
-      onFail: (f, C) => {
+      onError: v,
+      onFail: (f, y) => {
         this.dispatch({
           type: "failed",
           failureCount: f,
-          error: C
+          error: y
         });
       },
       onPause: () => {
@@ -568,9 +568,9 @@ class Ft extends $e {
           type: "continue"
         });
       },
-      retry: d.options.retry,
-      retryDelay: d.options.retryDelay,
-      networkMode: d.options.networkMode
+      retry: c.options.retry,
+      retryDelay: c.options.retryDelay,
+      networkMode: c.options.networkMode
     }), this.promise = this.retryer.promise, this.promise;
   }
   dispatch(e) {
@@ -674,13 +674,13 @@ function kt(t) {
     fetchStatus: "idle"
   };
 }
-class Lt extends B {
+class Lt extends H {
   constructor(e) {
     super(), this.config = e || {}, this.queries = [], this.queriesMap = {};
   }
   build(e, s, r) {
     var i;
-    const o = s.queryKey, a = (i = s.queryHash) != null ? i : be(o, s);
+    const o = s.queryKey, a = (i = s.queryHash) != null ? i : ge(o, s);
     let u = this.get(a);
     return u || (u = new Ft({
       cache: this,
@@ -750,9 +750,9 @@ class Lt extends B {
     });
   }
 }
-class Dt extends $e {
+class Dt extends Ge {
   constructor(e) {
-    super(), this.defaultOptions = e.defaultOptions, this.mutationId = e.mutationId, this.mutationCache = e.mutationCache, this.logger = e.logger || ge, this.observers = [], this.state = e.state || Ze(), this.setOptions(e.options), this.scheduleGc();
+    super(), this.defaultOptions = e.defaultOptions, this.mutationId = e.mutationId, this.mutationCache = e.mutationCache, this.logger = e.logger || be, this.observers = [], this.state = e.state || Ze(), this.setOptions(e.options), this.scheduleGc();
   }
   setOptions(e) {
     this.options = {
@@ -793,7 +793,7 @@ class Dt extends $e {
   async execute() {
     const e = () => {
       var w;
-      return this.retryer = Ve({
+      return this.retryer = $e({
         fn: () => this.options.mutationFn ? this.options.mutationFn(this.state.variables) : Promise.reject("No mutationFn found"),
         onFail: (b, F) => {
           this.dispatch({
@@ -818,14 +818,14 @@ class Dt extends $e {
       }), this.retryer.promise;
     }, s = this.state.status === "loading";
     try {
-      var r, i, o, a, u, l, h, d;
+      var r, i, o, a, u, l, h, c;
       if (!s) {
-        var p, m, f, C;
+        var p, v, f, y;
         this.dispatch({
           type: "loading",
           variables: this.options.variables
-        }), await ((p = (m = this.mutationCache.config).onMutate) == null ? void 0 : p.call(m, this.state.variables, this));
-        const b = await ((f = (C = this.options).onMutate) == null ? void 0 : f.call(C, this.state.variables));
+        }), await ((p = (v = this.mutationCache.config).onMutate) == null ? void 0 : p.call(v, this.state.variables, this));
+        const b = await ((f = (y = this.options).onMutate) == null ? void 0 : f.call(y, this.state.variables));
         b !== this.state.context && this.dispatch({
           type: "loading",
           context: b,
@@ -833,14 +833,14 @@ class Dt extends $e {
         });
       }
       const w = await e();
-      return await ((r = (i = this.mutationCache.config).onSuccess) == null ? void 0 : r.call(i, w, this.state.variables, this.state.context, this)), await ((o = (a = this.options).onSuccess) == null ? void 0 : o.call(a, w, this.state.variables, this.state.context)), await ((u = (l = this.mutationCache.config).onSettled) == null ? void 0 : u.call(l, w, null, this.state.variables, this.state.context, this)), await ((h = (d = this.options).onSettled) == null ? void 0 : h.call(d, w, null, this.state.variables, this.state.context)), this.dispatch({
+      return await ((r = (i = this.mutationCache.config).onSuccess) == null ? void 0 : r.call(i, w, this.state.variables, this.state.context, this)), await ((o = (a = this.options).onSuccess) == null ? void 0 : o.call(a, w, this.state.variables, this.state.context)), await ((u = (l = this.mutationCache.config).onSettled) == null ? void 0 : u.call(l, w, null, this.state.variables, this.state.context, this)), await ((h = (c = this.options).onSettled) == null ? void 0 : h.call(c, w, null, this.state.variables, this.state.context)), this.dispatch({
         type: "success",
         data: w
       }), w;
     } catch (w) {
       try {
-        var g, v, y, _, j, O, N, R;
-        throw await ((g = (v = this.mutationCache.config).onError) == null ? void 0 : g.call(v, w, this.state.variables, this.state.context, this)), await ((y = (_ = this.options).onError) == null ? void 0 : y.call(_, w, this.state.variables, this.state.context)), await ((j = (O = this.mutationCache.config).onSettled) == null ? void 0 : j.call(O, void 0, w, this.state.variables, this.state.context, this)), await ((N = (R = this.options).onSettled) == null ? void 0 : N.call(R, void 0, w, this.state.variables, this.state.context)), w;
+        var g, m, C, _, j, S, N, R;
+        throw await ((g = (m = this.mutationCache.config).onError) == null ? void 0 : g.call(m, w, this.state.variables, this.state.context, this)), await ((C = (_ = this.options).onError) == null ? void 0 : C.call(_, w, this.state.variables, this.state.context)), await ((j = (S = this.mutationCache.config).onSettled) == null ? void 0 : j.call(S, void 0, w, this.state.variables, this.state.context, this)), await ((N = (R = this.options).onSettled) == null ? void 0 : N.call(R, void 0, w, this.state.variables, this.state.context)), w;
       } finally {
         this.dispatch({
           type: "error",
@@ -930,7 +930,7 @@ function Ze() {
     variables: void 0
   };
 }
-class It extends B {
+class It extends H {
   constructor(e) {
     super(), this.config = e || {}, this.mutations = [], this.mutationId = 0;
   }
@@ -997,9 +997,9 @@ function Tt() {
     onFetch: (t) => {
       t.fetchFn = () => {
         var e, s, r, i, o, a;
-        const u = (e = t.fetchOptions) == null || (s = e.meta) == null ? void 0 : s.refetchPage, l = (r = t.fetchOptions) == null || (i = r.meta) == null ? void 0 : i.fetchMore, h = l == null ? void 0 : l.pageParam, d = (l == null ? void 0 : l.direction) === "forward", p = (l == null ? void 0 : l.direction) === "backward", m = ((o = t.state.data) == null ? void 0 : o.pages) || [], f = ((a = t.state.data) == null ? void 0 : a.pageParams) || [];
-        let C = f, g = !1;
-        const v = (R) => {
+        const u = (e = t.fetchOptions) == null || (s = e.meta) == null ? void 0 : s.refetchPage, l = (r = t.fetchOptions) == null || (i = r.meta) == null ? void 0 : i.fetchMore, h = l == null ? void 0 : l.pageParam, c = (l == null ? void 0 : l.direction) === "forward", p = (l == null ? void 0 : l.direction) === "backward", v = ((o = t.state.data) == null ? void 0 : o.pages) || [], f = ((a = t.state.data) == null ? void 0 : a.pageParams) || [];
+        let y = f, g = !1;
+        const m = (R) => {
           Object.defineProperty(R, "signal", {
             enumerable: !0,
             get: () => {
@@ -1015,45 +1015,45 @@ function Tt() {
               return t.signal;
             }
           });
-        }, y = t.options.queryFn || (() => Promise.reject("Missing queryFn for queryKey '" + t.options.queryHash + "'")), _ = (R, w, b, F) => (C = F ? [w, ...C] : [...C, w], F ? [b, ...R] : [...R, b]), j = (R, w, b, F) => {
+        }, C = t.options.queryFn || (() => Promise.reject("Missing queryFn for queryKey '" + t.options.queryHash + "'")), _ = (R, w, b, F) => (y = F ? [w, ...y] : [...y, w], F ? [b, ...R] : [...R, b]), j = (R, w, b, F) => {
           if (g)
             return Promise.reject("Cancelled");
           if (typeof b > "u" && !w && R.length)
             return Promise.resolve(R);
-          const $ = {
+          const W = {
             queryKey: t.queryKey,
             pageParam: b,
             meta: t.options.meta
           };
-          v($);
-          const le = y($);
+          m(W);
+          const le = C(W);
           return Promise.resolve(le).then((jt) => _(R, b, jt, F));
         };
-        let O;
-        if (!m.length)
-          O = j([]);
-        else if (d) {
-          const R = typeof h < "u", w = R ? h : Me(t.options, m);
-          O = j(m, R, w);
+        let S;
+        if (!v.length)
+          S = j([]);
+        else if (c) {
+          const R = typeof h < "u", w = R ? h : Me(t.options, v);
+          S = j(v, R, w);
         } else if (p) {
-          const R = typeof h < "u", w = R ? h : Ut(t.options, m);
-          O = j(m, R, w, !0);
+          const R = typeof h < "u", w = R ? h : Ut(t.options, v);
+          S = j(v, R, w, !0);
         } else {
-          C = [];
+          y = [];
           const R = typeof t.options.getNextPageParam > "u";
-          O = (u && m[0] ? u(m[0], 0, m) : !0) ? j([], R, f[0]) : Promise.resolve(_([], f[0], m[0]));
-          for (let b = 1; b < m.length; b++)
-            O = O.then((F) => {
-              if (u && m[b] ? u(m[b], b, m) : !0) {
+          S = (u && v[0] ? u(v[0], 0, v) : !0) ? j([], R, f[0]) : Promise.resolve(_([], f[0], v[0]));
+          for (let b = 1; b < v.length; b++)
+            S = S.then((F) => {
+              if (u && v[b] ? u(v[b], b, v) : !0) {
                 const le = R ? f[b] : Me(t.options, F);
                 return j(F, R, le);
               }
-              return Promise.resolve(_(F, f[b], m[b]));
+              return Promise.resolve(_(F, f[b], v[b]));
             });
         }
-        return O.then((R) => ({
+        return S.then((R) => ({
           pages: R,
-          pageParams: C
+          pageParams: y
         }));
       };
     }
@@ -1067,7 +1067,7 @@ function Ut(t, e) {
 }
 class We {
   constructor(e = {}) {
-    this.queryCache = e.queryCache || new Lt(), this.mutationCache = e.mutationCache || new It(), this.logger = e.logger || ge, this.defaultOptions = e.defaultOptions || {}, this.queryDefaults = [], this.mutationDefaults = [], this.mountCount = 0;
+    this.queryCache = e.queryCache || new Lt(), this.mutationCache = e.mutationCache || new It(), this.logger = e.logger || be, this.defaultOptions = e.defaultOptions || {}, this.queryDefaults = [], this.mutationDefaults = [], this.mountCount = 0;
   }
   mount() {
     this.mountCount++, this.mountCount === 1 && (this.unsubscribeFocus = re.subscribe(() => {
@@ -1095,7 +1095,7 @@ class We {
     return (r = this.queryCache.find(e, s)) == null ? void 0 : r.state.data;
   }
   ensureQueryData(e, s, r) {
-    const i = W(e, s, r), o = this.getQueryData(i.queryKey);
+    const i = Y(e, s, r), o = this.getQueryData(i.queryKey);
     return o ? Promise.resolve(o) : this.fetchQuery(i);
   }
   getQueriesData(e) {
@@ -1111,7 +1111,7 @@ class We {
     const i = this.queryCache.find(e), o = i == null ? void 0 : i.state.data, a = Et(s, o);
     if (typeof a > "u")
       return;
-    const u = W(e), l = this.defaultQueryOptions(u);
+    const u = Y(e), l = this.defaultQueryOptions(u);
     return this.queryCache.build(this, l).setData(a, {
       ...r,
       manual: !0
@@ -1179,7 +1179,7 @@ class We {
     return o != null && o.throwOnError || (u = u.catch(k)), u;
   }
   fetchQuery(e, s, r) {
-    const i = W(e, s, r), o = this.defaultQueryOptions(i);
+    const i = Y(e, s, r), o = this.defaultQueryOptions(i);
     typeof o.retry > "u" && (o.retry = !1);
     const a = this.queryCache.build(this, o);
     return a.isStaleByTime(o.staleTime) ? a.fetch(o) : Promise.resolve(a.state.data);
@@ -1188,7 +1188,7 @@ class We {
     return this.fetchQuery(e, s, r).then(k).catch(k);
   }
   fetchInfiniteQuery(e, s, r) {
-    const i = W(e, s, r);
+    const i = Y(e, s, r);
     return i.behavior = Tt(), this.fetchQuery(i);
   }
   prefetchInfiniteQuery(e, s, r) {
@@ -1247,7 +1247,7 @@ class We {
       ...e,
       _defaulted: !0
     };
-    return !s.queryHash && s.queryKey && (s.queryHash = be(s.queryKey, s)), typeof s.refetchOnReconnect > "u" && (s.refetchOnReconnect = s.networkMode !== "always"), typeof s.useErrorBoundary > "u" && (s.useErrorBoundary = !!s.suspense), s;
+    return !s.queryHash && s.queryKey && (s.queryHash = ge(s.queryKey, s)), typeof s.refetchOnReconnect > "u" && (s.refetchOnReconnect = s.networkMode !== "always"), typeof s.useErrorBoundary > "u" && (s.useErrorBoundary = !!s.suspense), s;
   }
   defaultMutationOptions(e) {
     return e != null && e._defaulted ? e : {
@@ -1261,7 +1261,7 @@ class We {
     this.queryCache.clear(), this.mutationCache.clear();
   }
 }
-class Qt extends B {
+class Qt extends H {
   constructor(e, s) {
     super(), this.client = e, this.options = s, this.trackedProps = /* @__PURE__ */ new Set(), this.selectError = null, this.bindMethods(), this.setOptions(s);
   }
@@ -1298,8 +1298,8 @@ class Qt extends B {
     o && (this.currentQuery !== i || this.options.enabled !== r.enabled || a !== this.currentRefetchInterval) && this.updateRefetchInterval(a);
   }
   getOptimisticResult(e) {
-    const s = this.client.getQueryCache().build(this.client, e);
-    return this.createResult(s, e);
+    const s = this.client.getQueryCache().build(this.client, e), r = this.createResult(s, e);
+    return Bt(this, r, e) && (this.currentResult = r, this.currentResultOptions = this.options, this.currentResultState = this.currentQuery.state), r;
   }
   getCurrentResult() {
     return this.currentResult;
@@ -1348,7 +1348,7 @@ class Qt extends B {
     return e != null && e.throwOnError || (s = s.catch(k)), s;
   }
   updateStaleTimeout() {
-    if (this.clearStaleTimeout(), Y || this.currentResult.isStale || !de(this.options.staleTime))
+    if (this.clearStaleTimeout(), z || this.currentResult.isStale || !de(this.options.staleTime))
       return;
     const s = qe(this.currentResult.dataUpdatedAt, this.options.staleTime) + 1;
     this.staleTimeoutId = setTimeout(() => {
@@ -1360,7 +1360,7 @@ class Qt extends B {
     return typeof this.options.refetchInterval == "function" ? this.options.refetchInterval(this.currentResult.data, this.currentQuery) : (e = this.options.refetchInterval) != null ? e : !1;
   }
   updateRefetchInterval(e) {
-    this.clearRefetchInterval(), this.currentRefetchInterval = e, !(Y || this.options.enabled === !1 || !de(this.currentRefetchInterval) || this.currentRefetchInterval === 0) && (this.refetchIntervalId = setInterval(() => {
+    this.clearRefetchInterval(), this.currentRefetchInterval = e, !(z || this.options.enabled === !1 || !de(this.currentRefetchInterval) || this.currentRefetchInterval === 0) && (this.refetchIntervalId = setInterval(() => {
       (this.options.refetchIntervalInBackground || re.isFocused()) && this.executeFetch();
     }, this.currentRefetchInterval));
   }
@@ -1374,22 +1374,22 @@ class Qt extends B {
     this.refetchIntervalId && (clearInterval(this.refetchIntervalId), this.refetchIntervalId = void 0);
   }
   createResult(e, s) {
-    const r = this.currentQuery, i = this.options, o = this.currentResult, a = this.currentResultState, u = this.currentResultOptions, l = e !== r, h = l ? e.state : this.currentQueryInitialState, d = l ? this.currentResult : this.previousQueryResult, {
+    const r = this.currentQuery, i = this.options, o = this.currentResult, a = this.currentResultState, u = this.currentResultOptions, l = e !== r, h = l ? e.state : this.currentQueryInitialState, c = l ? this.currentResult : this.previousQueryResult, {
       state: p
     } = e;
     let {
-      dataUpdatedAt: m,
+      dataUpdatedAt: v,
       error: f,
-      errorUpdatedAt: C,
+      errorUpdatedAt: y,
       fetchStatus: g,
-      status: v
-    } = p, y = !1, _ = !1, j;
+      status: m
+    } = p, C = !1, _ = !1, j;
     if (s._optimisticResults) {
-      const b = this.hasListeners(), F = !b && Fe(e, s), $ = b && ke(e, r, s, i);
-      (F || $) && (g = ue(e.options.networkMode) ? "fetching" : "paused", m || (v = "loading")), s._optimisticResults === "isRestoring" && (g = "idle");
+      const b = this.hasListeners(), F = !b && Fe(e, s), W = b && ke(e, r, s, i);
+      (F || W) && (g = ue(e.options.networkMode) ? "fetching" : "paused", v || (m = "loading")), s._optimisticResults === "isRestoring" && (g = "idle");
     }
-    if (s.keepPreviousData && !p.dataUpdatedAt && d != null && d.isSuccess && v !== "error")
-      j = d.data, m = d.dataUpdatedAt, v = d.status, y = !0;
+    if (s.keepPreviousData && !p.dataUpdatedAt && c != null && c.isSuccess && m !== "error")
+      j = c.data, v = c.dataUpdatedAt, m = c.status, C = !0;
     else if (s.select && typeof p.data < "u")
       if (o && p.data === (a == null ? void 0 : a.data) && s.select === this.selectFn)
         j = this.selectResult;
@@ -1401,7 +1401,7 @@ class Qt extends B {
         }
     else
       j = p.data;
-    if (typeof s.placeholderData < "u" && typeof j > "u" && v === "loading") {
+    if (typeof s.placeholderData < "u" && typeof j > "u" && m === "loading") {
       let b;
       if (o != null && o.isPlaceholderData && s.placeholderData === (u == null ? void 0 : u.placeholderData))
         b = o.data;
@@ -1411,32 +1411,32 @@ class Qt extends B {
         } catch (F) {
           this.selectError = F;
         }
-      typeof b < "u" && (v = "success", j = pe(o == null ? void 0 : o.data, b, s), _ = !0);
+      typeof b < "u" && (m = "success", j = pe(o == null ? void 0 : o.data, b, s), _ = !0);
     }
-    this.selectError && (f = this.selectError, j = this.selectResult, C = Date.now(), v = "error");
-    const O = g === "fetching", N = v === "loading", R = v === "error";
+    this.selectError && (f = this.selectError, j = this.selectResult, y = Date.now(), m = "error");
+    const S = g === "fetching", N = m === "loading", R = m === "error";
     return {
-      status: v,
+      status: m,
       fetchStatus: g,
       isLoading: N,
-      isSuccess: v === "success",
+      isSuccess: m === "success",
       isError: R,
-      isInitialLoading: N && O,
+      isInitialLoading: N && S,
       data: j,
-      dataUpdatedAt: m,
+      dataUpdatedAt: v,
       error: f,
-      errorUpdatedAt: C,
+      errorUpdatedAt: y,
       failureCount: p.fetchFailureCount,
       failureReason: p.fetchFailureReason,
       errorUpdateCount: p.errorUpdateCount,
       isFetched: p.dataUpdateCount > 0 || p.errorUpdateCount > 0,
       isFetchedAfterMount: p.dataUpdateCount > h.dataUpdateCount || p.errorUpdateCount > h.errorUpdateCount,
-      isFetching: O,
-      isRefetching: O && !N,
+      isFetching: S,
+      isRefetching: S && !N,
       isLoadingError: R && p.dataUpdatedAt === 0,
       isPaused: g === "paused",
       isPlaceholderData: _,
-      isPreviousData: y,
+      isPreviousData: C,
       isRefetchError: R && p.dataUpdatedAt !== 0,
       isStale: je(e, s),
       refetch: this.refetch,
@@ -1455,13 +1455,13 @@ class Qt extends B {
         return !0;
       const {
         notifyOnChangeProps: a
-      } = this.options;
-      if (a === "all" || !a && !this.trackedProps.size)
+      } = this.options, u = typeof a == "function" ? a() : a;
+      if (u === "all" || !u && !this.trackedProps.size)
         return !0;
-      const u = new Set(a ?? this.trackedProps);
-      return this.options.useErrorBoundary && u.add("error"), Object.keys(this.currentResult).some((l) => {
-        const h = l;
-        return this.currentResult[h] !== s[h] && u.has(h);
+      const l = new Set(u ?? this.trackedProps);
+      return this.options.useErrorBoundary && l.add("error"), Object.keys(this.currentResult).some((h) => {
+        const c = h;
+        return this.currentResult[c] !== s[c] && l.has(c);
       });
     };
     (e == null ? void 0 : e.listeners) !== !1 && o() && (i.listeners = !0), this.notify({
@@ -1490,9 +1490,9 @@ class Qt extends B {
         (a = (u = this.options).onError) == null || a.call(u, this.currentResult.error), (l = (h = this.options).onSettled) == null || l.call(h, void 0, this.currentResult.error);
       }
       e.listeners && this.listeners.forEach(({
-        listener: d
+        listener: c
       }) => {
-        d(this.currentResult);
+        c(this.currentResult);
       }), e.cache && this.client.getQueryCache().notify({
         query: this.currentQuery,
         type: "observerResultsUpdated"
@@ -1519,7 +1519,10 @@ function ke(t, e, s, r) {
 function je(t, e) {
   return t.isStaleByTime(e.staleTime);
 }
-class Bt extends B {
+function Bt(t, e, s) {
+  return s.keepPreviousData ? !1 : s.placeholderData !== void 0 ? e.isPlaceholderData : t.getCurrentResult() !== e;
+}
+class Kt extends H {
   constructor(e, s) {
     super(), this.client = e, this.setOptions(s), this.bindMethods(), this.updateResult();
   }
@@ -1586,9 +1589,9 @@ class Bt extends B {
         }
       }
       e.listeners && this.listeners.forEach(({
-        listener: d
+        listener: c
       }) => {
-        d(this.currentResult);
+        c(this.currentResult);
       });
     });
   }
@@ -1603,67 +1606,67 @@ var Ye = { exports: {} }, ze = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var q = c;
-function Kt(t, e) {
+var K = d;
+function Ht(t, e) {
   return t === e && (t !== 0 || 1 / t === 1 / e) || t !== t && e !== e;
 }
-var Ht = typeof Object.is == "function" ? Object.is : Kt, Gt = q.useState, Vt = q.useEffect, $t = q.useLayoutEffect, Zt = q.useDebugValue;
-function Wt(t, e) {
-  var s = e(), r = Gt({ inst: { value: s, getSnapshot: e } }), i = r[0].inst, o = r[1];
-  return $t(function() {
+var Vt = typeof Object.is == "function" ? Object.is : Ht, $t = K.useState, Gt = K.useEffect, Zt = K.useLayoutEffect, Wt = K.useDebugValue;
+function Yt(t, e) {
+  var s = e(), r = $t({ inst: { value: s, getSnapshot: e } }), i = r[0].inst, o = r[1];
+  return Zt(function() {
     i.value = s, i.getSnapshot = e, ce(i) && o({ inst: i });
-  }, [t, s, e]), Vt(function() {
+  }, [t, s, e]), Gt(function() {
     return ce(i) && o({ inst: i }), t(function() {
       ce(i) && o({ inst: i });
     });
-  }, [t]), Zt(s), s;
+  }, [t]), Wt(s), s;
 }
 function ce(t) {
   var e = t.getSnapshot;
   t = t.value;
   try {
     var s = e();
-    return !Ht(t, s);
+    return !Vt(t, s);
   } catch {
     return !0;
   }
 }
-function Yt(t, e) {
+function zt(t, e) {
   return e();
 }
-var zt = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? Yt : Wt;
-ze.useSyncExternalStore = q.useSyncExternalStore !== void 0 ? q.useSyncExternalStore : zt;
+var Jt = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? zt : Yt;
+ze.useSyncExternalStore = K.useSyncExternalStore !== void 0 ? K.useSyncExternalStore : Jt;
 Ye.exports = ze;
-var Jt = Ye.exports;
-const Je = Jt.useSyncExternalStore, Le = /* @__PURE__ */ c.createContext(void 0), Xe = /* @__PURE__ */ c.createContext(!1);
+var Xt = Ye.exports;
+const Je = Xt.useSyncExternalStore, Le = /* @__PURE__ */ d.createContext(void 0), Xe = /* @__PURE__ */ d.createContext(!1);
 function et(t, e) {
   return t || (e && typeof window < "u" ? (window.ReactQueryClientContext || (window.ReactQueryClientContext = Le), window.ReactQueryClientContext) : Le);
 }
 const tt = ({
   context: t
 } = {}) => {
-  const e = c.useContext(et(t, c.useContext(Xe)));
+  const e = d.useContext(et(t, d.useContext(Xe)));
   if (!e)
     throw new Error("No QueryClient set, use QueryClientProvider to set one");
   return e;
-}, Xt = ({
+}, es = ({
   client: t,
   children: e,
   context: s,
   contextSharing: r = !1
 }) => {
-  c.useEffect(() => (t.mount(), () => {
+  d.useEffect(() => (t.mount(), () => {
     t.unmount();
   }), [t]);
   const i = et(s, r);
-  return /* @__PURE__ */ c.createElement(Xe.Provider, {
+  return /* @__PURE__ */ d.createElement(Xe.Provider, {
     value: !s && r
-  }, /* @__PURE__ */ c.createElement(i.Provider, {
+  }, /* @__PURE__ */ d.createElement(i.Provider, {
     value: t
   }, e));
-}, st = /* @__PURE__ */ c.createContext(!1), es = () => c.useContext(st);
+}, st = /* @__PURE__ */ d.createContext(!1), ts = () => d.useContext(st);
 st.Provider;
-function ts() {
+function ss() {
   let t = !1;
   return {
     clearReset: () => {
@@ -1675,47 +1678,47 @@ function ts() {
     isReset: () => t
   };
 }
-const ss = /* @__PURE__ */ c.createContext(ts()), rs = () => c.useContext(ss);
+const rs = /* @__PURE__ */ d.createContext(ss()), ns = () => d.useContext(rs);
 function rt(t, e) {
   return typeof t == "function" ? t(...e) : !!t;
 }
-const ns = (t, e) => {
+const is = (t, e) => {
   (t.suspense || t.useErrorBoundary) && (e.isReset() || (t.retryOnMount = !1));
-}, is = (t) => {
-  c.useEffect(() => {
+}, os = (t) => {
+  d.useEffect(() => {
     t.clearReset();
   }, [t]);
-}, os = ({
+}, as = ({
   result: t,
   errorResetBoundary: e,
   useErrorBoundary: s,
   query: r
-}) => t.isError && !e.isReset() && !t.isFetching && rt(s, [t.error, r]), as = (t) => {
+}) => t.isError && !e.isReset() && !t.isFetching && rt(s, [t.error, r]), us = (t) => {
   t.suspense && typeof t.staleTime != "number" && (t.staleTime = 1e3);
-}, us = (t, e) => t.isLoading && t.isFetching && !e, ls = (t, e, s) => (t == null ? void 0 : t.suspense) && us(e, s), cs = (t, e, s) => e.fetchOptimistic(t).then(({
+}, ls = (t, e) => t.isLoading && t.isFetching && !e, cs = (t, e, s) => (t == null ? void 0 : t.suspense) && ls(e, s), ds = (t, e, s) => e.fetchOptimistic(t).then(({
   data: r
 }) => {
   t.onSuccess == null || t.onSuccess(r), t.onSettled == null || t.onSettled(r, null);
 }).catch((r) => {
   s.clearReset(), t.onError == null || t.onError(r), t.onSettled == null || t.onSettled(void 0, r);
 });
-function ds(t, e) {
+function hs(t, e) {
   const s = tt({
     context: t.context
-  }), r = es(), i = rs(), o = s.defaultQueryOptions(t);
-  o._optimisticResults = r ? "isRestoring" : "optimistic", o.onError && (o.onError = P.batchCalls(o.onError)), o.onSuccess && (o.onSuccess = P.batchCalls(o.onSuccess)), o.onSettled && (o.onSettled = P.batchCalls(o.onSettled)), as(o), ns(o, i), is(i);
-  const [a] = c.useState(() => new e(s, o)), u = a.getOptimisticResult(o);
-  if (Je(c.useCallback((l) => {
+  }), r = ts(), i = ns(), o = s.defaultQueryOptions(t);
+  o._optimisticResults = r ? "isRestoring" : "optimistic", o.onError && (o.onError = P.batchCalls(o.onError)), o.onSuccess && (o.onSuccess = P.batchCalls(o.onSuccess)), o.onSettled && (o.onSettled = P.batchCalls(o.onSettled)), us(o), is(o, i), os(i);
+  const [a] = d.useState(() => new e(s, o)), u = a.getOptimisticResult(o);
+  if (Je(d.useCallback((l) => {
     const h = r ? () => {
     } : a.subscribe(P.batchCalls(l));
     return a.updateResult(), h;
-  }, [a, r]), () => a.getCurrentResult(), () => a.getCurrentResult()), c.useEffect(() => {
+  }, [a, r]), () => a.getCurrentResult(), () => a.getCurrentResult()), d.useEffect(() => {
     a.setOptions(o, {
       listeners: !1
     });
-  }, [o, a]), ls(o, u, r))
-    throw cs(o, a, i);
-  if (os({
+  }, [o, a]), cs(o, u, r))
+    throw ds(o, a, i);
+  if (as({
     result: u,
     errorResetBoundary: i,
     useErrorBoundary: o.useErrorBoundary,
@@ -1725,18 +1728,18 @@ function ds(t, e) {
   return o.notifyOnChangeProps ? u : a.trackResult(u);
 }
 function nt(t, e, s) {
-  const r = W(t, e, s);
-  return ds(r, Qt);
+  const r = Y(t, e, s);
+  return hs(r, Qt);
 }
-function hs(t, e, s) {
+function fs(t, e, s) {
   const r = Ot(t, e, s), i = tt({
     context: r.context
-  }), [o] = c.useState(() => new Bt(i, r));
-  c.useEffect(() => {
+  }), [o] = d.useState(() => new Kt(i, r));
+  d.useEffect(() => {
     o.setOptions(r);
   }, [o, r]);
-  const a = Je(c.useCallback((l) => o.subscribe(P.batchCalls(l)), [o]), () => o.getCurrentResult(), () => o.getCurrentResult()), u = c.useCallback((l, h) => {
-    o.mutate(l, h).catch(fs);
+  const a = Je(d.useCallback((l) => o.subscribe(P.batchCalls(l)), [o]), () => o.getCurrentResult(), () => o.getCurrentResult()), u = d.useCallback((l, h) => {
+    o.mutate(l, h).catch(ps);
   }, [o]);
   if (a.error && rt(o.options.useErrorBoundary, [a.error]))
     throw a.error;
@@ -1746,7 +1749,7 @@ function hs(t, e, s) {
     mutateAsync: a.mutate
   };
 }
-function fs() {
+function ps() {
 }
 function it(t) {
   var e, s, r = "";
@@ -1761,19 +1764,19 @@ function it(t) {
         t[e] && (r && (r += " "), r += e);
   return r;
 }
-function S() {
+function O() {
   for (var t, e, s = 0, r = ""; s < arguments.length; )
     (t = arguments[s++]) && (e = it(t)) && (r && (r += " "), r += e);
   return r;
 }
-var ps = Object.defineProperty, vs = Object.defineProperties, ms = Object.getOwnPropertyDescriptors, ie = Object.getOwnPropertySymbols, ot = Object.prototype.hasOwnProperty, at = Object.prototype.propertyIsEnumerable, De = (t, e, s) => e in t ? ps(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, x = (t, e) => {
+var vs = Object.defineProperty, ms = Object.defineProperties, ys = Object.getOwnPropertyDescriptors, ie = Object.getOwnPropertySymbols, ot = Object.prototype.hasOwnProperty, at = Object.prototype.propertyIsEnumerable, De = (t, e, s) => e in t ? vs(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, x = (t, e) => {
   for (var s in e || (e = {}))
     ot.call(e, s) && De(t, s, e[s]);
   if (ie)
     for (var s of ie(e))
       at.call(e, s) && De(t, s, e[s]);
   return t;
-}, E = (t, e) => vs(t, ms(e)), A = (t, e) => {
+}, E = (t, e) => ms(t, ys(e)), A = (t, e) => {
   var s = {};
   for (var r in t)
     ot.call(t, r) && e.indexOf(r) < 0 && (s[r] = t[r]);
@@ -1792,39 +1795,39 @@ function oe() {
     return t;
   }, oe.apply(this, arguments);
 }
-function ys(t, e) {
+function Cs(t, e) {
   typeof t == "function" ? t(e) : t != null && (t.current = e);
 }
-function Cs(...t) {
+function xs(...t) {
   return (e) => t.forEach(
-    (s) => ys(s, e)
+    (s) => Cs(s, e)
   );
 }
-var xs = /* @__PURE__ */ c.forwardRef((t, e) => {
-  const s = t, { children: r } = s, i = A(s, ["children"]), o = c.Children.toArray(r), a = o.find(gs);
+var gs = /* @__PURE__ */ d.forwardRef((t, e) => {
+  const s = t, { children: r } = s, i = A(s, ["children"]), o = d.Children.toArray(r), a = o.find(js);
   if (a) {
-    const u = a.props.children, l = o.map((h) => h === a ? c.Children.count(u) > 1 ? c.Children.only(null) : /* @__PURE__ */ c.isValidElement(u) ? u.props.children : null : h);
-    return /* @__PURE__ */ c.createElement(me, oe({}, i, {
+    const u = a.props.children, l = o.map((h) => h === a ? d.Children.count(u) > 1 ? d.Children.only(null) : /* @__PURE__ */ d.isValidElement(u) ? u.props.children : null : h);
+    return /* @__PURE__ */ d.createElement(me, oe({}, i, {
       ref: e
-    }), /* @__PURE__ */ c.isValidElement(u) ? /* @__PURE__ */ c.cloneElement(u, void 0, l) : null);
+    }), /* @__PURE__ */ d.isValidElement(u) ? /* @__PURE__ */ d.cloneElement(u, void 0, l) : null);
   }
-  return /* @__PURE__ */ c.createElement(me, oe({}, i, {
+  return /* @__PURE__ */ d.createElement(me, oe({}, i, {
     ref: e
   }), r);
 });
-xs.displayName = "Slot";
-var me = /* @__PURE__ */ c.forwardRef((t, e) => {
+gs.displayName = "Slot";
+var me = /* @__PURE__ */ d.forwardRef((t, e) => {
   const s = t, { children: r } = s, i = A(s, ["children"]);
-  return /* @__PURE__ */ c.isValidElement(r) ? /* @__PURE__ */ c.cloneElement(r, E(x({}, js(i, r.props)), {
-    ref: e ? Cs(e, r.ref) : r.ref
-  })) : c.Children.count(r) > 1 ? c.Children.only(null) : null;
+  return /* @__PURE__ */ d.isValidElement(r) ? /* @__PURE__ */ d.cloneElement(r, E(x({}, ws(i, r.props)), {
+    ref: e ? xs(e, r.ref) : r.ref
+  })) : d.Children.count(r) > 1 ? d.Children.only(null) : null;
 });
 me.displayName = "SlotClone";
-var bs = ({ children: t }) => /* @__PURE__ */ c.createElement(c.Fragment, null, t);
-function gs(t) {
-  return /* @__PURE__ */ c.isValidElement(t) && t.type === bs;
+var bs = ({ children: t }) => /* @__PURE__ */ d.createElement(d.Fragment, null, t);
+function js(t) {
+  return /* @__PURE__ */ d.isValidElement(t) && t.type === bs;
 }
-function js(t, e) {
+function ws(t, e) {
   const s = x({}, e);
   for (const r in e) {
     const i = t[r], o = e[r];
@@ -1837,7 +1840,7 @@ function js(t, e) {
   }
   return x(x({}, t), s);
 }
-var ws = ({ firstName: t, lastName: e, variant: s = "small" }) => {
+var _s = ({ firstName: t, lastName: e, variant: s = "small" }) => {
   const r = `${t.charAt(0)}${e.charAt(0)}`;
   return /* @__PURE__ */ n.jsx(
     "span",
@@ -1848,7 +1851,7 @@ var ws = ({ firstName: t, lastName: e, variant: s = "small" }) => {
       children: /* @__PURE__ */ n.jsx("span", { className: "avatar__initials", children: r })
     }
   );
-}, K = c.forwardRef(
+}, V = d.forwardRef(
   (t, e) => {
     var s = t, {
       iconLeft: r,
@@ -1858,7 +1861,7 @@ var ws = ({ firstName: t, lastName: e, variant: s = "small" }) => {
       variant: u,
       className: l,
       children: h
-    } = s, d = A(s, [
+    } = s, c = A(s, [
       "iconLeft",
       "iconRight",
       "isPending",
@@ -1872,8 +1875,8 @@ var ws = ({ firstName: t, lastName: e, variant: s = "small" }) => {
       "button",
       E(x({
         ref: e
-      }, d), {
-        className: S(
+      }, c), {
+        className: O(
           "button",
           u && `button--${u}`,
           u && a && `button--${u}--filled`,
@@ -1890,9 +1893,9 @@ var ws = ({ firstName: t, lastName: e, variant: s = "small" }) => {
     );
   }
 );
-K.displayName = "Button";
-c.createContext(void 0);
-var _s = c.forwardRef(
+V.displayName = "Button";
+d.createContext(void 0);
+var Rs = d.forwardRef(
   (t, e) => {
     var s = t, { prefix: r, suffix: i, className: o } = s, a = A(s, ["prefix", "suffix", "className"]);
     return /* @__PURE__ */ n.jsxs("div", { className: "input__wrapper", children: [
@@ -1901,7 +1904,7 @@ var _s = c.forwardRef(
         "input",
         x({
           ref: e,
-          className: S(
+          className: O(
             "input",
             r && "input--with-prefix",
             i && "input--with-suffix",
@@ -1913,9 +1916,9 @@ var _s = c.forwardRef(
     ] });
   }
 );
-_s.displayName = "TextField";
-c.createContext(void 0);
-var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__header__action", children: t }), Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__body", children: t }), Os = (t) => /* @__PURE__ */ n.jsx(
+Rs.displayName = "TextField";
+d.createContext(void 0);
+var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__header__action", children: t }), Os = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__body", children: t }), Ss = (t) => /* @__PURE__ */ n.jsx(
   "svg",
   E(x({
     width: "24",
@@ -1935,7 +1938,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       }
     )
   })
-), we = Os, Ss = (t) => /* @__PURE__ */ n.jsx(
+), we = Ss, Ps = (t) => /* @__PURE__ */ n.jsx(
   "svg",
   E(x({
     width: "24",
@@ -1954,7 +1957,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       }
     )
   })
-), Ps = Ss, As = (t) => /* @__PURE__ */ n.jsx(
+), As = Ps, Ns = (t) => /* @__PURE__ */ n.jsx(
   "svg",
   E(x({
     width: "24",
@@ -1973,7 +1976,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       }
     )
   })
-), Ns = As, Ms = (t) => /* @__PURE__ */ n.jsxs(
+), Ms = Ns, Fs = (t) => /* @__PURE__ */ n.jsxs(
   "svg",
   E(x({
     width: "24",
@@ -2025,7 +2028,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       )
     ]
   })
-), Fs = Ms, ks = (t) => /* @__PURE__ */ n.jsx(
+), ks = Fs, Ls = (t) => /* @__PURE__ */ n.jsx(
   "svg",
   E(x({
     width: "24",
@@ -2044,7 +2047,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       }
     )
   })
-), Ls = ks, Ds = (t) => /* @__PURE__ */ n.jsxs(
+), Ds = Ls, Is = (t) => /* @__PURE__ */ n.jsxs(
   "svg",
   E(x({
     width: "24",
@@ -2076,7 +2079,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       )
     ]
   })
-), Is = Ds, Ts = (t) => /* @__PURE__ */ n.jsx(
+), Ts = Is, Us = (t) => /* @__PURE__ */ n.jsx(
   "svg",
   E(x({
     width: "24",
@@ -2096,7 +2099,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       }
     )
   })
-), Us = Ts, Qs = (t) => /* @__PURE__ */ n.jsxs(
+), Qs = Us, qs = (t) => /* @__PURE__ */ n.jsxs(
   "svg",
   E(x({
     width: "24",
@@ -2133,7 +2136,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       /* @__PURE__ */ n.jsx("defs", { children: /* @__PURE__ */ n.jsx("clipPath", { id: "clip0_19_444", children: /* @__PURE__ */ n.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
     ]
   })
-), qs = Qs, Bs = (t) => /* @__PURE__ */ n.jsxs(
+), Bs = qs, Ks = (t) => /* @__PURE__ */ n.jsxs(
   "svg",
   E(x({
     width: "24",
@@ -2167,7 +2170,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       /* @__PURE__ */ n.jsx("defs", { children: /* @__PURE__ */ n.jsx("clipPath", { id: "clip0_762_2934", children: /* @__PURE__ */ n.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
     ]
   })
-), Ks = Bs, Hs = (t) => /* @__PURE__ */ n.jsxs(
+), Hs = Ks, Vs = (t) => /* @__PURE__ */ n.jsxs(
   "svg",
   E(x({
     width: "20",
@@ -2191,7 +2194,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       )
     ]
   })
-), Gs = Hs, Vs = (t) => {
+), $s = Vs, Gs = (t) => {
   const e = (s) => `${s}${t.suffix ? `_${t.suffix}` : ""}`;
   return /* @__PURE__ */ n.jsxs(
     "svg",
@@ -2362,7 +2365,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       ]
     })
   );
-}, _e = Vs, $s = (t) => /* @__PURE__ */ n.jsx(
+}, _e = Gs, Zs = (t) => /* @__PURE__ */ n.jsx(
   "svg",
   E(x({
     fill: "none",
@@ -2382,7 +2385,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       }
     )
   })
-), Zs = $s, Ws = (t) => /* @__PURE__ */ n.jsxs(
+), Ws = Zs, Ys = (t) => /* @__PURE__ */ n.jsxs(
   "svg",
   E(x({
     width: "24",
@@ -2409,7 +2412,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       /* @__PURE__ */ n.jsx("circle", { r: ".8", transform: "matrix(1 0 0 -1 20.8 20.7)", fill: "currentColor" })
     ]
   })
-), Ys = Ws, zs = (t) => {
+), zs = Ys, Js = (t) => {
   var e = t, {
     variant: s,
     icon: r,
@@ -2428,14 +2431,14 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
   return /* @__PURE__ */ n.jsx(
     "div",
     E(x({}, l), {
-      className: S(
+      className: O(
         "card__empty-state",
         s === "error" && "card__empty-state--error",
         i && "card__empty-state--standalone",
         u
       ),
       children: /* @__PURE__ */ n.jsxs("div", { className: "card__empty-state__wrapper", children: [
-        /* @__PURE__ */ n.jsx("i", { className: "card__empty-state__icon", "aria-hidden": !0, children: s === "error" ? /* @__PURE__ */ n.jsx(Ks, {}) : r }),
+        /* @__PURE__ */ n.jsx("i", { className: "card__empty-state__icon", "aria-hidden": !0, children: s === "error" ? /* @__PURE__ */ n.jsx(Hs, {}) : r }),
         /* @__PURE__ */ n.jsxs("div", { className: "card__empty-state__content", children: [
           /* @__PURE__ */ n.jsx("p", { className: "card__empty-state__title", children: o }),
           /* @__PURE__ */ n.jsx("p", { className: "card__empty-state__description", children: a })
@@ -2443,7 +2446,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       ] })
     })
   );
-}, Js = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__footer", children: t }), Xs = (t) => {
+}, Xs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__footer", children: t }), er = (t) => {
   var e = t, {
     variant: s = "default",
     sticky: r,
@@ -2458,7 +2461,7 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
   return /* @__PURE__ */ n.jsx(
     "div",
     E(x({}, a), {
-      className: S(
+      className: O(
         "card__header",
         s && `card__header--${s}`,
         r && "card__header--sticky",
@@ -2467,16 +2470,16 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       children: o
     })
   );
-}, er = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__image", children: t }), tr = ({ children: t, className: e }) => /* @__PURE__ */ n.jsx("div", { className: S("card__body__item", e), children: t }), sr = ({ icon: t, children: e }) => /* @__PURE__ */ n.jsxs("div", { className: "card__header__title", children: [
+}, tr = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__image", children: t }), sr = ({ children: t, className: e }) => /* @__PURE__ */ n.jsx("div", { className: O("card__body__item", e), children: t }), rr = ({ icon: t, children: e }) => /* @__PURE__ */ n.jsxs("div", { className: "card__header__title", children: [
   t && /* @__PURE__ */ n.jsx("span", { className: "card__header__title__icon", children: t }),
   e
-] }), ut = c.forwardRef(
+] }), ut = d.forwardRef(
   (t, e) => {
     var s = t, { type: r, children: i, className: o, variant: a = "default", disabled: u = !1 } = s, l = A(s, ["type", "children", "className", "variant", "disabled"]);
-    return c.createElement(
+    return d.createElement(
       r,
       x({
-        className: S(
+        className: O(
           "card",
           u && "card--disabled",
           a && `card--${a}`,
@@ -2490,33 +2493,33 @@ var Rs = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
 );
 ut.displayName = "Card";
 Object.assign(ut, {
-  Header: Xs,
-  Action: Rs,
-  Title: sr,
-  Body: Es,
-  Image: er,
-  Item: tr,
-  Footer: Js,
-  EmptyState: zs
+  Header: er,
+  Action: Es,
+  Title: rr,
+  Body: Os,
+  Image: tr,
+  Item: sr,
+  Footer: Xs,
+  EmptyState: Js
 });
-var rr = (t) => {
-  var e = t, { className: s, children: r } = e, i = A(e, ["className", "children"]);
-  return /* @__PURE__ */ n.jsx("div", E(x({ className: S("checkbox__content", s) }, i), { children: r }));
-}, nr = (t) => {
+var nr = (t) => {
   var e = t, { className: s, children: r } = e, i = A(e, ["className", "children"]);
-  return /* @__PURE__ */ n.jsx("span", E(x({ className: S("checkbox__error", s) }, i), { children: r }));
+  return /* @__PURE__ */ n.jsx("div", E(x({ className: O("checkbox__content", s) }, i), { children: r }));
 }, ir = (t) => {
   var e = t, { className: s, children: r } = e, i = A(e, ["className", "children"]);
-  return /* @__PURE__ */ n.jsx("span", E(x({ className: S("checkbox__hint", s) }, i), { children: r }));
-}, lt = c.createContext(void 0), or = ({ id: t, name: e, children: s }) => /* @__PURE__ */ n.jsx(lt.Provider, { value: { id: t, name: e }, children: s }), ar = () => {
-  const t = c.useContext(lt);
+  return /* @__PURE__ */ n.jsx("span", E(x({ className: O("checkbox__error", s) }, i), { children: r }));
+}, or = (t) => {
+  var e = t, { className: s, children: r } = e, i = A(e, ["className", "children"]);
+  return /* @__PURE__ */ n.jsx("span", E(x({ className: O("checkbox__hint", s) }, i), { children: r }));
+}, lt = d.createContext(void 0), ar = ({ id: t, name: e, children: s }) => /* @__PURE__ */ n.jsx(lt.Provider, { value: { id: t, name: e }, children: s }), ur = () => {
+  const t = d.useContext(lt);
   if (!t)
     throw new Error("Checkbox compound components can not be rendered outside of Checkbox");
   return t;
-}, ur = (t) => {
+}, lr = (t) => {
   var e = t, { className: s, children: r } = e, i = A(e, ["className", "children"]);
-  const { id: o } = ar();
-  return /* @__PURE__ */ n.jsx("label", E(x({ htmlFor: o, className: S("checkbox__label", s) }, i), { children: r }));
+  const { id: o } = ur();
+  return /* @__PURE__ */ n.jsx("label", E(x({ htmlFor: o, className: O("checkbox__label", s) }, i), { children: r }));
 }, U = (t) => {
   var e = t, {
     id: s,
@@ -2535,13 +2538,13 @@ var rr = (t) => {
     "className",
     "children"
   ]);
-  const d = c.useRef(null);
-  return c.useEffect(() => {
-    d.current && (i ? d.current.indeterminate = !0 : d.current.indeterminate = !1);
+  const c = d.useRef(null);
+  return d.useEffect(() => {
+    c.current && (i ? c.current.indeterminate = !0 : c.current.indeterminate = !1);
   }, [i]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: S("checkbox", o && `checkbox--${o}`, a && "checkbox--error"),
+      className: O("checkbox", o && `checkbox--${o}`, a && "checkbox--error"),
       children: [
         /* @__PURE__ */ n.jsx(
           "input",
@@ -2549,50 +2552,50 @@ var rr = (t) => {
             id: s,
             name: r,
             type: "checkbox",
-            ref: d,
-            className: S("checkbox__input", u)
+            ref: c,
+            className: O("checkbox__input", u)
           }, h)
         ),
-        i ? /* @__PURE__ */ n.jsx(Gs, { className: "checkbox__spinner", "aria-hidden": !0 }) : /* @__PURE__ */ n.jsx(Us, { className: "checkbox__check", "aria-hidden": !0, strokeDasharray: "75" }),
-        /* @__PURE__ */ n.jsx(or, { id: s, name: r, children: l })
+        i ? /* @__PURE__ */ n.jsx($s, { className: "checkbox__spinner", "aria-hidden": !0 }) : /* @__PURE__ */ n.jsx(Qs, { className: "checkbox__check", "aria-hidden": !0, strokeDasharray: "75" }),
+        /* @__PURE__ */ n.jsx(ar, { id: s, name: r, children: l })
       ]
     }
   );
 };
-U.Content = rr;
-U.Label = ur;
-U.Hint = ir;
-U.Error = nr;
-var lr = (t) => {
+U.Content = nr;
+U.Label = lr;
+U.Hint = or;
+U.Error = ir;
+var cr = (t) => {
   var e = t, { type: s = "div", className: r, children: i } = e, o = A(e, ["type", "className", "children"]);
-  return c.createElement(s, x({ className: S("dialog__body", r) }, o), i);
-}, ye = () => document.body.style.removeProperty("overflow"), Ie = (t) => t.preventDefault(), cr = 'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])', dr = (t) => {
+  return d.createElement(s, x({ className: O("dialog__body", r) }, o), i);
+}, ye = () => document.body.style.removeProperty("overflow"), Ie = (t) => t.preventDefault(), dr = 'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])', hr = (t) => {
   var e = t, { className: s, children: r, shouldAnimate: i = !0 } = e, o = A(e, ["className", "children", "shouldAnimate"]);
   const { ref: a, defaultOpen: u, isModal: l, onClose: h } = X();
-  return c.useEffect(() => {
-    const d = a == null ? void 0 : a.current;
-    if (d != null && d.open) {
-      const p = d.querySelectorAll(cr), m = p[0], f = p[p.length - 1], C = (g) => {
+  return d.useEffect(() => {
+    const c = a == null ? void 0 : a.current;
+    if (c != null && c.open) {
+      const p = c.querySelectorAll(dr), v = p[0], f = p[p.length - 1], y = (g) => {
         if (!(g.key === "Tab"))
           return;
-        g.shiftKey ? document.activeElement === m && (f.focus(), g.preventDefault()) : document.activeElement === f && (m.focus(), g.preventDefault());
+        g.shiftKey ? document.activeElement === v && (f.focus(), g.preventDefault()) : document.activeElement === f && (v.focus(), g.preventDefault());
       };
-      return document.body.style.overflow = "hidden", d.addEventListener("keydown", C), window.addEventListener("popstate", () => ye()), () => {
-        d.removeEventListener("keydown", C), window.removeEventListener("popstate", () => ye());
+      return document.body.style.overflow = "hidden", c.addEventListener("keydown", y), window.addEventListener("popstate", () => ye()), () => {
+        c.removeEventListener("keydown", y), window.removeEventListener("popstate", () => ye());
       };
     }
-  }, [a]), c.useEffect(() => {
-    const d = a == null ? void 0 : a.current;
-    if (!d)
+  }, [a]), d.useEffect(() => {
+    const c = a == null ? void 0 : a.current;
+    if (!c)
       return;
-    if (u && (d.removeAttribute("open"), d.showModal(), d.focus()), l)
-      return d.addEventListener("cancel", Ie), () => d.removeEventListener("cancel", Ie);
-    const p = ({ clientX: m, clientY: f }) => {
-      const { top: C, right: g, bottom: v, left: y } = d.getBoundingClientRect(), _ = 0 < f && 0 < m, j = C < f && f < v, O = y < m && m < g;
-      _ && !(j && O) && h();
+    if (u && (c.removeAttribute("open"), c.showModal(), c.focus()), l)
+      return c.addEventListener("cancel", Ie), () => c.removeEventListener("cancel", Ie);
+    const p = ({ clientX: v, clientY: f }) => {
+      const { top: y, right: g, bottom: m, left: C } = c.getBoundingClientRect(), _ = 0 < f && 0 < v, j = y < f && f < m, S = C < v && v < g;
+      _ && !(j && S) && h();
     };
-    return d.addEventListener("cancel", h), d.addEventListener("mousedown", p), () => {
-      d.removeEventListener("cancel", h), d.removeEventListener("mousedown", p);
+    return c.addEventListener("cancel", h), c.addEventListener("mousedown", p), () => {
+      c.removeEventListener("cancel", h), c.removeEventListener("mousedown", p);
     };
   }, [a, l, h, u]), /* @__PURE__ */ n.jsx(
     "dialog",
@@ -2601,57 +2604,57 @@ var lr = (t) => {
       tabIndex: -1,
       open: u,
       "aria-modal": !!l,
-      className: S("dialog", i && "dialog--animated", s)
+      className: O("dialog", i && "dialog--animated", s)
     }, o), {
       children: r
     })
   );
-}, ct = c.createContext(void 0), hr = ({ defaultOpen: t, onClose: e, isModal: s, children: r }) => {
-  const i = c.useRef(null), o = c.useRef(e), a = c.useCallback(() => {
+}, ct = d.createContext(void 0), fr = ({ defaultOpen: t, onClose: e, isModal: s, children: r }) => {
+  const i = d.useRef(null), o = d.useRef(e), a = d.useCallback(() => {
     var u;
     ye(), (u = i.current) == null || u.close(), o.current && (o == null || o.current());
   }, [i]);
   return /* @__PURE__ */ n.jsx(ct.Provider, { value: { ref: i, defaultOpen: t, isModal: s, onClose: a }, children: r });
 }, X = () => {
-  const t = c.useContext(ct);
+  const t = d.useContext(ct);
   if (!t)
     throw new Error("Dialog compound components can not be rendered outside of Dialog");
   return t;
-}, fr = (t) => {
+}, pr = (t) => {
   var e = t, { children: s } = e, r = A(e, ["children"]);
   const { onClose: i } = X();
-  return /* @__PURE__ */ n.jsx(K, E(x({ onClick: i }, r), { children: s }));
-}, dt = c.forwardRef((t, e) => {
+  return /* @__PURE__ */ n.jsx(V, E(x({ onClick: i }, r), { children: s }));
+}, dt = d.forwardRef((t, e) => {
   var s = t, { className: r } = s, i = A(s, ["className"]);
   const { onClose: o } = X();
   return /* @__PURE__ */ n.jsx(
-    K,
+    V,
     x({
       type: "submit",
       ref: e,
       formMethod: "dialog",
       onClick: o,
-      iconLeft: /* @__PURE__ */ n.jsx(Ps, {}),
+      iconLeft: /* @__PURE__ */ n.jsx(As, {}),
       variant: "icon--secondary",
-      className: S("dialog__close button--icon", r)
+      className: O("dialog__close button--icon", r)
     }, i)
   );
 });
 dt.displayName = "Close";
-var pr = (t) => {
+var vr = (t) => {
   var e = t, { className: s, children: r } = e, i = A(e, ["className", "children"]);
-  return /* @__PURE__ */ n.jsx("div", E(x({ className: S("dialog__footer", s) }, i), { children: r }));
-}, vr = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "dialog__header", children: t }), mr = (t) => {
+  return /* @__PURE__ */ n.jsx("div", E(x({ className: O("dialog__footer", s) }, i), { children: r }));
+}, mr = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "dialog__header", children: t }), yr = (t) => {
   var e = t, { icon: s, children: r, className: i } = e, o = A(e, ["icon", "children", "className"]);
-  const { ref: a } = X(), u = c.useRef(null);
-  return c.useEffect(() => {
+  const { ref: a } = X(), u = d.useRef(null);
+  return d.useEffect(() => {
     a != null && a.current && a.current.focus();
   }, [a]), /* @__PURE__ */ n.jsxs(
     "div",
     E(x({
       tabIndex: 0,
       ref: u,
-      className: S("dialog__header__title", i)
+      className: O("dialog__header__title", i)
     }, o), {
       children: [
         s && /* @__PURE__ */ n.jsx("span", { className: "dialog__header__icon", children: s }),
@@ -2659,23 +2662,23 @@ var pr = (t) => {
       ]
     })
   );
-}, yr = (t) => {
+}, Cr = (t) => {
   var e = t, { children: s } = e, r = A(e, ["children"]);
   const { ref: i } = X();
-  return /* @__PURE__ */ n.jsx(K, E(x({ onClick: () => {
+  return /* @__PURE__ */ n.jsx(V, E(x({ onClick: () => {
     var o;
     return (o = i == null ? void 0 : i.current) == null ? void 0 : o.showModal();
   } }, r), { children: s }));
-}, M = ({ defaultOpen: t, isModal: e, children: s, onClose: r }) => /* @__PURE__ */ n.jsx(hr, { defaultOpen: !!t, isModal: e, onClose: r, children: s });
-M.Trigger = yr;
-M.Root = dr;
-M.Title = mr;
-M.Header = vr;
-M.Body = lr;
-M.Footer = pr;
-M.Button = fr;
+}, M = ({ defaultOpen: t, isModal: e, children: s, onClose: r }) => /* @__PURE__ */ n.jsx(fr, { defaultOpen: !!t, isModal: e, onClose: r, children: s });
+M.Trigger = Cr;
+M.Root = hr;
+M.Title = yr;
+M.Header = mr;
+M.Body = cr;
+M.Footer = vr;
+M.Button = pr;
 M.Close = dt;
-var ht = c.createContext(void 0), Cr = ({
+var ht = d.createContext(void 0), xr = ({
   id: t,
   position: e,
   isOpen: s,
@@ -2703,73 +2706,82 @@ var ht = c.createContext(void 0), Cr = ({
     children: h
   }
 ), ft = () => {
-  const t = c.useContext(ht);
+  const t = d.useContext(ht);
   if (t === void 0)
     throw new Error("useMenu must be used within a MenuProvider");
   return t;
-}, xr = ({ children: t }) => {
+}, gr = ({ as: t, children: e }) => {
   const {
-    id: e,
-    position: s,
-    isOpen: r,
-    setIsOpen: i,
-    activeItemIndex: o,
-    setActiveItemIndex: a,
-    clearActiveItemIndex: u,
-    triggerRef: l,
-    contentRef: h
-  } = ft(), d = (p) => {
-    var m;
-    if (!r)
+    id: s,
+    position: r,
+    isOpen: i,
+    setIsOpen: o,
+    activeItemIndex: a,
+    setActiveItemIndex: u,
+    clearActiveItemIndex: l,
+    triggerRef: h,
+    contentRef: c
+  } = ft(), p = (v) => {
+    var f;
+    if (!i)
       return;
-    if (p.key === "Escape")
-      return u(), i(!1), (m = l.current) == null ? void 0 : m.focus();
-    const f = h.current.childElementCount - 1;
-    switch (p.key) {
+    if (v.key === "Escape")
+      return l(), o(!1), (f = h.current) == null ? void 0 : f.focus();
+    const y = c.current.childElementCount - 1;
+    switch (v.key) {
       case "ArrowUp":
       case "ArrowLeft":
-        return p.preventDefault(), a(o ? Math.max(0, o - 1) : 0);
+        return v.preventDefault(), u(a ? Math.max(0, a - 1) : 0);
       case "ArrowDown":
       case "ArrowRight":
-        p.preventDefault();
-        const C = o !== void 0 ? o + 1 : 0;
-        return a(Math.min(f, C));
+        v.preventDefault();
+        const g = a !== void 0 ? a + 1 : 0;
+        return u(Math.min(y, g));
       case "Home":
-        return p.preventDefault(), a(0);
+        return v.preventDefault(), u(0);
       case "End":
-        return p.preventDefault(), a(f);
+        return v.preventDefault(), u(y);
     }
   };
-  return (
+  return t ? d.createElement(
+    t,
+    {
+      id: `${s}-content`,
+      ref: c,
+      className: O("menu__list", `menu__list--${r}`, i && "menu__list--active"),
+      onKeyDown: p
+    },
+    e
+  ) : (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ n.jsx(
       "ul",
       {
-        id: `${e}-content`,
-        ref: h,
-        className: S("menu__list", `menu__list--${s}`, r && "menu__list--active"),
-        onKeyDown: d,
-        children: t
+        id: `${s}-content`,
+        ref: c,
+        className: O("menu__list", `menu__list--${r}`, i && "menu__list--active"),
+        onKeyDown: p,
+        children: e
       }
     )
   );
 }, br = (t) => {
   var e = t, { children: s, className: r } = e, i = A(e, ["children", "className"]);
-  return /* @__PURE__ */ n.jsx("li", E(x({}, i), { className: S("menu__list-item", r), children: s }));
+  return /* @__PURE__ */ n.jsx("li", E(x({}, i), { className: O("menu__list-item", r), children: s }));
 }, pt = ({ children: t, className: e }) => {
   const { id: s, isOpen: r, setIsOpen: i, clearActiveItemIndex: o, setActiveItemIndex: a, triggerRef: u } = ft(), l = () => {
-    o(), i((d) => !d);
-  }, h = (d) => {
+    o(), i((c) => !c);
+  }, h = (c) => {
     if (r) {
-      if (d.key === "Escape")
+      if (c.key === "Escape")
         return o(), i(!1);
-      d.key === "ArrowDown" && (d.preventDefault(), a(0));
+      c.key === "ArrowDown" && (c.preventDefault(), a(0));
     }
   };
-  return c.cloneElement(t, {
+  return d.cloneElement(t, {
     id: `${s}-trigger`,
     ref: u,
-    className: S("menu__trigger", e),
+    className: O("menu__trigger", e),
     onClick: l,
     onKeyDown: h,
     "aria-expanded": r,
@@ -2779,27 +2791,27 @@ var ht = c.createContext(void 0), Cr = ({
 pt.displayName = "Trigger";
 var L = (t) => {
   var e = t, { type: s, id: r, position: i = "right", children: o, className: a } = e, u = A(e, ["type", "id", "position", "children", "className"]);
-  const l = c.useRef(null), h = c.useRef(null), d = c.useRef(null), [p, m] = c.useState(!1), [f, C] = c.useState(), [g, v] = c.useState(f);
-  f !== g && f !== void 0 && (d.current.children[f].firstChild.focus(), v(f));
-  const y = () => {
-    C(void 0), v(void 0);
+  const l = d.useRef(null), h = d.useRef(null), c = d.useRef(null), [p, v] = d.useState(!1), [f, y] = d.useState(), [g, m] = d.useState(f);
+  f !== g && f !== void 0 && (c.current.children[f].firstChild.focus(), m(f));
+  const C = () => {
+    y(void 0), m(void 0);
   }, _ = (j) => {
-    var O;
-    ((O = l.current) == null ? void 0 : O.contains(j.relatedTarget)) || (y(), m(!1));
+    var S;
+    ((S = l.current) == null ? void 0 : S.contains(j.relatedTarget)) || (C(), v(!1));
   };
   return /* @__PURE__ */ n.jsx(
-    Cr,
+    xr,
     {
       id: r,
       position: i,
       isOpen: p,
-      setIsOpen: m,
+      setIsOpen: v,
       activeItemIndex: f,
-      setActiveItemIndex: C,
-      clearActiveItemIndex: y,
+      setActiveItemIndex: y,
+      clearActiveItemIndex: C,
       triggerRef: h,
-      contentRef: d,
-      children: c.createElement(
+      contentRef: c,
+      children: d.createElement(
         s,
         E(x({}, u), {
           id: r,
@@ -2813,17 +2825,17 @@ var L = (t) => {
   );
 };
 L.Trigger = pt;
-L.Content = xr;
+L.Content = gr;
 L.Item = br;
-c.createContext(void 0);
-var gr = (/* @__PURE__ */ new Map()).set("BE", "32").set("FR", "33").set("NL", "31").set("LU", "352").set("DE", "49").set("CA", "1").set("PR", "1").set("TC", "1").set("US", "1").set("BS", "1242").set("BB", "1246").set("AI", "1264").set("AG", "1268").set("KY", "1345").set("BM", "1441").set("GD", "1473").set("MS", "1664").set("GU", "1671").set("LC", "1758").set("DM", "1767").set("VC", "1784").set("DO", "1809").set("TT", "1868").set("KN", "1869").set("JM", "1876").set("EG", "20").set("SS", "211").set("MA", "212").set("DZ", "213").set("TN", "216").set("LY", "218").set("GM", "220").set("SN", "221").set("MR", "222").set("ML", "223").set("GN", "224").set("CI", "225").set("BF", "226").set("NE", "227").set("TG", "228").set("BJ", "229").set("MU", "230").set("LR", "231").set("SL", "232").set("GH", "233").set("NG", "234").set("TD", "235").set("CF", "236").set("CM", "237").set("CV", "238").set("ST", "239").set("GQ", "240").set("GA", "241").set("CG", "242").set("CD", "243").set("AO", "244").set("GW", "245").set("SC", "248").set("SD", "249").set("RW", "250").set("ET", "251").set("SO", "252").set("DJ", "253").set("KE", "254").set("TZ", "255").set("UG", "256").set("BI", "257").set("MZ", "258").set("ZM", "260").set("MG", "261").set("RE", "262").set("ZW", "263").set("NA", "264").set("MW", "265").set("LS", "266").set("BW", "267").set("SZ", "268").set("KM", "269").set("ZA", "27").set("VG", "284").set("ER", "291").set("AW", "297").set("FO", "298").set("GL", "299").set("GR", "30").set("ES", "34").set("GI", "350").set("PT", "351").set("IE", "353").set("IS", "354").set("AL", "355").set("MT", "356").set("CY", "357").set("FI", "358").set("BG", "359").set("HU", "36").set("LT", "370").set("LV", "371").set("EE", "372").set("MD", "373").set("AM", "374").set("BY", "375").set("AD", "376").set("MC", "377").set("SM", "378").set("UA", "380").set("RS", "381").set("ME", "382").set("HR", "385").set("SI", "386").set("BA", "387").set("MK", "389").set("IT", "39").set("RO", "40").set("CH", "41").set("CZ", "420").set("SK", "421").set("LI", "423").set("AT", "43").set("GB", "44").set("DK", "45").set("SE", "46").set("NO", "47").set("PL", "48").set("FK", "500").set("BZ", "501").set("GT", "502").set("SV", "503").set("HN", "504").set("NI", "505").set("CR", "506").set("PA", "507").set("PM", "508").set("HT", "509").set("PE", "51").set("MX", "52").set("CU", "53").set("AR", "54").set("BR", "55").set("CL", "56").set("CO", "57").set("VE", "58").set("GP", "590").set("BO", "591").set("GY", "592").set("EC", "593").set("FG", "594").set("PY", "595").set("MQ", "596").set("SR", "597").set("UY", "598").set("CW", "599").set("AN", "599").set("MY", "60").set("AU", "61").set("ID", "62").set("PH", "63").set("NZ", "64").set("SG", "65").set("TH", "66").set("TP", "670").set("BN", "673").set("PG", "675").set("TO", "676").set("SB", "677").set("VU", "678").set("FJ", "679").set("PW", "680").set("CK", "682").set("NU", "683").set("AS", "684").set("WS", "685").set("KI", "686").set("NC", "687").set("TV", "688").set("PF", "689").set("FM", "691").set("KZ", "7").set("RU", "7").set("JP", "81").set("KR", "82").set("VN", "84").set("KP", "850").set("HK", "852").set("MO", "853").set("KH", "855").set("LA", "856").set("CN", "86").set("BD", "880").set("TW", "886").set("TR", "90").set("IN", "91").set("PK", "92").set("AF", "93").set("LK", "94").set("MM", "95").set("MV", "960").set("LB", "961").set("JO", "962").set("SY", "963").set("IQ", "964").set("KW", "965").set("SA", "966").set("YE", "967").set("OM", "968").set("PS", "970").set("AE", "971").set("IL", "972").set("BH", "973").set("QA", "974").set("BT", "975").set("MN", "976").set("NP", "977").set("IR", "98").set("TK", "992").set("TM", "993").set("AZ", "994").set("GE", "995").set("KG", "996").set("UZ", "998");
-[...new Set(gr.values())].map((t) => ({
+d.createContext(void 0);
+var jr = (/* @__PURE__ */ new Map()).set("BE", "32").set("FR", "33").set("NL", "31").set("LU", "352").set("DE", "49").set("CA", "1").set("PR", "1").set("TC", "1").set("US", "1").set("BS", "1242").set("BB", "1246").set("AI", "1264").set("AG", "1268").set("KY", "1345").set("BM", "1441").set("GD", "1473").set("MS", "1664").set("GU", "1671").set("LC", "1758").set("DM", "1767").set("VC", "1784").set("DO", "1809").set("TT", "1868").set("KN", "1869").set("JM", "1876").set("EG", "20").set("SS", "211").set("MA", "212").set("DZ", "213").set("TN", "216").set("LY", "218").set("GM", "220").set("SN", "221").set("MR", "222").set("ML", "223").set("GN", "224").set("CI", "225").set("BF", "226").set("NE", "227").set("TG", "228").set("BJ", "229").set("MU", "230").set("LR", "231").set("SL", "232").set("GH", "233").set("NG", "234").set("TD", "235").set("CF", "236").set("CM", "237").set("CV", "238").set("ST", "239").set("GQ", "240").set("GA", "241").set("CG", "242").set("CD", "243").set("AO", "244").set("GW", "245").set("SC", "248").set("SD", "249").set("RW", "250").set("ET", "251").set("SO", "252").set("DJ", "253").set("KE", "254").set("TZ", "255").set("UG", "256").set("BI", "257").set("MZ", "258").set("ZM", "260").set("MG", "261").set("RE", "262").set("ZW", "263").set("NA", "264").set("MW", "265").set("LS", "266").set("BW", "267").set("SZ", "268").set("KM", "269").set("ZA", "27").set("VG", "284").set("ER", "291").set("AW", "297").set("FO", "298").set("GL", "299").set("GR", "30").set("ES", "34").set("GI", "350").set("PT", "351").set("IE", "353").set("IS", "354").set("AL", "355").set("MT", "356").set("CY", "357").set("FI", "358").set("BG", "359").set("HU", "36").set("LT", "370").set("LV", "371").set("EE", "372").set("MD", "373").set("AM", "374").set("BY", "375").set("AD", "376").set("MC", "377").set("SM", "378").set("UA", "380").set("RS", "381").set("ME", "382").set("HR", "385").set("SI", "386").set("BA", "387").set("MK", "389").set("IT", "39").set("RO", "40").set("CH", "41").set("CZ", "420").set("SK", "421").set("LI", "423").set("AT", "43").set("GB", "44").set("DK", "45").set("SE", "46").set("NO", "47").set("PL", "48").set("FK", "500").set("BZ", "501").set("GT", "502").set("SV", "503").set("HN", "504").set("NI", "505").set("CR", "506").set("PA", "507").set("PM", "508").set("HT", "509").set("PE", "51").set("MX", "52").set("CU", "53").set("AR", "54").set("BR", "55").set("CL", "56").set("CO", "57").set("VE", "58").set("GP", "590").set("BO", "591").set("GY", "592").set("EC", "593").set("FG", "594").set("PY", "595").set("MQ", "596").set("SR", "597").set("UY", "598").set("CW", "599").set("AN", "599").set("MY", "60").set("AU", "61").set("ID", "62").set("PH", "63").set("NZ", "64").set("SG", "65").set("TH", "66").set("TP", "670").set("BN", "673").set("PG", "675").set("TO", "676").set("SB", "677").set("VU", "678").set("FJ", "679").set("PW", "680").set("CK", "682").set("NU", "683").set("AS", "684").set("WS", "685").set("KI", "686").set("NC", "687").set("TV", "688").set("PF", "689").set("FM", "691").set("KZ", "7").set("RU", "7").set("JP", "81").set("KR", "82").set("VN", "84").set("KP", "850").set("HK", "852").set("MO", "853").set("KH", "855").set("LA", "856").set("CN", "86").set("BD", "880").set("TW", "886").set("TR", "90").set("IN", "91").set("PK", "92").set("AF", "93").set("LK", "94").set("MM", "95").set("MV", "960").set("LB", "961").set("JO", "962").set("SY", "963").set("IQ", "964").set("KW", "965").set("SA", "966").set("YE", "967").set("OM", "968").set("PS", "970").set("AE", "971").set("IL", "972").set("BH", "973").set("QA", "974").set("BT", "975").set("MN", "976").set("NP", "977").set("IR", "98").set("TK", "992").set("TM", "993").set("AZ", "994").set("GE", "995").set("KG", "996").set("UZ", "998");
+[...new Set(jr.values())].map((t) => ({
   label: `+${t}`,
   value: t
 }));
-c.createContext(void 0);
-c.createContext(void 0);
-const Z = ({
+d.createContext(void 0);
+d.createContext(void 0);
+const B = ({
   className: t,
   label: e,
   mobileUrl: s,
@@ -2838,17 +2850,23 @@ const Z = ({
     i,
     e
   ] })
-] }), vt = c.createContext(void 0), jr = ({ position: t, authenticationStatus: e, profile: s, children: r }) => /* @__PURE__ */ n.jsx(vt.Provider, { value: { position: t, authenticationStatus: e, profile: s }, children: r }), Re = () => {
-  const t = c.useContext(vt);
+] }), vt = d.createContext(void 0), wr = ({
+  position: t,
+  bouMenuItems: e,
+  authenticationStatus: s,
+  profile: r,
+  children: i
+}) => /* @__PURE__ */ n.jsx(vt.Provider, { value: { position: t, bouMenuItems: e, authenticationStatus: s, profile: r }, children: i }), Re = () => {
+  const t = d.useContext(vt);
   if (!t)
     throw new Error("Authentication context can not be rendered outside of Authentication");
   return t;
-}, mt = c.createContext(void 0), wr = ({ apiUrl: t, redirectUrl: e, children: s }) => /* @__PURE__ */ n.jsx(mt.Provider, { value: { apiUrl: t, redirectUrl: e }, children: s }), yt = () => {
-  const t = c.useContext(mt);
+}, mt = d.createContext(void 0), _r = ({ apiUrl: t, redirectUrl: e, children: s }) => /* @__PURE__ */ n.jsx(mt.Provider, { value: { apiUrl: t, redirectUrl: e }, children: s }), yt = () => {
+  const t = d.useContext(mt);
   if (!t)
     throw new Error("Api context can not be rendered outside of Api");
   return t;
-}, H = () => {
+}, $ = () => {
   const { apiUrl: t, redirectUrl: e } = yt(), s = wt({ apiUrl: t, redirectUrl: e }), r = `${t}/logout?redirectUrl=${e}`, i = `${t}/user/profile`, o = `${t}/gdpr/tc/check`, a = `${t}/gdpr/tc`;
   return {
     loginUrl: s,
@@ -2857,83 +2875,96 @@ const Z = ({
     getTermsAndConditionsEndpoint: o,
     postTermsAndConditionsEndpoint: a
   };
-}, _r = () => {
-  const { t } = z(), e = Qe(), { position: s, profile: r } = Re(), { logoutUrl: i } = H(), o = (r == null ? void 0 : r.firstName) || "", a = (r == null ? void 0 : r.lastName) || "";
+}, Rr = (t) => t ? /* @__PURE__ */ n.jsx("ul", { className: "bou-menu__list", children: t == null ? void 0 : t.map(({ label: e, icon: s, url: r }, i) => /* @__PURE__ */ n.jsx(
+  B,
+  {
+    className: "bou-menu-item",
+    mobileUrl: r,
+    desktopUrl: r,
+    icon: s,
+    label: e
+  },
+  i
+)) }) : null, Er = () => {
+  const { t } = Q(), e = Qe(), { position: s, profile: r, bouMenuItems: i } = Re(), { logoutUrl: o } = $(), a = (r == null ? void 0 : r.firstName) ?? "", u = (r == null ? void 0 : r.lastName) ?? "";
   return /* @__PURE__ */ n.jsxs(L, { type: "nav", id: "xtra-menu", position: s, children: [
     /* @__PURE__ */ n.jsx(
       L.Trigger,
       {
-        className: S(
+        className: O(
           "button",
           "button--neutral",
           "button--authentication",
           "button--authentication--authenticated"
         ),
         children: /* @__PURE__ */ n.jsxs("button", { children: [
-          /* @__PURE__ */ n.jsx("div", { className: "button__icon", children: /* @__PURE__ */ n.jsx(ws, { variant: "small", firstName: o, lastName: a }) }),
-          /* @__PURE__ */ n.jsx("span", { className: "button__label", children: o }),
+          /* @__PURE__ */ n.jsx("div", { className: "button__icon", children: /* @__PURE__ */ n.jsx(_s, { variant: "small", firstName: a, lastName: u }) }),
+          /* @__PURE__ */ n.jsx("span", { className: "button__label", children: a }),
           /* @__PURE__ */ n.jsx("div", { className: "button__icon button__icon-right", children: /* @__PURE__ */ n.jsx(we, {}) })
         ] })
       }
     ),
-    /* @__PURE__ */ n.jsxs(L.Content, { children: [
-      /* @__PURE__ */ n.jsx(
-        Z,
-        {
-          className: "manage-profile",
-          mobileUrl: `${e}/manage-profile`,
-          desktopUrl: `${e}/manage-profile/personal-data`,
-          icon: /* @__PURE__ */ n.jsx(Is, {}),
-          label: t("manageProfile")
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        Z,
-        {
-          className: "payment",
-          mobileUrl: `${e}/payment`,
-          desktopUrl: `${e}/payment/pay-with-xtra`,
-          icon: /* @__PURE__ */ n.jsx(Zs, {}),
-          label: t("payment")
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        Z,
-        {
-          mobileUrl: `${e}/identifiers`,
-          icon: /* @__PURE__ */ n.jsx(Ys, {}),
-          label: t("qrCode")
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        Z,
-        {
-          className: "manage-privacy",
-          mobileUrl: `${e}/manage-privacy`,
-          desktopUrl: `${e}/manage-privacy/permissions`,
-          icon: /* @__PURE__ */ n.jsx(qs, {}),
-          label: t("privacy")
-        }
-      ),
-      /* @__PURE__ */ n.jsx(Z, { mobileUrl: i, icon: /* @__PURE__ */ n.jsx(Ls, {}), label: t("logout") })
+    /* @__PURE__ */ n.jsxs(L.Content, { as: "div", children: [
+      Rr(i),
+      /* @__PURE__ */ n.jsxs("ul", { children: [
+        /* @__PURE__ */ n.jsx(
+          B,
+          {
+            className: "manage-profile",
+            mobileUrl: `${e}/manage-profile`,
+            desktopUrl: `${e}/manage-profile/personal-data`,
+            icon: /* @__PURE__ */ n.jsx(Ts, {}),
+            label: t("manageProfile")
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          B,
+          {
+            className: "payment",
+            mobileUrl: `${e}/payment`,
+            desktopUrl: `${e}/payment/pay-with-xtra`,
+            icon: /* @__PURE__ */ n.jsx(Ws, {}),
+            label: t("payment")
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          B,
+          {
+            mobileUrl: `${e}/identifiers`,
+            icon: /* @__PURE__ */ n.jsx(zs, {}),
+            label: t("qrCode")
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          B,
+          {
+            className: "manage-privacy",
+            mobileUrl: `${e}/manage-privacy`,
+            desktopUrl: `${e}/manage-privacy/permissions`,
+            icon: /* @__PURE__ */ n.jsx(Bs, {}),
+            label: t("privacy")
+          }
+        ),
+        /* @__PURE__ */ n.jsx(B, { mobileUrl: o, icon: /* @__PURE__ */ n.jsx(Ds, {}), label: t("logout") })
+      ] })
     ] })
   ] });
-}, Rr = () => {
-  const { t } = z();
-  return /* @__PURE__ */ n.jsxs("button", { className: S("button", "button--neutral", "button--authentication"), children: [
+}, Or = () => {
+  const { t } = Q();
+  return /* @__PURE__ */ n.jsxs("button", { className: O("button", "button--neutral", "button--authentication"), children: [
     /* @__PURE__ */ n.jsx("div", { className: "button__icon", children: /* @__PURE__ */ n.jsx("i", { className: "spinner" }) }),
     /* @__PURE__ */ n.jsxs("span", { className: "button__label", children: [
       t("loading"),
       "..."
     ] })
   ] });
-}, Er = ({ className: t }) => {
-  const { t: e } = z(), { loginUrl: s } = H();
+}, Sr = ({ className: t }) => {
+  const { t: e } = Q(), { loginUrl: s } = $();
   return /* @__PURE__ */ n.jsxs(
     "a",
     {
       href: s,
-      className: S(
+      className: O(
         "button",
         "button--neutral",
         "button--authentication",
@@ -2948,32 +2979,32 @@ const Z = ({
     }
   );
 };
-const Or = () => {
-  const { t } = z(), { loginUrl: e } = H(), s = Qe(), { position: r } = Re();
+const Pr = () => {
+  const { t } = Q(), { loginUrl: e } = $(), s = Qe(), { position: r } = Re();
   return /* @__PURE__ */ n.jsxs(L, { type: "nav", id: "xtra-menu", position: r, className: "menu--unauthenticated", children: [
-    /* @__PURE__ */ n.jsx(L.Trigger, { className: S("button", "button--neutral", "button--authentication"), children: /* @__PURE__ */ n.jsxs("button", { children: [
+    /* @__PURE__ */ n.jsx(L.Trigger, { className: O("button", "button--neutral", "button--authentication"), children: /* @__PURE__ */ n.jsxs("button", { children: [
       /* @__PURE__ */ n.jsx("div", { className: "button__icon", children: /* @__PURE__ */ n.jsx(_e, { width: 24, height: 24, suffix: "mobile" }) }),
       /* @__PURE__ */ n.jsx("div", { className: "button__icon button__icon-right", children: /* @__PURE__ */ n.jsx(we, {}) })
     ] }) }),
     /* @__PURE__ */ n.jsxs(L.Content, { children: [
       /* @__PURE__ */ n.jsx(L.Item, { children: /* @__PURE__ */ n.jsxs("a", { href: e, className: "button button--with-icon", children: [
-        /* @__PURE__ */ n.jsx("span", { className: "button__icon", children: /* @__PURE__ */ n.jsx(Ns, {}) }),
+        /* @__PURE__ */ n.jsx("span", { className: "button__icon", children: /* @__PURE__ */ n.jsx(Ms, {}) }),
         /* @__PURE__ */ n.jsx("span", { className: "button__label", children: t("login") })
       ] }) }),
       /* @__PURE__ */ n.jsx(L.Item, { children: /* @__PURE__ */ n.jsxs("a", { href: `${s}/onboarding/register`, className: "button button--with-icon", children: [
-        /* @__PURE__ */ n.jsx("span", { className: "button__icon", children: /* @__PURE__ */ n.jsx(Fs, {}) }),
+        /* @__PURE__ */ n.jsx("span", { className: "button__icon", children: /* @__PURE__ */ n.jsx(ks, {}) }),
         /* @__PURE__ */ n.jsx("span", { className: "button__label", children: t("register") })
       ] }) })
     ] })
   ] });
 };
 var D = /* @__PURE__ */ ((t) => (t.Authenticated = "authenticated", t.NotAuthenticated = "notAuthenticated", t.Pending = "pending", t))(D || {});
-const Sr = () => {
+const Ar = () => {
   const { authenticationStatus: t } = Re();
   return t === D.NotAuthenticated ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(Er, {}),
-    /* @__PURE__ */ n.jsx(Or, {})
-  ] }) : t === D.Pending ? /* @__PURE__ */ n.jsx(Rr, {}) : /* @__PURE__ */ n.jsx(_r, {});
+    /* @__PURE__ */ n.jsx(Sr, {}),
+    /* @__PURE__ */ n.jsx(Pr, {})
+  ] }) : t === D.Pending ? /* @__PURE__ */ n.jsx(Or, {}) : /* @__PURE__ */ n.jsx(Er, {});
 };
 /*! js-cookie v3.0.5 | MIT */
 function ee(t) {
@@ -2984,7 +3015,7 @@ function ee(t) {
   }
   return t;
 }
-var Pr = {
+var Nr = {
   read: function(t) {
     return t[0] === '"' && (t = t.slice(1, -1)), t.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
   },
@@ -3010,8 +3041,8 @@ function Ce(t, e) {
       for (var o = document.cookie ? document.cookie.split("; ") : [], a = {}, u = 0; u < o.length; u++) {
         var l = o[u].split("="), h = l.slice(1).join("=");
         try {
-          var d = decodeURIComponent(l[0]);
-          if (a[d] = t.read(h, d), i === d)
+          var c = decodeURIComponent(l[0]);
+          if (a[c] = t.read(h, c), i === c)
             break;
         } catch {
         }
@@ -3045,38 +3076,39 @@ function Ce(t, e) {
     }
   );
 }
-var xe = Ce(Pr, { path: "/" });
+var xe = Ce(Nr, { path: "/" });
 class Te extends Error {
   constructor(e) {
     super(e), this.name = "UnauthorizedError";
   }
 }
-const Ar = () => {
-  const { profileEndpoint: t } = H();
+const Mr = () => {
+  const { i18n: t } = Q(), { profileEndpoint: e } = $();
   return nt({
     // @ts-expect-error queryKey is the right type
     queryKey: ["profile"],
     queryFn: async () => {
-      const s = await fetch(t, {
+      const r = await fetch(e, {
         credentials: "include",
-        mode: "cors"
+        mode: "cors",
+        headers: { "Accept-Language": t.language }
       });
-      if (!s.ok)
-        throw s.status === 401 ? new Te(`${s.status} - ${s.statusText}`) : new Error("Network response was not ok");
-      return await s.json();
+      if (!r.ok)
+        throw r.status === 401 ? new Te(`${r.status} - ${r.statusText}`) : new Error("Network response was not ok");
+      return await r.json();
     },
-    retry: (s, r) => r instanceof Te ? !1 : 3,
+    retry: (r, i) => i instanceof Te ? !1 : 3,
     refetchOnWindowFocus: !1
   });
 }, Ct = () => {
   var u, l;
-  const t = xe.get("profile"), e = !!t, [s, r] = c.useState(
+  const t = xe.get("profile"), e = !!t, [s, r] = d.useState(
     e ? D.Authenticated : D.Pending
-  ), [i, o] = c.useState(
+  ), [i, o] = d.useState(
     e ? JSON.parse(t) : void 0
-  ), a = Ar();
-  return c.useEffect(() => {
-    if (a.isLoading && r(D.Pending), a.isError && e && (xe.remove("profile"), r(D.NotAuthenticated)), a.isError && !e && r(D.NotAuthenticated), a.isSuccess) {
+  ), a = Mr();
+  return d.useEffect(() => {
+    if (a.isError && e && (xe.remove("profile"), r(D.NotAuthenticated)), a.isError && !e && r(D.NotAuthenticated), a.isSuccess) {
       r(D.Authenticated);
       const h = {
         firstName: a.data.firstName,
@@ -3094,33 +3126,42 @@ const Ar = () => {
     a.isLoading,
     a.isSuccess
   ]), { authenticationStatus: s, profile: i };
-}, Nr = ({ position: t }) => {
-  const { authenticationStatus: e, profile: s } = Ct();
-  return /* @__PURE__ */ n.jsx(jr, { authenticationStatus: e, position: t, profile: s, children: /* @__PURE__ */ n.jsx(Sr, {}) });
+}, Fr = ({ position: t, bouMenuItems: e }) => {
+  const { authenticationStatus: s, profile: r } = Ct();
+  return /* @__PURE__ */ n.jsx(
+    wr,
+    {
+      bouMenuItems: e,
+      authenticationStatus: s,
+      position: t,
+      profile: r,
+      children: /* @__PURE__ */ n.jsx(Ar, {})
+    }
+  );
 };
-var Mr = Object.defineProperty, Fr = Object.defineProperties, kr = Object.getOwnPropertyDescriptors, ae = Object.getOwnPropertySymbols, xt = Object.prototype.hasOwnProperty, bt = Object.prototype.propertyIsEnumerable, Ue = (t, e, s) => e in t ? Mr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, Q = (t, e) => {
+var kr = Object.defineProperty, Lr = Object.defineProperties, Dr = Object.getOwnPropertyDescriptors, ae = Object.getOwnPropertySymbols, xt = Object.prototype.hasOwnProperty, gt = Object.prototype.propertyIsEnumerable, Ue = (t, e, s) => e in t ? kr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, q = (t, e) => {
   for (var s in e || (e = {}))
     xt.call(e, s) && Ue(t, s, e[s]);
   if (ae)
     for (var s of ae(e))
-      bt.call(e, s) && Ue(t, s, e[s]);
+      gt.call(e, s) && Ue(t, s, e[s]);
   return t;
-}, G = (t, e) => Fr(t, kr(e)), V = (t, e) => {
+}, G = (t, e) => Lr(t, Dr(e)), Z = (t, e) => {
   var s = {};
   for (var r in t)
     xt.call(t, r) && e.indexOf(r) < 0 && (s[r] = t[r]);
   if (t != null && ae)
     for (var r of ae(t))
-      e.indexOf(r) < 0 && bt.call(t, r) && (s[r] = t[r]);
+      e.indexOf(r) < 0 && gt.call(t, r) && (s[r] = t[r]);
   return s;
-}, Lr = c.forwardRef((t, e) => {
-  const s = t, { isAuthenticated: r, className: i } = s, o = V(s, ["isAuthenticated", "className"]);
+}, Ir = d.forwardRef((t, e) => {
+  const s = t, { isAuthenticated: r, className: i } = s, o = Z(s, ["isAuthenticated", "className"]);
   return /* @__PURE__ */ n.jsx(
-    K,
-    Q({
+    V,
+    q({
       type: "button",
       ref: e,
-      className: S(
+      className: O(
         "button--neutral",
         "button--authentication",
         r && "button--authentication--authenticated",
@@ -3129,33 +3170,33 @@ var Mr = Object.defineProperty, Fr = Object.defineProperties, kr = Object.getOwn
     }, o)
   );
 });
-Lr.displayName = "AuthenticationButton";
-var Dr = (t) => {
+Ir.displayName = "AuthenticationButton";
+var Tr = (t) => {
   var e = t, {
     children: s
-  } = e, r = V(e, [
+  } = e, r = Z(e, [
     "children"
   ]);
-  return /* @__PURE__ */ n.jsx(U.Label, G(Q({ className: "form--tc__label" }, r), { children: s }));
-}, gt = c.forwardRef(
+  return /* @__PURE__ */ n.jsx(U.Label, G(q({ className: "form--tc__label" }, r), { children: s }));
+}, bt = d.forwardRef(
   (t, e) => {
-    var s = t, { children: r } = s, i = V(s, ["children"]);
-    return /* @__PURE__ */ n.jsx("form", G(Q({ className: "form--tc", ref: e }, i), { children: r }));
+    var s = t, { children: r } = s, i = Z(s, ["children"]);
+    return /* @__PURE__ */ n.jsx("form", G(q({ className: "form--tc", ref: e }, i), { children: r }));
   }
 );
-gt.displayName = "TermsAndConditionsForm";
-var Ir = (t) => {
+bt.displayName = "TermsAndConditionsForm";
+var Ur = (t) => {
   var e = t, {
     children: s
-  } = e, r = V(e, [
+  } = e, r = Z(e, [
     "children"
   ]);
-  return /* @__PURE__ */ n.jsx("p", G(Q({ className: "form--tc__description" }, r), { children: s }));
-}, Tr = (t) => {
-  var e = t, { children: s } = e, r = V(e, ["children"]);
+  return /* @__PURE__ */ n.jsx("p", G(q({ className: "form--tc__description" }, r), { children: s }));
+}, Qr = (t) => {
+  var e = t, { children: s } = e, r = Z(e, ["children"]);
   return /* @__PURE__ */ n.jsx(
     "a",
-    G(Q({
+    G(q({
       className: "form--tc__link",
       target: "_blank",
       rel: "noreferrer",
@@ -3165,17 +3206,17 @@ var Ir = (t) => {
       children: s
     })
   );
-}, Ur = ({ children: t }) => /* @__PURE__ */ n.jsx("h1", { className: "form--tc__title", children: t }), Qr = c.forwardRef(
-  (t, e) => /* @__PURE__ */ n.jsx(M.Close, G(Q({ className: "hidden" }, t), { ref: e }))
+}, qr = ({ children: t }) => /* @__PURE__ */ n.jsx("h1", { className: "form--tc__title", children: t }), Br = d.forwardRef(
+  (t, e) => /* @__PURE__ */ n.jsx(M.Close, G(q({ className: "hidden" }, t), { ref: e }))
 );
-Qr.displayName = "TermsAndConditionsClose";
-var qr = (t) => {
-  var e = t, { children: s } = e, r = V(e, ["children"]);
-  return /* @__PURE__ */ n.jsx("span", G(Q({ className: "form--tc__error", role: "alert" }, r), { children: s }));
+Br.displayName = "TermsAndConditionsClose";
+var Kr = (t) => {
+  var e = t, { children: s } = e, r = Z(e, ["children"]);
+  return /* @__PURE__ */ n.jsx("span", G(q({ className: "form--tc__error", role: "alert" }, r), { children: s }));
 };
-const Br = () => {
-  const { postTermsAndConditionsEndpoint: t } = H(), e = new We();
-  return hs({
+const Hr = () => {
+  const { postTermsAndConditionsEndpoint: t } = $(), e = new We();
+  return fs({
     mutationFn: async (r) => {
       const i = await fetch(t, {
         method: "post",
@@ -3191,84 +3232,85 @@ const Br = () => {
       await e.invalidateQueries({ queryKey: ["gdpr"] });
     }
   });
-}, Kr = () => {
-  const { getTermsAndConditionsEndpoint: t } = H(), { authenticationStatus: e } = Ct(), s = xe.get("hasAcceptedLatestTermsAndConditions"), r = [], i = s === "true", o = e === D.Authenticated;
+}, Vr = () => {
+  const { i18n: t } = Q(), { getTermsAndConditionsEndpoint: e } = $(), { authenticationStatus: s } = Ct(), r = xe.get("hasAcceptedLatestTermsAndConditions"), i = [], o = r === "true", a = s === D.Authenticated;
   return nt({
     queryKey: ["gdpr"],
     queryFn: async () => {
-      const u = await fetch(t, {
+      const l = await fetch(e, {
         credentials: "include",
-        mode: "cors"
+        mode: "cors",
+        headers: { "Accept-Language": t.language }
       });
-      if (!u.ok)
+      if (!l.ok)
         throw new Error("Network response was not ok");
-      return await u.json();
+      return await l.json();
     },
-    enabled: o && !i,
-    initialData: r
+    enabled: a && !o,
+    initialData: i
   });
-}, Hr = ({ redirectUrl: t }) => {
-  const { t: e } = z(), { apiUrl: s } = yt(), r = c.useRef(null), [i, o] = c.useState(0), [a, u] = c.useState({}), { mutate: l, isError: h } = Br(), { AccessibleFormMessage: d, formRef: p } = _t({ submitCount: i, errors: a }), { data: m } = Kr(), f = !!(m != null && m.length), C = e("termsAndConditions.error.required"), g = () => {
-    var y;
-    (y = r == null ? void 0 : r.current) == null || y.click(), document.body.style.removeProperty("overflow");
+}, $r = ({ redirectUrl: t }) => {
+  const { t: e } = Q(), { apiUrl: s } = yt(), r = d.useRef(null), [i, o] = d.useState(0), [a, u] = d.useState({}), { mutate: l, isError: h } = Hr(), { AccessibleFormMessage: c, formRef: p } = _t({ submitCount: i, errors: a }), { data: v } = Vr(), f = !!(v != null && v.length), y = e("termsAndConditions.error.required"), g = () => {
+    var C;
+    (C = r == null ? void 0 : r.current) == null || C.click(), document.body.style.removeProperty("overflow");
   };
-  c.useEffect(() => {
+  d.useEffect(() => {
     f && document.body.style.setProperty("overflow", "hidden");
-  }, [f]), c.useEffect(() => {
-    h && u({ acceptedTC: C });
-  }, [C, h]);
-  const v = (y) => {
-    y.preventDefault(), o(i + 1);
-    const { acceptedTC: _ } = y.target;
+  }, [f]), d.useEffect(() => {
+    h && u({ acceptedTC: y });
+  }, [y, h]);
+  const m = (C) => {
+    C.preventDefault(), o(i + 1);
+    const { acceptedTC: _ } = C.target;
     if (_ instanceof RadioNodeList) {
       const j = Object.values(_);
-      j.every((N) => N.checked) ? (u({}), l(j.map((N) => N.value)), g()) : u({ acceptedTC: C });
+      j.every((N) => N.checked) ? (u({}), l(j.map((N) => N.value)), g()) : u({ acceptedTC: y });
     } else
-      _ != null && _.checked ? (u({}), l([_.value]), g()) : u({ acceptedTC: C });
+      _ != null && _.checked ? (u({}), l([_.value]), g()) : u({ acceptedTC: y });
   };
   return f ? /* @__PURE__ */ n.jsxs(M, { defaultOpen: f, isModal: !0, children: [
-    d,
+    c,
     /* @__PURE__ */ n.jsxs(M.Root, { children: [
-      /* @__PURE__ */ n.jsx(M.Header, { children: /* @__PURE__ */ n.jsx(M.Title, { icon: /* @__PURE__ */ n.jsx(_e, { role: "presentation" }), children: /* @__PURE__ */ n.jsx(Ur, { children: e("termsAndConditions.title") }) }) }),
-      /* @__PURE__ */ n.jsx(M.Body, { children: /* @__PURE__ */ n.jsxs(gt, { ref: p, id: "tc-form", onSubmit: v, children: [
-        /* @__PURE__ */ n.jsxs(Ir, { children: [
+      /* @__PURE__ */ n.jsx(M.Header, { children: /* @__PURE__ */ n.jsx(M.Title, { icon: /* @__PURE__ */ n.jsx(_e, { role: "presentation" }), children: /* @__PURE__ */ n.jsx(qr, { children: e("termsAndConditions.title") }) }) }),
+      /* @__PURE__ */ n.jsx(M.Body, { children: /* @__PURE__ */ n.jsxs(bt, { ref: p, id: "tc-form", onSubmit: m, children: [
+        /* @__PURE__ */ n.jsxs(Ur, { children: [
           e("termsAndConditions.description"),
-          a.acceptedTC && /* @__PURE__ */ n.jsx(qr, { children: C })
+          a.acceptedTC && /* @__PURE__ */ n.jsx(Kr, { children: y })
         ] }),
-        m.map(({ tcCode: y, title: _, URL: j }) => /* @__PURE__ */ n.jsx(
+        v.map(({ tcCode: C, title: _, URL: j }) => /* @__PURE__ */ n.jsx(
           U,
           {
-            id: y,
-            value: y,
+            id: C,
+            value: C,
             name: "acceptedTC",
             variant: "primary",
             children: /* @__PURE__ */ n.jsxs(U.Content, { children: [
-              /* @__PURE__ */ n.jsx(Dr, { children: _ }),
-              /* @__PURE__ */ n.jsx(Tr, { href: j, children: e("termsAndConditions.action", { title: _ }) })
+              /* @__PURE__ */ n.jsx(Tr, { children: _ }),
+              /* @__PURE__ */ n.jsx(Qr, { href: j, children: e("termsAndConditions.action", { title: _ }) })
             ] })
           },
-          y
+          C
         ))
       ] }) }),
       /* @__PURE__ */ n.jsxs(M.Footer, { children: [
         /* @__PURE__ */ n.jsx(
           "a",
           {
-            className: S("button", "button--secondary", "button--terms-and-conditions"),
+            className: O("button", "button--secondary", "button--terms-and-conditions"),
             href: `${s}/logout?redirectUrl=${t}`,
             children: e("logout")
           }
         ),
-        /* @__PURE__ */ n.jsx(K, { form: "tc-form", type: "submit", variant: "primary", children: e("confirm") })
+        /* @__PURE__ */ n.jsx(V, { form: "tc-form", type: "submit", variant: "primary", children: e("confirm") })
       ] })
     ] })
   ] }) : /* @__PURE__ */ n.jsx(n.Fragment, {});
-}, Gr = c.forwardRef(({ children: t, ...e }, s) => /* @__PURE__ */ n.jsx("form", { className: "form--tc", ref: s, ...e, children: t }));
+}, Gr = d.forwardRef(({ children: t, ...e }, s) => /* @__PURE__ */ n.jsx("form", { className: "form--tc", ref: s, ...e, children: t }));
 Gr.displayName = "TermsAndConditionsForm";
-const Vr = new We(), Wr = ({ environment: t, redirectUrl: e, apiUrl: s, position: r }) => /* @__PURE__ */ n.jsx(Rt, { environment: t, children: /* @__PURE__ */ n.jsx(wr, { apiUrl: s, redirectUrl: e, children: /* @__PURE__ */ n.jsxs(Xt, { client: Vr, children: [
-  /* @__PURE__ */ n.jsx(Nr, { position: r }),
-  /* @__PURE__ */ n.jsx(Hr, { redirectUrl: e })
+const Zr = new We(), zr = ({ environment: t, redirectUrl: e, apiUrl: s, position: r, bouMenuItems: i }) => /* @__PURE__ */ n.jsx(Rt, { environment: t, children: /* @__PURE__ */ n.jsx(_r, { apiUrl: s, redirectUrl: e, children: /* @__PURE__ */ n.jsxs(es, { client: Zr, children: [
+  /* @__PURE__ */ n.jsx(Fr, { position: r, bouMenuItems: i }),
+  /* @__PURE__ */ n.jsx($r, { redirectUrl: e })
 ] }) }) });
 export {
-  Wr as default
+  zr as default
 };