npm - playlight-sdk - Versions diffs - 0.2.10 → 0.2.11 - Mend

playlight-sdk 0.2.10 → 0.2.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/playlight-sdk.css +1 -1
package/dist/playlight-sdk.es.js +706 -685
package/dist/playlight-sdk.es.js.map +1 -1
package/dist/playlight-sdk.iife.js +2 -2
package/dist/playlight-sdk.iife.js.map +1 -1
package/package.json +1 -1

package/dist/playlight-sdk.es.js CHANGED Viewed

@@ -9,9 +9,9 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _e2, _t2, _n, _ResizeObserverSingleton_instances, r_fn, _a, _PlayLightAPI_instances, s_fn, _b, _PlaylightSDK_instances, i_fn, _c;
+var _e2, _t2, _n, _ResizeObserverSingleton_instances, r_fn, _a, _PlayLightAPI_instances, i_fn, _b, _PlaylightSDK_instances, s_fn, _c;
 const e = false;
-var t = Array.isArray, n = Array.prototype.indexOf, s = Array.from, i = Object.defineProperty, o = Object.getOwnPropertyDescriptor, a = Object.getOwnPropertyDescriptors, l = Object.prototype, c = Array.prototype, u = Object.getPrototypeOf, d = Object.isExtensible;
+var t = Array.isArray, n = Array.prototype.indexOf, i = Array.from, s = Object.defineProperty, o = Object.getOwnPropertyDescriptor, a = Object.getOwnPropertyDescriptors, l = Object.prototype, c = Array.prototype, u = Object.getPrototypeOf, d = Object.isExtensible;
 function is_function(e2) {
   return "function" == typeof e2;
 }
