playlight-sdk 0.1.2 → 0.1.4

package/dist/playlight-sdk.es.js

@@ -18,7 +18,7 @@ function run(e2) {
 function run_all(e2) {
   for (var t2 = 0; t2 < e2.length; t2++) e2[t2]();
 }
-const f = 32, d = 64, p = 128, _ = 256, v = 512, g = 1024, h = 2048, m = 4096, b = 8192, y = 16384, $ = 65536, w = 1 << 20, x = Symbol("$state"), k = Symbol("legacy props"), C = Symbol("");
+const d = 32, f = 64, p = 128, _ = 256, g = 512, v = 1024, h = 2048, m = 4096, b = 8192, y = 16384, $ = 65536, w = 1 << 20, x = Symbol("$state"), k = Symbol("legacy props"), C = Symbol("");
 function equals(e2) {
   return e2 === this.v;
 }
@@ -33,20 +33,20 @@ const M = Symbol();
 function lifecycle_outside_component(e2) {
   throw new Error("https://svelte.dev/e/lifecycle_outside_component");
 }
-let T = null;
+let I = null;
 function set_component_context(e2) {
-  T = e2;
+  I = e2;
 }
 function push(e2, t2 = false, n2) {
-  T = {
-    p: T,
+  I = {
+    p: I,
     c: null,
     e: null,
     m: false,
     s: e2,
     x: null,
     l: null
-  }, S && !t2 && (T.l = {
+  }, S && !t2 && (I.l = {
     s: null,
     u: null,
     r1: [],
@@ -54,11 +54,11 @@ function push(e2, t2 = false, n2) {
   });
 }
 function pop(e2) {
-  const t2 = T;
+  const t2 = I;
   if (null !== t2) {
     const e3 = t2.e;
     if (null !== e3) {
-      var n2 = H, o2 = F;
+      var n2 = H, o2 = G;
       t2.e = null;
       try {
         for (var i2 = 0; i2 < e3.length; i2++) {
@@ -69,12 +69,12 @@ function pop(e2) {
         set_active_effect(n2), set_active_reaction(o2);
       }
     }
-    T = t2.p, t2.m = true;
+    I = t2.p, t2.m = true;
   }
   return {};
 }
 function is_runes() {
-  return !S || null !== T && null === T.l;
+  return !S || null !== I && null === I.l;
 }
 function source(e2, t2) {
   return {
@@ -96,14 +96,14 @@ 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
-  S && null !== T && null !== T.l && ((_a2 = T.l).s ?? (_a2.s = [])).push(n2), n2;
+  S && null !== I && null !== I.l && ((_a2 = I.l).s ?? (_a2.s = [])).push(n2), n2;
 }
 function mutable_state(e2, t2 = false) {
   return /* @__PURE__ */ push_derived_source(/* @__PURE__ */ mutable_source(e2, t2));
 }
 // @__NO_SIDE_EFFECTS__
 function push_derived_source(e2) {
-  return null !== F && !G && 2 & F.f && (null === R ? (
+  return null !== G && !F && 2 & G.f && (null === R ? (
     /**
     * @param {Source[] | null} sources
     */
@@ -113,7 +113,7 @@ function push_derived_source(e2) {
   ) : R.push(e2)), e2;
 }
 function set(e2, t2) {
-  return null !== F && !G && is_runes() && 18 & F.f && // If the source was created locally within the current derived, then
+  return null !== G && !F && is_runes() && 18 & G.f && // If the source was created locally within the current derived, then
   // we allow the mutation.
   (null === R || !R.includes(e2)) && /**
   * Updating state inside a derived or a template expression is forbidden. If the value should not be reactive, declare it without `$state`
@@ -128,7 +128,7 @@ function internal_set(e2, t2) {
   // 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++)`
-  is_runes() && null !== H && H.f & g && !(96 & H.f) && (null === U ? (
+  is_runes() && null !== H && H.f & v && !(96 & H.f) && (null === U ? (
     /** @param {null | Source[]} value */
     function set_untracked_writes(e3) {
       U = e3;
@@ -159,10 +159,10 @@ function proxy(e2, n2 = null, o2) {
   if ("object" != typeof e2 || null === e2 || x in e2) return e2;
   const i2 = u(e2);
   if (i2 !== l && i2 !== c) return e2;
-  var a2, f2 = /* @__PURE__ */ new Map(), d2 = t(e2), p2 = source(0);
-  return d2 && // We need to create the length source eagerly to ensure that
+  var a2, d2 = /* @__PURE__ */ new Map(), f2 = t(e2), p2 = source(0);
+  return f2 && // We need to create the length source eagerly to ensure that
   // mutations to the array are properly synced with our proxy
-  f2.set("length", source(
+  d2.set("length", source(
     /** @type {any[]} */
     e2.length
   )), new Proxy(
@@ -181,17 +181,17 @@ function proxy(e2, n2 = null, o2) {
         function state_descriptors_fixed() {
           throw new Error("https://svelte.dev/e/state_descriptors_fixed");
         }();
-        var o3 = f2.get(t2);
-        return void 0 === o3 ? (o3 = source(n3.value), f2.set(t2, o3)) : set(o3, proxy(n3.value, a2)), true;
+        var o3 = d2.get(t2);
+        return void 0 === o3 ? (o3 = source(n3.value), d2.set(t2, o3)) : set(o3, proxy(n3.value, a2)), true;
       },
       deleteProperty(e3, t2) {
-        var n3 = f2.get(t2);
-        if (void 0 === n3) t2 in e3 && f2.set(t2, source(M));
+        var n3 = d2.get(t2);
+        if (void 0 === n3) t2 in e3 && d2.set(t2, source(M));
         else {
-          if (d2 && "string" == typeof t2) {
+          if (f2 && "string" == typeof t2) {
             var o3 = (
               /** @type {Source<number>} */
-              f2.get("length")
+              d2.get("length")
             ), i3 = Number(t2);
             Number.isInteger(i3) && i3 < o3.v && set(o3, i3);
           }
@@ -202,10 +202,10 @@ function proxy(e2, n2 = null, o2) {
       get(t2, n3, o3) {
         var _a2;
         if (n3 === x) return e2;
-        var i3 = f2.get(n3), l2 = n3 in t2;
+        var i3 = d2.get(n3), l2 = n3 in t2;
         if (
           // create a source, but only if it's an own property and not a prototype property
-          void 0 !== i3 || l2 && !((_a2 = s(t2, n3)) == null ? void 0 : _a2.writable) || (i3 = source(proxy(l2 ? t2[n3] : M, a2)), f2.set(n3, i3)), void 0 !== i3
+          void 0 !== i3 || l2 && !((_a2 = s(t2, n3)) == null ? void 0 : _a2.writable) || (i3 = source(proxy(l2 ? t2[n3] : M, a2)), d2.set(n3, i3)), void 0 !== i3
         ) {
           var c2 = get$1(i3);
           return c2 === M ? void 0 : c2;
@@ -215,10 +215,10 @@ function proxy(e2, n2 = null, o2) {
       getOwnPropertyDescriptor(e3, t2) {
         var n3 = Reflect.getOwnPropertyDescriptor(e3, t2);
         if (n3 && "value" in n3) {
-          var o3 = f2.get(t2);
+          var o3 = d2.get(t2);
           o3 && (n3.value = get$1(o3));
         } else if (void 0 === n3) {
-          var i3 = f2.get(t2), s2 = i3 == null ? void 0 : i3.v;
+          var i3 = d2.get(t2), s2 = i3 == null ? void 0 : i3.v;
           if (void 0 !== i3 && s2 !== M) return {
             enumerable: true,
             configurable: true,
@@ -231,30 +231,30 @@ function proxy(e2, n2 = null, o2) {
       has(e3, t2) {
         var _a2;
         if (t2 === x) return true;
-        var n3 = f2.get(t2), o3 = void 0 !== n3 && n3.v !== M || Reflect.has(e3, t2);
-        if ((void 0 !== n3 || null !== H && (!o3 || ((_a2 = s(e3, t2)) == null ? void 0 : _a2.writable))) && (void 0 === n3 && (n3 = source(o3 ? proxy(e3[t2], a2) : M), f2.set(t2, n3)), get$1(n3) === M)) return false;
+        var n3 = d2.get(t2), o3 = void 0 !== n3 && n3.v !== M || Reflect.has(e3, t2);
+        if ((void 0 !== n3 || null !== H && (!o3 || ((_a2 = s(e3, t2)) == null ? void 0 : _a2.writable))) && (void 0 === n3 && (n3 = source(o3 ? proxy(e3[t2], a2) : M), d2.set(t2, n3)), get$1(n3) === M)) return false;
         return o3;
       },
       set(e3, t2, n3, o3) {
         var _a2;
-        var i3 = f2.get(t2), l2 = t2 in e3;
-        if (d2 && "length" === t2) for (var c2 = n3; c2 < /** @type {Source<number>} */
+        var i3 = d2.get(t2), l2 = t2 in e3;
+        if (f2 && "length" === t2) for (var c2 = n3; c2 < /** @type {Source<number>} */
         i3.v; c2 += 1) {
-          var u2 = f2.get(c2 + "");
+          var u2 = d2.get(c2 + "");
           void 0 !== u2 ? set(u2, M) : c2 in e3 && // If the item exists in the original, we need to create a uninitialized source,
           // else a later read of the property would result in a source being created with
           // the value of the original item at that index.
-          (u2 = source(M), f2.set(c2 + "", u2));
+          (u2 = source(M), d2.set(c2 + "", u2));
         }
-        void 0 === i3 ? l2 && !((_a2 = s(e3, t2)) == null ? void 0 : _a2.writable) || (set(i3 = source(void 0), proxy(n3, a2)), f2.set(t2, i3)) : (l2 = i3.v !== M, set(i3, proxy(n3, a2)));
+        void 0 === i3 ? l2 && !((_a2 = s(e3, t2)) == null ? void 0 : _a2.writable) || (set(i3 = source(void 0), proxy(n3, a2)), d2.set(t2, i3)) : (l2 = i3.v !== M, set(i3, proxy(n3, a2)));
         var _2 = Reflect.getOwnPropertyDescriptor(e3, t2);
         if ((_2 == null ? void 0 : _2.set) && _2.set.call(o3, n3), !l2) {
-          if (d2 && "string" == typeof t2) {
-            var v2 = (
+          if (f2 && "string" == typeof t2) {
+            var g2 = (
               /** @type {Source<number>} */
-              f2.get("length")
-            ), g2 = Number(t2);
-            Number.isInteger(g2) && g2 >= v2.v && set(v2, g2 + 1);
+              d2.get("length")
+            ), v2 = Number(t2);
+            Number.isInteger(v2) && v2 >= g2.v && set(g2, v2 + 1);
           }
           update_version(p2);
         }
@@ -263,10 +263,10 @@ function proxy(e2, n2 = null, o2) {
       ownKeys(e3) {
         get$1(p2);
         var t2 = Reflect.ownKeys(e3).filter((e4) => {
-          var t3 = f2.get(e4);
+          var t3 = d2.get(e4);
           return void 0 === t3 || t3.v !== M;
         });
-        for (var [n3, o3] of f2) o3.v === M || n3 in e3 || t2.push(n3);
+        for (var [n3, o3] of d2) o3.v === M || n3 in e3 || t2.push(n3);
         return t2;
       },
       setPrototypeOf() {
@@ -280,17 +280,17 @@ function proxy(e2, n2 = null, o2) {
 function update_version(e2, t2 = 1) {
   set(e2, e2.v + t2);
 }
-var q, I, P, O, E;
+var T, q, P, D, O;
 function create_text(e2 = "") {
   return document.createTextNode(e2);
 }
 // @__NO_SIDE_EFFECTS__
 function get_first_child(e2) {
-  return O.call(e2);
+  return D.call(e2);
 }
 // @__NO_SIDE_EFFECTS__
 function get_next_sibling(e2) {
-  return E.call(e2);
+  return O.call(e2);
 }
 function child(e2, t2) {
   return /* @__PURE__ */ get_first_child(e2);
@@ -313,9 +313,9 @@ function sibling(e2, t2 = 1, n2 = false) {
 }
 // @__NO_SIDE_EFFECTS__
 function derived(e2) {
-  var t2 = 2050, n2 = null !== F && 2 & F.f ? (
+  var t2 = 2050, n2 = null !== G && 2 & G.f ? (
     /** @type {Derived} */
-    F
+    G
   ) : null;
   null === H || null !== n2 && n2.f & _ ? t2 |= _ : (
     // Since deriveds are evaluated lazily, any effects created inside them are
@@ -323,7 +323,7 @@ function derived(e2) {
     H.f |= w
   );
   return {
-    ctx: T,
+    ctx: I,
     deps: null,
     effects: null,
     equals,
@@ -379,17 +379,17 @@ function update_derived(e2) {
       return t3;
     }(e2)
   );
-  set_signal_status(e2, (Y || e2.f & _) && null !== e2.deps ? m : g), e2.equals(t2) || (e2.v = t2, e2.wv = increment_write_version());
+  set_signal_status(e2, (J || e2.f & _) && null !== e2.deps ? m : v), e2.equals(t2) || (e2.v = t2, e2.wv = increment_write_version());
 }
 function validate_effect(e2) {
-  null === H && null === F && /**
+  null === H && null === G && /**
   * `%rune%` can only be used inside an effect (e.g. during component initialisation)
   * @param {string} rune
   * @returns {never}
   */
   function effect_orphan(e3) {
     throw new Error("https://svelte.dev/e/effect_orphan");
-  }(), null !== F && F.f & _ && null === H && /**
+  }(), null !== G && G.f & _ && null === H && /**
   * Effect cannot be created inside a `$derived` value that was not itself created inside an effect
   * @returns {never}
   */
@@ -401,7 +401,7 @@ function validate_effect(e2) {
 }
 function create_effect(e2, t2, n2, o2 = true) {
   var i2 = H, s2 = {
-    ctx: T,
+    ctx: I,
     deps: null,
     nodes_start: null,
     nodes_end: null,
@@ -425,10 +425,10 @@ function create_effect(e2, t2, n2, o2 = true) {
   if (!(n2 && null === s2.deps && null === s2.first && null === s2.nodes_start && null === s2.teardown && !(1048704 & s2.f)) && o2 && (null !== i2 && function push_effect(e3, t3) {
     var n3 = t3.last;
     null === n3 ? t3.last = t3.first = e3 : (n3.next = e3, e3.prev = n3, t3.last = e3);
-  }(s2, i2), null !== F && 2 & F.f)) {
+  }(s2, i2), null !== G && 2 & G.f)) {
     var a2 = (
       /** @type {Derived} */
-      F
+      G
     );
     (a2.effects ?? (a2.effects = [])).push(s2);
   }
@@ -436,18 +436,18 @@ function create_effect(e2, t2, n2, o2 = true) {
 }
 function teardown(e2) {
   const t2 = create_effect(8, null, false);
-  return set_signal_status(t2, g), t2.teardown = e2, t2;
+  return set_signal_status(t2, v), t2.teardown = e2, t2;
 }
 function user_effect(e2) {
-  if (validate_effect(), !(null !== H && !!(H.f & f) && null !== T && !T.m)) return effect(e2);
+  if (validate_effect(), !(null !== H && !!(H.f & d) && null !== I && !I.m)) return effect(e2);
   var t2 = (
     /** @type {ComponentContext} */
-    T
+    I
   );
   (t2.e ?? (t2.e = [])).push({
     fn: e2,
     effect: H,
-    reaction: F
+    reaction: G
   });
 }
 function effect(e2) {
@@ -456,7 +456,7 @@ function effect(e2) {
 function legacy_pre_effect(e2, t2) {
   var n2 = (
     /** @type {ComponentContextLegacy} */
-    T
+    I
   ), o2 = {
     effect: null,
     ran: false
@@ -470,13 +470,13 @@ function legacy_pre_effect(e2, t2) {
 function legacy_pre_effect_reset() {
   var e2 = (
     /** @type {ComponentContextLegacy} */
-    T
+    I
   );
   render_effect(() => {
     if (get$1(e2.l.r2)) {
       for (var t2 of e2.l.r1) {
         var n2 = t2.effect;
-        n2.f & g && set_signal_status(n2, m), check_dirtiness(n2) && update_effect(n2), t2.ran = false;
+        n2.f & v && set_signal_status(n2, m), check_dirtiness(n2) && update_effect(n2), t2.ran = false;
       }
       e2.l.r2.v = false;
     }
@@ -498,7 +498,7 @@ function branch(e2, t2 = true) {
 function execute_effect_teardown(e2) {
   var t2 = e2.teardown;
   if (null !== t2) {
-    const e3 = z, n2 = F;
+    const e3 = z, n2 = G;
     set_is_destroying_effect(true), set_active_reaction(null);
     try {
       t2.call(null);
@@ -511,7 +511,7 @@ function destroy_effect_children(e2, t2 = false) {
   var n2 = e2.first;
   for (e2.first = e2.last = null; null !== n2; ) {
     var o2 = n2.next;
-    n2.f & d ? (
+    n2.f & f ? (
       // this is now an independent root
       n2.parent = null
     ) : destroy_effect(n2, t2), n2 = o2;
@@ -560,7 +560,7 @@ function pause_children(e2, t2, n2) {
     if (e2.f ^= b, null !== e2.transitions) for (const o3 of e2.transitions) (o3.is_global || n2) && t2.push(o3);
     for (var o2 = e2.first; null !== o2; ) {
       var i2 = o2.next;
-      pause_children(o2, t2, !!(!!(o2.f & $) || !!(o2.f & f)) && n2), o2 = i2;
+      pause_children(o2, t2, !!(!!(o2.f & $) || !!(o2.f & d)) && n2), o2 = i2;
     }
   }
 }
@@ -571,17 +571,17 @@ function resume_children(e2, t2) {
   if (e2.f & b) {
     e2.f ^= b, // Ensure the effect is marked as clean again so that any dirty child
     // effects can schedule themselves for execution
-    e2.f & g || (e2.f ^= g), // If a dependency of this effect changed while it was paused,
+    e2.f & v || (e2.f ^= v), // If a dependency of this effect changed while it was paused,
     // schedule the effect to update
     check_dirtiness(e2) && (set_signal_status(e2, h), schedule_effect(e2));
     for (var n2 = e2.first; null !== n2; ) {
       var o2 = n2.next;
-      resume_children(n2, !!(!!(n2.f & $) || !!(n2.f & f)) && t2), n2 = o2;
+      resume_children(n2, !!(!!(n2.f & $) || !!(n2.f & d)) && t2), n2 = o2;
     }
     if (null !== e2.transitions) for (const n3 of e2.transitions) (n3.is_global || t2) && n3.in();
   }
 }
-let j = [], N = [];
+let j = [], E = [];
 function run_micro_tasks() {
   var e2 = j;
   j = [], run_all(e2);
@@ -590,18 +590,18 @@ function queue_micro_task(e2) {
   0 === j.length && queueMicrotask(run_micro_tasks), j.push(e2);
 }
 function flush_tasks() {
-  j.length > 0 && run_micro_tasks(), N.length > 0 && function run_idle_tasks() {
-    var e2 = N;
-    N = [], run_all(e2);
+  j.length > 0 && run_micro_tasks(), E.length > 0 && function run_idle_tasks() {
+    var e2 = E;
+    E = [], run_all(e2);
   }();
 }
-let B = false, D = false, A = null, W = false, z = false;
+let N = false, B = false, A = null, W = false, z = false;
 function set_is_destroying_effect(e2) {
   z = e2;
 }
-let L = [], F = null, G = false;
+let L = [], G = null, F = false;
 function set_active_reaction(e2) {
-  F = e2;
+  G = e2;
 }
 let H = null;
 function set_active_effect(e2) {
@@ -609,9 +609,9 @@ function set_active_effect(e2) {
 }
 let R = null;
 let V = null, K = 0, U = null;
-let Z = 1, J = 0, Y = false;
+let Y = 1, Z = 0, J = false;
 function increment_write_version() {
-  return ++Z;
+  return ++Y;
 }
 function check_dirtiness(e2) {
   var _a2;
@@ -620,39 +620,39 @@ function check_dirtiness(e2) {
   if (t2 & m) {
     var n2 = e2.deps, o2 = !!(t2 & _);
     if (null !== n2) {
-      var i2, s2, a2 = !!(t2 & v), l2 = o2 && null !== H && !Y, c2 = n2.length;
+      var i2, s2, a2 = !!(t2 & g), l2 = o2 && null !== H && !J, c2 = n2.length;
       if (a2 || l2) {
         var u2 = (
           /** @type {Derived} */
           e2
-        ), f2 = u2.parent;
+        ), d2 = u2.parent;
         for (i2 = 0; i2 < c2; i2++) s2 = n2[i2], // We always re-add all reactions (even duplicates) if the derived was
         // previously disconnected, however we don't if it was unowned as we
         // de-duplicate dependencies in that case
         !a2 && ((_a2 = s2 == null ? void 0 : s2.reactions) == null ? void 0 : _a2.includes(u2)) || (s2.reactions ?? (s2.reactions = [])).push(u2);
-        a2 && (u2.f ^= v), // If the unowned derived is now fully connected to the graph again (it's unowned and reconnected, has a parent
+        a2 && (u2.f ^= g), // If the unowned derived is now fully connected to the graph again (it's unowned and reconnected, has a parent
         // and the parent is not unowned), then we can mark it as connected again, removing the need for the unowned
         // flag
-        !l2 || null === f2 || f2.f & _ || (u2.f ^= _);
+        !l2 || null === d2 || d2.f & _ || (u2.f ^= _);
       }
       for (i2 = 0; i2 < c2; i2++) if (check_dirtiness(s2 = n2[i2]) && update_derived(
         /** @type {Derived} */
         s2
       ), s2.wv > e2.wv) return true;
     }
-    o2 && (null === H || Y) || set_signal_status(e2, g);
+    o2 && (null === H || J) || set_signal_status(e2, v);
   }
   return false;
 }
 function handle_error(e2, t2, n2, o2) {
-  if (B) {
-    if (null === n2 && (B = false), /**
+  if (N) {
+    if (null === n2 && (N = false), /**
     * @param {Effect} effect
     */
     function should_rethrow_error(e3) {
       return !(e3.f & y || null !== e3.parent && e3.parent.f & p);
     }(t2)) throw e2;
-  } else null !== n2 && (B = true), function propagate_error(e3, t3) {
+  } else null !== n2 && (N = true), function propagate_error(e3, t3) {
     for (var n3 = t3; null !== n3; ) {
       if (n3.f & p) try {
         return void n3.fn(e3);
@@ -661,7 +661,7 @@ function handle_error(e2, t2, n2, o2) {
       }
       n3 = n3.parent;
     }
-    throw B = false, e3;
+    throw N = false, e3;
   }(e2, t2);
 }
 function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
@@ -673,7 +673,7 @@ function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
       s2,
       t2,
       false
-    ) : t2 === s2 && (n2 ? set_signal_status(s2, h) : s2.f & g && set_signal_status(s2, m), schedule_effect(
+    ) : t2 === s2 && (n2 ? set_signal_status(s2, h) : s2.f & v && set_signal_status(s2, m), schedule_effect(
       /** @type {Effect} */
       s2
     ));
@@ -681,30 +681,30 @@ function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
 }
 function update_reaction(e2) {
   var _a2;
-  var t2 = V, n2 = K, o2 = U, i2 = F, s2 = Y, a2 = R, l2 = T, c2 = G, u2 = e2.f;
+  var t2 = V, n2 = K, o2 = U, i2 = G, s2 = J, a2 = R, l2 = I, c2 = F, u2 = e2.f;
   V = /** @type {null | Value[]} */
-  null, K = 0, U = null, Y = !!(u2 & _) && (G || !W || null === F), F = 96 & u2 ? null : e2, R = null, set_component_context(e2.ctx), G = false, J++;
+  null, K = 0, U = null, J = !!(u2 & _) && (F || !W || null === G), G = 96 & u2 ? null : e2, R = null, set_component_context(e2.ctx), F = false, Z++;
   try {
-    var f2 = (
+    var d2 = (
       /** @type {Function} */
       /** @type {Function} */
       (0, e2.fn)()
-    ), d2 = e2.deps;
+    ), f2 = e2.deps;
     if (null !== V) {
       var p2;
-      if (remove_reactions(e2, K), null !== d2 && K > 0) for (d2.length = K + V.length, p2 = 0; p2 < V.length; p2++) d2[K + p2] = V[p2];
-      else e2.deps = d2 = V;
-      if (!Y) for (p2 = K; p2 < d2.length; p2++) ((_a2 = d2[p2]).reactions ?? (_a2.reactions = [])).push(e2);
-    } else null !== d2 && K < d2.length && (remove_reactions(e2, K), d2.length = K);
-    if (is_runes() && null !== U && !G && null !== d2 && !(6146 & e2.f)) for (p2 = 0; p2 < /** @type {Source[]} */
+      if (remove_reactions(e2, K), null !== f2 && K > 0) for (f2.length = K + V.length, p2 = 0; p2 < V.length; p2++) f2[K + p2] = V[p2];
+      else e2.deps = f2 = V;
+      if (!J) for (p2 = K; p2 < f2.length; p2++) ((_a2 = f2[p2]).reactions ?? (_a2.reactions = [])).push(e2);
+    } else null !== f2 && K < f2.length && (remove_reactions(e2, K), f2.length = K);
+    if (is_runes() && null !== U && !F && null !== f2 && !(6146 & e2.f)) for (p2 = 0; p2 < /** @type {Source[]} */
     U.length; p2++) schedule_possible_effect_self_invalidation(
       U[p2],
       /** @type {Effect} */
       e2
     );
-    return null !== i2 && J++, f2;
+    return null !== i2 && Z++, d2;
   } finally {
-    V = t2, K = n2, U = o2, F = i2, Y = s2, R = a2, set_component_context(l2), G = c2;
+    V = t2, K = n2, U = o2, G = i2, J = s2, R = a2, set_component_context(l2), F = c2;
   }
 }
 function remove_reaction(e2, t2) {
@@ -724,7 +724,7 @@ function remove_reaction(e2, t2) {
   // allows us to skip the expensive work of disconnecting and immediately reconnecting it
   (null === V || !V.includes(t2)) && (set_signal_status(t2, m), // If we are working with a derived that is owned by an effect, then mark it as being
   // disconnected.
-  768 & t2.f || (t2.f ^= v), // Disconnect any reactions owned by this reaction
+  768 & t2.f || (t2.f ^= g), // Disconnect any reactions owned by this reaction
   destroy_derived_effects(
     /** @type {Derived} **/
     t2
@@ -741,18 +741,18 @@ function remove_reactions(e2, t2) {
 function update_effect(t2) {
   var n2 = t2.f;
   if (!(n2 & y)) {
-    set_signal_status(t2, g);
-    var o2 = H, i2 = T, s2 = W;
+    set_signal_status(t2, v);
+    var o2 = H, i2 = I, s2 = W;
     H = t2, W = true;
     try {
       16 & n2 ? function destroy_block_effect_children(e2) {
         for (var t3 = e2.first; null !== t3; ) {
           var n3 = t3.next;
-          t3.f & f || destroy_effect(t3), t3 = n3;
+          t3.f & d || destroy_effect(t3), t3 = n3;
         }
       }(t2) : destroy_effect_children(t2), execute_effect_teardown(t2);
       var a2 = update_reaction(t2);
-      t2.teardown = "function" == typeof a2 ? a2 : null, t2.wv = Z;
+      t2.teardown = "function" == typeof a2 ? a2 : null, t2.wv = Y;
       t2.deps;
       e;
     } catch (e2) {
@@ -785,7 +785,7 @@ function flush_queued_root_effects() {
       }
     }
   } finally {
-    D = false, W = e2, A = null;
+    B = false, W = e2, A = null;
   }
 }
 function flush_queued_effects(e2) {
@@ -811,12 +811,12 @@ function flush_queued_effects(e2) {
   }
 }
 function schedule_effect(e2) {
-  D || (D = true, queueMicrotask(flush_queued_root_effects));
+  B || (B = true, queueMicrotask(flush_queued_root_effects));
   for (var t2 = A = e2; null !== t2.parent; ) {
     var n2 = (t2 = t2.parent).f;
     if (96 & n2) {
-      if (!(n2 & g)) return;
-      t2.f ^= g;
+      if (!(n2 & v)) return;
+      t2.f ^= v;
     }
   }
   L.push(t2);
@@ -824,17 +824,17 @@ function schedule_effect(e2) {
 function process_effects(e2) {
   for (var t2 = [], n2 = e2; null !== n2; ) {
     var o2 = n2.f, i2 = !!(96 & o2);
-    if (!(i2 && !!(o2 & g) || o2 & b)) {
+    if (!(i2 && !!(o2 & v) || o2 & b)) {
       if (4 & o2) t2.push(n2);
-      else if (i2) n2.f ^= g;
+      else if (i2) n2.f ^= v;
       else {
-        var s2 = F;
+        var s2 = G;
         try {
-          F = n2, check_dirtiness(n2) && update_effect(n2);
+          G = n2, check_dirtiness(n2) && update_effect(n2);
         } catch (e3) {
           handle_error(e3, n2, null, n2.ctx);
         } finally {
-          F = s2;
+          G = s2;
         }
       }
       var a2 = n2.first;
@@ -852,12 +852,12 @@ async function tick() {
   await Promise.resolve(), // By calling flushSync we guarantee that any pending state changes are applied after one tick.
   // TODO look into whether we can make flushing subsequent updates synchronously in the future.
   function flushSync(e2) {
-    for (flush_tasks(); L.length > 0; ) D = true, flush_queued_root_effects(), flush_tasks();
+    for (flush_tasks(); L.length > 0; ) B = true, flush_queued_root_effects(), flush_tasks();
   }();
 }
 function get$1(e2) {
   var t2 = !!(2 & e2.f);
-  if (null === F || G) {
+  if (null === G || F) {
     if (t2 && /** @type {Derived} */
     null === e2.deps && /** @type {Derived} */
     null === e2.effects) {
@@ -874,11 +874,11 @@ function get$1(e2) {
     null !== R && R.includes(e2) && function state_unsafe_local_read() {
       throw new Error("https://svelte.dev/e/state_unsafe_local_read");
     }();
-    var i2 = F.deps;
-    e2.rv < J && (e2.rv = J, // If the signal is accessing the same dependencies in the same
+    var i2 = G.deps;
+    e2.rv < Z && (e2.rv = Z, // If the signal is accessing the same dependencies in the same
     // order as it did last time, increment `skipped_deps`
     // rather than updating `new_deps`, which creates GC cost
-    null === V && null !== i2 && i2[K] === e2 ? K++ : null === V ? V = [e2] : Y && V.includes(e2) || // Normally we can push duplicated dependencies to `new_deps`, but if we're inside
+    null === V && null !== i2 && i2[K] === e2 ? K++ : null === V ? V = [e2] : J && V.includes(e2) || // Normally we can push duplicated dependencies to `new_deps`, but if we're inside
     // an unowned derived because skip_reaction is true, then we need to ensure that
     // we don't have duplicates
     V.push(e2));
@@ -887,11 +887,11 @@ function get$1(e2) {
   e2) && update_derived(n2), e2.v;
 }
 function untrack(e2) {
-  var t2 = G;
+  var t2 = F;
   try {
-    return G = true, e2();
+    return F = true, e2();
   } finally {
-    G = t2;
+    F = t2;
   }
 }
 const Q = -7169;
@@ -968,7 +968,7 @@ function autofocus(e2, t2) {
 }
 let re = false;
 function without_reactive_context(e2) {
-  var t2 = F, n2 = H;
+  var t2 = G, n2 = H;
   set_active_reaction(null), set_active_effect(null);
   try {
     return e2();
@@ -1035,14 +1035,14 @@ function handle_event_propagation(e2) {
     a2[0] || e2.target
   ), c2 = 0, u2 = e2.__root;
   if (u2) {
-    var f2 = a2.indexOf(u2);
-    if (-1 !== f2 && (n2 === document || n2 === /** @type {any} */
+    var d2 = a2.indexOf(u2);
+    if (-1 !== d2 && (n2 === document || n2 === /** @type {any} */
     window))
       return void (e2.__root = n2);
-    var d2 = a2.indexOf(n2);
-    if (-1 === d2)
+    var f2 = a2.indexOf(n2);
+    if (-1 === f2)
       return;
-    f2 <= d2 && (c2 = f2);
+    d2 <= f2 && (c2 = d2);
   }
   if ((l2 = /** @type {Element} */
   a2[c2] || e2.target) !== n2) {
@@ -1050,10 +1050,10 @@ function handle_event_propagation(e2) {
       configurable: true,
       get: () => l2 || o2
     });
-    var p2 = F, _2 = H;
+    var p2 = G, _2 = H;
     set_active_reaction(null), set_active_effect(null);
     try {
-      for (var v2, g2 = []; null !== l2; ) {
+      for (var g2, v2 = []; null !== l2; ) {
         var h2 = l2.assignedSlot || l2.parentNode || /** @type {any} */
         l2.host || null;
         try {
@@ -1066,17 +1066,17 @@ function handle_event_propagation(e2) {
             b2.apply(l2, [e2, ...y2]);
           } else m2.call(l2, e2);
         } catch (e3) {
-          v2 ? g2.push(e3) : v2 = e3;
+          g2 ? v2.push(e3) : g2 = e3;
         }
         if (e2.cancelBubble || h2 === n2 || null === h2) break;
         l2 = h2;
       }
-      if (v2) {
-        for (let e3 of g2)
+      if (g2) {
+        for (let e3 of v2)
           queueMicrotask(() => {
             throw e3;
           });
-        throw v2;
+        throw g2;
       }
     } finally {
       e2.__root = n2, // @ts-ignore remove proxy on currentTarget
@@ -1166,11 +1166,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, I = document, P = /Firefox/.test(navigator.userAgent);
+      if (void 0 === T) {
+        T = window, q = document, P = /Firefox/.test(navigator.userAgent);
         var e4 = Element.prototype, t4 = Node.prototype;
-        O = s(t4, "firstChild").get, // @ts-ignore
-        E = s(t4, "nextSibling").get, // the following assignments improve perf of lookups on DOM nodes
+        D = s(t4, "firstChild").get, // @ts-ignore
+        O = s(t4, "nextSibling").get, // the following assignments improve perf of lookups on DOM nodes
         // @ts-expect-error
         e4.__click = void 0, // @ts-expect-error
         e4.__className = void 0, // @ts-expect-error
@@ -1201,14 +1201,14 @@ function mount(e2, t2) {
       }
     };
     event_handle(o(oe)), ie.add(event_handle);
-    var f2 = void 0, p2 = (
+    var d2 = void 0, p2 = (
       /**
       * An effect root whose children can transition out
       * @param {() => void} fn
       * @returns {(options?: { outro?: boolean }) => Promise<void>}
       */
       function component_root(e4) {
-        const t4 = create_effect(d, e4, true);
+        const t4 = create_effect(f, e4, true);
         return (e5 = {}) => new Promise((n3) => {
           e5.outro ? pause_effect(t4, () => {
             destroy_effect(t4), n3(void 0);
@@ -1218,11 +1218,11 @@ function mount(e2, t2) {
         var o2 = n2 ?? t3.appendChild(create_text());
         return branch(() => {
           l2 && (push({}), /** @type {ComponentContext} */
-          T.c = l2);
+          I.c = l2);
           a2 && // We can't spread the object or else we'd lose the state proxy stuff, if it is one
           /** @type {any} */
           (i2.$$events = a2), se = c2, // @ts-expect-error the public typings are not what the actual function looks like
-          f2 = e3(o2, i2) || {}, se = true, l2 && pop();
+          d2 = e3(o2, i2) || {}, se = true, l2 && pop();
         }), () => {
           var _a2;
           for (var e4 of u2) {
@@ -1237,7 +1237,7 @@ function mount(e2, t2) {
         };
       })
     );
-    return le.set(f2, p2), f2;
+    return le.set(d2, p2), d2;
   }(e2, t2);
 }
 const ae = /* @__PURE__ */ new Map();
@@ -1272,13 +1272,13 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
   };
   !(4 & n2) || (c2 = /** @type {Element} */
   e2.appendChild(create_text()));
-  var f2 = null, d2 = false, p2 = /* @__PURE__ */ derived_safe_equal(() => {
+  var d2 = null, f2 = false, p2 = /* @__PURE__ */ derived_safe_equal(() => {
     var e3 = i2();
     return t(e3) ? e3 : null == e3 ? [] : o(e3);
   });
   block(() => {
     var e3 = get$1(p2), t2 = e3.length;
-    d2 && 0 === t2 || (d2 = 0 === t2, /**
+    f2 && 0 === t2 || (f2 = 0 === t2, /**
     * Add, remove, or reorder items output by an each block as its input changes
     * @template V
     * @param {Array<V>} array
@@ -1292,23 +1292,23 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
     */
     function reconcile(e4, t3, n3, i3, s3, a3, l3) {
       var _a2, _b2, _c2, _d;
-      var c3, u3, f3, d3, p3, _2, v2 = !!(8 & s3), g2 = !!(3 & s3), h2 = e4.length, m2 = t3.items, y2 = t3.first, $2 = y2, w2 = null, x2 = [], k2 = [];
-      if (v2) for (_2 = 0; _2 < h2; _2 += 1) d3 = a3(f3 = e4[_2], _2), void 0 !== (p3 = m2.get(d3)) && ((_a2 = p3.a) == null ? void 0 : _a2.measure(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).add(p3));
-      for (_2 = 0; _2 < h2; _2 += 1) if (d3 = a3(f3 = e4[_2], _2), void 0 !== (p3 = m2.get(d3))) {
-        if (g2 && update_item(p3, f3, _2, s3), p3.e.f & b && (resume_effect(p3.e), v2 && ((_b2 = p3.a) == null ? void 0 : _b2.unfix(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).delete(p3))), p3 !== $2) {
+      var c3, u3, d3, f3, p3, _2, g2 = !!(8 & s3), v2 = !!(3 & s3), h2 = e4.length, m2 = t3.items, y2 = t3.first, $2 = y2, 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, s3), p3.e.f & b && (resume_effect(p3.e), g2 && ((_b2 = p3.a) == null ? void 0 : _b2.unfix(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).delete(p3))), p3 !== $2) {
           if (void 0 !== c3 && c3.has(p3)) {
             if (x2.length < k2.length) {
               var C2, S2 = k2[0];
               w2 = S2.prev;
-              var M2 = x2[0], T2 = x2[x2.length - 1];
+              var M2 = x2[0], I2 = x2[x2.length - 1];
               for (C2 = 0; C2 < x2.length; C2 += 1) move(x2[C2], S2, n3);
               for (C2 = 0; C2 < k2.length; C2 += 1) c3.delete(k2[C2]);
-              link(t3, M2.prev, T2.next), link(t3, w2, M2), link(t3, T2, S2), $2 = S2, w2 = T2, _2 -= 1, x2 = [], k2 = [];
+              link(t3, M2.prev, I2.next), link(t3, w2, M2), link(t3, I2, S2), $2 = S2, w2 = I2, _2 -= 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;
           }
-          for (x2 = [], k2 = []; null !== $2 && $2.k !== d3; )
+          for (x2 = [], k2 = []; null !== $2 && $2.k !== f3; )
             $2.e.f & b || (c3 ?? (c3 = /* @__PURE__ */ new Set())).add($2), k2.push($2), $2 = $2.next;
           if (null === $2) continue;
           p3 = $2;
@@ -1318,17 +1318,17 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
         w2 = create_item($2 ? (
           /** @type {TemplateNode} */
           $2.e.nodes_start
-        ) : n3, t3, w2, null === w2 ? t3.first : w2.next, f3, d3, _2, i3, s3, l3), m2.set(d3, w2), x2 = [], k2 = [], $2 = w2.next;
+        ) : n3, t3, w2, null === w2 ? t3.first : w2.next, d3, f3, _2, i3, s3, l3), m2.set(f3, w2), x2 = [], k2 = [], $2 = w2.next;
       }
       if (null !== $2 || void 0 !== c3) {
-        for (var q2 = void 0 === c3 ? [] : o(c3); null !== $2; )
-          $2.e.f & b || q2.push($2), $2 = $2.next;
-        var I2 = q2.length;
-        if (I2 > 0) {
+        for (var T2 = void 0 === c3 ? [] : o(c3); null !== $2; )
+          $2.e.f & b || T2.push($2), $2 = $2.next;
+        var q2 = T2.length;
+        if (q2 > 0) {
           var P2 = 4 & s3 && 0 === h2 ? n3 : null;
-          if (v2) {
-            for (_2 = 0; _2 < I2; _2 += 1) (_c2 = q2[_2].a) == null ? void 0 : _c2.measure();
-            for (_2 = 0; _2 < I2; _2 += 1) (_d = q2[_2].a) == null ? void 0 : _d.fix();
+          if (g2) {
+            for (_2 = 0; _2 < q2; _2 += 1) (_c2 = T2[_2].a) == null ? void 0 : _c2.measure();
+            for (_2 = 0; _2 < q2; _2 += 1) (_d = T2[_2].a) == null ? void 0 : _d.fix();
           }
           !function pause_effects(e5, t4, n4, o2) {
             for (var i4 = [], s4 = t4.length, a4 = 0; a4 < s4; a4++) pause_children(t4[a4].e, i4, true);
@@ -1352,17 +1352,17 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
                 l4 || (o2.delete(i5.k), link(e5, i5.prev, i5.next)), destroy_effect(i5.e, !l4);
               }
             });
-          }(t3, q2, P2, m2);
+          }(t3, T2, P2, m2);
         }
       }
-      v2 && queue_micro_task(() => {
+      g2 && queue_micro_task(() => {
         var _a3;
         if (void 0 !== u3) for (p3 of u3) (_a3 = p3.a) == null ? void 0 : _a3.apply();
       });
       H.first = t3.first && t3.first.e, /** @type {Effect} */
       H.last = w2 && w2.e;
-    }(e3, u2, c2, a2, n2, s2, i2), null !== l2 && (0 === t2 ? f2 ? resume_effect(f2) : f2 = branch(() => l2(c2)) : null !== f2 && pause_effect(f2, () => {
-      f2 = null;
+    }(e3, u2, c2, a2, n2, s2, i2), null !== l2 && (0 === t2 ? d2 ? resume_effect(d2) : d2 = branch(() => l2(c2)) : null !== d2 && pause_effect(d2, () => {
+      d2 = null;
     })), // When we mount the each block for the first time, the collection won't be
     // connected to this effect as the effect hasn't finished running yet and its deps
     // won't be assigned. However, it's possible that when reconciling the each block
@@ -1380,9 +1380,9 @@ function update_item(e2, t2, n2, o2) {
   ) : e2.i = n2;
 }
 function create_item(e2, t2, n2, o2, i2, s2, a2, l2, c2, u2) {
-  var f2 = ce, d2 = !!(1 & c2) ? !(16 & c2) ? /* @__PURE__ */ mutable_source(i2) : source(i2) : i2, p2 = 2 & c2 ? source(a2) : a2, _2 = {
+  var d2 = ce, f2 = !!(1 & c2) ? !(16 & c2) ? /* @__PURE__ */ mutable_source(i2) : source(i2) : i2, p2 = 2 & c2 ? source(a2) : a2, _2 = {
     i: p2,
-    v: d2,
+    v: f2,
     k: s2,
     a: null,
     // @ts-expect-error
@@ -1392,9 +1392,9 @@ function create_item(e2, t2, n2, o2, i2, s2, a2, l2, c2, u2) {
   };
   ce = _2;
   try {
-    return _2.e = branch(() => l2(e2, d2, p2, u2), false), _2.e.prev = n2 && n2.e, _2.e.next = o2 && o2.e, null === n2 ? t2.first = _2 : (n2.next = _2, n2.e.next = _2.e), null !== o2 && (o2.prev = _2, o2.e.prev = _2.e), _2;
+    return _2.e = branch(() => l2(e2, f2, p2, u2), false), _2.e.prev = n2 && n2.e, _2.e.next = o2 && o2.e, null === n2 ? t2.first = _2 : (n2.next = _2, n2.e.next = _2.e), null !== o2 && (o2.prev = _2, o2.e.prev = _2.e), _2;
   } finally {
-    ce = f2;
+    ce = d2;
   }
 }
 function move(e2, t2, n2) {
@@ -1492,18 +1492,18 @@ function set_style(e2, t2, n2, o2) {
           e3 = String(e3).replaceAll(/\s*\/\*.*?\*\/\s*/g, "").trim();
           var s2 = false, a2 = 0, l2 = false, c2 = [];
           n3 && c2.push(...Object.keys(n3).map(to_css_name)), o3 && c2.push(...Object.keys(o3).map(to_css_name));
-          var u2 = 0, f2 = -1;
+          var u2 = 0, d2 = -1;
           const t4 = e3.length;
-          for (var d2 = 0; d2 < t4; d2++) {
-            var p2 = e3[d2];
-            if (l2 ? "/" === p2 && "*" === e3[d2 - 1] && (l2 = false) : s2 ? s2 === p2 && (s2 = false) : "/" === p2 && "*" === e3[d2 + 1] ? l2 = true : '"' === p2 || "'" === p2 ? s2 = p2 : "(" === p2 ? a2++ : ")" === p2 && a2--, !l2 && false === s2 && 0 === a2) {
-              if (":" === p2 && -1 === f2) f2 = d2;
-              else if (";" === p2 || d2 === t4 - 1) {
-                if (-1 !== f2) {
-                  var _2 = to_css_name(e3.substring(u2, f2).trim());
-                  c2.includes(_2) || (";" !== p2 && d2++, i3 += " " + e3.substring(u2, d2).trim() + ";");
+          for (var f2 = 0; f2 < t4; f2++) {
+            var p2 = e3[f2];
+            if (l2 ? "/" === p2 && "*" === e3[f2 - 1] && (l2 = false) : s2 ? s2 === p2 && (s2 = false) : "/" === p2 && "*" === e3[f2 + 1] ? l2 = true : '"' === p2 || "'" === p2 ? s2 = p2 : "(" === p2 ? a2++ : ")" === p2 && a2--, !l2 && false === s2 && 0 === a2) {
+              if (":" === p2 && -1 === d2) d2 = f2;
+              else if (";" === p2 || f2 === t4 - 1) {
+                if (-1 !== d2) {
+                  var _2 = to_css_name(e3.substring(u2, d2).trim());
+                  c2.includes(_2) || (";" !== p2 && f2++, i3 += " " + e3.substring(u2, f2).trim() + ";");
                 }
-                u2 = d2 + 1, f2 = -1;
+                u2 = f2 + 1, d2 = -1;
               }
             }
           }
@@ -1517,7 +1517,7 @@ function set_style(e2, t2, n2, o2) {
   } else o2 && (Array.isArray(o2) ? (update_styles(e2, n2 == null ? void 0 : n2[0], o2[0]), update_styles(e2, n2 == null ? void 0 : n2[1], o2[1], "important")) : update_styles(e2, n2, o2));
   return o2;
 }
-const fe = Symbol("class"), de = Symbol("style"), pe = Symbol("is custom element"), _e = Symbol("is html");
+const de = Symbol("class"), fe = Symbol("style"), pe = Symbol("is custom element"), _e = Symbol("is html");
 function set_selected(e2, t2) {
   t2 ? (
     // The selected option could've changed via user selection, and
@@ -1535,9 +1535,9 @@ function set_attribute(e2, t2, n2, o2) {
 }
 function set_attributes(e2, t2, n2, o2, i2 = false) {
   var s2 = get_attributes(e2), a2 = s2[pe], l2 = !s2[_e], c2 = t2 || {}, u2 = "OPTION" === e2.tagName;
-  for (var f2 in t2) f2 in n2 || (n2[f2] = null);
-  n2.class ? n2.class = clsx(n2.class) : (o2 || n2[fe]) && (n2.class = null), n2[de] && (n2.style ?? (n2.style = null));
-  var d2 = get_setters(e2);
+  for (var d2 in t2) d2 in n2 || (n2[d2] = null);
+  n2.class ? n2.class = clsx(n2.class) : (o2 || n2[de]) && (n2.class = null), n2[fe] && (n2.style ?? (n2.style = null));
+  var f2 = get_setters(e2);
   for (const m2 in n2) {
     let b2 = n2[m2];
     if (u2 && "value" === m2 && null == b2)
@@ -1550,12 +1550,12 @@ function set_attributes(e2, t2, n2, o2, i2 = false) {
         if ("$$" !== _2) if ("on" === _2) {
           const y2 = {}, $2 = "$$" + m2;
           let w2 = m2.slice(2);
-          var v2 = is_delegated(w2);
-          if (is_capture_event(w2) && (w2 = w2.slice(0, -7), y2.capture = true), !v2 && p2) {
+          var g2 = is_delegated(w2);
+          if (is_capture_event(w2) && (w2 = w2.slice(0, -7), y2.capture = true), !g2 && p2) {
             if (null != b2) continue;
             e2.removeEventListener(w2, c2[$2], y2), c2[$2] = null;
           }
-          if (null != b2) if (v2)
+          if (null != b2) if (g2)
             e2[`__${w2}`] = b2, delegate([w2]);
           else {
             let handle = function(e3) {
@@ -1563,7 +1563,7 @@ function set_attributes(e2, t2, n2, o2, i2 = false) {
             };
             c2[$2] = create_event(w2, e2, handle, y2);
           }
-          else v2 && // @ts-ignore
+          else g2 && // @ts-ignore
           (e2[`__${w2}`] = void 0);
         } else if ("style" === m2)
           set_attribute(e2, m2, b2);
@@ -1578,34 +1578,34 @@ function set_attributes(e2, t2, n2, o2, i2 = false) {
           b2
         );
         else {
-          var g2 = m2;
-          l2 || (g2 = normalize_attribute(g2));
-          var h2 = "defaultValue" === g2 || "defaultChecked" === g2;
-          if (null != b2 || a2 || h2) h2 || d2.includes(g2) && (a2 || "string" != typeof b2) ? (
+          var v2 = m2;
+          l2 || (v2 = normalize_attribute(v2));
+          var h2 = "defaultValue" === v2 || "defaultChecked" === v2;
+          if (null != b2 || a2 || h2) h2 || f2.includes(v2) && (a2 || "string" != typeof b2) ? (
             // @ts-ignore
-            e2[g2] = b2
-          ) : "function" != typeof b2 && set_attribute(e2, g2, b2);
-          else if (s2[m2] = null, "value" === g2 || "checked" === g2) {
+            e2[v2] = b2
+          ) : "function" != typeof b2 && set_attribute(e2, v2, b2);
+          else if (s2[m2] = null, "value" === v2 || "checked" === v2) {
             let x2 = (
               /** @type {HTMLInputElement} */
               e2
             );
             const k2 = void 0 === t2;
-            if ("value" === g2) {
+            if ("value" === v2) {
               let C2 = x2.defaultValue;
-              x2.removeAttribute(g2), x2.defaultValue = C2, // @ts-ignore
+              x2.removeAttribute(v2), x2.defaultValue = C2, // @ts-ignore
               x2.value = x2.__value = k2 ? C2 : null;
             } else {
               let S2 = x2.defaultChecked;
-              x2.removeAttribute(g2), x2.defaultChecked = S2, x2.checked = !!k2 && S2;
+              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[de], n2[de]), c2[m2] = b2, c2[de] = n2[de];
-    else set_class(e2, "http://www.w3.org/1999/xhtml" === e2.namespaceURI, b2, o2, t2 == null ? void 0 : t2[fe], n2[fe]), c2[m2] = b2, c2[fe] = n2[fe];
+    } else set_style(e2, b2, t2 == null ? void 0 : t2[fe], n2[fe]), c2[m2] = b2, c2[fe] = n2[fe];
+    else set_class(e2, "http://www.w3.org/1999/xhtml" === e2.namespaceURI, b2, o2, t2 == null ? void 0 : t2[de], n2[de]), c2[m2] = b2, c2[de] = n2[de];
   }
   return c2;
 }
@@ -1615,18 +1615,18 @@ function get_attributes(e2) {
     [_e]: "http://www.w3.org/1999/xhtml" === e2.namespaceURI
   });
 }
-var ve = /* @__PURE__ */ new Map();
+var ge = /* @__PURE__ */ new Map();
 function get_setters(e2) {
-  var t2, n2 = ve.get(e2.nodeName);
+  var t2, n2 = ge.get(e2.nodeName);
   if (n2) return n2;
-  ve.set(e2.nodeName, n2 = []);
+  ge.set(e2.nodeName, n2 = []);
   for (var o2 = e2, i2 = Element.prototype; i2 !== o2; ) {
     for (var s2 in t2 = a(o2)) t2[s2].set && n2.push(s2);
     o2 = u(o2);
   }
   return n2;
 }
-const ge = {
+const ve = {
   // don't access requestAnimationFrame eagerly outside method
   // this allows basic testing of user code without JSDOM
   // bunder will eval and remove ternary when the user's app is built
@@ -1638,10 +1638,10 @@ const ge = {
   tasks: /* @__PURE__ */ new Set()
 };
 function run_tasks() {
-  const e2 = ge.now();
-  ge.tasks.forEach((t2) => {
-    t2.c(e2) || (ge.tasks.delete(t2), t2.f());
-  }), 0 !== ge.tasks.size && ge.tick(run_tasks);
+  const e2 = ve.now();
+  ve.tasks.forEach((t2) => {
+    t2.c(e2) || (ve.tasks.delete(t2), t2.f());
+  }), 0 !== ve.tasks.size && ve.tick(run_tasks);
 }
 function dispatch_event(e2, t2) {
   without_reactive_context(() => {
@@ -1671,7 +1671,7 @@ const linear = (e2) => e2;
 function transition(e2, t2, n2, o2) {
   var i2, s2, a2, l2 = !!(4 & e2), c2 = t2.inert, u2 = t2.style.overflow;
   function get_options() {
-    var e3 = F, s3 = H;
+    var e3 = G, s3 = H;
     set_active_reaction(null), set_active_effect(null);
     try {
       return i2 ?? (i2 = n2()(t2, (o2 == null ? void 0 : o2()) ?? /** @type {P} */
@@ -1682,7 +1682,7 @@ function transition(e2, t2, n2, o2) {
       set_active_reaction(e3), set_active_effect(s3);
     }
   }
-  var f2 = {
+  var d2 = {
     is_global: l2,
     in() {
       t2.inert = c2, dispatch_event(t2, "introstart"), s2 = animate(t2, get_options(), a2, 1, () => {
@@ -1698,21 +1698,21 @@ function transition(e2, t2, n2, o2) {
     stop: () => {
       s2 == null ? void 0 : s2.abort(), a2 == null ? void 0 : a2.abort();
     }
-  }, d2 = (
+  }, f2 = (
     /** @type {Effect} */
     H
   );
-  if ((d2.transitions ?? (d2.transitions = [])).push(f2), se) {
+  if ((f2.transitions ?? (f2.transitions = [])).push(d2), se) {
     var p2 = l2;
     if (!p2) {
       for (var _2 = (
         /** @type {Effect | null} */
-        d2.parent
+        f2.parent
       ); _2 && _2.f & $; ) for (; (_2 = _2.parent) && !(16 & _2.f); ) ;
       p2 = !_2 || !!(32768 & _2.f);
     }
     p2 && effect(() => {
-      untrack(() => f2.in());
+      untrack(() => d2.in());
     });
   }
 }
@@ -1742,16 +1742,16 @@ function animate(e2, t2, n2, o2, i2) {
     reset: noop,
     t: () => o2
   };
-  const { delay: c2 = 0, css: u2, tick: f2, easing: d2 = linear } = t2;
+  const { delay: c2 = 0, css: u2, tick: d2, easing: f2 = linear } = t2;
   var p2 = [];
-  if (s2 && void 0 === n2 && (f2 && f2(0, 1), u2)) {
+  if (s2 && void 0 === n2 && (d2 && d2(0, 1), u2)) {
     var _2 = css_to_keyframe(u2(0, 1));
     p2.push(_2, _2);
   }
-  var get_t = () => 1 - o2, v2 = e2.animate(p2, {
+  var get_t = () => 1 - o2, g2 = e2.animate(p2, {
     duration: c2
   });
-  return v2.onfinish = () => {
+  return g2.onfinish = () => {
     var s3 = (n2 == null ? void 0 : n2.t()) ?? 1 - o2;
     n2 == null ? void 0 : n2.abort();
     var a3 = o2 - s3, l3 = (
@@ -1761,8 +1761,8 @@ function animate(e2, t2, n2, o2, i2) {
     if (l3 > 0) {
       var p3 = false;
       if (u2)
-        for (var _3 = Math.ceil(l3 / (1e3 / 60)), g2 = 0; g2 <= _3; g2 += 1) {
-          var h2 = s3 + a3 * d2(g2 / _3), m2 = css_to_keyframe(u2(h2, 1 - h2));
+        for (var _3 = Math.ceil(l3 / (1e3 / 60)), v2 = 0; v2 <= _3; v2 += 1) {
+          var h2 = s3 + a3 * f2(v2 / _3), m2 = css_to_keyframe(u2(h2, 1 - h2));
           c3.push(m2), p3 || (p3 = "hidden" === m2.overflow);
         }
       p3 && /** @type {HTMLElement} */
@@ -1770,47 +1770,47 @@ function animate(e2, t2, n2, o2, i2) {
         var e3 = (
           /** @type {number} */
           /** @type {globalThis.Animation} */
-          v2.currentTime
+          g2.currentTime
         );
-        return s3 + a3 * d2(e3 / l3);
-      }, f2 && function loop(e3) {
+        return s3 + a3 * f2(e3 / l3);
+      }, d2 && function loop(e3) {
         let t3;
-        return 0 === ge.tasks.size && ge.tick(run_tasks), {
+        return 0 === ve.tasks.size && ve.tick(run_tasks), {
           promise: new Promise((n3) => {
-            ge.tasks.add(t3 = {
+            ve.tasks.add(t3 = {
               c: e3,
               f: n3
             });
           }),
           abort() {
-            ge.tasks.delete(t3);
+            ve.tasks.delete(t3);
           }
         };
       }(() => {
-        if ("running" !== v2.playState) return false;
+        if ("running" !== g2.playState) return false;
         var e3 = get_t();
-        return f2(e3, 1 - e3), true;
+        return d2(e3, 1 - e3), true;
       });
     }
-    (v2 = e2.animate(c3, {
+    (g2 = e2.animate(c3, {
       duration: l3,
       fill: "forwards"
     })).onfinish = () => {
-      get_t = () => o2, f2 == null ? void 0 : f2(o2, 1 - o2), i2();
+      get_t = () => o2, d2 == null ? void 0 : d2(o2, 1 - o2), i2();
     };
   }, {
     abort: () => {
-      v2 && (v2.cancel(), // This prevents memory leaks in Chromium
-      v2.effect = null, // This prevents onfinish to be launched after cancel(),
+      g2 && (g2.cancel(), // This prevents memory leaks in Chromium
+      g2.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
-      v2.onfinish = noop);
+      g2.onfinish = noop);
     },
     deactivate: () => {
       i2 = noop;
     },
     reset: () => {
-      0 === o2 && (f2 == null ? void 0 : f2(1, 0));
+      0 === o2 && (d2 == null ? void 0 : d2(1, 0));
     },
     t: () => get_t()
   };
@@ -1845,7 +1845,7 @@ function bind_this(e2 = {}, t2, n2, o2) {
 function init(e2 = false) {
   const t2 = (
     /** @type {ComponentContextLegacy} */
-    T
+    I
   ), n2 = t2.l.u;
   if (!n2) return;
   let props = () => deep_read_state(t2.s);
@@ -2057,8 +2057,8 @@ function spread_props(...e2) {
 }
 function prop(e2, t2, n2, o2) {
   var _a2;
-  var i2, a2 = !!(1 & n2), l2 = !S || !!(2 & n2), c2 = !!(8 & n2), u2 = !!(16 & n2), f2 = false;
-  c2 ? [i2, f2] = function capture_store_binding(e3) {
+  var i2, a2 = !!(1 & n2), l2 = !S || !!(2 & n2), c2 = !!(8 & n2), u2 = !!(16 & n2), d2 = false;
+  c2 ? [i2, d2] = function capture_store_binding(e3) {
     var t3 = me;
     try {
       return me = false, [e3(), me];
@@ -2070,37 +2070,37 @@ function prop(e2, t2, n2, o2) {
     e2[t2]
   )) : i2 = /** @type {V} */
   e2[t2];
-  var d2, p2 = x in e2 || k in e2, _2 = c2 && (((_a2 = s(e2, t2)) == null ? void 0 : _a2.set) ?? (p2 && t2 in e2 && ((n3) => e2[t2] = n3))) || void 0, v2 = (
+  var f2, p2 = x in e2 || k in e2, _2 = c2 && (((_a2 = s(e2, t2)) == null ? void 0 : _a2.set) ?? (p2 && t2 in e2 && ((n3) => e2[t2] = n3))) || void 0, g2 = (
     /** @type {V} */
     o2
-  ), g2 = true, h2 = false, get_fallback = () => (h2 = true, g2 && (g2 = false, v2 = u2 ? untrack(
+  ), v2 = true, h2 = false, get_fallback = () => (h2 = true, v2 && (v2 = false, g2 = u2 ? untrack(
     /** @type {() => V} */
     o2
   ) : (
     /** @type {V} */
     o2
-  )), v2);
+  )), g2);
   if (void 0 === i2 && void 0 !== o2 && (_2 && l2 && function props_invalid_value(e3) {
     throw new Error("https://svelte.dev/e/props_invalid_value");
-  }(), i2 = get_fallback(), _2 && _2(i2)), l2) d2 = () => {
+  }(), i2 = get_fallback(), _2 && _2(i2)), l2) f2 = () => {
     var n3 = (
       /** @type {V} */
       e2[t2]
     );
-    return void 0 === n3 ? get_fallback() : (g2 = true, h2 = false, n3);
+    return void 0 === n3 ? get_fallback() : (v2 = true, h2 = false, n3);
   };
   else {
     var m2 = (a2 ? derived : derived_safe_equal)(() => (
       /** @type {V} */
       e2[t2]
     ));
-    m2.f |= 131072, d2 = () => {
+    m2.f |= 131072, f2 = () => {
       var e3 = get$1(m2);
-      return void 0 !== e3 && (v2 = /** @type {V} */
-      void 0), void 0 === e3 ? v2 : e3;
+      return void 0 !== e3 && (g2 = /** @type {V} */
+      void 0), void 0 === e3 ? g2 : e3;
     };
   }
-  if (!(4 & n2)) return d2;
+  if (!(4 & n2)) return f2;
   if (_2) {
     var b2 = e2.$$legacy;
     return function(e3, t3) {
@@ -2109,13 +2109,13 @@ function prop(e2, t2, n2, o2) {
         // In that case the state proxy (if it exists) should take care of the notification.
         // If the parent is not in runes mode, we need to notify on mutation, too, that the prop
         // has changed because the parent will not be able to detect the change otherwise.
-        (l2 && t3 && !b2 && !f2 || /** @type {Function} */
-        _2(t3 ? d2() : e3), e3)
-      ) : d2();
+        (l2 && t3 && !b2 && !d2 || /** @type {Function} */
+        _2(t3 ? f2() : e3), e3)
+      ) : f2();
     };
   }
   var y2 = false, $2 = /* @__PURE__ */ mutable_source(i2), w2 = /* @__PURE__ */ derived(() => {
-    var e3 = d2(), t3 = get$1($2);
+    var e3 = f2(), t3 = get$1($2);
     return y2 ? (y2 = false, t3) : $2.v = e3;
   });
   return a2 || (w2.equals = safe_equals), function(e3, t3) {
@@ -2123,13 +2123,13 @@ function prop(e2, t2, n2, o2) {
       const n3 = t3 ? get$1(w2) : l2 && c2 ? proxy(e3) : e3;
       return w2.equals(n3) || (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 !== v2 && (v2 = n3), untrack(() => get$1(w2))), e3;
+      h2 && void 0 !== g2 && (g2 = n3), untrack(() => get$1(w2))), e3;
     }
     return get$1(w2);
   };
 }
 function onMount(e2) {
-  null === T && lifecycle_outside_component(), S && null !== T.l ? (
+  null === I && lifecycle_outside_component(), S && null !== I.l ? (
     /**
     * Legacy-mode: Init callbacks object for onMount/beforeUpdate/afterUpdate
     * @param {ComponentContext} context
@@ -2144,7 +2144,7 @@ function onMount(e2) {
         b: [],
         m: []
       });
-    }(T).m.push(e2)
+    }(I).m.push(e2)
   ) : user_effect(() => {
     const t2 = untrack(e2);
     if ("function" == typeof t2) return t2;
@@ -2191,21 +2191,21 @@ function Icon$1(e2, t2) {
   push(t2, false);
   let i2 = prop(t2, "name", 8, void 0), s2 = prop(t2, "color", 8, "currentColor"), a2 = prop(t2, "size", 8, 24), l2 = prop(t2, "strokeWidth", 8, 2), c2 = prop(t2, "absoluteStrokeWidth", 8, false), u2 = prop(t2, "iconNode", 24, () => []);
   init();
-  var f2 = xe();
-  let d2;
-  var p2 = child(f2);
+  var d2 = xe();
+  let f2;
+  var p2 = child(d2);
   each(p2, 1, u2, index, (e3, t3) => {
     var n3 = comment();
     !function element(e4, t4, n4, o3, i3, s3) {
-      var a3, l3, c3, u3 = null, f3 = (
+      var a3, l3, c3, u3 = null, d3 = (
         /** @type {TemplateNode} */
         e4
-      ), d3 = ce;
+      ), f3 = ce;
       block(() => {
         const e5 = t4() || null;
         if (e5 !== a3) {
           var n5 = ce;
-          set_current_each_item(d3), c3 && (null === e5 ? (
+          set_current_each_item(f3), c3 && (null === e5 ? (
             // start outro
             pause_effect(c3, () => {
               c3 = null, l3 = null;
@@ -2224,7 +2224,7 @@ function Icon$1(e2, t2) {
               );
               o3(u3, t5);
             }
-            H.nodes_end = u3, f3.before(u3);
+            H.nodes_end = u3, d3.before(u3);
           })), (a3 = e5) && (l3 = a3), set_should_intro(true), set_current_each_item(n5);
         }
       }, $);
@@ -2234,7 +2234,7 @@ function Icon$1(e2, t2) {
         ...get$1(t3)[1]
       }));
     }), append(e3, n3);
-  }), slot(sibling(p2), t2, "default", {}, null), template_effect((e3, t3) => d2 = set_attributes(f2, d2, {
+  }), slot(sibling(p2), t2, "default", {}, null), template_effect((e3, t3) => f2 = set_attributes(d2, f2, {
     ...we,
     ...o2,
     width: a2(),
@@ -2242,7 +2242,7 @@ function Icon$1(e2, t2) {
     stroke: s2(),
     "stroke-width": e3,
     class: t3
-  }), [() => c2() ? 24 * Number(l2()) / Number(a2()) : l2(), () => ((...e3) => e3.filter((e4, t3, n3) => Boolean(e4) && n3.indexOf(e4) === t3).join(" "))("lucide-icon", "lucide", i2() ? `lucide-${i2()}` : "", n2.class)], derived_safe_equal), append(e2, f2), pop();
+  }), [() => c2() ? 24 * Number(l2()) / Number(a2()) : l2(), () => ((...e3) => e3.filter((e4, t3, n3) => Boolean(e4) && n3.indexOf(e4) === t3).join(" "))("lucide-icon", "lucide", i2() ? `lucide-${i2()}` : "", n2.class)], derived_safe_equal), append(e2, d2), pop();
 }
 function Loader_circle(e2, t2) {
   const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]);
@@ -2264,7 +2264,7 @@ function Loader_circle(e2, t2) {
 var on_click$2 = (e2, t2) => {
   var _a2;
   (_a2 = t2.onClick) == null ? void 0 : _a2.call(t2);
-}, ke = /* @__PURE__ */ template('<button id="floating playlight button" aria-label="Open Playlight Discovery"><p class="z-2 flex items-center overflow-hidden svelte-1j97rta"><!> <span class="mr-0.25 inline-block font-bold svelte-1j97rta">More Games</span></p> <div class="absolute bottom-0 left-0 h-full w-0 bg-black transition-all duration-300 group-hover:w-full svelte-1j97rta"></div></button>');
+}, ke = /* @__PURE__ */ template('<button id="floating playlight button" aria-label="Open Playlight Discovery"><p class="z-2 flex items-center overflow-hidden svelte-1j97rta"><!> <span class="mr-0.25 inline-block font-bold svelte-1j97rta">More Games</span></p> <div class="absolute bottom-0 left-0 h-full w-0 bg-background transition-all duration-300 group-hover:w-full svelte-1j97rta"></div></button>');
 function FloatingButton(e2, t2) {
   push(t2, true);
   let n2 = prop(t2, "position", 3, "bottom-right"), o2 = prop(t2, "visible", 3, true);
@@ -2316,7 +2316,7 @@ function FloatingButton(e2, t2) {
       size: 26,
       strokeWidth: 1.75,
       class: "z-2 mr-2 transform transition-all duration-300 group-hover:rotate-12"
-    }), template_effect(() => set_class(o3, 1, `fixed ${("bottom-left" == n2() ? "bottom-4 left-4" : "bottom-right" == n2() ? "right-4 bottom-4" : "") ?? ""} group children-text-white z-99990 flex cursor-pointer gap-2 rounded-md bg-white p-3 font-bold text-black uppercase shadow-lg transition-all hover:scale-105`, "svelte-1j97rta")), append(e3, o3);
+    }), template_effect(() => set_class(o3, 1, `fixed ${("bottom-left" == n2() ? "bottom-4 left-4" : "bottom-right" == n2() ? "right-4 bottom-4" : "") ?? ""} group children-text-white z-99990 flex cursor-pointer gap-2 rounded-md bg-white p-3 font-bold text-background uppercase shadow-lg transition-all hover:scale-105`, "svelte-1j97rta")), append(e3, o3);
   };
   if_block(s2, (e3) => {
     o2() && e3(consequent);
@@ -2338,51 +2338,51 @@ function split_css_unit(e2) {
   ];
 }
 function blur(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_in_out, amount: i2 = 5, opacity: s2 = 0 } = {}) {
-  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.filter ? "" : a2.filter, u2 = l2 * (1 - s2), [f2, d2] = split_css_unit(i2);
+  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.filter ? "" : a2.filter, u2 = l2 * (1 - s2), [d2, f2] = split_css_unit(i2);
   return {
     delay: t2,
     duration: n2,
     easing: o2,
-    css: (e3, t3) => `opacity: ${l2 - u2 * t3}; filter: ${c2} blur(${t3 * f2}${d2});`
+    css: (e3, t3) => `opacity: ${l2 - u2 * t3}; filter: ${c2} blur(${t3 * d2}${f2});`
   };
 }
 function fly(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_out, x: i2 = 0, y: s2 = 0, opacity: a2 = 0 } = {}) {
-  const l2 = getComputedStyle(e2), c2 = +l2.opacity, u2 = "none" === l2.transform ? "" : l2.transform, f2 = c2 * (1 - a2), [d2, p2] = split_css_unit(i2), [_2, v2] = split_css_unit(s2);
+  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(s2);
   return {
     delay: t2,
     duration: n2,
     easing: o2,
     css: (e3, t3) => `
-			transform: ${u2} translate(${(1 - e3) * d2}${p2}, ${(1 - e3) * _2}${v2});
-			opacity: ${c2 - f2 * t3}`
+			transform: ${u2} translate(${(1 - e3) * f2}${p2}, ${(1 - e3) * _2}${g2});
+			opacity: ${c2 - d2 * t3}`
   };
 }
 function slide(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_out, axis: i2 = "y" } = {}) {
-  const s2 = getComputedStyle(e2), a2 = +s2.opacity, l2 = "y" === i2 ? "height" : "width", c2 = parseFloat(s2[l2]), u2 = "y" === i2 ? ["top", "bottom"] : ["left", "right"], f2 = u2.map((e3) => (
+  const s2 = getComputedStyle(e2), a2 = +s2.opacity, l2 = "y" === i2 ? "height" : "width", c2 = parseFloat(s2[l2]), u2 = "y" === i2 ? ["top", "bottom"] : ["left", "right"], d2 = u2.map((e3) => (
     /** @type {'Left' | 'Right' | 'Top' | 'Bottom'} */
     `${e3[0].toUpperCase()}${e3.slice(1)}`
-  )), d2 = parseFloat(s2[`padding${f2[0]}`]), p2 = parseFloat(s2[`padding${f2[1]}`]), _2 = parseFloat(s2[`margin${f2[0]}`]), v2 = parseFloat(s2[`margin${f2[1]}`]), g2 = parseFloat(s2[`border${f2[0]}Width`]), h2 = parseFloat(s2[`border${f2[1]}Width`]);
+  )), f2 = parseFloat(s2[`padding${d2[0]}`]), p2 = parseFloat(s2[`padding${d2[1]}`]), _2 = parseFloat(s2[`margin${d2[0]}`]), g2 = parseFloat(s2[`margin${d2[1]}`]), v2 = parseFloat(s2[`border${d2[0]}Width`]), h2 = parseFloat(s2[`border${d2[1]}Width`]);
   return {
     delay: t2,
     duration: n2,
     easing: o2,
-    css: (e3) => `overflow: hidden;opacity: ${Math.min(20 * e3, 1) * a2};${l2}: ${e3 * c2}px;padding-${u2[0]}: ${e3 * d2}px;padding-${u2[1]}: ${e3 * p2}px;margin-${u2[0]}: ${e3 * _2}px;margin-${u2[1]}: ${e3 * v2}px;border-${u2[0]}-width: ${e3 * g2}px;border-${u2[1]}-width: ${e3 * h2}px;min-${l2}: 0`
+    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`
   };
 }
 function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_out, start: i2 = 0, opacity: s2 = 0 } = {}) {
-  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.transform ? "" : a2.transform, u2 = 1 - i2, f2 = l2 * (1 - s2);
+  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.transform ? "" : a2.transform, u2 = 1 - i2, d2 = l2 * (1 - s2);
   return {
     delay: t2,
     duration: n2,
     easing: o2,
     css: (e3, t3) => `
 			transform: ${c2} scale(${1 - u2 * t3});
-			opacity: ${l2 - f2 * t3}
+			opacity: ${l2 - d2 * t3}
 		`
   };
 }
 delegate(["click"]);
-var Ce = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>'), Se = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>'), Me = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>'), Te = /* @__PURE__ */ ns_template('<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>');
+var Ce = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>'), Se = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>'), Me = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>'), Ie = /* @__PURE__ */ ns_template('<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>');
 function Icon(e2, t2) {
   let n2 = prop(t2, "type", 8, "success");
   var o2 = comment(), i2 = first_child(o2), consequent = (e3) => {
@@ -2395,7 +2395,7 @@ function Icon(e2, t2) {
         append(e5, Me());
       }, alternate_2 = (e5, t5) => {
         var consequent_3 = (e6) => {
-          append(e6, Te());
+          append(e6, Ie());
         }, alternate_3 = (e6) => {
         };
         if_block(e5, (e6) => {
@@ -2414,15 +2414,15 @@ function Icon(e2, t2) {
     "success" === n2() ? e3(consequent) : e3(alternate, false);
   }), append(e2, o2);
 }
-var qe = /* @__PURE__ */ template('<div class="sonner-loading-bar"></div>'), Ie = /* @__PURE__ */ template('<div class="sonner-loading-wrapper"><div class="sonner-spinner"></div></div>');
+var Te = /* @__PURE__ */ template('<div class="sonner-loading-bar"></div>'), qe = /* @__PURE__ */ template('<div class="sonner-loading-wrapper"><div class="sonner-spinner"></div></div>');
 function Loader(e2, t2) {
   push(t2, false);
   let n2 = prop(t2, "visible", 8);
   const o2 = Array(12).fill(0);
   init();
-  var i2 = Ie();
+  var i2 = qe();
   each(child(i2), 5, () => o2, index, (e3, t3) => {
-    append(e3, qe());
+    append(e3, Te());
   }), template_effect(() => set_attribute(i2, "data-visible", n2())), append(e2, i2), pop();
 }
 function cn(...e2) {
@@ -2441,15 +2441,15 @@ function clientWritable(e2) {
     }
   };
 }
-let Oe = 0;
-const Ee = function createToastState() {
+let De = 0;
+const Oe = function createToastState() {
   const e2 = clientWritable([]), t2 = clientWritable([]);
   function addToast(t3) {
     e2.update((e3) => [t3, ...e3]);
   }
   function create(t3) {
     var _a2;
-    const { message: n2, ...o2 } = t3, i2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a2 = t3.id) == null ? void 0 : _a2.length) > 0 ? t3.id : Oe++, s2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === i2);
+    const { message: n2, ...o2 } = t3, i2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a2 = t3.id) == null ? void 0 : _a2.length) > 0 ? t3.id : De++, s2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === i2);
     return l2 ? e2.update((e3) => e3.map((e4) => e4.id === i2 ? {
       ...e4,
       ...t3,
@@ -2586,7 +2586,7 @@ const Ee = function createToastState() {
       }), n2;
     },
     custom: function custom(e3, t3) {
-      const n2 = (t3 == null ? void 0 : t3.id) || Oe++;
+      const n2 = (t3 == null ? void 0 : t3.id) || De++;
       return create({
         component: e3,
         id: n2,
@@ -2608,26 +2608,26 @@ const Ee = function createToastState() {
   };
 }();
 const je = function toastFunction(e2, t2) {
-  return Ee.create({
+  return Oe.create({
     message: e2,
     ...t2
   });
-}, Ne = Object.assign(je, {
-  success: Ee.success,
-  info: Ee.info,
-  warning: Ee.warning,
-  error: Ee.error,
-  custom: Ee.custom,
-  message: Ee.message,
-  promise: Ee.promise,
-  dismiss: Ee.dismiss,
-  loading: Ee.loading
+}, Ee = Object.assign(je, {
+  success: Oe.success,
+  info: Oe.info,
+  warning: Oe.warning,
+  error: Oe.error,
+  custom: Oe.custom,
+  message: Oe.message,
+  promise: Oe.promise,
+  dismiss: Oe.dismiss,
+  loading: Oe.loading
 });
-var Be = /* @__PURE__ */ template('<button aria-label="Close toast" data-close-button=""><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>'), De = /* @__PURE__ */ template('<div data-icon=""><!> <!></div>'), Ae = /* @__PURE__ */ template('<div data-title=""><!></div>'), We = /* @__PURE__ */ template('<div data-description=""><!></div>'), ze = /* @__PURE__ */ template('<button data-button="" data-cancel=""> </button>'), Le = /* @__PURE__ */ template('<button data-button=""> </button>'), Fe = /* @__PURE__ */ template('<!> <div data-content=""><!> <!></div> <!> <!>', 1), Ge = /* @__PURE__ */ template('<li aria-atomic="true" role="status" data-sonner-toast=""><!> <!></li>');
+var Ne = /* @__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>'), Be = /* @__PURE__ */ template('<div data-icon=""><!> <!></div>'), Ae = /* @__PURE__ */ template('<div data-title=""><!></div>'), We = /* @__PURE__ */ template('<div data-description=""><!></div>'), ze = /* @__PURE__ */ template('<button data-button="" data-cancel=""> </button>'), Le = /* @__PURE__ */ template('<button data-button=""> </button>'), Ge = /* @__PURE__ */ template('<!> <div data-content=""><!> <!></div> <!> <!>', 1), Fe = /* @__PURE__ */ template('<li aria-atomic="true" role="status" data-sonner-toast=""><!> <!></li>');
 function Toast(e2, t2) {
   const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]);
   push(t2, false);
-  const [o2, i2] = setup_stores(), $heights = () => store_get(y2, "$heights", o2), $effect = () => store_get(get$1(Q2), "$effect", o2), s2 = mutable_state(void 0, true), a2 = mutable_state(void 0, true), l2 = mutable_state(void 0, true), c2 = mutable_state(void 0, true), u2 = mutable_state(void 0, true), f2 = mutable_state(void 0, true), d2 = mutable_state(void 0, true), p2 = mutable_state(void 0, true), _2 = mutable_state(void 0, true), v2 = mutable_state(void 0, true), g2 = mutable_state(void 0, true), h2 = mutable_state(void 0, true), m2 = {
+  const [o2, i2] = setup_stores(), $heights = () => store_get(y2, "$heights", o2), $effect = () => store_get(get$1(Q2), "$effect", o2), s2 = mutable_state(void 0, true), a2 = mutable_state(void 0, true), l2 = mutable_state(void 0, true), c2 = mutable_state(void 0, true), u2 = mutable_state(void 0, true), d2 = mutable_state(void 0, true), f2 = mutable_state(void 0, true), p2 = mutable_state(void 0, true), _2 = mutable_state(void 0, true), g2 = mutable_state(void 0, true), v2 = mutable_state(void 0, true), h2 = mutable_state(void 0, true), m2 = {
     toast: "",
     title: "",
     description: "",
@@ -2642,21 +2642,21 @@ function Toast(e2, t2) {
     default: "",
     info: "",
     loading: ""
-  }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = Ee;
-  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), T2 = prop(t2, "position", 9), q2 = prop(t2, "visibleToasts", 9), I2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), O2 = prop(t2, "interacting", 9), E2 = prop(t2, "cancelButtonStyle", 9, ""), j2 = prop(t2, "actionButtonStyle", 9, ""), N2 = prop(t2, "duration", 9, 4e3), B2 = prop(t2, "descriptionClass", 9, ""), D2 = prop(t2, "classes", 29, () => ({})), A2 = prop(t2, "unstyled", 9, false), W2 = mutable_state(false, true), z2 = mutable_state(false, true), L2 = mutable_state(false, true), F2 = mutable_state(false, true), G2 = mutable_state(0, true), H2 = mutable_state(0, true), R2 = mutable_state(void 0, true), V2 = mutable_state(0, true), K2 = 0, U2 = 0, Z2 = null;
+  }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = Oe;
+  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), I2 = prop(t2, "position", 9), T2 = prop(t2, "visibleToasts", 9), q2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), D2 = prop(t2, "interacting", 9), O2 = prop(t2, "cancelButtonStyle", 9, ""), j2 = prop(t2, "actionButtonStyle", 9, ""), E2 = prop(t2, "duration", 9, 4e3), N2 = prop(t2, "descriptionClass", 9, ""), B2 = prop(t2, "classes", 29, () => ({})), A2 = prop(t2, "unstyled", 9, false), W2 = mutable_state(false, true), z2 = mutable_state(false, true), L2 = mutable_state(false, true), G2 = mutable_state(false, true), F2 = mutable_state(0, true), H2 = mutable_state(0, true), R2 = mutable_state(void 0, true), V2 = mutable_state(0, true), K2 = 0, U2 = 0, Y2 = null;
   function deleteToast() {
     set(z2, true), // Save the offset for the exit swipe animation
-    set(G2, get$1(V2)), $2(k2().id), setTimeout(() => {
+    set(F2, get$1(V2)), $2(k2().id), setTimeout(() => {
       x2(k2().id);
     }, 200);
   }
-  let J2 = mutable_state(void 0, true), Y2 = mutable_state(k2().duration || N2() || 4e3, true);
+  let Z2 = mutable_state(void 0, true), J2 = mutable_state(k2().duration || E2() || 4e3, true);
   function startTimer() {
     K2 = (/* @__PURE__ */ new Date()).getTime(), // Let the toast know it has started
-    set(J2, setTimeout(() => {
+    set(Z2, setTimeout(() => {
       var _a2, _b2;
       (_b2 = (_a2 = k2()).onAutoClose) == null ? void 0 : _b2.call(_a2, k2()), deleteToast();
-    }, get$1(Y2)));
+    }, get$1(J2)));
   }
   let Q2 = mutable_state(void 0, true);
   onMount(() => {
@@ -2666,15 +2666,15 @@ function Toast(e2, t2) {
       toastId: k2().id,
       height: e3
     }), () => $2(k2().id);
-  }), legacy_pre_effect(() => deep_read_state(D2()), () => {
-    D2({
+  }), legacy_pre_effect(() => deep_read_state(B2()), () => {
+    B2({
       ...m2,
-      ...D2()
+      ...B2()
     });
   }), legacy_pre_effect(() => deep_read_state(C2()), () => {
     set(s2, 0 === C2());
-  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(q2())), () => {
-    set(a2, C2() + 1 <= q2());
+  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(T2())), () => {
+    set(a2, C2() + 1 <= T2());
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
     set(l2, k2().title);
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
@@ -2682,30 +2682,30 @@ function Toast(e2, t2) {
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
     set(u2, k2().type);
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
-    set(f2, k2().class || "");
+    set(d2, k2().class || "");
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
-    set(d2, k2().descriptionClass || "");
+    set(f2, k2().descriptionClass || "");
   }), legacy_pre_effect(() => ($heights(), deep_read_state(k2())), () => {
     set(p2, $heights().findIndex((e3) => e3.toastId === k2().id) || 0);
-  }), legacy_pre_effect(() => deep_read_state(T2()), () => {
-    set(_2, T2().split("-"));
+  }), legacy_pre_effect(() => deep_read_state(I2()), () => {
+    set(_2, I2().split("-"));
   }), legacy_pre_effect(() => ($heights(), get$1(p2)), () => {
-    set(v2, $heights().reduce((e3, t3, n3) => (
+    set(g2, $heights().reduce((e3, t3, n3) => (
       // Calculate offset up untill current  toast
       n3 >= get$1(p2) ? e3 : e3 + t3.height
     ), 0));
   }), legacy_pre_effect(() => (deep_read_state(M2()), deep_read_state(k2())), () => {
     M2(k2().invert || M2());
   }), legacy_pre_effect(() => get$1(u2), () => {
-    set(g2, "loading" === get$1(u2));
-  }), legacy_pre_effect(() => (get$1(p2), get$1(v2)), () => {
-    set(V2, Math.round(14 * get$1(p2) + get$1(v2)));
+    set(v2, "loading" === get$1(u2));
+  }), legacy_pre_effect(() => (get$1(p2), get$1(g2)), () => {
+    set(V2, Math.round(14 * get$1(p2) + get$1(g2)));
   }), 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(W2)) return;
       let e3;
-      await tick(), e3 = S2() || I2() ? 1 : 1 - 0.05 * C2(), get$1(R2).style.setProperty("height", "auto");
+      await tick(), e3 = S2() || q2() ? 1 : 1 - 0.05 * C2(), get$1(R2).style.setProperty("height", "auto");
       const t3 = get$1(R2).offsetHeight, n3 = get$1(R2).getBoundingClientRect().height, o3 = Math.round(100 * (n3 / e3 + Number.EPSILON)) / 100;
       let i3;
       get$1(R2).style.removeProperty("height"), // Use scaledRectHeight as it's more precise
@@ -2714,20 +2714,20 @@ function Toast(e2, t2) {
         height: i3
       });
     }();
-  }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(J2), deep_read_state(N2())), () => {
+  }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(Z2), deep_read_state(E2())), () => {
     k2().updated && // if the toast has been updated after the initial render,
     // we want to reset the timer and set the remaining time to the
     // new duration
-    (clearTimeout(get$1(J2)), set(Y2, k2().duration || N2() || 4e3), startTimer());
+    (clearTimeout(get$1(Z2)), set(J2, k2().duration || E2() || 4e3), startTimer());
   }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(u2)), () => {
     set(h2, k2().promise && "loading" === get$1(u2) || k2().duration === Number.POSITIVE_INFINITY);
-  }), legacy_pre_effect(() => (get$1(h2), deep_read_state(S2()), deep_read_state(O2()), get$1(J2)), () => {
+  }), legacy_pre_effect(() => (get$1(h2), deep_read_state(S2()), deep_read_state(D2()), get$1(Z2)), () => {
     var e3;
     !function store_unsub(e4, t3, n3) {
       let o3 = n3[t3];
       return o3 && o3.store !== e4 && // Don't reset store yet, so that store_get above can resubscribe to new store if necessary
       (o3.unsubscribe(), o3.unsubscribe = noop), e4;
-    }(set(Q2, (e3 = () => (get$1(h2) || (S2() || O2() ? (
+    }(set(Q2, (e3 = () => (get$1(h2) || (S2() || D2() ? (
       // 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
@@ -2735,11 +2735,11 @@ function Toast(e2, t2) {
       function pauseTimer() {
         if (U2 < K2) {
           const e4 = (/* @__PURE__ */ new Date()).getTime() - K2;
-          set(Y2, get$1(Y2) - e4);
+          set(J2, get$1(J2) - e4);
         }
         U2 = (/* @__PURE__ */ new Date()).getTime();
       }()
-    ) : startTimer()), () => clearTimeout(get$1(J2))), {
+    ) : startTimer()), () => clearTimeout(get$1(Z2))), {
       subscribe: e3
     })), "$effect", o2);
   }), legacy_pre_effect(() => $effect(), () => {
@@ -2747,19 +2747,19 @@ function Toast(e2, t2) {
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
     k2().delete && deleteToast();
   }), legacy_pre_effect_reset(), init(true);
-  var ee2 = Ge();
+  var ee2 = Fe();
   let te2;
   set_attribute(ee2, "tabindex", 0);
   var ne2 = child(ee2), consequent = (e3) => {
-    var t3 = Be();
+    var t3 = Ne();
     template_effect((e4) => {
-      set_attribute(t3, "data-disabled", get$1(g2)), set_class(t3, 1, 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 = B2()) == 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(g2) ? void 0 : () => {
+      (_a2 = get$1(v2) ? void 0 : () => {
         var _a3, _b2;
         deleteToast(), (_b2 = (_a3 = k2()).onDismiss) == null ? void 0 : _b2.call(_a3, k2());
       }) == null ? void 0 : _a2.apply(this, e4);
@@ -2778,8 +2778,8 @@ function Toast(e2, t2) {
       }));
     }), append(e3, t3);
   }, alternate = (e3) => {
-    var n3 = Fe(), o3 = first_child(n3), consequent_8 = (e4) => {
-      var n4 = De(), o4 = child(n4), consequent_2 = (e5) => {
+    var n3 = Ge(), o3 = first_child(n3), consequent_8 = (e4) => {
+      var n4 = Be(), o4 = child(n4), consequent_2 = (e5) => {
         var n5 = comment();
         slot(first_child(n5), t2, "loading-icon", {}, null), append(e5, n5);
       };
@@ -2845,7 +2845,7 @@ function Toast(e2, t2) {
         "string" != typeof k2().title ? e5(consequent_9) : e5(alternate_5, false);
       }), template_effect((e5) => set_class(t3, 1, e5), [() => {
         var _a2, _b2, _c2;
-        return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.title, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.title));
+        return clsx(cn((_a2 = B2()) == 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(s3, (e4) => {
@@ -2865,7 +2865,7 @@ function Toast(e2, t2) {
         "string" != typeof k2().description ? e5(consequent_11) : e5(alternate_6, false);
       }), template_effect((e5) => set_class(t3, 1, e5), [() => {
         var _a2, _b2;
-        return clsx(cn(B2(), get$1(d2), (_a2 = D2()) == null ? void 0 : _a2.description, (_b2 = k2().classes) == null ? void 0 : _b2.description));
+        return clsx(cn(N2(), get$1(f2), (_a2 = B2()) == null ? void 0 : _a2.description, (_b2 = k2().classes) == null ? void 0 : _b2.description));
       }], derived_safe_equal), append(e4, t3);
     };
     if_block(a3, (e4) => {
@@ -2874,10 +2874,10 @@ function Toast(e2, t2) {
     var l3 = sibling(i3, 2), consequent_13 = (e4) => {
       var t3 = ze(), n4 = child(t3);
       template_effect((e5) => {
-        set_style(t3, E2()), set_class(t3, 1, e5), set_text(n4, k2().cancel.label);
+        set_style(t3, O2()), 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 = B2()) == 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();
@@ -2892,7 +2892,7 @@ function Toast(e2, t2) {
         set_style(t3, j2()), 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 = B2()) == 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();
@@ -2906,37 +2906,37 @@ 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) || A2())), set_attribute(ee2, "data-mounted", get$1(W2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(z2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(_2)[0]), set_attribute(ee2, "data-x-position", get$1(_2)[1]), set_attribute(ee2, "data-index", C2()), set_attribute(ee2, "data-front", get$1(s2)), set_attribute(ee2, "data-swiping", get$1(L2)), set_attribute(ee2, "data-type", get$1(u2)), set_attribute(ee2, "data-invert", M2()), set_attribute(ee2, "data-swipe-out", get$1(F2)), set_attribute(ee2, "data-expanded", i3), te2 = set_style(ee2, `${n2.style} ${k2().style}`, te2, {
+    set_attribute(ee2, "aria-live", k2().important ? "assertive" : "polite"), set_class(ee2, 1, e3), set_attribute(ee2, "data-styled", !(k2().component || ((_a2 = k2()) == null ? void 0 : _a2.unstyled) || A2())), set_attribute(ee2, "data-mounted", get$1(W2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(z2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(_2)[0]), set_attribute(ee2, "data-x-position", get$1(_2)[1]), set_attribute(ee2, "data-index", C2()), set_attribute(ee2, "data-front", get$1(s2)), set_attribute(ee2, "data-swiping", get$1(L2)), set_attribute(ee2, "data-type", get$1(u2)), set_attribute(ee2, "data-invert", M2()), set_attribute(ee2, "data-swipe-out", get$1(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", o2).length - C2(),
-      "--offset": `${get$1(z2) ? get$1(G2) : get$1(V2)}px`,
+      "--offset": `${get$1(z2) ? get$1(F2) : get$1(V2)}px`,
       "--initial-height": `${get$1(H2)}px`
     });
   }, [() => {
     var _a2, _b2, _c2, _d, _e2, _f;
-    return clsx(cn(n2.class, get$1(f2), (_a2 = D2()) == null ? void 0 : _a2.toast, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.toast, (_d = D2()) == null ? void 0 : _d[get$1(u2)], (_f = (_e2 = k2()) == null ? void 0 : _e2.classes) == null ? void 0 : _f[get$1(u2)]));
-  }, () => Boolean(k2().promise), () => Boolean(S2() || I2() && get$1(W2))], derived_safe_equal), event("pointerdown", ee2, function onPointerDown(e3) {
-    if (get$1(g2)) return;
-    set(G2, get$1(V2));
+    return clsx(cn(n2.class, get$1(d2), (_a2 = B2()) == null ? void 0 : _a2.toast, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.toast, (_d = B2()) == null ? void 0 : _d[get$1(u2)], (_f = (_e2 = k2()) == null ? void 0 : _e2.classes) == null ? void 0 : _f[get$1(u2)]));
+  }, () => Boolean(k2().promise), () => Boolean(S2() || q2() && get$1(W2))], derived_safe_equal), event("pointerdown", ee2, function onPointerDown(e3) {
+    if (get$1(v2)) return;
+    set(F2, get$1(V2));
     const t3 = e3.target;
-    t3.setPointerCapture(e3.pointerId), "BUTTON" !== t3.tagName && (set(L2, true), Z2 = {
+    t3.setPointerCapture(e3.pointerId), "BUTTON" !== t3.tagName && (set(L2, true), Y2 = {
       x: e3.clientX,
       y: e3.clientY
     });
   }), event("pointerup", ee2, function onPointerUp() {
     var _a2, _b2, _c2;
-    if (get$1(F2)) return;
-    Z2 = null;
+    if (get$1(G2)) return;
+    Y2 = null;
     const e3 = Number(((_a2 = get$1(R2)) == null ? void 0 : _a2.style.getPropertyValue("--swipe-amount").replace("px", "")) || 0);
-    if (Math.abs(e3) >= 20) return set(G2, get$1(V2)), (_c2 = (_b2 = k2()).onDismiss) == null ? void 0 : _c2.call(_b2, k2()), deleteToast(), void set(F2, true);
+    if (Math.abs(e3) >= 20) return set(F2, get$1(V2)), (_c2 = (_b2 = k2()).onDismiss) == null ? void 0 : _c2.call(_b2, k2()), deleteToast(), void set(G2, true);
     get$1(R2).style.setProperty("--swipe-amount", "0px"), set(L2, false);
   }), event("pointermove", ee2, function onPointerMove(e3) {
-    if (!Z2) return;
-    const t3 = e3.clientY - Z2.y, n3 = e3.clientX - Z2.x, o3 = ("top" === get$1(_2)[0] ? Math.min : Math.max)(0, t3), i3 = "touch" === e3.pointerType ? 10 : 2;
+    if (!Y2) return;
+    const t3 = e3.clientY - Y2.y, n3 = e3.clientX - Y2.x, o3 = ("top" === get$1(_2)[0] ? Math.min : Math.max)(0, t3), i3 = "touch" === e3.pointerType ? 10 : 2;
     Math.abs(o3) > i3 ? get$1(R2).style.setProperty("--swipe-amount", `${t3}px`) : Math.abs(n3) > i3 && // User is swiping in wrong direction so we disable swipe gesture
     // for the current pointer down interaction
-    (Z2 = null);
+    (Y2 = null);
   }), append(e2, ee2), pop(), i2();
 }
 var He = /* @__PURE__ */ template("<ol></ol>"), Re = /* @__PURE__ */ template('<section class="svelte-1fo5d1m"></section>');
@@ -2950,25 +2950,25 @@ function Toaster(e2, t2) {
     const e3 = document.documentElement.getAttribute("dir");
     return "auto" !== e3 && e3 ? e3 : window.getComputedStyle(document.documentElement).direction;
   }
-  let f2 = prop(t2, "invert", 8, false), d2 = prop(t2, "theme", 8, "light"), p2 = prop(t2, "position", 8, "bottom-right"), _2 = prop(t2, "hotkey", 24, () => ["altKey", "KeyT"]), v2 = prop(t2, "containerAriaLabel", 8, "Notifications"), g2 = prop(t2, "richColors", 8, false), h2 = prop(t2, "expand", 8, false), m2 = prop(t2, "duration", 8, 4e3), b2 = prop(t2, "visibleToasts", 8, 3), y2 = prop(t2, "closeButton", 8, false), $2 = prop(t2, "toastOptions", 24, () => ({})), w2 = prop(t2, "offset", 8, null), x2 = prop(t2, "dir", 24, getDocumentDirection);
-  const { toasts: k2, heights: C2, reset: S2 } = Ee;
-  let M2 = mutable_state(false), q2 = mutable_state(false), I2 = mutable_state(function getInitialTheme(e3) {
+  let d2 = prop(t2, "invert", 8, false), f2 = prop(t2, "theme", 8, "light"), p2 = prop(t2, "position", 8, "bottom-right"), _2 = prop(t2, "hotkey", 24, () => ["altKey", "KeyT"]), 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: S2 } = Oe;
+  let M2 = mutable_state(false), T2 = mutable_state(false), q2 = mutable_state(function getInitialTheme(e3) {
     return "system" !== e3 ? e3 : "undefined" != typeof window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? c2 : u2;
-  }(d2())), P2 = mutable_state(), O2 = null, E2 = false;
+  }(f2())), P2 = mutable_state(), D2 = null, O2 = false;
   function handleBlur(e3) {
-    E2 && !e3.currentTarget.contains(e3.relatedTarget) && (E2 = false, O2 && (O2.focus({
+    O2 && !e3.currentTarget.contains(e3.relatedTarget) && (O2 = false, D2 && (D2.focus({
       preventScroll: true
-    }), O2 = null));
+    }), D2 = null));
   }
   function handleFocus(e3) {
-    E2 || (E2 = true, O2 = e3.relatedTarget);
+    O2 || (O2 = true, D2 = e3.relatedTarget);
   }
   !function onDestroy(e3) {
-    null === T && lifecycle_outside_component(), onMount(() => () => untrack(e3));
+    null === I && lifecycle_outside_component(), onMount(() => () => untrack(e3));
   }(() => {
-    get$1(P2) && O2 && (O2.focus({
+    get$1(P2) && D2 && (D2.focus({
       preventScroll: true
-    }), O2 = null, E2 = false);
+    }), D2 = null, O2 = false);
   }), onMount(() => {
     S2();
     const handleKeydown = (e3) => {
@@ -2996,18 +2996,18 @@ function Toaster(e2, t2) {
       } : t4);
       k2.set(t3);
     }
-  }), legacy_pre_effect(() => deep_read_state(d2()), () => {
-    if ("system" !== d2() && set(I2, d2()), "undefined" != typeof window) {
-      "system" === d2() && // check if current preference is dark
+  }), legacy_pre_effect(() => deep_read_state(f2()), () => {
+    if ("system" !== f2() && set(q2, f2()), "undefined" != typeof window) {
+      "system" === f2() && // check if current preference is dark
       (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? (
         // it's currently dark
-        set(I2, c2)
+        set(q2, c2)
       ) : (
         // it's not dark
-        set(I2, u2)
+        set(q2, u2)
       ));
       const e3 = window.matchMedia("(prefers-color-scheme: dark)"), changeHandler = ({ matches: e4 }) => {
-        set(I2, e4 ? c2 : u2);
+        set(q2, e4 ? c2 : u2);
       };
       "addEventListener" in e3 ? e3.addEventListener("change", changeHandler) : (
         // @ts-expect-error deprecated API
@@ -3015,7 +3015,7 @@ function Toaster(e2, t2) {
       );
     }
   }), legacy_pre_effect_reset(), init();
-  var j2 = comment(), N2 = first_child(j2), consequent = (e3) => {
+  var j2 = comment(), E2 = first_child(j2), consequent = (e3) => {
     var s3 = Re();
     set_attribute(s3, "tabindex", -1), each(s3, 5, () => get$1(a2), index, (e4, s4, a3, l3) => {
       var c3 = He();
@@ -3033,7 +3033,7 @@ function Toaster(e2, t2) {
         }), u4 = /* @__PURE__ */ derived_safe_equal(() => {
           var _a2;
           return ((_a2 = $2()) == null ? void 0 : _a2.descriptionClass) || "";
-        }), d3 = /* @__PURE__ */ derived_safe_equal(() => $2().classes || {}), p3 = /* @__PURE__ */ derived_safe_equal(() => {
+        }), f3 = /* @__PURE__ */ derived_safe_equal(() => $2().classes || {}), p3 = /* @__PURE__ */ derived_safe_equal(() => {
           var _a2;
           return ((_a2 = $2()) == null ? void 0 : _a2.duration) ?? m2();
         }), _3 = /* @__PURE__ */ derived_safe_equal(() => $2().unstyled || false);
@@ -3045,7 +3045,7 @@ function Toaster(e2, t2) {
             return get$1(n3);
           },
           get invert() {
-            return f2();
+            return d2();
           },
           get visibleToasts() {
             return b2();
@@ -3054,7 +3054,7 @@ function Toaster(e2, t2) {
             return y2();
           },
           get interacting() {
-            return get$1(q2);
+            return get$1(T2);
           },
           get position() {
             return get$1(s4);
@@ -3078,7 +3078,7 @@ function Toaster(e2, t2) {
             return get$1(u4);
           },
           get classes() {
-            return get$1(d3);
+            return get$1(f3);
           },
           get duration() {
             return get$1(p3);
@@ -3138,14 +3138,14 @@ function Toaster(e2, t2) {
           tabIndex: -1,
           class: n2.class,
           "data-sonner-toaster": true,
-          "data-theme": get$1(I2),
-          "data-rich-colors": g2(),
+          "data-theme": get$1(q2),
+          "data-rich-colors": v2(),
           dir: e5,
           "data-y-position": t3,
           "data-x-position": s5,
           style: n2.style,
           ...o2,
-          [de]: {
+          [fe]: {
             "--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",
@@ -3153,11 +3153,11 @@ function Toaster(e2, t2) {
           }
         }, "svelte-1fo5d1m"), c3.dir = c3.dir;
       }, [() => "auto" === x2() ? getDocumentDirection() : x2(), () => get$1(s4).split("-")[0], () => get$1(s4).split("-")[1]], derived_safe_equal), event("blur", c3, handleBlur), event("focus", c3, handleFocus), event("mouseenter", c3, () => set(M2, true)), event("mousemove", c3, () => set(M2, true)), event("mouseleave", c3, () => {
-        get$1(q2) || set(M2, false);
-      }), event("pointerdown", c3, () => set(q2, true)), event("pointerup", c3, () => set(q2, false)), append(e4, c3);
-    }), template_effect(() => set_attribute(s3, "aria-label", `${v2()} ${get$1(l2)}`)), append(e3, s3);
+        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(s3, "aria-label", `${g2()} ${get$1(l2)}`)), append(e3, s3);
   };
-  if_block(N2, (e3) => {
+  if_block(E2, (e3) => {
     $toasts().length > 0 && e3(consequent);
   }), append(e2, j2), pop(), s2();
 }
@@ -3170,11 +3170,11 @@ function playGame(e2, t2) {
   var _a2;
   e2.stopPropagation(), e2.preventDefault(), (_a2 = t2.onClick) == null ? void 0 : _a2.call(t2, t2.game.id), window.open("https://" + t2.game.domain, "_blank", "noopener");
 }
-var Ue = /* @__PURE__ */ template('<div><p class="text-primary font-bold uppercase">New</p></div>'), Ze = /* @__PURE__ */ template('<video playsinline="" loop preload="auto"></video>', 2), Je = /* @__PURE__ */ template("<button>Play</button>"), Xe = /* @__PURE__ */ template('<div class="bg-background/75 text-foreground absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden backdrop-blur-xl"><div class="hide-scrollbar h-full w-full overflow-y-auto p-3 svelte-rulnq9"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <div class="fade-mask bg-background/75 pointer-events-none absolute right-0 bottom-0 left-0 h-8 svelte-rulnq9"></div></div>'), Ye = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" loading="eager"> <!> <!> <img alt="game logo" loading="eager"></div>');
+var Ue = /* @__PURE__ */ template('<div><p class="text-primary font-bold uppercase">New</p></div>'), Ye = /* @__PURE__ */ template('<video playsinline="" loop preload="auto"></video>', 2), Ze = /* @__PURE__ */ template("<button>Play</button>"), Je = /* @__PURE__ */ template('<div class="bg-background/75 text-foreground absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden backdrop-blur-xl"><div class="hide-scrollbar h-full w-full overflow-y-auto p-3 svelte-rulnq9"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <div class="fade-mask bg-background/75 pointer-events-none absolute right-0 bottom-0 left-0 h-8 svelte-rulnq9"></div></div>'), Xe = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" loading="eager"> <!> <!> <img alt="game logo" loading="eager"></div>');
 function GameCard(e2, t2) {
   push(t2, true);
   const [n2, o2] = setup_stores();
-  let i2 = state(false), s2 = state(void 0), a2 = state(false), l2 = state(false), c2 = state(false), u2 = state(false), f2 = state(void 0);
+  let i2 = state(false), s2 = state(void 0), a2 = state(false), l2 = state(false), c2 = state(false), u2 = state(false), d2 = state(void 0);
   function handleMouseEnter() {
     get$1(i2) || get$1(u2) || function playSound(e3, t3 = 1) {
       try {
@@ -3191,14 +3191,14 @@ function GameCard(e2, t2) {
   user_effect(() => {
     set(u2, "ontouchstart" in window);
   });
-  var d2 = Ye();
-  event("touchstart", q, () => set(u2, true), void 0, true), event("touchstart", I, function handleDocumentTouch(e3) {
-    get$1(f2) && !get$1(f2).contains(e3.target) && set(i2, false);
-  }, void 0, true), d2.__touchstart = handleMouseEnter, d2.__click = [handleClick, u2, t2];
-  var p2 = child(d2), consequent = (e3) => {
+  var f2 = Xe();
+  event("touchstart", T, () => set(u2, true), void 0, true), event("touchstart", q, function handleDocumentTouch(e3) {
+    get$1(d2) && !get$1(d2).contains(e3.target) && set(i2, false);
+  }, void 0, true), f2.__touchstart = handleMouseEnter, f2.__click = [handleClick, u2, t2];
+  var p2 = child(f2), consequent = (e3) => {
     var t3 = Ue();
     let n3;
-    template_effect((e4) => n3 = set_class(t3, 1, "bg-background absolute top-4 right-4 z-13 px-2 py-0.5 transition-opacity", null, n3, e4), [() => ({
+    template_effect((e4) => n3 = set_class(t3, 1, "bg-background absolute top-4 right-4 z-13 px-2 py-0.5 transition-opacity select-none", null, n3, e4), [() => ({
       "opacity-0": get$1(i2)
     })]), append(e3, t3);
   };
@@ -3210,7 +3210,7 @@ function GameCard(e2, t2) {
     })((_a2 = t2.game) == null ? void 0 : _a2.created_at) && e3(consequent);
   });
   var _2 = sibling(p2, 2), consequent_1 = (e3) => {
-    var n3 = Ze();
+    var n3 = Ye();
     let o3;
     n3.muted = true, bind_this(n3, (e4) => set(s2, e4), () => get$1(s2)), template_effect((e4) => {
       set_attribute(n3, "src", t2.game.cover_video_url), o3 = set_class(n3, 1, "absolute top-0 left-0 z-5 h-full w-full object-cover opacity-0", null, o3, e4);
@@ -3223,10 +3223,10 @@ function GameCard(e2, t2) {
   if_block(_2, (e3) => {
     t2.game.cover_video_url && e3(consequent_1);
   });
-  var v2 = sibling(_2, 2);
-  let g2;
-  var h2 = sibling(v2, 2), consequent_2 = (e3) => {
-    var n3 = Je();
+  var g2 = sibling(_2, 2);
+  let v2;
+  var h2 = sibling(g2, 2), consequent_2 = (e3) => {
+    var n3 = Ze();
     let o3;
     n3.__click = [playGame, t2], template_effect((e4) => o3 = set_class(n3, 1, "bg-foreground text-background hover:bg-foreground/90 absolute right-4 bottom-4 z-15 flex items-center justify-center rounded-sm px-3 py-1 font-bold uppercase transition-all", null, o3, e4), [() => ({
       "opacity-0": get$1(i2)
@@ -3236,7 +3236,7 @@ function GameCard(e2, t2) {
     get$1(u2) && e3(consequent_2);
   });
   var m2 = sibling(h2, 2), consequent_3 = (e3) => {
-    var n3 = Xe(), o3 = child(n3), i3 = child(o3), s3 = child(i3), a3 = child(sibling(i3, 2));
+    var n3 = Je(), o3 = child(n3), i3 = child(o3), s3 = child(i3), a3 = child(sibling(i3, 2));
     template_effect(() => {
       set_text(s3, t2.game.name), set_text(a3, t2.game.description || "No description.");
     }), transition(3, n3, () => slide), append(e3, n3);
@@ -3246,17 +3246,17 @@ function GameCard(e2, t2) {
   });
   var b2 = sibling(m2, 2);
   let y2;
-  bind_this(d2, (e3) => set(f2, e3), () => get$1(f2)), template_effect((e3, n3) => {
-    set_class(d2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] h-1/2 max-h-[75vh] min-h-92 cursor-pointer flex-col shadow-xl transition hover:outline-2 hover:brightness-105 lg:h-3/7 ${(get$1(l2) ? "" : "animate-pulse") ?? ""}`, "svelte-rulnq9"), set_attribute(v2, "src", t2.game.cover_image_url), g2 = set_class(v2, 1, "prevent-image-select absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-rulnq9", null, g2, e3), set_attribute(b2, "src", t2.game.logo_url), y2 = set_class(b2, 1, "absolute right-0 -bottom-[18%] left-0 z-12 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 transition group-hover:outline-2 prevent-image-select svelte-rulnq9", null, y2, n3);
+  bind_this(f2, (e3) => set(d2, e3), () => get$1(d2)), template_effect((e3, n3) => {
+    set_class(f2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] h-1/2 max-h-[75vh] min-h-92 cursor-pointer flex-col shadow-xl transition hover:outline-2 lg:h-3/7 ${(get$1(l2) ? "" : "animate-pulse") ?? ""}`, "svelte-rulnq9"), set_attribute(g2, "src", t2.game.cover_image_url), v2 = set_class(g2, 1, "prevent-image-select absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-rulnq9", null, v2, e3), set_attribute(b2, "src", t2.game.logo_url), y2 = set_class(b2, 1, "absolute right-0 -bottom-[18%] left-0 z-12 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 transition group-hover:outline-2 prevent-image-select svelte-rulnq9", null, y2, n3);
   }, [() => ({
     "opacity-100": get$1(l2) && (!get$1(i2) || !get$1(a2) || !t2.game.cover_video_url)
   }), () => ({
     "opacity-100": get$1(c2)
-  })]), event("mouseenter", d2, handleMouseEnter), event("focus", d2, handleMouseEnter), event("mouseleave", d2, handleMouseLeave), event("blur", d2, handleMouseLeave), event("load", v2, () => {
+  })]), event("mouseenter", f2, handleMouseEnter), event("focus", f2, handleMouseEnter), event("mouseleave", f2, handleMouseLeave), event("blur", f2, handleMouseLeave), event("load", g2, () => {
     set(l2, true);
   }), event("load", b2, () => {
     set(c2, true);
-  }), append(e2, d2), pop(), o2();
+  }), append(e2, f2), pop(), o2();
 }
 delegate(["touchstart", "click"]);
 const Qe = new (_b = class {
@@ -3285,7 +3285,7 @@ const Qe = new (_b = class {
       }
       return await o2.json();
     } catch (e3) {
-      Ne.error("Error: " + e3), console.error("Playlight API error:", e3);
+      Ee.error("Error: " + e3), console.error("Playlight API error:", e3);
     }
   }
   // Get all categories
@@ -3303,9 +3303,9 @@ const Qe = new (_b = class {
   async getCurrentGameInfo() {
     if (this.currentGame) return this.currentGame;
     let e2 = "/game-by-domain/" + __privateMethod(this, _PlayLightAPI_instances, e_fn).call(this);
-    return this.currentGame = await this.request(e2), {
+    return this.currentGame = await this.request(e2), this.currentGame ? {
       ...this.currentGame
-    };
+    } : void 0;
   }
   // Track discovery overlay open
   async trackOpen() {
@@ -3328,6 +3328,13 @@ const Qe = new (_b = class {
       })
     });
   }
+  // Like or unlike a game (pass gameId and true to like, false to unlike)
+  async toggleLike(e2, t2 = true) {
+    const n2 = t2 ? "like" : "unlike", o2 = await this.request(`/rating/${e2}/${n2}`, {
+      method: "POST"
+    });
+    return (o2 == null ? void 0 : o2.success) || false;
+  }
 }, _PlayLightAPI_instances = new WeakSet(), e_fn = function() {
   const e2 = window.location.hostname;
   return e2.startsWith("www.") ? e2.substring(4) : e2;
@@ -3340,9 +3347,9 @@ function elasticOut(e2) {
   return Math.sin(-13 * (e2 + 1) * Math.PI / 2) * Math.pow(2, -10 * e2) + 1;
 }
 function flip(e2, { from: t2, to: n2 }, o2 = {}) {
-  var { delay: i2 = 0, duration: s2 = (e3) => 120 * Math.sqrt(e3), easing: a2 = cubicOut } = o2, l2 = getComputedStyle(e2), c2 = "none" === l2.transform ? "" : l2.transform, [u2, f2] = l2.transformOrigin.split(" ").map(parseFloat);
-  u2 /= e2.clientWidth, f2 /= e2.clientHeight;
-  var d2 = (
+  var { delay: i2 = 0, duration: s2 = (e3) => 120 * Math.sqrt(e3), easing: a2 = cubicOut } = o2, l2 = getComputedStyle(e2), c2 = "none" === l2.transform ? "" : l2.transform, [u2, d2] = l2.transformOrigin.split(" ").map(parseFloat);
+  u2 /= e2.clientWidth, d2 /= e2.clientHeight;
+  var f2 = (
     /**
     * @param {Element} element
     */
@@ -3354,7 +3361,7 @@ function flip(e2, { from: t2, to: n2 }, o2 = {}) {
       t3.parentElement;
       return n3;
     }(e2)
-  ), p2 = e2.clientWidth / n2.width / d2, _2 = e2.clientHeight / n2.height / d2, v2 = t2.left + t2.width * u2, g2 = t2.top + t2.height * f2, h2 = n2.left + n2.width * u2, m2 = n2.top + n2.height * f2, b2 = (v2 - h2) * p2, y2 = (g2 - m2) * _2, $2 = t2.width / n2.width, w2 = t2.height / n2.height;
+  ), p2 = e2.clientWidth / n2.width / f2, _2 = e2.clientHeight / n2.height / f2, 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;
   return {
     delay: i2,
     duration: "function" == typeof s2 ? s2(Math.sqrt(b2 * b2 + y2 * y2)) : s2,
@@ -3366,22 +3373,22 @@ var on_click$1 = (e2, t2, n2) => {
   set(t2, ""), set(n2, !get$1(n2));
 }, et = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), tt = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, o2) => {
   t2(n2), set(o2, false);
-}, nt = /* @__PURE__ */ template("<button> </button>"), rt = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), ot = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-24 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur"><div class="border-b p-3"><div class="relative"><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-1"><!></div> <input type="text" placeholder="Search categories..." class="w-full border-0 p-1 pl-10 text-white focus:ring-0 focus:outline-none"></div></div> <div class="max-h-60 overflow-y-auto"><!></div></div>'), it = /* @__PURE__ */ template('<div class="flex w-full flex-col py-2"><h1 class="mb-0! py-2 text-center text-2xl font-bold text-white drop-shadow-xl lg:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-black transition hover:rotate-5"><span class="truncate max-w-[40vw] text-2xl font-bold text-black lg:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
+}, nt = /* @__PURE__ */ template("<button> </button>"), rt = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), ot = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-24 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur-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>'), it = /* @__PURE__ */ template('<div class="flex w-full flex-col py-2"><h1 class="mb-0! py-2 text-center text-2xl font-bold text-white drop-shadow-xl lg:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-background transition hover:rotate-5"><span class="truncate max-w-[40vw] text-2xl font-bold text-background lg:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
 function Navigation(e2, t2) {
   push(t2, true);
   let n2, o2 = prop(t2, "categories", 19, () => []), i2 = prop(t2, "selectedCategory", 15), s2 = state(false), a2 = /* @__PURE__ */ derived(() => i2() || (o2().length > 0 ? o2()[0] : "...")), l2 = state(""), c2 = state(void 0), u2 = /* @__PURE__ */ derived(() => get$1(l2) ? o2().filter((e3) => e3.toLowerCase().includes(get$1(l2).toLowerCase())) : o2());
-  const f2 = ["Looking for", "Interested in", "Searching for", "Fancy some", "What about these"];
-  let d2, p2 = state(proxy(f2[0]));
+  const d2 = ["Looking for", "Interested in", "Searching for", "Fancy some", "What about these"];
+  let f2, p2 = state(proxy(d2[0]));
   onMount(function updateRandomPhrase() {
     let e3;
-    for (e3 = Math.floor(Math.random() * (f2 == null ? void 0 : f2.length)); e3 == d2; ) e3 = Math.floor(Math.random() * (f2 == null ? void 0 : f2.length));
-    set(p2, proxy(f2[e3])), d2 = e3;
+    for (e3 = Math.floor(Math.random() * (d2 == null ? void 0 : d2.length)); e3 == f2; ) e3 = Math.floor(Math.random() * (d2 == null ? void 0 : d2.length));
+    set(p2, proxy(d2[e3])), f2 = e3;
   });
   var _2 = it();
-  event("click", I, function handleClickOutside(e3) {
+  event("click", q, function handleClickOutside(e3) {
     get$1(c2) && !get$1(c2).contains(e3.target) && n2 && !n2.contains(e3.target) && set(s2, false);
   });
-  var v2 = child(_2), g2 = child(v2), h2 = child(g2), m2 = sibling(g2, 2);
+  var g2 = child(_2), v2 = child(g2), h2 = child(v2), m2 = sibling(v2, 2);
   m2.__click = [on_click$1, l2, s2];
   var b2 = child(m2), y2 = child(b2), $2 = sibling(b2, 2);
   const w2 = /* @__PURE__ */ derived(() => get$1(s2) ? "rotate-180 transform" : "");
@@ -3405,11 +3412,11 @@ function Navigation(e2, t2) {
     size: 25,
     strokeWidth: 3,
     get class() {
-      return `mt-1 ml-1 text-black ${get$1(w2) ?? ""} transition-transform duration-200`;
+      return `mt-1 ml-1 text-background ${get$1(w2) ?? ""} transition-transform duration-200`;
     }
   }), bind_this(m2, (e3) => n2 = e3, () => n2);
-  var x2 = sibling(v2, 2), consequent_2 = (e3) => {
-    var t3 = ot(), n3 = child(t3), a3 = child(n3), f3 = child(a3);
+  var x2 = sibling(g2, 2), consequent_2 = (e3) => {
+    var t3 = ot(), n3 = child(t3), a3 = child(n3), d3 = child(a3);
     !function Search(e4, t4) {
       const n4 = legacy_rest_props(t4, ["children", "$$slots", "$$events", "$$legacy"]);
       Icon$1(e4, spread_props({
@@ -3430,12 +3437,12 @@ function Navigation(e2, t2) {
           default: true
         }
       }));
-    }(child(f3), {
+    }(child(d3), {
       size: 18,
       strokeWidth: 2.5,
       class: "text-muted-foreground"
     });
-    var d3 = sibling(f3, 2), p3 = child(sibling(n3, 2)), consequent = (e4) => {
+    var f3 = sibling(d3, 2), p3 = child(sibling(n3, 2)), consequent = (e4) => {
       append(e4, et());
     }, alternate = (e4, t4) => {
       var consequent_1 = (e5) => {
@@ -3447,7 +3454,7 @@ function Navigation(e2, t2) {
           n4.__click = [on_click_1$1, i2, t6, s2];
           var o3 = child(n4);
           template_effect(() => {
-            set_class(n4, 1, `w-full cursor-pointer px-4 py-2 text-left transition-colors ${(i2() != t6 ? "hover:bg-muted-foreground/20" : "") ?? ""} ${(i2() == t6 ? "bg-white text-black" : "text-white") ?? ""}`), set_text(o3, t6);
+            set_class(n4, 1, `w-full cursor-pointer px-4 py-2 text-left transition-colors ${(i2() != t6 ? "hover:bg-muted-foreground/20" : "") ?? ""} ${(i2() == t6 ? "bg-white text-background" : "text-white") ?? ""}`), set_text(o3, t6);
           }), function animation(e7, t7, n5) {
             var o4, i3, s3, a4 = (
               /** @type {EachItem} */
@@ -3534,7 +3541,7 @@ function Navigation(e2, t2) {
         is_numberlike_input(e4) && n5 === to_number(e4.value) || ("date" !== e4.type || n5 || e4.value) && n5 !== e4.value && // @ts-expect-error the value is coerced on assignment
         (e4.value = n5 ?? "");
       });
-    }(d3, () => get$1(l2), (e4) => set(l2, e4)), transition(3, t3, () => fly, () => ({
+    }(f3, () => get$1(l2), (e4) => set(l2, e4)), transition(3, t3, () => fly, () => ({
       y: -5,
       duration: 250
     })), append(e3, t3);
@@ -3551,61 +3558,167 @@ function Navigation(e2, t2) {
   })), append(e2, _2), pop();
 }
 delegate(["click"]);
+var st = /* @__PURE__ */ template('<div class="-mx-10 mt-5 flex h-1/2 max-h-[75vh] min-h-92 w-10 flex-col lg:h-3/7"><div class="flex h-full items-center justify-center"><div class="flex h-full w-full flex-col items-center justify-between py-6"><div class="bg-muted-foreground min-[1920px]:h-1/4 h-1/5 w-px"></div> <div class="text-muted-foreground origin-center -rotate-90 transform text-sm whitespace-nowrap 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, o2, i2, s2) {
+  set(t2, false), set(n2, true), set(o2, 250), set(i2, 0), s2(250, 0, 250, (e3, t3, n3) => {
+    set(o2, e3 * (1 - n3)), set(i2, proxy(n3));
+  });
+}
+async function toggleLike(e2, t2, n2, o2) {
+  var _a2;
+  if (!((_a2 = t2.currentGame) == null ? void 0 : _a2.id)) return;
+  const i2 = !get$1(n2);
+  set(n2, !get$1(n2)), set(o2, get$1(o2) + (i2 ? 1 : -1)), // Save to localStorage
+  i2 ? localStorage.setItem(`playlight_${t2.currentGame.id}_liked`, "true") : localStorage.removeItem(`playlight_${t2.currentGame.id}_liked`);
+  await Qe.toggleLike(t2.currentGame.id, i2) || set(o2, get$1(o2) + (i2 ? -1 : 1));
+}
+var at = /* @__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-lg max-sm:right-4 sm:w-72" role="button" tabindex="0" aria-label="Currently playing game"><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="current game logo"> <p class="text-foreground 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>'), lt = /* @__PURE__ */ template('<button class="bg-background/85 hover:bg-background/95 fixed bottom-0 z-3 rounded-t-md border px-4 py-1.5 shadow-md backdrop-blur-sm transition max-sm:right-4 max-sm:left-4 sm:left-4 sm:w-72" aria-label="Show currently playing game"><div class="bg-muted-foreground mx-auto h-px w-16"></div></button>'), ct = /* @__PURE__ */ template("<!> <!>", 1);
+function CurrentGameDisplay(e2, t2) {
+  var _a2;
+  push(t2, true);
+  let n2 = state(false), o2 = state(true), i2 = state(false), s2 = 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;
+  function startDrag(e3) {
+    set(l2, true), d2 = 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(s2, proxy(n3)), set(a2, proxy(Math.max(0, 1 - n3 / 150))), n3 > 40 && function hide() {
+      set(l2, false), animate2(get$1(s2), 250, 250, (e4, t4, n4) => {
+        set(s2, e4 + (t4 - e4) * n4), set(a2, proxy(Math.max(0, 1 - 1.5 * n4))), 1 === n4 && (set(o2, false), set(i2, true));
+      });
+    }();
+  }
+  function endDrag() {
+    get$1(l2) && (set(l2, false), get$1(s2) < 40 && function animateBack() {
+      animate2(get$1(s2), 0, 250, (e3, t3, n3) => {
+        set(s2, e3 * (1 - n3)), set(a2, 1);
+      });
+    }());
+  }
+  function animate2(e3, t3, n3, o3) {
+    const i3 = Date.now();
+    !function frame() {
+      const s3 = Math.min((Date.now() - i3) / n3, 1);
+      o3(e3, t3, s3), s3 < 1 && requestAnimationFrame(frame);
+    }();
+  }
+  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, proxy(((_b2 = t2.currentGame) == null ? void 0 : _b2.likes) || 0)));
+  });
+  var f2 = ct(), p2 = first_child(f2), consequent = (e3) => {
+    var o3 = at();
+    o3.__mousedown = startDrag, o3.__mousemove = drag, o3.__mouseup = endDrag, o3.__touchstart = startDrag, o3.__touchmove = drag, o3.__touchend = endDrag;
+    var i3 = sibling(child(o3), 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 = /* @__PURE__ */ derived(() => get$1(c2) ? "currentColor" : "none");
+    !function Thumbs_up(e4, t3) {
+      const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
+      Icon$1(e4, spread_props({
+        name: "thumbs-up"
+      }, () => n3, {
+        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) => {
+          var o4 = comment();
+          slot(first_child(o4), t3, "default", {}, null), append(e5, o4);
+        },
+        $$slots: {
+          default: true
+        }
+      }));
+    }(h2, {
+      size: 18,
+      strokeWidth: 2.5,
+      get fill() {
+        return get$1(m2);
+      },
+      style: "margin-top: -5px;"
+    }), template_effect((e4) => {
+      var _a3, _b2;
+      set_style(o3, `transform: translateY(${get$1(s2) ?? ""}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");
+    }, [() => ({
+      "animate-pulse": !get$1(n2)
+    })]), event("mouseleave", o3, endDrag), event("load", l3, () => {
+      set(n2, true);
+    }), append(e3, o3);
+  };
+  if_block(p2, (e3) => {
+    t2.currentGame && get$1(o2) && e3(consequent);
+  });
+  var _2 = sibling(p2, 2), consequent_1 = (e3) => {
+    var t3 = lt();
+    t3.__mousedown = [restore, i2, o2, s2, a2, animate2], t3.__touchstart = [restore, i2, o2, s2, a2, animate2], transition(3, t3, () => fly, () => ({
+      delay: 150,
+      y: 30
+    })), append(e3, t3);
+  };
+  if_block(_2, (e3) => {
+    t2.currentGame && get$1(i2) && e3(consequent_1);
+  }), append(e2, f2), pop();
+}
+delegate(["mousedown", "mousemove", "mouseup", "touchstart", "touchmove", "touchend", "click"]);
 var on_click = (e2, t2) => {
   localStorage.getItem("playlight_exit_intent_disabled_by_user") ? localStorage.removeItem("playlight_exit_intent_disabled_by_user") : localStorage.setItem("playlight_exit_intent_disabled_by_user", true), set(t2, !get$1(t2));
-}, st = /* @__PURE__ */ template('<button class="cursor-pointer truncate text-sm text-nowrap opacity-50 transition hover:opacity-25 max-md:hidden"><p class="bg-background/50 text-primary p-1 px-2 text-sm"> </p></button>'), on_click_1 = (e2, t2) => store_set(Ve, false), at = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), lt = /* @__PURE__ */ template('<div class="text-muted-foreground flex h-4/5 items-center justify-center gap-4"><p>No games found that match the filter.</p></div>'), ct = /* @__PURE__ */ template('<div class="mx-auto flex h-full flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="flex h-10 w-full justify-center"><!></div></div>'), ut = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md"><div class="ml-2 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank"><img alt="logo" class="w-50"></a> <div class="mt-4 mr-2 flex items-center justify-evenly gap-8 overflow-hidden md:mr-4"><!> <button class="cursor-pointer text-white transition hover:opacity-50" aria-label="Close"><!></button></div></div> <div class="mx-auto p-2 px-5"><!></div> <div class="mask-fade no-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-12skmk8"><!></div> <div class="fixed right-0 bottom-0 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank" class="text-muted-foreground flex items-center gap-1 text-sm transition hover:text-white">Game Developer? Join Playlight <!></a></div></div>');
+}, ut = /* @__PURE__ */ template('<button class="cursor-pointer truncate text-sm text-nowrap opacity-50 transition hover:opacity-25 max-md:hidden"><p class="bg-background/50 text-primary p-1 px-2 text-sm"> </p></button>'), on_click_1 = (e2, t2) => store_set(Ve, false), dt = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), ft = /* @__PURE__ */ template('<div class="text-muted-foreground flex h-4/5 items-center justify-center gap-4"><p>No games found that match the filter.</p></div>'), pt = /* @__PURE__ */ template("<!> <!>", 1), _t = /* @__PURE__ */ template('<div class="mx-auto flex h-full flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="flex h-10 w-full justify-center"><!></div></div>'), gt = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md"><div class="ml-2 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank"><img alt="logo" class="w-50"></a> <div class="mt-4 mr-2 flex items-center justify-evenly gap-8 overflow-hidden md:mr-4"><!> <button class="cursor-pointer text-white transition hover:opacity-50" aria-label="Close"><!></button></div></div> <div class="mx-auto p-2 px-5"><!></div> <!> <div class="mask-fade no-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-12skmk8"><!></div> <div class="fixed right-4 bottom-4 flex items-center justify-between"><a href="https://playlight.dev" target="_blank" class="text-muted-foreground flex items-center gap-1 text-sm transition hover:text-white">Join Playlight <!></a></div></div>');
 function DiscoveryOverlay(e2, t2) {
   push(t2, true);
   const [n2, o2] = setup_stores();
-  let i2, s2 = prop(t2, "showIntentToggle", 3, true), a2 = state(void 0), l2 = state(true), c2 = state(false), u2 = state(void 0), f2 = state(proxy([])), d2 = state(proxy([])), p2 = state(true), _2 = state(1), v2 = state(true), g2 = state(void 0), h2 = state(false);
+  let i2, s2 = prop(t2, "showIntentToggle", 3, true), a2 = state(true), l2 = state(void 0), c2 = state(true), u2 = state(false), d2 = state(void 0), f2 = state(proxy([])), p2 = state(proxy([])), _2 = state(1), g2 = state(true), v2 = state(void 0), h2 = state(false);
   async function fetchGames() {
-    if (!(get$1(l2) && get$1(_2) > 1 || get$1(c2))) try {
-      1 === get$1(_2) ? set(l2, true) : set(c2, true);
-      const e3 = get$1(h2) ? null : get$1(a2), t3 = await Qe.getSuggestions(e3, get$1(_2)), n3 = (t3 == null ? void 0 : t3.games) || [], o3 = n3.filter((e4) => !get$1(f2).some((t4) => t4.id === e4.id));
-      set(f2, proxy([...get$1(f2), ...o3])), n3.length < 10 ? !get$1(h2) && get$1(a2) ? (
+    if (!(get$1(c2) && get$1(_2) > 1 || get$1(u2))) try {
+      1 === get$1(_2) ? set(c2, true) : set(u2, true);
+      const e3 = get$1(h2) ? null : get$1(l2), t3 = await Qe.getSuggestions(e3, get$1(_2)), n3 = (t3 == null ? void 0 : t3.games) || [], o3 = n3.filter((e4) => !get$1(f2).some((t4) => t4.id === e4.id));
+      set(f2, proxy([...get$1(f2), ...o3])), n3.length < 10 ? !get$1(h2) && get$1(l2) ? (
         // Try with all games
         (set(h2, true), set(_2, 1), setTimeout(() => fetchGames(), 100))
-      ) : set(v2, false) : set(_2, get$1(_2) + 1);
+      ) : set(g2, false) : set(_2, get$1(_2) + 1);
     } catch (e3) {
-      console.error(e3), Ne.error("Failed to load games: " + e3);
+      console.error(e3), Ee.error("Failed to load games: " + e3);
     } finally {
-      set(l2, false), set(c2, false), // For Chrome: manually check if element is still in view and should trigger another load
-      get$1(v2) && get$1(g2) && setTimeout(() => {
-        const e3 = get$1(g2).getBoundingClientRect();
+      set(c2, false), set(u2, false), // For Chrome: manually check if element is still in view and should trigger another load
+      get$1(g2) && get$1(v2) && setTimeout(() => {
+        const e3 = get$1(v2).getBoundingClientRect();
         !(e3.top >= -200 && // Include rootMargin
         e3.left >= 0 && e3.bottom <= window.innerHeight + 200 && // Include rootMargin
-        e3.right <= window.innerWidth) || get$1(l2) || get$1(c2) || fetchGames();
+        e3.right <= window.innerWidth) || get$1(c2) || get$1(u2) || fetchGames();
       }, 150);
     }
   }
-  onMount(() => (set(p2, !Boolean(localStorage.getItem("playlight_exit_intent_disabled_by_user"))), // Setup scroll observer
+  onMount(() => (set(a2, !Boolean(localStorage.getItem("playlight_exit_intent_disabled_by_user"))), // Setup scroll observer
   i2 = new IntersectionObserver((e3) => {
-    e3[0].isIntersecting && get$1(v2) && !get$1(l2) && !get$1(c2) && fetchGames();
+    e3[0].isIntersecting && get$1(g2) && !get$1(c2) && !get$1(u2) && fetchGames();
   }, {
     rootMargin: "200px"
   }), () => i2 == null ? void 0 : i2.disconnect())), onMount(async () => {
-    const e3 = await Qe.getCurrentGameInfo();
-    set(u2, proxy(e3 == null ? void 0 : e3.category)), await async function fetchCategories() {
-      var _a2, _b2, _c2, _d;
-      set(d2, proxy(await Qe.getCategories())), !get$1(a2) && ((_a2 = get$1(d2)) == null ? void 0 : _a2.length) > 0 && set(a2, proxy(get$1(u2) && ((_b2 = get$1(d2)) == null ? void 0 : _b2.includes(get$1(u2))) ? get$1(u2) : (_d = get$1(d2)) == null ? void 0 : _d[((_c2 = get$1(d2)) == null ? void 0 : _c2.length) - 1]));
+    set(d2, proxy(await Qe.getCurrentGameInfo())), await async function fetchCategories() {
+      var _a2, _b2, _c2, _d, _e2, _f, _g;
+      set(p2, proxy(await Qe.getCategories())), !get$1(l2) && ((_a2 = get$1(p2)) == null ? void 0 : _a2.length) > 0 && set(l2, proxy(((_b2 = get$1(d2)) == null ? void 0 : _b2.category) && ((_d = get$1(p2)) == null ? void 0 : _d.includes((_c2 = get$1(d2)) == null ? void 0 : _c2.category)) ? (_e2 = get$1(d2)) == null ? void 0 : _e2.category : (_g = get$1(p2)) == null ? void 0 : _g[((_f = get$1(p2)) == null ? void 0 : _f.length) - 1]));
     }();
   }), user_effect(() => {
-    get$1(a2) && (set(f2, proxy([])), set(_2, 1), set(v2, true), set(h2, false), set(l2, true), // Delay fetch to prevent rapid requests
+    get$1(l2) && (set(f2, proxy([])), set(_2, 1), set(g2, true), set(h2, false), set(c2, true), // Delay fetch to prevent rapid requests
     setTimeout(async () => {
       await fetchGames(), get$1(f2).length < 10 && await fetchGames();
     }, 100));
   }), user_effect(() => {
-    get$1(g2) && i2 && i2.observe(get$1(g2));
+    get$1(v2) && i2 && i2.observe(get$1(v2));
   });
-  var m2 = ut();
-  event("keydown", I, (e3) => {
+  var m2 = gt();
+  event("keydown", q, (e3) => {
     "Escape" == e3.key && store_set(Ve, false);
   });
   var b2 = child(m2), y2 = child(b2), $2 = child(y2), w2 = child(sibling(y2, 2)), consequent = (e3) => {
-    var t3 = st();
-    t3.__click = [on_click, p2];
+    var t3 = ut();
+    t3.__click = [on_click, a2];
     var n3 = child(t3), o3 = child(n3);
-    template_effect(() => set_text(o3, get$1(p2) ? "Ignore exit intent" : "Trigger on exit intent")), append(e3, t3);
+    template_effect(() => set_text(o3, get$1(a2) ? "Ignore exit intent" : "Trigger on exit intent")), append(e3, t3);
   };
   if_block(w2, (e3) => {
     s2() && e3(consequent);
@@ -3636,17 +3749,23 @@ function DiscoveryOverlay(e2, t2) {
   var k2 = sibling(b2, 2);
   Navigation(child(k2), {
     get categories() {
-      return get$1(d2);
+      return get$1(p2);
     },
     get selectedCategory() {
-      return get$1(a2);
+      return get$1(l2);
     },
     set selectedCategory(e3) {
-      set(a2, proxy(e3));
+      set(l2, proxy(e3));
     }
   });
-  var C2 = sibling(k2, 2), S2 = child(C2), consequent_1 = (e3) => {
-    var t3 = at();
+  var C2 = sibling(k2, 2);
+  CurrentGameDisplay(C2, {
+    get currentGame() {
+      return get$1(d2);
+    }
+  });
+  var S2 = sibling(C2, 2), M2 = child(S2), consequent_1 = (e3) => {
+    var t3 = dt();
     Loader_circle(child(t3), {
       class: "animate-spin opacity-75",
       size: 50,
@@ -3654,18 +3773,27 @@ function DiscoveryOverlay(e2, t2) {
     }), append(e3, t3);
   }, alternate = (e3, t3) => {
     var consequent_2 = (e4) => {
-      append(e4, lt());
+      append(e4, ft());
     }, alternate_1 = (e4) => {
-      var t4 = ct(), n3 = child(t4);
-      each(n3, 17, () => get$1(f2), index, (e5, t5) => {
-        GameCard(e5, {
+      var t4 = _t(), n3 = child(t4);
+      each(n3, 17, () => get$1(f2), index, (e5, t5, n4) => {
+        var o4 = pt();
+        const i4 = /* @__PURE__ */ derived(() => get$1(f2).findIndex((e6) => e6.category !== get$1(l2)));
+        var s3 = first_child(o4), consequent_3 = (e6) => {
+          !function GameCategorySeperator(e7) {
+            append(e7, st());
+          }(e6);
+        };
+        if_block(s3, (e6) => {
+          n4 == get$1(i4) && e6(consequent_3);
+        }), GameCard(sibling(s3, 2), {
           get game() {
             return get$1(t5);
           },
           onClick: () => Qe.trackClick(get$1(t5).id)
-        });
+        }), append(e5, o4);
       });
-      var o3 = sibling(n3, 2), i3 = child(o3), consequent_3 = (e5) => {
+      var o3 = sibling(n3, 2), i3 = child(o3), consequent_4 = (e5) => {
         Loader_circle(e5, {
           class: "animate-spin opacity-75",
           size: 30,
@@ -3673,17 +3801,17 @@ function DiscoveryOverlay(e2, t2) {
         });
       };
       if_block(i3, (e5) => {
-        get$1(c2) && e5(consequent_3);
-      }), bind_this(o3, (e5) => set(g2, e5), () => get$1(g2)), append(e4, t4);
+        get$1(u2) && e5(consequent_4);
+      }), bind_this(o3, (e5) => set(v2, e5), () => get$1(v2)), append(e4, t4);
     };
     if_block(e3, (e4) => {
-      0 !== get$1(f2).length || get$1(l2) ? e4(alternate_1, false) : e4(consequent_2);
+      0 !== get$1(f2).length || get$1(c2) ? e4(alternate_1, false) : e4(consequent_2);
     }, t3);
   };
-  if_block(S2, (e3) => {
-    get$1(l2) && 0 === get$1(f2).length ? e3(consequent_1) : e3(alternate, false);
+  if_block(M2, (e3) => {
+    get$1(c2) && 0 === get$1(f2).length ? e3(consequent_1) : e3(alternate, false);
   });
-  var M2 = child(sibling(C2, 2));
+  var I2 = child(sibling(S2, 2));
   !function External_link(e3, t3) {
     const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
     Icon$1(e3, spread_props({
@@ -3704,16 +3832,16 @@ function DiscoveryOverlay(e2, t2) {
         default: true
       }
     }));
-  }(sibling(child(M2)), {
+  }(sibling(child(I2)), {
     size: 14
   }), template_effect(() => set_attribute($2, "src", store_get(Ke, "$projectUrl", n2) + "/static/images/logo-white-small.png")), transition(3, m2, () => blur, () => ({
     duration: 250
   })), append(e2, m2), pop(), o2();
 }
 delegate(["click"]);
-var ft = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-2"></div>  <div class="fixed top-2 right-0 left-0 h-2"></div>', 1);
+var vt = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-2"></div>  <div class="fixed top-2 right-0 left-0 h-2"></div>', 1);
 delegate(["mouseover"]);
-var dt = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
+var ht = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
 function App(e2, t2) {
   var _a2, _b2, _c2, _d;
   push(t2, true);
@@ -3722,7 +3850,7 @@ function App(e2, t2) {
   function openDiscovery() {
     store_set(Ve, true), Qe.trackOpen();
   }
-  var a2 = dt(), l2 = first_child(a2);
+  var a2 = ht(), l2 = first_child(a2);
   FloatingButton(l2, {
     get position() {
       return i2;
@@ -3747,14 +3875,14 @@ function App(e2, t2) {
     $discoveryOpen() && e3(consequent);
   });
   var u2 = sibling(c2, 2);
-  const f2 = /* @__PURE__ */ derived(() => {
+  const d2 = /* @__PURE__ */ derived(() => {
     var _a3, _b3;
     return (_b3 = (_a3 = t2.config) == null ? void 0 : _a3.exitIntent) == null ? void 0 : _b3.enabled;
   });
   !function ExitIntentDetector(e3, t3) {
     push(t3, true);
     let n3 = prop(t3, "enabled", 3, true), o3 = null, i3 = 0;
-    var s3 = ft(), a3 = first_child(s3);
+    var s3 = vt(), a3 = first_child(s3);
     a3.__mouseover = // Time threshold in milliseconds between bar triggers
     function handleTopBarTrigger() {
       var _a3;
@@ -3765,14 +3893,14 @@ function App(e2, t2) {
     }, append(e3, s3), pop();
   }(u2, {
     get enabled() {
-      return get$1(f2);
+      return get$1(d2);
     },
     onIntent: () => {
       $discoveryOpen() || openDiscovery();
     }
   }), Toaster(sibling(u2, 2), {}), append(e2, a2), pop(), o2();
 }
-const pt = {
+const mt = {
   button: {
     position: "bottom-right",
     visible: true
@@ -3781,11 +3909,11 @@ const pt = {
     enabled: true
   }
 };
-let _t = {
-  ...pt
+let bt = {
+  ...mt
 };
 function initializeConfig(e2 = {}) {
-  return _t = deepMerge(pt, e2), _t;
+  return bt = deepMerge(mt, e2), bt;
 }
 function deepMerge(e2, t2) {
   const n2 = {
@@ -3802,7 +3930,7 @@ function deepMerge(e2, t2) {
 function isObject(e2) {
   return e2 && "object" == typeof e2 && !Array.isArray(e2);
 }
-const vt = new (_c = class {
+const yt = new (_c = class {
   constructor() {
     __privateAdd(this, _PlaylightSDK_instances);
     this.container = null, this.app = null, this.isInitialized = false, this.config = null, this.api = Qe;
@@ -3843,8 +3971,8 @@ t_fn = function() {
     console.error("Playlight error occured during mount:", e2);
   }
 }, _c)();
-"undefined" != typeof window && (window.playlightSDK = vt);
+"undefined" != typeof window && (window.playlightSDK = yt);
 export {
-  vt as default
+  yt as default
 };
 //# sourceMappingURL=playlight-sdk.es.js.map