playlight-sdk 0.1.2 → 0.1.3

package/dist/playlight-sdk.es.js

@@ -6,7 +6,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _a, _PlayLightAPI_instances, e_fn, _b, _PlaylightSDK_instances, t_fn, _c;
 const e = false;
-var t = Array.isArray, n = Array.prototype.indexOf, o = Array.from, i = Object.defineProperty, s = Object.getOwnPropertyDescriptor, a = Object.getOwnPropertyDescriptors, l = Object.prototype, c = Array.prototype, u = Object.getPrototypeOf;
+var t = Array.isArray, n = Array.prototype.indexOf, i = Array.from, o = Object.defineProperty, s = Object.getOwnPropertyDescriptor, a = Object.getOwnPropertyDescriptors, l = Object.prototype, c = Array.prototype, u = Object.getPrototypeOf;
 function is_function(e2) {
   return "function" == typeof e2;
 }
@@ -18,7 +18,7 @@ function run(e2) {
 function run_all(e2) {
   for (var t2 = 0; t2 < e2.length; t2++) e2[t2]();
 }
-const f = 32, d = 64, p = 128, _ = 256, v = 512, g = 1024, h = 2048, m = 4096, b = 8192, y = 16384, $ = 65536, w = 1 << 20, x = Symbol("$state"), k = Symbol("legacy props"), C = Symbol("");
+const d = 32, f = 64, p = 128, _ = 256, v = 512, g = 1024, h = 2048, m = 4096, b = 8192, y = 16384, $ = 65536, w = 1 << 20, x = Symbol("$state"), k = Symbol("legacy props"), C = Symbol("");
 function equals(e2) {
   return e2 === this.v;
 }
@@ -58,15 +58,15 @@ function pop(e2) {
   if (null !== t2) {
     const e3 = t2.e;
     if (null !== e3) {
-      var n2 = H, o2 = F;
+      var n2 = H, i2 = F;
       t2.e = null;
       try {
-        for (var i2 = 0; i2 < e3.length; i2++) {
-          var s2 = e3[i2];
+        for (var o2 = 0; o2 < e3.length; o2++) {
+          var s2 = e3[o2];
           set_active_effect(s2.effect), set_active_reaction(s2.reaction), effect(s2.fn);
         }
       } finally {
-        set_active_effect(n2), set_active_reaction(o2);
+        set_active_effect(n2), set_active_reaction(i2);
       }
     }
     T = t2.p, t2.m = true;
@@ -136,15 +136,15 @@ function internal_set(e2, t2) {
   ) : U.push(e2))), t2;
 }
 function update(e2, t2 = 1) {
-  var n2 = get$1(e2), o2 = 1 === t2 ? n2++ : n2--;
-  return set(e2, n2), o2;
+  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 o2 = is_runes(), i2 = n2.length, s2 = 0; s2 < i2; s2++) {
+  if (null !== n2) for (var i2 = is_runes(), o2 = n2.length, s2 = 0; s2 < o2; s2++) {
     var a2 = n2[s2], l2 = a2.f;
     l2 & h || // In legacy mode, skip the current effect to prevent infinite loops
-    (o2 || a2 !== H) && (set_signal_status(a2, t2), // If the signal a) was previously clean or b) is an unowned derived, then mark it
+    (i2 || a2 !== H) && (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,
@@ -155,14 +155,14 @@ function mark_reactions(e2, t2) {
     )));
   }
 }
-function proxy(e2, n2 = null, o2) {
+function proxy(e2, n2 = null, i2) {
   if ("object" != typeof e2 || null === e2 || x in e2) return e2;
-  const i2 = u(e2);
-  if (i2 !== l && i2 !== c) return e2;
-  var a2, f2 = /* @__PURE__ */ new Map(), d2 = t(e2), p2 = source(0);
-  return d2 && // We need to create the length source eagerly to ensure that
+  const o2 = u(e2);
+  if (o2 !== l && o2 !== c) return e2;
+  var a2, d2 = /* @__PURE__ */ new Map(), f2 = t(e2), p2 = source(0);
+  return f2 && // We need to create the length source eagerly to ensure that
   // mutations to the array are properly synced with our proxy
-  f2.set("length", source(
+  d2.set("length", source(
     /** @type {any[]} */
     e2.length
   )), new Proxy(
@@ -181,45 +181,45 @@ function proxy(e2, n2 = null, o2) {
         function state_descriptors_fixed() {
           throw new Error("https://svelte.dev/e/state_descriptors_fixed");
         }();
-        var o3 = f2.get(t2);
-        return void 0 === o3 ? (o3 = source(n3.value), f2.set(t2, o3)) : set(o3, proxy(n3.value, a2)), true;
+        var i3 = d2.get(t2);
+        return void 0 === i3 ? (i3 = source(n3.value), d2.set(t2, i3)) : set(i3, proxy(n3.value, a2)), true;
       },
       deleteProperty(e3, t2) {
-        var n3 = f2.get(t2);
-        if (void 0 === n3) t2 in e3 && f2.set(t2, source(M));
+        var n3 = d2.get(t2);
+        if (void 0 === n3) t2 in e3 && d2.set(t2, source(M));
         else {
-          if (d2 && "string" == typeof t2) {
-            var o3 = (
+          if (f2 && "string" == typeof t2) {
+            var i3 = (
               /** @type {Source<number>} */
-              f2.get("length")
-            ), i3 = Number(t2);
-            Number.isInteger(i3) && i3 < o3.v && set(o3, i3);
+              d2.get("length")
+            ), o3 = Number(t2);
+            Number.isInteger(o3) && o3 < i3.v && set(i3, o3);
           }
           set(n3, M), update_version(p2);
         }
         return true;
       },
-      get(t2, n3, o3) {
+      get(t2, n3, i3) {
         var _a2;
         if (n3 === x) return e2;
-        var i3 = f2.get(n3), l2 = n3 in t2;
+        var o3 = d2.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 !== i3 || l2 && !((_a2 = s(t2, n3)) == null ? void 0 : _a2.writable) || (i3 = source(proxy(l2 ? t2[n3] : M, a2)), f2.set(n3, i3)), void 0 !== i3
+          void 0 !== o3 || l2 && !((_a2 = s(t2, n3)) == null ? void 0 : _a2.writable) || (o3 = source(proxy(l2 ? t2[n3] : M, a2)), d2.set(n3, o3)), void 0 !== o3
         ) {
-          var c2 = get$1(i3);
+          var c2 = get$1(o3);
           return c2 === M ? void 0 : c2;
         }
-        return Reflect.get(t2, n3, o3);
+        return Reflect.get(t2, n3, i3);
       },
       getOwnPropertyDescriptor(e3, t2) {
         var n3 = Reflect.getOwnPropertyDescriptor(e3, t2);
         if (n3 && "value" in n3) {
-          var o3 = f2.get(t2);
-          o3 && (n3.value = get$1(o3));
+          var i3 = d2.get(t2);
+          i3 && (n3.value = get$1(i3));
         } else if (void 0 === n3) {
-          var i3 = f2.get(t2), s2 = i3 == null ? void 0 : i3.v;
-          if (void 0 !== i3 && s2 !== M) return {
+          var o3 = d2.get(t2), s2 = o3 == null ? void 0 : o3.v;
+          if (void 0 !== o3 && s2 !== M) return {
             enumerable: true,
             configurable: true,
             value: s2,
@@ -231,28 +231,28 @@ function proxy(e2, n2 = null, o2) {
       has(e3, t2) {
         var _a2;
         if (t2 === x) return true;
-        var n3 = f2.get(t2), o3 = void 0 !== n3 && n3.v !== M || Reflect.has(e3, t2);
-        if ((void 0 !== n3 || null !== H && (!o3 || ((_a2 = s(e3, t2)) == null ? void 0 : _a2.writable))) && (void 0 === n3 && (n3 = source(o3 ? proxy(e3[t2], a2) : M), f2.set(t2, n3)), get$1(n3) === M)) return false;
-        return o3;
+        var n3 = d2.get(t2), i3 = void 0 !== n3 && n3.v !== M || Reflect.has(e3, t2);
+        if ((void 0 !== n3 || null !== H && (!i3 || ((_a2 = s(e3, t2)) == null ? void 0 : _a2.writable))) && (void 0 === n3 && (n3 = source(i3 ? proxy(e3[t2], a2) : M), d2.set(t2, n3)), get$1(n3) === M)) return false;
+        return i3;
       },
-      set(e3, t2, n3, o3) {
+      set(e3, t2, n3, i3) {
         var _a2;
-        var i3 = f2.get(t2), l2 = t2 in e3;
-        if (d2 && "length" === t2) for (var c2 = n3; c2 < /** @type {Source<number>} */
-        i3.v; c2 += 1) {
-          var u2 = f2.get(c2 + "");
+        var o3 = d2.get(t2), l2 = t2 in e3;
+        if (f2 && "length" === t2) for (var c2 = n3; c2 < /** @type {Source<number>} */
+        o3.v; c2 += 1) {
+          var u2 = d2.get(c2 + "");
           void 0 !== u2 ? set(u2, M) : c2 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.
-          (u2 = source(M), f2.set(c2 + "", u2));
+          (u2 = source(M), d2.set(c2 + "", u2));
         }
-        void 0 === i3 ? l2 && !((_a2 = s(e3, t2)) == null ? void 0 : _a2.writable) || (set(i3 = source(void 0), proxy(n3, a2)), f2.set(t2, i3)) : (l2 = i3.v !== M, set(i3, proxy(n3, a2)));
+        void 0 === o3 ? l2 && !((_a2 = s(e3, t2)) == null ? void 0 : _a2.writable) || (set(o3 = source(void 0), proxy(n3, a2)), d2.set(t2, o3)) : (l2 = o3.v !== M, set(o3, proxy(n3, a2)));
         var _2 = Reflect.getOwnPropertyDescriptor(e3, t2);
-        if ((_2 == null ? void 0 : _2.set) && _2.set.call(o3, n3), !l2) {
-          if (d2 && "string" == typeof t2) {
+        if ((_2 == null ? void 0 : _2.set) && _2.set.call(i3, n3), !l2) {
+          if (f2 && "string" == typeof t2) {
             var v2 = (
               /** @type {Source<number>} */
-              f2.get("length")
+              d2.get("length")
             ), g2 = Number(t2);
             Number.isInteger(g2) && g2 >= v2.v && set(v2, g2 + 1);
           }
@@ -263,10 +263,10 @@ function proxy(e2, n2 = null, o2) {
       ownKeys(e3) {
         get$1(p2);
         var t2 = Reflect.ownKeys(e3).filter((e4) => {
-          var t3 = f2.get(e4);
+          var t3 = d2.get(e4);
           return void 0 === t3 || t3.v !== M;
         });
-        for (var [n3, o3] of f2) o3.v === M || n3 in e3 || t2.push(n3);
+        for (var [n3, i3] of d2) i3.v === M || n3 in e3 || t2.push(n3);
         return t2;
       },
       setPrototypeOf() {
@@ -280,7 +280,7 @@ function proxy(e2, n2 = null, o2) {
 function update_version(e2, t2 = 1) {
   set(e2, e2.v + t2);
 }
-var q, I, P, O, E;
+var I, q, P, O, j;
 function create_text(e2 = "") {
   return document.createTextNode(e2);
 }
@@ -290,7 +290,7 @@ function get_first_child(e2) {
 }
 // @__NO_SIDE_EFFECTS__
 function get_next_sibling(e2) {
-  return E.call(e2);
+  return j.call(e2);
 }
 function child(e2, t2) {
   return /* @__PURE__ */ get_first_child(e2);
@@ -306,10 +306,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 o2 = e2;
-  for (; t2--; ) o2 = /** @type {TemplateNode} */
-  /* @__PURE__ */ get_next_sibling(o2);
-  return o2;
+  let i2 = e2;
+  for (; t2--; ) i2 = /** @type {TemplateNode} */
+  /* @__PURE__ */ get_next_sibling(i2);
+  return i2;
 }
 // @__NO_SIDE_EFFECTS__
 function derived(e2) {
@@ -399,8 +399,8 @@ function validate_effect(e2) {
     throw new Error("https://svelte.dev/e/effect_in_teardown");
   }();
 }
-function create_effect(e2, t2, n2, o2 = true) {
-  var i2 = H, s2 = {
+function create_effect(e2, t2, n2, i2 = true) {
+  var o2 = H, s2 = {
     ctx: T,
     deps: null,
     nodes_start: null,
@@ -410,7 +410,7 @@ function create_effect(e2, t2, n2, o2 = true) {
     fn: t2,
     last: null,
     next: null,
-    parent: i2,
+    parent: o2,
     prev: null,
     teardown: null,
     transitions: null,
@@ -422,10 +422,10 @@ function create_effect(e2, t2, n2, o2 = true) {
     throw destroy_effect(s2), e3;
   }
   else null !== t2 && schedule_effect(s2);
-  if (!(n2 && null === s2.deps && null === s2.first && null === s2.nodes_start && null === s2.teardown && !(1048704 & s2.f)) && o2 && (null !== i2 && function push_effect(e3, t3) {
+  if (!(n2 && null === s2.deps && null === s2.first && null === s2.nodes_start && null === s2.teardown && !(1048704 & s2.f)) && i2 && (null !== o2 && 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);
-  }(s2, i2), null !== F && 2 & F.f)) {
+  }(s2, o2), null !== F && 2 & F.f)) {
     var a2 = (
       /** @type {Derived} */
       F
@@ -439,7 +439,7 @@ function teardown(e2) {
   return set_signal_status(t2, g), t2.teardown = e2, t2;
 }
 function user_effect(e2) {
-  if (validate_effect(), !(null !== H && !!(H.f & f) && null !== T && !T.m)) return effect(e2);
+  if (validate_effect(), !(null !== H && !!(H.f & d) && null !== T && !T.m)) return effect(e2);
   var t2 = (
     /** @type {ComponentContext} */
     T
@@ -457,14 +457,14 @@ function legacy_pre_effect(e2, t2) {
   var n2 = (
     /** @type {ComponentContextLegacy} */
     T
-  ), o2 = {
+  ), i2 = {
     effect: null,
     ran: false
   };
-  n2.l.r1.push(o2), o2.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.
-    o2.ran || (o2.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() {
@@ -486,8 +486,8 @@ function render_effect(e2) {
   return create_effect(8, e2, true);
 }
 function template_effect(e2, t2 = [], n2 = derived) {
-  const o2 = t2.map(n2);
-  return block(() => e2(...o2.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);
@@ -510,22 +510,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 o2 = n2.next;
-    n2.f & d ? (
+    var i2 = n2.next;
+    n2.f & f ? (
       // this is now an independent root
       n2.parent = null
-    ) : destroy_effect(n2, t2), n2 = o2;
+    ) : 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 o2 = e2.nodes_start, i2 = e2.nodes_end; null !== o2; ) {
-      var s2 = o2 === i2 ? null : (
+    for (var i2 = e2.nodes_start, o2 = e2.nodes_end; null !== i2; ) {
+      var s2 = i2 === o2 ? null : (
         /** @type {TemplateNode} */
-        /* @__PURE__ */ get_next_sibling(o2)
+        /* @__PURE__ */ get_next_sibling(i2)
       );
-      o2.remove(), o2 = s2;
+      i2.remove(), i2 = s2;
     }
     n2 = true;
   }
@@ -539,8 +539,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, o2 = e2.next;
-  null !== n2 && (n2.next = o2), null !== o2 && (o2.prev = n2), null !== t2 && (t2.first === e2 && (t2.first = o2), 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 = [];
@@ -552,15 +552,15 @@ function run_out_transitions(e2, t2) {
   var n2 = e2.length;
   if (n2 > 0) {
     var check = () => --n2 || t2();
-    for (var o2 of e2) o2.out(check);
+    for (var i2 of e2) i2.out(check);
   } else t2();
 }
 function pause_children(e2, t2, n2) {
   if (!(e2.f & b)) {
-    if (e2.f ^= b, null !== e2.transitions) for (const o3 of e2.transitions) (o3.is_global || n2) && t2.push(o3);
-    for (var o2 = e2.first; null !== o2; ) {
-      var i2 = o2.next;
-      pause_children(o2, t2, !!(!!(o2.f & $) || !!(o2.f & f)) && n2), o2 = i2;
+    if (e2.f ^= b, null !== e2.transitions) for (const i3 of e2.transitions) (i3.is_global || n2) && t2.push(i3);
+    for (var i2 = e2.first; null !== i2; ) {
+      var o2 = i2.next;
+      pause_children(i2, t2, !!(!!(i2.f & $) || !!(i2.f & d)) && n2), i2 = o2;
     }
   }
 }
@@ -575,22 +575,22 @@ function resume_children(e2, t2) {
     // schedule the effect to update
     check_dirtiness(e2) && (set_signal_status(e2, h), schedule_effect(e2));
     for (var n2 = e2.first; null !== n2; ) {
-      var o2 = n2.next;
-      resume_children(n2, !!(!!(n2.f & $) || !!(n2.f & f)) && t2), n2 = o2;
+      var i2 = n2.next;
+      resume_children(n2, !!(!!(n2.f & $) || !!(n2.f & d)) && t2), n2 = i2;
     }
     if (null !== e2.transitions) for (const n3 of e2.transitions) (n3.is_global || t2) && n3.in();
   }
 }
-let j = [], N = [];
+let E = [], N = [];
 function run_micro_tasks() {
-  var e2 = j;
-  j = [], run_all(e2);
+  var e2 = E;
+  E = [], run_all(e2);
 }
 function queue_micro_task(e2) {
-  0 === j.length && queueMicrotask(run_micro_tasks), j.push(e2);
+  0 === E.length && queueMicrotask(run_micro_tasks), E.push(e2);
 }
 function flush_tasks() {
-  j.length > 0 && run_micro_tasks(), N.length > 0 && function run_idle_tasks() {
+  E.length > 0 && run_micro_tasks(), N.length > 0 && function run_idle_tasks() {
     var e2 = N;
     N = [], run_all(e2);
   }();
@@ -618,33 +618,33 @@ function check_dirtiness(e2) {
   var t2 = e2.f;
   if (t2 & h) return true;
   if (t2 & m) {
-    var n2 = e2.deps, o2 = !!(t2 & _);
+    var n2 = e2.deps, i2 = !!(t2 & _);
     if (null !== n2) {
-      var i2, s2, a2 = !!(t2 & v), l2 = o2 && null !== H && !Y, c2 = n2.length;
+      var o2, s2, a2 = !!(t2 & v), l2 = i2 && null !== H && !Y, c2 = n2.length;
       if (a2 || l2) {
         var u2 = (
           /** @type {Derived} */
           e2
-        ), f2 = u2.parent;
-        for (i2 = 0; i2 < c2; i2++) s2 = n2[i2], // We always re-add all reactions (even duplicates) if the derived was
+        ), d2 = u2.parent;
+        for (o2 = 0; o2 < c2; o2++) s2 = n2[o2], // 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 = s2 == null ? void 0 : s2.reactions) == null ? void 0 : _a2.includes(u2)) || (s2.reactions ?? (s2.reactions = [])).push(u2);
         a2 && (u2.f ^= v), // If the unowned derived is now fully connected to the graph again (it's unowned and reconnected, has a parent
         // and the parent is not unowned), then we can mark it as connected again, removing the need for the unowned
         // flag
-        !l2 || null === f2 || f2.f & _ || (u2.f ^= _);
+        !l2 || null === d2 || d2.f & _ || (u2.f ^= _);
       }
-      for (i2 = 0; i2 < c2; i2++) if (check_dirtiness(s2 = n2[i2]) && update_derived(
+      for (o2 = 0; o2 < c2; o2++) if (check_dirtiness(s2 = n2[o2]) && update_derived(
         /** @type {Derived} */
         s2
       ), s2.wv > e2.wv) return true;
     }
-    o2 && (null === H || Y) || set_signal_status(e2, g);
+    i2 && (null === H || Y) || set_signal_status(e2, g);
   }
   return false;
 }
-function handle_error(e2, t2, n2, o2) {
+function handle_error(e2, t2, n2, i2) {
   if (B) {
     if (null === n2 && (B = false), /**
     * @param {Effect} effect
@@ -665,9 +665,9 @@ function handle_error(e2, t2, n2, o2) {
   }(e2, t2);
 }
 function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
-  var o2 = e2.reactions;
-  if (null !== o2) for (var i2 = 0; i2 < o2.length; i2++) {
-    var s2 = o2[i2];
+  var i2 = e2.reactions;
+  if (null !== i2) for (var o2 = 0; o2 < i2.length; o2++) {
+    var s2 = i2[o2];
     2 & s2.f ? schedule_possible_effect_self_invalidation(
       /** @type {Derived} */
       s2,
@@ -681,45 +681,45 @@ function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
 }
 function update_reaction(e2) {
   var _a2;
-  var t2 = V, n2 = K, o2 = U, i2 = F, s2 = Y, a2 = R, l2 = T, c2 = G, u2 = e2.f;
+  var t2 = V, n2 = K, i2 = U, o2 = F, s2 = Y, a2 = R, l2 = T, c2 = G, u2 = e2.f;
   V = /** @type {null | Value[]} */
   null, K = 0, U = null, Y = !!(u2 & _) && (G || !W || null === F), F = 96 & u2 ? null : e2, R = null, set_component_context(e2.ctx), G = false, J++;
   try {
-    var f2 = (
+    var d2 = (
       /** @type {Function} */
       /** @type {Function} */
       (0, e2.fn)()
-    ), d2 = e2.deps;
+    ), f2 = e2.deps;
     if (null !== V) {
       var p2;
-      if (remove_reactions(e2, K), null !== d2 && K > 0) for (d2.length = K + V.length, p2 = 0; p2 < V.length; p2++) d2[K + p2] = V[p2];
-      else e2.deps = d2 = V;
-      if (!Y) for (p2 = K; p2 < d2.length; p2++) ((_a2 = d2[p2]).reactions ?? (_a2.reactions = [])).push(e2);
-    } else null !== d2 && K < d2.length && (remove_reactions(e2, K), d2.length = K);
-    if (is_runes() && null !== U && !G && null !== d2 && !(6146 & e2.f)) for (p2 = 0; p2 < /** @type {Source[]} */
+      if (remove_reactions(e2, K), null !== f2 && K > 0) for (f2.length = K + V.length, p2 = 0; p2 < V.length; p2++) f2[K + p2] = V[p2];
+      else e2.deps = f2 = V;
+      if (!Y) for (p2 = K; p2 < f2.length; p2++) ((_a2 = f2[p2]).reactions ?? (_a2.reactions = [])).push(e2);
+    } else null !== f2 && K < f2.length && (remove_reactions(e2, K), f2.length = K);
+    if (is_runes() && null !== U && !G && null !== f2 && !(6146 & e2.f)) for (p2 = 0; p2 < /** @type {Source[]} */
     U.length; p2++) schedule_possible_effect_self_invalidation(
       U[p2],
       /** @type {Effect} */
       e2
     );
-    return null !== i2 && J++, f2;
+    return null !== o2 && J++, d2;
   } finally {
-    V = t2, K = n2, U = o2, F = i2, Y = s2, R = a2, set_component_context(l2), G = c2;
+    V = t2, K = n2, U = i2, F = o2, Y = s2, R = a2, set_component_context(l2), G = c2;
   }
 }
 function remove_reaction(e2, t2) {
-  let o2 = t2.reactions;
-  if (null !== o2) {
-    var i2 = n.call(o2, e2);
-    if (-1 !== i2) {
-      var s2 = o2.length - 1;
-      0 === s2 ? o2 = t2.reactions = null : (
+  let i2 = t2.reactions;
+  if (null !== i2) {
+    var o2 = n.call(i2, e2);
+    if (-1 !== o2) {
+      var s2 = i2.length - 1;
+      0 === s2 ? i2 = t2.reactions = null : (
         // Swap with last element and then remove.
-        (o2[i2] = o2[s2], o2.pop())
+        (i2[o2] = i2[s2], i2.pop())
       );
     }
   }
-  null === o2 && 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 === V || !V.includes(t2)) && (set_signal_status(t2, m), // If we are working with a derived that is owned by an effect, then mark it as being
@@ -736,19 +736,19 @@ function remove_reaction(e2, t2) {
 }
 function remove_reactions(e2, t2) {
   var n2 = e2.deps;
-  if (null !== n2) for (var o2 = t2; o2 < n2.length; o2++) remove_reaction(e2, n2[o2]);
+  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 & y)) {
     set_signal_status(t2, g);
-    var o2 = H, i2 = T, s2 = W;
+    var i2 = H, o2 = T, s2 = W;
     H = t2, W = true;
     try {
       16 & n2 ? function destroy_block_effect_children(e2) {
         for (var t3 = e2.first; null !== t3; ) {
           var n3 = t3.next;
-          t3.f & f || destroy_effect(t3), t3 = n3;
+          t3.f & d || destroy_effect(t3), t3 = n3;
         }
       }(t2) : destroy_effect_children(t2), execute_effect_teardown(t2);
       var a2 = update_reaction(t2);
@@ -756,9 +756,9 @@ function update_effect(t2) {
       t2.deps;
       e;
     } catch (e2) {
-      handle_error(e2, t2, o2, i2 || t2.ctx);
+      handle_error(e2, t2, i2, o2 || t2.ctx);
     } finally {
-      W = s2, H = o2;
+      W = s2, H = i2;
     }
   }
 }
@@ -778,10 +778,10 @@ function flush_queued_root_effects() {
     var t2 = 0;
     for (W = true; L.length > 0; ) {
       t2++ > 1e3 && infinite_loop_guard();
-      var n2 = L, o2 = n2.length;
+      var n2 = L, i2 = n2.length;
       L = [];
-      for (var i2 = 0; i2 < o2; i2++) {
-        flush_queued_effects(process_effects(n2[i2]));
+      for (var o2 = 0; o2 < i2; o2++) {
+        flush_queued_effects(process_effects(n2[o2]));
       }
     }
   } finally {
@@ -791,22 +791,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 o2 = e2[n2];
-    if (!(24576 & o2.f)) try {
-      check_dirtiness(o2) && (update_effect(o2), // 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 === o2.deps && null === o2.first && null === o2.nodes_start && (null === o2.teardown ? (
+      null === i2.deps && null === i2.first && null === i2.nodes_start && (null === i2.teardown ? (
         // remove this effect from the graph
-        unlink_effect(o2)
+        unlink_effect(i2)
       ) : (
         // keep the effect in the graph, but free up some memory
-        o2.fn = null
+        i2.fn = null
       )));
     } catch (e3) {
-      handle_error(e3, o2, null, o2.ctx);
+      handle_error(e3, i2, null, i2.ctx);
     }
   }
 }
@@ -823,10 +823,10 @@ function schedule_effect(e2) {
 }
 function process_effects(e2) {
   for (var t2 = [], n2 = e2; null !== n2; ) {
-    var o2 = n2.f, i2 = !!(96 & o2);
-    if (!(i2 && !!(o2 & g) || o2 & b)) {
-      if (4 & o2) t2.push(n2);
-      else if (i2) n2.f ^= g;
+    var i2 = n2.f, o2 = !!(96 & i2);
+    if (!(o2 && !!(i2 & g) || i2 & b)) {
+      if (4 & i2) t2.push(n2);
+      else if (o2) n2.f ^= g;
       else {
         var s2 = F;
         try {
@@ -864,8 +864,8 @@ function get$1(e2) {
       var n2 = (
         /** @type {Derived} */
         e2
-      ), o2 = n2.parent;
-      null === o2 || o2.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 ^= _);
@@ -874,11 +874,11 @@ function get$1(e2) {
     null !== R && R.includes(e2) && function state_unsafe_local_read() {
       throw new Error("https://svelte.dev/e/state_unsafe_local_read");
     }();
-    var i2 = F.deps;
+    var o2 = F.deps;
     e2.rv < J && (e2.rv = J, // 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 === V && null !== i2 && i2[K] === e2 ? K++ : null === V ? V = [e2] : Y && V.includes(e2) || // Normally we can push duplicated dependencies to `new_deps`, but if we're inside
+    null === V && null !== o2 && o2[K] === e2 ? K++ : null === V ? V = [e2] : Y && V.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
     V.push(e2));
@@ -920,9 +920,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 o2 = t3[n3].get;
-        if (o2) try {
-          o2.call(e2);
+        const i2 = t3[n3].get;
+        if (i2) try {
+          i2.call(e2);
         } catch (e3) {
         }
       }
@@ -976,12 +976,12 @@ function without_reactive_context(e2) {
     set_active_reaction(t2), set_active_effect(n2);
   }
 }
-function listen_to_event_and_reset_event(e2, t2, n2, o2 = 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(), o2(true);
-  } : () => o2(true), function add_form_reset_listener() {
+  const o2 = e2.__on_r;
+  e2.__on_r = o2 ? () => {
+    o2(), i2(true);
+  } : () => i2(true), function add_form_reset_listener() {
     re || (re = true, document.addEventListener(
       "reset",
       (e3) => {
@@ -1002,32 +1002,32 @@ function listen_to_event_and_reset_event(e2, t2, n2, o2 = n2) {
     ));
   }();
 }
-const oe = /* @__PURE__ */ new Set(), ie = /* @__PURE__ */ new Set();
-function create_event(e2, t2, n2, o2 = {}) {
+const ie = /* @__PURE__ */ new Set(), oe = /* @__PURE__ */ new Set();
+function create_event(e2, t2, n2, i2 = {}) {
   function target_handler(e3) {
-    if (o2.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, o2);
-  }) : t2.addEventListener(e2, target_handler, o2), target_handler;
+    t2.addEventListener(e2, target_handler, i2);
+  }) : t2.addEventListener(e2, target_handler, i2), target_handler;
 }
-function event(e2, t2, n2, o2, i2) {
+function event(e2, t2, n2, i2, o2) {
   var s2 = {
-    capture: o2,
-    passive: i2
+    capture: i2,
+    passive: o2
   }, a2 = create_event(e2, t2, n2, s2);
   t2 !== document.body && t2 !== window && t2 !== document || teardown(() => {
     t2.removeEventListener(e2, a2, s2);
   });
 }
 function delegate(e2) {
-  for (var t2 = 0; t2 < e2.length; t2++) oe.add(e2[t2]);
-  for (var n2 of ie) n2(e2);
+  for (var t2 = 0; t2 < e2.length; t2++) ie.add(e2[t2]);
+  for (var n2 of oe) n2(e2);
 }
 function handle_event_propagation(e2) {
   var _a2;
-  var n2 = this, o2 = (
+  var n2 = this, i2 = (
     /** @type {Node} */
     n2.ownerDocument
   ), s2 = e2.type, a2 = ((_a2 = e2.composedPath) == null ? void 0 : _a2.call(e2)) || [], l2 = (
@@ -1035,20 +1035,20 @@ function handle_event_propagation(e2) {
     a2[0] || e2.target
   ), c2 = 0, u2 = e2.__root;
   if (u2) {
-    var f2 = a2.indexOf(u2);
-    if (-1 !== f2 && (n2 === document || n2 === /** @type {any} */
+    var d2 = a2.indexOf(u2);
+    if (-1 !== d2 && (n2 === document || n2 === /** @type {any} */
     window))
       return void (e2.__root = n2);
-    var d2 = a2.indexOf(n2);
-    if (-1 === d2)
+    var f2 = a2.indexOf(n2);
+    if (-1 === f2)
       return;
-    f2 <= d2 && (c2 = f2);
+    d2 <= f2 && (c2 = d2);
   }
   if ((l2 = /** @type {Element} */
   a2[c2] || e2.target) !== n2) {
-    i(e2, "currentTarget", {
+    o(e2, "currentTarget", {
       configurable: true,
-      get: () => l2 || o2
+      get: () => l2 || i2
     });
     var p2 = F, _2 = H;
     set_active_reaction(null), set_active_effect(null);
@@ -1097,15 +1097,15 @@ function assign_nodes(e2, t2) {
 }
 // @__NO_SIDE_EFFECTS__
 function template(e2, t2) {
-  var n2, o2 = !!(1 & t2), i2 = !!(2 & t2), s2 = !e2.startsWith("<!>");
+  var n2, i2 = !!(1 & t2), o2 = !!(2 & t2), s2 = !e2.startsWith("<!>");
   return () => {
-    void 0 === n2 && (n2 = create_fragment_from_html(s2 ? e2 : "<!>" + e2), o2 || (n2 = /** @type {Node} */
+    void 0 === n2 && (n2 = create_fragment_from_html(s2 ? e2 : "<!>" + e2), i2 || (n2 = /** @type {Node} */
     /* @__PURE__ */ get_first_child(n2)));
     var t3 = (
       /** @type {TemplateNode} */
-      i2 || P ? document.importNode(n2, true) : n2.cloneNode(true)
+      o2 || P ? document.importNode(n2, true) : n2.cloneNode(true)
     );
-    o2 ? assign_nodes(
+    i2 ? assign_nodes(
       /** @type {TemplateNode} */
       /* @__PURE__ */ get_first_child(t3),
       /** @type {TemplateNode} */
@@ -1116,22 +1116,22 @@ function template(e2, t2) {
 }
 // @__NO_SIDE_EFFECTS__
 function ns_template(e2, t2, n2 = "svg") {
-  var o2, i2 = `<${n2}>${!e2.startsWith("<!>") ? e2 : "<!>" + e2}</${n2}>`;
+  var i2, o2 = `<${n2}>${!e2.startsWith("<!>") ? e2 : "<!>" + e2}</${n2}>`;
   return () => {
-    if (!o2) {
+    if (!i2) {
       var e3 = (
         /** @type {Element} */
         /* @__PURE__ */ get_first_child(
           /** @type {DocumentFragment} */
-          create_fragment_from_html(i2)
+          create_fragment_from_html(o2)
         )
       );
-      o2 = /** @type {Element} */
+      i2 = /** @type {Element} */
       /* @__PURE__ */ get_first_child(e3);
     }
     var t3 = (
       /** @type {TemplateNode} */
-      o2.cloneNode(true)
+      i2.cloneNode(true)
     );
     return assign_nodes(t3, t3), t3;
   };
@@ -1160,17 +1160,17 @@ 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: o2 = {}, 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
     */
     function init_operations() {
-      if (void 0 === q) {
-        q = window, I = document, P = /Firefox/.test(navigator.userAgent);
+      if (void 0 === I) {
+        I = window, q = document, P = /Firefox/.test(navigator.userAgent);
         var e4 = Element.prototype, t4 = Node.prototype;
         O = s(t4, "firstChild").get, // @ts-ignore
-        E = s(t4, "nextSibling").get, // the following assignments improve perf of lookups on DOM nodes
+        j = s(t4, "nextSibling").get, // 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
@@ -1182,74 +1182,74 @@ function mount(e2, t2) {
     }();
     var u2 = /* @__PURE__ */ new Set(), event_handle = (e4) => {
       for (var n3 = 0; n3 < e4.length; n3++) {
-        var o2 = e4[n3];
-        if (!u2.has(o2)) {
-          u2.add(o2);
-          var i3 = is_passive_event(o2);
-          t3.addEventListener(o2, handle_event_propagation, {
-            passive: i3
+        var i2 = e4[n3];
+        if (!u2.has(i2)) {
+          u2.add(i2);
+          var o3 = is_passive_event(i2);
+          t3.addEventListener(i2, handle_event_propagation, {
+            passive: o3
           });
-          var s2 = ae.get(o2);
+          var s2 = ae.get(i2);
           void 0 === s2 ? (
             // 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(o2, handle_event_propagation, {
-              passive: i3
-            }), ae.set(o2, 1))
-          ) : ae.set(o2, s2 + 1);
+            (document.addEventListener(i2, handle_event_propagation, {
+              passive: o3
+            }), ae.set(i2, 1))
+          ) : ae.set(i2, s2 + 1);
         }
       }
     };
-    event_handle(o(oe)), ie.add(event_handle);
-    var f2 = void 0, p2 = (
+    event_handle(i(ie)), oe.add(event_handle);
+    var d2 = void 0, p2 = (
       /**
       * An effect root whose children can transition out
       * @param {() => void} fn
       * @returns {(options?: { outro?: boolean }) => Promise<void>}
       */
       function component_root(e4) {
-        const t4 = create_effect(d, e4, true);
+        const t4 = create_effect(f, e4, true);
         return (e5 = {}) => new Promise((n3) => {
           e5.outro ? pause_effect(t4, () => {
             destroy_effect(t4), n3(void 0);
           }) : (destroy_effect(t4), n3(void 0));
         });
       }(() => {
-        var o2 = n2 ?? t3.appendChild(create_text());
+        var i2 = n2 ?? t3.appendChild(create_text());
         return branch(() => {
           l2 && (push({}), /** @type {ComponentContext} */
           T.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), se = c2, // @ts-expect-error the public typings are not what the actual function looks like
-          f2 = e3(o2, i2) || {}, se = true, l2 && pop();
+          (o2.$$events = a2), se = c2, // @ts-expect-error the public typings are not what the actual function looks like
+          d2 = e3(i2, o2) || {}, se = true, l2 && pop();
         }), () => {
           var _a2;
           for (var e4 of u2) {
             t3.removeEventListener(e4, handle_event_propagation);
-            var i3 = (
+            var o3 = (
               /** @type {number} */
               ae.get(e4)
             );
-            0 == --i3 ? (document.removeEventListener(e4, handle_event_propagation), ae.delete(e4)) : ae.set(e4, i3);
+            0 == --o3 ? (document.removeEventListener(e4, handle_event_propagation), ae.delete(e4)) : ae.set(e4, o3);
           }
-          ie.delete(event_handle), o2 !== n2 && ((_a2 = o2.parentNode) == null ? void 0 : _a2.removeChild(o2));
+          oe.delete(event_handle), i2 !== n2 && ((_a2 = i2.parentNode) == null ? void 0 : _a2.removeChild(i2));
         };
       })
     );
-    return le.set(f2, p2), f2;
+    return le.set(d2, p2), d2;
   }(e2, t2);
 }
 const ae = /* @__PURE__ */ new Map();
 let le = /* @__PURE__ */ new WeakMap();
-function if_block(e2, t2, [n2, o2] = [0, 0]) {
-  var i2 = e2, s2 = null, a2 = null, l2 = M, c2 = false;
+function if_block(e2, t2, [n2, i2] = [0, 0]) {
+  var o2 = e2, s2 = null, a2 = null, l2 = M, c2 = false;
   const set_branch = (e3, t3 = true) => {
     c2 = true, update_branch(t3, e3);
   }, update_branch = (e3, t3) => {
-    l2 !== (l2 = e3) && (l2 ? (s2 ? resume_effect(s2) : t3 && (s2 = branch(() => t3(i2))), a2 && pause_effect(a2, () => {
+    l2 !== (l2 = e3) && (l2 ? (s2 ? resume_effect(s2) : t3 && (s2 = branch(() => t3(o2))), a2 && pause_effect(a2, () => {
       a2 = null;
-    })) : (a2 ? resume_effect(a2) : t3 && (a2 = branch(() => t3(i2, [n2 + 1, o2]))), s2 && pause_effect(s2, () => {
+    })) : (a2 ? resume_effect(a2) : t3 && (a2 = branch(() => t3(o2, [n2 + 1, i2]))), s2 && pause_effect(s2, () => {
       s2 = null;
     })));
   };
@@ -1264,7 +1264,7 @@ function set_current_each_item(e2) {
 function index(e2, t2) {
   return t2;
 }
-function each(e2, n2, i2, s2, a2, l2 = null) {
+function each(e2, n2, o2, s2, a2, l2 = null) {
   var c2 = e2, u2 = {
     flags: n2,
     items: /* @__PURE__ */ new Map(),
@@ -1272,13 +1272,13 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
   };
   !(4 & n2) || (c2 = /** @type {Element} */
   e2.appendChild(create_text()));
-  var f2 = null, d2 = false, p2 = /* @__PURE__ */ derived_safe_equal(() => {
-    var e3 = i2();
-    return t(e3) ? e3 : null == e3 ? [] : o(e3);
+  var d2 = null, f2 = false, p2 = /* @__PURE__ */ derived_safe_equal(() => {
+    var e3 = o2();
+    return t(e3) ? e3 : null == e3 ? [] : i(e3);
   });
   block(() => {
     var e3 = get$1(p2), t2 = e3.length;
-    d2 && 0 === t2 || (d2 = 0 === t2, /**
+    f2 && 0 === t2 || (f2 = 0 === t2, /**
     * Add, remove, or reorder items output by an each block as its input changes
     * @template V
     * @param {Array<V>} array
@@ -1290,12 +1290,12 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
     * @param {() => V[]} get_collection
     * @returns {void}
     */
-    function reconcile(e4, t3, n3, i3, s3, a3, l3) {
+    function reconcile(e4, t3, n3, o3, s3, a3, l3) {
       var _a2, _b2, _c2, _d;
-      var c3, u3, f3, d3, p3, _2, v2 = !!(8 & s3), g2 = !!(3 & s3), h2 = e4.length, m2 = t3.items, y2 = t3.first, $2 = y2, w2 = null, x2 = [], k2 = [];
-      if (v2) for (_2 = 0; _2 < h2; _2 += 1) d3 = a3(f3 = e4[_2], _2), void 0 !== (p3 = m2.get(d3)) && ((_a2 = p3.a) == null ? void 0 : _a2.measure(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).add(p3));
-      for (_2 = 0; _2 < h2; _2 += 1) if (d3 = a3(f3 = e4[_2], _2), void 0 !== (p3 = m2.get(d3))) {
-        if (g2 && update_item(p3, f3, _2, s3), p3.e.f & b && (resume_effect(p3.e), v2 && ((_b2 = p3.a) == null ? void 0 : _b2.unfix(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).delete(p3))), p3 !== $2) {
+      var c3, u3, d3, f3, p3, _2, v2 = !!(8 & s3), g2 = !!(3 & s3), h2 = e4.length, m2 = t3.items, y2 = t3.first, $2 = y2, w2 = null, x2 = [], k2 = [];
+      if (v2) for (_2 = 0; _2 < h2; _2 += 1) f3 = a3(d3 = e4[_2], _2), void 0 !== (p3 = m2.get(f3)) && ((_a2 = p3.a) == null ? void 0 : _a2.measure(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).add(p3));
+      for (_2 = 0; _2 < h2; _2 += 1) if (f3 = a3(d3 = e4[_2], _2), void 0 !== (p3 = m2.get(f3))) {
+        if (g2 && update_item(p3, d3, _2, s3), p3.e.f & b && (resume_effect(p3.e), v2 && ((_b2 = p3.a) == null ? void 0 : _b2.unfix(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).delete(p3))), p3 !== $2) {
           if (void 0 !== c3 && c3.has(p3)) {
             if (x2.length < k2.length) {
               var C2, S2 = k2[0];
@@ -1308,7 +1308,7 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
               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;
           }
-          for (x2 = [], k2 = []; null !== $2 && $2.k !== d3; )
+          for (x2 = [], k2 = []; null !== $2 && $2.k !== f3; )
             $2.e.f & b || (c3 ?? (c3 = /* @__PURE__ */ new Set())).add($2), k2.push($2), $2 = $2.next;
           if (null === $2) continue;
           p3 = $2;
@@ -1318,21 +1318,21 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
         w2 = create_item($2 ? (
           /** @type {TemplateNode} */
           $2.e.nodes_start
-        ) : n3, t3, w2, null === w2 ? t3.first : w2.next, f3, d3, _2, i3, s3, l3), m2.set(d3, w2), x2 = [], k2 = [], $2 = w2.next;
+        ) : n3, t3, w2, null === w2 ? t3.first : w2.next, d3, f3, _2, o3, s3, l3), m2.set(f3, w2), x2 = [], k2 = [], $2 = w2.next;
       }
       if (null !== $2 || void 0 !== c3) {
-        for (var q2 = void 0 === c3 ? [] : o(c3); null !== $2; )
-          $2.e.f & b || q2.push($2), $2 = $2.next;
-        var I2 = q2.length;
-        if (I2 > 0) {
+        for (var I2 = void 0 === c3 ? [] : i(c3); null !== $2; )
+          $2.e.f & b || I2.push($2), $2 = $2.next;
+        var q2 = I2.length;
+        if (q2 > 0) {
           var P2 = 4 & s3 && 0 === h2 ? n3 : null;
           if (v2) {
-            for (_2 = 0; _2 < I2; _2 += 1) (_c2 = q2[_2].a) == null ? void 0 : _c2.measure();
-            for (_2 = 0; _2 < I2; _2 += 1) (_d = q2[_2].a) == null ? void 0 : _d.fix();
+            for (_2 = 0; _2 < q2; _2 += 1) (_c2 = I2[_2].a) == null ? void 0 : _c2.measure();
+            for (_2 = 0; _2 < q2; _2 += 1) (_d = I2[_2].a) == null ? void 0 : _d.fix();
           }
-          !function pause_effects(e5, t4, n4, o2) {
-            for (var i4 = [], s4 = t4.length, a4 = 0; a4 < s4; a4++) pause_children(t4[a4].e, i4, true);
-            var l4 = s4 > 0 && 0 === i4.length && null !== n4;
+          !function pause_effects(e5, t4, n4, i2) {
+            for (var o4 = [], s4 = t4.length, a4 = 0; a4 < s4; a4++) pause_children(t4[a4].e, o4, true);
+            var l4 = s4 > 0 && 0 === o4.length && null !== n4;
             if (l4) {
               var c4 = (
                 /** @type {Element} */
@@ -1344,15 +1344,15 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
               }(c4), c4.append(
                 /** @type {Element} */
                 n4
-              ), o2.clear(), link(e5, t4[0].prev, t4[s4 - 1].next);
+              ), i2.clear(), link(e5, t4[0].prev, t4[s4 - 1].next);
             }
-            run_out_transitions(i4, () => {
+            run_out_transitions(o4, () => {
               for (var n5 = 0; n5 < s4; n5++) {
-                var i5 = t4[n5];
-                l4 || (o2.delete(i5.k), link(e5, i5.prev, i5.next)), destroy_effect(i5.e, !l4);
+                var o5 = t4[n5];
+                l4 || (i2.delete(o5.k), link(e5, o5.prev, o5.next)), destroy_effect(o5.e, !l4);
               }
             });
-          }(t3, q2, P2, m2);
+          }(t3, I2, P2, m2);
         }
       }
       v2 && queue_micro_task(() => {
@@ -1361,8 +1361,8 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
       });
       H.first = t3.first && t3.first.e, /** @type {Effect} */
       H.last = w2 && w2.e;
-    }(e3, u2, c2, a2, n2, s2, i2), null !== l2 && (0 === t2 ? f2 ? resume_effect(f2) : f2 = branch(() => l2(c2)) : null !== f2 && pause_effect(f2, () => {
-      f2 = null;
+    }(e3, u2, c2, a2, n2, s2, o2), 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
     // won't be assigned. However, it's possible that when reconciling the each block
@@ -1372,152 +1372,152 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
     get$1(p2));
   });
 }
-function update_item(e2, t2, n2, o2) {
-  1 & o2 && internal_set(e2.v, t2), 2 & o2 ? 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, o2, i2, s2, a2, l2, c2, u2) {
-  var f2 = ce, d2 = !!(1 & c2) ? !(16 & c2) ? /* @__PURE__ */ mutable_source(i2) : source(i2) : i2, p2 = 2 & c2 ? source(a2) : a2, _2 = {
+function create_item(e2, t2, n2, i2, o2, s2, a2, l2, c2, u2) {
+  var d2 = ce, f2 = !!(1 & c2) ? !(16 & c2) ? /* @__PURE__ */ mutable_source(o2) : source(o2) : o2, p2 = 2 & c2 ? source(a2) : a2, _2 = {
     i: p2,
-    v: d2,
+    v: f2,
     k: s2,
     a: null,
     // @ts-expect-error
     e: null,
     prev: n2,
-    next: o2
+    next: i2
   };
   ce = _2;
   try {
-    return _2.e = branch(() => l2(e2, d2, p2, u2), false), _2.e.prev = n2 && n2.e, _2.e.next = o2 && o2.e, null === n2 ? t2.first = _2 : (n2.next = _2, n2.e.next = _2.e), null !== o2 && (o2.prev = _2, o2.e.prev = _2.e), _2;
+    return _2.e = branch(() => l2(e2, f2, p2, u2), false), _2.e.prev = n2 && n2.e, _2.e.next = i2 && i2.e, null === n2 ? t2.first = _2 : (n2.next = _2, n2.e.next = _2.e), null !== i2 && (i2.prev = _2, i2.e.prev = _2.e), _2;
   } finally {
-    ce = f2;
+    ce = d2;
   }
 }
 function move(e2, t2, n2) {
-  for (var o2 = e2.next ? (
+  for (var i2 = e2.next ? (
     /** @type {TemplateNode} */
     e2.next.e.nodes_start
-  ) : n2, i2 = t2 ? (
+  ) : n2, o2 = t2 ? (
     /** @type {TemplateNode} */
     t2.e.nodes_start
   ) : n2, s2 = (
     /** @type {TemplateNode} */
     e2.e.nodes_start
-  ); s2 !== o2; ) {
+  ); s2 !== i2; ) {
     var a2 = (
       /** @type {TemplateNode} */
       /* @__PURE__ */ get_next_sibling(s2)
     );
-    i2.before(s2), s2 = a2;
+    o2.before(s2), s2 = 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, o2, i2) {
+function slot(e2, t2, n2, i2, o2) {
   var _a2;
   var s2 = (_a2 = t2.$$slots) == null ? void 0 : _a2[n2], a2 = false;
-  true === s2 && (s2 = t2["default" === n2 ? "children" : n2], a2 = true), void 0 === s2 ? null !== i2 && i2(e2) : s2(e2, a2 ? () => o2 : o2);
+  true === s2 && (s2 = t2["default" === n2 ? "children" : n2], a2 = true), void 0 === s2 ? null !== o2 && o2(e2) : s2(e2, a2 ? () => i2 : i2);
 }
 function component(e2, t2, n2) {
-  var o2, i2, s2 = e2;
+  var i2, o2, s2 = e2;
   block(() => {
-    o2 !== (o2 = t2()) && (i2 && (pause_effect(i2), i2 = null), o2 && (i2 = branch(() => n2(s2, o2))));
+    i2 !== (i2 = t2()) && (o2 && (pause_effect(o2), o2 = null), i2 && (o2 = branch(() => n2(s2, i2))));
   }, $);
 }
 function r(e2) {
-  var t2, n2, o2 = "";
-  if ("string" == typeof e2 || "number" == typeof e2) o2 += 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])) && (o2 && (o2 += " "), o2 += n2);
-  } else for (n2 in e2) e2[n2] && (o2 && (o2 += " "), o2 += n2);
-  return o2;
+    var o2 = e2.length;
+    for (t2 = 0; t2 < o2; 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, o2 = "", i2 = arguments.length; n2 < i2; n2++) (e3 = arguments[n2]) && (t2 = r(e3)) && (o2 && (o2 += " "), o2 += t2);
-    return o2;
+    for (var e3, t2, n2 = 0, i2 = "", o2 = arguments.length; n2 < o2; n2++) (e3 = arguments[n2]) && (t2 = r(e3)) && (i2 && (i2 += " "), i2 += t2);
+    return i2;
   }(e2) : e2 ?? "";
 }
 const ue = [..." 	\n\r\f \v\uFEFF"];
 function append_styles(e2, t2 = false) {
-  var n2 = t2 ? " !important;" : ";", o2 = "";
-  for (var i2 in e2) {
-    var s2 = e2[i2];
-    null != s2 && "" !== s2 && (o2 += " " + i2 + ": " + s2 + n2);
+  var n2 = t2 ? " !important;" : ";", i2 = "";
+  for (var o2 in e2) {
+    var s2 = e2[o2];
+    null != s2 && "" !== s2 && (i2 += " " + o2 + ": " + s2 + n2);
   }
-  return o2;
+  return i2;
 }
 function to_css_name(e2) {
   return "-" !== e2[0] || "-" !== e2[1] ? e2.toLowerCase() : e2;
 }
-function set_class(e2, t2, n2, o2, i2, s2) {
+function set_class(e2, t2, n2, i2, o2, s2) {
   if (e2.__className !== n2) {
     var a2 = function to_class(e3, t3, n3) {
-      var o3 = null == e3 ? "" : "" + e3;
-      if (t3 && (o3 = o3 ? o3 + " " + t3 : t3), n3) {
-        for (var i3 in n3) if (n3[i3]) o3 = o3 ? o3 + " " + i3 : i3;
-        else if (o3.length) for (var s3 = i3.length, a3 = 0; (a3 = o3.indexOf(i3, a3)) >= 0; ) {
+      var i3 = null == e3 ? "" : "" + e3;
+      if (t3 && (i3 = i3 ? i3 + " " + t3 : t3), n3) {
+        for (var o3 in n3) if (n3[o3]) i3 = i3 ? i3 + " " + o3 : o3;
+        else if (i3.length) for (var s3 = o3.length, a3 = 0; (a3 = i3.indexOf(o3, a3)) >= 0; ) {
           var l3 = a3 + s3;
-          0 !== a3 && !ue.includes(o3[a3 - 1]) || l3 !== o3.length && !ue.includes(o3[l3]) ? a3 = l3 : o3 = (0 === a3 ? "" : o3.substring(0, a3)) + o3.substring(l3 + 1);
+          0 !== a3 && !ue.includes(i3[a3 - 1]) || l3 !== i3.length && !ue.includes(i3[l3]) ? a3 = l3 : i3 = (0 === a3 ? "" : i3.substring(0, a3)) + i3.substring(l3 + 1);
         }
       }
-      return "" === o3 ? null : o3;
-    }(n2, o2, s2);
+      return "" === i3 ? null : i3;
+    }(n2, i2, s2);
     null == a2 ? e2.removeAttribute("class") : t2 ? e2.className = a2 : e2.setAttribute("class", a2), // @ts-expect-error need to add __className to patched prototype
     e2.__className = n2;
-  } else if (s2 && i2 !== s2) for (var l2 in s2) {
+  } else if (s2 && o2 !== s2) for (var l2 in s2) {
     var c2 = !!s2[l2];
-    null != i2 && c2 === !!i2[l2] || e2.classList.toggle(l2, c2);
+    null != o2 && c2 === !!o2[l2] || e2.classList.toggle(l2, c2);
   }
   return s2;
 }
-function update_styles(e2, t2 = {}, n2, o2) {
-  for (var i2 in n2) {
-    var s2 = n2[i2];
-    t2[i2] !== s2 && (null == n2[i2] ? e2.style.removeProperty(i2) : e2.style.setProperty(i2, s2, o2));
+function update_styles(e2, t2 = {}, n2, i2) {
+  for (var o2 in n2) {
+    var s2 = n2[o2];
+    t2[o2] !== s2 && (null == n2[o2] ? e2.style.removeProperty(o2) : e2.style.setProperty(o2, s2, i2));
   }
 }
-function set_style(e2, t2, n2, o2) {
+function set_style(e2, t2, n2, i2) {
   if (e2.__style !== t2) {
-    var i2 = function to_style(e3, t3) {
+    var o2 = function to_style(e3, t3) {
       if (t3) {
-        var n3, o3, i3 = "";
-        if (Array.isArray(t3) ? (n3 = t3[0], o3 = t3[1]) : n3 = t3, e3) {
+        var n3, i3, o3 = "";
+        if (Array.isArray(t3) ? (n3 = t3[0], i3 = t3[1]) : n3 = t3, e3) {
           e3 = String(e3).replaceAll(/\s*\/\*.*?\*\/\s*/g, "").trim();
           var s2 = false, a2 = 0, l2 = false, c2 = [];
-          n3 && c2.push(...Object.keys(n3).map(to_css_name)), o3 && c2.push(...Object.keys(o3).map(to_css_name));
-          var u2 = 0, f2 = -1;
+          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 d2 = 0; d2 < t4; d2++) {
-            var p2 = e3[d2];
-            if (l2 ? "/" === p2 && "*" === e3[d2 - 1] && (l2 = false) : s2 ? s2 === p2 && (s2 = false) : "/" === p2 && "*" === e3[d2 + 1] ? l2 = true : '"' === p2 || "'" === p2 ? s2 = p2 : "(" === p2 ? a2++ : ")" === p2 && a2--, !l2 && false === s2 && 0 === a2) {
-              if (":" === p2 && -1 === f2) f2 = d2;
-              else if (";" === p2 || d2 === t4 - 1) {
-                if (-1 !== f2) {
-                  var _2 = to_css_name(e3.substring(u2, f2).trim());
-                  c2.includes(_2) || (";" !== p2 && d2++, i3 += " " + e3.substring(u2, d2).trim() + ";");
+          for (var f2 = 0; f2 < t4; f2++) {
+            var p2 = e3[f2];
+            if (l2 ? "/" === p2 && "*" === e3[f2 - 1] && (l2 = false) : s2 ? s2 === p2 && (s2 = false) : "/" === p2 && "*" === e3[f2 + 1] ? l2 = true : '"' === p2 || "'" === p2 ? s2 = p2 : "(" === p2 ? a2++ : ")" === p2 && a2--, !l2 && false === s2 && 0 === a2) {
+              if (":" === p2 && -1 === d2) d2 = f2;
+              else if (";" === p2 || f2 === t4 - 1) {
+                if (-1 !== d2) {
+                  var _2 = to_css_name(e3.substring(u2, d2).trim());
+                  c2.includes(_2) || (";" !== p2 && f2++, o3 += " " + e3.substring(u2, f2).trim() + ";");
                 }
-                u2 = d2 + 1, f2 = -1;
+                u2 = f2 + 1, d2 = -1;
               }
             }
           }
         }
-        return n3 && (i3 += append_styles(n3)), o3 && (i3 += append_styles(o3, true)), "" === (i3 = i3.trim()) ? null : i3;
+        return n3 && (o3 += append_styles(n3)), i3 && (o3 += append_styles(i3, true)), "" === (o3 = o3.trim()) ? null : o3;
       }
       return null == e3 ? null : String(e3);
-    }(t2, o2);
-    null == i2 ? e2.removeAttribute("style") : e2.style.cssText = i2, // @ts-expect-error
+    }(t2, i2);
+    null == o2 ? e2.removeAttribute("style") : e2.style.cssText = o2, // @ts-expect-error
     e2.__style = t2;
-  } else o2 && (Array.isArray(o2) ? (update_styles(e2, n2 == null ? void 0 : n2[0], o2[0]), update_styles(e2, n2 == null ? void 0 : n2[1], o2[1], "important")) : update_styles(e2, n2, o2));
-  return o2;
+  } 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 fe = Symbol("class"), de = Symbol("style"), pe = Symbol("is custom element"), _e = Symbol("is html");
+const de = Symbol("class"), fe = Symbol("style"), pe = Symbol("is custom element"), _e = Symbol("is html");
 function set_selected(e2, t2) {
   t2 ? (
     // The selected option could've changed via user selection, and
@@ -1525,19 +1525,19 @@ function set_selected(e2, t2) {
     e2.hasAttribute("selected") || e2.setAttribute("selected", "")
   ) : e2.removeAttribute("selected");
 }
-function set_attribute(e2, t2, n2, o2) {
-  var i2 = get_attributes(e2);
-  i2[t2] !== (i2[t2] = n2) && ("loading" === t2 && // @ts-expect-error
+function set_attribute(e2, t2, n2, i2) {
+  var o2 = get_attributes(e2);
+  o2[t2] !== (o2[t2] = n2) && ("loading" === t2 && // @ts-expect-error
   (e2[C] = 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, o2, i2 = false) {
+function set_attributes(e2, t2, n2, i2, o2 = false) {
   var s2 = get_attributes(e2), a2 = s2[pe], l2 = !s2[_e], c2 = t2 || {}, u2 = "OPTION" === e2.tagName;
-  for (var f2 in t2) f2 in n2 || (n2[f2] = null);
-  n2.class ? n2.class = clsx(n2.class) : (o2 || n2[fe]) && (n2.class = null), n2[de] && (n2.style ?? (n2.style = null));
-  var d2 = get_setters(e2);
+  for (var d2 in t2) d2 in n2 || (n2[d2] = null);
+  n2.class ? n2.class = clsx(n2.class) : (i2 || n2[de]) && (n2.class = null), n2[fe] && (n2.style ?? (n2.style = null));
+  var f2 = get_setters(e2);
   for (const m2 in n2) {
     let b2 = n2[m2];
     if (u2 && "value" === m2 && null == b2)
@@ -1581,7 +1581,7 @@ function set_attributes(e2, t2, n2, o2, i2 = false) {
           var g2 = m2;
           l2 || (g2 = normalize_attribute(g2));
           var h2 = "defaultValue" === g2 || "defaultChecked" === g2;
-          if (null != b2 || a2 || h2) h2 || d2.includes(g2) && (a2 || "string" != typeof b2) ? (
+          if (null != b2 || a2 || h2) h2 || f2.includes(g2) && (a2 || "string" != typeof b2) ? (
             // @ts-ignore
             e2[g2] = b2
           ) : "function" != typeof b2 && set_attribute(e2, g2, b2);
@@ -1604,8 +1604,8 @@ function set_attributes(e2, t2, n2, o2, i2 = false) {
         else
           e2.value = e2.__value = b2;
       }
-    } else set_style(e2, b2, t2 == null ? void 0 : t2[de], n2[de]), c2[m2] = b2, c2[de] = n2[de];
-    else set_class(e2, "http://www.w3.org/1999/xhtml" === e2.namespaceURI, b2, o2, t2 == null ? void 0 : t2[fe], n2[fe]), c2[m2] = b2, c2[fe] = n2[fe];
+    } else set_style(e2, b2, t2 == null ? void 0 : t2[fe], n2[fe]), c2[m2] = b2, c2[fe] = n2[fe];
+    else set_class(e2, "http://www.w3.org/1999/xhtml" === e2.namespaceURI, b2, i2, t2 == null ? void 0 : t2[de], n2[de]), c2[m2] = b2, c2[de] = n2[de];
   }
   return c2;
 }
@@ -1620,9 +1620,9 @@ function get_setters(e2) {
   var t2, n2 = ve.get(e2.nodeName);
   if (n2) return n2;
   ve.set(e2.nodeName, n2 = []);
-  for (var o2 = e2, i2 = Element.prototype; i2 !== o2; ) {
-    for (var s2 in t2 = a(o2)) t2[s2].set && n2.push(s2);
-    o2 = u(o2);
+  for (var i2 = e2, o2 = Element.prototype; o2 !== i2; ) {
+    for (var s2 in t2 = a(i2)) t2[s2].set && n2.push(s2);
+    i2 = u(i2);
   }
   return n2;
 }
@@ -1661,20 +1661,20 @@ function css_property_to_camelcase(e2) {
 function css_to_keyframe(e2) {
   const t2 = {}, n2 = e2.split(";");
   for (const e3 of n2) {
-    const [n3, o2] = e3.split(":");
-    if (!n3 || void 0 === o2) break;
-    t2[css_property_to_camelcase(n3.trim())] = o2.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 = (e2) => e2;
-function transition(e2, t2, n2, o2) {
-  var i2, s2, a2, l2 = !!(4 & e2), c2 = t2.inert, u2 = t2.style.overflow;
+function transition(e2, t2, n2, i2) {
+  var o2, s2, a2, l2 = !!(4 & e2), c2 = t2.inert, u2 = t2.style.overflow;
   function get_options() {
     var e3 = F, s3 = H;
     set_active_reaction(null), set_active_effect(null);
     try {
-      return i2 ?? (i2 = n2()(t2, (o2 == null ? void 0 : o2()) ?? /** @type {P} */
+      return o2 ?? (o2 = n2()(t2, (i2 == null ? void 0 : i2()) ?? /** @type {P} */
       {}, {
         direction: "both"
       }));
@@ -1682,12 +1682,12 @@ function transition(e2, t2, n2, o2) {
       set_active_reaction(e3), set_active_effect(s3);
     }
   }
-  var f2 = {
+  var d2 = {
     is_global: l2,
     in() {
       t2.inert = c2, dispatch_event(t2, "introstart"), s2 = animate(t2, get_options(), a2, 1, () => {
         dispatch_event(t2, "introend"), // Ensure we cancel the animation to prevent leaking
-        s2 == null ? void 0 : s2.abort(), s2 = i2 = void 0, t2.style.overflow = u2;
+        s2 == null ? void 0 : s2.abort(), s2 = o2 = void 0, t2.style.overflow = u2;
       });
     },
     out(e3) {
@@ -1698,26 +1698,26 @@ function transition(e2, t2, n2, o2) {
     stop: () => {
       s2 == null ? void 0 : s2.abort(), a2 == null ? void 0 : a2.abort();
     }
-  }, d2 = (
+  }, f2 = (
     /** @type {Effect} */
     H
   );
-  if ((d2.transitions ?? (d2.transitions = [])).push(f2), se) {
+  if ((f2.transitions ?? (f2.transitions = [])).push(d2), se) {
     var p2 = l2;
     if (!p2) {
       for (var _2 = (
         /** @type {Effect | null} */
-        d2.parent
+        f2.parent
       ); _2 && _2.f & $; ) for (; (_2 = _2.parent) && !(16 & _2.f); ) ;
       p2 = !_2 || !!(32768 & _2.f);
     }
     p2 && effect(() => {
-      untrack(() => f2.in());
+      untrack(() => d2.in());
     });
   }
 }
-function animate(e2, t2, n2, o2, i2) {
-  var s2 = 1 === o2;
+function animate(e2, t2, n2, i2, o2) {
+  var s2 = 1 === i2;
   if (is_function(t2)) {
     var a2, l2 = false;
     return queue_micro_task(() => {
@@ -1725,7 +1725,7 @@ function animate(e2, t2, n2, o2, i2) {
         var c3 = t2({
           direction: s2 ? "in" : "out"
         });
-        a2 = animate(e2, c3, n2, o2, i2);
+        a2 = animate(e2, c3, n2, i2, o2);
       }
     }), {
       abort: () => {
@@ -1736,25 +1736,25 @@ function animate(e2, t2, n2, o2, 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 o2(), {
     abort: noop,
     deactivate: noop,
     reset: noop,
-    t: () => o2
+    t: () => i2
   };
-  const { delay: c2 = 0, css: u2, tick: f2, easing: d2 = linear } = t2;
+  const { delay: c2 = 0, css: u2, tick: d2, easing: f2 = linear } = t2;
   var p2 = [];
-  if (s2 && void 0 === n2 && (f2 && f2(0, 1), u2)) {
+  if (s2 && void 0 === n2 && (d2 && d2(0, 1), u2)) {
     var _2 = css_to_keyframe(u2(0, 1));
     p2.push(_2, _2);
   }
-  var get_t = () => 1 - o2, v2 = e2.animate(p2, {
+  var get_t = () => 1 - i2, v2 = e2.animate(p2, {
     duration: c2
   });
   return v2.onfinish = () => {
-    var s3 = (n2 == null ? void 0 : n2.t()) ?? 1 - o2;
+    var s3 = (n2 == null ? void 0 : n2.t()) ?? 1 - i2;
     n2 == null ? void 0 : n2.abort();
-    var a3 = o2 - s3, l3 = (
+    var a3 = i2 - s3, l3 = (
       /** @type {number} */
       t2.duration * Math.abs(a3)
     ), c3 = [];
@@ -1762,7 +1762,7 @@ function animate(e2, t2, n2, o2, i2) {
       var p3 = false;
       if (u2)
         for (var _3 = Math.ceil(l3 / (1e3 / 60)), g2 = 0; g2 <= _3; g2 += 1) {
-          var h2 = s3 + a3 * d2(g2 / _3), m2 = css_to_keyframe(u2(h2, 1 - h2));
+          var h2 = s3 + a3 * f2(g2 / _3), m2 = css_to_keyframe(u2(h2, 1 - h2));
           c3.push(m2), p3 || (p3 = "hidden" === m2.overflow);
         }
       p3 && /** @type {HTMLElement} */
@@ -1772,8 +1772,8 @@ function animate(e2, t2, n2, o2, i2) {
           /** @type {globalThis.Animation} */
           v2.currentTime
         );
-        return s3 + a3 * d2(e3 / l3);
-      }, f2 && function loop(e3) {
+        return s3 + a3 * f2(e3 / l3);
+      }, d2 && function loop(e3) {
         let t3;
         return 0 === ge.tasks.size && ge.tick(run_tasks), {
           promise: new Promise((n3) => {
@@ -1789,14 +1789,14 @@ function animate(e2, t2, n2, o2, i2) {
       }(() => {
         if ("running" !== v2.playState) return false;
         var e3 = get_t();
-        return f2(e3, 1 - e3), true;
+        return d2(e3, 1 - e3), true;
       });
     }
     (v2 = e2.animate(c3, {
       duration: l3,
       fill: "forwards"
     })).onfinish = () => {
-      get_t = () => o2, f2 == null ? void 0 : f2(o2, 1 - o2), i2();
+      get_t = () => i2, d2 == null ? void 0 : d2(i2, 1 - i2), o2();
     };
   }, {
     abort: () => {
@@ -1807,10 +1807,10 @@ function animate(e2, t2, n2, o2, i2) {
       v2.onfinish = noop);
     },
     deactivate: () => {
-      i2 = noop;
+      o2 = noop;
     },
     reset: () => {
-      0 === o2 && (f2 == null ? void 0 : f2(1, 0));
+      0 === i2 && (d2 == null ? void 0 : d2(1, 0));
     },
     t: () => get_t()
   };
@@ -1825,19 +1825,19 @@ function to_number(e2) {
 function is_bound_this(e2, t2) {
   return e2 === t2 || (e2 == null ? void 0 : e2[x]) === t2;
 }
-function bind_this(e2 = {}, t2, n2, o2) {
+function bind_this(e2 = {}, t2, n2, i2) {
   return effect(() => {
-    var o3, i2;
+    var i3, o2;
     return render_effect(() => {
-      o3 = 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 = o2, // We only track changes to the parts, not the value itself to avoid unnecessary reruns.
+      o2 = [], untrack(() => {
+        e2 !== n2(...o2) && (t2(e2, ...o2), // 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.
-        o3 && is_bound_this(n2(...o3), e2) && t2(null, ...o3));
+        i3 && is_bound_this(n2(...i3), e2) && t2(null, ...i3));
       });
     }), () => {
       queue_micro_task(() => {
-        i2 && is_bound_this(n2(...i2), e2) && t2(null, ...i2);
+        o2 && is_bound_this(n2(...o2), e2) && t2(null, ...o2);
       });
     };
   }), e2;
@@ -1854,13 +1854,13 @@ function init(e2 = false) {
       /** @type {Record<string, any>} */
       {}
     );
-    const o2 = /* @__PURE__ */ derived(() => {
-      let o3 = false;
-      const i2 = t2.s;
-      for (const e4 in i2) i2[e4] !== n3[e4] && (n3[e4] = i2[e4], o3 = true);
-      return o3 && e3++, e3;
+    const i2 = /* @__PURE__ */ derived(() => {
+      let i3 = false;
+      const o2 = t2.s;
+      for (const e4 in o2) o2[e4] !== n3[e4] && (n3[e4] = o2[e4], i3 = true);
+      return i3 && e3++, e3;
     });
-    props = () => get$1(o2);
+    props = () => get$1(i2);
   }
   n2.b.length && function user_pre_effect(e3) {
     return validate_effect(), render_effect(e3);
@@ -1884,21 +1884,21 @@ function observe_all(e2, t2) {
 function subscribe_to_store(e2, t2, n2) {
   if (null == e2)
     return t2(void 0), noop;
-  const o2 = untrack(() => e2.subscribe(
+  const i2 = untrack(() => e2.subscribe(
     t2,
     // @ts-expect-error
     n2
   ));
-  return o2.unsubscribe ? () => o2.unsubscribe() : o2;
+  return i2.unsubscribe ? () => i2.unsubscribe() : i2;
 }
 const he = [];
 function writable(e2, t2 = noop) {
   let n2 = null;
-  const o2 = /* @__PURE__ */ new Set();
+  const i2 = /* @__PURE__ */ new Set();
   function set2(t3) {
     if (safe_not_equal(e2, t3) && (e2 = t3, n2)) {
       const t4 = !he.length;
-      for (const t5 of o2) t5[1](), he.push(t5, e2);
+      for (const t5 of i2) t5[1](), he.push(t5, e2);
       if (t4) {
         for (let e3 = 0; e3 < he.length; e3 += 2) he[e3][0](he[e3 + 1]);
         he.length = 0;
@@ -1914,13 +1914,13 @@ function writable(e2, t2 = noop) {
   return {
     set: set2,
     update: update2,
-    subscribe: function subscribe(i2, s2 = noop) {
-      const a2 = [i2, s2];
-      return o2.add(a2), 1 === o2.size && (n2 = t2(set2, update2) || noop), i2(
+    subscribe: function subscribe(o2, s2 = noop) {
+      const a2 = [o2, s2];
+      return i2.add(a2), 1 === i2.size && (n2 = t2(set2, update2) || noop), o2(
         /** @type {T} */
         e2
       ), () => {
-        o2.delete(a2), 0 === o2.size && n2 && (n2(), n2 = null);
+        i2.delete(a2), 0 === i2.size && n2 && (n2(), n2 = null);
       };
     }
   };
@@ -1931,24 +1931,24 @@ function get(e2) {
 }
 let me = false, be = Symbol();
 function store_get(e2, t2, n2) {
-  const o2 = n2[t2] ?? (n2[t2] = {
+  const i2 = n2[t2] ?? (n2[t2] = {
     store: null,
     source: /* @__PURE__ */ mutable_source(void 0),
     unsubscribe: noop
   });
-  if (o2.store !== e2 && !(be in n2)) if (o2.unsubscribe(), o2.store = e2 ?? null, null == e2) o2.source.v = void 0, // see synchronous callback comment below
-  o2.unsubscribe = noop;
+  if (i2.store !== e2 && !(be 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;
-    o2.unsubscribe = subscribe_to_store(e2, (e3) => {
-      i2 ? (
+    var o2 = true;
+    i2.unsubscribe = subscribe_to_store(e2, (e3) => {
+      o2 ? (
         // 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
-        o2.source.v = e3
-      ) : set(o2.source, e3);
-    }), i2 = false;
+        i2.source.v = e3
+      ) : set(i2.source, e3);
+    }), o2 = false;
   }
-  return e2 && be in n2 ? get(e2) : get$1(o2.source);
+  return e2 && be in n2 ? get(e2) : get$1(i2.source);
 }
 function store_set(e2, t2) {
   return e2.set(t2), t2;
@@ -1960,7 +1960,7 @@ function setup_stores() {
       for (var t2 in e2) {
         e2[t2].unsubscribe();
       }
-      i(e2, be, {
+      o(e2, be, {
         enumerable: false,
         value: true
       });
@@ -2009,16 +2009,16 @@ const $e = {
   get(e2, t2) {
     let n2 = e2.props.length;
     for (; n2--; ) {
-      let o2 = e2.props[n2];
-      if (is_function(o2) && (o2 = o2()), "object" == typeof o2 && null !== o2 && t2 in o2) return o2[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 o2 = e2.props.length;
-    for (; o2--; ) {
-      let i2 = e2.props[o2];
-      is_function(i2) && (i2 = i2());
-      const a2 = s(i2, t2);
+    let i2 = e2.props.length;
+    for (; i2--; ) {
+      let o2 = e2.props[i2];
+      is_function(o2) && (o2 = o2());
+      const a2 = s(o2, t2);
       if (a2 && a2.set) return a2.set(n2), true;
     }
     return false;
@@ -2026,9 +2026,9 @@ const $e = {
   getOwnPropertyDescriptor(e2, t2) {
     let n2 = e2.props.length;
     for (; n2--; ) {
-      let o2 = e2.props[n2];
-      if (is_function(o2) && (o2 = o2()), "object" == typeof o2 && null !== o2 && t2 in o2) {
-        const e3 = s(o2, t2);
+      let i2 = e2.props[n2];
+      if (is_function(i2) && (i2 = i2()), "object" == typeof i2 && null !== i2 && t2 in i2) {
+        const e3 = s(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.
@@ -2055,10 +2055,10 @@ function spread_props(...e2) {
     props: e2
   }, $e);
 }
-function prop(e2, t2, n2, o2) {
+function prop(e2, t2, n2, i2) {
   var _a2;
-  var i2, a2 = !!(1 & n2), l2 = !S || !!(2 & n2), c2 = !!(8 & n2), u2 = !!(16 & n2), f2 = false;
-  c2 ? [i2, f2] = function capture_store_binding(e3) {
+  var o2, a2 = !!(1 & n2), l2 = !S || !!(2 & n2), c2 = !!(8 & n2), u2 = !!(16 & n2), d2 = false;
+  c2 ? [o2, d2] = function capture_store_binding(e3) {
     var t3 = me;
     try {
       return me = false, [e3(), me];
@@ -2068,21 +2068,21 @@ function prop(e2, t2, n2, o2) {
   }(() => (
     /** @type {V} */
     e2[t2]
-  )) : i2 = /** @type {V} */
+  )) : o2 = /** @type {V} */
   e2[t2];
-  var d2, p2 = x in e2 || k in e2, _2 = c2 && (((_a2 = s(e2, t2)) == null ? void 0 : _a2.set) ?? (p2 && t2 in e2 && ((n3) => e2[t2] = n3))) || void 0, v2 = (
+  var f2, p2 = x in e2 || k in e2, _2 = c2 && (((_a2 = s(e2, t2)) == null ? void 0 : _a2.set) ?? (p2 && t2 in e2 && ((n3) => e2[t2] = n3))) || void 0, v2 = (
     /** @type {V} */
-    o2
+    i2
   ), g2 = true, h2 = false, get_fallback = () => (h2 = true, g2 && (g2 = false, v2 = u2 ? untrack(
     /** @type {() => V} */
-    o2
+    i2
   ) : (
     /** @type {V} */
-    o2
+    i2
   )), v2);
-  if (void 0 === i2 && void 0 !== o2 && (_2 && l2 && function props_invalid_value(e3) {
+  if (void 0 === o2 && void 0 !== i2 && (_2 && l2 && function props_invalid_value(e3) {
     throw new Error("https://svelte.dev/e/props_invalid_value");
-  }(), i2 = get_fallback(), _2 && _2(i2)), l2) d2 = () => {
+  }(), o2 = get_fallback(), _2 && _2(o2)), l2) f2 = () => {
     var n3 = (
       /** @type {V} */
       e2[t2]
@@ -2094,13 +2094,13 @@ function prop(e2, t2, n2, o2) {
       /** @type {V} */
       e2[t2]
     ));
-    m2.f |= 131072, d2 = () => {
+    m2.f |= 131072, f2 = () => {
       var e3 = get$1(m2);
       return void 0 !== e3 && (v2 = /** @type {V} */
       void 0), void 0 === e3 ? v2 : e3;
     };
   }
-  if (!(4 & n2)) return d2;
+  if (!(4 & n2)) return f2;
   if (_2) {
     var b2 = e2.$$legacy;
     return function(e3, t3) {
@@ -2109,13 +2109,13 @@ function prop(e2, t2, n2, o2) {
         // In that case the state proxy (if it exists) should take care of the notification.
         // If the parent is not in runes mode, we need to notify on mutation, too, that the prop
         // has changed because the parent will not be able to detect the change otherwise.
-        (l2 && t3 && !b2 && !f2 || /** @type {Function} */
-        _2(t3 ? d2() : e3), e3)
-      ) : d2();
+        (l2 && t3 && !b2 && !d2 || /** @type {Function} */
+        _2(t3 ? f2() : e3), e3)
+      ) : f2();
     };
   }
-  var y2 = false, $2 = /* @__PURE__ */ mutable_source(i2), w2 = /* @__PURE__ */ derived(() => {
-    var e3 = d2(), t3 = get$1($2);
+  var y2 = false, $2 = /* @__PURE__ */ mutable_source(o2), w2 = /* @__PURE__ */ derived(() => {
+    var e3 = f2(), t3 = get$1($2);
     return y2 ? (y2 = false, t3) : $2.v = e3;
   });
   return a2 || (w2.equals = safe_equals), function(e3, t3) {
@@ -2187,25 +2187,25 @@ const we = {
 };
 var xe = /* @__PURE__ */ ns_template("<svg><!><!></svg>");
 function Icon$1(e2, t2) {
-  const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]), o2 = 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), s2 = 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 o2 = prop(t2, "name", 8, void 0), s2 = 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 f2 = xe();
-  let d2;
-  var p2 = child(f2);
+  var d2 = xe();
+  let f2;
+  var p2 = child(d2);
   each(p2, 1, u2, index, (e3, t3) => {
     var n3 = comment();
-    !function element(e4, t4, n4, o3, i3, s3) {
-      var a3, l3, c3, u3 = null, f3 = (
+    !function element(e4, t4, n4, i3, o3, s3) {
+      var a3, l3, c3, u3 = null, d3 = (
         /** @type {TemplateNode} */
         e4
-      ), d3 = ce;
+      ), f3 = ce;
       block(() => {
         const e5 = t4() || null;
         if (e5 !== a3) {
           var n5 = ce;
-          set_current_each_item(d3), c3 && (null === e5 ? (
+          set_current_each_item(f3), c3 && (null === e5 ? (
             // start outro
             pause_effect(c3, () => {
               c3 = null, l3 = null;
@@ -2217,32 +2217,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), o3) {
+            if (assign_nodes(u3 = document.createElementNS("http://www.w3.org/2000/svg", e5), u3), i3) {
               var t5 = (
                 /** @type {TemplateNode} */
                 u3.appendChild(create_text())
               );
-              o3(u3, t5);
+              i3(u3, t5);
             }
-            H.nodes_end = u3, f3.before(u3);
+            H.nodes_end = u3, d3.before(u3);
           })), (a3 = e5) && (l3 = a3), set_should_intro(true), set_current_each_item(n5);
         }
       }, $);
     }(first_child(n3), () => get$1(t3)[0], 0, (e4, n4) => {
-      let o3;
-      template_effect(() => o3 = set_attributes(e4, o3, {
+      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) => d2 = set_attributes(f2, d2, {
+  }), slot(sibling(p2), t2, "default", {}, null), template_effect((e3, t3) => f2 = set_attributes(d2, f2, {
     ...we,
-    ...o2,
+    ...i2,
     width: a2(),
     height: a2(),
     stroke: s2(),
     "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, f2), pop();
+  }), [() => c2() ? 24 * Number(l2()) / Number(a2()) : l2(), () => ((...e3) => e3.filter((e4, t3, n3) => Boolean(e4) && n3.indexOf(e4) === t3).join(" "))("lucide-icon", "lucide", o2() ? `lucide-${o2()}` : "", n2.class)], derived_safe_equal), append(e2, d2), pop();
 }
 function Loader_circle(e2, t2) {
   const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]);
@@ -2253,8 +2253,8 @@ function Loader_circle(e2, t2) {
       d: "M21 12a9 9 0 1 1-6.219-8.56"
     }]],
     children: (e3, n3) => {
-      var o2 = comment();
-      slot(first_child(o2), t2, "default", {}, null), append(e3, o2);
+      var i2 = comment();
+      slot(first_child(i2), t2, "default", {}, null), append(e3, i2);
     },
     $$slots: {
       default: true
@@ -2267,11 +2267,11 @@ var on_click$2 = (e2, t2) => {
 }, ke = /* @__PURE__ */ template('<button id="floating playlight button" aria-label="Open Playlight Discovery"><p class="z-2 flex items-center overflow-hidden svelte-1j97rta"><!> <span class="mr-0.25 inline-block font-bold svelte-1j97rta">More Games</span></p> <div class="absolute bottom-0 left-0 h-full w-0 bg-black 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"), o2 = prop(t2, "visible", 3, true);
-  var i2 = comment(), s2 = first_child(i2), consequent = (e3) => {
-    var o3 = ke();
-    o3.__click = [on_click$2, t2];
-    var i3 = child(o3);
+  let n2 = prop(t2, "position", 3, "bottom-right"), i2 = prop(t2, "visible", 3, true);
+  var o2 = comment(), s2 = first_child(o2), consequent = (e3) => {
+    var i3 = ke();
+    i3.__click = [on_click$2, t2];
+    var o3 = child(i3);
     !function Gamepad(e4, t3) {
       const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
       Icon$1(e4, spread_props({
@@ -2305,22 +2305,22 @@ function FloatingButton(e2, t2) {
           rx: "2"
         }]],
         children: (e5, n4) => {
-          var o4 = comment();
-          slot(first_child(o4), t3, "default", {}, null), append(e5, o4);
+          var i4 = comment();
+          slot(first_child(i4), t3, "default", {}, null), append(e5, i4);
         },
         $$slots: {
           default: true
         }
       }));
-    }(child(i3), {
+    }(child(o3), {
       size: 26,
       strokeWidth: 1.75,
       class: "z-2 mr-2 transform transition-all duration-300 group-hover:rotate-12"
-    }), template_effect(() => set_class(o3, 1, `fixed ${("bottom-left" == n2() ? "bottom-4 left-4" : "bottom-right" == n2() ? "right-4 bottom-4" : "") ?? ""} group children-text-white z-99990 flex cursor-pointer gap-2 rounded-md bg-white p-3 font-bold text-black uppercase shadow-lg transition-all hover:scale-105`, "svelte-1j97rta")), append(e3, o3);
+    }), 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 z-99990 flex cursor-pointer gap-2 rounded-md bg-white p-3 font-bold text-black uppercase shadow-lg transition-all hover:scale-105`, "svelte-1j97rta")), append(e3, i3);
   };
   if_block(s2, (e3) => {
-    o2() && e3(consequent);
-  }), append(e2, i2), pop();
+    i2() && e3(consequent);
+  }), append(e2, o2), pop();
 }
 function cubic_out(e2) {
   const t2 = e2 - 1;
@@ -2337,47 +2337,47 @@ function split_css_unit(e2) {
     "px"
   ];
 }
-function blur(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_in_out, amount: i2 = 5, opacity: s2 = 0 } = {}) {
-  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.filter ? "" : a2.filter, u2 = l2 * (1 - s2), [f2, d2] = split_css_unit(i2);
+function blur(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_in_out, amount: o2 = 5, opacity: s2 = 0 } = {}) {
+  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.filter ? "" : a2.filter, u2 = l2 * (1 - s2), [d2, f2] = split_css_unit(o2);
   return {
     delay: t2,
     duration: n2,
-    easing: o2,
-    css: (e3, t3) => `opacity: ${l2 - u2 * t3}; filter: ${c2} blur(${t3 * f2}${d2});`
+    easing: i2,
+    css: (e3, t3) => `opacity: ${l2 - u2 * t3}; filter: ${c2} blur(${t3 * d2}${f2});`
   };
 }
-function fly(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_out, x: i2 = 0, y: s2 = 0, opacity: a2 = 0 } = {}) {
-  const l2 = getComputedStyle(e2), c2 = +l2.opacity, u2 = "none" === l2.transform ? "" : l2.transform, f2 = c2 * (1 - a2), [d2, p2] = split_css_unit(i2), [_2, v2] = split_css_unit(s2);
+function fly(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_out, x: o2 = 0, y: s2 = 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(o2), [_2, v2] = split_css_unit(s2);
   return {
     delay: t2,
     duration: n2,
-    easing: o2,
+    easing: i2,
     css: (e3, t3) => `
-			transform: ${u2} translate(${(1 - e3) * d2}${p2}, ${(1 - e3) * _2}${v2});
-			opacity: ${c2 - f2 * t3}`
+			transform: ${u2} translate(${(1 - e3) * f2}${p2}, ${(1 - e3) * _2}${v2});
+			opacity: ${c2 - d2 * t3}`
   };
 }
-function slide(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_out, axis: i2 = "y" } = {}) {
-  const s2 = getComputedStyle(e2), a2 = +s2.opacity, l2 = "y" === i2 ? "height" : "width", c2 = parseFloat(s2[l2]), u2 = "y" === i2 ? ["top", "bottom"] : ["left", "right"], f2 = u2.map((e3) => (
+function slide(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_out, axis: o2 = "y" } = {}) {
+  const s2 = getComputedStyle(e2), a2 = +s2.opacity, l2 = "y" === o2 ? "height" : "width", c2 = parseFloat(s2[l2]), u2 = "y" === o2 ? ["top", "bottom"] : ["left", "right"], d2 = u2.map((e3) => (
     /** @type {'Left' | 'Right' | 'Top' | 'Bottom'} */
     `${e3[0].toUpperCase()}${e3.slice(1)}`
-  )), d2 = parseFloat(s2[`padding${f2[0]}`]), p2 = parseFloat(s2[`padding${f2[1]}`]), _2 = parseFloat(s2[`margin${f2[0]}`]), v2 = parseFloat(s2[`margin${f2[1]}`]), g2 = parseFloat(s2[`border${f2[0]}Width`]), h2 = parseFloat(s2[`border${f2[1]}Width`]);
+  )), f2 = parseFloat(s2[`padding${d2[0]}`]), p2 = parseFloat(s2[`padding${d2[1]}`]), _2 = parseFloat(s2[`margin${d2[0]}`]), v2 = parseFloat(s2[`margin${d2[1]}`]), g2 = parseFloat(s2[`border${d2[0]}Width`]), h2 = parseFloat(s2[`border${d2[1]}Width`]);
   return {
     delay: t2,
     duration: n2,
-    easing: o2,
-    css: (e3) => `overflow: hidden;opacity: ${Math.min(20 * e3, 1) * a2};${l2}: ${e3 * c2}px;padding-${u2[0]}: ${e3 * d2}px;padding-${u2[1]}: ${e3 * p2}px;margin-${u2[0]}: ${e3 * _2}px;margin-${u2[1]}: ${e3 * v2}px;border-${u2[0]}-width: ${e3 * g2}px;border-${u2[1]}-width: ${e3 * h2}px;min-${l2}: 0`
+    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 * _2}px;margin-${u2[1]}: ${e3 * v2}px;border-${u2[0]}-width: ${e3 * g2}px;border-${u2[1]}-width: ${e3 * h2}px;min-${l2}: 0`
   };
 }
-function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_out, start: i2 = 0, opacity: s2 = 0 } = {}) {
-  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.transform ? "" : a2.transform, u2 = 1 - i2, f2 = l2 * (1 - s2);
+function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_out, start: o2 = 0, opacity: s2 = 0 } = {}) {
+  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.transform ? "" : a2.transform, u2 = 1 - o2, d2 = l2 * (1 - s2);
   return {
     delay: t2,
     duration: n2,
-    easing: o2,
+    easing: i2,
     css: (e3, t3) => `
 			transform: ${c2} scale(${1 - u2 * t3});
-			opacity: ${l2 - f2 * t3}
+			opacity: ${l2 - d2 * t3}
 		`
   };
 }
@@ -2385,7 +2385,7 @@ delegate(["click"]);
 var Ce = /* @__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>'), Se = /* @__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>'), Me = /* @__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>'), Te = /* @__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 o2 = comment(), i2 = first_child(o2), consequent = (e3) => {
+  var i2 = comment(), o2 = first_child(i2), consequent = (e3) => {
     append(e3, Ce());
   }, alternate = (e3, t3) => {
     var consequent_1 = (e4) => {
@@ -2410,20 +2410,20 @@ function Icon(e2, t2) {
       "error" === n2() ? e4(consequent_1) : e4(alternate_1, false);
     }, t3);
   };
-  if_block(i2, (e3) => {
+  if_block(o2, (e3) => {
     "success" === n2() ? e3(consequent) : e3(alternate, false);
-  }), append(e2, o2);
+  }), append(e2, i2);
 }
-var qe = /* @__PURE__ */ template('<div class="sonner-loading-bar"></div>'), Ie = /* @__PURE__ */ template('<div class="sonner-loading-wrapper"><div class="sonner-spinner"></div></div>');
+var Ie = /* @__PURE__ */ template('<div class="sonner-loading-bar"></div>'), qe = /* @__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 o2 = Array(12).fill(0);
+  const i2 = Array(12).fill(0);
   init();
-  var i2 = Ie();
-  each(child(i2), 5, () => o2, index, (e3, t3) => {
-    append(e3, qe());
-  }), template_effect(() => set_attribute(i2, "data-visible", n2())), append(e2, i2), pop();
+  var o2 = qe();
+  each(child(o2), 5, () => i2, index, (e3, t3) => {
+    append(e3, Ie());
+  }), template_effect(() => set_attribute(o2, "data-visible", n2())), append(e2, o2), pop();
 }
 function cn(...e2) {
   return e2.filter(Boolean).join(" ");
@@ -2442,18 +2442,18 @@ function clientWritable(e2) {
   };
 }
 let Oe = 0;
-const Ee = function createToastState() {
+const je = function createToastState() {
   const e2 = clientWritable([]), t2 = clientWritable([]);
   function addToast(t3) {
     e2.update((e3) => [t3, ...e3]);
   }
   function create(t3) {
     var _a2;
-    const { message: n2, ...o2 } = t3, i2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a2 = t3.id) == null ? void 0 : _a2.length) > 0 ? t3.id : Oe++, s2 = 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, o2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a2 = t3.id) == null ? void 0 : _a2.length) > 0 ? t3.id : Oe++, s2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === o2);
+    return l2 ? e2.update((e3) => e3.map((e4) => e4.id === o2 ? {
       ...e4,
       ...t3,
-      id: i2,
+      id: o2,
       title: n2,
       dismissable: s2,
       type: a2,
@@ -2462,12 +2462,12 @@ const Ee = function createToastState() {
       ...e4,
       updated: false
     })) : addToast({
-      ...o2,
-      id: i2,
+      ...i2,
+      id: o2,
       title: n2,
       dismissable: s2,
       type: a2
-    }), i2;
+    }), o2;
   }
   function dismiss(t3) {
     if (void 0 !== t3) return e2.update((e3) => e3.map((e4) => e4.id === t3 ? {
@@ -2540,48 +2540,48 @@ const Ee = function createToastState() {
         type: "loading",
         message: t3.loading
       }));
-      const o2 = e3 instanceof Promise ? e3 : e3();
-      let i2 = void 0 !== n2;
-      return o2.then((e4) => {
+      const i2 = e3 instanceof Promise ? e3 : e3();
+      let o2 = void 0 !== n2;
+      return i2.then((e4) => {
         if (e4 && "boolean" == typeof e4.ok && !e4.ok) {
-          i2 = false;
-          const o3 = "function" == typeof t3.error ? (
+          o2 = 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: o3
+            message: i3
           });
         } else if (void 0 !== t3.success) {
-          i2 = false;
-          const o3 = (
+          o2 = 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: o3
+            message: i3
           });
         }
       }).catch((e4) => {
         if (void 0 !== t3.error) {
-          i2 = false;
-          const o3 = (
+          o2 = 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: o3
+            message: i3
           });
         }
       }).finally(() => {
         var _a2;
-        i2 && // Toast is still in load state (and will be indefinitely — dismiss it)
+        o2 && // 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;
     },
@@ -2607,27 +2607,27 @@ const Ee = function createToastState() {
     heights: t2
   };
 }();
-const je = function toastFunction(e2, t2) {
-  return Ee.create({
+const Ee = function toastFunction(e2, t2) {
+  return je.create({
     message: e2,
     ...t2
   });
-}, Ne = Object.assign(je, {
-  success: Ee.success,
-  info: Ee.info,
-  warning: Ee.warning,
-  error: Ee.error,
-  custom: Ee.custom,
-  message: Ee.message,
-  promise: Ee.promise,
-  dismiss: Ee.dismiss,
-  loading: Ee.loading
+}, Ne = Object.assign(Ee, {
+  success: je.success,
+  info: je.info,
+  warning: je.warning,
+  error: je.error,
+  custom: je.custom,
+  message: je.message,
+  promise: je.promise,
+  dismiss: je.dismiss,
+  loading: je.loading
 });
 var Be = /* @__PURE__ */ template('<button aria-label="Close toast" data-close-button=""><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>'), De = /* @__PURE__ */ template('<div data-icon=""><!> <!></div>'), Ae = /* @__PURE__ */ template('<div data-title=""><!></div>'), We = /* @__PURE__ */ template('<div data-description=""><!></div>'), ze = /* @__PURE__ */ template('<button data-button="" data-cancel=""> </button>'), Le = /* @__PURE__ */ template('<button data-button=""> </button>'), Fe = /* @__PURE__ */ template('<!> <div data-content=""><!> <!></div> <!> <!>', 1), Ge = /* @__PURE__ */ template('<li aria-atomic="true" role="status" data-sonner-toast=""><!> <!></li>');
 function Toast(e2, t2) {
   const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]);
   push(t2, false);
-  const [o2, i2] = setup_stores(), $heights = () => store_get(y2, "$heights", o2), $effect = () => store_get(get$1(Q2), "$effect", o2), s2 = mutable_state(void 0, true), a2 = mutable_state(void 0, true), l2 = mutable_state(void 0, true), c2 = mutable_state(void 0, true), u2 = mutable_state(void 0, true), f2 = mutable_state(void 0, true), d2 = mutable_state(void 0, true), p2 = mutable_state(void 0, true), _2 = mutable_state(void 0, true), v2 = mutable_state(void 0, true), g2 = mutable_state(void 0, true), h2 = mutable_state(void 0, true), m2 = {
+  const [i2, o2] = setup_stores(), $heights = () => store_get(y2, "$heights", i2), $effect = () => store_get(get$1(Q2), "$effect", i2), s2 = mutable_state(void 0, true), a2 = mutable_state(void 0, true), l2 = mutable_state(void 0, true), c2 = mutable_state(void 0, true), u2 = mutable_state(void 0, true), d2 = mutable_state(void 0, true), f2 = mutable_state(void 0, true), p2 = mutable_state(void 0, true), _2 = mutable_state(void 0, true), v2 = mutable_state(void 0, true), g2 = mutable_state(void 0, true), h2 = mutable_state(void 0, true), m2 = {
     toast: "",
     title: "",
     description: "",
@@ -2642,8 +2642,8 @@ function Toast(e2, t2) {
     default: "",
     info: "",
     loading: ""
-  }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = Ee;
-  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), q2 = prop(t2, "visibleToasts", 9), I2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), O2 = prop(t2, "interacting", 9), E2 = prop(t2, "cancelButtonStyle", 9, ""), j2 = prop(t2, "actionButtonStyle", 9, ""), N2 = prop(t2, "duration", 9, 4e3), B2 = prop(t2, "descriptionClass", 9, ""), D2 = prop(t2, "classes", 29, () => ({})), A2 = prop(t2, "unstyled", 9, false), W2 = mutable_state(false, true), z2 = mutable_state(false, true), L2 = mutable_state(false, true), F2 = mutable_state(false, true), G2 = mutable_state(0, true), H2 = mutable_state(0, true), R2 = mutable_state(void 0, true), V2 = mutable_state(0, true), K2 = 0, U2 = 0, Z2 = null;
+  }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = je;
+  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), q2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), O2 = prop(t2, "interacting", 9), j2 = prop(t2, "cancelButtonStyle", 9, ""), E2 = prop(t2, "actionButtonStyle", 9, ""), N2 = prop(t2, "duration", 9, 4e3), B2 = prop(t2, "descriptionClass", 9, ""), D2 = prop(t2, "classes", 29, () => ({})), A2 = prop(t2, "unstyled", 9, false), W2 = mutable_state(false, true), z2 = mutable_state(false, true), L2 = mutable_state(false, true), F2 = mutable_state(false, true), G2 = mutable_state(0, true), H2 = mutable_state(0, true), R2 = mutable_state(void 0, true), V2 = mutable_state(0, true), K2 = 0, U2 = 0, Z2 = null;
   function deleteToast() {
     set(z2, true), // Save the offset for the exit swipe animation
     set(G2, get$1(V2)), $2(k2().id), setTimeout(() => {
@@ -2673,8 +2673,8 @@ function Toast(e2, t2) {
     });
   }), legacy_pre_effect(() => deep_read_state(C2()), () => {
     set(s2, 0 === C2());
-  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(q2())), () => {
-    set(a2, C2() + 1 <= q2());
+  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(I2())), () => {
+    set(a2, C2() + 1 <= I2());
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
     set(l2, k2().title);
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
@@ -2682,9 +2682,9 @@ function Toast(e2, t2) {
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
     set(u2, k2().type);
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
-    set(f2, k2().class || "");
+    set(d2, k2().class || "");
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
-    set(d2, k2().descriptionClass || "");
+    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()), () => {
@@ -2705,13 +2705,13 @@ function Toast(e2, t2) {
     async function updateHeights() {
       if (!get$1(W2)) return;
       let e3;
-      await tick(), e3 = S2() || I2() ? 1 : 1 - 0.05 * C2(), get$1(R2).style.setProperty("height", "auto");
-      const t3 = get$1(R2).offsetHeight, n3 = get$1(R2).getBoundingClientRect().height, o3 = Math.round(100 * (n3 / e3 + Number.EPSILON)) / 100;
-      let i3;
+      await tick(), e3 = S2() || q2() ? 1 : 1 - 0.05 * C2(), get$1(R2).style.setProperty("height", "auto");
+      const t3 = get$1(R2).offsetHeight, n3 = get$1(R2).getBoundingClientRect().height, i3 = Math.round(100 * (n3 / e3 + Number.EPSILON)) / 100;
+      let o3;
       get$1(R2).style.removeProperty("height"), // Use scaledRectHeight as it's more precise
-      i3 = Math.abs(o3 - t3) < 1 ? o3 : t3, set(H2, i3), w2({
+      o3 = Math.abs(i3 - t3) < 1 ? i3 : t3, set(H2, o3), w2({
         toastId: k2().id,
-        height: i3
+        height: o3
       });
     }();
   }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(J2), deep_read_state(N2())), () => {
@@ -2724,9 +2724,9 @@ function Toast(e2, t2) {
   }), legacy_pre_effect(() => (get$1(h2), deep_read_state(S2()), deep_read_state(O2()), get$1(J2)), () => {
     var e3;
     !function store_unsub(e4, t3, n3) {
-      let o3 = n3[t3];
-      return o3 && o3.store !== e4 && // Don't reset store yet, so that store_get above can resubscribe to new store if necessary
-      (o3.unsubscribe(), o3.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() || O2() ? (
       // If toast's duration changes, it will be out of sync with the
       // remainingAtTimeout, so we know we need to restart the timer
@@ -2741,7 +2741,7 @@ function Toast(e2, t2) {
       }()
     ) : startTimer()), () => clearTimeout(get$1(J2))), {
       subscribe: e3
-    })), "$effect", o2);
+    })), "$effect", i2);
   }), legacy_pre_effect(() => $effect(), () => {
     $effect();
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
@@ -2778,15 +2778,15 @@ function Toast(e2, t2) {
       }));
     }), append(e3, t3);
   }, alternate = (e3) => {
-    var n3 = Fe(), o3 = first_child(n3), consequent_8 = (e4) => {
-      var n4 = De(), o4 = child(n4), consequent_2 = (e5) => {
+    var n3 = Fe(), i3 = first_child(n3), consequent_8 = (e4) => {
+      var n4 = De(), i4 = child(n4), consequent_2 = (e5) => {
         var n5 = comment();
         slot(first_child(n5), t2, "loading-icon", {}, null), append(e5, n5);
       };
-      if_block(o4, (e5) => {
+      if_block(i4, (e5) => {
         !k2().promise && "loading" !== get$1(u2) || k2().icon || e5(consequent_2);
       });
-      var i4 = sibling(o4, 2), consequent_3 = (e5) => {
+      var o4 = sibling(i4, 2), consequent_3 = (e5) => {
         var t3 = comment();
         component(first_child(t3), () => k2().icon, (e6, t4) => {
           t4(e6, {});
@@ -2824,14 +2824,14 @@ function Toast(e2, t2) {
           "success" === get$1(u2) ? e6(consequent_4) : e6(alternate_2, false);
         }, n5);
       };
-      if_block(i4, (e5) => {
+      if_block(o4, (e5) => {
         k2().icon ? e5(consequent_3) : e5(alternate_1, false);
       }), append(e4, n4);
     };
-    if_block(o3, (e4) => {
+    if_block(i3, (e4) => {
       ("default" !== get$1(u2) || k2().icon || k2().promise) && e4(consequent_8);
     });
-    var i3 = sibling(o3, 2), s3 = child(i3), consequent_10 = (e4) => {
+    var o3 = sibling(i3, 2), s3 = child(o3), consequent_10 = (e4) => {
       var t3 = Ae(), n4 = child(t3), consequent_9 = (e5) => {
         var t4 = comment();
         component(first_child(t4), () => k2().title, (e6, t5) => {
@@ -2865,16 +2865,16 @@ 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(B2(), get$1(d2), (_a2 = D2()) == null ? void 0 : _a2.description, (_b2 = k2().classes) == null ? void 0 : _b2.description));
+        return clsx(cn(B2(), 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(o3, 2), consequent_13 = (e4) => {
       var t3 = ze(), n4 = child(t3);
       template_effect((e5) => {
-        set_style(t3, E2()), set_class(t3, 1, e5), set_text(n4, k2().cancel.label);
+        set_style(t3, j2()), set_class(t3, 1, e5), set_text(n4, k2().cancel.label);
       }, [() => {
         var _a2, _b2, _c2;
         return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.cancelButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.cancelButton));
@@ -2889,7 +2889,7 @@ function Toast(e2, t2) {
     var c3 = sibling(l3, 2), consequent_14 = (e4) => {
       var t3 = Le(), n4 = child(t3);
       template_effect((e5) => {
-        set_style(t3, j2()), set_class(t3, 1, e5), set_text(n4, k2().action.label);
+        set_style(t3, E2()), set_class(t3, 1, e5), set_text(n4, k2().action.label);
       }, [() => {
         var _a2, _b2, _c2;
         return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.actionButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.actionButton));
@@ -2904,19 +2904,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, o3) => {
     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) || A2())), set_attribute(ee2, "data-mounted", get$1(W2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(z2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(_2)[0]), set_attribute(ee2, "data-x-position", get$1(_2)[1]), set_attribute(ee2, "data-index", C2()), set_attribute(ee2, "data-front", get$1(s2)), 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(F2)), 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) || A2())), set_attribute(ee2, "data-mounted", get$1(W2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(z2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(_2)[0]), set_attribute(ee2, "data-x-position", get$1(_2)[1]), set_attribute(ee2, "data-index", C2()), set_attribute(ee2, "data-front", get$1(s2)), 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(F2)), set_attribute(ee2, "data-expanded", o3), te2 = set_style(ee2, `${n2.style} ${k2().style}`, te2, {
       "--index": C2(),
       "--toasts-before": C2(),
-      "--z-index": store_get(b2, "$toasts", o2).length - C2(),
+      "--z-index": store_get(b2, "$toasts", i2).length - C2(),
       "--offset": `${get$1(z2) ? get$1(G2) : get$1(V2)}px`,
       "--initial-height": `${get$1(H2)}px`
     });
   }, [() => {
     var _a2, _b2, _c2, _d, _e2, _f;
-    return clsx(cn(n2.class, get$1(f2), (_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 = (_e2 = k2()) == null ? void 0 : _e2.classes) == null ? void 0 : _f[get$1(u2)]));
-  }, () => Boolean(k2().promise), () => Boolean(S2() || I2() && get$1(W2))], 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 = (_e2 = k2()) == null ? void 0 : _e2.classes) == null ? void 0 : _f[get$1(u2)]));
+  }, () => Boolean(k2().promise), () => Boolean(S2() || q2() && get$1(W2))], derived_safe_equal), event("pointerdown", ee2, function onPointerDown(e3) {
     if (get$1(g2)) return;
     set(G2, get$1(V2));
     const t3 = e3.target;
@@ -2933,42 +2933,42 @@ function Toast(e2, t2) {
     get$1(R2).style.setProperty("--swipe-amount", "0px"), set(L2, false);
   }), event("pointermove", ee2, function onPointerMove(e3) {
     if (!Z2) return;
-    const t3 = e3.clientY - Z2.y, n3 = e3.clientX - Z2.x, o3 = ("top" === get$1(_2)[0] ? Math.min : Math.max)(0, t3), i3 = "touch" === e3.pointerType ? 10 : 2;
-    Math.abs(o3) > 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 - Z2.y, n3 = e3.clientX - Z2.x, i3 = ("top" === get$1(_2)[0] ? Math.min : Math.max)(0, t3), o3 = "touch" === e3.pointerType ? 10 : 2;
+    Math.abs(i3) > o3 ? get$1(R2).style.setProperty("--swipe-amount", `${t3}px`) : Math.abs(n3) > o3 && // User is swiping in wrong direction so we disable swipe gesture
     // for the current pointer down interaction
     (Z2 = null);
-  }), append(e2, ee2), pop(), i2();
+  }), append(e2, ee2), pop(), o2();
 }
 var He = /* @__PURE__ */ template("<ol></ol>"), Re = /* @__PURE__ */ template('<section class="svelte-1fo5d1m"></section>');
 function Toaster(e2, t2) {
-  const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]), o2 = 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, s2] = setup_stores(), $toasts = () => store_get(k2, "$toasts", i2), a2 = mutable_state(), l2 = mutable_state(), c2 = "dark", u2 = "light";
+  const [o2, s2] = setup_stores(), $toasts = () => store_get(k2, "$toasts", o2), a2 = mutable_state(), l2 = mutable_state(), c2 = "dark", u2 = "light";
   function getDocumentDirection() {
     if ("undefined" == typeof window) return "ltr";
     if ("undefined" == typeof document) return "ltr";
     const e3 = document.documentElement.getAttribute("dir");
     return "auto" !== e3 && e3 ? e3 : window.getComputedStyle(document.documentElement).direction;
   }
-  let f2 = prop(t2, "invert", 8, false), d2 = prop(t2, "theme", 8, "light"), p2 = prop(t2, "position", 8, "bottom-right"), _2 = prop(t2, "hotkey", 24, () => ["altKey", "KeyT"]), v2 = prop(t2, "containerAriaLabel", 8, "Notifications"), g2 = 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 } = Ee;
-  let M2 = mutable_state(false), q2 = mutable_state(false), I2 = mutable_state(function getInitialTheme(e3) {
+  let d2 = prop(t2, "invert", 8, false), f2 = prop(t2, "theme", 8, "light"), p2 = prop(t2, "position", 8, "bottom-right"), _2 = prop(t2, "hotkey", 24, () => ["altKey", "KeyT"]), v2 = prop(t2, "containerAriaLabel", 8, "Notifications"), g2 = 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 } = je;
+  let M2 = mutable_state(false), I2 = mutable_state(false), q2 = mutable_state(function getInitialTheme(e3) {
     return "system" !== e3 ? e3 : "undefined" != typeof window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? c2 : u2;
-  }(d2())), P2 = mutable_state(), O2 = null, E2 = false;
+  }(f2())), P2 = mutable_state(), O2 = null, j2 = false;
   function handleBlur(e3) {
-    E2 && !e3.currentTarget.contains(e3.relatedTarget) && (E2 = false, O2 && (O2.focus({
+    j2 && !e3.currentTarget.contains(e3.relatedTarget) && (j2 = false, O2 && (O2.focus({
       preventScroll: true
     }), O2 = null));
   }
   function handleFocus(e3) {
-    E2 || (E2 = true, O2 = e3.relatedTarget);
+    j2 || (j2 = true, O2 = e3.relatedTarget);
   }
   !function onDestroy(e3) {
     null === T && lifecycle_outside_component(), onMount(() => () => untrack(e3));
   }(() => {
     get$1(P2) && O2 && (O2.focus({
       preventScroll: true
-    }), O2 = null, E2 = false);
+    }), O2 = null, j2 = false);
   }), onMount(() => {
     S2();
     const handleKeydown = (e3) => {
@@ -2996,18 +2996,18 @@ function Toaster(e2, t2) {
       } : t4);
       k2.set(t3);
     }
-  }), legacy_pre_effect(() => deep_read_state(d2()), () => {
-    if ("system" !== d2() && set(I2, d2()), "undefined" != typeof window) {
-      "system" === d2() && // check if current preference is dark
+  }), legacy_pre_effect(() => deep_read_state(f2()), () => {
+    if ("system" !== f2() && set(q2, 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(q2, c2)
       ) : (
         // it's not dark
-        set(I2, u2)
+        set(q2, u2)
       ));
       const e3 = window.matchMedia("(prefers-color-scheme: dark)"), changeHandler = ({ matches: e4 }) => {
-        set(I2, e4 ? c2 : u2);
+        set(q2, e4 ? c2 : u2);
       };
       "addEventListener" in e3 ? e3.addEventListener("change", changeHandler) : (
         // @ts-expect-error deprecated API
@@ -3015,12 +3015,12 @@ function Toaster(e2, t2) {
       );
     }
   }), legacy_pre_effect_reset(), init();
-  var j2 = comment(), N2 = first_child(j2), consequent = (e3) => {
+  var E2 = comment(), N2 = first_child(E2), consequent = (e3) => {
     var s3 = Re();
     set_attribute(s3, "tabindex", -1), each(s3, 5, () => get$1(a2), index, (e4, s4, a3, l3) => {
       var c3 = He();
       let u3;
-      each(c3, 7, () => $toasts().filter((e5) => !e5.position && 0 === a3 || e5.position === get$1(s4)), (e5) => e5.id, (e5, n3, o3, i3) => {
+      each(c3, 7, () => $toasts().filter((e5) => !e5.position && 0 === a3 || e5.position === get$1(s4)), (e5) => e5.id, (e5, n3, i3, o3) => {
         const a4 = /* @__PURE__ */ derived_safe_equal(() => {
           var _a2;
           return ((_a2 = $2()) == null ? void 0 : _a2.actionButtonStyle) || "";
@@ -3033,19 +3033,19 @@ function Toaster(e2, t2) {
         }), u4 = /* @__PURE__ */ derived_safe_equal(() => {
           var _a2;
           return ((_a2 = $2()) == null ? void 0 : _a2.descriptionClass) || "";
-        }), d3 = /* @__PURE__ */ derived_safe_equal(() => $2().classes || {}), p3 = /* @__PURE__ */ derived_safe_equal(() => {
+        }), f3 = /* @__PURE__ */ derived_safe_equal(() => $2().classes || {}), p3 = /* @__PURE__ */ derived_safe_equal(() => {
           var _a2;
           return ((_a2 = $2()) == null ? void 0 : _a2.duration) ?? m2();
         }), _3 = /* @__PURE__ */ derived_safe_equal(() => $2().unstyled || false);
         Toast(e5, {
           get index() {
-            return get$1(o3);
+            return get$1(i3);
           },
           get toast() {
             return get$1(n3);
           },
           get invert() {
-            return f2();
+            return d2();
           },
           get visibleToasts() {
             return b2();
@@ -3054,7 +3054,7 @@ function Toaster(e2, t2) {
             return y2();
           },
           get interacting() {
-            return get$1(q2);
+            return get$1(I2);
           },
           get position() {
             return get$1(s4);
@@ -3078,7 +3078,7 @@ function Toaster(e2, t2) {
             return get$1(u4);
           },
           get classes() {
-            return get$1(d3);
+            return get$1(f3);
           },
           get duration() {
             return get$1(p3);
@@ -3087,48 +3087,48 @@ function Toaster(e2, t2) {
             return get$1(_3);
           },
           $$slots: {
-            "loading-icon": (e6, o4) => {
-              var i4 = comment();
-              slot(first_child(i4), t2, "loading-icon", {}, (e7) => {
+            "loading-icon": (e6, i4) => {
+              var o4 = comment();
+              slot(first_child(o4), 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, o4);
             },
             "success-icon": (e6, n4) => {
-              var o4 = comment();
-              slot(first_child(o4), t2, "success-icon", {}, (e7) => {
+              var i4 = comment();
+              slot(first_child(i4), t2, "success-icon", {}, (e7) => {
                 Icon(e7, {
                   type: "success"
                 });
-              }), append(e6, o4);
+              }), append(e6, i4);
             },
             "error-icon": (e6, n4) => {
-              var o4 = comment();
-              slot(first_child(o4), t2, "error-icon", {}, (e7) => {
+              var i4 = comment();
+              slot(first_child(i4), t2, "error-icon", {}, (e7) => {
                 Icon(e7, {
                   type: "error"
                 });
-              }), append(e6, o4);
+              }), append(e6, i4);
             },
             "warning-icon": (e6, n4) => {
-              var o4 = comment();
-              slot(first_child(o4), t2, "warning-icon", {}, (e7) => {
+              var i4 = comment();
+              slot(first_child(i4), t2, "warning-icon", {}, (e7) => {
                 Icon(e7, {
                   type: "warning"
                 });
-              }), append(e6, o4);
+              }), append(e6, i4);
             },
             "info-icon": (e6, n4) => {
-              var o4 = comment();
-              slot(first_child(o4), t2, "info-icon", {}, (e7) => {
+              var i4 = comment();
+              slot(first_child(i4), t2, "info-icon", {}, (e7) => {
                 Icon(e7, {
                   type: "info"
                 });
-              }), append(e6, o4);
+              }), append(e6, i4);
             }
           }
         });
@@ -3138,28 +3138,28 @@ function Toaster(e2, t2) {
           tabIndex: -1,
           class: n2.class,
           "data-sonner-toaster": true,
-          "data-theme": get$1(I2),
+          "data-theme": get$1(q2),
           "data-rich-colors": g2(),
           dir: e5,
           "data-y-position": t3,
           "data-x-position": s5,
           style: n2.style,
-          ...o2,
-          [de]: {
-            "--front-toast-height": `${(_a2 = store_get(C2, "$heights", i2)[0]) == null ? void 0 : _a2.height}px`,
+          ...i2,
+          [fe]: {
+            "--front-toast-height": `${(_a2 = store_get(C2, "$heights", o2)[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(s4).split("-")[0], () => get$1(s4).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(q2) || set(M2, false);
-      }), event("pointerdown", c3, () => set(q2, true)), event("pointerup", c3, () => set(q2, false)), append(e4, c3);
+        get$1(I2) || set(M2, false);
+      }), event("pointerdown", c3, () => set(I2, true)), event("pointerup", c3, () => set(I2, false)), append(e4, c3);
     }), template_effect(() => set_attribute(s3, "aria-label", `${v2()} ${get$1(l2)}`)), append(e3, s3);
   };
   if_block(N2, (e3) => {
     $toasts().length > 0 && e3(consequent);
-  }), append(e2, j2), pop(), s2();
+  }), append(e2, E2), pop(), s2();
 }
 const Ve = writable(false), Ke = writable("https://sdk.playlight.dev");
 function handleClick(e2, t2, n2) {
@@ -3173,33 +3173,33 @@ function playGame(e2, t2) {
 var Ue = /* @__PURE__ */ template('<div><p class="text-primary font-bold uppercase">New</p></div>'), Ze = /* @__PURE__ */ template('<video playsinline="" loop preload="auto"></video>', 2), Je = /* @__PURE__ */ template("<button>Play</button>"), Xe = /* @__PURE__ */ template('<div class="bg-background/75 text-foreground absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden backdrop-blur-xl"><div class="hide-scrollbar h-full w-full overflow-y-auto p-3 svelte-rulnq9"><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 class="fade-mask bg-background/75 pointer-events-none absolute right-0 bottom-0 left-0 h-8 svelte-rulnq9"></div></div>'), Ye = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" loading="eager"> <!> <!> <img alt="game logo" loading="eager"></div>');
 function GameCard(e2, t2) {
   push(t2, true);
-  const [n2, o2] = setup_stores();
-  let i2 = state(false), s2 = state(void 0), a2 = state(false), l2 = state(false), c2 = state(false), u2 = state(false), f2 = state(void 0);
+  const [n2, i2] = setup_stores();
+  let o2 = state(false), s2 = state(void 0), a2 = state(false), l2 = state(false), c2 = state(false), u2 = state(false), d2 = state(void 0);
   function handleMouseEnter() {
-    get$1(i2) || get$1(u2) || function playSound(e3, t3 = 1) {
+    get$1(o2) || get$1(u2) || function playSound(e3, t3 = 1) {
       try {
         const n3 = new Audio(e3);
         n3.volume = t3, n3.play();
       } catch (e4) {
         console.error("Error playing sound:", e4);
       }
-    }(store_get(Ke, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), set(i2, true), get$1(s2) && t2.game.cover_video_url && get$1(s2).play().catch((e3) => console.error("Video play error:", e3));
+    }(store_get(Ke, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), set(o2, true), get$1(s2) && t2.game.cover_video_url && get$1(s2).play().catch((e3) => console.error("Video play error:", e3));
   }
   function handleMouseLeave() {
-    get$1(u2) || (set(i2, false), get$1(s2) && get$1(a2) && get$1(s2).pause());
+    get$1(u2) || (set(o2, false), get$1(s2) && get$1(a2) && get$1(s2).pause());
   }
   user_effect(() => {
     set(u2, "ontouchstart" in window);
   });
-  var d2 = Ye();
-  event("touchstart", q, () => set(u2, true), void 0, true), event("touchstart", I, function handleDocumentTouch(e3) {
-    get$1(f2) && !get$1(f2).contains(e3.target) && set(i2, false);
-  }, void 0, true), d2.__touchstart = handleMouseEnter, d2.__click = [handleClick, u2, t2];
-  var p2 = child(d2), consequent = (e3) => {
+  var f2 = Ye();
+  event("touchstart", I, () => set(u2, true), void 0, true), event("touchstart", q, function handleDocumentTouch(e3) {
+    get$1(d2) && !get$1(d2).contains(e3.target) && set(o2, false);
+  }, void 0, true), f2.__touchstart = handleMouseEnter, f2.__click = [handleClick, u2, t2];
+  var p2 = child(f2), consequent = (e3) => {
     var t3 = Ue();
     let n3;
     template_effect((e4) => n3 = set_class(t3, 1, "bg-background absolute top-4 right-4 z-13 px-2 py-0.5 transition-opacity", null, n3, e4), [() => ({
-      "opacity-0": get$1(i2)
+      "opacity-0": get$1(o2)
     })]), append(e3, t3);
   };
   if_block(p2, (e3) => {
@@ -3211,11 +3211,11 @@ function GameCard(e2, t2) {
   });
   var _2 = sibling(p2, 2), consequent_1 = (e3) => {
     var n3 = Ze();
-    let o3;
+    let i3;
     n3.muted = true, bind_this(n3, (e4) => set(s2, e4), () => get$1(s2)), template_effect((e4) => {
-      set_attribute(n3, "src", t2.game.cover_video_url), o3 = set_class(n3, 1, "absolute top-0 left-0 z-5 h-full w-full object-cover opacity-0", null, o3, 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(i2) && get$1(a2) && t2.game.cover_video_url
+      "opacity-100": get$1(o2) && get$1(a2) && t2.game.cover_video_url
     })]), event("loadeddata", n3, () => {
       set(a2, true);
     }), append(e3, n3);
@@ -3227,36 +3227,36 @@ function GameCard(e2, t2) {
   let g2;
   var h2 = sibling(v2, 2), consequent_2 = (e3) => {
     var n3 = Je();
-    let o3;
-    n3.__click = [playGame, t2], template_effect((e4) => o3 = set_class(n3, 1, "bg-foreground text-background hover:bg-foreground/90 absolute right-4 bottom-4 z-15 flex items-center justify-center rounded-sm px-3 py-1 font-bold uppercase transition-all", null, o3, e4), [() => ({
-      "opacity-0": get$1(i2)
+    let i3;
+    n3.__click = [playGame, t2], template_effect((e4) => i3 = set_class(n3, 1, "bg-foreground text-background hover:bg-foreground/90 absolute right-4 bottom-4 z-15 flex items-center justify-center rounded-sm px-3 py-1 font-bold uppercase transition-all", null, i3, e4), [() => ({
+      "opacity-0": get$1(o2)
     })]), append(e3, n3);
   };
   if_block(h2, (e3) => {
     get$1(u2) && e3(consequent_2);
   });
   var m2 = sibling(h2, 2), consequent_3 = (e3) => {
-    var n3 = Xe(), o3 = child(n3), i3 = child(o3), s3 = child(i3), a3 = child(sibling(i3, 2));
+    var n3 = Xe(), i3 = child(n3), o3 = child(i3), s3 = child(o3), a3 = child(sibling(o3, 2));
     template_effect(() => {
       set_text(s3, t2.game.name), set_text(a3, t2.game.description || "No description.");
     }), transition(3, n3, () => slide), append(e3, n3);
   };
   if_block(m2, (e3) => {
-    get$1(i2) && e3(consequent_3);
+    get$1(o2) && e3(consequent_3);
   });
   var b2 = sibling(m2, 2);
   let y2;
-  bind_this(d2, (e3) => set(f2, e3), () => get$1(f2)), template_effect((e3, n3) => {
-    set_class(d2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] h-1/2 max-h-[75vh] min-h-92 cursor-pointer flex-col shadow-xl transition hover:outline-2 hover:brightness-105 lg:h-3/7 ${(get$1(l2) ? "" : "animate-pulse") ?? ""}`, "svelte-rulnq9"), set_attribute(v2, "src", t2.game.cover_image_url), g2 = set_class(v2, 1, "prevent-image-select absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-rulnq9", null, g2, e3), set_attribute(b2, "src", t2.game.logo_url), y2 = set_class(b2, 1, "absolute right-0 -bottom-[18%] left-0 z-12 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 transition group-hover:outline-2 prevent-image-select svelte-rulnq9", null, y2, n3);
+  bind_this(f2, (e3) => set(d2, e3), () => get$1(d2)), template_effect((e3, n3) => {
+    set_class(f2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] h-1/2 max-h-[75vh] min-h-92 cursor-pointer flex-col shadow-xl transition hover:outline-2 lg:h-3/7 ${(get$1(l2) ? "" : "animate-pulse") ?? ""}`, "svelte-rulnq9"), set_attribute(v2, "src", t2.game.cover_image_url), g2 = set_class(v2, 1, "prevent-image-select absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-rulnq9", null, g2, e3), set_attribute(b2, "src", t2.game.logo_url), y2 = set_class(b2, 1, "absolute right-0 -bottom-[18%] left-0 z-12 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 transition group-hover:outline-2 prevent-image-select svelte-rulnq9", null, y2, n3);
   }, [() => ({
-    "opacity-100": get$1(l2) && (!get$1(i2) || !get$1(a2) || !t2.game.cover_video_url)
+    "opacity-100": get$1(l2) && (!get$1(o2) || !get$1(a2) || !t2.game.cover_video_url)
   }), () => ({
     "opacity-100": get$1(c2)
-  })]), event("mouseenter", d2, handleMouseEnter), event("focus", d2, handleMouseEnter), event("mouseleave", d2, handleMouseLeave), event("blur", d2, handleMouseLeave), event("load", v2, () => {
+  })]), event("mouseenter", f2, handleMouseEnter), event("focus", f2, handleMouseEnter), event("mouseleave", f2, handleMouseLeave), event("blur", f2, handleMouseLeave), event("load", v2, () => {
     set(l2, true);
   }), event("load", b2, () => {
     set(c2, true);
-  }), append(e2, d2), pop(), o2();
+  }), append(e2, f2), pop(), i2();
 }
 delegate(["touchstart", "click"]);
 const Qe = new (_b = class {
@@ -3266,24 +3266,24 @@ const Qe = new (_b = class {
   }
   async request(e2, t2 = {}) {
     try {
-      const n2 = `${this.baseUrl}${e2}`, o2 = await fetch(n2, {
+      const n2 = `${this.baseUrl}${e2}`, i2 = await fetch(n2, {
         ...t2,
         headers: {
           "Content-Type": "application/json",
           ...t2.headers
         }
       });
-      if (!o2.ok) {
+      if (!i2.ok) {
         let e3;
         try {
-          e3 = await o2.json();
+          e3 = await i2.json();
         } catch {
         } finally {
-          if (429 !== o2.status && 404 !== o2.status) throw new Error(`API request failed: ${(e3 == null ? void 0 : e3.error) || (e3 == null ? void 0 : e3.message) || o2.status}`);
-          return 429 === o2.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 o2.json();
+      return await i2.json();
     } catch (e3) {
       Ne.error("Error: " + e3), console.error("Playlight API error:", e3);
     }
@@ -3339,10 +3339,10 @@ function cubicOut(e2) {
 function elasticOut(e2) {
   return Math.sin(-13 * (e2 + 1) * Math.PI / 2) * Math.pow(2, -10 * e2) + 1;
 }
-function flip(e2, { from: t2, to: n2 }, o2 = {}) {
-  var { delay: i2 = 0, duration: s2 = (e3) => 120 * Math.sqrt(e3), easing: a2 = cubicOut } = o2, l2 = getComputedStyle(e2), c2 = "none" === l2.transform ? "" : l2.transform, [u2, f2] = l2.transformOrigin.split(" ").map(parseFloat);
-  u2 /= e2.clientWidth, f2 /= e2.clientHeight;
-  var d2 = (
+function flip(e2, { from: t2, to: n2 }, i2 = {}) {
+  var { delay: o2 = 0, duration: s2 = (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 = (
     /**
     * @param {Element} element
     */
@@ -3354,9 +3354,9 @@ function flip(e2, { from: t2, to: n2 }, o2 = {}) {
       t3.parentElement;
       return n3;
     }(e2)
-  ), p2 = e2.clientWidth / n2.width / d2, _2 = e2.clientHeight / n2.height / d2, v2 = t2.left + t2.width * u2, g2 = t2.top + t2.height * f2, h2 = n2.left + n2.width * u2, m2 = n2.top + n2.height * f2, b2 = (v2 - h2) * p2, y2 = (g2 - m2) * _2, $2 = t2.width / n2.width, w2 = t2.height / n2.height;
+  ), p2 = e2.clientWidth / n2.width / f2, _2 = e2.clientHeight / n2.height / f2, v2 = t2.left + t2.width * u2, g2 = t2.top + t2.height * d2, h2 = n2.left + n2.width * u2, m2 = n2.top + n2.height * d2, b2 = (v2 - h2) * p2, y2 = (g2 - m2) * _2, $2 = t2.width / n2.width, w2 = t2.height / n2.height;
   return {
-    delay: i2,
+    delay: o2,
     duration: "function" == typeof s2 ? s2(Math.sqrt(b2 * b2 + y2 * y2)) : s2,
     easing: a2,
     css: (e3, t3) => `transform: ${c2} translate(${t3 * b2}px, ${t3 * y2}px) scale(${e3 + t3 * $2}, ${e3 + t3 * w2});`
@@ -3364,21 +3364,21 @@ function flip(e2, { from: t2, to: n2 }, o2 = {}) {
 }
 var on_click$1 = (e2, t2, n2) => {
   set(t2, ""), set(n2, !get$1(n2));
-}, et = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), tt = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, o2) => {
-  t2(n2), set(o2, false);
-}, nt = /* @__PURE__ */ template("<button> </button>"), rt = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), ot = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-24 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur"><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>'), it = /* @__PURE__ */ template('<div class="flex w-full flex-col py-2"><h1 class="mb-0! py-2 text-center text-2xl font-bold text-white drop-shadow-xl lg: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="truncate max-w-[40vw] text-2xl font-bold text-black lg:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
+}, et = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), tt = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, i2) => {
+  t2(n2), set(i2, false);
+}, nt = /* @__PURE__ */ template("<button> </button>"), rt = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), it = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-24 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur"><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>'), ot = /* @__PURE__ */ template('<div class="flex w-full flex-col py-2"><h1 class="mb-0! py-2 text-center text-2xl font-bold text-white drop-shadow-xl lg: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="truncate max-w-[40vw] text-2xl font-bold text-black lg:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
 function Navigation(e2, t2) {
   push(t2, true);
-  let n2, o2 = prop(t2, "categories", 19, () => []), i2 = prop(t2, "selectedCategory", 15), s2 = state(false), a2 = /* @__PURE__ */ derived(() => i2() || (o2().length > 0 ? o2()[0] : "...")), l2 = state(""), c2 = state(void 0), u2 = /* @__PURE__ */ derived(() => get$1(l2) ? o2().filter((e3) => e3.toLowerCase().includes(get$1(l2).toLowerCase())) : o2());
-  const f2 = ["Looking for", "Interested in", "Searching for", "Fancy some", "What about these"];
-  let d2, p2 = state(proxy(f2[0]));
+  let n2, i2 = prop(t2, "categories", 19, () => []), o2 = prop(t2, "selectedCategory", 15), s2 = state(false), a2 = /* @__PURE__ */ derived(() => o2() || (i2().length > 0 ? i2()[0] : "...")), l2 = state(""), c2 = state(void 0), u2 = /* @__PURE__ */ 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, p2 = state(proxy(d2[0]));
   onMount(function updateRandomPhrase() {
     let e3;
-    for (e3 = Math.floor(Math.random() * (f2 == null ? void 0 : f2.length)); e3 == d2; ) e3 = Math.floor(Math.random() * (f2 == null ? void 0 : f2.length));
-    set(p2, proxy(f2[e3])), d2 = e3;
+    for (e3 = Math.floor(Math.random() * (d2 == null ? void 0 : d2.length)); e3 == f2; ) e3 = Math.floor(Math.random() * (d2 == null ? void 0 : d2.length));
+    set(p2, proxy(d2[e3])), f2 = e3;
   });
-  var _2 = it();
-  event("click", I, function handleClickOutside(e3) {
+  var _2 = ot();
+  event("click", q, function handleClickOutside(e3) {
     get$1(c2) && !get$1(c2).contains(e3.target) && n2 && !n2.contains(e3.target) && set(s2, false);
   });
   var v2 = child(_2), g2 = child(v2), h2 = child(g2), m2 = sibling(g2, 2);
@@ -3394,8 +3394,8 @@ function Navigation(e2, t2) {
         d: "m6 9 6 6 6-6"
       }]],
       children: (e4, n4) => {
-        var o3 = comment();
-        slot(first_child(o3), t3, "default", {}, null), append(e4, o3);
+        var i3 = comment();
+        slot(first_child(i3), t3, "default", {}, null), append(e4, i3);
       },
       $$slots: {
         default: true
@@ -3409,7 +3409,7 @@ function Navigation(e2, t2) {
     }
   }), bind_this(m2, (e3) => n2 = e3, () => n2);
   var x2 = sibling(v2, 2), consequent_2 = (e3) => {
-    var t3 = ot(), n3 = child(t3), a3 = child(n3), f3 = child(a3);
+    var t3 = it(), n3 = child(t3), a3 = child(n3), d3 = child(a3);
     !function Search(e4, t4) {
       const n4 = legacy_rest_props(t4, ["children", "$$slots", "$$events", "$$legacy"]);
       Icon$1(e4, spread_props({
@@ -3423,19 +3423,19 @@ function Navigation(e2, t2) {
           d: "m21 21-4.3-4.3"
         }]],
         children: (e5, n5) => {
-          var o3 = comment();
-          slot(first_child(o3), t4, "default", {}, null), append(e5, o3);
+          var i3 = comment();
+          slot(first_child(i3), t4, "default", {}, null), append(e5, i3);
         },
         $$slots: {
           default: true
         }
       }));
-    }(child(f3), {
+    }(child(d3), {
       size: 18,
       strokeWidth: 2.5,
       class: "text-muted-foreground"
     });
-    var d3 = sibling(f3, 2), p3 = child(sibling(n3, 2)), consequent = (e4) => {
+    var f3 = sibling(d3, 2), p3 = child(sibling(n3, 2)), consequent = (e4) => {
       append(e4, et());
     }, alternate = (e4, t4) => {
       var consequent_1 = (e5) => {
@@ -3444,25 +3444,25 @@ function Navigation(e2, t2) {
         var t5 = rt();
         each(t5, 28, () => get$1(u2), (e6) => e6, (e6, t6) => {
           var n4 = nt();
-          n4.__click = [on_click_1$1, i2, t6, s2];
-          var o3 = child(n4);
+          n4.__click = [on_click_1$1, o2, t6, s2];
+          var i3 = child(n4);
           template_effect(() => {
-            set_class(n4, 1, `w-full cursor-pointer px-4 py-2 text-left transition-colors ${(i2() != t6 ? "hover:bg-muted-foreground/20" : "") ?? ""} ${(i2() == t6 ? "bg-white text-black" : "text-white") ?? ""}`), set_text(o3, t6);
+            set_class(n4, 1, `w-full cursor-pointer px-4 py-2 text-left transition-colors ${(o2() != t6 ? "hover:bg-muted-foreground/20" : "") ?? ""} ${(o2() == t6 ? "bg-white text-black" : "text-white") ?? ""}`), set_text(i3, t6);
           }), function animation(e7, t7, n5) {
-            var o4, i3, s3, a4 = (
+            var i4, o3, s3, a4 = (
               /** @type {EachItem} */
               ce
             ), l3 = null;
             a4.a ?? (a4.a = {
               element: e7,
               measure() {
-                o4 = this.element.getBoundingClientRect();
+                i4 = this.element.getBoundingClientRect();
               },
               apply() {
-                if (s3 == null ? void 0 : s3.abort(), i3 = this.element.getBoundingClientRect(), o4.left !== i3.left || o4.right !== i3.right || o4.top !== i3.top || o4.bottom !== i3.bottom) {
+                if (s3 == null ? void 0 : s3.abort(), o3 = this.element.getBoundingClientRect(), i4.left !== o3.left || i4.right !== o3.right || i4.top !== o3.top || i4.bottom !== o3.bottom) {
                   const e8 = t7()(this.element, {
-                    from: o4,
-                    to: i3
+                    from: i4,
+                    to: o3
                   }, n5 == null ? void 0 : n5());
                   s3 = animate(this.element, e8, void 0, 1, () => {
                     s3 == null ? void 0 : s3.abort(), s3 = void 0;
@@ -3471,7 +3471,7 @@ function Navigation(e2, t2) {
               },
               fix() {
                 if (!e7.getAnimations().length) {
-                  var { position: t8, width: n6, height: i4 } = getComputedStyle(e7);
+                  var { position: t8, width: n6, height: o4 } = getComputedStyle(e7);
                   if ("absolute" !== t8 && "fixed" !== t8) {
                     var s4 = (
                       /** @type {HTMLElement | SVGElement} */
@@ -3482,10 +3482,10 @@ function Navigation(e2, t2) {
                       width: s4.width,
                       height: s4.height,
                       transform: s4.transform
-                    }, s4.position = "absolute", s4.width = n6, s4.height = i4;
+                    }, s4.position = "absolute", s4.width = n6, s4.height = o4;
                     var a5 = e7.getBoundingClientRect();
-                    if (o4.left !== a5.left || o4.top !== a5.top) {
-                      var c3 = `translate(${o4.left - a5.left}px, ${o4.top - a5.top}px)`;
+                    if (i4.left !== a5.left || i4.top !== a5.top) {
+                      var c3 = `translate(${i4.left - a5.left}px, ${i4.top - a5.top}px)`;
                       s4.transform = s4.transform ? `${s4.transform} ${c3}` : c3;
                     }
                   }
@@ -3515,12 +3515,12 @@ function Navigation(e2, t2) {
       }, t4);
     };
     if_block(p3, (e4) => {
-      0 === o2().length ? e4(consequent) : e4(alternate, false);
+      0 === i2().length ? e4(consequent) : e4(alternate, false);
     }), bind_this(t3, (e4) => set(c2, e4), () => get$1(c2)), function bind_value(e4, t4, n4 = t4) {
-      var o3 = is_runes();
-      listen_to_event_and_reset_event(e4, "input", (i3) => {
-        var s3 = i3 ? e4.defaultValue : e4.value;
-        if (s3 = is_numberlike_input(e4) ? to_number(s3) : s3, n4(s3), o3 && s3 !== (s3 = t4())) {
+      var i3 = is_runes();
+      listen_to_event_and_reset_event(e4, "input", (o3) => {
+        var s3 = o3 ? e4.defaultValue : e4.value;
+        if (s3 = is_numberlike_input(e4) ? to_number(s3) : s3, n4(s3), i3 && s3 !== (s3 = t4())) {
           var a4 = e4.selectionStart, l3 = e4.selectionEnd;
           e4.value = s3 ?? "", // Restore selection
           null !== l3 && (e4.selectionStart = a4, e4.selectionEnd = Math.min(l3, e4.value.length));
@@ -3534,7 +3534,7 @@ function Navigation(e2, t2) {
         is_numberlike_input(e4) && n5 === to_number(e4.value) || ("date" !== e4.type || n5 || e4.value) && n5 !== e4.value && // @ts-expect-error the value is coerced on assignment
         (e4.value = n5 ?? "");
       });
-    }(d3, () => get$1(l2), (e4) => set(l2, e4)), transition(3, t3, () => fly, () => ({
+    }(f3, () => get$1(l2), (e4) => set(l2, e4)), transition(3, t3, () => fly, () => ({
       y: -5,
       duration: 250
     })), append(e3, t3);
@@ -3551,18 +3551,19 @@ function Navigation(e2, t2) {
   })), append(e2, _2), pop();
 }
 delegate(["click"]);
+var st = /* @__PURE__ */ template('<div class="-mx-10 mt-5 flex h-1/2 max-h-[75vh] min-h-92 w-10 flex-col lg:h-3/7"><div class="flex h-full items-center justify-center"><div class="flex h-full w-full flex-col items-center justify-between py-6"><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">From other categories</div> <div class="bg-muted-foreground h-1/5 w-px min-[1920px]:h-1/4"></div></div></div></div>');
 var on_click = (e2, t2) => {
   localStorage.getItem("playlight_exit_intent_disabled_by_user") ? localStorage.removeItem("playlight_exit_intent_disabled_by_user") : localStorage.setItem("playlight_exit_intent_disabled_by_user", true), set(t2, !get$1(t2));
-}, st = /* @__PURE__ */ template('<button class="cursor-pointer truncate text-sm text-nowrap opacity-50 transition hover:opacity-25 max-md:hidden"><p class="bg-background/50 text-primary p-1 px-2 text-sm"> </p></button>'), on_click_1 = (e2, t2) => store_set(Ve, false), at = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), lt = /* @__PURE__ */ template('<div class="text-muted-foreground flex h-4/5 items-center justify-center gap-4"><p>No games found that match the filter.</p></div>'), ct = /* @__PURE__ */ template('<div class="mx-auto flex h-full flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="flex h-10 w-full justify-center"><!></div></div>'), ut = /* @__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"><div class="ml-2 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank"><img alt="logo" class="w-50"></a> <div class="mt-4 mr-2 flex items-center justify-evenly gap-8 overflow-hidden md:mr-4"><!> <button class="cursor-pointer text-white transition hover:opacity-50" aria-label="Close"><!></button></div></div> <div class="mx-auto p-2 px-5"><!></div> <div class="mask-fade no-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-12skmk8"><!></div> <div class="fixed right-0 bottom-0 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank" class="text-muted-foreground flex items-center gap-1 text-sm transition hover:text-white">Game Developer? Join Playlight <!></a></div></div>');
+}, at = /* @__PURE__ */ template('<button class="cursor-pointer truncate text-sm text-nowrap opacity-50 transition hover:opacity-25 max-md:hidden"><p class="bg-background/50 text-primary p-1 px-2 text-sm"> </p></button>'), on_click_1 = (e2, t2) => store_set(Ve, false), lt = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), ct = /* @__PURE__ */ template('<div class="text-muted-foreground flex h-4/5 items-center justify-center gap-4"><p>No games found that match the filter.</p></div>'), ut = /* @__PURE__ */ template("<!> <!>", 1), dt = /* @__PURE__ */ template('<div class="mx-auto flex h-full flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="flex h-10 w-full justify-center"><!></div></div>'), ft = /* @__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"><div class="ml-2 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank"><img alt="logo" class="w-50"></a> <div class="mt-4 mr-2 flex items-center justify-evenly gap-8 overflow-hidden md:mr-4"><!> <button class="cursor-pointer text-white transition hover:opacity-50" aria-label="Close"><!></button></div></div> <div class="mx-auto p-2 px-5"><!></div> <div class="mask-fade no-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-12skmk8"><!></div> <div class="fixed right-0 bottom-0 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank" class="text-muted-foreground flex items-center gap-1 text-sm transition hover:text-white">Game Developer? Join Playlight <!></a></div></div>');
 function DiscoveryOverlay(e2, t2) {
   push(t2, true);
-  const [n2, o2] = setup_stores();
-  let i2, s2 = prop(t2, "showIntentToggle", 3, true), a2 = state(void 0), l2 = state(true), c2 = state(false), u2 = state(void 0), f2 = state(proxy([])), d2 = state(proxy([])), p2 = state(true), _2 = state(1), v2 = state(true), g2 = state(void 0), h2 = state(false);
+  const [n2, i2] = setup_stores();
+  let o2, s2 = prop(t2, "showIntentToggle", 3, true), a2 = state(void 0), l2 = state(true), c2 = state(false), u2 = state(void 0), d2 = state(proxy([])), f2 = state(proxy([])), p2 = state(true), _2 = state(1), v2 = state(true), g2 = state(void 0), h2 = state(false);
   async function fetchGames() {
     if (!(get$1(l2) && get$1(_2) > 1 || get$1(c2))) try {
       1 === get$1(_2) ? set(l2, true) : set(c2, true);
-      const e3 = get$1(h2) ? null : get$1(a2), t3 = await Qe.getSuggestions(e3, get$1(_2)), n3 = (t3 == null ? void 0 : t3.games) || [], o3 = n3.filter((e4) => !get$1(f2).some((t4) => t4.id === e4.id));
-      set(f2, proxy([...get$1(f2), ...o3])), n3.length < 10 ? !get$1(h2) && get$1(a2) ? (
+      const e3 = get$1(h2) ? null : get$1(a2), t3 = await Qe.getSuggestions(e3, get$1(_2)), n3 = (t3 == null ? void 0 : t3.games) || [], i3 = n3.filter((e4) => !get$1(d2).some((t4) => t4.id === e4.id));
+      set(d2, proxy([...get$1(d2), ...i3])), n3.length < 10 ? !get$1(h2) && get$1(a2) ? (
         // Try with all games
         (set(h2, true), set(_2, 1), setTimeout(() => fetchGames(), 100))
       ) : set(v2, false) : set(_2, get$1(_2) + 1);
@@ -3579,33 +3580,33 @@ function DiscoveryOverlay(e2, t2) {
     }
   }
   onMount(() => (set(p2, !Boolean(localStorage.getItem("playlight_exit_intent_disabled_by_user"))), // Setup scroll observer
-  i2 = new IntersectionObserver((e3) => {
+  o2 = new IntersectionObserver((e3) => {
     e3[0].isIntersecting && get$1(v2) && !get$1(l2) && !get$1(c2) && fetchGames();
   }, {
     rootMargin: "200px"
-  }), () => i2 == null ? void 0 : i2.disconnect())), onMount(async () => {
+  }), () => o2 == null ? void 0 : o2.disconnect())), onMount(async () => {
     const e3 = await Qe.getCurrentGameInfo();
     set(u2, proxy(e3 == null ? void 0 : e3.category)), await async function fetchCategories() {
       var _a2, _b2, _c2, _d;
-      set(d2, proxy(await Qe.getCategories())), !get$1(a2) && ((_a2 = get$1(d2)) == null ? void 0 : _a2.length) > 0 && set(a2, proxy(get$1(u2) && ((_b2 = get$1(d2)) == null ? void 0 : _b2.includes(get$1(u2))) ? get$1(u2) : (_d = get$1(d2)) == null ? void 0 : _d[((_c2 = get$1(d2)) == null ? void 0 : _c2.length) - 1]));
+      set(f2, proxy(await Qe.getCategories())), !get$1(a2) && ((_a2 = get$1(f2)) == null ? void 0 : _a2.length) > 0 && set(a2, proxy(get$1(u2) && ((_b2 = get$1(f2)) == null ? void 0 : _b2.includes(get$1(u2))) ? get$1(u2) : (_d = get$1(f2)) == null ? void 0 : _d[((_c2 = get$1(f2)) == null ? void 0 : _c2.length) - 1]));
     }();
   }), user_effect(() => {
-    get$1(a2) && (set(f2, proxy([])), set(_2, 1), set(v2, true), set(h2, false), set(l2, true), // Delay fetch to prevent rapid requests
+    get$1(a2) && (set(d2, proxy([])), set(_2, 1), set(v2, true), set(h2, false), set(l2, true), // Delay fetch to prevent rapid requests
     setTimeout(async () => {
-      await fetchGames(), get$1(f2).length < 10 && await fetchGames();
+      await fetchGames(), get$1(d2).length < 10 && await fetchGames();
     }, 100));
   }), user_effect(() => {
-    get$1(g2) && i2 && i2.observe(get$1(g2));
+    get$1(g2) && o2 && o2.observe(get$1(g2));
   });
-  var m2 = ut();
-  event("keydown", I, (e3) => {
+  var m2 = ft();
+  event("keydown", q, (e3) => {
     "Escape" == e3.key && store_set(Ve, false);
   });
   var b2 = child(m2), y2 = child(b2), $2 = child(y2), w2 = child(sibling(y2, 2)), consequent = (e3) => {
-    var t3 = st();
+    var t3 = at();
     t3.__click = [on_click, p2];
-    var n3 = child(t3), o3 = child(n3);
-    template_effect(() => set_text(o3, get$1(p2) ? "Ignore exit intent" : "Trigger on exit intent")), append(e3, t3);
+    var n3 = child(t3), i3 = child(n3);
+    template_effect(() => set_text(i3, get$1(p2) ? "Ignore exit intent" : "Trigger on exit intent")), append(e3, t3);
   };
   if_block(w2, (e3) => {
     s2() && e3(consequent);
@@ -3622,8 +3623,8 @@ function DiscoveryOverlay(e2, t2) {
         d: "m6 6 12 12"
       }]],
       children: (e4, n4) => {
-        var o3 = comment();
-        slot(first_child(o3), t3, "default", {}, null), append(e4, o3);
+        var i3 = comment();
+        slot(first_child(i3), t3, "default", {}, null), append(e4, i3);
       },
       $$slots: {
         default: true
@@ -3636,7 +3637,7 @@ function DiscoveryOverlay(e2, t2) {
   var k2 = sibling(b2, 2);
   Navigation(child(k2), {
     get categories() {
-      return get$1(d2);
+      return get$1(f2);
     },
     get selectedCategory() {
       return get$1(a2);
@@ -3646,7 +3647,7 @@ function DiscoveryOverlay(e2, t2) {
     }
   });
   var C2 = sibling(k2, 2), S2 = child(C2), consequent_1 = (e3) => {
-    var t3 = at();
+    var t3 = lt();
     Loader_circle(child(t3), {
       class: "animate-spin opacity-75",
       size: 50,
@@ -3654,34 +3655,43 @@ function DiscoveryOverlay(e2, t2) {
     }), append(e3, t3);
   }, alternate = (e3, t3) => {
     var consequent_2 = (e4) => {
-      append(e4, lt());
+      append(e4, ct());
     }, alternate_1 = (e4) => {
-      var t4 = ct(), n3 = child(t4);
-      each(n3, 17, () => get$1(f2), index, (e5, t5) => {
-        GameCard(e5, {
+      var t4 = dt(), n3 = child(t4);
+      each(n3, 17, () => get$1(d2), index, (e5, t5, n4) => {
+        var i4 = ut();
+        const o4 = /* @__PURE__ */ derived(() => get$1(d2).findIndex((e6) => e6.category !== get$1(a2)));
+        var s3 = first_child(i4), consequent_3 = (e6) => {
+          !function GameCategorySeperator(e7) {
+            append(e7, st());
+          }(e6);
+        };
+        if_block(s3, (e6) => {
+          n4 == get$1(o4) && e6(consequent_3);
+        }), GameCard(sibling(s3, 2), {
           get game() {
             return get$1(t5);
           },
           onClick: () => Qe.trackClick(get$1(t5).id)
-        });
+        }), append(e5, i4);
       });
-      var o3 = sibling(n3, 2), i3 = child(o3), consequent_3 = (e5) => {
+      var i3 = sibling(n3, 2), o3 = child(i3), consequent_4 = (e5) => {
         Loader_circle(e5, {
           class: "animate-spin opacity-75",
           size: 30,
           strokeWidth: 2.5
         });
       };
-      if_block(i3, (e5) => {
-        get$1(c2) && e5(consequent_3);
-      }), bind_this(o3, (e5) => set(g2, e5), () => get$1(g2)), append(e4, t4);
+      if_block(o3, (e5) => {
+        get$1(c2) && e5(consequent_4);
+      }), bind_this(i3, (e5) => set(g2, e5), () => get$1(g2)), append(e4, t4);
     };
     if_block(e3, (e4) => {
-      0 !== get$1(f2).length || get$1(l2) ? e4(alternate_1, false) : e4(consequent_2);
+      0 !== get$1(d2).length || get$1(l2) ? e4(alternate_1, false) : e4(consequent_2);
     }, t3);
   };
   if_block(S2, (e3) => {
-    get$1(l2) && 0 === get$1(f2).length ? e3(consequent_1) : e3(alternate, false);
+    get$1(l2) && 0 === get$1(d2).length ? e3(consequent_1) : e3(alternate, false);
   });
   var M2 = child(sibling(C2, 2));
   !function External_link(e3, t3) {
@@ -3697,8 +3707,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 o3 = comment();
-        slot(first_child(o3), t3, "default", {}, null), append(e4, o3);
+        var i3 = comment();
+        slot(first_child(i3), t3, "default", {}, null), append(e4, i3);
       },
       $$slots: {
         default: true
@@ -3708,24 +3718,24 @@ function DiscoveryOverlay(e2, t2) {
     size: 14
   }), template_effect(() => set_attribute($2, "src", store_get(Ke, "$projectUrl", n2) + "/static/images/logo-white-small.png")), transition(3, m2, () => blur, () => ({
     duration: 250
-  })), append(e2, m2), pop(), o2();
+  })), append(e2, m2), pop(), i2();
 }
 delegate(["click"]);
-var ft = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-2"></div>  <div class="fixed top-2 right-0 left-0 h-2"></div>', 1);
+var pt = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-2"></div>  <div class="fixed top-2 right-0 left-0 h-2"></div>', 1);
 delegate(["mouseover"]);
-var dt = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
+var _t = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
 function App(e2, t2) {
   var _a2, _b2, _c2, _d;
   push(t2, true);
-  const [n2, o2] = setup_stores(), $discoveryOpen = () => store_get(Ve, "$discoveryOpen", n2);
-  let i2 = proxy((_b2 = (_a2 = t2.config) == null ? void 0 : _a2.button) == null ? void 0 : _b2.position), s2 = proxy((_d = (_c2 = t2.config) == null ? void 0 : _c2.button) == null ? void 0 : _d.visible);
+  const [n2, i2] = setup_stores(), $discoveryOpen = () => store_get(Ve, "$discoveryOpen", n2);
+  let o2 = proxy((_b2 = (_a2 = t2.config) == null ? void 0 : _a2.button) == null ? void 0 : _b2.position), s2 = proxy((_d = (_c2 = t2.config) == null ? void 0 : _c2.button) == null ? void 0 : _d.visible);
   function openDiscovery() {
     store_set(Ve, true), Qe.trackOpen();
   }
-  var a2 = dt(), l2 = first_child(a2);
+  var a2 = _t(), l2 = first_child(a2);
   FloatingButton(l2, {
     get position() {
-      return i2;
+      return o2;
     },
     get visible() {
       return s2;
@@ -3747,32 +3757,32 @@ function App(e2, t2) {
     $discoveryOpen() && e3(consequent);
   });
   var u2 = sibling(c2, 2);
-  const f2 = /* @__PURE__ */ derived(() => {
+  const d2 = /* @__PURE__ */ derived(() => {
     var _a3, _b3;
     return (_b3 = (_a3 = t2.config) == null ? void 0 : _a3.exitIntent) == null ? void 0 : _b3.enabled;
   });
   !function ExitIntentDetector(e3, t3) {
     push(t3, true);
-    let n3 = prop(t3, "enabled", 3, true), o3 = null, i3 = 0;
-    var s3 = ft(), a3 = first_child(s3);
+    let n3 = prop(t3, "enabled", 3, true), i3 = null, o3 = 0;
+    var s3 = pt(), a3 = first_child(s3);
     a3.__mouseover = // Time threshold in milliseconds between bar triggers
     function handleTopBarTrigger() {
       var _a3;
       const e4 = Date.now();
-      "bottom" === o3 && e4 - i3 < 500 && n3() && !localStorage.getItem("playlight_exit_intent_disabled_by_user") && ((_a3 = t3.onIntent) == null ? void 0 : _a3.call(t3)), o3 = "top", i3 = e4;
+      "bottom" === i3 && e4 - o3 < 500 && n3() && !localStorage.getItem("playlight_exit_intent_disabled_by_user") && ((_a3 = t3.onIntent) == null ? void 0 : _a3.call(t3)), i3 = "top", o3 = e4;
     }, sibling(a3, 2).__mouseover = function handleBottomBarTrigger() {
-      o3 = "bottom", i3 = Date.now();
+      i3 = "bottom", o3 = Date.now();
     }, append(e3, s3), pop();
   }(u2, {
     get enabled() {
-      return get$1(f2);
+      return get$1(d2);
     },
     onIntent: () => {
       $discoveryOpen() || openDiscovery();
     }
-  }), Toaster(sibling(u2, 2), {}), append(e2, a2), pop(), o2();
+  }), Toaster(sibling(u2, 2), {}), append(e2, a2), pop(), i2();
 }
-const pt = {
+const vt = {
   button: {
     position: "bottom-right",
     visible: true
@@ -3781,28 +3791,28 @@ const pt = {
     enabled: true
   }
 };
-let _t = {
-  ...pt
+let gt = {
+  ...vt
 };
 function initializeConfig(e2 = {}) {
-  return _t = deepMerge(pt, e2), _t;
+  return gt = deepMerge(vt, e2), gt;
 }
 function deepMerge(e2, t2) {
   const n2 = {
     ...e2
   };
-  return isObject(e2) && isObject(t2) && Object.keys(t2).forEach((o2) => {
-    isObject(t2[o2]) ? o2 in e2 ? n2[o2] = deepMerge(e2[o2], t2[o2]) : Object.assign(n2, {
-      [o2]: t2[o2]
+  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, {
-      [o2]: t2[o2]
+      [i2]: t2[i2]
     });
   }), n2;
 }
 function isObject(e2) {
   return e2 && "object" == typeof e2 && !Array.isArray(e2);
 }
-const vt = new (_c = class {
+const ht = new (_c = class {
   constructor() {
     __privateAdd(this, _PlaylightSDK_instances);
     this.container = null, this.app = null, this.isInitialized = false, this.config = null, this.api = Qe;
@@ -3843,8 +3853,8 @@ t_fn = function() {
     console.error("Playlight error occured during mount:", e2);
   }
 }, _c)();
-"undefined" != typeof window && (window.playlightSDK = vt);
+"undefined" != typeof window && (window.playlightSDK = ht);
 export {
-  vt as default
+  ht as default
 };
 //# sourceMappingURL=playlight-sdk.es.js.map