playlight-sdk 0.2.6 → 0.2.8

package/dist/playlight-sdk.es.js

@@ -23,7 +23,7 @@ function run(e2) {
 function run_all(e2) {
   for (var t2 = 0; t2 < e2.length; t2++) e2[t2]();
 }
-const f = 32, p = 64, _ = 128, g = 256, v = 512, h = 1024, m = 2048, b = 4096, y = 8192, $ = 16384, w = 65536, x = 1 << 20, k = 1 << 21, C = Symbol("$state"), M = Symbol("legacy props"), S = Symbol("");
+const f = 32, p = 64, g = 128, _ = 256, v = 512, h = 1024, m = 2048, b = 4096, y = 8192, $ = 16384, w = 65536, x = 1 << 20, k = 1 << 21, C = Symbol("$state"), S = Symbol("legacy props"), M = Symbol("");
 function equals(e2) {
   return e2 === this.v;
 }
@@ -33,18 +33,18 @@ function safe_not_equal(e2, t2) {
 function safe_equals(e2) {
   return !safe_not_equal(e2, this.v);
 }
-let I = false;
-const O = Symbol();
+let T = false;
+const I = Symbol();
 function lifecycle_outside_component(e2) {
   throw new Error("https://svelte.dev/e/lifecycle_outside_component");
 }
-let T = null;
+let O = null;
 function set_component_context(e2) {
-  T = e2;
+  O = e2;
 }
 function push(e2, t2 = false, n2) {
-  var s2 = T = {
-    p: T,
+  var s2 = O = {
+    p: O,
     c: null,
     d: false,
     e: null,
@@ -53,7 +53,7 @@ function push(e2, t2 = false, n2) {
     x: null,
     l: null
   };
-  I && !t2 && (T.l = {
+  T && !t2 && (O.l = {
     s: null,
     u: null,
     r1: [],
@@ -63,7 +63,7 @@ function push(e2, t2 = false, n2) {
   });
 }
 function pop(e2) {
-  const t2 = T;
+  const t2 = O;
   if (null !== t2) {
     const e3 = t2.e;
     if (null !== e3) {
@@ -78,12 +78,12 @@ function pop(e2) {
         set_active_effect(n2), set_active_reaction(s2);
       }
     }
-    T = t2.p, t2.m = true;
+    O = t2.p, t2.m = true;
   }
   return {};
 }
 function is_runes() {
-  return !I || null !== T && null === T.l;
+  return !T || null !== O && null === O.l;
 }
 function proxy(e2, n2) {
   if ("object" != typeof e2 || null === e2 || C in e2) return e2;
@@ -119,7 +119,7 @@ function proxy(e2, n2) {
       },
       deleteProperty(e3, t2) {
         var n3 = i2.get(t2);
-        if (void 0 === n3) t2 in e3 && i2.set(t2, with_parent(() => state(O)));
+        if (void 0 === n3) t2 in e3 && i2.set(t2, with_parent(() => state(I)));
         else {
           if (a2 && "string" == typeof t2) {
             var s3 = (
@@ -128,7 +128,7 @@ function proxy(e2, n2) {
             ), o2 = Number(t2);
             Number.isInteger(o2) && o2 < s3.v && set(s3, o2);
           }
-          set(n3, O), update_version(d2);
+          set(n3, I), update_version(d2);
         }
         return true;
       },
@@ -138,10 +138,10 @@ function proxy(e2, n2) {
         var a3 = i2.get(n3), l2 = n3 in t2;
         if (
           // create a source, but only if it's an own property and not a prototype property
-          void 0 !== a3 || l2 && !((_a2 = o(t2, n3)) == null ? void 0 : _a2.writable) || (a3 = with_parent(() => state(proxy(l2 ? t2[n3] : O))), i2.set(n3, a3)), void 0 !== a3
+          void 0 !== a3 || l2 && !((_a2 = o(t2, n3)) == null ? void 0 : _a2.writable) || (a3 = with_parent(() => state(proxy(l2 ? t2[n3] : I))), i2.set(n3, a3)), void 0 !== a3
         ) {
           var c2 = get$1(a3);
-          return c2 === O ? void 0 : c2;
+          return c2 === I ? void 0 : c2;
         }
         return Reflect.get(t2, n3, s3);
       },
@@ -152,7 +152,7 @@ function proxy(e2, n2) {
           s3 && (n3.value = get$1(s3));
         } else if (void 0 === n3) {
           var o2 = i2.get(t2), a3 = o2 == null ? void 0 : o2.v;
-          if (void 0 !== o2 && a3 !== O) return {
+          if (void 0 !== o2 && a3 !== I) return {
             enumerable: true,
             configurable: true,
             value: a3,
@@ -164,8 +164,8 @@ function proxy(e2, n2) {
       has(e3, t2) {
         var _a2;
         if (t2 === C) return true;
-        var n3 = i2.get(t2), s3 = void 0 !== n3 && n3.v !== O || Reflect.has(e3, t2);
-        if ((void 0 !== n3 || null !== V && (!s3 || ((_a2 = o(e3, t2)) == null ? void 0 : _a2.writable))) && (void 0 === n3 && (n3 = with_parent(() => state(s3 ? proxy(e3[t2]) : O)), i2.set(t2, n3)), get$1(n3) === O)) return false;
+        var n3 = i2.get(t2), s3 = void 0 !== n3 && n3.v !== I || Reflect.has(e3, t2);
+        if ((void 0 !== n3 || null !== V && (!s3 || ((_a2 = o(e3, t2)) == null ? void 0 : _a2.writable))) && (void 0 === n3 && (n3 = with_parent(() => state(s3 ? proxy(e3[t2]) : I)), i2.set(t2, n3)), get$1(n3) === I)) return false;
         return s3;
       },
       set(e3, t2, n3, s3) {
@@ -174,20 +174,20 @@ function proxy(e2, n2) {
         if (a2 && "length" === t2) for (var u2 = n3; u2 < /** @type {Source<number>} */
         l2.v; u2 += 1) {
           var f3 = i2.get(u2 + "");
-          void 0 !== f3 ? set(f3, O) : u2 in e3 && // If the item exists in the original, we need to create a uninitialized source,
+          void 0 !== f3 ? set(f3, I) : u2 in e3 && // If the item exists in the original, we need to create a uninitialized source,
           // else a later read of the property would result in a source being created with
           // the value of the original item at that index.
-          (f3 = with_parent(() => state(O)), i2.set(u2 + "", f3));
+          (f3 = with_parent(() => state(I)), i2.set(u2 + "", f3));
         }
-        void 0 === l2 ? c2 && !((_a2 = o(e3, t2)) == null ? void 0 : _a2.writable) || (set(l2 = with_parent(() => state(void 0)), with_parent(() => proxy(n3))), i2.set(t2, l2)) : (c2 = l2.v !== O, set(l2, with_parent(() => proxy(n3))));
+        void 0 === l2 ? c2 && !((_a2 = o(e3, t2)) == null ? void 0 : _a2.writable) || (set(l2 = with_parent(() => state(void 0)), with_parent(() => proxy(n3))), i2.set(t2, l2)) : (c2 = l2.v !== I, set(l2, with_parent(() => proxy(n3))));
         var p2 = Reflect.getOwnPropertyDescriptor(e3, t2);
         if ((p2 == null ? void 0 : p2.set) && p2.set.call(s3, n3), !c2) {
           if (a2 && "string" == typeof t2) {
-            var _2 = (
+            var g2 = (
               /** @type {Source<number>} */
               i2.get("length")
-            ), g2 = Number(t2);
-            Number.isInteger(g2) && g2 >= _2.v && set(_2, g2 + 1);
+            ), _2 = Number(t2);
+            Number.isInteger(_2) && _2 >= g2.v && set(g2, _2 + 1);
           }
           update_version(d2);
         }
@@ -197,9 +197,9 @@ function proxy(e2, n2) {
         get$1(d2);
         var t2 = Reflect.ownKeys(e3).filter((e4) => {
           var t3 = i2.get(e4);
-          return void 0 === t3 || t3.v !== O;
+          return void 0 === t3 || t3.v !== I;
         });
-        for (var [n3, s3] of i2) s3.v === O || n3 in e3 || t2.push(n3);
+        for (var [n3, s3] of i2) s3.v === I || n3 in e3 || t2.push(n3);
         return t2;
       },
       setPrototypeOf() {
@@ -213,7 +213,7 @@ function proxy(e2, n2) {
 function update_version(e2, t2 = 1) {
   set(e2, e2.v + t2);
 }
-const P = /* @__PURE__ */ new Map();
+const q = /* @__PURE__ */ new Map();
 function source(e2, t2) {
   return {
     f: 0,
@@ -235,7 +235,7 @@ function mutable_source(e2, t2 = false) {
   const n2 = source(e2);
   return t2 || (n2.equals = safe_equals), // bind the signal to the component context, in case we need to
   // track updates to trigger beforeUpdate/afterUpdate callbacks
-  I && null !== T && null !== T.l && ((_a2 = T.l).s ?? (_a2.s = [])).push(n2), n2;
+  T && null !== O && null !== O.l && ((_a2 = O.l).s ?? (_a2.s = [])).push(n2), n2;
 }
 function set(e2, t2, n2 = false) {
   return null !== R && !U && is_runes() && 18 & R.f && !(K == null ? void 0 : K.includes(e2)) && function state_unsafe_mutation() {
@@ -245,7 +245,7 @@ function set(e2, t2, n2 = false) {
 function internal_set(e2, t2) {
   if (!e2.equals(t2)) {
     var n2 = e2.v;
-    F ? P.set(e2, t2) : P.set(e2, n2), e2.v = t2, e2.wv = increment_write_version(), mark_reactions(e2, m), // It's possible that the current reaction might not have up-to-date dependencies
+    F ? q.set(e2, t2) : q.set(e2, n2), e2.v = t2, e2.wv = increment_write_version(), mark_reactions(e2, m), // It's possible that the current reaction might not have up-to-date dependencies
     // whilst it's actively running. So in the case of ensuring it registers the reaction
     // properly for itself, we need to ensure the current effect actually gets
     // scheduled. i.e: `$effect(() => x++)`
@@ -278,17 +278,17 @@ function mark_reactions(e2, t2) {
     )));
   }
 }
-var q, W, z, E, j;
+var P, W, z, j, D;
 function create_text(e2 = "") {
   return document.createTextNode(e2);
 }
 // @__NO_SIDE_EFFECTS__
 function get_first_child(e2) {
-  return E.call(e2);
+  return j.call(e2);
 }
 // @__NO_SIDE_EFFECTS__
 function get_next_sibling(e2) {
-  return j.call(e2);
+  return D.call(e2);
 }
 function child(e2, t2) {
   return /* @__PURE__ */ get_first_child(e2);
@@ -315,13 +315,13 @@ function derived(e2) {
     /** @type {Derived} */
     R
   ) : null;
-  null === V || null !== n2 && n2.f & g ? t2 |= g : (
+  null === V || null !== n2 && n2.f & _ ? t2 |= _ : (
     // Since deriveds are evaluated lazily, any effects created inside them are
     // created too late to ensure that the parent effect is added to the tree
     V.f |= x
   );
   return {
-    ctx: T,
+    ctx: O,
     deps: null,
     effects: null,
     equals,
@@ -381,7 +381,7 @@ function update_derived(e2) {
       return t3;
     }(e2)
   );
-  set_signal_status(e2, (te || e2.f & g) && null !== e2.deps ? b : h), e2.equals(t2) || (e2.v = t2, e2.wv = increment_write_version());
+  set_signal_status(e2, (te || e2.f & _) && null !== e2.deps ? b : h), e2.equals(t2) || (e2.v = t2, e2.wv = increment_write_version());
 }
 function validate_effect(e2) {
   null === V && null === R && /**
@@ -391,7 +391,7 @@ function validate_effect(e2) {
   */
   function effect_orphan(e3) {
     throw new Error("https://svelte.dev/e/effect_orphan");
-  }(), null !== R && R.f & g && null === V && /**
+  }(), null !== R && R.f & _ && null === V && /**
   * Effect cannot be created inside a `$derived` value that was not itself created inside an effect
   * @returns {never}
   */
@@ -403,7 +403,7 @@ function validate_effect(e2) {
 }
 function create_effect(e2, t2, n2, s2 = true) {
   var i2 = V, o2 = {
-    ctx: T,
+    ctx: O,
     deps: null,
     nodes_start: null,
     nodes_end: null,
@@ -441,10 +441,10 @@ function teardown(e2) {
   return set_signal_status(t2, h), t2.teardown = e2, t2;
 }
 function user_effect(e2) {
-  if (validate_effect(), !(null !== V && !!(V.f & f) && null !== T && !T.m)) return effect(e2);
+  if (validate_effect(), !(null !== V && !!(V.f & f) && null !== O && !O.m)) return effect(e2);
   var t2 = (
     /** @type {ComponentContext} */
-    T
+    O
   );
   (t2.e ?? (t2.e = [])).push({
     fn: e2,
@@ -458,7 +458,7 @@ function effect(e2) {
 function legacy_pre_effect(e2, t2) {
   var n2 = (
     /** @type {ComponentContextLegacy} */
-    T
+    O
   ), s2 = {
     effect: null,
     ran: false
@@ -472,7 +472,7 @@ function legacy_pre_effect(e2, t2) {
 function legacy_pre_effect_reset() {
   var e2 = (
     /** @type {ComponentContextLegacy} */
-    T
+    O
   );
   render_effect(() => {
     if (get$1(e2.l.r2)) {
@@ -583,21 +583,21 @@ function resume_children(e2, t2) {
     if (null !== e2.transitions) for (const n3 of e2.transitions) (n3.is_global || t2) && n3.in();
   }
 }
-let D = [], N = [];
+let N = [], B = [];
 function run_micro_tasks() {
-  var e2 = D;
-  D = [], run_all(e2);
+  var e2 = N;
+  N = [], run_all(e2);
 }
 function queue_micro_task(e2) {
-  0 === D.length && queueMicrotask(run_micro_tasks), D.push(e2);
+  0 === N.length && queueMicrotask(run_micro_tasks), N.push(e2);
 }
 function flush_tasks() {
-  D.length > 0 && run_micro_tasks(), N.length > 0 && function run_idle_tasks() {
-    var e2 = N;
-    N = [], run_all(e2);
+  N.length > 0 && run_micro_tasks(), B.length > 0 && function run_idle_tasks() {
+    var e2 = B;
+    B = [], run_all(e2);
   }();
 }
-let B = false, A = false, L = null, G = false, F = false;
+let E = false, A = false, L = null, G = false, F = false;
 function set_is_destroying_effect(e2) {
   F = e2;
 }
@@ -625,7 +625,7 @@ function check_dirtiness(e2) {
   var t2 = e2.f;
   if (t2 & m) return true;
   if (t2 & b) {
-    var n2 = e2.deps, s2 = !!(t2 & g);
+    var n2 = e2.deps, s2 = !!(t2 & _);
     if (null !== n2) {
       var i2, o2, a2 = !!(t2 & v), l2 = s2 && null !== V && !te, c2 = n2.length;
       if (a2 || l2) {
@@ -640,7 +640,7 @@ function check_dirtiness(e2) {
         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 === d2 || d2.f & g || (u2.f ^= g);
+        !l2 || null === d2 || d2.f & _ || (u2.f ^= _);
       }
       for (i2 = 0; i2 < c2; i2++) if (check_dirtiness(o2 = n2[i2]) && update_derived(
         /** @type {Derived} */
@@ -652,23 +652,23 @@ function check_dirtiness(e2) {
   return false;
 }
 function handle_error(e2, t2, n2, s2) {
-  if (B) {
-    if (null === n2 && (B = false), /**
+  if (E) {
+    if (null === n2 && (E = false), /**
     * @param {Effect} effect
     */
     function should_rethrow_error(e3) {
-      return !(e3.f & $ || null !== e3.parent && e3.parent.f & _);
+      return !(e3.f & $ || null !== e3.parent && e3.parent.f & g);
     }(t2)) throw e2;
-  } else null !== n2 && (B = true), function propagate_error(e3, t3) {
+  } else null !== n2 && (E = true), function propagate_error(e3, t3) {
     for (var n3 = t3; null !== n3; ) {
-      if (n3.f & _) try {
+      if (n3.f & g) try {
         return void n3.fn(e3);
       } catch {
-        n3.f ^= _;
+        n3.f ^= g;
       }
       n3 = n3.parent;
     }
-    throw B = false, e3;
+    throw E = false, e3;
   }(e2, t2);
 }
 function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
@@ -688,9 +688,9 @@ function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
 }
 function update_reaction(e2) {
   var _a2;
-  var t2 = Y, n2 = Z, s2 = J, i2 = R, o2 = te, a2 = K, l2 = T, c2 = U, u2 = e2.f;
+  var t2 = Y, n2 = Z, s2 = J, i2 = R, o2 = te, a2 = K, l2 = O, c2 = U, u2 = e2.f;
   Y = /** @type {null | Value[]} */
-  null, Z = 0, J = null, te = !!(u2 & g) && (U || !G || null === R), R = 96 & u2 ? null : e2, K = null, set_component_context(e2.ctx), U = false, ee++, e2.f |= k;
+  null, Z = 0, J = null, te = !!(u2 & _) && (U || !G || null === R), R = 96 & u2 ? null : e2, K = null, set_component_context(e2.ctx), U = false, ee++, e2.f |= k;
   try {
     var d2 = (
       /** @type {Function} */
@@ -750,7 +750,7 @@ function update_effect(t2) {
   var n2 = t2.f;
   if (!(n2 & $)) {
     set_signal_status(t2, h);
-    var s2 = V, i2 = T, o2 = G;
+    var s2 = V, i2 = O, o2 = G;
     V = t2, G = true;
     try {
       16 & n2 ? function destroy_block_effect_children(e2) {
@@ -793,7 +793,7 @@ function flush_queued_root_effects() {
       }
     }
   } finally {
-    A = false, G = e2, L = null, P.clear();
+    A = false, G = e2, L = null, q.clear();
   }
 }
 function flush_queued_effects(e2) {
@@ -873,10 +873,10 @@ function get$1(e2) {
         /** @type {Derived} */
         e2
       ), s2 = n2.parent;
-      null === s2 || s2.f & g || // If the derived is owned by another derived then mark it as unowned
+      null === s2 || s2.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 ^= g);
+      (n2.f ^= _);
     }
   } else if (!(K == null ? void 0 : K.includes(e2))) {
     var i2 = R.deps;
@@ -889,7 +889,7 @@ function get$1(e2) {
     Y.push(e2));
   }
   return t2 && check_dirtiness(n2 = /** @type {Derived} */
-  e2) && update_derived(n2), F && P.has(e2) ? P.get(e2) : e2.v;
+  e2) && update_derived(n2), F && q.has(e2) ? q.get(e2) : e2.v;
 }
 function untrack(e2) {
   var t2 = U;
@@ -1055,10 +1055,10 @@ function handle_event_propagation(e2) {
       configurable: true,
       get: () => l2 || s2
     });
-    var p2 = R, _2 = V;
+    var p2 = R, g2 = V;
     set_active_reaction(null), set_active_effect(null);
     try {
-      for (var g2, v2 = []; null !== l2; ) {
+      for (var _2, v2 = []; null !== l2; ) {
         var h2 = l2.assignedSlot || l2.parentNode || /** @type {any} */
         l2.host || null;
         try {
@@ -1071,21 +1071,21 @@ function handle_event_propagation(e2) {
             b2.apply(l2, [e2, ...y2]);
           } else m2.call(l2, e2);
         } catch (e3) {
-          g2 ? v2.push(e3) : g2 = e3;
+          _2 ? v2.push(e3) : _2 = e3;
         }
         if (e2.cancelBubble || h2 === n2 || null === h2) break;
         l2 = h2;
       }
-      if (g2) {
+      if (_2) {
         for (let e3 of v2)
           queueMicrotask(() => {
             throw e3;
           });
-        throw g2;
+        throw _2;
       }
     } finally {
       e2.__root = n2, // @ts-ignore remove proxy on currentTarget
-      delete e2.currentTarget, set_active_reaction(p2), set_active_effect(_2);
+      delete e2.currentTarget, set_active_reaction(p2), set_active_effect(g2);
     }
   }
 }
@@ -1171,11 +1171,11 @@ function mount(e2, t2) {
     * where these globals are not available while avoiding a separate server entry point
     */
     function init_operations() {
-      if (void 0 === q) {
-        q = window, W = document, z = /Firefox/.test(navigator.userAgent);
+      if (void 0 === P) {
+        P = window, W = document, z = /Firefox/.test(navigator.userAgent);
         var e4 = Element.prototype, t4 = Node.prototype, n3 = Text.prototype;
-        E = o(t4, "firstChild").get, // @ts-ignore
-        j = o(t4, "nextSibling").get, d(e4) && // the following assignments improve perf of lookups on DOM nodes
+        j = o(t4, "firstChild").get, // @ts-ignore
+        D = o(t4, "nextSibling").get, d(e4) && // the following assignments improve perf of lookups on DOM nodes
         // @ts-expect-error
         (e4.__click = void 0, // @ts-expect-error
         e4.__className = void 0, // @ts-expect-error
@@ -1206,7 +1206,7 @@ function mount(e2, t2) {
       }
     };
     event_handle(s(ae)), le.add(event_handle);
-    var f2 = void 0, _2 = (
+    var f2 = void 0, g2 = (
       /**
       * An effect root whose children can transition out
       * @param {() => void} fn
@@ -1223,7 +1223,7 @@ function mount(e2, t2) {
         var s2 = n2 ?? t3.appendChild(create_text());
         return branch(() => {
           l2 && (push({}), /** @type {ComponentContext} */
-          T.c = l2);
+          O.c = l2);
           a2 && // We can't spread the object or else we'd lose the state proxy stuff, if it is one
           /** @type {any} */
           (i2.$$events = a2), ce = c2, // @ts-expect-error the public typings are not what the actual function looks like
@@ -1242,13 +1242,13 @@ function mount(e2, t2) {
         };
       })
     );
-    return de.set(f2, _2), f2;
+    return de.set(f2, g2), f2;
   }(e2, t2);
 }
 const ue = /* @__PURE__ */ new Map();
 let de = /* @__PURE__ */ new WeakMap();
 function if_block(e2, t2, [n2, s2] = [0, 0]) {
-  var i2 = e2, o2 = null, a2 = null, l2 = O, c2 = false;
+  var i2 = e2, o2 = null, a2 = null, l2 = I, c2 = false;
   const set_branch = (e3, t3 = true) => {
     c2 = true, update_branch(t3, e3);
   }, update_branch = (e3, t3) => {
@@ -1297,18 +1297,18 @@ function each(e2, n2, i2, o2, a2, l2 = null) {
     */
     function reconcile(e4, t3, n3, i3, o3, a3, l3) {
       var _a2, _b2, _c2, _d;
-      var c3, u3, d3, f3, p3, _2, g2 = !!(8 & o3), v2 = !!(3 & o3), h2 = e4.length, m2 = t3.items, b2 = t3.first, $2 = b2, w2 = null, x2 = [], k2 = [];
-      if (g2) 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 (v2 && update_item(p3, d3, _2, o3), p3.e.f & y && (resume_effect(p3.e), g2 && ((_b2 = p3.a) == null ? void 0 : _b2.unfix(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).delete(p3))), p3 !== $2) {
+      var c3, u3, d3, f3, p3, g2, _2 = !!(8 & o3), v2 = !!(3 & o3), h2 = e4.length, m2 = t3.items, b2 = t3.first, $2 = b2, w2 = null, x2 = [], k2 = [];
+      if (_2) for (g2 = 0; g2 < h2; g2 += 1) f3 = a3(d3 = e4[g2], g2), void 0 !== (p3 = m2.get(f3)) && ((_a2 = p3.a) == null ? void 0 : _a2.measure(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).add(p3));
+      for (g2 = 0; g2 < h2; g2 += 1) if (f3 = a3(d3 = e4[g2], g2), void 0 !== (p3 = m2.get(f3))) {
+        if (v2 && update_item(p3, d3, g2, o3), p3.e.f & y && (resume_effect(p3.e), _2 && ((_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, M2 = k2[0];
-              w2 = M2.prev;
-              var S2 = x2[0], I2 = x2[x2.length - 1];
-              for (C2 = 0; C2 < x2.length; C2 += 1) move(x2[C2], M2, n3);
+              var C2, S2 = k2[0];
+              w2 = S2.prev;
+              var M2 = x2[0], T2 = x2[x2.length - 1];
+              for (C2 = 0; C2 < x2.length; C2 += 1) move(x2[C2], S2, n3);
               for (C2 = 0; C2 < k2.length; C2 += 1) c3.delete(k2[C2]);
-              link(t3, S2.prev, I2.next), link(t3, w2, S2), link(t3, I2, M2), $2 = M2, w2 = I2, _2 -= 1, x2 = [], k2 = [];
+              link(t3, M2.prev, T2.next), link(t3, w2, M2), link(t3, T2, S2), $2 = S2, w2 = T2, g2 -= 1, x2 = [], k2 = [];
             } else
               c3.delete(p3), move(p3, $2, n3), link(t3, p3.prev, p3.next), link(t3, p3, null === w2 ? t3.first : w2.next), link(t3, w2, p3), w2 = p3;
             continue;
@@ -1323,17 +1323,17 @@ function each(e2, n2, i2, o2, a2, l2 = null) {
         w2 = create_item($2 ? (
           /** @type {TemplateNode} */
           $2.e.nodes_start
-        ) : n3, t3, w2, null === w2 ? t3.first : w2.next, d3, f3, _2, i3, o3, l3), m2.set(f3, w2), x2 = [], k2 = [], $2 = w2.next;
+        ) : n3, t3, w2, null === w2 ? t3.first : w2.next, d3, f3, g2, i3, o3, l3), m2.set(f3, w2), x2 = [], k2 = [], $2 = w2.next;
       }
       if (null !== $2 || void 0 !== c3) {
-        for (var O2 = void 0 === c3 ? [] : s(c3); null !== $2; )
-          $2.e.f & y || O2.push($2), $2 = $2.next;
-        var T2 = O2.length;
-        if (T2 > 0) {
-          var P2 = 4 & o3 && 0 === h2 ? n3 : null;
-          if (g2) {
-            for (_2 = 0; _2 < T2; _2 += 1) (_c2 = O2[_2].a) == null ? void 0 : _c2.measure();
-            for (_2 = 0; _2 < T2; _2 += 1) (_d = O2[_2].a) == null ? void 0 : _d.fix();
+        for (var I2 = void 0 === c3 ? [] : s(c3); null !== $2; )
+          $2.e.f & y || I2.push($2), $2 = $2.next;
+        var O2 = I2.length;
+        if (O2 > 0) {
+          var q2 = 4 & o3 && 0 === h2 ? n3 : null;
+          if (_2) {
+            for (g2 = 0; g2 < O2; g2 += 1) (_c2 = I2[g2].a) == null ? void 0 : _c2.measure();
+            for (g2 = 0; g2 < O2; g2 += 1) (_d = I2[g2].a) == null ? void 0 : _d.fix();
           }
           !function pause_effects(e5, t4, n4, s2) {
             for (var i4 = [], o4 = t4.length, a4 = 0; a4 < o4; a4++) pause_children(t4[a4].e, i4, true);
@@ -1357,10 +1357,10 @@ function each(e2, n2, i2, o2, a2, l2 = null) {
                 l4 || (s2.delete(i5.k), link(e5, i5.prev, i5.next)), destroy_effect(i5.e, !l4);
               }
             });
-          }(t3, O2, P2, m2);
+          }(t3, I2, q2, m2);
         }
       }
-      g2 && queue_micro_task(() => {
+      _2 && queue_micro_task(() => {
         var _a3;
         if (void 0 !== u3) for (p3 of u3) (_a3 = p3.a) == null ? void 0 : _a3.apply();
       });
@@ -1385,7 +1385,7 @@ function update_item(e2, t2, n2, s2) {
   ) : e2.i = n2;
 }
 function create_item(e2, t2, n2, s2, i2, o2, a2, l2, c2, u2) {
-  var d2 = fe, f2 = !!(1 & c2) ? !(16 & c2) ? /* @__PURE__ */ mutable_source(i2) : source(i2) : i2, p2 = 2 & c2 ? source(a2) : a2, _2 = {
+  var d2 = fe, f2 = !!(1 & c2) ? !(16 & c2) ? /* @__PURE__ */ mutable_source(i2) : source(i2) : i2, p2 = 2 & c2 ? source(a2) : a2, g2 = {
     i: p2,
     v: f2,
     k: o2,
@@ -1395,9 +1395,9 @@ function create_item(e2, t2, n2, s2, i2, o2, a2, l2, c2, u2) {
     prev: n2,
     next: s2
   };
-  fe = _2;
+  fe = g2;
   try {
-    return _2.e = branch(() => l2(e2, f2, p2, u2), false), _2.e.prev = n2 && n2.e, _2.e.next = s2 && s2.e, null === n2 ? t2.first = _2 : (n2.next = _2, n2.e.next = _2.e), null !== s2 && (s2.prev = _2, s2.e.prev = _2.e), _2;
+    return g2.e = branch(() => l2(e2, f2, p2, u2), false), g2.e.prev = n2 && n2.e, g2.e.next = s2 && s2.e, null === n2 ? t2.first = g2 : (n2.next = g2, n2.e.next = g2.e), null !== s2 && (s2.prev = g2, s2.e.prev = g2.e), g2;
   } finally {
     fe = d2;
   }
@@ -1506,8 +1506,8 @@ function set_style(e2, t2, n2, s2) {
               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++, i3 += " " + e3.substring(u2, f2).trim() + ";");
+                  var g2 = to_css_name(e3.substring(u2, d2).trim());
+                  c2.includes(g2) || (";" !== p2 && f2++, i3 += " " + e3.substring(u2, f2).trim() + ";");
                 }
                 u2 = f2 + 1, d2 = -1;
               }
@@ -1523,7 +1523,7 @@ function set_style(e2, t2, n2, s2) {
   } else s2 && (Array.isArray(s2) ? (update_styles(e2, n2 == null ? void 0 : n2[0], s2[0]), update_styles(e2, n2 == null ? void 0 : n2[1], s2[1], "important")) : update_styles(e2, n2, s2));
   return s2;
 }
-const _e = Symbol("class"), ge = Symbol("style"), ve = Symbol("is custom element"), he = Symbol("is html");
+const ge = Symbol("class"), _e = Symbol("style"), ve = Symbol("is custom element"), he = Symbol("is html");
 function set_selected(e2, t2) {
   t2 ? (
     // The selected option could've changed via user selection, and
@@ -1534,7 +1534,7 @@ function set_selected(e2, t2) {
 function set_attribute(e2, t2, n2, s2) {
   var i2 = get_attributes(e2);
   i2[t2] !== (i2[t2] = n2) && ("loading" === t2 && // @ts-expect-error
-  (e2[S] = n2), null == n2 ? e2.removeAttribute(t2) : "string" != typeof n2 && get_setters(e2).includes(t2) ? (
+  (e2[M] = n2), null == n2 ? e2.removeAttribute(t2) : "string" != typeof n2 && get_setters(e2).includes(t2) ? (
     // @ts-ignore
     e2[t2] = n2
   ) : e2.setAttribute(t2, n2));
@@ -1542,7 +1542,7 @@ function set_attribute(e2, t2, n2, s2) {
 function set_attributes(e2, t2, n2, s2, i2 = false) {
   var o2 = get_attributes(e2), a2 = o2[ve], l2 = !o2[he], c2 = t2 || {}, u2 = "OPTION" === e2.tagName;
   for (var d2 in t2) d2 in n2 || (n2[d2] = null);
-  n2.class ? n2.class = clsx(n2.class) : (s2 || n2[_e]) && (n2.class = null), n2[ge] && (n2.style ?? (n2.style = null));
+  n2.class ? n2.class = clsx(n2.class) : (s2 || n2[ge]) && (n2.class = null), n2[_e] && (n2.style ?? (n2.style = null));
   var f2 = get_setters(e2);
   for (const m2 in n2) {
     let b2 = n2[m2];
@@ -1552,16 +1552,16 @@ function set_attributes(e2, t2, n2, s2, i2 = false) {
       var p2 = c2[m2];
       if (b2 !== p2) {
         c2[m2] = b2;
-        var _2 = m2[0] + m2[1];
-        if ("$$" !== _2) if ("on" === _2) {
+        var g2 = m2[0] + m2[1];
+        if ("$$" !== g2) if ("on" === g2) {
           const y2 = {}, $2 = "$$" + m2;
           let w2 = m2.slice(2);
-          var g2 = is_delegated(w2);
-          if (is_capture_event(w2) && (w2 = w2.slice(0, -7), y2.capture = true), !g2 && p2) {
+          var _2 = is_delegated(w2);
+          if (is_capture_event(w2) && (w2 = w2.slice(0, -7), y2.capture = true), !_2 && p2) {
             if (null != b2) continue;
             e2.removeEventListener(w2, c2[$2], y2), c2[$2] = null;
           }
-          if (null != b2) if (g2)
+          if (null != b2) if (_2)
             e2[`__${w2}`] = b2, delegate([w2]);
           else {
             let handle = function(e3) {
@@ -1569,7 +1569,7 @@ function set_attributes(e2, t2, n2, s2, i2 = false) {
             };
             c2[$2] = create_event(w2, e2, handle, y2);
           }
-          else g2 && // @ts-ignore
+          else _2 && // @ts-ignore
           (e2[`__${w2}`] = void 0);
         } else if ("style" === m2)
           set_attribute(e2, m2, b2);
@@ -1602,16 +1602,16 @@ function set_attributes(e2, t2, n2, s2, i2 = false) {
               x2.removeAttribute(v2), x2.defaultValue = C2, // @ts-ignore
               x2.value = x2.__value = k2 ? C2 : null;
             } else {
-              let M2 = x2.defaultChecked;
-              x2.removeAttribute(v2), x2.defaultChecked = M2, x2.checked = !!k2 && M2;
+              let S2 = x2.defaultChecked;
+              x2.removeAttribute(v2), x2.defaultChecked = S2, x2.checked = !!k2 && S2;
             }
           } else e2.removeAttribute(m2);
         }
         else
           e2.value = e2.__value = b2;
       }
-    } else set_style(e2, b2, t2 == null ? void 0 : t2[ge], n2[ge]), c2[m2] = b2, c2[ge] = n2[ge];
-    else set_class(e2, "http://www.w3.org/1999/xhtml" === e2.namespaceURI, b2, s2, t2 == null ? void 0 : t2[_e], n2[_e]), c2[m2] = b2, c2[_e] = n2[_e];
+    } else set_style(e2, b2, t2 == null ? void 0 : t2[_e], n2[_e]), c2[m2] = b2, c2[_e] = n2[_e];
+    else set_class(e2, "http://www.w3.org/1999/xhtml" === e2.namespaceURI, b2, s2, t2 == null ? void 0 : t2[ge], n2[ge]), c2[m2] = b2, c2[ge] = n2[ge];
   }
   return c2;
 }
@@ -1688,7 +1688,7 @@ function transition(e2, t2, n2, s2) {
       set_active_reaction(e3), set_active_effect(o3);
     }
   }
-  var _2 = {
+  var g2 = {
     is_global: u2,
     in() {
       var _a2;
@@ -1709,21 +1709,21 @@ function transition(e2, t2, n2, s2) {
     stop: () => {
       o2 == null ? void 0 : o2.abort(), a2 == null ? void 0 : a2.abort();
     }
-  }, g2 = (
+  }, _2 = (
     /** @type {Effect} */
     V
   );
-  if ((g2.transitions ?? (g2.transitions = [])).push(_2), l2 && ce) {
+  if ((_2.transitions ?? (_2.transitions = [])).push(g2), l2 && ce) {
     var v2 = u2;
     if (!v2) {
       for (var h2 = (
         /** @type {Effect | null} */
-        g2.parent
+        _2.parent
       ); h2 && h2.f & w; ) for (; (h2 = h2.parent) && !(16 & h2.f); ) ;
       v2 = !h2 || !!(32768 & h2.f);
     }
     v2 && effect(() => {
-      untrack(() => _2.in());
+      untrack(() => g2.in());
     });
   }
 }
@@ -1756,13 +1756,13 @@ function animate(e2, t2, n2, s2, i2) {
   const { delay: c2 = 0, css: u2, tick: d2, easing: f2 = linear$1 } = t2;
   var p2 = [];
   if (o2 && void 0 === n2 && (d2 && d2(0, 1), u2)) {
-    var _2 = css_to_keyframe(u2(0, 1));
-    p2.push(_2, _2);
+    var g2 = css_to_keyframe(u2(0, 1));
+    p2.push(g2, g2);
   }
-  var get_t = () => 1 - s2, g2 = e2.animate(p2, {
+  var get_t = () => 1 - s2, _2 = e2.animate(p2, {
     duration: c2
   });
-  return g2.onfinish = () => {
+  return _2.onfinish = () => {
     var o3 = (n2 == null ? void 0 : n2.t()) ?? 1 - s2;
     n2 == null ? void 0 : n2.abort();
     var a3 = s2 - o3, l3 = (
@@ -1772,8 +1772,8 @@ function animate(e2, t2, n2, s2, i2) {
     if (l3 > 0) {
       var p3 = false;
       if (u2)
-        for (var _3 = Math.ceil(l3 / (1e3 / 60)), v2 = 0; v2 <= _3; v2 += 1) {
-          var h2 = o3 + a3 * f2(v2 / _3), m2 = css_to_keyframe(u2(h2, 1 - h2));
+        for (var g3 = Math.ceil(l3 / (1e3 / 60)), v2 = 0; v2 <= g3; v2 += 1) {
+          var h2 = o3 + a3 * f2(v2 / g3), m2 = css_to_keyframe(u2(h2, 1 - h2));
           c3.push(m2), p3 || (p3 = "hidden" === m2.overflow);
         }
       p3 && /** @type {HTMLElement} */
@@ -1781,7 +1781,7 @@ function animate(e2, t2, n2, s2, i2) {
         var e3 = (
           /** @type {number} */
           /** @type {globalThis.Animation} */
-          g2.currentTime
+          _2.currentTime
         );
         return o3 + a3 * f2(e3 / l3);
       }, d2 && function loop(e3) {
@@ -1798,12 +1798,12 @@ function animate(e2, t2, n2, s2, i2) {
           }
         };
       }(() => {
-        if ("running" !== g2.playState) return false;
+        if ("running" !== _2.playState) return false;
         var e3 = get_t();
         return d2(e3, 1 - e3), true;
       });
     }
-    (g2 = e2.animate(c3, {
+    (_2 = e2.animate(c3, {
       duration: l3,
       fill: "forwards"
     })).onfinish = () => {
@@ -1811,11 +1811,11 @@ function animate(e2, t2, n2, s2, i2) {
     };
   }, {
     abort: () => {
-      g2 && (g2.cancel(), // This prevents memory leaks in Chromium
-      g2.effect = null, // This prevents onfinish to be launched after cancel(),
+      _2 && (_2.cancel(), // This prevents memory leaks in Chromium
+      _2.effect = null, // This prevents onfinish to be launched after cancel(),
       // which can happen in some rare cases
       // see https://github.com/sveltejs/svelte/issues/13681
-      g2.onfinish = noop);
+      _2.onfinish = noop);
     },
     deactivate: () => {
       i2 = noop;
@@ -1899,7 +1899,7 @@ function bind_this(e2 = {}, t2, n2, s2) {
 function init(e2 = false) {
   const t2 = (
     /** @type {ComponentContextLegacy} */
-    T
+    O
   ), n2 = t2.l.u;
   if (!n2) return;
   let props = () => deep_read_state(t2.s);
@@ -2091,7 +2091,7 @@ const Ce = {
     }
   },
   has(e2, t2) {
-    if (t2 === C || t2 === M) return false;
+    if (t2 === C || t2 === S) return false;
     for (let n2 of e2.props) if (is_function(n2) && (n2 = n2()), null != n2 && t2 in n2) return true;
     return false;
   },
@@ -2115,7 +2115,7 @@ function has_destroyed_component_ctx(e2) {
 }
 function prop(e2, t2, n2, s2) {
   var _a2;
-  var i2, a2 = !!(1 & n2), l2 = !I || !!(2 & n2), c2 = !!(8 & n2), u2 = !!(16 & n2), d2 = false;
+  var i2, a2 = !!(1 & n2), l2 = !T || !!(2 & n2), c2 = !!(8 & n2), u2 = !!(16 & n2), d2 = false;
   c2 ? [i2, d2] = function capture_store_binding(e3) {
     var t3 = we;
     try {
@@ -2128,19 +2128,19 @@ function prop(e2, t2, n2, s2) {
     e2[t2]
   )) : i2 = /** @type {V} */
   e2[t2];
-  var f2, p2 = C in e2 || M in e2, _2 = c2 && (((_a2 = o(e2, t2)) == null ? void 0 : _a2.set) ?? (p2 && t2 in e2 && ((n3) => e2[t2] = n3))) || void 0, g2 = (
+  var f2, p2 = C in e2 || S in e2, g2 = c2 && (((_a2 = o(e2, t2)) == null ? void 0 : _a2.set) ?? (p2 && t2 in e2 && ((n3) => e2[t2] = n3))) || void 0, _2 = (
     /** @type {V} */
     s2
-  ), v2 = true, h2 = false, get_fallback = () => (h2 = true, v2 && (v2 = false, g2 = u2 ? untrack(
+  ), v2 = true, h2 = false, get_fallback = () => (h2 = true, v2 && (v2 = false, _2 = u2 ? untrack(
     /** @type {() => V} */
     s2
   ) : (
     /** @type {V} */
     s2
-  )), g2);
-  if (void 0 === i2 && void 0 !== s2 && (_2 && l2 && function props_invalid_value(e3) {
+  )), _2);
+  if (void 0 === i2 && void 0 !== s2 && (g2 && l2 && function props_invalid_value(e3) {
     throw new Error("https://svelte.dev/e/props_invalid_value");
-  }(), i2 = get_fallback(), _2 && _2(i2)), l2) f2 = () => {
+  }(), i2 = get_fallback(), g2 && g2(i2)), l2) f2 = () => {
     var n3 = (
       /** @type {V} */
       e2[t2]
@@ -2154,12 +2154,12 @@ function prop(e2, t2, n2, s2) {
     ));
     m2.f |= 131072, f2 = () => {
       var e3 = get$1(m2);
-      return void 0 !== e3 && (g2 = /** @type {V} */
-      void 0), void 0 === e3 ? g2 : e3;
+      return void 0 !== e3 && (_2 = /** @type {V} */
+      void 0), void 0 === e3 ? _2 : e3;
     };
   }
   if (!(4 & n2)) return f2;
-  if (_2) {
+  if (g2) {
     var b2 = e2.$$legacy;
     return function(e3, t3) {
       return arguments.length > 0 ? (
@@ -2168,7 +2168,7 @@ function prop(e2, t2, n2, s2) {
         // 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 && !d2 || /** @type {Function} */
-        _2(t3 ? f2() : e3), e3)
+        g2(t3 ? f2() : e3), e3)
       ) : f2();
     };
   }
@@ -2182,7 +2182,7 @@ function prop(e2, t2, n2, s2) {
       if (!w2.equals(n3)) {
         if (y2 = true, set($2, n3), // To ensure the fallback value is consistent when used with proxies, we
         // update the local fallback_value, but only if the fallback is actively used
-        h2 && void 0 !== g2 && (g2 = n3), has_destroyed_component_ctx(w2)) return e3;
+        h2 && void 0 !== _2 && (_2 = n3), has_destroyed_component_ctx(w2)) return e3;
         untrack(() => get$1(w2));
       }
       return e3;
@@ -2191,7 +2191,7 @@ function prop(e2, t2, n2, s2) {
   };
 }
 function onMount(e2) {
-  null === T && lifecycle_outside_component(), I && null !== T.l ? (
+  null === O && lifecycle_outside_component(), T && null !== O.l ? (
     /**
     * Legacy-mode: Init callbacks object for onMount/beforeUpdate/afterUpdate
     * @param {ComponentContext} context
@@ -2206,7 +2206,7 @@ function onMount(e2) {
         b: [],
         m: []
       });
-    }(T).m.push(e2)
+    }(O).m.push(e2)
   ) : user_effect(() => {
     const t2 = untrack(e2);
     if ("function" == typeof t2) return t2;
@@ -2214,7 +2214,7 @@ function onMount(e2) {
 }
 "undefined" != typeof window && // @ts-expect-error
 ((_a = window.__svelte ?? (window.__svelte = {})).v ?? (_a.v = /* @__PURE__ */ new Set())).add("5"), function enable_legacy_mode_flag() {
-  I = true;
+  T = true;
 }();
 /**
  * @license lucide-svelte v0.476.0 - ISC
@@ -2236,7 +2236,7 @@ function onMount(e2) {
  * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
  * 
  */
-const Me = {
+const Se = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -2247,13 +2247,13 @@ const Me = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-var Se = /* @__PURE__ */ ns_template("<svg><!><!></svg>");
+var Me = /* @__PURE__ */ ns_template("<svg><!><!></svg>");
 function Icon$1(e2, t2) {
   const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]), s2 = legacy_rest_props(n2, ["name", "color", "size", "strokeWidth", "absoluteStrokeWidth", "iconNode"]);
   push(t2, false);
   let i2 = prop(t2, "name", 8, void 0), o2 = prop(t2, "color", 8, "currentColor"), a2 = prop(t2, "size", 8, 24), l2 = prop(t2, "strokeWidth", 8, 2), c2 = prop(t2, "absoluteStrokeWidth", 8, false), u2 = prop(t2, "iconNode", 24, () => []);
   init();
-  var d2 = Se();
+  var d2 = Me();
   let f2;
   var p2 = child(d2);
   each(p2, 1, u2, index, (e3, t3) => {
@@ -2297,7 +2297,7 @@ function Icon$1(e2, t2) {
       }));
     }), append(e3, n3);
   }), slot(sibling(p2), t2, "default", {}, null), template_effect((e3, t3) => f2 = set_attributes(d2, f2, {
-    ...Me,
+    ...Se,
     ...s2,
     width: a2(),
     height: a2(),
@@ -2358,13 +2358,13 @@ function fade(e2, { delay: t2 = 0, duration: n2 = 400, easing: s2 = linear } = {
   };
 }
 function fly(e2, { delay: t2 = 0, duration: n2 = 400, easing: s2 = cubic_out, x: i2 = 0, y: o2 = 0, opacity: a2 = 0 } = {}) {
-  const l2 = getComputedStyle(e2), c2 = +l2.opacity, u2 = "none" === l2.transform ? "" : l2.transform, d2 = c2 * (1 - a2), [f2, p2] = split_css_unit(i2), [_2, g2] = split_css_unit(o2);
+  const l2 = getComputedStyle(e2), c2 = +l2.opacity, u2 = "none" === l2.transform ? "" : l2.transform, d2 = c2 * (1 - a2), [f2, p2] = split_css_unit(i2), [g2, _2] = split_css_unit(o2);
   return {
     delay: t2,
     duration: n2,
     easing: s2,
     css: (e3, t3) => `
-			transform: ${u2} translate(${(1 - e3) * f2}${p2}, ${(1 - e3) * _2}${g2});
+			transform: ${u2} translate(${(1 - e3) * f2}${p2}, ${(1 - e3) * g2}${_2});
 			opacity: ${c2 - d2 * t3}`
   };
 }
@@ -2372,12 +2372,12 @@ function slide(e2, { delay: t2 = 0, duration: n2 = 400, easing: s2 = cubic_out,
   const o2 = getComputedStyle(e2), a2 = +o2.opacity, l2 = "y" === i2 ? "height" : "width", c2 = parseFloat(o2[l2]), u2 = "y" === i2 ? ["top", "bottom"] : ["left", "right"], d2 = u2.map((e3) => (
     /** @type {'Left' | 'Right' | 'Top' | 'Bottom'} */
     `${e3[0].toUpperCase()}${e3.slice(1)}`
-  )), f2 = parseFloat(o2[`padding${d2[0]}`]), p2 = parseFloat(o2[`padding${d2[1]}`]), _2 = parseFloat(o2[`margin${d2[0]}`]), g2 = parseFloat(o2[`margin${d2[1]}`]), v2 = parseFloat(o2[`border${d2[0]}Width`]), h2 = parseFloat(o2[`border${d2[1]}Width`]);
+  )), f2 = parseFloat(o2[`padding${d2[0]}`]), p2 = parseFloat(o2[`padding${d2[1]}`]), g2 = parseFloat(o2[`margin${d2[0]}`]), _2 = parseFloat(o2[`margin${d2[1]}`]), v2 = parseFloat(o2[`border${d2[0]}Width`]), h2 = parseFloat(o2[`border${d2[1]}Width`]);
   return {
     delay: t2,
     duration: n2,
     easing: s2,
-    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 * g2}px;border-${u2[0]}-width: ${e3 * v2}px;border-${u2[1]}-width: ${e3 * h2}px;min-${l2}: 0`
+    css: (e3) => `overflow: hidden;opacity: ${Math.min(20 * e3, 1) * a2};${l2}: ${e3 * c2}px;padding-${u2[0]}: ${e3 * f2}px;padding-${u2[1]}: ${e3 * p2}px;margin-${u2[0]}: ${e3 * g2}px;margin-${u2[1]}: ${e3 * _2}px;border-${u2[0]}-width: ${e3 * v2}px;border-${u2[1]}-width: ${e3 * h2}px;min-${l2}: 0`
   };
 }
 function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: s2 = cubic_out, start: i2 = 0, opacity: o2 = 0 } = {}) {
@@ -2395,12 +2395,12 @@ function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: s2 = cubic_out,
 var on_click$4 = (e2, t2) => {
   var _a2;
   (_a2 = t2.onClick) == null ? void 0 : _a2.call(t2);
-}, Ie = /* @__PURE__ */ template('<button aria-label="open the game discovery"><p class="z-2 flex items-center overflow-hidden svelte-1j97rta"><!> <span class="text-md mr-0.25 inline-block font-bold svelte-1j97rta">More Games</span></p> <div class="bg-background absolute bottom-0 left-0 h-full w-0 transition-all duration-300 group-hover:w-full svelte-1j97rta"></div></button>');
+}, Te = /* @__PURE__ */ template('<button aria-label="open the game discovery"><p class="z-2 flex items-center overflow-hidden text-nowrap svelte-1j97rta"><!> <span class="text-md mr-0.25 inline-block font-bold svelte-1j97rta">More Games</span></p> <div class="bg-background absolute bottom-0 left-0 h-full w-0 transition-all duration-300 group-hover:w-full svelte-1j97rta"></div></button>');
 function FloatingButton(e2, t2) {
   push(t2, true);
   let n2 = prop(t2, "position", 3, "bottom-right"), s2 = prop(t2, "visible", 3, true);
   var i2 = comment(), o2 = first_child(i2), consequent = (e3) => {
-    var s3 = Ie();
+    var s3 = Te();
     s3.__click = [on_click$4, t2];
     var i3 = child(s3);
     !function Gamepad(e4, t3) {
@@ -2454,21 +2454,21 @@ function FloatingButton(e2, t2) {
   }), append(e2, i2), pop();
 }
 delegate(["click"]);
-const Oe = writable(false), Te = writable("https://sdk.playlight.dev");
-var Pe = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>'), qe = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>'), We = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>'), ze = /* @__PURE__ */ ns_template('<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>');
+const Ie = writable(false), Oe = writable(false), qe = writable("https://sdk.playlight.dev");
+var Pe = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>'), We = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-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>'), ze = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>'), je = /* @__PURE__ */ ns_template('<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>');
 function Icon(e2, t2) {
   let n2 = prop(t2, "type", 8, "success");
   var s2 = comment(), i2 = first_child(s2), consequent = (e3) => {
     append(e3, Pe());
   }, alternate = (e3, t3) => {
     var consequent_1 = (e4) => {
-      append(e4, qe());
+      append(e4, We());
     }, alternate_1 = (e4, t4) => {
       var consequent_2 = (e5) => {
-        append(e5, We());
+        append(e5, ze());
       }, alternate_2 = (e5, t5) => {
         var consequent_3 = (e6) => {
-          append(e6, ze());
+          append(e6, je());
         }, alternate_3 = (e6) => {
         };
         if_block(e5, (e6) => {
@@ -2487,42 +2487,42 @@ function Icon(e2, t2) {
     "success" === n2() ? e3(consequent) : e3(alternate, false);
   }), append(e2, s2);
 }
-var Ee = /* @__PURE__ */ template('<div class="sonner-loading-bar"></div>'), je = /* @__PURE__ */ template('<div class="sonner-loading-wrapper"><div class="sonner-spinner"></div></div>');
+var De = /* @__PURE__ */ template('<div class="sonner-loading-bar"></div>'), Ne = /* @__PURE__ */ template('<div class="sonner-loading-wrapper"><div class="sonner-spinner"></div></div>');
 function Loader(e2, t2) {
   push(t2, false);
   let n2 = prop(t2, "visible", 8);
   const s2 = Array(12).fill(0);
   init();
-  var i2 = je();
+  var i2 = Ne();
   each(child(i2), 5, () => s2, index, (e3, t3) => {
-    append(e3, Ee());
+    append(e3, De());
   }), template_effect(() => set_attribute(i2, "data-visible", n2())), append(e2, i2), pop();
 }
 function cn(...e2) {
   return e2.filter(Boolean).join(" ");
 }
-const De = "undefined" != typeof document;
+const Be = "undefined" != typeof document;
 function clientWritable(e2) {
   const t2 = writable(e2);
   return {
     subscribe: t2.subscribe,
     set: function set2(e3) {
-      De && t2.set(e3);
+      Be && t2.set(e3);
     },
     update: function update2(e3) {
-      De && t2.update(e3);
+      Be && t2.update(e3);
     }
   };
 }
-let Ne = 0;
-const Be = function createToastState() {
+let Ee = 0;
+const Ae = function createToastState() {
   const e2 = clientWritable([]), t2 = clientWritable([]);
   function addToast(t3) {
     e2.update((e3) => [t3, ...e3]);
   }
   function create(t3) {
     var _a2;
-    const { message: n2, ...s2 } = t3, i2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a2 = t3.id) == null ? void 0 : _a2.length) > 0 ? t3.id : Ne++, o2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === i2);
+    const { message: n2, ...s2 } = t3, i2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a2 = t3.id) == null ? void 0 : _a2.length) > 0 ? t3.id : Ee++, o2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === i2);
     return l2 ? e2.update((e3) => e3.map((e4) => e4.id === i2 ? {
       ...e4,
       ...t3,
@@ -2659,7 +2659,7 @@ const Be = function createToastState() {
       }), n2;
     },
     custom: function custom(e3, t3) {
-      const n2 = (t3 == null ? void 0 : t3.id) || Ne++;
+      const n2 = (t3 == null ? void 0 : t3.id) || Ee++;
       return create({
         component: e3,
         id: n2,
@@ -2680,27 +2680,27 @@ const Be = function createToastState() {
     heights: t2
   };
 }();
-const Ae = function toastFunction(e2, t2) {
-  return Be.create({
+const Le = function toastFunction(e2, t2) {
+  return Ae.create({
     message: e2,
     ...t2
   });
-}, Le = Object.assign(Ae, {
-  success: Be.success,
-  info: Be.info,
-  warning: Be.warning,
-  error: Be.error,
-  custom: Be.custom,
-  message: Be.message,
-  promise: Be.promise,
-  dismiss: Be.dismiss,
-  loading: Be.loading
+}, Ge = Object.assign(Le, {
+  success: Ae.success,
+  info: Ae.info,
+  warning: Ae.warning,
+  error: Ae.error,
+  custom: Ae.custom,
+  message: Ae.message,
+  promise: Ae.promise,
+  dismiss: Ae.dismiss,
+  loading: Ae.loading
 });
-var Ge = /* @__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>'), Fe = /* @__PURE__ */ template('<div data-icon=""><!> <!></div>'), He = /* @__PURE__ */ template('<div data-title=""><!></div>'), Re = /* @__PURE__ */ template('<div data-description=""><!></div>'), Ue = /* @__PURE__ */ template('<button data-button="" data-cancel=""> </button>'), Ve = /* @__PURE__ */ template('<button data-button=""> </button>'), Ke = /* @__PURE__ */ template('<!> <div data-content=""><!> <!></div> <!> <!>', 1), Ye = /* @__PURE__ */ template('<li aria-atomic="true" role="status" data-sonner-toast=""><!> <!></li>');
+var Fe = /* @__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>'), He = /* @__PURE__ */ template('<div data-icon=""><!> <!></div>'), Re = /* @__PURE__ */ template('<div data-title=""><!></div>'), Ue = /* @__PURE__ */ template('<div data-description=""><!></div>'), Ve = /* @__PURE__ */ template('<button data-button="" data-cancel=""> </button>'), Ke = /* @__PURE__ */ template('<button data-button=""> </button>'), Ye = /* @__PURE__ */ template('<!> <div data-content=""><!> <!></div> <!> <!>', 1), Ze = /* @__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 [s2, i2] = setup_stores(), $heights = () => store_get(y2, "$heights", s2), $effect = () => store_get(get$1(Q2), "$effect", s2), o2 = /* @__PURE__ */ mutable_source(void 0, true), a2 = /* @__PURE__ */ mutable_source(void 0, true), l2 = /* @__PURE__ */ mutable_source(void 0, true), c2 = /* @__PURE__ */ mutable_source(void 0, true), u2 = /* @__PURE__ */ mutable_source(void 0, true), d2 = /* @__PURE__ */ mutable_source(void 0, true), f2 = /* @__PURE__ */ mutable_source(void 0, true), p2 = /* @__PURE__ */ mutable_source(void 0, true), _2 = /* @__PURE__ */ mutable_source(void 0, true), g2 = /* @__PURE__ */ mutable_source(void 0, true), v2 = /* @__PURE__ */ mutable_source(void 0, true), h2 = /* @__PURE__ */ mutable_source(void 0, true), m2 = {
+  const [s2, i2] = setup_stores(), $heights = () => store_get(y2, "$heights", s2), $effect = () => store_get(get$1(Q2), "$effect", s2), o2 = /* @__PURE__ */ mutable_source(void 0, true), a2 = /* @__PURE__ */ mutable_source(void 0, true), l2 = /* @__PURE__ */ mutable_source(void 0, true), c2 = /* @__PURE__ */ mutable_source(void 0, true), u2 = /* @__PURE__ */ mutable_source(void 0, true), d2 = /* @__PURE__ */ mutable_source(void 0, true), f2 = /* @__PURE__ */ mutable_source(void 0, true), p2 = /* @__PURE__ */ mutable_source(void 0, true), g2 = /* @__PURE__ */ mutable_source(void 0, true), _2 = /* @__PURE__ */ mutable_source(void 0, true), v2 = /* @__PURE__ */ mutable_source(void 0, true), h2 = /* @__PURE__ */ mutable_source(void 0, true), m2 = {
     toast: "",
     title: "",
     description: "",
@@ -2715,15 +2715,15 @@ function Toast(e2, t2) {
     default: "",
     info: "",
     loading: ""
-  }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = Be;
-  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), M2 = prop(t2, "expanded", 9), S2 = prop(t2, "invert", 13), I2 = prop(t2, "position", 9), O2 = prop(t2, "visibleToasts", 9), T2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), q2 = prop(t2, "interacting", 9), W2 = prop(t2, "cancelButtonStyle", 9, ""), z2 = prop(t2, "actionButtonStyle", 9, ""), E2 = prop(t2, "duration", 9, 4e3), j2 = prop(t2, "descriptionClass", 9, ""), D2 = prop(t2, "classes", 29, () => ({})), N2 = prop(t2, "unstyled", 9, false), B2 = /* @__PURE__ */ mutable_source(false, true), A2 = /* @__PURE__ */ mutable_source(false, true), L2 = /* @__PURE__ */ mutable_source(false, true), G2 = /* @__PURE__ */ mutable_source(false, true), F2 = /* @__PURE__ */ mutable_source(0, true), H2 = /* @__PURE__ */ mutable_source(0, true), R2 = /* @__PURE__ */ mutable_source(void 0, true), U2 = /* @__PURE__ */ mutable_source(0, true), V2 = 0, K2 = 0, Y2 = null;
+  }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = Ae;
+  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), T2 = prop(t2, "position", 9), I2 = prop(t2, "visibleToasts", 9), O2 = prop(t2, "expandByDefault", 9), q2 = prop(t2, "closeButton", 9), P2 = prop(t2, "interacting", 9), W2 = prop(t2, "cancelButtonStyle", 9, ""), z2 = prop(t2, "actionButtonStyle", 9, ""), j2 = prop(t2, "duration", 9, 4e3), D2 = prop(t2, "descriptionClass", 9, ""), N2 = prop(t2, "classes", 29, () => ({})), B2 = prop(t2, "unstyled", 9, false), E2 = /* @__PURE__ */ mutable_source(false, true), A2 = /* @__PURE__ */ mutable_source(false, true), L2 = /* @__PURE__ */ mutable_source(false, true), G2 = /* @__PURE__ */ mutable_source(false, true), F2 = /* @__PURE__ */ mutable_source(0, true), H2 = /* @__PURE__ */ mutable_source(0, true), R2 = /* @__PURE__ */ mutable_source(void 0, true), U2 = /* @__PURE__ */ mutable_source(0, true), V2 = 0, K2 = 0, Y2 = null;
   function deleteToast() {
     set(A2, true), // Save the offset for the exit swipe animation
     set(F2, get$1(U2)), $2(k2().id), setTimeout(() => {
       x2(k2().id);
     }, 200);
   }
-  let Z2 = /* @__PURE__ */ mutable_source(void 0, true), J2 = /* @__PURE__ */ mutable_source(k2().duration || E2() || 4e3, true);
+  let Z2 = /* @__PURE__ */ mutable_source(void 0, true), J2 = /* @__PURE__ */ mutable_source(k2().duration || j2() || 4e3, true);
   function startTimer() {
     V2 = (/* @__PURE__ */ new Date()).getTime(), // Let the toast know it has started
     set(Z2, setTimeout(() => {
@@ -2733,21 +2733,21 @@ function Toast(e2, t2) {
   }
   let Q2 = /* @__PURE__ */ mutable_source(void 0, true);
   onMount(() => {
-    set(B2, true);
+    set(E2, true);
     const e3 = get$1(R2).getBoundingClientRect().height;
     return set(H2, e3), w2({
       toastId: k2().id,
       height: e3
     }), () => $2(k2().id);
-  }), legacy_pre_effect(() => deep_read_state(D2()), () => {
-    D2({
+  }), legacy_pre_effect(() => deep_read_state(N2()), () => {
+    N2({
       ...m2,
-      ...D2()
+      ...N2()
     });
   }), legacy_pre_effect(() => deep_read_state(C2()), () => {
     set(o2, 0 === C2());
-  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(O2())), () => {
-    set(a2, C2() + 1 <= O2());
+  }), 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()), () => {
@@ -2760,25 +2760,25 @@ function Toast(e2, t2) {
     set(f2, k2().descriptionClass || "");
   }), legacy_pre_effect(() => ($heights(), deep_read_state(k2())), () => {
     set(p2, $heights().findIndex((e3) => e3.toastId === k2().id) || 0);
-  }), legacy_pre_effect(() => deep_read_state(I2()), () => {
-    set(_2, I2().split("-"));
+  }), legacy_pre_effect(() => deep_read_state(T2()), () => {
+    set(g2, T2().split("-"));
   }), legacy_pre_effect(() => ($heights(), get$1(p2)), () => {
-    set(g2, $heights().reduce((e3, t3, n3) => (
+    set(_2, $heights().reduce((e3, t3, n3) => (
       // Calculate offset up untill current  toast
       n3 >= get$1(p2) ? e3 : e3 + t3.height
     ), 0));
-  }), legacy_pre_effect(() => (deep_read_state(S2()), deep_read_state(k2())), () => {
-    S2(k2().invert || S2());
+  }), legacy_pre_effect(() => (deep_read_state(M2()), deep_read_state(k2())), () => {
+    M2(k2().invert || M2());
   }), legacy_pre_effect(() => get$1(u2), () => {
     set(v2, "loading" === get$1(u2));
-  }), legacy_pre_effect(() => (get$1(p2), get$1(g2)), () => {
-    set(U2, Math.round(14 * get$1(p2) + get$1(g2)));
+  }), legacy_pre_effect(() => (get$1(p2), get$1(_2)), () => {
+    set(U2, Math.round(14 * get$1(p2) + get$1(_2)));
   }), legacy_pre_effect(() => (get$1(l2), get$1(c2)), () => {
     get$1(l2), get$1(c2), // Listen to height changes
     async function updateHeights() {
-      if (!get$1(B2)) return;
+      if (!get$1(E2)) return;
       let e3;
-      await tick(), e3 = M2() || T2() ? 1 : 1 - 0.05 * C2(), get$1(R2).style.setProperty("height", "auto");
+      await tick(), e3 = S2() || O2() ? 1 : 1 - 0.05 * C2(), get$1(R2).style.setProperty("height", "auto");
       const t3 = get$1(R2).offsetHeight, n3 = get$1(R2).getBoundingClientRect().height, s3 = Math.round(100 * (n3 / e3 + Number.EPSILON)) / 100;
       let i3;
       get$1(R2).style.removeProperty("height"), // Use scaledRectHeight as it's more precise
@@ -2787,20 +2787,20 @@ function Toast(e2, t2) {
         height: i3
       });
     }();
-  }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(Z2), deep_read_state(E2())), () => {
+  }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(Z2), deep_read_state(j2())), () => {
     k2().updated && // if the toast has been updated after the initial render,
     // we want to reset the timer and set the remaining time to the
     // new duration
-    (clearTimeout(get$1(Z2)), set(J2, k2().duration || E2() || 4e3), startTimer());
+    (clearTimeout(get$1(Z2)), set(J2, k2().duration || j2() || 4e3), startTimer());
   }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(u2)), () => {
     set(h2, k2().promise && "loading" === get$1(u2) || k2().duration === Number.POSITIVE_INFINITY);
-  }), legacy_pre_effect(() => (get$1(h2), deep_read_state(M2()), deep_read_state(q2()), get$1(Z2)), () => {
+  }), legacy_pre_effect(() => (get$1(h2), deep_read_state(S2()), deep_read_state(P2()), get$1(Z2)), () => {
     var e3;
     !function store_unsub(e4, t3, n3) {
       let s3 = n3[t3];
       return s3 && s3.store !== e4 && // Don't reset store yet, so that store_get above can resubscribe to new store if necessary
       (s3.unsubscribe(), s3.unsubscribe = noop), e4;
-    }(set(Q2, (e3 = () => (get$1(h2) || (M2() || q2() ? (
+    }(set(Q2, (e3 = () => (get$1(h2) || (S2() || P2() ? (
       // If toast's duration changes, it will be out of sync with the
       // remainingAtTimeout, so we know we need to restart the timer
       // with the new duration
@@ -2820,16 +2820,16 @@ function Toast(e2, t2) {
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
     k2().delete && deleteToast();
   }), legacy_pre_effect_reset(), init(true);
-  var ee2 = Ye();
+  var ee2 = Ze();
   let te2;
   set_attribute(ee2, "tabindex", 0);
   var ne2 = child(ee2), consequent = (e3) => {
-    var t3 = Ge();
+    var t3 = Fe();
     template_effect((e4) => {
       set_attribute(t3, "data-disabled", get$1(v2)), set_class(t3, 1, e4);
     }, [() => {
       var _a2, _b2, _c2;
-      return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.closeButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.closeButton));
+      return clsx(cn((_a2 = N2()) == null ? void 0 : _a2.closeButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.closeButton));
     }], derived_safe_equal), event("click", t3, function(...e4) {
       var _a2;
       (_a2 = get$1(v2) ? void 0 : () => {
@@ -2839,7 +2839,7 @@ function Toast(e2, t2) {
     }), append(e3, t3);
   };
   if_block(ne2, (e3) => {
-    P2() && !k2().component && e3(consequent);
+    q2() && !k2().component && e3(consequent);
   });
   var re2 = sibling(ne2, 2), consequent_1 = (e3) => {
     var t3 = comment();
@@ -2851,8 +2851,8 @@ function Toast(e2, t2) {
       }));
     }), append(e3, t3);
   }, alternate = (e3) => {
-    var n3 = Ke(), s3 = first_child(n3), consequent_8 = (e4) => {
-      var n4 = Fe(), s4 = child(n4), consequent_2 = (e5) => {
+    var n3 = Ye(), s3 = first_child(n3), consequent_8 = (e4) => {
+      var n4 = He(), s4 = child(n4), consequent_2 = (e5) => {
         var n5 = comment();
         slot(first_child(n5), t2, "loading-icon", {}, null), append(e5, n5);
       };
@@ -2905,7 +2905,7 @@ function Toast(e2, t2) {
       ("default" !== get$1(u2) || k2().icon || k2().promise) && e4(consequent_8);
     });
     var i3 = sibling(s3, 2), o3 = child(i3), consequent_10 = (e4) => {
-      var t3 = He(), n4 = child(t3), consequent_9 = (e5) => {
+      var t3 = Re(), n4 = child(t3), consequent_9 = (e5) => {
         var t4 = comment();
         component(first_child(t4), () => k2().title, (e6, t5) => {
           t5(e6, spread_props(() => k2().componentProps));
@@ -2918,14 +2918,14 @@ function Toast(e2, t2) {
         "string" != typeof k2().title ? e5(consequent_9) : e5(alternate_5, false);
       }), template_effect((e5) => set_class(t3, 1, e5), [() => {
         var _a2, _b2, _c2;
-        return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.title, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.title));
+        return clsx(cn((_a2 = N2()) == null ? void 0 : _a2.title, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.title));
       }], derived_safe_equal), append(e4, t3);
     };
     if_block(o3, (e4) => {
       k2().title && e4(consequent_10);
     });
     var a3 = sibling(o3, 2), consequent_12 = (e4) => {
-      var t3 = Re(), n4 = child(t3), consequent_11 = (e5) => {
+      var t3 = Ue(), n4 = child(t3), consequent_11 = (e5) => {
         var t4 = comment();
         component(first_child(t4), () => k2().description, (e6, t5) => {
           t5(e6, spread_props(() => k2().componentProps));
@@ -2938,19 +2938,19 @@ function Toast(e2, t2) {
         "string" != typeof k2().description ? e5(consequent_11) : e5(alternate_6, false);
       }), template_effect((e5) => set_class(t3, 1, e5), [() => {
         var _a2, _b2;
-        return clsx(cn(j2(), get$1(f2), (_a2 = D2()) == null ? void 0 : _a2.description, (_b2 = k2().classes) == null ? void 0 : _b2.description));
+        return clsx(cn(D2(), get$1(f2), (_a2 = N2()) == 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 t3 = Ue(), n4 = child(t3);
+      var t3 = Ve(), n4 = child(t3);
       template_effect((e5) => {
         set_style(t3, W2()), 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));
+        return clsx(cn((_a2 = N2()) == null ? void 0 : _a2.cancelButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.cancelButton));
       }], derived_safe_equal), event("click", t3, () => {
         var _a2;
         deleteToast(), ((_a2 = k2().cancel) == null ? void 0 : _a2.onClick) && k2().cancel.onClick();
@@ -2960,12 +2960,12 @@ function Toast(e2, t2) {
       k2().cancel && e4(consequent_13);
     });
     var c3 = sibling(l3, 2), consequent_14 = (e4) => {
-      var t3 = Ve(), n4 = child(t3);
+      var t3 = Ke(), n4 = child(t3);
       template_effect((e5) => {
         set_style(t3, z2()), 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));
+        return clsx(cn((_a2 = N2()) == null ? void 0 : _a2.actionButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.actionButton));
       }], derived_safe_equal), event("click", t3, (e5) => {
         var _a2;
         (_a2 = k2().action) == null ? void 0 : _a2.onClick(e5), e5.defaultPrevented || deleteToast();
@@ -2979,7 +2979,7 @@ function Toast(e2, t2) {
     k2().component ? e3(consequent_1) : e3(alternate, false);
   }), bind_this(ee2, (e3) => set(R2, e3), () => get$1(R2)), template_effect((e3, t3, i3) => {
     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) || N2())), set_attribute(ee2, "data-mounted", get$1(B2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(A2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(_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(o2)), set_attribute(ee2, "data-swiping", get$1(L2)), set_attribute(ee2, "data-type", get$1(u2)), set_attribute(ee2, "data-invert", S2()), set_attribute(ee2, "data-swipe-out", get$1(G2)), set_attribute(ee2, "data-expanded", i3), te2 = set_style(ee2, `${n2.style} ${k2().style}`, te2, {
+    set_attribute(ee2, "aria-live", k2().important ? "assertive" : "polite"), set_class(ee2, 1, e3), set_attribute(ee2, "data-styled", !(k2().component || ((_a2 = k2()) == null ? void 0 : _a2.unstyled) || B2())), set_attribute(ee2, "data-mounted", get$1(E2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(A2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(g2)[0]), set_attribute(ee2, "data-x-position", get$1(g2)[1]), set_attribute(ee2, "data-index", C2()), set_attribute(ee2, "data-front", get$1(o2)), set_attribute(ee2, "data-swiping", get$1(L2)), set_attribute(ee2, "data-type", get$1(u2)), set_attribute(ee2, "data-invert", M2()), set_attribute(ee2, "data-swipe-out", get$1(G2)), set_attribute(ee2, "data-expanded", i3), te2 = set_style(ee2, `${n2.style} ${k2().style}`, te2, {
       "--index": C2(),
       "--toasts-before": C2(),
       "--z-index": store_get(b2, "$toasts", s2).length - C2(),
@@ -2988,8 +2988,8 @@ function Toast(e2, t2) {
     });
   }, [() => {
     var _a2, _b2, _c2, _d, _e3, _f;
-    return clsx(cn(n2.class, get$1(d2), (_a2 = D2()) == null ? void 0 : _a2.toast, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.toast, (_d = D2()) == null ? void 0 : _d[get$1(u2)], (_f = (_e3 = k2()) == null ? void 0 : _e3.classes) == null ? void 0 : _f[get$1(u2)]));
-  }, () => Boolean(k2().promise), () => Boolean(M2() || T2() && get$1(B2))], derived_safe_equal), event("pointerdown", ee2, function onPointerDown(e3) {
+    return clsx(cn(n2.class, get$1(d2), (_a2 = N2()) == null ? void 0 : _a2.toast, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.toast, (_d = N2()) == null ? void 0 : _d[get$1(u2)], (_f = (_e3 = k2()) == null ? void 0 : _e3.classes) == null ? void 0 : _f[get$1(u2)]));
+  }, () => Boolean(k2().promise), () => Boolean(S2() || O2() && get$1(E2))], derived_safe_equal), event("pointerdown", ee2, function onPointerDown(e3) {
     if (get$1(v2)) return;
     set(F2, get$1(U2));
     const t3 = e3.target;
@@ -3006,13 +3006,13 @@ function Toast(e2, t2) {
     get$1(R2).style.setProperty("--swipe-amount", "0px"), set(L2, false);
   }), event("pointermove", ee2, function onPointerMove(e3) {
     if (!Y2) return;
-    const t3 = e3.clientY - Y2.y, n3 = e3.clientX - Y2.x, s3 = ("top" === get$1(_2)[0] ? Math.min : Math.max)(0, t3), i3 = "touch" === e3.pointerType ? 10 : 2;
+    const t3 = e3.clientY - Y2.y, n3 = e3.clientX - Y2.x, s3 = ("top" === get$1(g2)[0] ? Math.min : Math.max)(0, t3), i3 = "touch" === e3.pointerType ? 10 : 2;
     Math.abs(s3) > i3 ? get$1(R2).style.setProperty("--swipe-amount", `${t3}px`) : Math.abs(n3) > i3 && // User is swiping in wrong direction so we disable swipe gesture
     // for the current pointer down interaction
     (Y2 = null);
   }), append(e2, ee2), pop(), i2();
 }
-var Ze = /* @__PURE__ */ template("<ol></ol>"), Je = /* @__PURE__ */ template('<section class="svelte-1fo5d1m"></section>');
+var Je = /* @__PURE__ */ template("<ol></ol>"), Xe = /* @__PURE__ */ template('<section class="svelte-1fo5d1m"></section>');
 function Toaster(e2, t2) {
   const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]), s2 = legacy_rest_props(n2, ["invert", "theme", "position", "hotkey", "containerAriaLabel", "richColors", "expand", "duration", "visibleToasts", "closeButton", "toastOptions", "offset", "dir"]);
   push(t2, false);
@@ -3023,43 +3023,43 @@ function Toaster(e2, t2) {
     const e3 = document.documentElement.getAttribute("dir");
     return "auto" !== e3 && e3 ? e3 : window.getComputedStyle(document.documentElement).direction;
   }
-  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"]), g2 = prop(t2, "containerAriaLabel", 8, "Notifications"), v2 = prop(t2, "richColors", 8, false), h2 = prop(t2, "expand", 8, false), m2 = prop(t2, "duration", 8, 4e3), b2 = prop(t2, "visibleToasts", 8, 3), y2 = prop(t2, "closeButton", 8, false), $2 = prop(t2, "toastOptions", 24, () => ({})), w2 = prop(t2, "offset", 8, null), x2 = prop(t2, "dir", 24, getDocumentDirection);
-  const { toasts: k2, heights: C2, reset: M2 } = Be;
-  let S2 = /* @__PURE__ */ mutable_source(false), I2 = /* @__PURE__ */ mutable_source(false), O2 = /* @__PURE__ */ mutable_source(function getInitialTheme(e3) {
+  let d2 = prop(t2, "invert", 8, false), f2 = prop(t2, "theme", 8, "light"), p2 = prop(t2, "position", 8, "bottom-right"), g2 = prop(t2, "hotkey", 24, () => ["altKey", "KeyT"]), _2 = prop(t2, "containerAriaLabel", 8, "Notifications"), v2 = prop(t2, "richColors", 8, false), h2 = prop(t2, "expand", 8, false), m2 = prop(t2, "duration", 8, 4e3), b2 = prop(t2, "visibleToasts", 8, 3), y2 = prop(t2, "closeButton", 8, false), $2 = prop(t2, "toastOptions", 24, () => ({})), w2 = prop(t2, "offset", 8, null), x2 = prop(t2, "dir", 24, getDocumentDirection);
+  const { toasts: k2, heights: C2, reset: S2 } = Ae;
+  let M2 = /* @__PURE__ */ mutable_source(false), T2 = /* @__PURE__ */ mutable_source(false), I2 = /* @__PURE__ */ mutable_source(function getInitialTheme(e3) {
     return "system" !== e3 ? e3 : "undefined" != typeof window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? c2 : u2;
-  }(f2())), P2 = /* @__PURE__ */ mutable_source(), q2 = null, W2 = false;
+  }(f2())), q2 = /* @__PURE__ */ mutable_source(), P2 = null, W2 = false;
   function handleBlur(e3) {
-    W2 && !e3.currentTarget.contains(e3.relatedTarget) && (W2 = false, q2 && (q2.focus({
+    W2 && !e3.currentTarget.contains(e3.relatedTarget) && (W2 = false, P2 && (P2.focus({
       preventScroll: true
-    }), q2 = null));
+    }), P2 = null));
   }
   function handleFocus(e3) {
-    W2 || (W2 = true, q2 = e3.relatedTarget);
+    W2 || (W2 = true, P2 = e3.relatedTarget);
   }
   !function onDestroy(e3) {
-    null === T && lifecycle_outside_component(), onMount(() => () => untrack(e3));
+    null === O && lifecycle_outside_component(), onMount(() => () => untrack(e3));
   }(() => {
-    get$1(P2) && q2 && (q2.focus({
+    get$1(q2) && P2 && (P2.focus({
       preventScroll: true
-    }), q2 = null, W2 = false);
+    }), P2 = null, W2 = false);
   }), onMount(() => {
-    M2();
+    S2();
     const handleKeydown = (e3) => {
       var _a2, _b2;
-      _2().every((t3) => (
+      g2().every((t3) => (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         e3[t3] || e3.code === t3
-      )) && (set(S2, true), (_a2 = get$1(P2)) == null ? void 0 : _a2.focus()), "Escape" !== e3.code || document.activeElement !== get$1(P2) && !((_b2 = get$1(P2)) == null ? void 0 : _b2.contains(document.activeElement)) || set(S2, false);
+      )) && (set(M2, true), (_a2 = get$1(q2)) == null ? void 0 : _a2.focus()), "Escape" !== e3.code || document.activeElement !== get$1(q2) && !((_b2 = get$1(q2)) == null ? void 0 : _b2.contains(document.activeElement)) || set(M2, false);
     };
     return document.addEventListener("keydown", handleKeydown), () => {
       document.removeEventListener("keydown", handleKeydown);
     };
   }), legacy_pre_effect(() => (deep_read_state(p2()), $toasts()), () => {
     set(a2, Array.from(new Set([p2(), ...$toasts().filter((e3) => e3.position).map((e3) => e3.position)].filter(Boolean))));
-  }), legacy_pre_effect(() => deep_read_state(_2()), () => {
-    set(l2, _2().join("+").replace(/Key/g, "").replace(/Digit/g, ""));
+  }), legacy_pre_effect(() => deep_read_state(g2()), () => {
+    set(l2, g2().join("+").replace(/Key/g, "").replace(/Digit/g, ""));
   }), legacy_pre_effect(() => $toasts(), () => {
-    $toasts().length <= 1 && set(S2, false);
+    $toasts().length <= 1 && set(M2, false);
   }), legacy_pre_effect(() => $toasts(), () => {
     const e3 = $toasts().filter((e4) => e4.dismiss && !e4.delete);
     if (e3.length > 0) {
@@ -3070,17 +3070,17 @@ function Toaster(e2, t2) {
       k2.set(t3);
     }
   }), legacy_pre_effect(() => deep_read_state(f2()), () => {
-    if ("system" !== f2() && set(O2, f2()), "undefined" != typeof window) {
+    if ("system" !== f2() && set(I2, 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(O2, c2)
+        set(I2, c2)
       ) : (
         // it's not dark
-        set(O2, u2)
+        set(I2, u2)
       ));
       const e3 = window.matchMedia("(prefers-color-scheme: dark)"), changeHandler = ({ matches: e4 }) => {
-        set(O2, e4 ? c2 : u2);
+        set(I2, e4 ? c2 : u2);
       };
       "addEventListener" in e3 ? e3.addEventListener("change", changeHandler) : (
         // @ts-expect-error deprecated API
@@ -3088,10 +3088,10 @@ function Toaster(e2, t2) {
       );
     }
   }), legacy_pre_effect_reset(), init();
-  var z2 = comment(), E2 = first_child(z2), consequent = (e3) => {
-    var o3 = Je();
+  var z2 = comment(), j2 = first_child(z2), consequent = (e3) => {
+    var o3 = Xe();
     set_attribute(o3, "tabindex", -1), each(o3, 5, () => get$1(a2), index, (e4, o4, a3, l3) => {
-      var c3 = Ze();
+      var c3 = Je();
       let u3;
       each(c3, 7, () => $toasts().filter((e5) => !e5.position && 0 === a3 || e5.position === get$1(o4)), (e5) => e5.id, (e5, n3, s3, i3) => {
         const a4 = /* @__PURE__ */ derived_safe_equal(() => {
@@ -3109,7 +3109,7 @@ function Toaster(e2, t2) {
         }), 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);
+        }), g3 = /* @__PURE__ */ derived_safe_equal(() => $2().unstyled || false);
         Toast(e5, {
           get index() {
             return get$1(s3);
@@ -3127,7 +3127,7 @@ function Toaster(e2, t2) {
             return y2();
           },
           get interacting() {
-            return get$1(I2);
+            return get$1(T2);
           },
           get position() {
             return get$1(o4);
@@ -3136,7 +3136,7 @@ function Toaster(e2, t2) {
             return h2();
           },
           get expanded() {
-            return get$1(S2);
+            return get$1(M2);
           },
           get actionButtonStyle() {
             return get$1(a4);
@@ -3157,7 +3157,7 @@ function Toaster(e2, t2) {
             return get$1(p3);
           },
           get unstyled() {
-            return get$1(_3);
+            return get$1(g3);
           },
           $$slots: {
             "loading-icon": (e6, s4) => {
@@ -3205,36 +3205,36 @@ function Toaster(e2, t2) {
             }
           }
         });
-      }), bind_this(c3, (e5) => set(P2, e5), () => get$1(P2)), template_effect((e5, t3, o5) => {
+      }), bind_this(c3, (e5) => set(q2, e5), () => get$1(q2)), template_effect((e5, t3, o5) => {
         var _a2;
         u3 = set_attributes(c3, u3, {
           tabIndex: -1,
           class: n2.class,
           "data-sonner-toaster": true,
-          "data-theme": get$1(O2),
+          "data-theme": get$1(I2),
           "data-rich-colors": v2(),
           dir: e5,
           "data-y-position": t3,
           "data-x-position": o5,
           style: n2.style,
           ...s2,
-          [ge]: {
+          [_e]: {
             "--front-toast-height": `${(_a2 = store_get(C2, "$heights", i2)[0]) == null ? void 0 : _a2.height}px`,
             "--offset": "number" == typeof w2() ? `${w2()}px` : w2() || "32px",
             "--width": "356px",
             "--gap": "14px"
           }
         }, "svelte-1fo5d1m"), c3.dir = c3.dir;
-      }, [() => "auto" === x2() ? getDocumentDirection() : x2(), () => get$1(o4).split("-")[0], () => get$1(o4).split("-")[1]], derived_safe_equal), event("blur", c3, handleBlur), event("focus", c3, handleFocus), event("mouseenter", c3, () => set(S2, true)), event("mousemove", c3, () => set(S2, true)), event("mouseleave", c3, () => {
-        get$1(I2) || set(S2, false);
-      }), event("pointerdown", c3, () => set(I2, true)), event("pointerup", c3, () => set(I2, false)), append(e4, c3);
-    }), template_effect(() => set_attribute(o3, "aria-label", `${g2()} ${get$1(l2)}`)), append(e3, o3);
+      }, [() => "auto" === x2() ? getDocumentDirection() : x2(), () => get$1(o4).split("-")[0], () => get$1(o4).split("-")[1]], derived_safe_equal), event("blur", c3, handleBlur), event("focus", c3, handleFocus), event("mouseenter", c3, () => set(M2, true)), event("mousemove", c3, () => set(M2, true)), event("mouseleave", c3, () => {
+        get$1(T2) || set(M2, false);
+      }), event("pointerdown", c3, () => set(T2, true)), event("pointerup", c3, () => set(T2, false)), append(e4, c3);
+    }), template_effect(() => set_attribute(o3, "aria-label", `${_2()} ${get$1(l2)}`)), append(e3, o3);
   };
-  if_block(E2, (e3) => {
+  if_block(j2, (e3) => {
     $toasts().length > 0 && e3(consequent);
   }), append(e2, z2), pop(), o2();
 }
-const Xe = new (_b = class {
+const Qe = new (_b = class {
   constructor() {
     __privateAdd(this, _PlayLightAPI_instances);
     this.baseUrl = "https://api.playlight.dev/platform", this.cachedCategories = null, this.currentGame = null;
@@ -3260,7 +3260,7 @@ const Xe = new (_b = class {
       }
       return await s2.json();
     } catch (e3) {
-      Le.error("Error: " + e3), console.error("Playlight API error:", e3);
+      Ge.error("Error: " + e3), console.error("Playlight API error:", e3);
     }
   }
   // Get all categories
@@ -3314,14 +3314,26 @@ const Xe = new (_b = class {
   const e2 = window.location.hostname;
   return e2.startsWith("www.") ? e2.substring(4) : e2;
 }, _b)();
+var et = /* @__PURE__ */ template('<div><p class="font-bold text-white uppercase"> </p></div>');
+function GameBadge(e2, t2) {
+  let n2 = prop(t2, "isHovered", 3, false);
+  var s2 = et();
+  let i2;
+  var o2 = child(s2), a2 = child(o2);
+  template_effect((e3) => {
+    i2 = set_class(s2, 1, "bg-background absolute top-4 right-4 z-12 px-2 py-0.5 transition-opacity select-none", null, i2, e3), set_text(a2, t2.text);
+  }, [() => ({
+    "opacity-0": n2()
+  })]), append(e2, s2);
+}
 var on_click$3 = (e2, t2, n2, s2, i2) => {
-  !get$1(t2) || get$1(n2) ? (Xe.trackClick(i2.game.id), window.open("https://" + i2.game.domain + "?utm_source=playlight", "_blank", "noopener")) : s2();
-}, Qe = /* @__PURE__ */ template('<div><p class="font-bold text-white uppercase">New</p></div>'), et = /* @__PURE__ */ template('<video playsinline="" loop preload="auto"></video>', 2), tt = /* @__PURE__ */ template('<div class="bg-background/25 text-muted-foreground z-12 flex items-center justify-center gap-1 border-t p-1 px-2 text-sm"><!> <p class="text-muted-foreground text-sm">Tap again to open</p></div>'), nt = /* @__PURE__ */ template('<div class="bg-background/75 absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden text-white backdrop-blur-xl"><div class="h-full w-full overflow-y-auto p-3"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <!> <div></div></div>'), rt = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" loading="eager"> <!> <img alt="game logo" loading="eager"></div>');
+  !get$1(t2) || get$1(n2) ? (Qe.trackClick(i2.game.id), window.open("https://" + i2.game.domain + "?utm_source=playlight", "_blank", "noopener")) : s2();
+}, tt = /* @__PURE__ */ template('<video playsinline="" loop preload="auto"></video>', 2), nt = /* @__PURE__ */ template('<div class="bg-background/25 text-muted-foreground z-12 flex items-center justify-center gap-1 border-t p-1 px-2 text-sm"><!> <p class="text-muted-foreground text-sm">Tap again to open</p></div>'), rt = /* @__PURE__ */ template('<div class="bg-background/75 absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden text-white backdrop-blur-xl"><div class="h-full w-full overflow-y-auto p-3"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <!> <div></div></div>'), st = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" loading="eager"> <!> <img alt="game logo" loading="eager"></div>');
 function GameCard(e2, t2) {
   push(t2, true);
   const [n2, s2] = setup_stores();
-  let i2, o2 = prop(t2, "compact", 3, false), a2 = state(false), l2 = state(false), c2 = state(void 0), u2 = state(false), d2 = state(false), f2 = state(false), p2 = state(false), _2 = state(void 0);
-  function handleMouseEnter() {
+  let i2, o2 = prop(t2, "compact", 3, false), a2 = state(false), l2 = state(false), c2 = state(void 0), u2 = state(false), d2 = state(false), f2 = state(false), p2 = state(false), g2 = state(void 0);
+  function handleHover() {
     get$1(a2) || get$1(p2) || function playSound(e3, t3 = 1) {
       try {
         const n3 = new Audio(e3);
@@ -3329,37 +3341,45 @@ function GameCard(e2, t2) {
       } catch (e4) {
         console.error("Error playing sound:", e4);
       }
-    }(store_get(Te, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), set(a2, true), clearTimeout(i2), i2 = setTimeout(() => set(l2, true), 300), get$1(c2) && t2.game.cover_video_url && get$1(c2).play().catch((e3) => console.error("Video play error:", e3));
-  }
-  function handleMouseLeave() {
-    get$1(p2) || (get$1(c2) && get$1(u2) && get$1(c2).pause(), setUnhovered());
+    }(store_get(qe, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), set(a2, true), clearTimeout(i2), i2 = setTimeout(() => set(l2, true), 300), get$1(c2) && t2.game.cover_video_url && get$1(c2).play().catch((e3) => console.error("Video play error:", e3));
   }
-  function setUnhovered() {
-    set(a2, false), clearTimeout(i2), set(l2, false);
+  function handleUnhover() {
+    get$1(c2) && get$1(u2) && get$1(c2).pause(), set(a2, false), clearTimeout(i2), set(l2, false);
   }
-  user_effect(() => {
-    set(p2, "ontouchstart" in window);
-  });
-  var g2 = rt();
-  event("touchstart", q, () => set(p2, true), void 0, true), event("touchstart", W, (e3) => {
-    get$1(_2) && !get$1(_2).contains(e3.target) && setUnhovered();
-  }, void 0, true), g2.__click = [on_click$3, p2, l2, handleMouseEnter, t2];
-  var v2 = child(g2), consequent = (e3) => {
-    var t3 = Qe();
-    let n3;
-    template_effect((e4) => n3 = set_class(t3, 1, "bg-background absolute top-4 right-4 z-12 px-2 py-0.5 transition-opacity select-none", null, n3, e4), [() => ({
-      "opacity-0": get$1(a2)
-    })]), append(e3, t3);
+  var _2 = st();
+  event("touchstart", W, (e3) => {
+    get$1(g2) && !get$1(g2).contains(e3.target) && handleUnhover();
+  }, void 0, true), event("pointerdown", W, (e3) => set(p2, "touch" === e3.pointerType)), event("pointermove", W, (e3) => set(p2, "touch" === e3.pointerType)), _2.__click = [on_click$3, p2, l2, handleHover, t2];
+  var v2 = child(_2), consequent = (e3) => {
+    GameBadge(e3, {
+      get isHovered() {
+        return get$1(a2);
+      },
+      text: "Featured"
+    });
+  }, alternate = (e3, n3) => {
+    var consequent_1 = (e4) => {
+      GameBadge(e4, {
+        get isHovered() {
+          return get$1(a2);
+        },
+        text: "New"
+      });
+    };
+    if_block(e3, (e4) => {
+      var _a2;
+      (function isNewGame(e5) {
+        const t3 = /* @__PURE__ */ new Date();
+        return t3.setDate(t3.getDate() - 7), new Date(e5) > t3;
+      })((_a2 = t2.game) == null ? void 0 : _a2.created_at) && e4(consequent_1);
+    }, n3);
   };
   if_block(v2, (e3) => {
     var _a2;
-    (function isNewGame(e4) {
-      const t3 = /* @__PURE__ */ new Date();
-      return t3.setDate(t3.getDate() - 7), new Date(e4) > t3;
-    })((_a2 = t2.game) == null ? void 0 : _a2.created_at) && e3(consequent);
+    ((_a2 = t2.game) == null ? void 0 : _a2.featured) ? e3(consequent) : e3(alternate, false);
   });
-  var h2 = sibling(v2, 2), consequent_1 = (e3) => {
-    var n3 = et();
+  var h2 = sibling(v2, 2), consequent_2 = (e3) => {
+    var n3 = tt();
     let s3;
     n3.muted = true, bind_this(n3, (e4) => set(c2, e4), () => get$1(c2)), template_effect((e4) => {
       set_attribute(n3, "src", t2.game.cover_video_url), s3 = set_class(n3, 1, "absolute top-0 left-0 z-5 h-full w-full object-cover opacity-0", null, s3, e4);
@@ -3370,13 +3390,13 @@ function GameCard(e2, t2) {
     }), append(e3, n3);
   };
   if_block(h2, (e3) => {
-    t2.game.cover_video_url && e3(consequent_1);
+    t2.game.cover_video_url && e3(consequent_2);
   });
   var m2 = sibling(h2, 2);
   let b2;
-  var y2 = sibling(m2, 2), consequent_3 = (e3) => {
-    var n3 = nt(), s3 = child(n3), i3 = child(s3), o3 = child(i3), a3 = child(sibling(i3, 2)), l3 = sibling(s3, 2), consequent_2 = (e4) => {
-      var t3 = tt();
+  var y2 = sibling(m2, 2), consequent_4 = (e3) => {
+    var n3 = rt(), s3 = child(n3), i3 = child(s3), o3 = child(i3), a3 = child(sibling(i3, 2)), l3 = sibling(s3, 2), consequent_3 = (e4) => {
+      var t3 = nt();
       !function Info(e5, t4) {
         const n4 = legacy_rest_props(t4, ["children", "$$slots", "$$events", "$$legacy"]);
         Icon$1(e5, spread_props({
@@ -3404,7 +3424,7 @@ function GameCard(e2, t2) {
       }), append(e4, t3);
     };
     if_block(l3, (e4) => {
-      get$1(p2) && e4(consequent_2);
+      get$1(p2) && e4(consequent_3);
     });
     var c3 = sibling(l3, 2);
     template_effect(() => {
@@ -3412,21 +3432,21 @@ function GameCard(e2, t2) {
     }), transition(3, n3, () => slide), append(e3, n3);
   };
   if_block(y2, (e3) => {
-    get$1(a2) && e3(consequent_3);
+    get$1(a2) && e3(consequent_4);
   });
   var $2 = sibling(y2, 2);
   let w2;
-  bind_this(g2, (e3) => set(_2, e3), () => get$1(_2)), template_effect((e3, n3) => {
-    set_class(g2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] h-1/2 max-h-[75vh] cursor-pointer flex-col shadow-xl transition hover:outline-2 lg:h-3/7 ${(get$1(d2) ? "" : "animate-pulse") ?? ""} ${(o2() ? "min-h-62" : "min-h-92") ?? ""}`, "svelte-o63m4o"), set_attribute(m2, "src", t2.game.cover_image_url), b2 = set_class(m2, 1, "prevent-image-select absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-o63m4o", null, b2, e3), set_attribute($2, "src", t2.game.logo_url), w2 = set_class($2, 1, "prevent-image-select absolute right-0 -bottom-[18%] left-0 z-10 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 shadow-xl transition group-hover:outline-2 svelte-o63m4o", null, w2, n3);
+  bind_this(_2, (e3) => set(g2, e3), () => get$1(g2)), template_effect((e3, n3) => {
+    set_class(_2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] h-1/2 max-h-[75vh] cursor-pointer flex-col shadow-xl transition hover:outline-2 lg:h-3/7 ${(get$1(d2) ? "" : "animate-pulse") ?? ""} ${(o2() ? "min-h-62" : "min-h-92") ?? ""}`, "svelte-o63m4o"), set_attribute(m2, "src", t2.game.cover_image_url), b2 = set_class(m2, 1, "prevent-image-select absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-o63m4o", null, b2, e3), set_attribute($2, "src", t2.game.logo_url), w2 = set_class($2, 1, "prevent-image-select absolute right-0 -bottom-[18%] left-0 z-10 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 shadow-xl transition group-hover:outline-2 svelte-o63m4o", null, w2, n3);
   }, [() => ({
     "opacity-100": get$1(d2) && (!get$1(a2) || !get$1(u2) || !t2.game.cover_video_url)
   }), () => ({
     "opacity-100": get$1(f2)
-  })]), event("mouseenter", g2, handleMouseEnter), event("focus", g2, handleMouseEnter), event("mouseleave", g2, handleMouseLeave), event("blur", g2, handleMouseLeave), event("load", m2, () => {
+  })]), event("mouseenter", _2, handleHover), event("mouseleave", _2, handleUnhover), event("load", m2, () => {
     set(d2, true);
   }), event("load", $2, () => {
     set(f2, true);
-  }), append(e2, g2), pop(), s2();
+  }), append(e2, _2), pop(), s2();
 }
 function backInOut(e2) {
   const t2 = 2.5949095;
@@ -3458,7 +3478,7 @@ function flip(e2, { from: t2, to: n2 }, s2 = {}) {
       t3.parentElement;
       return n3;
     }(e2)
-  ), p2 = e2.clientWidth / n2.width / f2, _2 = e2.clientHeight / n2.height / f2, g2 = t2.left + t2.width * u2, v2 = t2.top + t2.height * d2, h2 = n2.left + n2.width * u2, m2 = n2.top + n2.height * d2, b2 = (g2 - h2) * p2, y2 = (v2 - m2) * _2, $2 = t2.width / n2.width, w2 = t2.height / n2.height;
+  ), p2 = e2.clientWidth / n2.width / f2, g2 = e2.clientHeight / n2.height / f2, _2 = t2.left + t2.width * u2, v2 = t2.top + t2.height * d2, h2 = n2.left + n2.width * u2, m2 = n2.top + n2.height * d2, b2 = (_2 - h2) * p2, y2 = (v2 - m2) * g2, $2 = t2.width / n2.width, w2 = t2.height / n2.height;
   return {
     delay: i2,
     duration: "function" == typeof o2 ? o2(Math.sqrt(b2 * b2 + y2 * y2)) : o2,
@@ -3469,10 +3489,10 @@ function flip(e2, { from: t2, to: n2 }, s2 = {}) {
 delegate(["click"]);
 var on_click$2 = (e2, t2, n2) => {
   set(t2, ""), set(n2, !get$1(n2));
-}, st = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), it = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, s2, i2) => {
+}, it = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), ot = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, s2, i2) => {
   var _a2;
   t2(n2), set(s2, false), (_a2 = i2.onCategoryChange) == null ? void 0 : _a2.call(i2);
-}, ot = /* @__PURE__ */ template("<button> </button>"), at = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), lt = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-22 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur-xl"><div class="border-b p-3"><div class="relative"><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-1"><!></div> <input type="text" placeholder="Search categories..." class="w-full border-0 p-1 pl-10 text-white focus:ring-0 focus:outline-none"></div></div> <div class="max-h-60 overflow-y-auto"><!></div></div>'), ct = /* @__PURE__ */ template('<div class="flex w-full flex-col"><h1 class="mb-0! text-center text-2xl font-bold text-white drop-shadow-xl sm:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-black transition hover:rotate-5"><span class="max-w-[40vw] truncate text-2xl font-bold text-black sm:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
+}, at = /* @__PURE__ */ template("<button> </button>"), lt = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), ct = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-22 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur-xl"><div class="border-b p-3"><div class="relative"><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-1"><!></div> <input type="text" placeholder="Search categories..." class="w-full border-0 p-1 pl-10 text-white focus:ring-0 focus:outline-none"></div></div> <div class="max-h-60 overflow-y-auto"><!></div></div>'), ut = /* @__PURE__ */ template('<div class="flex w-full flex-col"><h1 class="mb-0! text-center text-2xl font-bold text-white drop-shadow-xl sm:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-black transition hover:rotate-5"><span class="max-w-[40vw] truncate text-2xl font-bold text-black sm:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
 function Navigation(e2, t2) {
   push(t2, true);
   let n2, s2 = prop(t2, "categories", 19, () => []), i2 = prop(t2, "selectedCategory", 15), o2 = state(false), a2 = user_derived(() => i2() || (s2().length > 0 ? s2()[0] : "...")), l2 = state(""), c2 = state(void 0), u2 = user_derived(() => get$1(l2) ? s2().filter((e3) => e3.toLowerCase().includes(get$1(l2).toLowerCase())) : s2());
@@ -3481,12 +3501,12 @@ function Navigation(e2, t2) {
   onMount(() => {
     set(f2, d2[Math.floor(Math.random() * (d2 == null ? void 0 : d2.length))], true);
   });
-  var p2 = ct();
+  var p2 = ut();
   event("click", W, (e3) => {
     var _a2;
     !get$1(c2) || ((_a2 = get$1(c2)) == null ? void 0 : _a2.contains(e3.target)) || (n2 == null ? void 0 : n2.contains(e3.target)) || set(o2, false);
   });
-  var _2 = child(p2), g2 = child(_2), v2 = child(g2), h2 = sibling(g2, 2);
+  var g2 = child(p2), _2 = child(g2), v2 = child(_2), h2 = sibling(_2, 2);
   h2.__click = [on_click$2, l2, o2];
   var m2 = child(h2), b2 = child(m2), y2 = sibling(m2, 2);
   const $2 = user_derived(() => get$1(o2) ? "rotate-180 transform" : "");
@@ -3513,8 +3533,8 @@ function Navigation(e2, t2) {
       return `mt-1 ml-1 text-black ${get$1($2) ?? ""} transition-transform duration-200`;
     }
   }), bind_this(h2, (e3) => n2 = e3, () => n2);
-  var w2 = sibling(_2, 2), consequent_2 = (e3) => {
-    var n3 = lt(), a3 = child(n3), d3 = child(a3), f3 = child(d3);
+  var w2 = sibling(g2, 2), consequent_2 = (e3) => {
+    var n3 = ct(), a3 = child(n3), d3 = child(a3), f3 = child(d3);
     !function Search(e4, t3) {
       const n4 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
       Icon$1(e4, spread_props({
@@ -3540,15 +3560,15 @@ function Navigation(e2, t2) {
       strokeWidth: 2.5,
       class: "text-muted-foreground"
     });
-    var p3 = sibling(f3, 2), _3 = child(sibling(a3, 2)), consequent = (e4) => {
-      append(e4, st());
+    var p3 = sibling(f3, 2), g3 = child(sibling(a3, 2)), consequent = (e4) => {
+      append(e4, it());
     }, alternate = (e4, n4) => {
       var consequent_1 = (e5) => {
-        append(e5, it());
+        append(e5, ot());
       }, alternate_1 = (e5) => {
-        var n5 = at();
+        var n5 = lt();
         each(n5, 28, () => get$1(u2), (e6) => e6, (e6, n6) => {
-          var s3 = ot();
+          var s3 = at();
           s3.__click = [on_click_1$1, i2, n6, o2, t2];
           var a4 = child(s3);
           template_effect(() => {
@@ -3619,7 +3639,7 @@ function Navigation(e2, t2) {
         0 === get$1(u2).length ? e5(consequent_1) : e5(alternate_1, false);
       }, n4);
     };
-    if_block(_3, (e4) => {
+    if_block(g3, (e4) => {
       0 === s2().length ? e4(consequent) : e4(alternate, false);
     }), bind_this(n3, (e4) => set(c2, e4), () => get$1(c2)), function bind_value(e4, t3, n4 = t3) {
       var s3 = is_runes();
@@ -3657,7 +3677,7 @@ function Navigation(e2, t2) {
   })), append(e2, p2), pop();
 }
 delegate(["click"]);
-var ut = /* @__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 select-none">From other categories</div> <div class="bg-muted-foreground h-1/5 w-px min-[1920px]:h-1/4"></div></div></div></div>');
+var dt = /* @__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 select-none">From other categories</div> <div class="bg-muted-foreground h-1/5 w-px min-[1920px]:h-1/4"></div></div></div></div>');
 function restore(e2, t2, n2, s2, i2, o2) {
   set(t2, false), set(n2, true), set(s2, 250), set(i2, 0), o2(250, 0, 250, (e3, t3, n3) => {
     set(s2, e3 * (1 - n3)), set(i2, n3, true);
@@ -3667,31 +3687,33 @@ async function toggleLike(e2, t2, n2, s2) {
   var _a2;
   if (!((_a2 = t2.currentGame) == null ? void 0 : _a2.id)) return;
   const i2 = !get$1(n2);
-  set(n2, !get$1(n2)), set(s2, get$1(s2) + (i2 ? 1 : -1)), // Save to localStorage
+  store_set(Oe, i2), set(n2, !get$1(n2)), // Toggle liked state
+  // Save to localStorage
   i2 ? localStorage.setItem(`playlight_${t2.currentGame.id}_liked`, "true") : localStorage.removeItem(`playlight_${t2.currentGame.id}_liked`);
-  await Xe.toggleLike(t2.currentGame.id, i2) || set(s2, get$1(s2) + (i2 ? -1 : 1));
+  await Qe.toggleLike(t2.currentGame.id, i2) || store_set(Oe, !i2);
 }
-var dt = /* @__PURE__ */ template('<div class="bg-background/85 fixed bottom-4 left-4 z-2 flex touch-none flex-wrap items-center gap-1 border-1 p-4 text-start shadow-lg backdrop-blur-xl max-sm:right-4 sm:w-72" role="button" tabindex="0"><div class="w-full"><p class="text-muted-foreground text-sm select-none">Currently playing</p></div> <div class="flex w-full items-center gap-2"><img alt="logo"> <p class="text-white max-w-2/3 truncate text-lg font-bold"> </p> <div class="mt-0.5 ml-auto flex items-center gap-2"><p class="text-muted-foreground text-sm"> </p> <button class="text-muted-foreground cursor-pointer transition hover:text-white"><!></button></div></div></div>'), ft = /* @__PURE__ */ template('<div class="fixed bottom-0 z-3 shadow-xl max-sm:right-4 max-sm:left-4 sm:left-4 sm:w-72"><button class="bg-background/85 hover:bg-background/95 w-full rounded-t-md border px-4 py-1.5 backdrop-blur-sm transition" aria-label="Show game display"><div class="bg-muted-foreground mx-auto h-px w-16"></div></button></div>'), pt = /* @__PURE__ */ template("<!> <!>", 1);
+var ft = /* @__PURE__ */ template('<div class="bg-background/85 fixed bottom-4 left-4 z-2 flex touch-none flex-wrap items-center gap-1 border-1 p-4 text-start shadow-lg backdrop-blur-xl max-sm:right-4 sm:w-72" role="button" tabindex="0"><div class="w-full"><p class="text-muted-foreground text-sm select-none">Currently playing</p></div> <div class="flex w-full items-center gap-2"><img alt="logo"> <p class="max-w-2/3 truncate text-lg font-bold text-white"> </p> <div class="mt-0.5 ml-auto flex items-center gap-2"><p class="text-muted-foreground text-sm"> </p> <button class="text-muted-foreground cursor-pointer transition hover:text-white"><!></button></div></div></div>'), pt = /* @__PURE__ */ template('<div class="fixed bottom-0 z-3 shadow-xl max-sm:right-4 max-sm:left-4 sm:left-4 sm:w-72"><button class="bg-background/85 hover:bg-background/95 w-full rounded-t-md border px-4 py-1.5 backdrop-blur-sm transition" aria-label="Show game display"><div class="bg-muted-foreground mx-auto h-px w-16"></div></button></div>'), gt = /* @__PURE__ */ template("<!> <!>", 1);
 function CurrentGameDisplay(e2, t2) {
   var _a2;
   push(t2, true);
-  let n2 = state(false), s2 = state(true), i2 = state(false), o2 = state(0), a2 = state(1), l2 = state(false), c2 = state(false), u2 = state(proxy(((_a2 = t2.currentGame) == null ? void 0 : _a2.likes) || 0)), d2 = 0;
+  const [n2, s2] = setup_stores(), $likedInThisSession = () => store_get(Oe, "$likedInThisSession", n2);
+  let i2 = state(false), o2 = state(true), a2 = state(false), l2 = state(0), c2 = state(1), u2 = state(false), d2 = state(false), f2 = state(proxy(((_a2 = t2.currentGame) == null ? void 0 : _a2.likes) || 0)), p2 = 0;
   function startDrag(e3) {
-    set(l2, true), d2 = e3.type.includes("touch") ? e3.touches[0].clientY : e3.clientY;
+    set(u2, true), p2 = e3.type.includes("touch") ? e3.touches[0].clientY : e3.clientY;
   }
   function drag(e3) {
-    if (!get$1(l2)) return;
-    const t3 = e3.type.includes("touch") ? e3.touches[0].clientY : e3.clientY, n3 = Math.max(0, t3 - d2);
-    set(o2, n3, true), set(a2, Math.max(0, 1 - n3 / 150), true), n3 > 40 && function hide() {
-      set(l2, false), animate2(get$1(o2), 250, 250, (e4, t4, n4) => {
-        set(o2, e4 + (t4 - e4) * n4), set(a2, Math.max(0, 1 - 1.5 * n4), true), 1 === n4 && (set(s2, false), set(i2, true));
+    if (!get$1(u2)) return;
+    const t3 = e3.type.includes("touch") ? e3.touches[0].clientY : e3.clientY, n3 = Math.max(0, t3 - p2);
+    set(l2, n3, true), set(c2, Math.max(0, 1 - n3 / 150), true), n3 > 40 && function hide() {
+      set(u2, false), animate2(get$1(l2), 250, 250, (e4, t4, n4) => {
+        set(l2, e4 + (t4 - e4) * n4), set(c2, Math.max(0, 1 - 1.5 * n4), true), 1 === n4 && (set(o2, false), set(a2, true));
       });
     }();
   }
   function endDrag() {
-    get$1(l2) && (set(l2, false), get$1(o2) < 40 && function animateBack() {
-      animate2(get$1(o2), 0, 250, (e3, t3, n3) => {
-        set(o2, e3 * (1 - n3)), set(a2, 1);
+    get$1(u2) && (set(u2, false), get$1(l2) < 40 && function animateBack() {
+      animate2(get$1(l2), 0, 250, (e3, t3, n3) => {
+        set(l2, e3 * (1 - n3)), set(c2, 1);
       });
     }());
   }
@@ -3704,28 +3726,28 @@ function CurrentGameDisplay(e2, t2) {
   }
   user_effect(() => {
     var _a3, _b2;
-    ((_a3 = t2.currentGame) == null ? void 0 : _a3.id) && (set(c2, null !== localStorage.getItem(`playlight_${t2.currentGame.id}_liked`)), set(u2, ((_b2 = t2.currentGame) == null ? void 0 : _b2.likes) || 0, true));
+    null != ((_a3 = t2.currentGame) == null ? void 0 : _a3.id) && (set(d2, null !== localStorage.getItem(`playlight_${t2.currentGame.id}_liked`)), set(f2, ((_b2 = t2.currentGame) == null ? void 0 : _b2.likes) || 0, true));
   });
-  var f2 = pt(), p2 = first_child(f2), consequent = (e3) => {
-    var s3 = dt();
-    s3.__mousedown = startDrag, s3.__mousemove = drag, s3.__mouseup = endDrag, s3.__touchstart = startDrag, s3.__touchmove = drag, s3.__touchend = endDrag;
-    var i3 = sibling(child(s3), 2), l3 = child(i3);
-    let d3;
-    var f3 = sibling(l3, 2), p3 = child(f3), _3 = child(sibling(f3, 2)), g2 = child(_3), v2 = sibling(_3, 2);
-    v2.__click = [toggleLike, t2, c2, u2];
-    var h2 = child(v2);
-    const m2 = user_derived(() => get$1(c2) ? "currentColor" : "none");
+  var g2 = gt(), _2 = first_child(g2), consequent = (e3) => {
+    var n3 = ft();
+    n3.__mousedown = startDrag, n3.__mousemove = drag, n3.__mouseup = endDrag, n3.__touchstart = startDrag, n3.__touchmove = drag, n3.__touchend = endDrag;
+    var s3 = sibling(child(n3), 2), o3 = child(s3);
+    let a3;
+    var u3 = sibling(o3, 2), p3 = child(u3), g3 = child(sibling(u3, 2)), _3 = child(g3), v3 = sibling(g3, 2);
+    v3.__click = [toggleLike, t2, d2, $likedInThisSession];
+    var h2 = child(v3);
+    const m2 = user_derived(() => get$1(d2) ? "currentColor" : "none");
     !function Thumbs_up(e4, t3) {
-      const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
+      const n4 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
       Icon$1(e4, spread_props({
         name: "thumbs-up"
-      }, () => n3, {
+      }, () => n4, {
         iconNode: [["path", {
           d: "M7 10v12"
         }], ["path", {
           d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"
         }]],
-        children: (e5, n4) => {
+        children: (e5, n5) => {
           var s4 = comment();
           slot(first_child(s4), t3, "default", {}, null), append(e5, s4);
         },
@@ -3742,46 +3764,50 @@ function CurrentGameDisplay(e2, t2) {
       style: "margin-top: -5px;"
     }), template_effect((e4) => {
       var _a3, _b2;
-      set_style(s3, `transform: translateY(${get$1(o2) ?? ""}px); opacity: ${get$1(a2) ?? ""}; cursor: grab;`), set_attribute(l3, "src", (_a3 = t2.currentGame) == null ? void 0 : _a3.logo_url), d3 = set_class(l3, 1, "bg-muted h-5 w-5 select-none", null, d3, e4), set_text(p3, ((_b2 = t2.currentGame) == null ? void 0 : _b2.name) || "Default name"), set_text(g2, get$1(u2)), set_style(v2, `color: ${(get$1(c2) ? "white !important" : "") ?? ""};`), set_attribute(v2, "aria-label", get$1(c2) ? "Unlike game" : "Like game");
+      set_style(n3, `transform: translateY(${get$1(l2) ?? ""}px); opacity: ${get$1(c2) ?? ""}; cursor: grab;`), set_attribute(o3, "src", (_a3 = t2.currentGame) == null ? void 0 : _a3.logo_url), a3 = set_class(o3, 1, "bg-muted h-5 w-5 select-none", null, a3, e4), set_text(p3, ((_b2 = t2.currentGame) == null ? void 0 : _b2.name) || "Default name"), set_text(_3, $likedInThisSession() ? get$1(f2) + 1 : get$1(f2)), set_style(v3, `color: ${(get$1(d2) ? "white !important" : "") ?? ""};`), set_attribute(v3, "aria-label", get$1(d2) ? "Unlike game" : "Like game");
     }, [() => ({
-      "animate-pulse": !get$1(n2)
-    })]), event("mouseleave", s3, endDrag), event("load", l3, () => {
-      set(n2, true);
-    }), append(e3, s3);
+      "animate-pulse": !get$1(i2)
+    })]), event("mouseleave", n3, endDrag), event("load", o3, () => {
+      set(i2, true);
+    }), append(e3, n3);
   };
-  if_block(p2, (e3) => {
-    t2.currentGame && get$1(s2) && e3(consequent);
+  if_block(_2, (e3) => {
+    t2.currentGame && get$1(o2) && e3(consequent);
   });
-  var _2 = sibling(p2, 2), consequent_1 = (e3) => {
-    var t3 = ft(), n3 = child(t3);
-    n3.__mousedown = [restore, i2, s2, o2, a2, animate2], n3.__touchstart = [restore, i2, s2, o2, a2, animate2], transition(3, n3, () => fly, () => ({
+  var v2 = sibling(_2, 2), consequent_1 = (e3) => {
+    var t3 = pt(), n3 = child(t3);
+    n3.__mousedown = [restore, a2, o2, l2, c2, animate2], n3.__touchstart = [restore, a2, o2, l2, c2, animate2], transition(3, n3, () => fly, () => ({
       delay: 150,
       y: 30
     })), append(e3, t3);
   };
-  if_block(_2, (e3) => {
-    t2.currentGame && get$1(i2) && e3(consequent_1);
-  }), append(e2, f2), pop();
+  if_block(v2, (e3) => {
+    t2.currentGame && get$1(a2) && e3(consequent_1);
+  }), append(e2, g2), pop(), s2();
 }
 function closeDiscoveryOnEmptyClick(e2, t2) {
-  e2.target === e2.currentTarget && store_set(Oe, false);
+  e2.target === e2.currentTarget && store_set(Ie, false);
 }
 delegate(["mousedown", "mousemove", "mouseup", "touchstart", "touchmove", "touchend", "click"]);
-var on_click$1 = (e2, t2) => store_set(Oe, false), _t = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), gt = /* @__PURE__ */ template('<div class="pointer-events-none flex h-4/5 items-center justify-center gap-4"><p class="text-white">No games found that match the filter.</p></div>'), vt = /* @__PURE__ */ template("<!> <!>", 1), ht = /* @__PURE__ */ template('<div class="flex h-30 items-center"><!></div>'), mt = /* @__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 min-h-10 w-full justify-center"><!></div></div>'), bt = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md" id="playlight-discovery"><div class="pointer-events-none flex items-center justify-between p-4"><img alt="logo" class="pointer-events-none ml-3 w-50 max-sm:w-40"> <div class="mt-3.5 mr-4 flex items-center justify-evenly gap-8 overflow-hidden max-sm:mt-3"><button class="cursor-pointer text-white transition hover:opacity-50"><!></button></div></div> <div class="mx-auto px-6 max-sm:py-1 sm:pt-2 sm:pb-6"><!></div> <!>  <div class="mask-fade show-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-44gflq"><!></div> <a href="https://playlight.dev" target="_blank" class="text-muted-foreground fixed right-4 bottom-4 flex items-center gap-1 text-sm transition hover:text-white">Game dev? Join Playlight <!></a></div>');
+var on_click$1 = (e2, t2) => store_set(Ie, false), _t = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), vt = /* @__PURE__ */ template('<div class="pointer-events-none flex h-4/5 items-center justify-center gap-4"><p class="text-white">No games found that match the filter.</p></div>'), ht = /* @__PURE__ */ template("<!> <!>", 1), mt = /* @__PURE__ */ template('<div class="flex h-30 items-center"><!></div>'), bt = /* @__PURE__ */ template('<div class="mx-auto flex h-full flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="flex min-h-10 w-full justify-center"><!></div></div>'), yt = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md" id="playlight-discovery"><div class="pointer-events-none flex items-center justify-between p-4"><img alt="logo" class="pointer-events-none ml-3 w-50 max-sm:w-40"> <div class="mt-3.5 mr-4 flex items-center justify-evenly gap-8 overflow-hidden max-sm:mt-3"><button class="cursor-pointer text-white transition hover:opacity-50"><!></button></div></div> <div class="mx-auto px-6 max-sm:py-1 sm:pt-2 sm:pb-6"><!></div> <!>  <div class="mask-fade show-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-44gflq"><!></div> <a href="https://playlight.dev" target="_blank" class="text-muted-foreground fixed right-4 bottom-4 flex items-center gap-1 text-sm transition hover:text-white">Game dev? Join Playlight <!></a></div>');
 function DiscoveryOverlay(e2, t2) {
   push(t2, true);
-  const [n2, s2] = setup_stores(), $discoveryOpen = () => store_get(Oe, "$discoveryOpen", n2);
-  let i2, o2 = state(true), a2 = state(false), l2 = state(void 0), c2 = state(proxy([])), u2 = state(void 0), d2 = state(proxy([])), f2 = state(1), p2 = state(true), _2 = state(false), g2 = state(void 0), v2 = state(void 0);
+  const [n2, s2] = setup_stores(), $discoveryOpen = () => store_get(Ie, "$discoveryOpen", n2);
+  let i2, o2 = state(true), a2 = state(false), l2 = state(void 0), c2 = state(proxy([])), u2 = state(void 0), d2 = state(proxy([])), f2 = state(1), p2 = state(true), g2 = state(false), _2 = state(void 0), v2 = state(void 0);
   async function loadNewFeed() {
-    set(d2, [], true), set(f2, 1), set(p2, true), set(_2, false), await fetchGames();
+    var _a2, _b2;
+    set(d2, [], true), set(f2, 1), set(p2, true), set(g2, false), ((_a2 = get$1(l2)) == null ? void 0 : _a2.featured_game) && get$1(u2) == ((_b2 = get$1(l2)) == null ? void 0 : _b2.category) && get$1(d2).push({
+      ...get$1(l2).featured_game,
+      featured: true
+    }), await fetchGames();
   }
   async function fetchGames() {
     if (get$1(o2) || get$1(a2)) return;
     1 === get$1(f2) ? set(o2, true) : set(a2, true);
-    const e3 = get$1(_2) ? null : get$1(u2), t3 = await Xe.getSuggestions(e3, get$1(f2)), n3 = (t3 == null ? void 0 : t3.games) || [], s3 = (t3 == null ? void 0 : t3.pageSize) || 15, i3 = n3.filter((e4) => !get$1(d2).some((t4) => t4.id === e4.id));
-    if (set(d2, [...get$1(d2), ...i3], true), n3.length < s3 ? !get$1(_2) && get$1(u2) ? (set(_2, true), set(f2, 1)) : set(p2, false) : set(f2, get$1(f2) + 1), // Disable loading state
-    set(o2, false), set(a2, false), get$1(p2) && get$1(g2)) {
-      get$1(g2).getBoundingClientRect().bottom <= window.innerHeight + 300 && fetchGames();
+    const e3 = get$1(g2) ? null : get$1(u2), t3 = await Qe.getSuggestions(e3, get$1(f2)), n3 = (t3 == null ? void 0 : t3.games) || [], s3 = (t3 == null ? void 0 : t3.pageSize) || 15, i3 = n3.filter((e4) => !get$1(d2).some((t4) => t4.id === e4.id));
+    if (set(d2, [...get$1(d2), ...i3], true), n3.length < s3 ? !get$1(g2) && get$1(u2) ? (set(g2, true), set(f2, 1)) : set(p2, false) : set(f2, get$1(f2) + 1), // Disable loading state
+    set(o2, false), set(a2, false), get$1(p2) && get$1(_2)) {
+      get$1(_2).getBoundingClientRect().bottom <= window.innerHeight + 300 && fetchGames();
     }
   }
   onMount(() => (i2 = new IntersectionObserver((e3) => {
@@ -3790,15 +3816,15 @@ function DiscoveryOverlay(e2, t2) {
     rootMargin: "300px",
     root: get$1(v2)
   }), () => i2 == null ? void 0 : i2.disconnect())), user_effect(() => {
-    get$1(g2) && i2 && i2.observe(get$1(g2));
+    get$1(_2) && i2 && i2.observe(get$1(_2));
   }), onMount(async () => {
     var _a2, _b2, _c2;
-    set(l2, await Xe.getCurrentGameInfo(), true), set(c2, await Xe.getCategories(), true), set(u2, ((_a2 = get$1(l2)) == null ? void 0 : _a2.category) || ((_c2 = get$1(c2)) == null ? void 0 : _c2[((_b2 = get$1(c2)) == null ? void 0 : _b2.length) - 1]), true), set(o2, false), // Initial loading done, but loading will be set to true again by fetchGames
+    set(l2, await Qe.getCurrentGameInfo(), true), set(c2, await Qe.getCategories(), true), set(u2, ((_a2 = get$1(l2)) == null ? void 0 : _a2.category) || ((_c2 = get$1(c2)) == null ? void 0 : _c2[((_b2 = get$1(c2)) == null ? void 0 : _b2.length) - 1]), true), set(o2, false), // Initial loading done, but loading will be set to true again by fetchGames
     await loadNewFeed();
   });
-  var h2 = bt();
+  var h2 = yt();
   event("keydown", W, (e3) => {
-    "Escape" == e3.key && store_set(Oe, false);
+    "Escape" == e3.key && store_set(Ie, false);
   }), h2.__click = [closeDiscoveryOnEmptyClick, $discoveryOpen];
   var m2 = child(h2), b2 = child(m2), y2 = child(sibling(b2, 2));
   y2.__click = [on_click$1, $discoveryOpen], function X(e3, t3) {
@@ -3853,15 +3879,15 @@ function DiscoveryOverlay(e2, t2) {
     }), append(e3, t3);
   }, alternate = (e3, t3) => {
     var consequent_1 = (e4) => {
-      append(e4, gt());
+      append(e4, vt());
     }, alternate_1 = (e4) => {
-      var t4 = mt(), n3 = child(t4);
+      var t4 = bt(), n3 = child(t4);
       each(n3, 17, () => get$1(d2), index, (e5, t5, n4) => {
-        var s4 = vt();
-        const i4 = user_derived(() => get$1(d2).findIndex((e6) => e6.category !== get$1(u2)));
+        var s4 = ht();
+        const i4 = user_derived(() => get$1(d2).findIndex((e6) => e6.category !== get$1(u2) && !e6.featured));
         var o3 = first_child(s4), consequent_2 = (e6) => {
           !function GameCategorySeperator(e7) {
-            append(e7, ut());
+            append(e7, dt());
           }(e6);
         };
         if_block(o3, (e6) => {
@@ -3873,7 +3899,7 @@ function DiscoveryOverlay(e2, t2) {
         }), append(e5, s4);
       });
       var s3 = sibling(n3, 2), i3 = child(s3), consequent_3 = (e5) => {
-        var t5 = ht();
+        var t5 = mt();
         Loader_circle(child(t5), {
           class: "animate-spin opacity-75",
           size: 40,
@@ -3882,7 +3908,7 @@ function DiscoveryOverlay(e2, t2) {
       };
       if_block(i3, (e5) => {
         get$1(a2) && e5(consequent_3);
-      }), bind_this(s3, (e5) => set(g2, e5), () => get$1(g2)), append(e4, t4);
+      }), bind_this(s3, (e5) => set(_2, e5), () => get$1(_2)), append(e4, t4);
     };
     if_block(e3, (e4) => {
       0 !== get$1(d2).length || get$1(o2) ? e4(alternate_1, false) : e4(consequent_1);
@@ -3914,14 +3940,14 @@ function DiscoveryOverlay(e2, t2) {
     }));
   }(sibling(child(C2)), {
     size: 14
-  }), template_effect(() => set_attribute(b2, "src", store_get(Te, "$projectUrl", n2) + "/static/images/logo-white-small.png")), transition(3, h2, () => blur, () => ({
+  }), template_effect(() => set_attribute(b2, "src", store_get(qe, "$projectUrl", n2) + "/static/images/logo-white-small.png")), transition(3, h2, () => blur, () => ({
     duration: 250
   })), append(e2, h2), pop(), s2();
 }
 delegate(["click"]);
-var yt = /* @__PURE__ */ template("<button><!></button>");
+var $t = /* @__PURE__ */ template("<button><!></button>");
 function Button(e2, t2) {
-  var n2 = yt();
+  var n2 = $t();
   n2.__click = function(...e3) {
     var _a2;
     (_a2 = t2.onclick) == null ? void 0 : _a2.apply(this, e3);
@@ -3933,10 +3959,12 @@ function Button(e2, t2) {
         o2(i2, ...n3)
       )));
     }, w);
-  }(child(n2), () => t2.children ?? noop), template_effect(() => set_class(n2, 1, `bg-white hover:bg-background hover:text-white text-md cursor-pointer px-3 py-2 font-bold uppercase transition text-nowrap inline-flex items-center ${t2.class ?? ""}`)), append(e2, n2);
+  }(child(n2), () => t2.children ?? noop), template_effect(() => set_class(n2, 1, `hover:bg-background text-md inline-flex cursor-pointer items-center bg-white px-3 py-2 font-bold text-nowrap text-black uppercase transition hover:text-white ${t2.class ?? ""}`)), append(e2, n2);
 }
 delegate(["click"]);
-var $t = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-4"></div>'), wt = /* @__PURE__ */ template('<div class="relative"><img alt="" class="bg-foreground group-hover:outline-background relative h-7 w-7 outline outline-4 outline-white transition-colors select-none"></div>'), xt = /* @__PURE__ */ template('<div class="ml-3 flex items-center -space-x-2"></div>'), kt = /* @__PURE__ */ template("More games <!>", 1), Ct = /* @__PURE__ */ template('<div role="menu" tabindex="0" class="bg-background/85 fixed top-4 right-4 left-4 z-99998 mx-auto flex w-fit flex-wrap items-center gap-4 border-1 p-4 shadow-lg backdrop-blur-xl"><p class="text-lg font-semibold text-nowrap text-white"> </p> <!></div>'), Mt = /* @__PURE__ */ template("<!> <!>", 1);
+var on_pointerover = (e2, t2) => {
+  "touch" !== e2.pointerType && t2();
+}, wt = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-4"></div>'), xt = /* @__PURE__ */ template('<div class="relative"><img alt="" class="group-hover:outline-background relative h-7 w-7 bg-stone-200 outline outline-4 outline-white transition-colors select-none"></div>'), kt = /* @__PURE__ */ template('<div class="ml-3 flex items-center -space-x-2"></div>'), Ct = /* @__PURE__ */ template("More games <!>", 1), St = /* @__PURE__ */ template('<div role="menu" tabindex="0" class="bg-background/85 fixed top-4 right-4 left-4 z-99998 mx-auto flex w-fit max-w-[calc(100%-2rem)] flex-wrap items-center gap-4 overflow-hidden border-1 p-4 shadow-lg backdrop-blur-xl"><p class="truncate text-lg font-semibold text-nowrap text-white"> </p> <!></div>'), Mt = /* @__PURE__ */ template("<!> <!>", 1);
 function ExitIntentDetector(e2, t2) {
   push(t2, true);
   let n2, s2 = prop(t2, "enabled", 3, true), i2 = prop(t2, "immediate", 3, false), o2 = state(void 0), a2 = state(void 0), l2 = state(false), c2 = state(void 0);
@@ -3944,28 +3972,28 @@ function ExitIntentDetector(e2, t2) {
     setTimeout(() => {
       var _a2;
       n2 < Date.now() - 50 && (clearTimeout(get$1(c2)), set(c2, null), i2() ? (_a2 = t2.onIntent) == null ? void 0 : _a2.call(t2) : (!async function loadInitialSuggestions() {
-        const e3 = await Xe.getCategories(), t3 = await Xe.getCurrentGameInfo();
+        const e3 = await Qe.getCategories(), t3 = await Qe.getCurrentGameInfo();
         get$1(d2) || set(d2, (t3 == null ? void 0 : t3.category) || (e3 == null ? void 0 : e3[(e3 == null ? void 0 : e3.length) - 1]), true);
-        let n3 = await Xe.getSuggestions(get$1(d2), 1);
+        let n3 = await Qe.getSuggestions(get$1(d2), 1);
         set(f2, ((n3 == null ? void 0 : n3.games) || []).slice(0, 3), true);
       }(), set(l2, true)));
     }, 150);
   }
-  let u2 = ["The cure for boredom.", "Playtime’s just getting started.", "Why stop the fun now?", "Games don’t play themselves.", "A new adventure awaits.", "There’s always time for one more."], d2 = state(void 0), f2 = state(proxy([]));
+  let u2 = ["The cure for boredom.", "Ready for what’s next?", "Why stop the fun now?", "Games don’t play themselves.", "A new adventure awaits.", "There’s always time for one more."], d2 = state(void 0), f2 = state(proxy([]));
   var p2 = Mt();
-  event("mousemove", q, function trackMouse(e3) {
+  event("mousemove", P, function trackMouse(e3) {
     var _a2, _b2;
     !s2() || ((_a2 = get$1(o2)) == null ? void 0 : _a2.contains(e3.target)) || ((_b2 = get$1(a2)) == null ? void 0 : _b2.contains(e3.target)) || (!get$1(c2) && get$1(l2) && set(c2, setTimeout(() => set(l2, false), 1500), true), n2 = Date.now());
   });
-  var _2 = first_child(p2), consequent = (e3) => {
-    var t3 = $t();
-    t3.__mouseover = handleBarTrigger, bind_this(t3, (e4) => set(o2, e4), () => get$1(o2)), append(e3, t3);
+  var g2 = first_child(p2), consequent = (e3) => {
+    var t3 = wt();
+    t3.__pointerover = [on_pointerover, handleBarTrigger], bind_this(t3, (e4) => set(o2, e4), () => get$1(o2)), append(e3, t3);
   };
-  if_block(_2, (e3) => {
+  if_block(g2, (e3) => {
     s2() && e3(consequent);
   });
-  var g2 = sibling(_2, 2), consequent_2 = (e3) => {
-    var n3 = Ct(), s3 = child(n3), i3 = child(s3);
+  var _2 = sibling(g2, 2), consequent_2 = (e3) => {
+    var n3 = St(), s3 = child(n3), i3 = child(s3);
     Button(sibling(s3, 2), {
       class: "group",
       onclick: () => {
@@ -3973,10 +4001,10 @@ function ExitIntentDetector(e2, t2) {
         (_a2 = t2.onIntent) == null ? void 0 : _a2.call(t2), setTimeout(() => set(l2, false), 150);
       },
       children: (e4, t3) => {
-        var n4 = kt(), s4 = sibling(first_child(n4)), consequent_1 = (e5) => {
-          var t4 = xt();
+        var n4 = Ct(), s4 = sibling(first_child(n4)), consequent_1 = (e5) => {
+          var t4 = kt();
           each(t4, 21, () => get$1(f2), index, (e6, t5, n5) => {
-            var s5 = wt();
+            var s5 = xt();
             let i4;
             var o3 = child(s5);
             template_effect(() => {
@@ -4002,27 +4030,27 @@ function ExitIntentDetector(e2, t2) {
       duration: 500
     })), append(e3, n3);
   };
-  if_block(g2, (e3) => {
+  if_block(_2, (e3) => {
     get$1(l2) && e3(consequent_2);
   }), append(e2, p2), pop();
 }
-delegate(["mouseover"]);
-var St = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
+delegate(["pointerover"]);
+var Tt = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
 function App(e2, t2) {
   push(t2, true);
-  const [n2, s2] = setup_stores(), $discoveryOpen = () => store_get(Oe, "$discoveryOpen", n2), $config = () => store_get(t2.config, "$config", n2);
+  const [n2, s2] = setup_stores(), $discoveryOpen = () => store_get(Ie, "$discoveryOpen", n2), $config = () => store_get(t2.config, "$config", n2);
   function openDiscovery() {
-    $discoveryOpen() || (store_set(Oe, true), Xe.trackOpen());
+    $discoveryOpen() || (store_set(Ie, true), Qe.trackOpen());
   }
   let i2;
-  Oe.subscribe((e3) => {
+  Ie.subscribe((e3) => {
     try {
       e3 ? (i2 = document.body.style.overflow, document.body.style.overflow = "hidden") : document.body.style.overflow = i2;
     } catch (e4) {
       console.error("Failed to toggle body overflow style:", e4);
     }
   });
-  var o2 = St(), a2 = first_child(o2);
+  var o2 = Tt(), a2 = first_child(o2);
   const l2 = user_derived(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = $config()) == null ? void 0 : _a2.button) == null ? void 0 : _b2.position;
@@ -4094,13 +4122,13 @@ function deepMerge(e2, t2) {
 function isObject(e2) {
   return e2 && "object" == typeof e2 && !Array.isArray(e2);
 }
-var Tt = /* @__PURE__ */ template('<div class="flex h-62 w-full items-center justify-center"><!></div>'), Pt = /* @__PURE__ */ template('<div class="snap-center px-2"><!></div>'), qt = /* @__PURE__ */ template('<!> <div class="bg-background/85 my-auto mr-3 mb-30 ml-2 flex min-w-40 snap-center flex-wrap items-center justify-center gap-4 p-4 pb-6 shadow-lg backdrop-blur-xl"><p class="w-full text-center text-lg font-semibold text-white">Fancy more?</p> <!></div>', 1), on_click = (e2, t2, n2) => get$1(t2).scrollBy({
+var qt = /* @__PURE__ */ template('<div class="flex h-62 w-full items-center justify-center"><!></div>'), Pt = /* @__PURE__ */ template('<div class="snap-center px-2"><!></div>'), Wt = /* @__PURE__ */ template('<!> <div class="bg-background/85 my-auto mr-3 mb-30 ml-2 flex min-w-40 snap-center flex-wrap items-center justify-center gap-4 p-4 pb-6 shadow-lg backdrop-blur-xl"><p class="w-full text-center text-lg font-semibold text-white">Fancy more?</p> <!></div>', 1), on_click = (e2, t2, n2) => get$1(t2).scrollBy({
   left: 2 * -get$1(n2),
   behavior: "smooth"
-}), Wt = /* @__PURE__ */ template('<button class="bg-background/85 absolute top-4/9 left-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), on_click_1 = (e2, t2, n2) => get$1(t2).scrollBy({
+}), zt = /* @__PURE__ */ template('<button class="bg-background/85 absolute top-4/9 left-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), on_click_1 = (e2, t2, n2) => get$1(t2).scrollBy({
   left: 2 * get$1(n2),
   behavior: "smooth"
-}), zt = /* @__PURE__ */ template('<button class="bg-background/85 absolute top-4/9 right-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), Et = /* @__PURE__ */ template("<!> <!>", 1), jt = /* @__PURE__ */ template('<div class="playlight-sdk-container"><div class="relative flex h-full w-full snap-x gap-2 overflow-x-auto"><!></div> <!></div>');
+}), jt = /* @__PURE__ */ template('<button class="bg-background/85 absolute top-4/9 right-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), Dt = /* @__PURE__ */ template("<!> <!>", 1), Nt = /* @__PURE__ */ template('<div class="playlight-sdk-container"><div class="relative flex h-full w-full snap-x gap-2 overflow-x-auto"><!></div> <!></div>');
 function WidgetCarousel(e2, t2) {
   push(t2, true);
   const [n2, s2] = setup_stores();
@@ -4126,12 +4154,12 @@ function WidgetCarousel(e2, t2) {
 		)`);
   }
   onMount(async () => {
-    const e3 = await Xe.getCategories(), t3 = await Xe.getCurrentGameInfo();
+    const e3 = await Qe.getCategories(), t3 = await Qe.getCurrentGameInfo();
     if (set(a2, (t3 == null ? void 0 : t3.category) || (e3 == null ? void 0 : e3[(e3 == null ? void 0 : e3.length) - 1]), true), await async function fetchGames() {
       set(i2, true);
-      let e4 = await Xe.getSuggestions(get$1(a2), 1), t4 = (e4 == null ? void 0 : e4.games) || [];
+      let e4 = await Qe.getSuggestions(get$1(a2), 1), t4 = (e4 == null ? void 0 : e4.games) || [];
       if (t4.length < 10 && get$1(a2)) {
-        const e5 = await Xe.getSuggestions(null, 1), n3 = ((e5 == null ? void 0 : e5.games) || []).filter((e6) => !t4.some((t5) => t5.id === e6.id));
+        const e5 = await Qe.getSuggestions(null, 1), n3 = ((e5 == null ? void 0 : e5.games) || []).filter((e6) => !t4.some((t5) => t5.id === e6.id));
         t4 = [...t4, ...n3];
       }
       set(o2, t4.slice(0, 10), true), set(i2, false);
@@ -4140,15 +4168,15 @@ function WidgetCarousel(e2, t2) {
       updateMask(get$1(l2).scrollLeft, e4 - get$1(l2).scrollLeft);
     }
   });
-  var p2 = jt(), _2 = child(p2), g2 = child(_2), consequent = (e3) => {
-    var t3 = Tt();
+  var p2 = Nt(), g2 = child(p2), _2 = child(g2), consequent = (e3) => {
+    var t3 = qt();
     Loader_circle(child(t3), {
       class: "animate-spin opacity-75",
       size: 30,
       strokeWidth: 2.5
     }), append(e3, t3);
   }, alternate = (e3) => {
-    var t3 = qt(), n3 = first_child(t3);
+    var t3 = Wt(), n3 = first_child(t3);
     each(n3, 17, () => get$1(o2), index, (e4, t4) => {
       var n4 = Pt();
       GameCard(child(n4), {
@@ -4167,19 +4195,19 @@ function WidgetCarousel(e2, t2) {
     var s3 = sibling(n3, 2);
     Button(sibling(child(s3), 2), {
       onclick: () => {
-        store_set(Oe, true), Xe.trackOpen();
+        store_set(Ie, true), Qe.trackOpen();
       },
       children: (e4, t4) => {
         append(e4, text("See all"));
       }
     }), append(e3, t3);
   };
-  if_block(g2, (e3) => {
+  if_block(_2, (e3) => {
     get$1(i2) ? e3(consequent) : e3(alternate, false);
-  }), bind_this(_2, (e3) => set(l2, e3), () => get$1(l2));
-  var v2 = sibling(_2, 2), consequent_3 = (e3) => {
-    var t3 = Et(), n3 = first_child(t3), consequent_1 = (e4) => {
-      var t4 = Wt();
+  }), bind_this(g2, (e3) => set(l2, e3), () => get$1(l2));
+  var v2 = sibling(g2, 2), consequent_3 = (e3) => {
+    var t3 = Dt(), n3 = first_child(t3), consequent_1 = (e4) => {
+      var t4 = zt();
       t4.__click = [on_click, l2, c2], function Chevron_left(e5, t5) {
         const n4 = legacy_rest_props(t5, ["children", "$$slots", "$$events", "$$legacy"]);
         Icon$1(e5, spread_props({
@@ -4205,7 +4233,7 @@ function WidgetCarousel(e2, t2) {
       get$1(u2) && e4(consequent_1);
     });
     var s3 = sibling(n3, 2), consequent_2 = (e4) => {
-      var t4 = zt();
+      var t4 = jt();
       t4.__click = [on_click_1, l2, c2], function Chevron_right(e5, t5) {
         const n4 = legacy_rest_props(t5, ["children", "$$slots", "$$events", "$$legacy"]);
         Icon$1(e5, spread_props({
@@ -4233,7 +4261,7 @@ function WidgetCarousel(e2, t2) {
   };
   if_block(v2, (e3) => {
     get$1(o2).length > 0 && e3(consequent_3);
-  }), template_effect(() => set_style(_2, get$1(f2))), event("scroll", _2, (e3) => {
+  }), template_effect(() => set_style(g2, get$1(f2))), event("scroll", g2, (e3) => {
     const t3 = e3.target;
     set(u2, t3.scrollLeft > 20), set(d2, t3.scrollLeft < t3.scrollWidth - t3.clientWidth - 20), updateMask(t3.scrollLeft, t3.scrollWidth - t3.clientWidth - t3.scrollLeft);
   }), append(e2, p2), pop(), s2();
@@ -4252,13 +4280,13 @@ function initWidgets() {
   }
 }
 delegate(["click"]);
-const Dt = new /**
+const Bt = new /**
  * The PlaylightSDK class
  */
 (_c = class {
   constructor() {
     __privateAdd(this, _PlaylightSDK_instances);
-    this.container = null, this.isInitialized = false, this.config = writable(null), this.api = Xe;
+    this.container = null, this.isInitialized = false, this.config = writable(null), this.api = Qe;
   }
   /**
    * Initialize Playlight
@@ -4289,7 +4317,7 @@ const Dt = new /**
    * @param {boolean} [value=true] - Whether to show the discovery
    */
   setDiscovery(e2 = true) {
-    this.isInitialized && (Oe.set(e2), e2 && Xe.trackOpen());
+    this.isInitialized && (Ie.set(e2), e2 && Qe.trackOpen());
   }
   /**
    * Update the configuration
@@ -4316,8 +4344,8 @@ i_fn = function() {
     console.error("Playlight error occured during mount:", e2);
   }
 }, _c)();
-"undefined" != typeof window && (window.playlightSDK = Dt);
+"undefined" != typeof window && (window.playlightSDK = Bt);
 export {
-  Dt as default
+  Bt as default
 };
 //# sourceMappingURL=playlight-sdk.es.js.map