playlight-sdk 0.2.5 → 0.2.6

package/dist/playlight-sdk.es.js

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