@@ -23,7 +23,7 @@ function run(e2) {
 function run_all(e2) {
   for (var t2 = 0; t2 < e2.length; t2++) e2[t2]();
 }
-const f = 32, p = 64, g = 128, _ = 256, v = 512, h = 1024, m = 2048, b = 4096, y = 8192, $ = 16384, w = 65536, x = 1 << 20, k = 1 << 21, C = Symbol("$state"), S = Symbol("legacy props"), M = Symbol("");
+const f = 32, p = 64, g = 128, _ = 256, v = 512, h = 1024, m = 2048, b = 4096, y = 8192, $ = 16384, w = 65536, x = 1 << 20, k = 1 << 21, C = Symbol("$state"), S = Symbol("legacy props"), I = Symbol("");
 function equals(e2) {
   return e2 === this.v;
 }
@@ -33,8 +33,8 @@ function safe_not_equal(e2, t2) {
 function safe_equals(e2) {
   return !safe_not_equal(e2, this.v);
 }
-let T = false;
-const I = Symbol();
+let M = false;
+const T = Symbol();
 function lifecycle_outside_component(e2) {
   throw new Error("https://svelte.dev/e/lifecycle_outside_component");
 }
@@ -43,7 +43,7 @@ function set_component_context(e2) {
   O = e2;
 }
 function push(e2, t2 = false, n2) {
-  var s2 = O = {
+  var i2 = O = {
     p: O,
     c: null,
     d: false,
@@ -53,13 +53,13 @@ function push(e2, t2 = false, n2) {
     x: null,
     l: null
   };
-  T && !t2 && (O.l = {
+  M && !t2 && (O.l = {
     s: null,
     u: null,
     r1: [],
     r2: source(false)
   }), teardown(() => {
-    s2.d = true;
+    i2.d = true;
   });
 }
 function pop(e2) {
@@ -67,15 +67,15 @@ function pop(e2) {
   if (null !== t2) {
     const e3 = t2.e;
     if (null !== e3) {
-      var n2 = V, s2 = R;
+      var n2 = V, i2 = R;
       t2.e = null;
       try {
-        for (var i2 = 0; i2 < e3.length; i2++) {
-          var o2 = e3[i2];
+        for (var s2 = 0; s2 < e3.length; s2++) {
+          var o2 = e3[s2];
           set_active_effect(o2.effect), set_active_reaction(o2.reaction), effect(o2.fn);
         }
       } finally {
-        set_active_effect(n2), set_active_reaction(s2);
+        set_active_effect(n2), set_active_reaction(i2);
       }
     }
     O = t2.p, t2.m = true;
@@ -83,19 +83,19 @@ function pop(e2) {
   return {};
 }
 function is_runes() {
-  return !T || null !== O && null === O.l;
+  return !M || null !== O && null === O.l;
 }
 function proxy(e2, n2) {
   if ("object" != typeof e2 || null === e2 || C in e2) return e2;
-  const s2 = u(e2);
-  if (s2 !== l && s2 !== c) return e2;
-  var i2 = /* @__PURE__ */ new Map(), a2 = t(e2), d2 = state(0), f2 = R, with_parent = (e3) => {
+  const i2 = u(e2);
+  if (i2 !== l && i2 !== c) return e2;
+  var s2 = /* @__PURE__ */ new Map(), a2 = t(e2), d2 = state(0), f2 = R, with_parent = (e3) => {
     var t2, n3 = R;
     return set_active_reaction(f2), t2 = e3(), set_active_reaction(n3), t2;
   };
   return a2 && // We need to create the length source eagerly to ensure that
   // mutations to the array are properly synced with our proxy
-  i2.set("length", state(
+  s2.set("length", state(
     /** @type {any[]} */
     e2.length
   )), new Proxy(
@@ -114,45 +114,45 @@ function proxy(e2, n2) {
         function state_descriptors_fixed() {
           throw new Error("https://svelte.dev/e/state_descriptors_fixed");
         }();
-        var s3 = i2.get(t2);
-        return void 0 === s3 ? (s3 = with_parent(() => state(n3.value)), i2.set(t2, s3)) : set(s3, with_parent(() => proxy(n3.value))), true;
+        var i3 = s2.get(t2);
+        return void 0 === i3 ? (i3 = with_parent(() => state(n3.value)), s2.set(t2, i3)) : set(i3, with_parent(() => proxy(n3.value))), true;
       },
       deleteProperty(e3, t2) {
-        var n3 = i2.get(t2);
-        if (void 0 === n3) t2 in e3 && i2.set(t2, with_parent(() => state(I)));
+        var n3 = s2.get(t2);
+        if (void 0 === n3) t2 in e3 && s2.set(t2, with_parent(() => state(T)));
         else {
           if (a2 && "string" == typeof t2) {
-            var s3 = (
+            var i3 = (
               /** @type {Source<number>} */
-              i2.get("length")
+              s2.get("length")
             ), o2 = Number(t2);
-            Number.isInteger(o2) && o2 < s3.v && set(s3, o2);
+            Number.isInteger(o2) && o2 < i3.v && set(i3, o2);
           }
-          set(n3, I), update_version(d2);
+          set(n3, T), update_version(d2);
         }
         return true;
       },
-      get(t2, n3, s3) {
+      get(t2, n3, i3) {
         var _a2;
         if (n3 === C) return e2;
-        var a3 = i2.get(n3), l2 = n3 in t2;
+        var a3 = s2.get(n3), l2 = n3 in t2;
         if (
           // create a source, but only if it's an own property and not a prototype property
-          void 0 !== a3 || l2 && !((_a2 = o(t2, n3)) == null ? void 0 : _a2.writable) || (a3 = with_parent(() => state(proxy(l2 ? t2[n3] : I))), i2.set(n3, a3)), void 0 !== a3
+          void 0 !== a3 || l2 && !((_a2 = o(t2, n3)) == null ? void 0 : _a2.writable) || (a3 = with_parent(() => state(proxy(l2 ? t2[n3] : T))), s2.set(n3, a3)), void 0 !== a3
         ) {
           var c2 = get$1(a3);
-          return c2 === I ? void 0 : c2;
+          return c2 === T ? void 0 : c2;
         }
-        return Reflect.get(t2, n3, s3);
+        return Reflect.get(t2, n3, i3);
       },
       getOwnPropertyDescriptor(e3, t2) {
         var n3 = Reflect.getOwnPropertyDescriptor(e3, t2);
         if (n3 && "value" in n3) {
-          var s3 = i2.get(t2);
-          s3 && (n3.value = get$1(s3));
+          var i3 = s2.get(t2);
+          i3 && (n3.value = get$1(i3));
         } else if (void 0 === n3) {
-          var o2 = i2.get(t2), a3 = o2 == null ? void 0 : o2.v;
-          if (void 0 !== o2 && a3 !== I) return {
+          var o2 = s2.get(t2), a3 = o2 == null ? void 0 : o2.v;
+          if (void 0 !== o2 && a3 !== T) return {
             enumerable: true,
             configurable: true,
             value: a3,
@@ -164,28 +164,28 @@ function proxy(e2, n2) {
       has(e3, t2) {
         var _a2;
         if (t2 === C) return true;
-        var n3 = i2.get(t2), s3 = void 0 !== n3 && n3.v !== I || Reflect.has(e3, t2);
-        if ((void 0 !== n3 || null !== V && (!s3 || ((_a2 = o(e3, t2)) == null ? void 0 : _a2.writable))) && (void 0 === n3 && (n3 = with_parent(() => state(s3 ? proxy(e3[t2]) : I)), i2.set(t2, n3)), get$1(n3) === I)) return false;
-        return s3;
+        var n3 = s2.get(t2), i3 = void 0 !== n3 && n3.v !== T || Reflect.has(e3, t2);
+        if ((void 0 !== n3 || null !== V && (!i3 || ((_a2 = o(e3, t2)) == null ? void 0 : _a2.writable))) && (void 0 === n3 && (n3 = with_parent(() => state(i3 ? proxy(e3[t2]) : T)), s2.set(t2, n3)), get$1(n3) === T)) return false;
+        return i3;
       },
-      set(e3, t2, n3, s3) {
+      set(e3, t2, n3, i3) {
         var _a2;
-        var l2 = i2.get(t2), c2 = t2 in e3;
+        var l2 = s2.get(t2), c2 = t2 in e3;
         if (a2 && "length" === t2) for (var u2 = n3; u2 < /** @type {Source<number>} */
         l2.v; u2 += 1) {
-          var f3 = i2.get(u2 + "");
-          void 0 !== f3 ? set(f3, I) : u2 in e3 && // If the item exists in the original, we need to create a uninitialized source,
+          var f3 = s2.get(u2 + "");
+          void 0 !== f3 ? set(f3, T) : u2 in e3 && // If the item exists in the original, we need to create a uninitialized source,
           // else a later read of the property would result in a source being created with
           // the value of the original item at that index.
-          (f3 = with_parent(() => state(I)), i2.set(u2 + "", f3));
+          (f3 = with_parent(() => state(T)), s2.set(u2 + "", f3));
         }
-        void 0 === l2 ? c2 && !((_a2 = o(e3, t2)) == null ? void 0 : _a2.writable) || (set(l2 = with_parent(() => state(void 0)), with_parent(() => proxy(n3))), i2.set(t2, l2)) : (c2 = l2.v !== I, set(l2, with_parent(() => proxy(n3))));
+        void 0 === l2 ? c2 && !((_a2 = o(e3, t2)) == null ? void 0 : _a2.writable) || (set(l2 = with_parent(() => state(void 0)), with_parent(() => proxy(n3))), s2.set(t2, l2)) : (c2 = l2.v !== T, set(l2, with_parent(() => proxy(n3))));
         var p2 = Reflect.getOwnPropertyDescriptor(e3, t2);
-        if ((p2 == null ? void 0 : p2.set) && p2.set.call(s3, n3), !c2) {
+        if ((p2 == null ? void 0 : p2.set) && p2.set.call(i3, n3), !c2) {
           if (a2 && "string" == typeof t2) {
             var g2 = (
               /** @type {Source<number>} */
-              i2.get("length")
+              s2.get("length")
             ), _2 = Number(t2);
             Number.isInteger(_2) && _2 >= g2.v && set(g2, _2 + 1);
           }
@@ -196,10 +196,10 @@ function proxy(e2, n2) {
       ownKeys(e3) {
         get$1(d2);
         var t2 = Reflect.ownKeys(e3).filter((e4) => {
-          var t3 = i2.get(e4);
-          return void 0 === t3 || t3.v !== I;
+          var t3 = s2.get(e4);
+          return void 0 === t3 || t3.v !== T;
         });
-        for (var [n3, s3] of i2) s3.v === I || n3 in e3 || t2.push(n3);
+        for (var [n3, i3] of s2) i3.v === T || n3 in e3 || t2.push(n3);
         return t2;
       },
       setPrototypeOf() {
@@ -235,7 +235,7 @@ function mutable_source(e2, t2 = false) {
   const n2 = source(e2);
   return t2 || (n2.equals = safe_equals), // bind the signal to the component context, in case we need to
   // track updates to trigger beforeUpdate/afterUpdate callbacks
-  T && null !== O && null !== O.l && ((_a2 = O.l).s ?? (_a2.s = [])).push(n2), n2;
+  M && null !== O && null !== O.l && ((_a2 = O.l).s ?? (_a2.s = [])).push(n2), n2;
 }
 function set(e2, t2, n2 = false) {
   return null !== R && !U && is_runes() && 18 & R.f && !(K == null ? void 0 : K.includes(e2)) && function state_unsafe_mutation() {
@@ -259,15 +259,15 @@ function internal_set(e2, t2) {
   return t2;
 }
 function update(e2, t2 = 1) {
-  var n2 = get$1(e2), s2 = 1 === t2 ? n2++ : n2--;
-  return set(e2, n2), s2;
+  var n2 = get$1(e2), i2 = 1 === t2 ? n2++ : n2--;
+  return set(e2, n2), i2;
 }
 function mark_reactions(e2, t2) {
   var n2 = e2.reactions;
-  if (null !== n2) for (var s2 = is_runes(), i2 = n2.length, o2 = 0; o2 < i2; o2++) {
+  if (null !== n2) for (var i2 = is_runes(), s2 = n2.length, o2 = 0; o2 < s2; o2++) {
     var a2 = n2[o2], l2 = a2.f;
     l2 & m || // In legacy mode, skip the current effect to prevent infinite loops
-    (s2 || a2 !== V) && (set_signal_status(a2, t2), // If the signal a) was previously clean or b) is an unowned derived, then mark it
+    (i2 || a2 !== V) && (set_signal_status(a2, t2), // If the signal a) was previously clean or b) is an unowned derived, then mark it
     1280 & l2 && (2 & l2 ? mark_reactions(
       /** @type {Derived} */
       a2,
@@ -278,17 +278,17 @@ function mark_reactions(e2, t2) {
     )));
   }
 }
-var P, z, W, j, D;
+var P, z, W, E, j;
 function create_text(e2 = "") {
   return document.createTextNode(e2);
 }
 // @__NO_SIDE_EFFECTS__
 function get_first_child(e2) {
-  return j.call(e2);
+  return E.call(e2);
 }
 // @__NO_SIDE_EFFECTS__
 function get_next_sibling(e2) {
-  return D.call(e2);
+  return j.call(e2);
 }
 function child(e2, t2) {
   return /* @__PURE__ */ get_first_child(e2);
@@ -304,10 +304,10 @@ function first_child(e2, t2) {
   return n2 instanceof Comment && "" === n2.data ? /* @__PURE__ */ get_next_sibling(n2) : n2;
 }
 function sibling(e2, t2 = 1, n2 = false) {
-  let s2 = e2;
-  for (; t2--; ) s2 = /** @type {TemplateNode} */
-  /* @__PURE__ */ get_next_sibling(s2);
-  return s2;
+  let i2 = e2;
+  for (; t2--; ) i2 = /** @type {TemplateNode} */
+  /* @__PURE__ */ get_next_sibling(i2);
+  return i2;
 }
 // @__NO_SIDE_EFFECTS__
 function derived(e2) {
@@ -401,8 +401,8 @@ function validate_effect(e2) {
     throw new Error("https://svelte.dev/e/effect_in_teardown");
   }();
 }
-function create_effect(e2, t2, n2, s2 = true) {
-  var i2 = V, o2 = {
+function create_effect(e2, t2, n2, i2 = true) {
+  var s2 = V, o2 = {
     ctx: O,
     deps: null,
     nodes_start: null,
@@ -412,7 +412,7 @@ function create_effect(e2, t2, n2, s2 = true) {
     fn: t2,
     last: null,
     next: null,
-    parent: i2,
+    parent: s2,
     prev: null,
     teardown: null,
     transitions: null,
@@ -424,10 +424,10 @@ function create_effect(e2, t2, n2, s2 = true) {
     throw destroy_effect(o2), e3;
   }
   else null !== t2 && schedule_effect(o2);
-  if (!(n2 && null === o2.deps && null === o2.first && null === o2.nodes_start && null === o2.teardown && !(1048704 & o2.f)) && s2 && (null !== i2 && function push_effect(e3, t3) {
+  if (!(n2 && null === o2.deps && null === o2.first && null === o2.nodes_start && null === o2.teardown && !(1048704 & o2.f)) && i2 && (null !== s2 && function push_effect(e3, t3) {
     var n3 = t3.last;
     null === n3 ? t3.last = t3.first = e3 : (n3.next = e3, e3.prev = n3, t3.last = e3);
-  }(o2, i2), null !== R && 2 & R.f)) {
+  }(o2, s2), null !== R && 2 & R.f)) {
     var a2 = (
       /** @type {Derived} */
       R
@@ -459,14 +459,14 @@ function legacy_pre_effect(e2, t2) {
   var n2 = (
     /** @type {ComponentContextLegacy} */
     O
-  ), s2 = {
+  ), i2 = {
     effect: null,
     ran: false
   };
-  n2.l.r1.push(s2), s2.effect = render_effect(() => {
+  n2.l.r1.push(i2), i2.effect = render_effect(() => {
     e2(), // If this legacy pre effect has already run before the end of the reset, then
     // bail out to emulate the same behavior.
-    s2.ran || (s2.ran = true, set(n2.l.r2, true), untrack(t2));
+    i2.ran || (i2.ran = true, set(n2.l.r2, true), untrack(t2));
   });
 }
 function legacy_pre_effect_reset() {
@@ -488,8 +488,8 @@ function render_effect(e2) {
   return create_effect(8, e2, true);
 }
 function template_effect(e2, t2 = [], n2 = derived) {
-  const s2 = t2.map(n2);
-  return block(() => e2(...s2.map(get$1)));
+  const i2 = t2.map(n2);
+  return block(() => e2(...i2.map(get$1)));
 }
 function block(e2, t2 = 0) {
   return create_effect(24 | t2, e2, true);
@@ -512,22 +512,22 @@ function execute_effect_teardown(e2) {
 function destroy_effect_children(e2, t2 = false) {
   var n2 = e2.first;
   for (e2.first = e2.last = null; null !== n2; ) {
-    var s2 = n2.next;
+    var i2 = n2.next;
     n2.f & p ? (
       // this is now an independent root
       n2.parent = null
-    ) : destroy_effect(n2, t2), n2 = s2;
+    ) : destroy_effect(n2, t2), n2 = i2;
   }
 }
 function destroy_effect(e2, t2 = true) {
   var n2 = false;
   if ((t2 || 524288 & e2.f) && null !== e2.nodes_start) {
-    for (var s2 = e2.nodes_start, i2 = e2.nodes_end; null !== s2; ) {
-      var o2 = s2 === i2 ? null : (
+    for (var i2 = e2.nodes_start, s2 = e2.nodes_end; null !== i2; ) {
+      var o2 = i2 === s2 ? null : (
         /** @type {TemplateNode} */
-        /* @__PURE__ */ get_next_sibling(s2)
+        /* @__PURE__ */ get_next_sibling(i2)
       );
-      s2.remove(), s2 = o2;
+      i2.remove(), i2 = o2;
     }
     n2 = true;
   }
@@ -541,8 +541,8 @@ function destroy_effect(e2, t2 = true) {
   e2.next = e2.prev = e2.teardown = e2.ctx = e2.deps = e2.fn = e2.nodes_start = e2.nodes_end = null;
 }
 function unlink_effect(e2) {
-  var t2 = e2.parent, n2 = e2.prev, s2 = e2.next;
-  null !== n2 && (n2.next = s2), null !== s2 && (s2.prev = n2), null !== t2 && (t2.first === e2 && (t2.first = s2), t2.last === e2 && (t2.last = n2));
+  var t2 = e2.parent, n2 = e2.prev, i2 = e2.next;
+  null !== n2 && (n2.next = i2), null !== i2 && (i2.prev = n2), null !== t2 && (t2.first === e2 && (t2.first = i2), t2.last === e2 && (t2.last = n2));
 }
 function pause_effect(e2, t2) {
   var n2 = [];
@@ -554,15 +554,15 @@ function run_out_transitions(e2, t2) {
   var n2 = e2.length;
   if (n2 > 0) {
     var check = () => --n2 || t2();
-    for (var s2 of e2) s2.out(check);
+    for (var i2 of e2) i2.out(check);
   } else t2();
 }
 function pause_children(e2, t2, n2) {
   if (!(e2.f & y)) {
-    if (e2.f ^= y, null !== e2.transitions) for (const s3 of e2.transitions) (s3.is_global || n2) && t2.push(s3);
-    for (var s2 = e2.first; null !== s2; ) {
-      var i2 = s2.next;
-      pause_children(s2, t2, !!(!!(s2.f & w) || !!(s2.f & f)) && n2), s2 = i2;
+    if (e2.f ^= y, null !== e2.transitions) for (const i3 of e2.transitions) (i3.is_global || n2) && t2.push(i3);
+    for (var i2 = e2.first; null !== i2; ) {
+      var s2 = i2.next;
+      pause_children(i2, t2, !!(!!(i2.f & w) || !!(i2.f & f)) && n2), i2 = s2;
     }
   }
 }
@@ -577,27 +577,27 @@ function resume_children(e2, t2) {
     // schedule the effect to update
     check_dirtiness(e2) && (set_signal_status(e2, m), schedule_effect(e2));
     for (var n2 = e2.first; null !== n2; ) {
-      var s2 = n2.next;
-      resume_children(n2, !!(!!(n2.f & w) || !!(n2.f & f)) && t2), n2 = s2;
+      var i2 = n2.next;
+      resume_children(n2, !!(!!(n2.f & w) || !!(n2.f & f)) && t2), n2 = i2;
     }
     if (null !== e2.transitions) for (const n3 of e2.transitions) (n3.is_global || t2) && n3.in();
   }
 }
-let N = [], B = [];
+let D = [], N = [];
 function run_micro_tasks() {
-  var e2 = N;
-  N = [], run_all(e2);
+  var e2 = D;
+  D = [], run_all(e2);
 }
 function queue_micro_task(e2) {
-  0 === N.length && queueMicrotask(run_micro_tasks), N.push(e2);
+  0 === D.length && queueMicrotask(run_micro_tasks), D.push(e2);
 }
 function flush_tasks() {
-  N.length > 0 && run_micro_tasks(), B.length > 0 && function run_idle_tasks() {
-    var e2 = B;
-    B = [], run_all(e2);
+  D.length > 0 && run_micro_tasks(), N.length > 0 && function run_idle_tasks() {
+    var e2 = N;
+    N = [], run_all(e2);
   }();
 }
-let E = false, A = false, L = null, G = false, F = false;
+let B = false, A = false, L = null, G = false, F = false;
 function set_is_destroying_effect(e2) {
   F = e2;
 }
@@ -625,15 +625,15 @@ function check_dirtiness(e2) {
   var t2 = e2.f;
   if (t2 & m) return true;
   if (t2 & b) {
-    var n2 = e2.deps, s2 = !!(t2 & _);
+    var n2 = e2.deps, i2 = !!(t2 & _);
     if (null !== n2) {
-      var i2, o2, a2 = !!(t2 & v), l2 = s2 && null !== V && !te, c2 = n2.length;
+      var s2, o2, a2 = !!(t2 & v), l2 = i2 && null !== V && !te, c2 = n2.length;
       if (a2 || l2) {
         var u2 = (
           /** @type {Derived} */
           e2
         ), d2 = u2.parent;
-        for (i2 = 0; i2 < c2; i2++) o2 = n2[i2], // We always re-add all reactions (even duplicates) if the derived was
+        for (s2 = 0; s2 < c2; s2++) o2 = n2[s2], // We always re-add all reactions (even duplicates) if the derived was
         // previously disconnected, however we don't if it was unowned as we
         // de-duplicate dependencies in that case
         !a2 && ((_a2 = o2 == null ? void 0 : o2.reactions) == null ? void 0 : _a2.includes(u2)) || (o2.reactions ?? (o2.reactions = [])).push(u2);
@@ -642,24 +642,24 @@ function check_dirtiness(e2) {
         // flag
         !l2 || null === d2 || d2.f & _ || (u2.f ^= _);
       }
-      for (i2 = 0; i2 < c2; i2++) if (check_dirtiness(o2 = n2[i2]) && update_derived(
+      for (s2 = 0; s2 < c2; s2++) if (check_dirtiness(o2 = n2[s2]) && update_derived(
         /** @type {Derived} */
         o2
       ), o2.wv > e2.wv) return true;
     }
-    s2 && (null === V || te) || set_signal_status(e2, h);
+    i2 && (null === V || te) || set_signal_status(e2, h);
   }
   return false;
 }
-function handle_error(e2, t2, n2, s2) {
-  if (E) {
-    if (null === n2 && (E = false), /**
+function handle_error(e2, t2, n2, i2) {
+  if (B) {
+    if (null === n2 && (B = false), /**
     * @param {Effect} effect
     */
     function should_rethrow_error(e3) {
       return !(e3.f & $ || null !== e3.parent && e3.parent.f & g);
     }(t2)) throw e2;
-  } else null !== n2 && (E = true), function propagate_error(e3, t3) {
+  } else null !== n2 && (B = true), function propagate_error(e3, t3) {
     for (var n3 = t3; null !== n3; ) {
       if (n3.f & g) try {
         return void n3.fn(e3);
@@ -668,13 +668,13 @@ function handle_error(e2, t2, n2, s2) {
       }
       n3 = n3.parent;
     }
-    throw E = false, e3;
+    throw B = false, e3;
   }(e2, t2);
 }
 function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
-  var s2 = e2.reactions;
-  if (null !== s2) for (var i2 = 0; i2 < s2.length; i2++) {
-    var o2 = s2[i2];
+  var i2 = e2.reactions;
+  if (null !== i2) for (var s2 = 0; s2 < i2.length; s2++) {
+    var o2 = i2[s2];
     (K == null ? void 0 : K.includes(e2)) || (2 & o2.f ? schedule_possible_effect_self_invalidation(
       /** @type {Derived} */
       o2,
@@ -688,7 +688,7 @@ function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
 }
 function update_reaction(e2) {
   var _a2;
-  var t2 = Y, n2 = Z, s2 = J, i2 = R, o2 = te, a2 = K, l2 = O, c2 = U, u2 = e2.f;
+  var t2 = Y, n2 = Z, i2 = J, s2 = R, o2 = te, a2 = K, l2 = O, c2 = U, u2 = e2.f;
   Y = /** @type {null | Value[]} */
   null, Z = 0, J = null, te = !!(u2 & _) && (U || !G || null === R), R = 96 & u2 ? null : e2, K = null, set_component_context(e2.ctx), U = false, ee++, e2.f |= k;
   try {
@@ -709,25 +709,25 @@ function update_reaction(e2) {
       /** @type {Effect} */
       e2
     );
-    return null !== i2 && (ee++, null !== J && (null === s2 ? s2 = J : s2.push(.../** @type {Source[]} */
+    return null !== s2 && (ee++, null !== J && (null === i2 ? i2 = J : i2.push(.../** @type {Source[]} */
     J))), d2;
   } finally {
-    Y = t2, Z = n2, J = s2, R = i2, te = o2, K = a2, set_component_context(l2), U = c2, e2.f ^= k;
+    Y = t2, Z = n2, J = i2, R = s2, te = o2, K = a2, set_component_context(l2), U = c2, e2.f ^= k;
   }
 }
 function remove_reaction(e2, t2) {
-  let s2 = t2.reactions;
-  if (null !== s2) {
-    var i2 = n.call(s2, e2);
-    if (-1 !== i2) {
-      var o2 = s2.length - 1;
-      0 === o2 ? s2 = t2.reactions = null : (
+  let i2 = t2.reactions;
+  if (null !== i2) {
+    var s2 = n.call(i2, e2);
+    if (-1 !== s2) {
+      var o2 = i2.length - 1;
+      0 === o2 ? i2 = t2.reactions = null : (
         // Swap with last element and then remove.
-        (s2[i2] = s2[o2], s2.pop())
+        (i2[s2] = i2[o2], i2.pop())
       );
     }
   }
-  null === s2 && 2 & t2.f && // Destroying a child effect while updating a parent effect can cause a dependency to appear
+  null === i2 && 2 & t2.f && // Destroying a child effect while updating a parent effect can cause a dependency to appear
   // to be unused, when in fact it is used by the currently-updating parent. Checking `new_deps`
   // allows us to skip the expensive work of disconnecting and immediately reconnecting it
   (null === Y || !Y.includes(t2)) && (set_signal_status(t2, b), // If we are working with a derived that is owned by an effect, then mark it as being
@@ -744,13 +744,13 @@ function remove_reaction(e2, t2) {
 }
 function remove_reactions(e2, t2) {
   var n2 = e2.deps;
-  if (null !== n2) for (var s2 = t2; s2 < n2.length; s2++) remove_reaction(e2, n2[s2]);
+  if (null !== n2) for (var i2 = t2; i2 < n2.length; i2++) remove_reaction(e2, n2[i2]);
 }
 function update_effect(t2) {
   var n2 = t2.f;
   if (!(n2 & $)) {
     set_signal_status(t2, h);
-    var s2 = V, i2 = O, o2 = G;
+    var i2 = V, s2 = O, o2 = G;
     V = t2, G = true;
     try {
       16 & n2 ? function destroy_block_effect_children(e2) {
@@ -764,9 +764,9 @@ function update_effect(t2) {
       t2.deps;
       e;
     } catch (e2) {
-      handle_error(e2, t2, s2, i2 || t2.ctx);
+      handle_error(e2, t2, i2, s2 || t2.ctx);
     } finally {
-      G = o2, V = s2;
+      G = o2, V = i2;
     }
   }
 }
@@ -786,10 +786,10 @@ function flush_queued_root_effects() {
     var t2 = 0;
     for (G = true; H.length > 0; ) {
       t2++ > 1e3 && infinite_loop_guard();
-      var n2 = H, s2 = n2.length;
+      var n2 = H, i2 = n2.length;
       H = [];
-      for (var i2 = 0; i2 < s2; i2++) {
-        flush_queued_effects(process_effects(n2[i2]));
+      for (var s2 = 0; s2 < i2; s2++) {
+        flush_queued_effects(process_effects(n2[s2]));
       }
     }
   } finally {
@@ -799,22 +799,22 @@ function flush_queued_root_effects() {
 function flush_queued_effects(e2) {
   var t2 = e2.length;
   if (0 !== t2) for (var n2 = 0; n2 < t2; n2++) {
-    var s2 = e2[n2];
-    if (!(24576 & s2.f)) try {
-      check_dirtiness(s2) && (update_effect(s2), // Effects with no dependencies or teardown do not get added to the effect tree.
+    var i2 = e2[n2];
+    if (!(24576 & i2.f)) try {
+      check_dirtiness(i2) && (update_effect(i2), // Effects with no dependencies or teardown do not get added to the effect tree.
       // Deferred effects (e.g. `$effect(...)`) _are_ added to the tree because we
       // don't know if we need to keep them until they are executed. Doing the check
       // here (rather than in `update_effect`) allows us to skip the work for
       // immediate effects.
-      null === s2.deps && null === s2.first && null === s2.nodes_start && (null === s2.teardown ? (
+      null === i2.deps && null === i2.first && null === i2.nodes_start && (null === i2.teardown ? (
         // remove this effect from the graph
-        unlink_effect(s2)
+        unlink_effect(i2)
       ) : (
         // keep the effect in the graph, but free up some memory
-        s2.fn = null
+        i2.fn = null
       )));
     } catch (e3) {
-      handle_error(e3, s2, null, s2.ctx);
+      handle_error(e3, i2, null, i2.ctx);
     }
   }
 }
@@ -831,10 +831,10 @@ function schedule_effect(e2) {
 }
 function process_effects(e2) {
   for (var t2 = [], n2 = e2; null !== n2; ) {
-    var s2 = n2.f, i2 = !!(96 & s2);
-    if (!(i2 && !!(s2 & h) || s2 & y)) {
-      if (4 & s2) t2.push(n2);
-      else if (i2) n2.f ^= h;
+    var i2 = n2.f, s2 = !!(96 & i2);
+    if (!(s2 && !!(i2 & h) || i2 & y)) {
+      if (4 & i2) t2.push(n2);
+      else if (s2) n2.f ^= h;
       else {
         var o2 = R;
         try {
@@ -872,18 +872,18 @@ function get$1(e2) {
       var n2 = (
         /** @type {Derived} */
         e2
-      ), s2 = n2.parent;
-      null === s2 || s2.f & _ || // If the derived is owned by another derived then mark it as unowned
+      ), i2 = n2.parent;
+      null === i2 || i2.f & _ || // If the derived is owned by another derived then mark it as unowned
       // as the derived value might have been referenced in a different context
       // since and thus its parent might not be its true owner anymore
       (n2.f ^= _);
     }
   } else if (!(K == null ? void 0 : K.includes(e2))) {
-    var i2 = R.deps;
+    var s2 = R.deps;
     e2.rv < ee && (e2.rv = ee, // If the signal is accessing the same dependencies in the same
     // order as it did last time, increment `skipped_deps`
     // rather than updating `new_deps`, which creates GC cost
-    null === Y && null !== i2 && i2[Z] === e2 ? Z++ : null === Y ? Y = [e2] : te && Y.includes(e2) || // Normally we can push duplicated dependencies to `new_deps`, but if we're inside
+    null === Y && null !== s2 && s2[Z] === e2 ? Z++ : null === Y ? Y = [e2] : te && Y.includes(e2) || // Normally we can push duplicated dependencies to `new_deps`, but if we're inside
     // an unowned derived because skip_reaction is true, then we need to ensure that
     // we don't have duplicates
     Y.push(e2));
@@ -925,9 +925,9 @@ function deep_read(e2, t2 = /* @__PURE__ */ new Set()) {
     if (n2 !== Object.prototype && n2 !== Array.prototype && n2 !== Map.prototype && n2 !== Set.prototype && n2 !== Date.prototype) {
       const t3 = a(n2);
       for (let n3 in t3) {
-        const s2 = t3[n3].get;
-        if (s2) try {
-          s2.call(e2);
+        const i2 = t3[n3].get;
+        if (i2) try {
+          i2.call(e2);
         } catch (e3) {
         }
       }
@@ -941,7 +941,7 @@ const re = ["beforeinput", "click", "change", "dblclick", "contextmenu", "focusi
 function is_delegated(e2) {
   return re.includes(e2);
 }
-const se = {
+const ie = {
   // no `class: 'className'` because we handle that separately
   formnovalidate: "formNoValidate",
   ismap: "isMap",
@@ -957,11 +957,11 @@ const se = {
   disableremoteplayback: "disableRemotePlayback"
 };
 function normalize_attribute(e2) {
-  return e2 = e2.toLowerCase(), se[e2] ?? e2;
+  return e2 = e2.toLowerCase(), ie[e2] ?? e2;
 }
-const ie = ["touchstart", "touchmove"];
+const se = ["touchstart", "touchmove"];
 function is_passive_event(e2) {
-  return ie.includes(e2);
+  return se.includes(e2);
 }
 function autofocus(e2, t2) {
   if (t2) {
@@ -981,12 +981,12 @@ function without_reactive_context(e2) {
     set_active_reaction(t2), set_active_effect(n2);
   }
 }
-function listen_to_event_and_reset_event(e2, t2, n2, s2 = n2) {
+function listen_to_event_and_reset_event(e2, t2, n2, i2 = n2) {
   e2.addEventListener(t2, () => without_reactive_context(n2));
-  const i2 = e2.__on_r;
-  e2.__on_r = i2 ? () => {
-    i2(), s2(true);
-  } : () => s2(true), function add_form_reset_listener() {
+  const s2 = e2.__on_r;
+  e2.__on_r = s2 ? () => {
+    s2(), i2(true);
+  } : () => i2(true), function add_form_reset_listener() {
     oe || (oe = true, document.addEventListener(
       "reset",
       (e3) => {
@@ -1008,19 +1008,19 @@ function listen_to_event_and_reset_event(e2, t2, n2, s2 = n2) {
   }();
 }
 const ae = /* @__PURE__ */ new Set(), le = /* @__PURE__ */ new Set();
-function create_event(e2, t2, n2, s2 = {}) {
+function create_event(e2, t2, n2, i2 = {}) {
   function target_handler(e3) {
-    if (s2.capture || // Only call in the bubble phase, else delegated events would be called before the capturing events
+    if (i2.capture || // Only call in the bubble phase, else delegated events would be called before the capturing events
     handle_event_propagation.call(t2, e3), !e3.cancelBubble) return without_reactive_context(() => n2 == null ? void 0 : n2.call(this, e3));
   }
   return e2.startsWith("pointer") || e2.startsWith("touch") || "wheel" === e2 ? queue_micro_task(() => {
-    t2.addEventListener(e2, target_handler, s2);
-  }) : t2.addEventListener(e2, target_handler, s2), target_handler;
+    t2.addEventListener(e2, target_handler, i2);
+  }) : t2.addEventListener(e2, target_handler, i2), target_handler;
 }
-function event(e2, t2, n2, s2, i2) {
+function event(e2, t2, n2, i2, s2) {
   var o2 = {
-    capture: s2,
-    passive: i2
+    capture: i2,
+    passive: s2
   }, a2 = create_event(e2, t2, n2, o2);
   t2 !== document.body && t2 !== window && t2 !== document || teardown(() => {
     t2.removeEventListener(e2, a2, o2);
@@ -1032,7 +1032,7 @@ function delegate(e2) {
 }
 function handle_event_propagation(e2) {
   var _a2;
-  var n2 = this, s2 = (
+  var n2 = this, i2 = (
     /** @type {Node} */
     n2.ownerDocument
   ), o2 = e2.type, a2 = ((_a2 = e2.composedPath) == null ? void 0 : _a2.call(e2)) || [], l2 = (
@@ -1051,9 +1051,9 @@ function handle_event_propagation(e2) {
   }
   if ((l2 = /** @type {Element} */
   a2[c2] || e2.target) !== n2) {
-    i(e2, "currentTarget", {
+    s(e2, "currentTarget", {
       configurable: true,
-      get: () => l2 || s2
+      get: () => l2 || i2
     });
     var p2 = R, g2 = V;
     set_active_reaction(null), set_active_effect(null);
@@ -1102,15 +1102,15 @@ function assign_nodes(e2, t2) {
 }
 // @__NO_SIDE_EFFECTS__
 function template(e2, t2) {
-  var n2, s2 = !!(1 & t2), i2 = !!(2 & t2), o2 = !e2.startsWith("<!>");
+  var n2, i2 = !!(1 & t2), s2 = !!(2 & t2), o2 = !e2.startsWith("<!>");
   return () => {
-    void 0 === n2 && (n2 = create_fragment_from_html(o2 ? e2 : "<!>" + e2), s2 || (n2 = /** @type {Node} */
+    void 0 === n2 && (n2 = create_fragment_from_html(o2 ? e2 : "<!>" + e2), i2 || (n2 = /** @type {Node} */
     /* @__PURE__ */ get_first_child(n2)));
     var t3 = (
       /** @type {TemplateNode} */
-      i2 || W ? document.importNode(n2, true) : n2.cloneNode(true)
+      s2 || W ? document.importNode(n2, true) : n2.cloneNode(true)
     );
-    s2 ? assign_nodes(
+    i2 ? assign_nodes(
       /** @type {TemplateNode} */
       /* @__PURE__ */ get_first_child(t3),
       /** @type {TemplateNode} */
@@ -1121,22 +1121,22 @@ function template(e2, t2) {
 }
 // @__NO_SIDE_EFFECTS__
 function ns_template(e2, t2, n2 = "svg") {
-  var s2, i2 = `<${n2}>${!e2.startsWith("<!>") ? e2 : "<!>" + e2}</${n2}>`;
+  var i2, s2 = `<${n2}>${!e2.startsWith("<!>") ? e2 : "<!>" + e2}</${n2}>`;
   return () => {
-    if (!s2) {
+    if (!i2) {
       var e3 = (
         /** @type {Element} */
         /* @__PURE__ */ get_first_child(
           /** @type {DocumentFragment} */
-          create_fragment_from_html(i2)
+          create_fragment_from_html(s2)
         )
       );
-      s2 = /** @type {Element} */
+      i2 = /** @type {Element} */
       /* @__PURE__ */ get_first_child(e3);
     }
     var t3 = (
       /** @type {TemplateNode} */
-      s2.cloneNode(true)
+      i2.cloneNode(true)
     );
     return assign_nodes(t3, t3), t3;
   };
@@ -1165,7 +1165,7 @@ function set_text(e2, t2) {
   (e2.__t = n2, e2.nodeValue = n2 + "");
 }
 function mount(e2, t2) {
-  return function _mount(e3, { target: t3, anchor: n2, props: i2 = {}, events: a2, context: l2, intro: c2 = true }) {
+  return function _mount(e3, { target: t3, anchor: n2, props: s2 = {}, events: a2, context: l2, intro: c2 = true }) {
     !/**
     * Initialize these lazily to avoid issues when using the runtime in a server context
     * where these globals are not available while avoiding a separate server entry point
@@ -1174,8 +1174,8 @@ function mount(e2, t2) {
       if (void 0 === P) {
         P = window, z = document, W = /Firefox/.test(navigator.userAgent);
         var e4 = Element.prototype, t4 = Node.prototype, n3 = Text.prototype;
-        j = o(t4, "firstChild").get, // @ts-ignore
-        D = o(t4, "nextSibling").get, d(e4) && // the following assignments improve perf of lookups on DOM nodes
+        E = o(t4, "firstChild").get, // @ts-ignore
+        j = o(t4, "nextSibling").get, d(e4) && // the following assignments improve perf of lookups on DOM nodes
         // @ts-expect-error
         (e4.__click = void 0, // @ts-expect-error
         e4.__className = void 0, // @ts-expect-error
@@ -1187,25 +1187,25 @@ function mount(e2, t2) {
     }();
     var u2 = /* @__PURE__ */ new Set(), event_handle = (e4) => {
       for (var n3 = 0; n3 < e4.length; n3++) {
-        var s2 = e4[n3];
-        if (!u2.has(s2)) {
-          u2.add(s2);
-          var i3 = is_passive_event(s2);
-          t3.addEventListener(s2, handle_event_propagation, {
-            passive: i3
+        var i2 = e4[n3];
+        if (!u2.has(i2)) {
+          u2.add(i2);
+          var s3 = is_passive_event(i2);
+          t3.addEventListener(i2, handle_event_propagation, {
+            passive: s3
           });
-          var o2 = ue.get(s2);
+          var o2 = ue.get(i2);
           void 0 === o2 ? (
             // The document listener ensures we catch events that originate from elements that were
             // manually moved outside of the container (e.g. via manual portals).
-            (document.addEventListener(s2, handle_event_propagation, {
-              passive: i3
-            }), ue.set(s2, 1))
-          ) : ue.set(s2, o2 + 1);
+            (document.addEventListener(i2, handle_event_propagation, {
+              passive: s3
+            }), ue.set(i2, 1))
+          ) : ue.set(i2, o2 + 1);
         }
       }
     };
-    event_handle(s(ae)), le.add(event_handle);
+    event_handle(i(ae)), le.add(event_handle);
     var f2 = void 0, g2 = (
       /**
       * An effect root whose children can transition out
@@ -1220,25 +1220,25 @@ function mount(e2, t2) {
           }) : (destroy_effect(t4), n3(void 0));
         });
       }(() => {
-        var s2 = n2 ?? t3.appendChild(create_text());
+        var i2 = n2 ?? t3.appendChild(create_text());
         return branch(() => {
           l2 && (push({}), /** @type {ComponentContext} */
           O.c = l2);
           a2 && // We can't spread the object or else we'd lose the state proxy stuff, if it is one
           /** @type {any} */
-          (i2.$$events = a2), ce = c2, // @ts-expect-error the public typings are not what the actual function looks like
-          f2 = e3(s2, i2) || {}, ce = true, l2 && pop();
+          (s2.$$events = a2), ce = c2, // @ts-expect-error the public typings are not what the actual function looks like
+          f2 = e3(i2, s2) || {}, ce = true, l2 && pop();
         }), () => {
           var _a2;
           for (var e4 of u2) {
             t3.removeEventListener(e4, handle_event_propagation);
-            var i3 = (
+            var s3 = (
               /** @type {number} */
               ue.get(e4)
             );
-            0 == --i3 ? (document.removeEventListener(e4, handle_event_propagation), ue.delete(e4)) : ue.set(e4, i3);
+            0 == --s3 ? (document.removeEventListener(e4, handle_event_propagation), ue.delete(e4)) : ue.set(e4, s3);
           }
-          le.delete(event_handle), s2 !== n2 && ((_a2 = s2.parentNode) == null ? void 0 : _a2.removeChild(s2));
+          le.delete(event_handle), i2 !== n2 && ((_a2 = i2.parentNode) == null ? void 0 : _a2.removeChild(i2));
         };
       })
     );
@@ -1247,14 +1247,14 @@ function mount(e2, t2) {
 }
 const ue = /* @__PURE__ */ new Map();
 let de = /* @__PURE__ */ new WeakMap();
-function if_block(e2, t2, [n2, s2] = [0, 0]) {
-  var i2 = e2, o2 = null, a2 = null, l2 = I, c2 = false;
+function if_block(e2, t2, [n2, i2] = [0, 0]) {
+  var s2 = e2, o2 = null, a2 = null, l2 = T, c2 = false;
   const set_branch = (e3, t3 = true) => {
     c2 = true, update_branch(t3, e3);
   }, update_branch = (e3, t3) => {
-    l2 !== (l2 = e3) && (l2 ? (o2 ? resume_effect(o2) : t3 && (o2 = branch(() => t3(i2))), a2 && pause_effect(a2, () => {
+    l2 !== (l2 = e3) && (l2 ? (o2 ? resume_effect(o2) : t3 && (o2 = branch(() => t3(s2))), a2 && pause_effect(a2, () => {
       a2 = null;
-    })) : (a2 ? resume_effect(a2) : t3 && (a2 = branch(() => t3(i2, [n2 + 1, s2]))), o2 && pause_effect(o2, () => {
+    })) : (a2 ? resume_effect(a2) : t3 && (a2 = branch(() => t3(s2, [n2 + 1, i2]))), o2 && pause_effect(o2, () => {
       o2 = null;
     })));
   };
@@ -1269,7 +1269,7 @@ function set_current_each_item(e2) {
 function index(e2, t2) {
   return t2;
 }
-function each(e2, n2, i2, o2, a2, l2 = null) {
+function each(e2, n2, s2, o2, a2, l2 = null) {
   var c2 = e2, u2 = {
     flags: n2,
     items: /* @__PURE__ */ new Map(),
@@ -1278,8 +1278,8 @@ function each(e2, n2, i2, o2, a2, l2 = null) {
   !(4 & n2) || (c2 = /** @type {Element} */
   e2.appendChild(create_text()));
   var d2 = null, f2 = false, p2 = /* @__PURE__ */ derived_safe_equal(() => {
-    var e3 = i2();
-    return t(e3) ? e3 : null == e3 ? [] : s(e3);
+    var e3 = s2();
+    return t(e3) ? e3 : null == e3 ? [] : i(e3);
   });
   block(() => {
     var e3 = get$1(p2), t2 = e3.length;
@@ -1295,7 +1295,7 @@ function each(e2, n2, i2, o2, a2, l2 = null) {
     * @param {() => V[]} get_collection
     * @returns {void}
     */
-    function reconcile(e4, t3, n3, i3, o3, a3, l3) {
+    function reconcile(e4, t3, n3, s3, o3, a3, l3) {
       var _a2, _b2, _c2, _d;
       var c3, u3, d3, f3, p3, g2, _2 = !!(8 & o3), v2 = !!(3 & o3), h2 = e4.length, m2 = t3.items, b2 = t3.first, $2 = b2, w2 = null, x2 = [], k2 = [];
       if (_2) for (g2 = 0; g2 < h2; g2 += 1) f3 = a3(d3 = e4[g2], g2), void 0 !== (p3 = m2.get(f3)) && ((_a2 = p3.a) == null ? void 0 : _a2.measure(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).add(p3));
@@ -1305,10 +1305,10 @@ function each(e2, n2, i2, o2, a2, l2 = null) {
             if (x2.length < k2.length) {
               var C2, S2 = k2[0];
               w2 = S2.prev;
-              var M2 = x2[0], T2 = x2[x2.length - 1];
+              var I2 = x2[0], M2 = x2[x2.length - 1];
               for (C2 = 0; C2 < x2.length; C2 += 1) move(x2[C2], S2, n3);
               for (C2 = 0; C2 < k2.length; C2 += 1) c3.delete(k2[C2]);
-              link(t3, M2.prev, T2.next), link(t3, w2, M2), link(t3, T2, S2), $2 = S2, w2 = T2, g2 -= 1, x2 = [], k2 = [];
+              link(t3, I2.prev, M2.next), link(t3, w2, I2), link(t3, M2, S2), $2 = S2, w2 = M2, g2 -= 1, x2 = [], k2 = [];
             } else
               c3.delete(p3), move(p3, $2, n3), link(t3, p3.prev, p3.next), link(t3, p3, null === w2 ? t3.first : w2.next), link(t3, w2, p3), w2 = p3;
             continue;
@@ -1323,21 +1323,21 @@ function each(e2, n2, i2, o2, a2, l2 = null) {
         w2 = create_item($2 ? (
           /** @type {TemplateNode} */
           $2.e.nodes_start
-        ) : n3, t3, w2, null === w2 ? t3.first : w2.next, d3, f3, g2, i3, o3, l3), m2.set(f3, w2), x2 = [], k2 = [], $2 = w2.next;
+        ) : n3, t3, w2, null === w2 ? t3.first : w2.next, d3, f3, g2, s3, o3, l3), m2.set(f3, w2), x2 = [], k2 = [], $2 = w2.next;
       }
       if (null !== $2 || void 0 !== c3) {
-        for (var I2 = void 0 === c3 ? [] : s(c3); null !== $2; )
-          $2.e.f & y || I2.push($2), $2 = $2.next;
-        var O2 = I2.length;
+        for (var T2 = void 0 === c3 ? [] : i(c3); null !== $2; )
+          $2.e.f & y || T2.push($2), $2 = $2.next;
+        var O2 = T2.length;
         if (O2 > 0) {
           var q2 = 4 & o3 && 0 === h2 ? n3 : null;
           if (_2) {
-            for (g2 = 0; g2 < O2; g2 += 1) (_c2 = I2[g2].a) == null ? void 0 : _c2.measure();
-            for (g2 = 0; g2 < O2; g2 += 1) (_d = I2[g2].a) == null ? void 0 : _d.fix();
+            for (g2 = 0; g2 < O2; g2 += 1) (_c2 = T2[g2].a) == null ? void 0 : _c2.measure();
+            for (g2 = 0; g2 < O2; g2 += 1) (_d = T2[g2].a) == null ? void 0 : _d.fix();
           }
-          !function pause_effects(e5, t4, n4, s2) {
-            for (var i4 = [], o4 = t4.length, a4 = 0; a4 < o4; a4++) pause_children(t4[a4].e, i4, true);
-            var l4 = o4 > 0 && 0 === i4.length && null !== n4;
+          !function pause_effects(e5, t4, n4, i2) {
+            for (var s4 = [], o4 = t4.length, a4 = 0; a4 < o4; a4++) pause_children(t4[a4].e, s4, true);
+            var l4 = o4 > 0 && 0 === s4.length && null !== n4;
             if (l4) {
               var c4 = (
                 /** @type {Element} */
@@ -1349,15 +1349,15 @@ function each(e2, n2, i2, o2, a2, l2 = null) {
               }(c4), c4.append(
                 /** @type {Element} */
                 n4
-              ), s2.clear(), link(e5, t4[0].prev, t4[o4 - 1].next);
+              ), i2.clear(), link(e5, t4[0].prev, t4[o4 - 1].next);
             }
-            run_out_transitions(i4, () => {
+            run_out_transitions(s4, () => {
               for (var n5 = 0; n5 < o4; n5++) {
-                var i5 = t4[n5];
-                l4 || (s2.delete(i5.k), link(e5, i5.prev, i5.next)), destroy_effect(i5.e, !l4);
+                var s5 = t4[n5];
+                l4 || (i2.delete(s5.k), link(e5, s5.prev, s5.next)), destroy_effect(s5.e, !l4);
               }
             });
-          }(t3, I2, q2, m2);
+          }(t3, T2, q2, m2);
         }
       }
       _2 && queue_micro_task(() => {
@@ -1366,7 +1366,7 @@ function each(e2, n2, i2, o2, a2, l2 = null) {
       });
       V.first = t3.first && t3.first.e, /** @type {Effect} */
       V.last = w2 && w2.e;
-    }(e3, u2, c2, a2, n2, o2, i2), null !== l2 && (0 === t2 ? d2 ? resume_effect(d2) : d2 = branch(() => l2(c2)) : null !== d2 && pause_effect(d2, () => {
+    }(e3, u2, c2, a2, n2, o2, s2), null !== l2 && (0 === t2 ? d2 ? resume_effect(d2) : d2 = branch(() => l2(c2)) : null !== d2 && pause_effect(d2, () => {
       d2 = null;
     })), // When we mount the each block for the first time, the collection won't be
     // connected to this effect as the effect hasn't finished running yet and its deps
@@ -1377,15 +1377,15 @@ function each(e2, n2, i2, o2, a2, l2 = null) {
     get$1(p2));
   });
 }
-function update_item(e2, t2, n2, s2) {
-  1 & s2 && internal_set(e2.v, t2), 2 & s2 ? internal_set(
+function update_item(e2, t2, n2, i2) {
+  1 & i2 && internal_set(e2.v, t2), 2 & i2 ? internal_set(
     /** @type {Value<number>} */
     e2.i,
     n2
   ) : e2.i = n2;
 }
-function create_item(e2, t2, n2, s2, i2, o2, a2, l2, c2, u2) {
-  var d2 = fe, f2 = !!(1 & c2) ? !(16 & c2) ? /* @__PURE__ */ mutable_source(i2) : source(i2) : i2, p2 = 2 & c2 ? source(a2) : a2, g2 = {
+function create_item(e2, t2, n2, i2, s2, o2, a2, l2, c2, u2) {
+  var d2 = fe, f2 = !!(1 & c2) ? !(16 & c2) ? /* @__PURE__ */ mutable_source(s2) : source(s2) : s2, p2 = 2 & c2 ? source(a2) : a2, g2 = {
     i: p2,
     v: f2,
     k: o2,
@@ -1393,111 +1393,111 @@ function create_item(e2, t2, n2, s2, i2, o2, a2, l2, c2, u2) {
     // @ts-expect-error
     e: null,
     prev: n2,
-    next: s2
+    next: i2
   };
   fe = g2;
   try {
-    return g2.e = branch(() => l2(e2, f2, p2, u2), false), g2.e.prev = n2 && n2.e, g2.e.next = s2 && s2.e, null === n2 ? t2.first = g2 : (n2.next = g2, n2.e.next = g2.e), null !== s2 && (s2.prev = g2, s2.e.prev = g2.e), g2;
+    return g2.e = branch(() => l2(e2, f2, p2, u2), false), g2.e.prev = n2 && n2.e, g2.e.next = i2 && i2.e, null === n2 ? t2.first = g2 : (n2.next = g2, n2.e.next = g2.e), null !== i2 && (i2.prev = g2, i2.e.prev = g2.e), g2;
   } finally {
     fe = d2;
   }
 }
 function move(e2, t2, n2) {
-  for (var s2 = e2.next ? (
+  for (var i2 = e2.next ? (
     /** @type {TemplateNode} */
     e2.next.e.nodes_start
-  ) : n2, i2 = t2 ? (
+  ) : n2, s2 = t2 ? (
     /** @type {TemplateNode} */
     t2.e.nodes_start
   ) : n2, o2 = (
     /** @type {TemplateNode} */
     e2.e.nodes_start
-  ); o2 !== s2; ) {
+  ); o2 !== i2; ) {
     var a2 = (
       /** @type {TemplateNode} */
       /* @__PURE__ */ get_next_sibling(o2)
     );
-    i2.before(o2), o2 = a2;
+    s2.before(o2), o2 = a2;
   }
 }
 function link(e2, t2, n2) {
   null === t2 ? e2.first = n2 : (t2.next = n2, t2.e.next = n2 && n2.e), null !== n2 && (n2.prev = t2, n2.e.prev = t2 && t2.e);
 }
-function slot(e2, t2, n2, s2, i2) {
+function slot(e2, t2, n2, i2, s2) {
   var _a2;
   var o2 = (_a2 = t2.$$slots) == null ? void 0 : _a2[n2], a2 = false;
-  true === o2 && (o2 = t2["default" === n2 ? "children" : n2], a2 = true), void 0 === o2 ? null !== i2 && i2(e2) : o2(e2, a2 ? () => s2 : s2);
+  true === o2 && (o2 = t2["default" === n2 ? "children" : n2], a2 = true), void 0 === o2 ? null !== s2 && s2(e2) : o2(e2, a2 ? () => i2 : i2);
 }
 function component(e2, t2, n2) {
-  var s2, i2, o2 = e2;
+  var i2, s2, o2 = e2;
   block(() => {
-    s2 !== (s2 = t2()) && (i2 && (pause_effect(i2), i2 = null), s2 && (i2 = branch(() => n2(o2, s2))));
+    i2 !== (i2 = t2()) && (s2 && (pause_effect(s2), s2 = null), i2 && (s2 = branch(() => n2(o2, i2))));
   }, w);
 }
 function r(e2) {
-  var t2, n2, s2 = "";
-  if ("string" == typeof e2 || "number" == typeof e2) s2 += e2;
+  var t2, n2, i2 = "";
+  if ("string" == typeof e2 || "number" == typeof e2) i2 += e2;
   else if ("object" == typeof e2) if (Array.isArray(e2)) {
-    var i2 = e2.length;
-    for (t2 = 0; t2 < i2; t2++) e2[t2] && (n2 = r(e2[t2])) && (s2 && (s2 += " "), s2 += n2);
-  } else for (n2 in e2) e2[n2] && (s2 && (s2 += " "), s2 += n2);
-  return s2;
+    var s2 = e2.length;
+    for (t2 = 0; t2 < s2; t2++) e2[t2] && (n2 = r(e2[t2])) && (i2 && (i2 += " "), i2 += n2);
+  } else for (n2 in e2) e2[n2] && (i2 && (i2 += " "), i2 += n2);
+  return i2;
 }
 function clsx(e2) {
   return "object" == typeof e2 ? function clsx$1() {
-    for (var e3, t2, n2 = 0, s2 = "", i2 = arguments.length; n2 < i2; n2++) (e3 = arguments[n2]) && (t2 = r(e3)) && (s2 && (s2 += " "), s2 += t2);
-    return s2;
+    for (var e3, t2, n2 = 0, i2 = "", s2 = arguments.length; n2 < s2; n2++) (e3 = arguments[n2]) && (t2 = r(e3)) && (i2 && (i2 += " "), i2 += t2);
+    return i2;
   }(e2) : e2 ?? "";
 }
 const pe = [..." 	\n\r\f \v\uFEFF"];
 function append_styles(e2, t2 = false) {
-  var n2 = t2 ? " !important;" : ";", s2 = "";
-  for (var i2 in e2) {
-    var o2 = e2[i2];
-    null != o2 && "" !== o2 && (s2 += " " + i2 + ": " + o2 + n2);
+  var n2 = t2 ? " !important;" : ";", i2 = "";
+  for (var s2 in e2) {
+    var o2 = e2[s2];
+    null != o2 && "" !== o2 && (i2 += " " + s2 + ": " + o2 + n2);
   }
-  return s2;
+  return i2;
 }
 function to_css_name(e2) {
   return "-" !== e2[0] || "-" !== e2[1] ? e2.toLowerCase() : e2;
 }
-function set_class(e2, t2, n2, s2, i2, o2) {
+function set_class(e2, t2, n2, i2, s2, o2) {
   var a2 = e2.__className;
   if (a2 !== n2 || void 0 === a2) {
     var l2 = function to_class(e3, t3, n3) {
-      var s3 = null == e3 ? "" : "" + e3;
-      if (t3 && (s3 = s3 ? s3 + " " + t3 : t3), n3) {
-        for (var i3 in n3) if (n3[i3]) s3 = s3 ? s3 + " " + i3 : i3;
-        else if (s3.length) for (var o3 = i3.length, a3 = 0; (a3 = s3.indexOf(i3, a3)) >= 0; ) {
+      var i3 = null == e3 ? "" : "" + e3;
+      if (t3 && (i3 = i3 ? i3 + " " + t3 : t3), n3) {
+        for (var s3 in n3) if (n3[s3]) i3 = i3 ? i3 + " " + s3 : s3;
+        else if (i3.length) for (var o3 = s3.length, a3 = 0; (a3 = i3.indexOf(s3, a3)) >= 0; ) {
           var l3 = a3 + o3;
-          0 !== a3 && !pe.includes(s3[a3 - 1]) || l3 !== s3.length && !pe.includes(s3[l3]) ? a3 = l3 : s3 = (0 === a3 ? "" : s3.substring(0, a3)) + s3.substring(l3 + 1);
+          0 !== a3 && !pe.includes(i3[a3 - 1]) || l3 !== i3.length && !pe.includes(i3[l3]) ? a3 = l3 : i3 = (0 === a3 ? "" : i3.substring(0, a3)) + i3.substring(l3 + 1);
         }
       }
-      return "" === s3 ? null : s3;
-    }(n2, s2, o2);
+      return "" === i3 ? null : i3;
+    }(n2, i2, o2);
     null == l2 ? e2.removeAttribute("class") : t2 ? e2.className = l2 : e2.setAttribute("class", l2), // @ts-expect-error need to add __className to patched prototype
     e2.__className = n2;
-  } else if (o2 && i2 !== o2) for (var c2 in o2) {
+  } else if (o2 && s2 !== o2) for (var c2 in o2) {
     var u2 = !!o2[c2];
-    null != i2 && u2 === !!i2[c2] || e2.classList.toggle(c2, u2);
+    null != s2 && u2 === !!s2[c2] || e2.classList.toggle(c2, u2);
   }
   return o2;
 }
-function update_styles(e2, t2 = {}, n2, s2) {
-  for (var i2 in n2) {
-    var o2 = n2[i2];
-    t2[i2] !== o2 && (null == n2[i2] ? e2.style.removeProperty(i2) : e2.style.setProperty(i2, o2, s2));
+function update_styles(e2, t2 = {}, n2, i2) {
+  for (var s2 in n2) {
+    var o2 = n2[s2];
+    t2[s2] !== o2 && (null == n2[s2] ? e2.style.removeProperty(s2) : e2.style.setProperty(s2, o2, i2));
   }
 }
-function set_style(e2, t2, n2, s2) {
+function set_style(e2, t2, n2, i2) {
   if (e2.__style !== t2) {
-    var i2 = function to_style(e3, t3) {
+    var s2 = function to_style(e3, t3) {
       if (t3) {
-        var n3, s3, i3 = "";
-        if (Array.isArray(t3) ? (n3 = t3[0], s3 = t3[1]) : n3 = t3, e3) {
+        var n3, i3, s3 = "";
+        if (Array.isArray(t3) ? (n3 = t3[0], i3 = t3[1]) : n3 = t3, e3) {
           e3 = String(e3).replaceAll(/\s*\/\*.*?\*\/\s*/g, "").trim();
           var o2 = false, a2 = 0, l2 = false, c2 = [];
-          n3 && c2.push(...Object.keys(n3).map(to_css_name)), s3 && c2.push(...Object.keys(s3).map(to_css_name));
+          n3 && c2.push(...Object.keys(n3).map(to_css_name)), i3 && c2.push(...Object.keys(i3).map(to_css_name));
           var u2 = 0, d2 = -1;
           const t4 = e3.length;
           for (var f2 = 0; f2 < t4; f2++) {
@@ -1507,21 +1507,21 @@ function set_style(e2, t2, n2, s2) {
               else if (";" === p2 || f2 === t4 - 1) {
                 if (-1 !== d2) {
                   var g2 = to_css_name(e3.substring(u2, d2).trim());
-                  c2.includes(g2) || (";" !== p2 && f2++, i3 += " " + e3.substring(u2, f2).trim() + ";");
+                  c2.includes(g2) || (";" !== p2 && f2++, s3 += " " + e3.substring(u2, f2).trim() + ";");
                 }
                 u2 = f2 + 1, d2 = -1;
               }
             }
           }
         }
-        return n3 && (i3 += append_styles(n3)), s3 && (i3 += append_styles(s3, true)), "" === (i3 = i3.trim()) ? null : i3;
+        return n3 && (s3 += append_styles(n3)), i3 && (s3 += append_styles(i3, true)), "" === (s3 = s3.trim()) ? null : s3;
       }
       return null == e3 ? null : String(e3);
-    }(t2, s2);
-    null == i2 ? e2.removeAttribute("style") : e2.style.cssText = i2, // @ts-expect-error
+    }(t2, i2);
+    null == s2 ? e2.removeAttribute("style") : e2.style.cssText = s2, // @ts-expect-error
     e2.__style = t2;
-  } else s2 && (Array.isArray(s2) ? (update_styles(e2, n2 == null ? void 0 : n2[0], s2[0]), update_styles(e2, n2 == null ? void 0 : n2[1], s2[1], "important")) : update_styles(e2, n2, s2));
-  return s2;
+  } else i2 && (Array.isArray(i2) ? (update_styles(e2, n2 == null ? void 0 : n2[0], i2[0]), update_styles(e2, n2 == null ? void 0 : n2[1], i2[1], "important")) : update_styles(e2, n2, i2));
+  return i2;
 }
 const ge = Symbol("class"), _e = Symbol("style"), ve = Symbol("is custom element"), he = Symbol("is html");
 function set_selected(e2, t2) {
@@ -1531,18 +1531,18 @@ function set_selected(e2, t2) {
     e2.hasAttribute("selected") || e2.setAttribute("selected", "")
   ) : e2.removeAttribute("selected");
 }
-function set_attribute(e2, t2, n2, s2) {
-  var i2 = get_attributes(e2);
-  i2[t2] !== (i2[t2] = n2) && ("loading" === t2 && // @ts-expect-error
-  (e2[M] = n2), null == n2 ? e2.removeAttribute(t2) : "string" != typeof n2 && get_setters(e2).includes(t2) ? (
+function set_attribute(e2, t2, n2, i2) {
+  var s2 = get_attributes(e2);
+  s2[t2] !== (s2[t2] = n2) && ("loading" === t2 && // @ts-expect-error
+  (e2[I] = n2), null == n2 ? e2.removeAttribute(t2) : "string" != typeof n2 && get_setters(e2).includes(t2) ? (
     // @ts-ignore
     e2[t2] = n2
   ) : e2.setAttribute(t2, n2));
 }
-function set_attributes(e2, t2, n2, s2, i2 = false) {
+function set_attributes(e2, t2, n2, i2, s2 = false) {
   var o2 = get_attributes(e2), a2 = o2[ve], l2 = !o2[he], c2 = t2 || {}, u2 = "OPTION" === e2.tagName;
   for (var d2 in t2) d2 in n2 || (n2[d2] = null);
-  n2.class ? n2.class = clsx(n2.class) : (s2 || n2[ge]) && (n2.class = null), n2[_e] && (n2.style ?? (n2.style = null));
+  n2.class ? n2.class = clsx(n2.class) : (i2 || n2[ge]) && (n2.class = null), n2[_e] && (n2.style ?? (n2.style = null));
   var f2 = get_setters(e2);
   for (const m2 in n2) {
     let b2 = n2[m2];
@@ -1611,7 +1611,7 @@ function set_attributes(e2, t2, n2, s2, i2 = false) {
           e2.value = e2.__value = b2;
       }
     } else set_style(e2, b2, t2 == null ? void 0 : t2[_e], n2[_e]), c2[m2] = b2, c2[_e] = n2[_e];
-    else set_class(e2, "http://www.w3.org/1999/xhtml" === e2.namespaceURI, b2, s2, t2 == null ? void 0 : t2[ge], n2[ge]), c2[m2] = b2, c2[ge] = n2[ge];
+    else set_class(e2, "http://www.w3.org/1999/xhtml" === e2.namespaceURI, b2, i2, t2 == null ? void 0 : t2[ge], n2[ge]), c2[m2] = b2, c2[ge] = n2[ge];
   }
   return c2;
 }
@@ -1626,9 +1626,9 @@ function get_setters(e2) {
   var t2, n2 = me.get(e2.nodeName);
   if (n2) return n2;
   me.set(e2.nodeName, n2 = []);
-  for (var s2 = e2, i2 = Element.prototype; i2 !== s2; ) {
-    for (var o2 in t2 = a(s2)) t2[o2].set && n2.push(o2);
-    s2 = u(s2);
+  for (var i2 = e2, s2 = Element.prototype; s2 !== i2; ) {
+    for (var o2 in t2 = a(i2)) t2[o2].set && n2.push(o2);
+    i2 = u(i2);
   }
   return n2;
 }
@@ -1667,20 +1667,20 @@ function css_property_to_camelcase(e2) {
 function css_to_keyframe(e2) {
   const t2 = {}, n2 = e2.split(";");
   for (const e3 of n2) {
-    const [n3, s2] = e3.split(":");
-    if (!n3 || void 0 === s2) break;
-    t2[css_property_to_camelcase(n3.trim())] = s2.trim();
+    const [n3, i2] = e3.split(":");
+    if (!n3 || void 0 === i2) break;
+    t2[css_property_to_camelcase(n3.trim())] = i2.trim();
   }
   return t2;
 }
 const linear$1 = (e2) => e2;
-function transition(e2, t2, n2, s2) {
-  var i2, o2, a2, l2 = !!(1 & e2), c2 = !!(2 & e2), u2 = !!(4 & e2), d2 = l2 && c2 ? "both" : l2 ? "in" : "out", f2 = t2.inert, p2 = t2.style.overflow;
+function transition(e2, t2, n2, i2) {
+  var s2, o2, a2, l2 = !!(1 & e2), c2 = !!(2 & e2), u2 = !!(4 & e2), d2 = l2 && c2 ? "both" : l2 ? "in" : "out", f2 = t2.inert, p2 = t2.style.overflow;
   function get_options() {
     var e3 = R, o3 = V;
     set_active_reaction(null), set_active_effect(null);
     try {
-      return i2 ?? (i2 = n2()(t2, (s2 == null ? void 0 : s2()) ?? /** @type {P} */
+      return s2 ?? (s2 = n2()(t2, (i2 == null ? void 0 : i2()) ?? /** @type {P} */
       {}, {
         direction: d2
       }));
@@ -1697,11 +1697,11 @@ function transition(e2, t2, n2, s2) {
       // if it's not a bidirectional transition
       (o2 == null ? void 0 : o2.abort()), dispatch_event(t2, "introstart"), o2 = animate(t2, get_options(), a2, 1, () => {
         dispatch_event(t2, "introend"), // Ensure we cancel the animation to prevent leaking
-        o2 == null ? void 0 : o2.abort(), o2 = i2 = void 0, t2.style.overflow = p2;
+        o2 == null ? void 0 : o2.abort(), o2 = s2 = void 0, t2.style.overflow = p2;
       });
     },
     out(e3) {
-      if (!c2) return e3 == null ? void 0 : e3(), void (i2 = void 0);
+      if (!c2) return e3 == null ? void 0 : e3(), void (s2 = void 0);
       t2.inert = true, dispatch_event(t2, "outrostart"), a2 = animate(t2, get_options(), o2, 0, () => {
         dispatch_event(t2, "outroend"), e3 == null ? void 0 : e3();
       });
@@ -1727,8 +1727,8 @@ function transition(e2, t2, n2, s2) {
     });
   }
 }
-function animate(e2, t2, n2, s2, i2) {
-  var o2 = 1 === s2;
+function animate(e2, t2, n2, i2, s2) {
+  var o2 = 1 === i2;
   if (is_function(t2)) {
     var a2, l2 = false;
     return queue_micro_task(() => {
@@ -1736,7 +1736,7 @@ function animate(e2, t2, n2, s2, i2) {
         var c3 = t2({
           direction: o2 ? "in" : "out"
         });
-        a2 = animate(e2, c3, n2, s2, i2);
+        a2 = animate(e2, c3, n2, i2, s2);
       }
     }), {
       abort: () => {
@@ -1747,11 +1747,11 @@ function animate(e2, t2, n2, s2, i2) {
       t: () => a2.t()
     };
   }
-  if (n2 == null ? void 0 : n2.deactivate(), !(t2 == null ? void 0 : t2.duration)) return i2(), {
+  if (n2 == null ? void 0 : n2.deactivate(), !(t2 == null ? void 0 : t2.duration)) return s2(), {
     abort: noop,
     deactivate: noop,
     reset: noop,
-    t: () => s2
+    t: () => i2
   };
   const { delay: c2 = 0, css: u2, tick: d2, easing: f2 = linear$1 } = t2;
   var p2 = [];
@@ -1759,13 +1759,13 @@ function animate(e2, t2, n2, s2, i2) {
     var g2 = css_to_keyframe(u2(0, 1));
     p2.push(g2, g2);
   }
-  var get_t = () => 1 - s2, _2 = e2.animate(p2, {
+  var get_t = () => 1 - i2, _2 = e2.animate(p2, {
     duration: c2
   });
   return _2.onfinish = () => {
-    var o3 = (n2 == null ? void 0 : n2.t()) ?? 1 - s2;
+    var o3 = (n2 == null ? void 0 : n2.t()) ?? 1 - i2;
     n2 == null ? void 0 : n2.abort();
-    var a3 = s2 - o3, l3 = (
+    var a3 = i2 - o3, l3 = (
       /** @type {number} */
       t2.duration * Math.abs(a3)
     ), c3 = [];
@@ -1807,7 +1807,7 @@ function animate(e2, t2, n2, s2, i2) {
       duration: l3,
       fill: "forwards"
     })).onfinish = () => {
-      get_t = () => s2, d2 == null ? void 0 : d2(s2, 1 - s2), i2();
+      get_t = () => i2, d2 == null ? void 0 : d2(i2, 1 - i2), s2();
     };
   }, {
     abort: () => {
@@ -1818,10 +1818,10 @@ function animate(e2, t2, n2, s2, i2) {
       _2.onfinish = noop);
     },
     deactivate: () => {
-      i2 = noop;
+      s2 = noop;
     },
     reset: () => {
-      0 === s2 && (d2 == null ? void 0 : d2(1, 0));
+      0 === i2 && (d2 == null ? void 0 : d2(1, 0));
     },
     t: () => get_t()
   };
@@ -1879,19 +1879,19 @@ var ye = new ResizeObserverSingleton({
 function is_bound_this(e2, t2) {
   return e2 === t2 || (e2 == null ? void 0 : e2[C]) === t2;
 }
-function bind_this(e2 = {}, t2, n2, s2) {
+function bind_this(e2 = {}, t2, n2, i2) {
   return effect(() => {
-    var s3, i2;
+    var i3, s2;
     return render_effect(() => {
-      s3 = i2, // We only track changes to the parts, not the value itself to avoid unnecessary reruns.
-      i2 = [], untrack(() => {
-        e2 !== n2(...i2) && (t2(e2, ...i2), // If this is an effect rerun (cause: each block context changes), then nullfiy the binding at
+      i3 = s2, // We only track changes to the parts, not the value itself to avoid unnecessary reruns.
+      s2 = [], untrack(() => {
+        e2 !== n2(...s2) && (t2(e2, ...s2), // If this is an effect rerun (cause: each block context changes), then nullfiy the binding at
         // the previous position if it isn't already taken over by a different effect.
-        s3 && is_bound_this(n2(...s3), e2) && t2(null, ...s3));
+        i3 && is_bound_this(n2(...i3), e2) && t2(null, ...i3));
       });
     }), () => {
       queue_micro_task(() => {
-        i2 && is_bound_this(n2(...i2), e2) && t2(null, ...i2);
+        s2 && is_bound_this(n2(...s2), e2) && t2(null, ...s2);
       });
     };
   }), e2;
@@ -1908,13 +1908,13 @@ function init(e2 = false) {
       /** @type {Record<string, any>} */
       {}
     );
-    const s2 = /* @__PURE__ */ derived(() => {
-      let s3 = false;
-      const i2 = t2.s;
-      for (const e4 in i2) i2[e4] !== n3[e4] && (n3[e4] = i2[e4], s3 = true);
-      return s3 && e3++, e3;
+    const i2 = /* @__PURE__ */ derived(() => {
+      let i3 = false;
+      const s2 = t2.s;
+      for (const e4 in s2) s2[e4] !== n3[e4] && (n3[e4] = s2[e4], i3 = true);
+      return i3 && e3++, e3;
     });
-    props = () => get$1(s2);
+    props = () => get$1(i2);
   }
   n2.b.length && function user_pre_effect(e3) {
     return validate_effect(), render_effect(e3);
@@ -1938,21 +1938,21 @@ function observe_all(e2, t2) {
 function subscribe_to_store(e2, t2, n2) {
   if (null == e2)
     return t2(void 0), noop;
-  const s2 = untrack(() => e2.subscribe(
+  const i2 = untrack(() => e2.subscribe(
     t2,
     // @ts-expect-error
     n2
   ));
-  return s2.unsubscribe ? () => s2.unsubscribe() : s2;
+  return i2.unsubscribe ? () => i2.unsubscribe() : i2;
 }
 const $e = [];
 function writable(e2, t2 = noop) {
   let n2 = null;
-  const s2 = /* @__PURE__ */ new Set();
+  const i2 = /* @__PURE__ */ new Set();
   function set2(t3) {
     if (safe_not_equal(e2, t3) && (e2 = t3, n2)) {
       const t4 = !$e.length;
-      for (const t5 of s2) t5[1](), $e.push(t5, e2);
+      for (const t5 of i2) t5[1](), $e.push(t5, e2);
       if (t4) {
         for (let e3 = 0; e3 < $e.length; e3 += 2) $e[e3][0]($e[e3 + 1]);
         $e.length = 0;
@@ -1968,13 +1968,13 @@ function writable(e2, t2 = noop) {
   return {
     set: set2,
     update: update2,
-    subscribe: function subscribe(i2, o2 = noop) {
-      const a2 = [i2, o2];
-      return s2.add(a2), 1 === s2.size && (n2 = t2(set2, update2) || noop), i2(
+    subscribe: function subscribe(s2, o2 = noop) {
+      const a2 = [s2, o2];
+      return i2.add(a2), 1 === i2.size && (n2 = t2(set2, update2) || noop), s2(
         /** @type {T} */
         e2
       ), () => {
-        s2.delete(a2), 0 === s2.size && n2 && (n2(), n2 = null);
+        i2.delete(a2), 0 === i2.size && n2 && (n2(), n2 = null);
       };
     }
   };
@@ -1985,24 +1985,24 @@ function get(e2) {
 }
 let we = false, xe = Symbol();
 function store_get(e2, t2, n2) {
-  const s2 = n2[t2] ?? (n2[t2] = {
+  const i2 = n2[t2] ?? (n2[t2] = {
     store: null,
     source: /* @__PURE__ */ mutable_source(void 0),
     unsubscribe: noop
   });
-  if (s2.store !== e2 && !(xe in n2)) if (s2.unsubscribe(), s2.store = e2 ?? null, null == e2) s2.source.v = void 0, // see synchronous callback comment below
-  s2.unsubscribe = noop;
+  if (i2.store !== e2 && !(xe in n2)) if (i2.unsubscribe(), i2.store = e2 ?? null, null == e2) i2.source.v = void 0, // see synchronous callback comment below
+  i2.unsubscribe = noop;
   else {
-    var i2 = true;
-    s2.unsubscribe = subscribe_to_store(e2, (e3) => {
-      i2 ? (
+    var s2 = true;
+    i2.unsubscribe = subscribe_to_store(e2, (e3) => {
+      s2 ? (
         // If the first updates to the store value (possibly multiple of them) are synchronously
         // inside a derived, we will hit the `state_unsafe_mutation` error if we `set` the value
-        s2.source.v = e3
-      ) : set(s2.source, e3);
-    }), i2 = false;
+        i2.source.v = e3
+      ) : set(i2.source, e3);
+    }), s2 = false;
   }
-  return e2 && xe in n2 ? get(e2) : get$1(s2.source);
+  return e2 && xe in n2 ? get(e2) : get$1(i2.source);
 }
 function store_set(e2, t2) {
   return e2.set(t2), t2;
@@ -2014,7 +2014,7 @@ function setup_stores() {
       for (var t2 in e2) {
         e2[t2].unsubscribe();
       }
-      i(e2, xe, {
+      s(e2, xe, {
         enumerable: false,
         value: true
       });
@@ -2063,16 +2063,16 @@ const Ce = {
   get(e2, t2) {
     let n2 = e2.props.length;
     for (; n2--; ) {
-      let s2 = e2.props[n2];
-      if (is_function(s2) && (s2 = s2()), "object" == typeof s2 && null !== s2 && t2 in s2) return s2[t2];
+      let i2 = e2.props[n2];
+      if (is_function(i2) && (i2 = i2()), "object" == typeof i2 && null !== i2 && t2 in i2) return i2[t2];
     }
   },
   set(e2, t2, n2) {
-    let s2 = e2.props.length;
-    for (; s2--; ) {
-      let i2 = e2.props[s2];
-      is_function(i2) && (i2 = i2());
-      const a2 = o(i2, t2);
+    let i2 = e2.props.length;
+    for (; i2--; ) {
+      let s2 = e2.props[i2];
+      is_function(s2) && (s2 = s2());
+      const a2 = o(s2, t2);
       if (a2 && a2.set) return a2.set(n2), true;
     }
     return false;
@@ -2080,9 +2080,9 @@ const Ce = {
   getOwnPropertyDescriptor(e2, t2) {
     let n2 = e2.props.length;
     for (; n2--; ) {
-      let s2 = e2.props[n2];
-      if (is_function(s2) && (s2 = s2()), "object" == typeof s2 && null !== s2 && t2 in s2) {
-        const e3 = o(s2, t2);
+      let i2 = e2.props[n2];
+      if (is_function(i2) && (i2 = i2()), "object" == typeof i2 && null !== i2 && t2 in i2) {
+        const e3 = o(i2, t2);
         return e3 && !e3.configurable && // Prevent a "Non-configurability Report Error": The target is an array, it does
         // not actually contain this property. If it is now described as non-configurable,
         // the proxy throws a validation error. Setting it to true avoids that.
@@ -2113,10 +2113,10 @@ function has_destroyed_component_ctx(e2) {
   var _a2;
   return ((_a2 = e2.ctx) == null ? void 0 : _a2.d) ?? false;
 }
-function prop(e2, t2, n2, s2) {
+function prop(e2, t2, n2, i2) {
   var _a2;
-  var i2, a2 = !!(1 & n2), l2 = !T || !!(2 & n2), c2 = !!(8 & n2), u2 = !!(16 & n2), d2 = false;
-  c2 ? [i2, d2] = function capture_store_binding(e3) {
+  var s2, a2 = !!(1 & n2), l2 = !M || !!(2 & n2), c2 = !!(8 & n2), u2 = !!(16 & n2), d2 = false;
+  c2 ? [s2, d2] = function capture_store_binding(e3) {
     var t3 = we;
     try {
       return we = false, [e3(), we];
@@ -2126,21 +2126,21 @@ function prop(e2, t2, n2, s2) {
   }(() => (
     /** @type {V} */
     e2[t2]
-  )) : i2 = /** @type {V} */
+  )) : s2 = /** @type {V} */
   e2[t2];
   var f2, p2 = C in e2 || S in e2, g2 = c2 && (((_a2 = o(e2, t2)) == null ? void 0 : _a2.set) ?? (p2 && t2 in e2 && ((n3) => e2[t2] = n3))) || void 0, _2 = (
     /** @type {V} */
-    s2
+    i2
   ), v2 = true, h2 = false, get_fallback = () => (h2 = true, v2 && (v2 = false, _2 = u2 ? untrack(
     /** @type {() => V} */
-    s2
+    i2
   ) : (
     /** @type {V} */
-    s2
+    i2
   )), _2);
-  if (void 0 === i2 && void 0 !== s2 && (g2 && l2 && function props_invalid_value(e3) {
+  if (void 0 === s2 && void 0 !== i2 && (g2 && l2 && function props_invalid_value(e3) {
     throw new Error("https://svelte.dev/e/props_invalid_value");
-  }(), i2 = get_fallback(), g2 && g2(i2)), l2) f2 = () => {
+  }(), s2 = get_fallback(), g2 && g2(s2)), l2) f2 = () => {
     var n3 = (
       /** @type {V} */
       e2[t2]
@@ -2172,7 +2172,7 @@ function prop(e2, t2, n2, s2) {
       ) : f2();
     };
   }
-  var y2 = false, $2 = /* @__PURE__ */ mutable_source(i2), w2 = /* @__PURE__ */ derived(() => {
+  var y2 = false, $2 = /* @__PURE__ */ mutable_source(s2), w2 = /* @__PURE__ */ derived(() => {
     var e3 = f2(), t3 = get$1($2);
     return y2 ? (y2 = false, t3) : $2.v = e3;
   });
@@ -2191,7 +2191,7 @@ function prop(e2, t2, n2, s2) {
   };
 }
 function onMount(e2) {
-  null === O && lifecycle_outside_component(), T && null !== O.l ? (
+  null === O && lifecycle_outside_component(), M && null !== O.l ? (
     /**
     * Legacy-mode: Init callbacks object for onMount/beforeUpdate/afterUpdate
     * @param {ComponentContext} context
@@ -2214,7 +2214,7 @@ function onMount(e2) {
 }
 "undefined" != typeof window && // @ts-expect-error
 ((_a = window.__svelte ?? (window.__svelte = {})).v ?? (_a.v = /* @__PURE__ */ new Set())).add("5"), function enable_legacy_mode_flag() {
-  T = true;
+  M = true;
 }();
 /**
  * @license lucide-svelte v0.476.0 - ISC
@@ -2247,18 +2247,18 @@ const Se = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-var Me = /* @__PURE__ */ ns_template("<svg><!><!></svg>");
+var Ie = /* @__PURE__ */ ns_template("<svg><!><!></svg>");
 function Icon$1(e2, t2) {
-  const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]), s2 = legacy_rest_props(n2, ["name", "color", "size", "strokeWidth", "absoluteStrokeWidth", "iconNode"]);
+  const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]), i2 = legacy_rest_props(n2, ["name", "color", "size", "strokeWidth", "absoluteStrokeWidth", "iconNode"]);
   push(t2, false);
-  let i2 = prop(t2, "name", 8, void 0), o2 = prop(t2, "color", 8, "currentColor"), a2 = prop(t2, "size", 8, 24), l2 = prop(t2, "strokeWidth", 8, 2), c2 = prop(t2, "absoluteStrokeWidth", 8, false), u2 = prop(t2, "iconNode", 24, () => []);
+  let s2 = prop(t2, "name", 8, void 0), o2 = prop(t2, "color", 8, "currentColor"), a2 = prop(t2, "size", 8, 24), l2 = prop(t2, "strokeWidth", 8, 2), c2 = prop(t2, "absoluteStrokeWidth", 8, false), u2 = prop(t2, "iconNode", 24, () => []);
   init();
-  var d2 = Me();
+  var d2 = Ie();
   let f2;
   var p2 = child(d2);
   each(p2, 1, u2, index, (e3, t3) => {
     var n3 = comment();
-    !function element(e4, t4, n4, s3, i3, o3) {
+    !function element(e4, t4, n4, i3, s3, o3) {
       var a3, l3, c3, u3 = null, d3 = (
         /** @type {TemplateNode} */
         e4
@@ -2279,32 +2279,32 @@ function Icon$1(e2, t2) {
             // tag is changing — destroy immediately, render contents without intro transitions
             (destroy_effect(c3), set_should_intro(false))
           )), e5 && e5 !== l3 && (c3 = branch(() => {
-            if (assign_nodes(u3 = document.createElementNS("http://www.w3.org/2000/svg", e5), u3), s3) {
+            if (assign_nodes(u3 = document.createElementNS("http://www.w3.org/2000/svg", e5), u3), i3) {
               var t5 = (
                 /** @type {TemplateNode} */
                 u3.appendChild(create_text())
               );
-              s3(u3, t5);
+              i3(u3, t5);
             }
             V.nodes_end = u3, d3.before(u3);
           })), (a3 = e5) && (l3 = a3), set_should_intro(true), set_current_each_item(n5);
         }
       }, w);
     }(first_child(n3), () => get$1(t3)[0], 0, (e4, n4) => {
-      let s3;
-      template_effect(() => s3 = set_attributes(e4, s3, {
+      let i3;
+      template_effect(() => i3 = set_attributes(e4, i3, {
         ...get$1(t3)[1]
       }));
     }), append(e3, n3);
   }), slot(sibling(p2), t2, "default", {}, null), template_effect((e3, t3) => f2 = set_attributes(d2, f2, {
     ...Se,
-    ...s2,
+    ...i2,
     width: a2(),
     height: a2(),
     stroke: o2(),
     "stroke-width": e3,
     class: t3
-  }), [() => c2() ? 24 * Number(l2()) / Number(a2()) : l2(), () => ((...e3) => e3.filter((e4, t3, n3) => Boolean(e4) && n3.indexOf(e4) === t3).join(" "))("lucide-icon", "lucide", i2() ? `lucide-${i2()}` : "", n2.class)], derived_safe_equal), append(e2, d2), pop();
+  }), [() => c2() ? 24 * Number(l2()) / Number(a2()) : l2(), () => ((...e3) => e3.filter((e4, t3, n3) => Boolean(e4) && n3.indexOf(e4) === t3).join(" "))("lucide-icon", "lucide", s2() ? `lucide-${s2()}` : "", n2.class)], derived_safe_equal), append(e2, d2), pop();
 }
 function Loader_circle(e2, t2) {
   const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]);
@@ -2315,8 +2315,8 @@ function Loader_circle(e2, t2) {
       d: "M21 12a9 9 0 1 1-6.219-8.56"
     }]],
     children: (e3, n3) => {
-      var s2 = comment();
-      slot(first_child(s2), t2, "default", {}, null), append(e3, s2);
+      var i2 = comment();
+      slot(first_child(i2), t2, "default", {}, null), append(e3, i2);
     },
     $$slots: {
       default: true
@@ -2339,53 +2339,53 @@ function split_css_unit(e2) {
     "px"
   ];
 }
-function blur(e2, { delay: t2 = 0, duration: n2 = 400, easing: s2 = cubic_in_out, amount: i2 = 5, opacity: o2 = 0 } = {}) {
-  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.filter ? "" : a2.filter, u2 = l2 * (1 - o2), [d2, f2] = split_css_unit(i2);
+function blur(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_in_out, amount: s2 = 5, opacity: o2 = 0 } = {}) {
+  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.filter ? "" : a2.filter, u2 = l2 * (1 - o2), [d2, f2] = split_css_unit(s2);
   return {
     delay: t2,
     duration: n2,
-    easing: s2,
+    easing: i2,
     css: (e3, t3) => `opacity: ${l2 - u2 * t3}; filter: ${c2} blur(${t3 * d2}${f2});`
   };
 }
-function fade(e2, { delay: t2 = 0, duration: n2 = 400, easing: s2 = linear } = {}) {
-  const i2 = +getComputedStyle(e2).opacity;
+function fade(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = linear } = {}) {
+  const s2 = +getComputedStyle(e2).opacity;
   return {
     delay: t2,
     duration: n2,
-    easing: s2,
-    css: (e3) => "opacity: " + e3 * i2
+    easing: i2,
+    css: (e3) => "opacity: " + e3 * s2
   };
 }
-function fly(e2, { delay: t2 = 0, duration: n2 = 400, easing: s2 = cubic_out, x: i2 = 0, y: o2 = 0, opacity: a2 = 0 } = {}) {
-  const l2 = getComputedStyle(e2), c2 = +l2.opacity, u2 = "none" === l2.transform ? "" : l2.transform, d2 = c2 * (1 - a2), [f2, p2] = split_css_unit(i2), [g2, _2] = split_css_unit(o2);
+function fly(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_out, x: s2 = 0, y: o2 = 0, opacity: a2 = 0 } = {}) {
+  const l2 = getComputedStyle(e2), c2 = +l2.opacity, u2 = "none" === l2.transform ? "" : l2.transform, d2 = c2 * (1 - a2), [f2, p2] = split_css_unit(s2), [g2, _2] = split_css_unit(o2);
   return {
     delay: t2,
     duration: n2,
-    easing: s2,
+    easing: i2,
     css: (e3, t3) => `
 			transform: ${u2} translate(${(1 - e3) * f2}${p2}, ${(1 - e3) * g2}${_2});
 			opacity: ${c2 - d2 * t3}`
   };
 }
-function slide(e2, { delay: t2 = 0, duration: n2 = 400, easing: s2 = cubic_out, axis: i2 = "y" } = {}) {
-  const o2 = getComputedStyle(e2), a2 = +o2.opacity, l2 = "y" === i2 ? "height" : "width", c2 = parseFloat(o2[l2]), u2 = "y" === i2 ? ["top", "bottom"] : ["left", "right"], d2 = u2.map((e3) => (
+function slide(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_out, axis: s2 = "y" } = {}) {
+  const o2 = getComputedStyle(e2), a2 = +o2.opacity, l2 = "y" === s2 ? "height" : "width", c2 = parseFloat(o2[l2]), u2 = "y" === s2 ? ["top", "bottom"] : ["left", "right"], d2 = u2.map((e3) => (
     /** @type {'Left' | 'Right' | 'Top' | 'Bottom'} */
     `${e3[0].toUpperCase()}${e3.slice(1)}`
   )), f2 = parseFloat(o2[`padding${d2[0]}`]), p2 = parseFloat(o2[`padding${d2[1]}`]), g2 = parseFloat(o2[`margin${d2[0]}`]), _2 = parseFloat(o2[`margin${d2[1]}`]), v2 = parseFloat(o2[`border${d2[0]}Width`]), h2 = parseFloat(o2[`border${d2[1]}Width`]);
   return {
     delay: t2,
     duration: n2,
-    easing: s2,
+    easing: i2,
     css: (e3) => `overflow: hidden;opacity: ${Math.min(20 * e3, 1) * a2};${l2}: ${e3 * c2}px;padding-${u2[0]}: ${e3 * f2}px;padding-${u2[1]}: ${e3 * p2}px;margin-${u2[0]}: ${e3 * g2}px;margin-${u2[1]}: ${e3 * _2}px;border-${u2[0]}-width: ${e3 * v2}px;border-${u2[1]}-width: ${e3 * h2}px;min-${l2}: 0`
   };
 }
-function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: s2 = cubic_out, start: i2 = 0, opacity: o2 = 0 } = {}) {
-  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.transform ? "" : a2.transform, u2 = 1 - i2, d2 = l2 * (1 - o2);
+function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_out, start: s2 = 0, opacity: o2 = 0 } = {}) {
+  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.transform ? "" : a2.transform, u2 = 1 - s2, d2 = l2 * (1 - o2);
   return {
     delay: t2,
     duration: n2,
-    easing: s2,
+    easing: i2,
     css: (e3, t3) => `
 			transform: ${c2} scale(${1 - u2 * t3});
 			opacity: ${l2 - d2 * t3}
@@ -2395,14 +2395,14 @@ function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: s2 = cubic_out,
 var on_click$4 = (e2, t2) => {
   var _a2;
   (_a2 = t2.onClick) == null ? void 0 : _a2.call(t2);
-}, Te = /* @__PURE__ */ template('<button aria-label="open the game discovery"><p class="z-2 flex items-center overflow-hidden text-nowrap svelte-1j97rta"><!> <span class="text-md mr-0.25 inline-block font-bold svelte-1j97rta">More Games</span></p> <div class="bg-background absolute bottom-0 left-0 h-full w-0 transition-all duration-300 group-hover:w-full svelte-1j97rta"></div></button>');
+}, Me = /* @__PURE__ */ template('<button aria-label="open the game discovery"><p class="z-2 flex items-center overflow-hidden text-nowrap svelte-1j97rta"><!> <span class="text-md mr-0.25 inline-block font-bold svelte-1j97rta">More Games</span></p> <div class="bg-background absolute bottom-0 left-0 h-full w-0 transition-all duration-300 group-hover:w-full svelte-1j97rta"></div></button>');
 function FloatingButton(e2, t2) {
   push(t2, true);
-  let n2 = prop(t2, "position", 3, "bottom-right"), s2 = prop(t2, "visible", 3, true);
-  var i2 = comment(), o2 = first_child(i2), consequent = (e3) => {
-    var s3 = Te();
-    s3.__click = [on_click$4, t2];
-    var i3 = child(s3);
+  let n2 = prop(t2, "position", 3, "bottom-right"), i2 = prop(t2, "visible", 3, true);
+  var s2 = comment(), o2 = first_child(s2), consequent = (e3) => {
+    var i3 = Me();
+    i3.__click = [on_click$4, t2];
+    var s3 = child(i3);
     !function Gamepad(e4, t3) {
       const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
       Icon$1(e4, spread_props({
@@ -2436,29 +2436,29 @@ function FloatingButton(e2, t2) {
           rx: "2"
         }]],
         children: (e5, n4) => {
-          var s4 = comment();
-          slot(first_child(s4), t3, "default", {}, null), append(e5, s4);
+          var i4 = comment();
+          slot(first_child(i4), t3, "default", {}, null), append(e5, i4);
         },
         $$slots: {
           default: true
         }
       }));
-    }(child(i3), {
+    }(child(s3), {
       size: 26,
       strokeWidth: 1.75,
       class: "z-2 mr-2 transform transition-all duration-300 group-hover:rotate-12"
-    }), template_effect(() => set_class(s3, 1, `fixed ${("bottom-left" == n2() ? "bottom-4 left-4" : "bottom-right" == n2() ? "right-4 bottom-4" : "") ?? ""} group children-text-white text-black z-99990 flex cursor-pointer gap-2 rounded-md bg-white p-3 font-bold uppercase shadow-lg transition-all hover:scale-105`, "svelte-1j97rta")), transition(3, s3, () => blur), append(e3, s3);
+    }), template_effect(() => set_class(i3, 1, `fixed ${("bottom-left" == n2() ? "bottom-4 left-4" : "bottom-right" == n2() ? "right-4 bottom-4" : "") ?? ""} group children-text-white text-black z-99990 flex cursor-pointer gap-2 rounded-md bg-white p-3 font-bold uppercase shadow-lg transition-all hover:scale-105`, "svelte-1j97rta")), transition(3, i3, () => blur), append(e3, i3);
   };
   if_block(o2, (e3) => {
-    s2() && e3(consequent);
-  }), append(e2, i2), pop();
+    i2() && e3(consequent);
+  }), append(e2, s2), pop();
 }
 delegate(["click"]);
-const Ie = writable(false), Oe = writable(false), qe = writable("https://sdk.playlight.dev");
-var Pe = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>'), ze = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>'), We = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>'), je = /* @__PURE__ */ ns_template('<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>');
+const Te = writable(false), Oe = writable(false), qe = writable("https://sdk.playlight.dev");
+var Pe = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>'), ze = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>'), We = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>'), Ee = /* @__PURE__ */ ns_template('<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>');
 function Icon(e2, t2) {
   let n2 = prop(t2, "type", 8, "success");
-  var s2 = comment(), i2 = first_child(s2), consequent = (e3) => {
+  var i2 = comment(), s2 = first_child(i2), consequent = (e3) => {
     append(e3, Pe());
   }, alternate = (e3, t3) => {
     var consequent_1 = (e4) => {
@@ -2468,7 +2468,7 @@ function Icon(e2, t2) {
         append(e5, We());
       }, alternate_2 = (e5, t5) => {
         var consequent_3 = (e6) => {
-          append(e6, je());
+          append(e6, Ee());
         }, alternate_3 = (e6) => {
         };
         if_block(e5, (e6) => {
@@ -2483,38 +2483,38 @@ function Icon(e2, t2) {
       "error" === n2() ? e4(consequent_1) : e4(alternate_1, false);
     }, t3);
   };
-  if_block(i2, (e3) => {
+  if_block(s2, (e3) => {
     "success" === n2() ? e3(consequent) : e3(alternate, false);
-  }), append(e2, s2);
+  }), append(e2, i2);
 }
-var De = /* @__PURE__ */ template('<div class="sonner-loading-bar"></div>'), Ne = /* @__PURE__ */ template('<div class="sonner-loading-wrapper"><div class="sonner-spinner"></div></div>');
+var je = /* @__PURE__ */ template('<div class="sonner-loading-bar"></div>'), De = /* @__PURE__ */ template('<div class="sonner-loading-wrapper"><div class="sonner-spinner"></div></div>');
 function Loader(e2, t2) {
   push(t2, false);
   let n2 = prop(t2, "visible", 8);
-  const s2 = Array(12).fill(0);
+  const i2 = Array(12).fill(0);
   init();
-  var i2 = Ne();
-  each(child(i2), 5, () => s2, index, (e3, t3) => {
-    append(e3, De());
-  }), template_effect(() => set_attribute(i2, "data-visible", n2())), append(e2, i2), pop();
+  var s2 = De();
+  each(child(s2), 5, () => i2, index, (e3, t3) => {
+    append(e3, je());
+  }), template_effect(() => set_attribute(s2, "data-visible", n2())), append(e2, s2), pop();
 }
 function cn(...e2) {
   return e2.filter(Boolean).join(" ");
 }
-const Be = "undefined" != typeof document;
+const Ne = "undefined" != typeof document;
 function clientWritable(e2) {
   const t2 = writable(e2);
   return {
     subscribe: t2.subscribe,
     set: function set2(e3) {
-      Be && t2.set(e3);
+      Ne && t2.set(e3);
     },
     update: function update2(e3) {
-      Be && t2.update(e3);
+      Ne && t2.update(e3);
     }
   };
 }
-let Ee = 0;
+let Be = 0;
 const Ae = function createToastState() {
   const e2 = clientWritable([]), t2 = clientWritable([]);
   function addToast(t3) {
@@ -2522,11 +2522,11 @@ const Ae = function createToastState() {
   }
   function create(t3) {
     var _a2;
-    const { message: n2, ...s2 } = t3, i2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a2 = t3.id) == null ? void 0 : _a2.length) > 0 ? t3.id : Ee++, o2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === i2);
-    return l2 ? e2.update((e3) => e3.map((e4) => e4.id === i2 ? {
+    const { message: n2, ...i2 } = t3, s2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a2 = t3.id) == null ? void 0 : _a2.length) > 0 ? t3.id : Be++, o2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === s2);
+    return l2 ? e2.update((e3) => e3.map((e4) => e4.id === s2 ? {
       ...e4,
       ...t3,
-      id: i2,
+      id: s2,
       title: n2,
       dismissable: o2,
       type: a2,
@@ -2535,12 +2535,12 @@ const Ae = function createToastState() {
       ...e4,
       updated: false
     })) : addToast({
-      ...s2,
-      id: i2,
+      ...i2,
+      id: s2,
       title: n2,
       dismissable: o2,
       type: a2
-    }), i2;
+    }), s2;
   }
   function dismiss(t3) {
     if (void 0 !== t3) return e2.update((e3) => e3.map((e4) => e4.id === t3 ? {
@@ -2613,53 +2613,53 @@ const Ae = function createToastState() {
         type: "loading",
         message: t3.loading
       }));
-      const s2 = e3 instanceof Promise ? e3 : e3();
-      let i2 = void 0 !== n2;
-      return s2.then((e4) => {
+      const i2 = e3 instanceof Promise ? e3 : e3();
+      let s2 = void 0 !== n2;
+      return i2.then((e4) => {
         if (e4 && "boolean" == typeof e4.ok && !e4.ok) {
-          i2 = false;
-          const s3 = "function" == typeof t3.error ? (
+          s2 = false;
+          const i3 = "function" == typeof t3.error ? (
             // @ts-expect-error: Incorrect response type
             t3.error(`HTTP error! status: ${e4.status}`)
           ) : t3.error;
           create({
             id: n2,
             type: "error",
-            message: s3
+            message: i3
           });
         } else if (void 0 !== t3.success) {
-          i2 = false;
-          const s3 = (
+          s2 = false;
+          const i3 = (
             // @ts-expect-error: TODO: Better function checking
             "function" == typeof t3.success ? t3.success(e4) : t3.success
           );
           create({
             id: n2,
             type: "success",
-            message: s3
+            message: i3
           });
         }
       }).catch((e4) => {
         if (void 0 !== t3.error) {
-          i2 = false;
-          const s3 = (
+          s2 = false;
+          const i3 = (
             // @ts-expect-error: TODO: Better function checking
             "function" == typeof t3.error ? t3.error(e4) : t3.error
           );
           create({
             id: n2,
             type: "error",
-            message: s3
+            message: i3
           });
         }
       }).finally(() => {
         var _a2;
-        i2 && // Toast is still in load state (and will be indefinitely — dismiss it)
+        s2 && // Toast is still in load state (and will be indefinitely — dismiss it)
         (dismiss(n2), n2 = void 0), (_a2 = t3.finally) == null ? void 0 : _a2.call(t3);
       }), n2;
     },
     custom: function custom(e3, t3) {
-      const n2 = (t3 == null ? void 0 : t3.id) || Ee++;
+      const n2 = (t3 == null ? void 0 : t3.id) || Be++;
       return create({
         component: e3,
         id: n2,
@@ -2700,7 +2700,7 @@ var Fe = /* @__PURE__ */ template('<button aria-label="Close toast" data-close-b
 function Toast(e2, t2) {
   const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]);
   push(t2, false);
-  const [s2, i2] = setup_stores(), $heights = () => store_get(y2, "$heights", s2), $effect = () => store_get(get$1(Q2), "$effect", s2), o2 = /* @__PURE__ */ mutable_source(void 0, true), a2 = /* @__PURE__ */ mutable_source(void 0, true), l2 = /* @__PURE__ */ mutable_source(void 0, true), c2 = /* @__PURE__ */ mutable_source(void 0, true), u2 = /* @__PURE__ */ mutable_source(void 0, true), d2 = /* @__PURE__ */ mutable_source(void 0, true), f2 = /* @__PURE__ */ mutable_source(void 0, true), p2 = /* @__PURE__ */ mutable_source(void 0, true), g2 = /* @__PURE__ */ mutable_source(void 0, true), _2 = /* @__PURE__ */ mutable_source(void 0, true), v2 = /* @__PURE__ */ mutable_source(void 0, true), h2 = /* @__PURE__ */ mutable_source(void 0, true), m2 = {
+  const [i2, s2] = setup_stores(), $heights = () => store_get(y2, "$heights", i2), $effect = () => store_get(get$1(Q2), "$effect", i2), o2 = /* @__PURE__ */ mutable_source(void 0, true), a2 = /* @__PURE__ */ mutable_source(void 0, true), l2 = /* @__PURE__ */ mutable_source(void 0, true), c2 = /* @__PURE__ */ mutable_source(void 0, true), u2 = /* @__PURE__ */ mutable_source(void 0, true), d2 = /* @__PURE__ */ mutable_source(void 0, true), f2 = /* @__PURE__ */ mutable_source(void 0, true), p2 = /* @__PURE__ */ mutable_source(void 0, true), g2 = /* @__PURE__ */ mutable_source(void 0, true), _2 = /* @__PURE__ */ mutable_source(void 0, true), v2 = /* @__PURE__ */ mutable_source(void 0, true), h2 = /* @__PURE__ */ mutable_source(void 0, true), m2 = {
     toast: "",
     title: "",
     description: "",
@@ -2716,14 +2716,14 @@ function Toast(e2, t2) {
     info: "",
     loading: ""
   }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = Ae;
-  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), T2 = prop(t2, "position", 9), I2 = prop(t2, "visibleToasts", 9), O2 = prop(t2, "expandByDefault", 9), q2 = prop(t2, "closeButton", 9), P2 = prop(t2, "interacting", 9), z2 = prop(t2, "cancelButtonStyle", 9, ""), W2 = prop(t2, "actionButtonStyle", 9, ""), j2 = prop(t2, "duration", 9, 4e3), D2 = prop(t2, "descriptionClass", 9, ""), N2 = prop(t2, "classes", 29, () => ({})), B2 = prop(t2, "unstyled", 9, false), E2 = /* @__PURE__ */ mutable_source(false, true), A2 = /* @__PURE__ */ mutable_source(false, true), L2 = /* @__PURE__ */ mutable_source(false, true), G2 = /* @__PURE__ */ mutable_source(false, true), F2 = /* @__PURE__ */ mutable_source(0, true), H2 = /* @__PURE__ */ mutable_source(0, true), R2 = /* @__PURE__ */ mutable_source(void 0, true), U2 = /* @__PURE__ */ mutable_source(0, true), V2 = 0, K2 = 0, Y2 = null;
+  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), I2 = prop(t2, "invert", 13), M2 = prop(t2, "position", 9), T2 = prop(t2, "visibleToasts", 9), O2 = prop(t2, "expandByDefault", 9), q2 = prop(t2, "closeButton", 9), P2 = prop(t2, "interacting", 9), z2 = prop(t2, "cancelButtonStyle", 9, ""), W2 = prop(t2, "actionButtonStyle", 9, ""), E2 = prop(t2, "duration", 9, 4e3), j2 = prop(t2, "descriptionClass", 9, ""), D2 = prop(t2, "classes", 29, () => ({})), N2 = prop(t2, "unstyled", 9, false), B2 = /* @__PURE__ */ mutable_source(false, true), A2 = /* @__PURE__ */ mutable_source(false, true), L2 = /* @__PURE__ */ mutable_source(false, true), G2 = /* @__PURE__ */ mutable_source(false, true), F2 = /* @__PURE__ */ mutable_source(0, true), H2 = /* @__PURE__ */ mutable_source(0, true), R2 = /* @__PURE__ */ mutable_source(void 0, true), U2 = /* @__PURE__ */ mutable_source(0, true), V2 = 0, K2 = 0, Y2 = null;
   function deleteToast() {
     set(A2, true), // Save the offset for the exit swipe animation
     set(F2, get$1(U2)), $2(k2().id), setTimeout(() => {
       x2(k2().id);
     }, 200);
   }
-  let Z2 = /* @__PURE__ */ mutable_source(void 0, true), J2 = /* @__PURE__ */ mutable_source(k2().duration || j2() || 4e3, true);
+  let Z2 = /* @__PURE__ */ mutable_source(void 0, true), J2 = /* @__PURE__ */ mutable_source(k2().duration || E2() || 4e3, true);
   function startTimer() {
     V2 = (/* @__PURE__ */ new Date()).getTime(), // Let the toast know it has started
     set(Z2, setTimeout(() => {
@@ -2733,21 +2733,21 @@ function Toast(e2, t2) {
   }
   let Q2 = /* @__PURE__ */ mutable_source(void 0, true);
   onMount(() => {
-    set(E2, true);
+    set(B2, true);
     const e3 = get$1(R2).getBoundingClientRect().height;
     return set(H2, e3), w2({
       toastId: k2().id,
       height: e3
     }), () => $2(k2().id);
-  }), legacy_pre_effect(() => deep_read_state(N2()), () => {
-    N2({
+  }), legacy_pre_effect(() => deep_read_state(D2()), () => {
+    D2({
       ...m2,
-      ...N2()
+      ...D2()
     });
   }), legacy_pre_effect(() => deep_read_state(C2()), () => {
     set(o2, 0 === C2());
-  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(I2())), () => {
-    set(a2, C2() + 1 <= I2());
+  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(T2())), () => {
+    set(a2, C2() + 1 <= T2());
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
     set(l2, k2().title);
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
@@ -2760,15 +2760,15 @@ function Toast(e2, t2) {
     set(f2, k2().descriptionClass || "");
   }), legacy_pre_effect(() => ($heights(), deep_read_state(k2())), () => {
     set(p2, $heights().findIndex((e3) => e3.toastId === k2().id) || 0);
-  }), legacy_pre_effect(() => deep_read_state(T2()), () => {
-    set(g2, T2().split("-"));
+  }), legacy_pre_effect(() => deep_read_state(M2()), () => {
+    set(g2, M2().split("-"));
   }), legacy_pre_effect(() => ($heights(), get$1(p2)), () => {
     set(_2, $heights().reduce((e3, t3, n3) => (
       // Calculate offset up untill current  toast
       n3 >= get$1(p2) ? e3 : e3 + t3.height
     ), 0));
-  }), legacy_pre_effect(() => (deep_read_state(M2()), deep_read_state(k2())), () => {
-    M2(k2().invert || M2());
+  }), legacy_pre_effect(() => (deep_read_state(I2()), deep_read_state(k2())), () => {
+    I2(k2().invert || I2());
   }), legacy_pre_effect(() => get$1(u2), () => {
     set(v2, "loading" === get$1(u2));
   }), legacy_pre_effect(() => (get$1(p2), get$1(_2)), () => {
@@ -2776,30 +2776,30 @@ function Toast(e2, t2) {
   }), legacy_pre_effect(() => (get$1(l2), get$1(c2)), () => {
     get$1(l2), get$1(c2), // Listen to height changes
     async function updateHeights() {
-      if (!get$1(E2)) return;
+      if (!get$1(B2)) return;
       let e3;
       await tick(), e3 = S2() || O2() ? 1 : 1 - 0.05 * C2(), get$1(R2).style.setProperty("height", "auto");
-      const t3 = get$1(R2).offsetHeight, n3 = get$1(R2).getBoundingClientRect().height, s3 = Math.round(100 * (n3 / e3 + Number.EPSILON)) / 100;
-      let i3;
+      const t3 = get$1(R2).offsetHeight, n3 = get$1(R2).getBoundingClientRect().height, i3 = Math.round(100 * (n3 / e3 + Number.EPSILON)) / 100;
+      let s3;
       get$1(R2).style.removeProperty("height"), // Use scaledRectHeight as it's more precise
-      i3 = Math.abs(s3 - t3) < 1 ? s3 : t3, set(H2, i3), w2({
+      s3 = Math.abs(i3 - t3) < 1 ? i3 : t3, set(H2, s3), w2({
         toastId: k2().id,
-        height: i3
+        height: s3
       });
     }();
-  }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(Z2), deep_read_state(j2())), () => {
+  }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(Z2), deep_read_state(E2())), () => {
     k2().updated && // if the toast has been updated after the initial render,
     // we want to reset the timer and set the remaining time to the
     // new duration
-    (clearTimeout(get$1(Z2)), set(J2, k2().duration || j2() || 4e3), startTimer());
+    (clearTimeout(get$1(Z2)), set(J2, k2().duration || E2() || 4e3), startTimer());
   }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(u2)), () => {
     set(h2, k2().promise && "loading" === get$1(u2) || k2().duration === Number.POSITIVE_INFINITY);
   }), legacy_pre_effect(() => (get$1(h2), deep_read_state(S2()), deep_read_state(P2()), get$1(Z2)), () => {
     var e3;
     !function store_unsub(e4, t3, n3) {
-      let s3 = n3[t3];
-      return s3 && s3.store !== e4 && // Don't reset store yet, so that store_get above can resubscribe to new store if necessary
-      (s3.unsubscribe(), s3.unsubscribe = noop), e4;
+      let i3 = n3[t3];
+      return i3 && i3.store !== e4 && // Don't reset store yet, so that store_get above can resubscribe to new store if necessary
+      (i3.unsubscribe(), i3.unsubscribe = noop), e4;
     }(set(Q2, (e3 = () => (get$1(h2) || (S2() || P2() ? (
       // If toast's duration changes, it will be out of sync with the
       // remainingAtTimeout, so we know we need to restart the timer
@@ -2814,7 +2814,7 @@ function Toast(e2, t2) {
       }()
     ) : startTimer()), () => clearTimeout(get$1(Z2))), {
       subscribe: e3
-    })), "$effect", s2);
+    })), "$effect", i2);
   }), legacy_pre_effect(() => $effect(), () => {
     $effect();
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
@@ -2829,7 +2829,7 @@ function Toast(e2, t2) {
       set_attribute(t3, "data-disabled", get$1(v2)), set_class(t3, 1, e4);
     }, [() => {
       var _a2, _b2, _c2;
-      return clsx(cn((_a2 = N2()) == null ? void 0 : _a2.closeButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.closeButton));
+      return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.closeButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.closeButton));
     }], derived_safe_equal), event("click", t3, function(...e4) {
       var _a2;
       (_a2 = get$1(v2) ? void 0 : () => {
@@ -2851,15 +2851,15 @@ function Toast(e2, t2) {
       }));
     }), append(e3, t3);
   }, alternate = (e3) => {
-    var n3 = Ye(), s3 = first_child(n3), consequent_8 = (e4) => {
-      var n4 = He(), s4 = child(n4), consequent_2 = (e5) => {
+    var n3 = Ye(), i3 = first_child(n3), consequent_8 = (e4) => {
+      var n4 = He(), i4 = child(n4), consequent_2 = (e5) => {
         var n5 = comment();
         slot(first_child(n5), t2, "loading-icon", {}, null), append(e5, n5);
       };
-      if_block(s4, (e5) => {
+      if_block(i4, (e5) => {
         !k2().promise && "loading" !== get$1(u2) || k2().icon || e5(consequent_2);
       });
-      var i4 = sibling(s4, 2), consequent_3 = (e5) => {
+      var s4 = sibling(i4, 2), consequent_3 = (e5) => {
         var t3 = comment();
         component(first_child(t3), () => k2().icon, (e6, t4) => {
           t4(e6, {});
@@ -2897,14 +2897,14 @@ function Toast(e2, t2) {
           "success" === get$1(u2) ? e6(consequent_4) : e6(alternate_2, false);
         }, n5);
       };
-      if_block(i4, (e5) => {
+      if_block(s4, (e5) => {
         k2().icon ? e5(consequent_3) : e5(alternate_1, false);
       }), append(e4, n4);
     };
-    if_block(s3, (e4) => {
+    if_block(i3, (e4) => {
       ("default" !== get$1(u2) || k2().icon || k2().promise) && e4(consequent_8);
     });
-    var i3 = sibling(s3, 2), o3 = child(i3), consequent_10 = (e4) => {
+    var s3 = sibling(i3, 2), o3 = child(s3), consequent_10 = (e4) => {
       var t3 = Re(), n4 = child(t3), consequent_9 = (e5) => {
         var t4 = comment();
         component(first_child(t4), () => k2().title, (e6, t5) => {
@@ -2918,7 +2918,7 @@ function Toast(e2, t2) {
         "string" != typeof k2().title ? e5(consequent_9) : e5(alternate_5, false);
       }), template_effect((e5) => set_class(t3, 1, e5), [() => {
         var _a2, _b2, _c2;
-        return clsx(cn((_a2 = N2()) == null ? void 0 : _a2.title, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.title));
+        return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.title, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.title));
       }], derived_safe_equal), append(e4, t3);
     };
     if_block(o3, (e4) => {
@@ -2938,19 +2938,19 @@ function Toast(e2, t2) {
         "string" != typeof k2().description ? e5(consequent_11) : e5(alternate_6, false);
       }), template_effect((e5) => set_class(t3, 1, e5), [() => {
         var _a2, _b2;
-        return clsx(cn(D2(), get$1(f2), (_a2 = N2()) == null ? void 0 : _a2.description, (_b2 = k2().classes) == null ? void 0 : _b2.description));
+        return clsx(cn(j2(), get$1(f2), (_a2 = D2()) == null ? void 0 : _a2.description, (_b2 = k2().classes) == null ? void 0 : _b2.description));
       }], derived_safe_equal), append(e4, t3);
     };
     if_block(a3, (e4) => {
       k2().description && e4(consequent_12);
     });
-    var l3 = sibling(i3, 2), consequent_13 = (e4) => {
+    var l3 = sibling(s3, 2), consequent_13 = (e4) => {
       var t3 = Ve(), n4 = child(t3);
       template_effect((e5) => {
         set_style(t3, z2()), set_class(t3, 1, e5), set_text(n4, k2().cancel.label);
       }, [() => {
         var _a2, _b2, _c2;
-        return clsx(cn((_a2 = N2()) == null ? void 0 : _a2.cancelButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.cancelButton));
+        return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.cancelButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.cancelButton));
       }], derived_safe_equal), event("click", t3, () => {
         var _a2;
         deleteToast(), ((_a2 = k2().cancel) == null ? void 0 : _a2.onClick) && k2().cancel.onClick();
@@ -2965,7 +2965,7 @@ function Toast(e2, t2) {
         set_style(t3, W2()), set_class(t3, 1, e5), set_text(n4, k2().action.label);
       }, [() => {
         var _a2, _b2, _c2;
-        return clsx(cn((_a2 = N2()) == null ? void 0 : _a2.actionButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.actionButton));
+        return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.actionButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.actionButton));
       }], derived_safe_equal), event("click", t3, (e5) => {
         var _a2;
         (_a2 = k2().action) == null ? void 0 : _a2.onClick(e5), e5.defaultPrevented || deleteToast();
@@ -2977,19 +2977,19 @@ function Toast(e2, t2) {
   };
   if_block(re2, (e3) => {
     k2().component ? e3(consequent_1) : e3(alternate, false);
-  }), bind_this(ee2, (e3) => set(R2, e3), () => get$1(R2)), template_effect((e3, t3, i3) => {
+  }), bind_this(ee2, (e3) => set(R2, e3), () => get$1(R2)), template_effect((e3, t3, s3) => {
     var _a2;
-    set_attribute(ee2, "aria-live", k2().important ? "assertive" : "polite"), set_class(ee2, 1, e3), set_attribute(ee2, "data-styled", !(k2().component || ((_a2 = k2()) == null ? void 0 : _a2.unstyled) || B2())), set_attribute(ee2, "data-mounted", get$1(E2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(A2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(g2)[0]), set_attribute(ee2, "data-x-position", get$1(g2)[1]), set_attribute(ee2, "data-index", C2()), set_attribute(ee2, "data-front", get$1(o2)), set_attribute(ee2, "data-swiping", get$1(L2)), set_attribute(ee2, "data-type", get$1(u2)), set_attribute(ee2, "data-invert", M2()), set_attribute(ee2, "data-swipe-out", get$1(G2)), set_attribute(ee2, "data-expanded", i3), te2 = set_style(ee2, `${n2.style} ${k2().style}`, te2, {
+    set_attribute(ee2, "aria-live", k2().important ? "assertive" : "polite"), set_class(ee2, 1, e3), set_attribute(ee2, "data-styled", !(k2().component || ((_a2 = k2()) == null ? void 0 : _a2.unstyled) || N2())), set_attribute(ee2, "data-mounted", get$1(B2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(A2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(g2)[0]), set_attribute(ee2, "data-x-position", get$1(g2)[1]), set_attribute(ee2, "data-index", C2()), set_attribute(ee2, "data-front", get$1(o2)), set_attribute(ee2, "data-swiping", get$1(L2)), set_attribute(ee2, "data-type", get$1(u2)), set_attribute(ee2, "data-invert", I2()), set_attribute(ee2, "data-swipe-out", get$1(G2)), set_attribute(ee2, "data-expanded", s3), te2 = set_style(ee2, `${n2.style} ${k2().style}`, te2, {
       "--index": C2(),
       "--toasts-before": C2(),
-      "--z-index": store_get(b2, "$toasts", s2).length - C2(),
+      "--z-index": store_get(b2, "$toasts", i2).length - C2(),
       "--offset": `${get$1(A2) ? get$1(F2) : get$1(U2)}px`,
       "--initial-height": `${get$1(H2)}px`
     });
   }, [() => {
     var _a2, _b2, _c2, _d, _e3, _f;
-    return clsx(cn(n2.class, get$1(d2), (_a2 = N2()) == null ? void 0 : _a2.toast, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.toast, (_d = N2()) == null ? void 0 : _d[get$1(u2)], (_f = (_e3 = k2()) == null ? void 0 : _e3.classes) == null ? void 0 : _f[get$1(u2)]));
-  }, () => Boolean(k2().promise), () => Boolean(S2() || O2() && get$1(E2))], derived_safe_equal), event("pointerdown", ee2, function onPointerDown(e3) {
+    return clsx(cn(n2.class, get$1(d2), (_a2 = D2()) == null ? void 0 : _a2.toast, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.toast, (_d = D2()) == null ? void 0 : _d[get$1(u2)], (_f = (_e3 = k2()) == null ? void 0 : _e3.classes) == null ? void 0 : _f[get$1(u2)]));
+  }, () => Boolean(k2().promise), () => Boolean(S2() || O2() && get$1(B2))], derived_safe_equal), event("pointerdown", ee2, function onPointerDown(e3) {
     if (get$1(v2)) return;
     set(F2, get$1(U2));
     const t3 = e3.target;
@@ -3006,17 +3006,17 @@ function Toast(e2, t2) {
     get$1(R2).style.setProperty("--swipe-amount", "0px"), set(L2, false);
   }), event("pointermove", ee2, function onPointerMove(e3) {
     if (!Y2) return;
-    const t3 = e3.clientY - Y2.y, n3 = e3.clientX - Y2.x, s3 = ("top" === get$1(g2)[0] ? Math.min : Math.max)(0, t3), i3 = "touch" === e3.pointerType ? 10 : 2;
-    Math.abs(s3) > i3 ? get$1(R2).style.setProperty("--swipe-amount", `${t3}px`) : Math.abs(n3) > i3 && // User is swiping in wrong direction so we disable swipe gesture
+    const t3 = e3.clientY - Y2.y, n3 = e3.clientX - Y2.x, i3 = ("top" === get$1(g2)[0] ? Math.min : Math.max)(0, t3), s3 = "touch" === e3.pointerType ? 10 : 2;
+    Math.abs(i3) > s3 ? get$1(R2).style.setProperty("--swipe-amount", `${t3}px`) : Math.abs(n3) > s3 && // User is swiping in wrong direction so we disable swipe gesture
     // for the current pointer down interaction
     (Y2 = null);
-  }), append(e2, ee2), pop(), i2();
+  }), append(e2, ee2), pop(), s2();
 }
 var Je = /* @__PURE__ */ template("<ol></ol>"), Xe = /* @__PURE__ */ template('<section class="svelte-1fo5d1m"></section>');
 function Toaster(e2, t2) {
-  const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]), s2 = legacy_rest_props(n2, ["invert", "theme", "position", "hotkey", "containerAriaLabel", "richColors", "expand", "duration", "visibleToasts", "closeButton", "toastOptions", "offset", "dir"]);
+  const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]), i2 = legacy_rest_props(n2, ["invert", "theme", "position", "hotkey", "containerAriaLabel", "richColors", "expand", "duration", "visibleToasts", "closeButton", "toastOptions", "offset", "dir"]);
   push(t2, false);
-  const [i2, o2] = setup_stores(), $toasts = () => store_get(k2, "$toasts", i2), a2 = /* @__PURE__ */ mutable_source(), l2 = /* @__PURE__ */ mutable_source(), c2 = "dark", u2 = "light";
+  const [s2, o2] = setup_stores(), $toasts = () => store_get(k2, "$toasts", s2), a2 = /* @__PURE__ */ mutable_source(), l2 = /* @__PURE__ */ mutable_source(), c2 = "dark", u2 = "light";
   function getDocumentDirection() {
     if ("undefined" == typeof window) return "ltr";
     if ("undefined" == typeof document) return "ltr";
@@ -3025,7 +3025,7 @@ function Toaster(e2, t2) {
   }
   let d2 = prop(t2, "invert", 8, false), f2 = prop(t2, "theme", 8, "light"), p2 = prop(t2, "position", 8, "bottom-right"), g2 = prop(t2, "hotkey", 24, () => ["altKey", "KeyT"]), _2 = prop(t2, "containerAriaLabel", 8, "Notifications"), v2 = prop(t2, "richColors", 8, false), h2 = prop(t2, "expand", 8, false), m2 = prop(t2, "duration", 8, 4e3), b2 = prop(t2, "visibleToasts", 8, 3), y2 = prop(t2, "closeButton", 8, false), $2 = prop(t2, "toastOptions", 24, () => ({})), w2 = prop(t2, "offset", 8, null), x2 = prop(t2, "dir", 24, getDocumentDirection);
   const { toasts: k2, heights: C2, reset: S2 } = Ae;
-  let M2 = /* @__PURE__ */ mutable_source(false), T2 = /* @__PURE__ */ mutable_source(false), I2 = /* @__PURE__ */ mutable_source(function getInitialTheme(e3) {
+  let I2 = /* @__PURE__ */ mutable_source(false), M2 = /* @__PURE__ */ mutable_source(false), T2 = /* @__PURE__ */ mutable_source(function getInitialTheme(e3) {
     return "system" !== e3 ? e3 : "undefined" != typeof window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? c2 : u2;
   }(f2())), q2 = /* @__PURE__ */ mutable_source(), P2 = null, z2 = false;
   function handleBlur(e3) {
@@ -3049,7 +3049,7 @@ function Toaster(e2, t2) {
       g2().every((t3) => (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         e3[t3] || e3.code === t3
-      )) && (set(M2, true), (_a2 = get$1(q2)) == null ? void 0 : _a2.focus()), "Escape" !== e3.code || document.activeElement !== get$1(q2) && !((_b2 = get$1(q2)) == null ? void 0 : _b2.contains(document.activeElement)) || set(M2, false);
+      )) && (set(I2, true), (_a2 = get$1(q2)) == null ? void 0 : _a2.focus()), "Escape" !== e3.code || document.activeElement !== get$1(q2) && !((_b2 = get$1(q2)) == null ? void 0 : _b2.contains(document.activeElement)) || set(I2, false);
     };
     return document.addEventListener("keydown", handleKeydown), () => {
       document.removeEventListener("keydown", handleKeydown);
@@ -3059,7 +3059,7 @@ function Toaster(e2, t2) {
   }), legacy_pre_effect(() => deep_read_state(g2()), () => {
     set(l2, g2().join("+").replace(/Key/g, "").replace(/Digit/g, ""));
   }), legacy_pre_effect(() => $toasts(), () => {
-    $toasts().length <= 1 && set(M2, false);
+    $toasts().length <= 1 && set(I2, false);
   }), legacy_pre_effect(() => $toasts(), () => {
     const e3 = $toasts().filter((e4) => e4.dismiss && !e4.delete);
     if (e3.length > 0) {
@@ -3070,17 +3070,17 @@ function Toaster(e2, t2) {
       k2.set(t3);
     }
   }), legacy_pre_effect(() => deep_read_state(f2()), () => {
-    if ("system" !== f2() && set(I2, f2()), "undefined" != typeof window) {
+    if ("system" !== f2() && set(T2, f2()), "undefined" != typeof window) {
       "system" === f2() && // check if current preference is dark
       (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? (
         // it's currently dark
-        set(I2, c2)
+        set(T2, c2)
       ) : (
         // it's not dark
-        set(I2, u2)
+        set(T2, u2)
       ));
       const e3 = window.matchMedia("(prefers-color-scheme: dark)"), changeHandler = ({ matches: e4 }) => {
-        set(I2, e4 ? c2 : u2);
+        set(T2, e4 ? c2 : u2);
       };
       "addEventListener" in e3 ? e3.addEventListener("change", changeHandler) : (
         // @ts-expect-error deprecated API
@@ -3088,12 +3088,12 @@ function Toaster(e2, t2) {
       );
     }
   }), legacy_pre_effect_reset(), init();
-  var W2 = comment(), j2 = first_child(W2), consequent = (e3) => {
+  var W2 = comment(), E2 = first_child(W2), consequent = (e3) => {
     var o3 = Xe();
     set_attribute(o3, "tabindex", -1), each(o3, 5, () => get$1(a2), index, (e4, o4, a3, l3) => {
       var c3 = Je();
       let u3;
-      each(c3, 7, () => $toasts().filter((e5) => !e5.position && 0 === a3 || e5.position === get$1(o4)), (e5) => e5.id, (e5, n3, s3, i3) => {
+      each(c3, 7, () => $toasts().filter((e5) => !e5.position && 0 === a3 || e5.position === get$1(o4)), (e5) => e5.id, (e5, n3, i3, s3) => {
         const a4 = /* @__PURE__ */ derived_safe_equal(() => {
           var _a2;
           return ((_a2 = $2()) == null ? void 0 : _a2.actionButtonStyle) || "";
@@ -3112,7 +3112,7 @@ function Toaster(e2, t2) {
         }), g3 = /* @__PURE__ */ derived_safe_equal(() => $2().unstyled || false);
         Toast(e5, {
           get index() {
-            return get$1(s3);
+            return get$1(i3);
           },
           get toast() {
             return get$1(n3);
@@ -3127,7 +3127,7 @@ function Toaster(e2, t2) {
             return y2();
           },
           get interacting() {
-            return get$1(T2);
+            return get$1(M2);
           },
           get position() {
             return get$1(o4);
@@ -3136,7 +3136,7 @@ function Toaster(e2, t2) {
             return h2();
           },
           get expanded() {
-            return get$1(M2);
+            return get$1(I2);
           },
           get actionButtonStyle() {
             return get$1(a4);
@@ -3160,48 +3160,48 @@ function Toaster(e2, t2) {
             return get$1(g3);
           },
           $$slots: {
-            "loading-icon": (e6, s4) => {
-              var i4 = comment();
-              slot(first_child(i4), t2, "loading-icon", {}, (e7) => {
+            "loading-icon": (e6, i4) => {
+              var s4 = comment();
+              slot(first_child(s4), t2, "loading-icon", {}, (e7) => {
                 const t3 = /* @__PURE__ */ derived_safe_equal(() => "loading" === get$1(n3).type);
                 Loader(e7, {
                   get visible() {
                     return get$1(t3);
                   }
                 });
-              }), append(e6, i4);
+              }), append(e6, s4);
             },
             "success-icon": (e6, n4) => {
-              var s4 = comment();
-              slot(first_child(s4), t2, "success-icon", {}, (e7) => {
+              var i4 = comment();
+              slot(first_child(i4), t2, "success-icon", {}, (e7) => {
                 Icon(e7, {
                   type: "success"
                 });
-              }), append(e6, s4);
+              }), append(e6, i4);
             },
             "error-icon": (e6, n4) => {
-              var s4 = comment();
-              slot(first_child(s4), t2, "error-icon", {}, (e7) => {
+              var i4 = comment();
+              slot(first_child(i4), t2, "error-icon", {}, (e7) => {
                 Icon(e7, {
                   type: "error"
                 });
-              }), append(e6, s4);
+              }), append(e6, i4);
             },
             "warning-icon": (e6, n4) => {
-              var s4 = comment();
-              slot(first_child(s4), t2, "warning-icon", {}, (e7) => {
+              var i4 = comment();
+              slot(first_child(i4), t2, "warning-icon", {}, (e7) => {
                 Icon(e7, {
                   type: "warning"
                 });
-              }), append(e6, s4);
+              }), append(e6, i4);
             },
             "info-icon": (e6, n4) => {
-              var s4 = comment();
-              slot(first_child(s4), t2, "info-icon", {}, (e7) => {
+              var i4 = comment();
+              slot(first_child(i4), t2, "info-icon", {}, (e7) => {
                 Icon(e7, {
                   type: "info"
                 });
-              }), append(e6, s4);
+              }), append(e6, i4);
             }
           }
         });
@@ -3211,26 +3211,26 @@ function Toaster(e2, t2) {
           tabIndex: -1,
           class: n2.class,
           "data-sonner-toaster": true,
-          "data-theme": get$1(I2),
+          "data-theme": get$1(T2),
           "data-rich-colors": v2(),
           dir: e5,
           "data-y-position": t3,
           "data-x-position": o5,
           style: n2.style,
-          ...s2,
+          ...i2,
           [_e]: {
-            "--front-toast-height": `${(_a2 = store_get(C2, "$heights", i2)[0]) == null ? void 0 : _a2.height}px`,
+            "--front-toast-height": `${(_a2 = store_get(C2, "$heights", s2)[0]) == null ? void 0 : _a2.height}px`,
             "--offset": "number" == typeof w2() ? `${w2()}px` : w2() || "32px",
             "--width": "356px",
             "--gap": "14px"
           }
         }, "svelte-1fo5d1m"), c3.dir = c3.dir;
-      }, [() => "auto" === x2() ? getDocumentDirection() : x2(), () => get$1(o4).split("-")[0], () => get$1(o4).split("-")[1]], derived_safe_equal), event("blur", c3, handleBlur), event("focus", c3, handleFocus), event("mouseenter", c3, () => set(M2, true)), event("mousemove", c3, () => set(M2, true)), event("mouseleave", c3, () => {
-        get$1(T2) || set(M2, false);
-      }), event("pointerdown", c3, () => set(T2, true)), event("pointerup", c3, () => set(T2, false)), append(e4, c3);
+      }, [() => "auto" === x2() ? getDocumentDirection() : x2(), () => get$1(o4).split("-")[0], () => get$1(o4).split("-")[1]], derived_safe_equal), event("blur", c3, handleBlur), event("focus", c3, handleFocus), event("mouseenter", c3, () => set(I2, true)), event("mousemove", c3, () => set(I2, true)), event("mouseleave", c3, () => {
+        get$1(M2) || set(I2, false);
+      }), event("pointerdown", c3, () => set(M2, true)), event("pointerup", c3, () => set(M2, false)), append(e4, c3);
     }), template_effect(() => set_attribute(o3, "aria-label", `${_2()} ${get$1(l2)}`)), append(e3, o3);
   };
-  if_block(j2, (e3) => {
+  if_block(E2, (e3) => {
     $toasts().length > 0 && e3(consequent);
   }), append(e2, W2), pop(), o2();
 }
@@ -3241,24 +3241,24 @@ const Qe = new (_b = class {
   }
   async request(e2, t2 = {}) {
     try {
-      const n2 = `${this.baseUrl}${e2}`, s2 = await fetch(n2, {
+      const n2 = `${this.baseUrl}${e2}`, i2 = await fetch(n2, {
         ...t2,
         headers: {
           "Content-Type": "application/json",
           ...t2.headers
         }
       });
-      if (!s2.ok) {
+      if (!i2.ok) {
         let e3;
         try {
-          e3 = await s2.json();
+          e3 = await i2.json();
         } catch {
         } finally {
-          if (429 !== s2.status && 404 !== s2.status) throw new Error(`API request failed: ${(e3 == null ? void 0 : e3.error) || (e3 == null ? void 0 : e3.message) || s2.status}`);
-          return 429 === s2.status ? console.warn("Playlight request didn't go through due to rate limiting.") : console.warn("Playlight game not found. This is normal in a test / local environment, but should not appear in production.");
+          if (429 !== i2.status && 404 !== i2.status) throw new Error(`API request failed: ${(e3 == null ? void 0 : e3.error) || (e3 == null ? void 0 : e3.message) || i2.status}`);
+          return 429 === i2.status ? console.warn("Playlight request didn't go through due to rate limiting.") : console.warn("Playlight game not found. This is normal in a test / local environment, but should not appear in production.");
         }
       }
-      return await s2.json();
+      return await i2.json();
     } catch (e3) {
       Ge.error("Error: " + e3), console.error("Playlight API error:", e3);
     }
@@ -3272,19 +3272,19 @@ const Qe = new (_b = class {
   // Get game suggestions, optionally filtered by category
   async getSuggestions(e2 = null, t2 = 1) {
     let n2 = "/suggestions";
-    return e2 && (n2 += "/" + e2), t2 && (n2 += "?page=" + t2), n2 += "&without=" + __privateMethod(this, _PlayLightAPI_instances, s_fn).call(this), await this.request(n2);
+    return e2 && (n2 += "/" + e2), t2 && (n2 += "?page=" + t2), n2 += "&without=" + __privateMethod(this, _PlayLightAPI_instances, i_fn).call(this), await this.request(n2);
   }
   // Get game suggestions, optionally filtered by category
   async getCurrentGameInfo() {
     if (this.currentGame) return this.currentGame;
-    let e2 = "/game-by-domain/" + __privateMethod(this, _PlayLightAPI_instances, s_fn).call(this);
+    let e2 = "/game-by-domain/" + __privateMethod(this, _PlayLightAPI_instances, i_fn).call(this);
     return this.currentGame = await this.request(e2), this.currentGame ? {
       ...this.currentGame
     } : void 0;
   }
   // Track discovery overlay open
   async trackOpen() {
-    const e2 = __privateMethod(this, _PlayLightAPI_instances, s_fn).call(this);
+    const e2 = __privateMethod(this, _PlayLightAPI_instances, i_fn).call(this);
     await this.request("/event/open", {
       method: "POST",
       body: JSON.stringify({
@@ -3294,7 +3294,7 @@ const Qe = new (_b = class {
   }
   // Track game click (pass id of the game that was clicked on)
   async trackClick(e2) {
-    const t2 = __privateMethod(this, _PlayLightAPI_instances, s_fn).call(this);
+    const t2 = __privateMethod(this, _PlayLightAPI_instances, i_fn).call(this);
     await this.request("/event/click", {
       method: "POST",
       body: JSON.stringify({
@@ -3305,34 +3305,34 @@ const Qe = new (_b = class {
   }
   // Like or unlike a game (pass gameId and true to like, false to unlike)
   async toggleLike(e2, t2 = true) {
-    const n2 = t2 ? "like" : "unlike", s2 = await this.request(`/rating/${e2}/${n2}`, {
+    const n2 = t2 ? "like" : "unlike", i2 = await this.request(`/rating/${e2}/${n2}`, {
       method: "POST"
     });
-    return (s2 == null ? void 0 : s2.success) || false;
+    return (i2 == null ? void 0 : i2.success) || false;
   }
-}, _PlayLightAPI_instances = new WeakSet(), s_fn = function() {
+}, _PlayLightAPI_instances = new WeakSet(), i_fn = function() {
   const e2 = window.location.hostname;
   return e2.startsWith("www.") ? e2.substring(4) : e2;
 }, _b)();
 var et = /* @__PURE__ */ template('<div><p class="font-bold text-white uppercase"> </p></div>');
 function GameBadge(e2, t2) {
   let n2 = prop(t2, "isHovered", 3, false);
-  var s2 = et();
-  let i2;
-  var o2 = child(s2), a2 = child(o2);
+  var i2 = et();
+  let s2;
+  var o2 = child(i2), a2 = child(o2);
   template_effect((e3) => {
-    i2 = set_class(s2, 1, "bg-background absolute top-4 right-4 z-12 px-2 py-0.5 transition-opacity select-none", null, i2, e3), set_text(a2, t2.text);
+    s2 = set_class(i2, 1, "bg-background absolute top-4 right-4 z-12 px-2 py-0.5 transition-opacity select-none", null, s2, e3), set_text(a2, t2.text);
   }, [() => ({
     "opacity-0": n2()
-  })]), append(e2, s2);
+  })]), append(e2, i2);
 }
-var on_click$3 = (e2, t2, n2, s2, i2) => {
-  !get$1(t2) || get$1(n2) ? (Qe.trackClick(i2.game.id), window.open("https://" + i2.game.domain + "?utm_source=playlight", "_blank", "noopener")) : s2();
-}, tt = /* @__PURE__ */ template('<video playsinline="" loop fetchpriority="low"></video>', 2), nt = /* @__PURE__ */ template('<div class="bg-background/25 text-muted-foreground z-12 flex items-center justify-center gap-1 border-t p-1 px-2 text-sm"><!> <p class="text-muted-foreground text-sm">Tap again to open</p></div>'), rt = /* @__PURE__ */ template('<div class="bg-background/75 absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden text-white backdrop-blur-xl"><div class="h-full w-full overflow-y-auto p-3"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <!> <div></div></div>'), st = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" fetchpriority="high"> <!> <div class="prevent-image-select bg-background absolute right-0 -bottom-[18%] left-0 z-9 mx-auto aspect-square w-1/5 animate-pulse rounded-full shadow-xl svelte-o63m4o"></div> <img alt="game logo" fetchpriority="high"></div>');
+var on_click$3 = (e2, t2, n2, i2, s2) => {
+  !get$1(t2) || get$1(n2) ? (Qe.trackClick(s2.game.id), window.open("https://" + s2.game.domain + "?utm_source=playlight", "_blank", "noopener")) : i2();
+}, tt = /* @__PURE__ */ template('<video playsinline="" loop fetchpriority="low"></video>', 2), nt = /* @__PURE__ */ template('<div class="bg-background/25 text-muted-foreground z-12 flex items-center justify-center gap-1 border-t p-1 px-2 text-sm"><!> <p class="text-muted-foreground text-sm">Tap again to open</p></div>'), rt = /* @__PURE__ */ template('<div class="bg-background/75 absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden text-white backdrop-blur-xl"><div class="h-full w-full overflow-y-auto p-3"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <!> <div></div></div>'), it = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" fetchpriority="high"> <!> <div class="prevent-image-select bg-background absolute right-0 -bottom-[18%] left-0 z-9 mx-auto aspect-square w-1/5 animate-pulse rounded-full shadow-xl svelte-o63m4o"></div> <img alt="game logo" fetchpriority="high"></div>');
 function GameCard(e2, t2) {
   push(t2, true);
-  const [n2, s2] = setup_stores();
-  let i2, o2 = prop(t2, "compact", 3, false), a2 = state(false), l2 = state(false), c2 = state(void 0), u2 = state(false), d2 = state(false), f2 = state(false), p2 = state(false), g2 = state(void 0);
+  const [n2, i2] = setup_stores();
+  let s2, o2 = prop(t2, "compact", 3, false), a2 = state(false), l2 = state(false), c2 = state(void 0), u2 = state(false), d2 = state(false), f2 = state(false), p2 = state(false), g2 = state(void 0);
   function handleHover() {
     get$1(a2) || get$1(p2) || function playSound(e3, t3 = 1) {
       try {
@@ -3341,12 +3341,12 @@ function GameCard(e2, t2) {
       } catch (e4) {
         console.error("Error playing sound:", e4);
       }
-    }(store_get(qe, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), set(a2, true), clearTimeout(i2), i2 = setTimeout(() => set(l2, true), 300), get$1(c2) && t2.game.cover_video_url && get$1(c2).play().catch((e3) => console.error("Video play error:", e3));
+    }(store_get(qe, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), set(a2, true), clearTimeout(s2), s2 = setTimeout(() => set(l2, true), 300), get$1(c2) && t2.game.cover_video_url && get$1(c2).play().catch((e3) => console.error("Video play error:", e3));
   }
   function handleUnhover() {
-    get$1(c2) && get$1(u2) && get$1(c2).pause(), set(a2, false), clearTimeout(i2), set(l2, false);
+    get$1(c2) && get$1(u2) && get$1(c2).pause(), set(a2, false), clearTimeout(s2), set(l2, false);
   }
-  var _2 = st();
+  var _2 = it();
   event("touchstart", z, (e3) => {
     get$1(g2) && !get$1(g2).contains(e3.target) && handleUnhover();
   }, void 0, true), event("pointerdown", z, (e3) => set(p2, "touch" === e3.pointerType)), event("pointermove", z, (e3) => set(p2, "touch" === e3.pointerType)), _2.__click = [on_click$3, p2, l2, handleHover, t2];
@@ -3380,9 +3380,9 @@ function GameCard(e2, t2) {
   });
   var h2 = sibling(v2, 2), consequent_2 = (e3) => {
     var n3 = tt();
-    let s3;
+    let i3;
     n3.muted = true, bind_this(n3, (e4) => set(c2, e4), () => get$1(c2)), template_effect((e4) => {
-      set_attribute(n3, "src", t2.game.cover_video_url), s3 = set_class(n3, 1, "absolute top-0 left-0 z-5 h-full w-full object-cover opacity-0", null, s3, e4);
+      set_attribute(n3, "src", t2.game.cover_video_url), i3 = set_class(n3, 1, "absolute top-0 left-0 z-5 h-full w-full object-cover opacity-0", null, i3, e4);
     }, [() => ({
       "opacity-100": get$1(a2) && get$1(u2) && t2.game.cover_video_url
     })]), event("loadeddata", n3, () => {
@@ -3395,7 +3395,7 @@ function GameCard(e2, t2) {
   var m2 = sibling(h2, 2);
   let b2;
   var y2 = sibling(m2, 2), consequent_4 = (e3) => {
-    var n3 = rt(), s3 = child(n3), i3 = child(s3), o3 = child(i3), a3 = child(sibling(i3, 2)), l3 = sibling(s3, 2), consequent_3 = (e4) => {
+    var n3 = rt(), i3 = child(n3), s3 = child(i3), o3 = child(s3), a3 = child(sibling(s3, 2)), l3 = sibling(i3, 2), consequent_3 = (e4) => {
       var t3 = nt();
       !function Info(e5, t4) {
         const n4 = legacy_rest_props(t4, ["children", "$$slots", "$$events", "$$legacy"]);
@@ -3412,8 +3412,8 @@ function GameCard(e2, t2) {
             d: "M12 8h.01"
           }]],
           children: (e6, n5) => {
-            var s4 = comment();
-            slot(first_child(s4), t4, "default", {}, null), append(e6, s4);
+            var i4 = comment();
+            slot(first_child(i4), t4, "default", {}, null), append(e6, i4);
           },
           $$slots: {
             default: true
@@ -3446,7 +3446,7 @@ function GameCard(e2, t2) {
     set(d2, true);
   }), event("load", $2, () => {
     set(f2, true);
-  }), append(e2, _2), pop(), s2();
+  }), append(e2, _2), pop(), i2();
 }
 function backInOut(e2) {
   const t2 = 2.5949095;
@@ -3463,8 +3463,8 @@ function cubicOut(e2) {
 function sineOut(e2) {
   return Math.sin(e2 * Math.PI / 2);
 }
-function flip(e2, { from: t2, to: n2 }, s2 = {}) {
-  var { delay: i2 = 0, duration: o2 = (e3) => 120 * Math.sqrt(e3), easing: a2 = cubicOut } = s2, l2 = getComputedStyle(e2), c2 = "none" === l2.transform ? "" : l2.transform, [u2, d2] = l2.transformOrigin.split(" ").map(parseFloat);
+function flip(e2, { from: t2, to: n2 }, i2 = {}) {
+  var { delay: s2 = 0, duration: o2 = (e3) => 120 * Math.sqrt(e3), easing: a2 = cubicOut } = i2, l2 = getComputedStyle(e2), c2 = "none" === l2.transform ? "" : l2.transform, [u2, d2] = l2.transformOrigin.split(" ").map(parseFloat);
   u2 /= e2.clientWidth, d2 /= e2.clientHeight;
   var f2 = (
     /**
@@ -3480,7 +3480,7 @@ function flip(e2, { from: t2, to: n2 }, s2 = {}) {
     }(e2)
   ), p2 = e2.clientWidth / n2.width / f2, g2 = e2.clientHeight / n2.height / f2, _2 = t2.left + t2.width * u2, v2 = t2.top + t2.height * d2, h2 = n2.left + n2.width * u2, m2 = n2.top + n2.height * d2, b2 = (_2 - h2) * p2, y2 = (v2 - m2) * g2, $2 = t2.width / n2.width, w2 = t2.height / n2.height;
   return {
-    delay: i2,
+    delay: s2,
     duration: "function" == typeof o2 ? o2(Math.sqrt(b2 * b2 + y2 * y2)) : o2,
     easing: a2,
     css: (e3, t3) => `transform: ${c2} translate(${t3 * b2}px, ${t3 * y2}px) scale(${e3 + t3 * $2}, ${e3 + t3 * w2});`
@@ -3489,13 +3489,13 @@ function flip(e2, { from: t2, to: n2 }, s2 = {}) {
 delegate(["click"]);
 var on_click$2 = (e2, t2, n2) => {
   set(t2, ""), set(n2, !get$1(n2));
-}, it = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), ot = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, s2, i2) => {
+}, st = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), ot = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, i2, s2) => {
   var _a2;
-  t2(n2), set(s2, false), (_a2 = i2.onCategoryChange) == null ? void 0 : _a2.call(i2);
+  t2(n2), set(i2, false), (_a2 = s2.onCategoryChange) == null ? void 0 : _a2.call(s2);
 }, at = /* @__PURE__ */ template("<button> </button>"), lt = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), ct = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-22 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur-xl"><div class="border-b p-3"><div class="relative"><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-1"><!></div> <input type="text" placeholder="Search categories..." class="w-full border-0 p-1 pl-10 text-white focus:ring-0 focus:outline-none"></div></div> <div class="max-h-60 overflow-y-auto"><!></div></div>'), ut = /* @__PURE__ */ template('<div class="flex w-full flex-col"><h1 class="mb-0! text-center text-2xl font-bold text-white drop-shadow-xl sm:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-black transition hover:rotate-5"><span class="max-w-[40vw] truncate text-2xl font-bold text-black sm:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
 function Navigation(e2, t2) {
   push(t2, true);
-  let n2, s2 = prop(t2, "categories", 19, () => []), i2 = prop(t2, "selectedCategory", 15), o2 = state(false), a2 = user_derived(() => i2() || (s2().length > 0 ? s2()[0] : "...")), l2 = state(""), c2 = state(void 0), u2 = user_derived(() => get$1(l2) ? s2().filter((e3) => e3.toLowerCase().includes(get$1(l2).toLowerCase())) : s2());
+  let n2, i2 = prop(t2, "categories", 19, () => []), s2 = prop(t2, "selectedCategory", 15), o2 = state(false), a2 = user_derived(() => s2() || (i2().length > 0 ? i2()[0] : "...")), l2 = state(""), c2 = state(void 0), u2 = user_derived(() => get$1(l2) ? i2().filter((e3) => e3.toLowerCase().includes(get$1(l2).toLowerCase())) : i2());
   const d2 = ["Looking for", "Interested in", "Searching for", "Fancy some", "What about these"];
   let f2 = state(proxy(d2[0]));
   onMount(() => {
@@ -3519,8 +3519,8 @@ function Navigation(e2, t2) {
         d: "m6 9 6 6 6-6"
       }]],
       children: (e4, n4) => {
-        var s3 = comment();
-        slot(first_child(s3), t3, "default", {}, null), append(e4, s3);
+        var i3 = comment();
+        slot(first_child(i3), t3, "default", {}, null), append(e4, i3);
       },
       $$slots: {
         default: true
@@ -3548,8 +3548,8 @@ function Navigation(e2, t2) {
           d: "m21 21-4.3-4.3"
         }]],
         children: (e5, n5) => {
-          var s3 = comment();
-          slot(first_child(s3), t3, "default", {}, null), append(e5, s3);
+          var i3 = comment();
+          slot(first_child(i3), t3, "default", {}, null), append(e5, i3);
         },
         $$slots: {
           default: true
@@ -3561,33 +3561,33 @@ function Navigation(e2, t2) {
       class: "text-muted-foreground"
     });
     var p3 = sibling(f3, 2), g3 = child(sibling(a3, 2)), consequent = (e4) => {
-      append(e4, it());
+      append(e4, st());
     }, alternate = (e4, n4) => {
       var consequent_1 = (e5) => {
         append(e5, ot());
       }, alternate_1 = (e5) => {
         var n5 = lt();
         each(n5, 28, () => get$1(u2), (e6) => e6, (e6, n6) => {
-          var s3 = at();
-          s3.__click = [on_click_1$1, i2, n6, o2, t2];
-          var a4 = child(s3);
+          var i3 = at();
+          i3.__click = [on_click_1$1, s2, n6, o2, t2];
+          var a4 = child(i3);
           template_effect(() => {
-            set_class(s3, 1, `w-full cursor-pointer px-4 py-2 text-left transition-colors ${(i2() != n6 ? "hover:bg-muted-foreground/20" : "") ?? ""} ${(i2() == n6 ? "bg-white text-black" : "text-white") ?? ""}`), set_text(a4, n6);
+            set_class(i3, 1, `w-full cursor-pointer px-4 py-2 text-left transition-colors ${(s2() != n6 ? "hover:bg-muted-foreground/20" : "") ?? ""} ${(s2() == n6 ? "bg-white text-black" : "text-white") ?? ""}`), set_text(a4, n6);
           }), function animation(e7, t3, n7) {
-            var s4, i3, o3, a5 = (
+            var i4, s3, o3, a5 = (
               /** @type {EachItem} */
               fe
             ), l3 = null;
             a5.a ?? (a5.a = {
               element: e7,
               measure() {
-                s4 = this.element.getBoundingClientRect();
+                i4 = this.element.getBoundingClientRect();
               },
               apply() {
-                if (o3 == null ? void 0 : o3.abort(), i3 = this.element.getBoundingClientRect(), s4.left !== i3.left || s4.right !== i3.right || s4.top !== i3.top || s4.bottom !== i3.bottom) {
+                if (o3 == null ? void 0 : o3.abort(), s3 = this.element.getBoundingClientRect(), i4.left !== s3.left || i4.right !== s3.right || i4.top !== s3.top || i4.bottom !== s3.bottom) {
                   const e8 = t3()(this.element, {
-                    from: s4,
-                    to: i3
+                    from: i4,
+                    to: s3
                   }, n7 == null ? void 0 : n7());
                   o3 = animate(this.element, e8, void 0, 1, () => {
                     o3 == null ? void 0 : o3.abort(), o3 = void 0;
@@ -3596,7 +3596,7 @@ function Navigation(e2, t2) {
               },
               fix() {
                 if (!e7.getAnimations().length) {
-                  var { position: t4, width: n8, height: i4 } = getComputedStyle(e7);
+                  var { position: t4, width: n8, height: s4 } = getComputedStyle(e7);
                   if ("absolute" !== t4 && "fixed" !== t4) {
                     var o4 = (
                       /** @type {HTMLElement | SVGElement} */
@@ -3607,10 +3607,10 @@ function Navigation(e2, t2) {
                       width: o4.width,
                       height: o4.height,
                       transform: o4.transform
-                    }, o4.position = "absolute", o4.width = n8, o4.height = i4;
+                    }, o4.position = "absolute", o4.width = n8, o4.height = s4;
                     var a6 = e7.getBoundingClientRect();
-                    if (s4.left !== a6.left || s4.top !== a6.top) {
-                      var c3 = `translate(${s4.left - a6.left}px, ${s4.top - a6.top}px)`;
+                    if (i4.left !== a6.left || i4.top !== a6.top) {
+                      var c3 = `translate(${i4.left - a6.left}px, ${i4.top - a6.top}px)`;
                       o4.transform = o4.transform ? `${o4.transform} ${c3}` : c3;
                     }
                   }
@@ -3630,9 +3630,9 @@ function Navigation(e2, t2) {
             // swap out the element rather than creating a new manager, in case it happened at the same
             // moment as a reconciliation
             a5.a.element = e7;
-          }(s3, () => flip, () => ({
+          }(i3, () => flip, () => ({
             duration: 150
-          })), append(e6, s3);
+          })), append(e6, i3);
         }), append(e5, n5);
       };
       if_block(e4, (e5) => {
@@ -3640,12 +3640,12 @@ function Navigation(e2, t2) {
       }, n4);
     };
     if_block(g3, (e4) => {
-      0 === s2().length ? e4(consequent) : e4(alternate, false);
+      0 === i2().length ? e4(consequent) : e4(alternate, false);
     }), bind_this(n3, (e4) => set(c2, e4), () => get$1(c2)), function bind_value(e4, t3, n4 = t3) {
-      var s3 = is_runes();
-      listen_to_event_and_reset_event(e4, "input", (i3) => {
-        var o3 = i3 ? e4.defaultValue : e4.value;
-        if (o3 = is_numberlike_input(e4) ? to_number(o3) : o3, n4(o3), s3 && o3 !== (o3 = t3())) {
+      var i3 = is_runes();
+      listen_to_event_and_reset_event(e4, "input", (s3) => {
+        var o3 = s3 ? e4.defaultValue : e4.value;
+        if (o3 = is_numberlike_input(e4) ? to_number(o3) : o3, n4(o3), i3 && o3 !== (o3 = t3())) {
           var a4 = e4.selectionStart, l3 = e4.selectionEnd;
           e4.value = o3 ?? "", // Restore selection
           null !== l3 && (e4.selectionStart = a4, e4.selectionEnd = Math.min(l3, e4.value.length));
@@ -3678,26 +3678,26 @@ function Navigation(e2, t2) {
 }
 delegate(["click"]);
 var dt = /* @__PURE__ */ template('<div class="-mx-10 mt-5 flex h-92 w-10 flex-col"><div class="flex h-full items-center justify-center"><div class="flex h-full w-full flex-col items-center justify-between"><div class="bg-muted-foreground min-[1920px]:h-1/4 h-1/5 w-px"></div> <div class="text-muted-foreground origin-center -rotate-90 transform text-sm whitespace-nowrap select-none">From other categories</div> <div class="bg-muted-foreground h-1/5 w-px min-[1920px]:h-1/4"></div></div></div></div>');
-function restore(e2, t2, n2, s2, i2, o2) {
-  set(t2, false), set(n2, true), set(s2, 250), set(i2, 0), o2(250, 0, 250, (e3, t3, n3) => {
-    set(s2, e3 * (1 - n3)), set(i2, n3, true);
+function restore(e2, t2, n2, i2, s2, o2) {
+  set(t2, false), set(n2, true), set(i2, 250), set(s2, 0), o2(250, 0, 250, (e3, t3, n3) => {
+    set(i2, e3 * (1 - n3)), set(s2, n3, true);
   });
 }
-async function toggleLike(e2, t2, n2, s2) {
+async function toggleLike(e2, t2, n2, i2) {
   var _a2;
   if (!((_a2 = t2.currentGame) == null ? void 0 : _a2.id)) return;
-  const i2 = !get$1(n2);
-  store_set(Oe, i2), set(n2, !get$1(n2)), // Toggle liked state
+  const s2 = !get$1(n2);
+  store_set(Oe, s2), set(n2, !get$1(n2)), // Toggle liked state
   // Save to localStorage
-  i2 ? localStorage.setItem(`playlight_${t2.currentGame.id}_liked`, "true") : localStorage.removeItem(`playlight_${t2.currentGame.id}_liked`);
-  await Qe.toggleLike(t2.currentGame.id, i2) || store_set(Oe, !i2);
+  s2 ? localStorage.setItem(`playlight_${t2.currentGame.id}_liked`, "true") : localStorage.removeItem(`playlight_${t2.currentGame.id}_liked`);
+  await Qe.toggleLike(t2.currentGame.id, s2) || store_set(Oe, !s2);
 }
 var ft = /* @__PURE__ */ template('<div class="bg-background/85 fixed bottom-4 left-4 z-2 flex touch-none flex-wrap items-center gap-1 border-1 p-4 text-start shadow-lg backdrop-blur-xl max-sm:right-4 sm:w-72" role="button" tabindex="0"><div class="w-full"><p class="text-muted-foreground text-sm select-none">Currently playing</p></div> <div class="flex w-full items-center gap-2"><img alt="logo"> <p class="max-w-2/3 truncate text-lg font-bold text-white"> </p> <div class="mt-0.5 ml-auto flex items-center gap-2"><p class="text-muted-foreground text-sm"> </p> <button class="text-muted-foreground cursor-pointer transition hover:text-white"><!></button></div></div></div>'), pt = /* @__PURE__ */ template('<div class="fixed bottom-0 z-3 shadow-xl max-sm:right-4 max-sm:left-4 sm:left-4 sm:w-72"><button class="bg-background/85 hover:bg-background/95 w-full rounded-t-md border px-4 py-1.5 backdrop-blur-sm transition" aria-label="Show game display"><div class="bg-muted-foreground mx-auto h-px w-16"></div></button></div>'), gt = /* @__PURE__ */ template("<!> <!>", 1);
 function CurrentGameDisplay(e2, t2) {
   var _a2;
   push(t2, true);
-  const [n2, s2] = setup_stores(), $likedInThisSession = () => store_get(Oe, "$likedInThisSession", n2);
-  let i2 = state(false), o2 = state(true), a2 = state(false), l2 = state(0), c2 = state(1), u2 = state(false), d2 = state(false), f2 = state(proxy(((_a2 = t2.currentGame) == null ? void 0 : _a2.likes) || 0)), p2 = 0;
+  const [n2, i2] = setup_stores(), $likedInThisSession = () => store_get(Oe, "$likedInThisSession", n2);
+  let s2 = state(false), o2 = state(true), a2 = state(false), l2 = state(0), c2 = state(1), u2 = state(false), d2 = state(false), f2 = state(proxy(((_a2 = t2.currentGame) == null ? void 0 : _a2.likes) || 0)), p2 = 0;
   function startDrag(e3) {
     set(u2, true), p2 = e3.type.includes("touch") ? e3.touches[0].clientY : e3.clientY;
   }
@@ -3717,11 +3717,11 @@ function CurrentGameDisplay(e2, t2) {
       });
     }());
   }
-  function animate2(e3, t3, n3, s3) {
-    const i3 = Date.now();
+  function animate2(e3, t3, n3, i3) {
+    const s3 = Date.now();
     !function frame() {
-      const o3 = Math.min((Date.now() - i3) / n3, 1);
-      s3(e3, t3, o3), o3 < 1 && requestAnimationFrame(frame);
+      const o3 = Math.min((Date.now() - s3) / n3, 1);
+      i3(e3, t3, o3), o3 < 1 && requestAnimationFrame(frame);
     }();
   }
   user_effect(() => {
@@ -3731,7 +3731,7 @@ function CurrentGameDisplay(e2, t2) {
   var g2 = gt(), _2 = first_child(g2), consequent = (e3) => {
     var n3 = ft();
     n3.__mousedown = startDrag, n3.__mousemove = drag, n3.__mouseup = endDrag, n3.__touchstart = startDrag, n3.__touchmove = drag, n3.__touchend = endDrag;
-    var s3 = sibling(child(n3), 2), o3 = child(s3);
+    var i3 = sibling(child(n3), 2), o3 = child(i3);
     let a3;
     var u3 = sibling(o3, 2), p3 = child(u3), g3 = child(sibling(u3, 2)), _3 = child(g3), v3 = sibling(g3, 2);
     v3.__click = [toggleLike, t2, d2, $likedInThisSession];
@@ -3748,8 +3748,8 @@ function CurrentGameDisplay(e2, t2) {
           d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"
         }]],
         children: (e5, n5) => {
-          var s4 = comment();
-          slot(first_child(s4), t3, "default", {}, null), append(e5, s4);
+          var i4 = comment();
+          slot(first_child(i4), t3, "default", {}, null), append(e5, i4);
         },
         $$slots: {
           default: true
@@ -3766,9 +3766,9 @@ function CurrentGameDisplay(e2, t2) {
       var _a3, _b2;
       set_style(n3, `transform: translateY(${get$1(l2) ?? ""}px); opacity: ${get$1(c2) ?? ""}; cursor: grab;`), set_attribute(o3, "src", (_a3 = t2.currentGame) == null ? void 0 : _a3.logo_url), a3 = set_class(o3, 1, "bg-muted h-5 w-5 select-none", null, a3, e4), set_text(p3, ((_b2 = t2.currentGame) == null ? void 0 : _b2.name) || "Default name"), set_text(_3, $likedInThisSession() ? get$1(f2) + 1 : get$1(f2)), set_style(v3, `color: ${(get$1(d2) ? "white !important" : "") ?? ""};`), set_attribute(v3, "aria-label", get$1(d2) ? "Unlike game" : "Like game");
     }, [() => ({
-      "animate-pulse": !get$1(i2)
+      "animate-pulse": !get$1(s2)
     })]), event("mouseleave", n3, endDrag), event("load", o3, () => {
-      set(i2, true);
+      set(s2, true);
     }), append(e3, n3);
   };
   if_block(_2, (e3) => {
@@ -3783,17 +3783,17 @@ function CurrentGameDisplay(e2, t2) {
   };
   if_block(v2, (e3) => {
     t2.currentGame && get$1(a2) && e3(consequent_1);
-  }), append(e2, g2), pop(), s2();
+  }), append(e2, g2), pop(), i2();
 }
 function closeDiscoveryOnEmptyClick(e2, t2) {
-  e2.target === e2.currentTarget && store_set(Ie, false);
+  e2.target === e2.currentTarget && store_set(Te, false);
 }
 delegate(["mousedown", "mousemove", "mouseup", "touchstart", "touchmove", "touchend", "click"]);
-var on_click$1 = (e2, t2) => store_set(Ie, false), _t = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), vt = /* @__PURE__ */ template('<div class="pointer-events-none flex h-4/5 items-center justify-center gap-4"><p class="text-white">No games found that match the filter.</p></div>'), ht = /* @__PURE__ */ template("<!> <!>", 1), mt = /* @__PURE__ */ template('<div class="flex h-30 items-center"><!></div>'), bt = /* @__PURE__ */ template('<div class="pointer-events-none mx-auto flex h-fit flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="pointer-events-none flex min-h-10 w-full justify-center"><!></div></div>'), yt = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md" id="playlight-discovery"><div class="pointer-events-none flex items-center justify-between p-4"><img alt="logo" class="pointer-events-none ml-3 w-50 max-sm:w-40"> <div class="mt-3.5 mr-4 flex items-center justify-evenly gap-8 overflow-hidden max-sm:mt-3"><button class="cursor-pointer text-white transition hover:opacity-50"><!></button></div></div> <div class="mx-auto px-6 max-sm:py-1 sm:pt-2 sm:pb-6"><!></div> <!>  <div class="mask-fade show-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-44gflq"><!></div> <a href="https://playlight.dev" target="_blank" class="text-muted-foreground fixed right-4 bottom-4 flex items-center gap-1 text-sm transition hover:text-white">Game dev? Join Playlight <!></a></div>');
+var on_click$1 = (e2, t2) => store_set(Te, false), _t = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), vt = /* @__PURE__ */ template('<div class="pointer-events-none flex h-4/5 items-center justify-center gap-4"><p class="text-white">No games found that match the filter.</p></div>'), ht = /* @__PURE__ */ template("<!> <!>", 1), mt = /* @__PURE__ */ template('<div class="flex h-30 items-center"><!></div>'), bt = /* @__PURE__ */ template('<div class="pointer-events-none mx-auto flex h-fit flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="pointer-events-none flex min-h-10 w-full justify-center"><!></div></div>'), yt = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md" id="playlight-discovery"><div class="pointer-events-none flex items-center justify-between p-4"><img alt="logo" class="pointer-events-none ml-3 w-50 max-sm:w-40"> <div class="mt-3.5 mr-4 flex items-center justify-evenly gap-8 overflow-hidden max-sm:mt-3"><button class="cursor-pointer text-white transition hover:opacity-50"><!></button></div></div> <div class="mx-auto px-6 max-sm:py-1 sm:pt-2 sm:pb-6"><!></div> <!>  <div class="mask-fade show-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-44gflq"><!></div> <a href="https://playlight.dev" target="_blank" class="text-muted-foreground fixed right-4 bottom-4 flex items-center gap-1 text-sm transition hover:text-white">Game dev? Join Playlight <!></a></div>');
 function DiscoveryOverlay(e2, t2) {
   push(t2, true);
-  const [n2, s2] = setup_stores(), $discoveryOpen = () => store_get(Ie, "$discoveryOpen", n2);
-  let i2, o2 = state(true), a2 = state(false), l2 = state(void 0), c2 = state(proxy([])), u2 = state(void 0), d2 = state(proxy([])), f2 = state(1), p2 = state(true), g2 = state(false), _2 = state(void 0), v2 = state(void 0);
+  const [n2, i2] = setup_stores(), $discoveryOpen = () => store_get(Te, "$discoveryOpen", n2);
+  let s2, o2 = state(true), a2 = state(false), l2 = state(void 0), c2 = state(proxy([])), u2 = state(void 0), d2 = state(proxy([])), f2 = state(1), p2 = state(true), g2 = state(false), _2 = state(void 0), v2 = state(void 0);
   async function loadNewFeed() {
     var _a2, _b2;
     set(d2, [], true), set(f2, 1), set(p2, true), set(g2, false), ((_a2 = get$1(l2)) == null ? void 0 : _a2.featured_game) && get$1(u2) == ((_b2 = get$1(l2)) == null ? void 0 : _b2.category) && get$1(d2).push({
@@ -3804,19 +3804,19 @@ function DiscoveryOverlay(e2, t2) {
   async function fetchGames() {
     if (get$1(o2) || get$1(a2)) return;
     1 === get$1(f2) ? set(o2, true) : set(a2, true);
-    const e3 = get$1(g2) ? null : get$1(u2), t3 = await Qe.getSuggestions(e3, get$1(f2)), n3 = (t3 == null ? void 0 : t3.games) || [], s3 = (t3 == null ? void 0 : t3.pageSize) || 15, i3 = n3.filter((e4) => !get$1(d2).some((t4) => t4.id === e4.id));
-    if (set(d2, [...get$1(d2), ...i3], true), n3.length < s3 ? !get$1(g2) && get$1(u2) ? (set(g2, true), set(f2, 1)) : set(p2, false) : set(f2, get$1(f2) + 1), // Disable loading state
+    const e3 = get$1(g2) ? null : get$1(u2), t3 = await Qe.getSuggestions(e3, get$1(f2)), n3 = (t3 == null ? void 0 : t3.games) || [], i3 = (t3 == null ? void 0 : t3.pageSize) || 15, s3 = n3.filter((e4) => !get$1(d2).some((t4) => t4.id === e4.id));
+    if (set(d2, [...get$1(d2), ...s3], true), n3.length < i3 ? !get$1(g2) && get$1(u2) ? (set(g2, true), set(f2, 1)) : set(p2, false) : set(f2, get$1(f2) + 1), // Disable loading state
     set(o2, false), set(a2, false), get$1(p2) && get$1(_2)) {
       get$1(_2).getBoundingClientRect().bottom <= window.innerHeight + 300 && fetchGames();
     }
   }
-  onMount(() => (i2 = new IntersectionObserver((e3) => {
+  onMount(() => (s2 = new IntersectionObserver((e3) => {
     e3[0].isIntersecting && get$1(p2) && fetchGames();
   }, {
     rootMargin: "300px",
     root: get$1(v2)
-  }), () => i2 == null ? void 0 : i2.disconnect())), user_effect(() => {
-    get$1(_2) && i2 && i2.observe(get$1(_2));
+  }), () => s2 == null ? void 0 : s2.disconnect())), user_effect(() => {
+    get$1(_2) && s2 && s2.observe(get$1(_2));
   }), onMount(async () => {
     var _a2, _b2, _c2;
     set(l2, await Qe.getCurrentGameInfo(), true), set(c2, await Qe.getCategories(), true), set(u2, ((_a2 = get$1(l2)) == null ? void 0 : _a2.category) || ((_c2 = get$1(c2)) == null ? void 0 : _c2[((_b2 = get$1(c2)) == null ? void 0 : _b2.length) - 1]), true), set(o2, false), // Initial loading done, but loading will be set to true again by fetchGames
@@ -3824,7 +3824,7 @@ function DiscoveryOverlay(e2, t2) {
   });
   var h2 = yt();
   event("keydown", z, (e3) => {
-    "Escape" == e3.key && store_set(Ie, false);
+    "Escape" == e3.key && store_set(Te, false);
   }), h2.__click = [closeDiscoveryOnEmptyClick, $discoveryOpen];
   var m2 = child(h2), b2 = child(m2), y2 = child(sibling(b2, 2));
   y2.__click = [on_click$1, $discoveryOpen], function X(e3, t3) {
@@ -3838,8 +3838,8 @@ function DiscoveryOverlay(e2, t2) {
         d: "m6 6 12 12"
       }]],
       children: (e4, n4) => {
-        var s3 = comment();
-        slot(first_child(s3), t3, "default", {}, null), append(e4, s3);
+        var i3 = comment();
+        slot(first_child(i3), t3, "default", {}, null), append(e4, i3);
       },
       $$slots: {
         default: true
@@ -3883,22 +3883,22 @@ function DiscoveryOverlay(e2, t2) {
     }, alternate_1 = (e4) => {
       var t4 = bt(), n3 = child(t4);
       each(n3, 17, () => get$1(d2), index, (e5, t5, n4) => {
-        var s4 = ht();
-        const i4 = user_derived(() => get$1(d2).findIndex((e6) => e6.category !== get$1(u2) && !e6.featured));
-        var o3 = first_child(s4), consequent_2 = (e6) => {
+        var i4 = ht();
+        const s4 = user_derived(() => get$1(d2).findIndex((e6) => e6.category !== get$1(u2) && !e6.featured));
+        var o3 = first_child(i4), consequent_2 = (e6) => {
           !function GameCategorySeperator(e7) {
             append(e7, dt());
           }(e6);
         };
         if_block(o3, (e6) => {
-          n4 == get$1(i4) && e6(consequent_2);
+          n4 == get$1(s4) && e6(consequent_2);
         }), GameCard(sibling(o3, 2), {
           get game() {
             return get$1(t5);
           }
-        }), append(e5, s4);
+        }), append(e5, i4);
       });
-      var s3 = sibling(n3, 2), i3 = child(s3), consequent_3 = (e5) => {
+      var i3 = sibling(n3, 2), s3 = child(i3), consequent_3 = (e5) => {
         var t5 = mt();
         Loader_circle(child(t5), {
           class: "animate-spin opacity-75",
@@ -3906,9 +3906,9 @@ function DiscoveryOverlay(e2, t2) {
           strokeWidth: 2.5
         }), append(e5, t5);
       };
-      if_block(i3, (e5) => {
+      if_block(s3, (e5) => {
         get$1(a2) && e5(consequent_3);
-      }), bind_this(s3, (e5) => set(_2, e5), () => get$1(_2)), append(e4, t4);
+      }), bind_this(i3, (e5) => set(_2, e5), () => get$1(_2)), append(e4, t4);
     };
     if_block(e3, (e4) => {
       0 !== get$1(d2).length || get$1(o2) ? e4(alternate_1, false) : e4(consequent_1);
@@ -3931,8 +3931,8 @@ function DiscoveryOverlay(e2, t2) {
         d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
       }]],
       children: (e4, n4) => {
-        var s3 = comment();
-        slot(first_child(s3), t3, "default", {}, null), append(e4, s3);
+        var i3 = comment();
+        slot(first_child(i3), t3, "default", {}, null), append(e4, i3);
       },
       $$slots: {
         default: true
@@ -3942,7 +3942,7 @@ function DiscoveryOverlay(e2, t2) {
     size: 14
   }), template_effect(() => set_attribute(b2, "src", store_get(qe, "$projectUrl", n2) + "/static/images/logo-white-small.png")), transition(3, h2, () => blur, () => ({
     duration: 250
-  })), append(e2, h2), pop(), s2();
+  })), append(e2, h2), pop(), i2();
 }
 delegate(["click"]);
 var $t = /* @__PURE__ */ template("<button><!></button>");
@@ -3952,77 +3952,86 @@ function Button(e2, t2) {
     var _a2;
     (_a2 = t2.onclick) == null ? void 0 : _a2.apply(this, e3);
   }, function snippet(e3, t3, ...n3) {
-    var s2, i2 = e3, o2 = noop;
+    var i2, s2 = e3, o2 = noop;
     block(() => {
-      o2 !== (o2 = t3()) && (s2 && (destroy_effect(s2), s2 = null), s2 = branch(() => (
+      o2 !== (o2 = t3()) && (i2 && (destroy_effect(i2), i2 = null), i2 = branch(() => (
         /** @type {SnippetFn} */
-        o2(i2, ...n3)
+        o2(s2, ...n3)
       )));
     }, w);
   }(child(n2), () => t2.children ?? noop), template_effect(() => set_class(n2, 1, `hover:bg-background text-md inline-flex cursor-pointer items-center bg-white px-3 py-2 font-bold text-nowrap text-black uppercase transition hover:text-white ${t2.class ?? ""}`)), append(e2, n2);
 }
 delegate(["click"]);
+const wt = /* @__PURE__ */ new Map();
+async function triggerEvent(e2, ...t2) {
+  const n2 = wt.get(e2);
+  if (n2) for (const i2 of n2) try {
+    await i2(...t2);
+  } catch (t3) {
+    console.error(`Playlight ${e2} callback error:`, t3);
+  }
+}
 var on_pointerover = (e2, t2) => {
   "touch" !== e2.pointerType && t2();
-}, wt = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-4"></div>'), xt = /* @__PURE__ */ template('<div class="relative"><img alt="" class="group-hover:outline-background relative h-7 w-7 bg-stone-200 outline outline-4 outline-white transition-colors select-none"></div>'), kt = /* @__PURE__ */ template('<div class="ml-3 flex items-center -space-x-2"></div>'), Ct = /* @__PURE__ */ template("More games <!>", 1), St = /* @__PURE__ */ template('<div role="menu" tabindex="0" class="bg-background/85 fixed top-4 right-4 left-4 z-99998 mx-auto flex w-fit max-w-[calc(100%-2rem)] flex-wrap items-center gap-4 overflow-hidden border-1 p-4 shadow-lg backdrop-blur-xl"><p class="truncate text-lg font-semibold text-nowrap text-white"> </p> <!></div>'), Mt = /* @__PURE__ */ template("<!> <!>", 1);
+}, xt = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-4"></div>'), kt = /* @__PURE__ */ template('<div class="relative"><img alt="" class="group-hover:outline-background relative h-7 w-7 bg-stone-200 outline outline-4 outline-white transition-colors select-none"></div>'), Ct = /* @__PURE__ */ template('<div class="ml-3 flex items-center -space-x-2"></div>'), St = /* @__PURE__ */ template("More games <!>", 1), It = /* @__PURE__ */ template('<div role="menu" tabindex="0" class="bg-background/85 fixed top-4 right-4 left-4 z-99998 mx-auto flex w-fit max-w-[calc(100%-2rem)] flex-wrap items-center gap-4 overflow-hidden border-1 p-4 shadow-lg backdrop-blur-xl"><p class="truncate text-lg font-semibold text-nowrap text-white"> </p> <!></div>'), Mt = /* @__PURE__ */ template("<!> <!>", 1);
 function ExitIntentDetector(e2, t2) {
   push(t2, true);
-  let n2, s2 = prop(t2, "enabled", 3, true), i2 = prop(t2, "immediate", 3, false), o2 = state(void 0), a2 = state(void 0), l2 = state(false), c2 = state(void 0);
+  let n2, i2 = prop(t2, "enabled", 3, true), s2 = prop(t2, "immediate", 3, false), o2 = state(void 0), a2 = state(void 0), l2 = state(false), c2 = state(void 0);
   function handleBarTrigger() {
     setTimeout(() => {
       var _a2;
-      n2 < Date.now() - 50 && (clearTimeout(get$1(c2)), set(c2, null), i2() ? (_a2 = t2.onIntent) == null ? void 0 : _a2.call(t2) : (!async function loadInitialSuggestions() {
+      n2 < Date.now() - 50 && (clearTimeout(get$1(c2)), set(c2, null), s2() ? (triggerEvent("exitIntent"), (_a2 = t2.onIntent) == null ? void 0 : _a2.call(t2)) : (!async function loadInitialSuggestions() {
         const e3 = await Qe.getCategories(), t3 = await Qe.getCurrentGameInfo();
         get$1(d2) || set(d2, (t3 == null ? void 0 : t3.category) || (e3 == null ? void 0 : e3[(e3 == null ? void 0 : e3.length) - 1]), true);
         let n3 = await Qe.getSuggestions(get$1(d2), 1);
         set(f2, ((n3 == null ? void 0 : n3.games) || []).slice(0, 3), true);
-      }(), set(l2, true)));
+      }(), triggerEvent("exitIntent"), set(l2, true)));
     }, 150);
   }
   let u2 = ["The cure for boredom.", "Ready for what’s next?", "Why stop the fun now?", "Games don’t play themselves.", "A new adventure awaits.", "There’s always time for one more."], d2 = state(void 0), f2 = state(proxy([]));
   var p2 = Mt();
   event("mousemove", P, function trackMouse(e3) {
     var _a2, _b2;
-    !s2() || ((_a2 = get$1(o2)) == null ? void 0 : _a2.contains(e3.target)) || ((_b2 = get$1(a2)) == null ? void 0 : _b2.contains(e3.target)) || (!get$1(c2) && get$1(l2) && set(c2, setTimeout(() => set(l2, false), 1500), true), n2 = Date.now());
+    !i2() || ((_a2 = get$1(o2)) == null ? void 0 : _a2.contains(e3.target)) || ((_b2 = get$1(a2)) == null ? void 0 : _b2.contains(e3.target)) || (!get$1(c2) && get$1(l2) && set(c2, setTimeout(() => set(l2, false), 1500), true), n2 = Date.now());
   });
   var g2 = first_child(p2), consequent = (e3) => {
-    var t3 = wt();
+    var t3 = xt();
     t3.__pointerover = [on_pointerover, handleBarTrigger], bind_this(t3, (e4) => set(o2, e4), () => get$1(o2)), append(e3, t3);
   };
   if_block(g2, (e3) => {
-    s2() && e3(consequent);
+    i2() && e3(consequent);
   });
   var _2 = sibling(g2, 2), consequent_2 = (e3) => {
-    var n3 = St(), s3 = child(n3), i3 = child(s3);
-    Button(sibling(s3, 2), {
+    var n3 = It(), i3 = child(n3), s3 = child(i3);
+    Button(sibling(i3, 2), {
       class: "group",
       onclick: () => {
         var _a2;
         (_a2 = t2.onIntent) == null ? void 0 : _a2.call(t2), setTimeout(() => set(l2, false), 150);
       },
       children: (e4, t3) => {
-        var n4 = Ct(), s4 = sibling(first_child(n4)), consequent_1 = (e5) => {
-          var t4 = kt();
+        var n4 = St(), i4 = sibling(first_child(n4)), consequent_1 = (e5) => {
+          var t4 = Ct();
           each(t4, 21, () => get$1(f2), index, (e6, t5, n5) => {
-            var s5 = xt();
-            let i4;
-            var o3 = child(s5);
+            var i5 = kt();
+            let s4;
+            var o3 = child(i5);
             template_effect(() => {
-              i4 = set_style(s5, "", i4, {
+              s4 = set_style(i5, "", s4, {
                 "z-index": get$1(f2).length - n5
               }), set_attribute(o3, "src", get$1(t5).logo_url);
-            }), append(e6, s5);
+            }), append(e6, i5);
           }), transition(3, t4, () => slide, () => ({
             axis: "x",
             duration: 150
           })), append(e5, t4);
         };
-        if_block(s4, (e5) => {
+        if_block(i4, (e5) => {
           var _a2;
           ((_a2 = get$1(f2)) == null ? void 0 : _a2.length) >= 3 && e5(consequent_1);
         }), append(e4, n4);
       }
-    }), bind_this(n3, (e4) => set(a2, e4), () => get$1(a2)), template_effect((e4) => set_text(i3, e4), [() => u2[Math.floor(Math.random() * u2.length)]]), event("mouseenter", n3, () => {
+    }), bind_this(n3, (e4) => set(a2, e4), () => get$1(a2)), template_effect((e4) => set_text(s3, e4), [() => u2[Math.floor(Math.random() * u2.length)]]), event("mouseenter", n3, () => {
       clearTimeout(get$1(c2)), set(c2, null);
     }), transition(3, n3, () => fly, () => ({
       y: -100,
@@ -4038,14 +4047,14 @@ delegate(["pointerover"]);
 var Tt = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
 function App(e2, t2) {
   push(t2, true);
-  const [n2, s2] = setup_stores(), $discoveryOpen = () => store_get(Ie, "$discoveryOpen", n2), $config = () => store_get(t2.config, "$config", n2);
+  const [n2, i2] = setup_stores(), $discoveryOpen = () => store_get(Te, "$discoveryOpen", n2), $config = () => store_get(t2.config, "$config", n2);
   function openDiscovery() {
-    $discoveryOpen() || (store_set(Ie, true), Qe.trackOpen());
+    $discoveryOpen() || (store_set(Te, true), Qe.trackOpen());
   }
-  let i2;
-  Ie.subscribe((e3) => {
+  let s2;
+  Te.subscribe((e3) => {
     try {
-      e3 ? (i2 = document.body.style.overflow, document.body.style.overflow = "hidden") : document.body.style.overflow = i2;
+      e3 ? (triggerEvent("discoveryOpen"), s2 = document.body.style.overflow, document.body.style.overflow = "hidden") : (triggerEvent("discoveryClose"), document.body.style.overflow = s2);
     } catch (e4) {
       console.error("Failed to toggle body overflow style:", e4);
     }
@@ -4095,9 +4104,9 @@ function App(e2, t2) {
   };
   if_block(g2, (e3) => {
     $discoveryOpen() && e3(consequent_1);
-  }), append(e2, o2), pop(), s2();
+  }), append(e2, o2), pop(), i2();
 }
-const It = {
+const Ot = {
   button: {
     position: "bottom-right",
     visible: true
@@ -4107,40 +4116,40 @@ const It = {
     immediate: false
   }
 };
-let Ot = {
-  ...It
+let qt = {
+  ...Ot
 };
 function initializeConfig(e2 = {}) {
-  return Ot = deepMerge(It, e2), Ot;
+  return qt = deepMerge(Ot, e2), qt;
 }
 function deepMerge(e2, t2) {
   const n2 = {
     ...e2
   };
-  return isObject(e2) && isObject(t2) && Object.keys(t2).forEach((s2) => {
-    isObject(t2[s2]) ? s2 in e2 ? n2[s2] = deepMerge(e2[s2], t2[s2]) : Object.assign(n2, {
-      [s2]: t2[s2]
+  return isObject(e2) && isObject(t2) && Object.keys(t2).forEach((i2) => {
+    isObject(t2[i2]) ? i2 in e2 ? n2[i2] = deepMerge(e2[i2], t2[i2]) : Object.assign(n2, {
+      [i2]: t2[i2]
     }) : Object.assign(n2, {
-      [s2]: t2[s2]
+      [i2]: t2[i2]
     });
   }), n2;
 }
 function isObject(e2) {
   return e2 && "object" == typeof e2 && !Array.isArray(e2);
 }
-var qt = /* @__PURE__ */ template('<div class="flex h-62 w-full items-center justify-center"><!></div>'), Pt = /* @__PURE__ */ template('<div class="snap-center px-2"><!></div>'), zt = /* @__PURE__ */ template('<!> <div class="bg-background/85 my-auto mr-3 mb-30 ml-2 flex min-w-40 snap-center flex-wrap items-center justify-center gap-4 p-4 pb-6 shadow-lg backdrop-blur-xl"><p class="w-full text-center text-lg font-semibold text-white">Fancy more?</p> <!></div>', 1), on_click = (e2, t2, n2) => get$1(t2).scrollBy({
+var Pt = /* @__PURE__ */ template('<div class="flex h-62 w-full items-center justify-center"><!></div>'), zt = /* @__PURE__ */ template('<div class="snap-center px-2"><!></div>'), Wt = /* @__PURE__ */ template('<!> <div class="bg-background/85 my-auto mr-3 mb-30 ml-2 flex min-w-40 snap-center flex-wrap items-center justify-center gap-4 p-4 pb-6 shadow-lg backdrop-blur-xl"><p class="w-full text-center text-lg font-semibold text-white">Fancy more?</p> <!></div>', 1), on_click = (e2, t2, n2) => get$1(t2).scrollBy({
   left: 2 * -get$1(n2),
   behavior: "smooth"
-}), Wt = /* @__PURE__ */ template('<button class="bg-background/85 absolute top-4/9 left-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), on_click_1 = (e2, t2, n2) => get$1(t2).scrollBy({
+}), Et = /* @__PURE__ */ template('<button class="bg-background/85 absolute top-4/9 left-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), on_click_1 = (e2, t2, n2) => get$1(t2).scrollBy({
   left: 2 * get$1(n2),
   behavior: "smooth"
 }), jt = /* @__PURE__ */ template('<button class="bg-background/85 absolute top-4/9 right-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), Dt = /* @__PURE__ */ template("<!> <!>", 1), Nt = /* @__PURE__ */ template('<div class="playlight-sdk-container"><div class="relative flex h-full w-full snap-x gap-2 overflow-x-auto"><!></div> <!></div>');
 function WidgetCarousel(e2, t2) {
   push(t2, true);
-  const [n2, s2] = setup_stores();
-  let i2 = state(true), o2 = state(proxy([])), a2 = state(void 0), l2 = state(void 0), c2 = state(0), u2 = state(false), d2 = state(true), f2 = state("");
+  const [n2, i2] = setup_stores();
+  let s2 = state(true), o2 = state(proxy([])), a2 = state(void 0), l2 = state(void 0), c2 = state(0), u2 = state(false), d2 = state(true), f2 = state("");
   function updateMask(e3, t3) {
-    const n3 = Math.min(e3 / 50, 1), s3 = Math.min(t3 / 50, 1);
+    const n3 = Math.min(e3 / 50, 1), i3 = Math.min(t3 / 50, 1);
     set(f2, `mask-image: linear-gradient(
 			to right,
 			rgba(0, 0, 0, ${1 - 0.95 * n3}) 0%,
@@ -4151,57 +4160,57 @@ function WidgetCarousel(e2, t2) {
 			rgba(0, 0, 0, ${1 - 0.046 * n3}) 8%,
 			black 9%,
 			black 91%,
-			rgba(0, 0, 0, ${0.954 * s3 + (1 - s3)}) 92%,
-			rgba(0, 0, 0, ${0.86 * s3 + (1 - s3)}) 93.5%,
-			rgba(0, 0, 0, ${0.74 * s3 + (1 - s3)}) 95%,
-			rgba(0, 0, 0, ${0.554 * s3 + (1 - s3)}) 96.5%,
-			rgba(0, 0, 0, ${0.326 * s3 + (1 - s3)}) 98%,
-			rgba(0, 0, 0, ${0.05 * s3 + (1 - s3)})
+			rgba(0, 0, 0, ${0.954 * i3 + (1 - i3)}) 92%,
+			rgba(0, 0, 0, ${0.86 * i3 + (1 - i3)}) 93.5%,
+			rgba(0, 0, 0, ${0.74 * i3 + (1 - i3)}) 95%,
+			rgba(0, 0, 0, ${0.554 * i3 + (1 - i3)}) 96.5%,
+			rgba(0, 0, 0, ${0.326 * i3 + (1 - i3)}) 98%,
+			rgba(0, 0, 0, ${0.05 * i3 + (1 - i3)})
 		)`);
   }
   onMount(async () => {
     const e3 = await Qe.getCategories(), t3 = await Qe.getCurrentGameInfo();
     if (set(a2, (t3 == null ? void 0 : t3.category) || (e3 == null ? void 0 : e3[(e3 == null ? void 0 : e3.length) - 1]), true), await async function fetchGames() {
-      set(i2, true);
+      set(s2, true);
       let e4 = await Qe.getSuggestions(get$1(a2), 1), t4 = (e4 == null ? void 0 : e4.games) || [];
       if (t4.length < 10 && get$1(a2)) {
         const e5 = await Qe.getSuggestions(null, 1), n3 = ((e5 == null ? void 0 : e5.games) || []).filter((e6) => !t4.some((t5) => t5.id === e6.id));
         t4 = [...t4, ...n3];
       }
-      set(o2, t4.slice(0, 10), true), set(i2, false);
+      set(o2, t4.slice(0, 10), true), set(s2, false);
     }(), get$1(l2)) {
       const e4 = get$1(l2).scrollWidth - get$1(l2).clientWidth;
       updateMask(get$1(l2).scrollLeft, e4 - get$1(l2).scrollLeft);
     }
   });
   var p2 = Nt(), g2 = child(p2), _2 = child(g2), consequent = (e3) => {
-    var t3 = qt();
+    var t3 = Pt();
     Loader_circle(child(t3), {
       class: "animate-spin opacity-75",
       size: 30,
       strokeWidth: 2.5
     }), append(e3, t3);
   }, alternate = (e3) => {
-    var t3 = zt(), n3 = first_child(t3);
+    var t3 = Wt(), n3 = first_child(t3);
     each(n3, 17, () => get$1(o2), index, (e4, t4) => {
-      var n4 = Pt();
+      var n4 = zt();
       GameCard(child(n4), {
         get game() {
           return get$1(t4);
         },
         compact: true
       }), function bind_element_size(e5, t5, n5) {
-        var s4 = ye.observe(e5, () => n5(e5[t5]));
+        var i4 = ye.observe(e5, () => n5(e5[t5]));
         effect(() => (
           // The update could contain reads which should be ignored
-          (untrack(() => n5(e5[t5])), s4)
+          (untrack(() => n5(e5[t5])), i4)
         ));
       }(n4, "clientWidth", (e5) => set(c2, e5)), append(e4, n4);
     });
-    var s3 = sibling(n3, 2);
-    Button(sibling(child(s3), 2), {
+    var i3 = sibling(n3, 2);
+    Button(sibling(child(i3), 2), {
       onclick: () => {
-        store_set(Ie, true), Qe.trackOpen();
+        store_set(Te, true), Qe.trackOpen();
       },
       children: (e4, t4) => {
         append(e4, text("See all"));
@@ -4209,11 +4218,11 @@ function WidgetCarousel(e2, t2) {
     }), append(e3, t3);
   };
   if_block(_2, (e3) => {
-    get$1(i2) ? e3(consequent) : e3(alternate, false);
+    get$1(s2) ? e3(consequent) : e3(alternate, false);
   }), bind_this(g2, (e3) => set(l2, e3), () => get$1(l2));
   var v2 = sibling(g2, 2), consequent_3 = (e3) => {
     var t3 = Dt(), n3 = first_child(t3), consequent_1 = (e4) => {
-      var t4 = Wt();
+      var t4 = Et();
       t4.__click = [on_click, l2, c2], function Chevron_left(e5, t5) {
         const n4 = legacy_rest_props(t5, ["children", "$$slots", "$$events", "$$legacy"]);
         Icon$1(e5, spread_props({
@@ -4223,8 +4232,8 @@ function WidgetCarousel(e2, t2) {
             d: "m15 18-6-6 6-6"
           }]],
           children: (e6, n5) => {
-            var s4 = comment();
-            slot(first_child(s4), t5, "default", {}, null), append(e6, s4);
+            var i4 = comment();
+            slot(first_child(i4), t5, "default", {}, null), append(e6, i4);
           },
           $$slots: {
             default: true
@@ -4238,7 +4247,7 @@ function WidgetCarousel(e2, t2) {
     if_block(n3, (e4) => {
       get$1(u2) && e4(consequent_1);
     });
-    var s3 = sibling(n3, 2), consequent_2 = (e4) => {
+    var i3 = sibling(n3, 2), consequent_2 = (e4) => {
       var t4 = jt();
       t4.__click = [on_click_1, l2, c2], function Chevron_right(e5, t5) {
         const n4 = legacy_rest_props(t5, ["children", "$$slots", "$$events", "$$legacy"]);
@@ -4249,8 +4258,8 @@ function WidgetCarousel(e2, t2) {
             d: "m9 18 6-6-6-6"
           }]],
           children: (e6, n5) => {
-            var s4 = comment();
-            slot(first_child(s4), t5, "default", {}, null), append(e6, s4);
+            var i4 = comment();
+            slot(first_child(i4), t5, "default", {}, null), append(e6, i4);
           },
           $$slots: {
             default: true
@@ -4261,7 +4270,7 @@ function WidgetCarousel(e2, t2) {
         strokeWidth: 2.75
       }), transition(3, t4, () => blur), append(e4, t4);
     };
-    if_block(s3, (e4) => {
+    if_block(i3, (e4) => {
       get$1(d2) && e4(consequent_2);
     }), append(e3, t3);
   };
@@ -4270,7 +4279,7 @@ function WidgetCarousel(e2, t2) {
   }), template_effect(() => set_style(g2, get$1(f2))), event("scroll", g2, (e3) => {
     const t3 = e3.target;
     set(u2, t3.scrollLeft > 20), set(d2, t3.scrollLeft < t3.scrollWidth - t3.clientWidth - 20), updateMask(t3.scrollLeft, t3.scrollWidth - t3.clientWidth - t3.scrollLeft);
-  }), append(e2, p2), pop(), s2();
+  }), append(e2, p2), pop(), i2();
 }
 function initWidgets() {
   try {
@@ -4290,6 +4299,9 @@ const Bt = new /**
  * The PlaylightSDK class
  */
 (_c = class {
+  /**
+   * Create new Playlight instance
+   */
   constructor() {
     __privateAdd(this, _PlaylightSDK_instances);
     this.container = null, this.isInitialized = false, this.config = writable(null), this.api = Qe;
@@ -4299,9 +4311,9 @@ const Bt = new /**
    * @param {Object} [userConfig] - The playlight configuration object
    */
   async init(e2 = {}) {
-    return "undefined" == typeof window ? console.error("Playlight cannot run on the server, as it depends on browser APIs.") : this.isInitialized ? (console.warn("Playlight SDK already initialized!"), void (document.getElementById("playlight-sdk-container") || __privateMethod(this, _PlaylightSDK_instances, i_fn).call(this))) : (
+    return "undefined" == typeof window ? console.error("Playlight cannot run on the server, as it depends on browser APIs.") : this.isInitialized ? (console.warn("Playlight SDK already initialized!"), void (document.getElementById("playlight-sdk-container") || __privateMethod(this, _PlaylightSDK_instances, s_fn).call(this))) : (
       // Initialize configuration with defaults and user overrides
-      (this.setConfig(e2), __privateMethod(this, _PlaylightSDK_instances, i_fn).call(this), // Create container and mount app
+      (this.setConfig(e2), __privateMethod(this, _PlaylightSDK_instances, s_fn).call(this), // Create container and mount app
       // Widgets
       initWidgets(), function setupWidgetObserver() {
         try {
@@ -4323,7 +4335,16 @@ const Bt = new /**
    * @param {boolean} [value=true] - Whether to show the discovery
    */
   setDiscovery(e2 = true) {
-    this.isInitialized && (Ie.set(e2), e2 && Qe.trackOpen());
+    this.isInitialized && (Te.set(e2), e2 && Qe.trackOpen());
+  }
+  /**
+   * Register an event callback
+   * @param {string} event - Event name
+   * @param {Function} callback - Callback function
+   */
+  onEvent(e2, t2) {
+    if (!["discoveryOpen", "discoveryClose", "exitIntent"].includes(e2)) return console.warn(`Invalid event type "${e2}!"`);
+    wt.has(e2) || wt.set(e2, []), wt.get(e2).push(t2);
   }
   /**
    * Update the configuration
@@ -4337,7 +4358,7 @@ const Bt = new /**
  * Mount the Svelte app to the playlight container
  * @private
  */
-i_fn = function() {
+s_fn = function() {
   try {
     this.container = document.createElement("div"), this.container.id = "playlight-sdk-container", this.container.className = "playlight-sdk-container", document.body.appendChild(this.container), // Mount (client-side alternative to render)
     mount(App, {