playlight-sdk 0.2.0 → 0.2.1

package/dist/playlight-sdk.es.js

@@ -1,10 +1,15 @@
+var __defProp = Object.defineProperty;
 var __typeError = (msg) => {
   throw TypeError(msg);
 };
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 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 _a, _PlayLightAPI_instances, e_fn, _b, _PlaylightSDK_instances, t_fn, _c;
+var _e2, _t2, _n, _ResizeObserverSingleton_instances, r_fn, _a, _PlayLightAPI_instances, o_fn, _b, _PlaylightSDK_instances, s_fn, _c;
 const t = false;
 var n = Array.isArray, o = Array.prototype.indexOf, s = Array.from, i = Object.defineProperty, a = Object.getOwnPropertyDescriptor, l = Object.getOwnPropertyDescriptors, c = Object.prototype, u = Array.prototype, d = Object.getPrototypeOf;
 function is_function(e2) {
@@ -29,24 +34,24 @@ function safe_equals(e2) {
   return !safe_not_equal(e2, this.v);
 }
 let M = false;
-const T = Symbol();
+const I = Symbol();
 function lifecycle_outside_component(e2) {
   throw new Error("https://svelte.dev/e/lifecycle_outside_component");
 }
-let I = null;
+let T = null;
 function set_component_context(e2) {
-  I = e2;
+  T = e2;
 }
 function push(e2, t2 = false, n2) {
-  I = {
-    p: I,
+  T = {
+    p: T,
     c: null,
     e: null,
     m: false,
     s: e2,
     x: null,
     l: null
-  }, M && !t2 && (I.l = {
+  }, M && !t2 && (T.l = {
     s: null,
     u: null,
     r1: [],
@@ -54,7 +59,7 @@ function push(e2, t2 = false, n2) {
   });
 }
 function pop(e2) {
-  const t2 = I;
+  const t2 = T;
   if (null !== t2) {
     const e3 = t2.e;
     if (null !== e3) {
@@ -69,12 +74,12 @@ function pop(e2) {
         set_active_effect(n2), set_active_reaction(o2);
       }
     }
-    I = t2.p, t2.m = true;
+    T = t2.p, t2.m = true;
   }
   return {};
 }
 function is_runes() {
-  return !M || null !== I && null === I.l;
+  return !M || null !== T && null === T.l;
 }
 function source(e2, t2) {
   return {
@@ -96,7 +101,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
-  M && null !== I && null !== I.l && ((_a2 = I.l).s ?? (_a2.s = [])).push(n2), n2;
+  M && null !== T && null !== T.l && ((_a2 = T.l).s ?? (_a2.s = [])).push(n2), n2;
 }
 function mutable_state(e2, t2 = false) {
   return /* @__PURE__ */ push_derived_source(/* @__PURE__ */ mutable_source(e2, t2));
@@ -186,7 +191,7 @@ function proxy(e2, t2 = null, o2) {
       },
       deleteProperty(e3, t3) {
         var n2 = l2.get(t3);
-        if (void 0 === n2) t3 in e3 && l2.set(t3, source(T));
+        if (void 0 === n2) t3 in e3 && l2.set(t3, source(I));
         else {
           if (f2 && "string" == typeof t3) {
             var o3 = (
@@ -195,7 +200,7 @@ function proxy(e2, t2 = null, o2) {
             ), s3 = Number(t3);
             Number.isInteger(s3) && s3 < o3.v && set(o3, s3);
           }
-          set(n2, T), update_version(p2);
+          set(n2, I), update_version(p2);
         }
         return true;
       },
@@ -205,10 +210,10 @@ function proxy(e2, t2 = null, o2) {
         var s3 = l2.get(n2), c2 = n2 in t3;
         if (
           // create a source, but only if it's an own property and not a prototype property
-          void 0 !== s3 || c2 && !((_a2 = a(t3, n2)) == null ? void 0 : _a2.writable) || (s3 = source(proxy(c2 ? t3[n2] : T, i2)), l2.set(n2, s3)), void 0 !== s3
+          void 0 !== s3 || c2 && !((_a2 = a(t3, n2)) == null ? void 0 : _a2.writable) || (s3 = source(proxy(c2 ? t3[n2] : I, i2)), l2.set(n2, s3)), void 0 !== s3
         ) {
           var u2 = get$1(s3);
-          return u2 === T ? void 0 : u2;
+          return u2 === I ? void 0 : u2;
         }
         return Reflect.get(t3, n2, o3);
       },
@@ -219,7 +224,7 @@ function proxy(e2, t2 = null, o2) {
           o3 && (n2.value = get$1(o3));
         } else if (void 0 === n2) {
           var s3 = l2.get(t3), i3 = s3 == null ? void 0 : s3.v;
-          if (void 0 !== s3 && i3 !== T) return {
+          if (void 0 !== s3 && i3 !== I) return {
             enumerable: true,
             configurable: true,
             value: i3,
@@ -231,8 +236,8 @@ function proxy(e2, t2 = null, o2) {
       has(e3, t3) {
         var _a2;
         if (t3 === k) return true;
-        var n2 = l2.get(t3), o3 = void 0 !== n2 && n2.v !== T || Reflect.has(e3, t3);
-        if ((void 0 !== n2 || null !== R && (!o3 || ((_a2 = a(e3, t3)) == null ? void 0 : _a2.writable))) && (void 0 === n2 && (n2 = source(o3 ? proxy(e3[t3], i2) : T), l2.set(t3, n2)), get$1(n2) === T)) return false;
+        var n2 = l2.get(t3), o3 = void 0 !== n2 && n2.v !== I || Reflect.has(e3, t3);
+        if ((void 0 !== n2 || null !== R && (!o3 || ((_a2 = a(e3, t3)) == null ? void 0 : _a2.writable))) && (void 0 === n2 && (n2 = source(o3 ? proxy(e3[t3], i2) : I), l2.set(t3, n2)), get$1(n2) === I)) return false;
         return o3;
       },
       set(e3, t3, n2, o3) {
@@ -241,12 +246,12 @@ function proxy(e2, t2 = null, o2) {
         if (f2 && "length" === t3) for (var u2 = n2; u2 < /** @type {Source<number>} */
         s3.v; u2 += 1) {
           var d2 = l2.get(u2 + "");
-          void 0 !== d2 ? set(d2, T) : u2 in e3 && // If the item exists in the original, we need to create a uninitialized source,
+          void 0 !== d2 ? set(d2, I) : u2 in e3 && // If the item exists in the original, we need to create a uninitialized source,
           // else a later read of the property would result in a source being created with
           // the value of the original item at that index.
-          (d2 = source(T), l2.set(u2 + "", d2));
+          (d2 = source(I), l2.set(u2 + "", d2));
         }
-        void 0 === s3 ? c2 && !((_a2 = a(e3, t3)) == null ? void 0 : _a2.writable) || (set(s3 = source(void 0), proxy(n2, i2)), l2.set(t3, s3)) : (c2 = s3.v !== T, set(s3, proxy(n2, i2)));
+        void 0 === s3 ? c2 && !((_a2 = a(e3, t3)) == null ? void 0 : _a2.writable) || (set(s3 = source(void 0), proxy(n2, i2)), l2.set(t3, s3)) : (c2 = s3.v !== I, set(s3, proxy(n2, i2)));
         var _2 = Reflect.getOwnPropertyDescriptor(e3, t3);
         if ((_2 == null ? void 0 : _2.set) && _2.set.call(o3, n2), !c2) {
           if (f2 && "string" == typeof t3) {
@@ -264,9 +269,9 @@ function proxy(e2, t2 = null, o2) {
         get$1(p2);
         var t3 = Reflect.ownKeys(e3).filter((e4) => {
           var t4 = l2.get(e4);
-          return void 0 === t4 || t4.v !== T;
+          return void 0 === t4 || t4.v !== I;
         });
-        for (var [n2, o3] of l2) o3.v === T || n2 in e3 || t3.push(n2);
+        for (var [n2, o3] of l2) o3.v === I || n2 in e3 || t3.push(n2);
         return t3;
       },
       setPrototypeOf() {
@@ -280,17 +285,17 @@ function proxy(e2, t2 = null, o2) {
 function update_version(e2, t2 = 1) {
   set(e2, e2.v + t2);
 }
-var q, P, D, O, E;
+var O, q, P, D, W;
 function create_text(e2 = "") {
   return document.createTextNode(e2);
 }
 // @__NO_SIDE_EFFECTS__
 function get_first_child(e2) {
-  return O.call(e2);
+  return D.call(e2);
 }
 // @__NO_SIDE_EFFECTS__
 function get_next_sibling(e2) {
-  return E.call(e2);
+  return W.call(e2);
 }
 function child(e2, t2) {
   return /* @__PURE__ */ get_first_child(e2);
@@ -323,7 +328,7 @@ function derived(e2) {
     R.f |= x
   );
   return {
-    ctx: I,
+    ctx: T,
     deps: null,
     effects: null,
     equals,
@@ -401,7 +406,7 @@ function validate_effect(e2) {
 }
 function create_effect(e2, t2, n2, o2 = true) {
   var s2 = R, i2 = {
-    ctx: I,
+    ctx: T,
     deps: null,
     nodes_start: null,
     nodes_end: null,
@@ -439,10 +444,10 @@ function teardown(e2) {
   return set_signal_status(t2, h), t2.teardown = e2, t2;
 }
 function user_effect(e2) {
-  if (validate_effect(), !(null !== R && !!(R.f & f) && null !== I && !I.m)) return effect(e2);
+  if (validate_effect(), !(null !== R && !!(R.f & f) && null !== T && !T.m)) return effect(e2);
   var t2 = (
     /** @type {ComponentContext} */
-    I
+    T
   );
   (t2.e ?? (t2.e = [])).push({
     fn: e2,
@@ -456,7 +461,7 @@ function effect(e2) {
 function legacy_pre_effect(e2, t2) {
   var n2 = (
     /** @type {ComponentContextLegacy} */
-    I
+    T
   ), o2 = {
     effect: null,
     ran: false
@@ -470,7 +475,7 @@ function legacy_pre_effect(e2, t2) {
 function legacy_pre_effect_reset() {
   var e2 = (
     /** @type {ComponentContextLegacy} */
-    I
+    T
   );
   render_effect(() => {
     if (get$1(e2.l.r2)) {
@@ -581,21 +586,21 @@ function resume_children(e2, t2) {
     if (null !== e2.transitions) for (const n3 of e2.transitions) (n3.is_global || t2) && n3.in();
   }
 }
-let j = [], N = [];
+let z = [], E = [];
 function run_micro_tasks() {
-  var e2 = j;
-  j = [], run_all(e2);
+  var e2 = z;
+  z = [], run_all(e2);
 }
 function queue_micro_task(e2) {
-  0 === j.length && queueMicrotask(run_micro_tasks), j.push(e2);
+  0 === z.length && queueMicrotask(run_micro_tasks), z.push(e2);
 }
 function flush_tasks() {
-  j.length > 0 && run_micro_tasks(), N.length > 0 && function run_idle_tasks() {
-    var e2 = N;
-    N = [], run_all(e2);
+  z.length > 0 && run_micro_tasks(), E.length > 0 && function run_idle_tasks() {
+    var e2 = E;
+    E = [], run_all(e2);
   }();
 }
-let B = false, A = false, W = null, z = false, L = false;
+let j = false, N = false, B = null, A = false, L = false;
 function set_is_destroying_effect(e2) {
   L = e2;
 }
@@ -645,14 +650,14 @@ function check_dirtiness(e2) {
   return false;
 }
 function handle_error(e2, t2, n2, o2) {
-  if (B) {
-    if (null === n2 && (B = false), /**
+  if (j) {
+    if (null === n2 && (j = false), /**
     * @param {Effect} effect
     */
     function should_rethrow_error(e3) {
       return !(e3.f & $ || null !== e3.parent && e3.parent.f & _);
     }(t2)) throw e2;
-  } else null !== n2 && (B = true), function propagate_error(e3, t3) {
+  } else null !== n2 && (j = true), function propagate_error(e3, t3) {
     for (var n3 = t3; null !== n3; ) {
       if (n3.f & _) try {
         return void n3.fn(e3);
@@ -661,7 +666,7 @@ function handle_error(e2, t2, n2, o2) {
       }
       n3 = n3.parent;
     }
-    throw B = false, e3;
+    throw j = false, e3;
   }(e2, t2);
 }
 function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
@@ -681,9 +686,9 @@ function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
 }
 function update_reaction(e2) {
   var _a2;
-  var t2 = V, n2 = K, o2 = Y, s2 = F, i2 = Q, a2 = U, l2 = I, c2 = H, u2 = e2.f;
+  var t2 = V, n2 = K, o2 = Y, s2 = F, i2 = Q, a2 = U, l2 = T, c2 = H, u2 = e2.f;
   V = /** @type {null | Value[]} */
-  null, K = 0, Y = null, Q = !!(u2 & g) && (H || !z || null === F), F = 96 & u2 ? null : e2, U = null, set_component_context(e2.ctx), H = false, J++;
+  null, K = 0, Y = null, Q = !!(u2 & g) && (H || !A || null === F), F = 96 & u2 ? null : e2, U = null, set_component_context(e2.ctx), H = false, J++;
   try {
     var d2 = (
       /** @type {Function} */
@@ -742,8 +747,8 @@ function update_effect(e2) {
   var n2 = e2.f;
   if (!(n2 & $)) {
     set_signal_status(e2, h);
-    var o2 = R, s2 = I, i2 = z;
-    R = e2, z = true;
+    var o2 = R, s2 = T, i2 = A;
+    R = e2, A = true;
     try {
       16 & n2 ? function destroy_block_effect_children(e3) {
         for (var t2 = e3.first; null !== t2; ) {
@@ -758,7 +763,7 @@ function update_effect(e2) {
     } catch (t2) {
       handle_error(t2, e2, o2, s2 || e2.ctx);
     } finally {
-      z = i2, R = o2;
+      A = i2, R = o2;
     }
   }
 }
@@ -768,15 +773,15 @@ function infinite_loop_guard() {
       throw new Error("https://svelte.dev/e/effect_update_depth_exceeded");
     }();
   } catch (e2) {
-    if (null === W) throw e2;
-    handle_error(e2, W, null);
+    if (null === B) throw e2;
+    handle_error(e2, B, null);
   }
 }
 function flush_queued_root_effects() {
-  var e2 = z;
+  var e2 = A;
   try {
     var t2 = 0;
-    for (z = true; G.length > 0; ) {
+    for (A = true; G.length > 0; ) {
       t2++ > 1e3 && infinite_loop_guard();
       var n2 = G, o2 = n2.length;
       G = [];
@@ -785,7 +790,7 @@ function flush_queued_root_effects() {
       }
     }
   } finally {
-    A = false, z = e2, W = null;
+    N = false, A = e2, B = null;
   }
 }
 function flush_queued_effects(e2) {
@@ -811,8 +816,8 @@ function flush_queued_effects(e2) {
   }
 }
 function schedule_effect(e2) {
-  A || (A = true, queueMicrotask(flush_queued_root_effects));
-  for (var t2 = W = e2; null !== t2.parent; ) {
+  N || (N = true, queueMicrotask(flush_queued_root_effects));
+  for (var t2 = B = e2; null !== t2.parent; ) {
     var n2 = (t2 = t2.parent).f;
     if (96 & n2) {
       if (!(n2 & h)) return;
@@ -852,7 +857,7 @@ async function tick() {
   await Promise.resolve(), // By calling flushSync we guarantee that any pending state changes are applied after one tick.
   // TODO look into whether we can make flushing subsequent updates synchronously in the future.
   function flushSync(e2) {
-    for (flush_tasks(); G.length > 0; ) A = true, flush_queued_root_effects(), flush_tasks();
+    for (flush_tasks(); G.length > 0; ) N = true, flush_queued_root_effects(), flush_tasks();
   }();
 }
 function get$1(e2) {
@@ -1103,7 +1108,7 @@ function template(e2, t2) {
     /* @__PURE__ */ get_first_child(n2)));
     var t3 = (
       /** @type {TemplateNode} */
-      s2 || D ? document.importNode(n2, true) : n2.cloneNode(true)
+      s2 || P ? document.importNode(n2, true) : n2.cloneNode(true)
     );
     o2 ? assign_nodes(
       /** @type {TemplateNode} */
@@ -1166,11 +1171,11 @@ function mount(e2, t2) {
     * where these globals are not available while avoiding a separate server entry point
     */
     function init_operations() {
-      if (void 0 === q) {
-        q = window, P = document, D = /Firefox/.test(navigator.userAgent);
+      if (void 0 === O) {
+        O = window, q = document, P = /Firefox/.test(navigator.userAgent);
         var e4 = Element.prototype, t4 = Node.prototype;
-        O = a(t4, "firstChild").get, // @ts-ignore
-        E = a(t4, "nextSibling").get, // the following assignments improve perf of lookups on DOM nodes
+        D = a(t4, "firstChild").get, // @ts-ignore
+        W = a(t4, "nextSibling").get, // the following assignments improve perf of lookups on DOM nodes
         // @ts-expect-error
         e4.__click = void 0, // @ts-expect-error
         e4.__className = void 0, // @ts-expect-error
@@ -1218,7 +1223,7 @@ function mount(e2, t2) {
         var s2 = n2 ?? t3.appendChild(create_text());
         return branch(() => {
           l2 && (push({}), /** @type {ComponentContext} */
-          I.c = l2);
+          T.c = l2);
           i2 && // We can't spread the object or else we'd lose the state proxy stuff, if it is one
           /** @type {any} */
           (o2.$$events = i2), ae = c2, // @ts-expect-error the public typings are not what the actual function looks like
@@ -1243,7 +1248,7 @@ function mount(e2, t2) {
 const le = /* @__PURE__ */ new Map();
 let ce = /* @__PURE__ */ new WeakMap();
 function if_block(e2, t2, [n2, o2] = [0, 0]) {
-  var s2 = e2, i2 = null, a2 = null, l2 = T, c2 = false;
+  var s2 = e2, i2 = null, a2 = null, l2 = I, c2 = false;
   const set_branch = (e3, t3 = true) => {
     c2 = true, update_branch(t3, e3);
   }, update_branch = (e3, t3) => {
@@ -1300,10 +1305,10 @@ function each(e2, t2, o2, i2, a2, l2 = null) {
             if (x2.length < k2.length) {
               var C2, S2 = k2[0];
               w2 = S2.prev;
-              var M2 = x2[0], T2 = x2[x2.length - 1];
+              var M2 = x2[0], I2 = x2[x2.length - 1];
               for (C2 = 0; C2 < x2.length; C2 += 1) move(x2[C2], S2, n3);
               for (C2 = 0; C2 < k2.length; C2 += 1) c3.delete(k2[C2]);
-              link(t3, M2.prev, T2.next), link(t3, w2, M2), link(t3, T2, S2), $2 = S2, w2 = T2, _2 -= 1, x2 = [], k2 = [];
+              link(t3, M2.prev, I2.next), link(t3, w2, M2), link(t3, I2, S2), $2 = S2, w2 = I2, _2 -= 1, x2 = [], k2 = [];
             } else
               c3.delete(p3), move(p3, $2, n3), link(t3, p3.prev, p3.next), link(t3, p3, null === w2 ? t3.first : w2.next), link(t3, w2, p3), w2 = p3;
             continue;
@@ -1321,14 +1326,14 @@ function each(e2, t2, o2, i2, a2, l2 = null) {
         ) : n3, t3, w2, null === w2 ? t3.first : w2.next, d3, f3, _2, o3, i3, l3), m2.set(f3, w2), x2 = [], k2 = [], $2 = w2.next;
       }
       if (null !== $2 || void 0 !== c3) {
-        for (var I2 = void 0 === c3 ? [] : s(c3); null !== $2; )
-          $2.e.f & y || I2.push($2), $2 = $2.next;
-        var q2 = I2.length;
-        if (q2 > 0) {
-          var P2 = 4 & i3 && 0 === h2 ? n3 : null;
+        for (var T2 = void 0 === c3 ? [] : s(c3); null !== $2; )
+          $2.e.f & y || T2.push($2), $2 = $2.next;
+        var O2 = T2.length;
+        if (O2 > 0) {
+          var q2 = 4 & i3 && 0 === h2 ? n3 : null;
           if (g2) {
-            for (_2 = 0; _2 < q2; _2 += 1) (_c2 = I2[_2].a) == null ? void 0 : _c2.measure();
-            for (_2 = 0; _2 < q2; _2 += 1) (_d = I2[_2].a) == null ? void 0 : _d.fix();
+            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();
           }
           !function pause_effects(e5, t4, n4, o4) {
             for (var s2 = [], i4 = t4.length, a4 = 0; a4 < i4; a4++) pause_children(t4[a4].e, s2, true);
@@ -1352,7 +1357,7 @@ function each(e2, t2, o2, i2, a2, l2 = null) {
                 l4 || (o4.delete(s3.k), link(e5, s3.prev, s3.next)), destroy_effect(s3.e, !l4);
               }
             });
-          }(t3, I2, P2, m2);
+          }(t3, T2, q2, m2);
         }
       }
       g2 && queue_micro_task(() => {
@@ -1822,6 +1827,49 @@ function is_numberlike_input(e2) {
 function to_number(e2) {
   return "" === e2 ? null : +e2;
 }
+const _ResizeObserverSingleton = class _ResizeObserverSingleton {
+  /** @param {ResizeObserverOptions} options */
+  constructor(e2) {
+    __privateAdd(this, _ResizeObserverSingleton_instances);
+    /** */
+    __privateAdd(this, _e2, /* @__PURE__ */ new WeakMap());
+    /** @type {ResizeObserver | undefined} */
+    __privateAdd(this, _t2);
+    /** @type {ResizeObserverOptions} */
+    __privateAdd(this, _n);
+    __privateSet(this, _n, e2);
+  }
+  /**
+  * @param {Element} element
+  * @param {(entry: ResizeObserverEntry) => any} listener
+  */
+  observe(e2, t2) {
+    var n2 = __privateGet(this, _e2).get(e2) || /* @__PURE__ */ new Set();
+    return n2.add(t2), __privateGet(this, _e2).set(e2, n2), __privateMethod(this, _ResizeObserverSingleton_instances, r_fn).call(this).observe(e2, __privateGet(this, _n)), () => {
+      var n3 = __privateGet(this, _e2).get(e2);
+      n3.delete(t2), 0 === n3.size && (__privateGet(this, _e2).delete(e2), /** @type {ResizeObserver} */
+      __privateGet(this, _t2).unobserve(e2));
+    };
+  }
+};
+_e2 = new WeakMap();
+_t2 = new WeakMap();
+_n = new WeakMap();
+_ResizeObserverSingleton_instances = new WeakSet();
+r_fn = function() {
+  return __privateGet(this, _t2) ?? __privateSet(this, _t2, new ResizeObserver(
+    /** @param {any} entries */
+    (e2) => {
+      for (var t2 of e2) for (var n2 of (_ResizeObserverSingleton.entries.set(t2.target, t2), __privateGet(this, _e2).get(t2.target) || [])) n2(t2);
+    }
+  ));
+};
+/** @static */
+__publicField(_ResizeObserverSingleton, "entries", /* @__PURE__ */ new WeakMap());
+let ResizeObserverSingleton = _ResizeObserverSingleton;
+var me = new ResizeObserverSingleton({
+  box: "border-box"
+});
 function is_bound_this(e2, t2) {
   return e2 === t2 || (e2 == null ? void 0 : e2[k]) === t2;
 }
@@ -1845,7 +1893,7 @@ function bind_this(e2 = {}, t2, n2, o2) {
 function init(e2 = false) {
   const t2 = (
     /** @type {ComponentContextLegacy} */
-    I
+    T
   ), n2 = t2.l.u;
   if (!n2) return;
   let props = () => deep_read_state(t2.s);
@@ -1891,17 +1939,17 @@ function subscribe_to_store(e2, t2, n2) {
   ));
   return o2.unsubscribe ? () => o2.unsubscribe() : o2;
 }
-const me = [];
+const be = [];
 function writable(e2, t2 = noop) {
   let n2 = null;
   const o2 = /* @__PURE__ */ new Set();
   function set2(t3) {
     if (safe_not_equal(e2, t3) && (e2 = t3, n2)) {
-      const t4 = !me.length;
-      for (const t5 of o2) t5[1](), me.push(t5, e2);
+      const t4 = !be.length;
+      for (const t5 of o2) t5[1](), be.push(t5, e2);
       if (t4) {
-        for (let e3 = 0; e3 < me.length; e3 += 2) me[e3][0](me[e3 + 1]);
-        me.length = 0;
+        for (let e3 = 0; e3 < be.length; e3 += 2) be[e3][0](be[e3 + 1]);
+        be.length = 0;
       }
     }
   }
@@ -1929,14 +1977,14 @@ function get(e2) {
   let t2;
   return subscribe_to_store(e2, (e3) => t2 = e3)(), t2;
 }
-let be = false, ye = Symbol();
+let ye = false, $e = Symbol();
 function store_get(e2, t2, n2) {
   const o2 = n2[t2] ?? (n2[t2] = {
     store: null,
     source: /* @__PURE__ */ mutable_source(void 0),
     unsubscribe: noop
   });
-  if (o2.store !== e2 && !(ye in n2)) if (o2.unsubscribe(), o2.store = e2 ?? null, null == e2) o2.source.v = void 0, // see synchronous callback comment below
+  if (o2.store !== e2 && !($e in n2)) if (o2.unsubscribe(), o2.store = e2 ?? null, null == e2) o2.source.v = void 0, // see synchronous callback comment below
   o2.unsubscribe = noop;
   else {
     var s2 = true;
@@ -1948,7 +1996,7 @@ function store_get(e2, t2, n2) {
       ) : set(o2.source, e3);
     }), s2 = false;
   }
-  return e2 && ye in n2 ? get(e2) : get$1(o2.source);
+  return e2 && $e in n2 ? get(e2) : get$1(o2.source);
 }
 function store_set(e2, t2) {
   return e2.set(t2), t2;
@@ -1960,14 +2008,14 @@ function setup_stores() {
       for (var t2 in e2) {
         e2[t2].unsubscribe();
       }
-      i(e2, ye, {
+      i(e2, $e, {
         enumerable: false,
         value: true
       });
     });
   }];
 }
-const $e = {
+const we = {
   get(e2, t2) {
     if (!e2.exclude.includes(t2)) return get$1(e2.version), t2 in e2.special ? e2.special[t2]() : e2.props[t2];
   },
@@ -2003,9 +2051,9 @@ function legacy_rest_props(e2, t2) {
     exclude: t2,
     special: {},
     version: source(0)
-  }, $e);
+  }, we);
 }
-const we = {
+const xe = {
   get(e2, t2) {
     let n2 = e2.props.length;
     for (; n2--; ) {
@@ -2053,17 +2101,17 @@ const we = {
 function spread_props(...e2) {
   return new Proxy({
     props: e2
-  }, we);
+  }, xe);
 }
 function prop(e2, t2, n2, o2) {
   var _a2;
   var s2, i2 = !!(1 & n2), l2 = !M || !!(2 & n2), c2 = !!(8 & n2), u2 = !!(16 & n2), d2 = false;
   c2 ? [s2, d2] = function capture_store_binding(e3) {
-    var t3 = be;
+    var t3 = ye;
     try {
-      return be = false, [e3(), be];
+      return ye = false, [e3(), ye];
     } finally {
-      be = t3;
+      ye = t3;
     }
   }(() => (
     /** @type {V} */
@@ -2129,7 +2177,7 @@ function prop(e2, t2, n2, o2) {
   };
 }
 function onMount(e2) {
-  null === I && lifecycle_outside_component(), M && null !== I.l ? (
+  null === T && lifecycle_outside_component(), M && null !== T.l ? (
     /**
     * Legacy-mode: Init callbacks object for onMount/beforeUpdate/afterUpdate
     * @param {ComponentContext} context
@@ -2144,7 +2192,7 @@ function onMount(e2) {
         b: [],
         m: []
       });
-    }(I).m.push(e2)
+    }(T).m.push(e2)
   ) : user_effect(() => {
     const t2 = untrack(e2);
     if ("function" == typeof t2) return t2;
@@ -2174,7 +2222,7 @@ function onMount(e2) {
  * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
  * 
  */
-const xe = {
+const ke = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -2185,13 +2233,13 @@ const xe = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-var ke = /* @__PURE__ */ ns_template("<svg><!><!></svg>");
+var Ce = /* @__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"]);
   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, () => []);
   init();
-  var d2 = ke();
+  var d2 = Ce();
   let f2;
   var p2 = child(d2);
   each(p2, 1, u2, index, (e3, t3) => {
@@ -2235,7 +2283,7 @@ function Icon$1(e2, t2) {
       }));
     }), append(e3, n3);
   }), slot(sibling(p2), t2, "default", {}, null), template_effect((e3, t3) => f2 = set_attributes(d2, f2, {
-    ...xe,
+    ...ke,
     ...o2,
     width: a2(),
     height: a2(),
@@ -2320,16 +2368,16 @@ function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_out,
 		`
   };
 }
-var on_click$3 = (e2, t2) => {
+var on_click$4 = (e2, t2) => {
   var _a2;
   (_a2 = t2.onClick) == null ? void 0 : _a2.call(t2);
-}, Ce = /* @__PURE__ */ template('<button id="floating playlight button" aria-label="Open Playlight Discovery"><p class="z-2 flex items-center overflow-hidden svelte-1j97rta"><!> <span class="mr-0.25 inline-block font-bold svelte-1j97rta">More Games</span></p> <div class="bg-background absolute bottom-0 left-0 h-full w-0 transition-all duration-300 group-hover:w-full svelte-1j97rta"></div></button>');
+}, Se = /* @__PURE__ */ template('<button id="floating playlight button" aria-label="Open Playlight Discovery"><p class="z-2 flex items-center overflow-hidden svelte-1j97rta"><!> <span class="mr-0.25 inline-block font-bold text-md 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 = Ce();
-    o3.__click = [on_click$3, t2];
+    var o3 = Se();
+    o3.__click = [on_click$4, t2];
     var s3 = child(o3);
     !function Gamepad(e4, t3) {
       const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
@@ -2382,20 +2430,20 @@ function FloatingButton(e2, t2) {
   }), append(e2, s2), pop();
 }
 delegate(["click"]);
-var Se = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="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>'), Me = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-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>'), 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="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>'), Ie = /* @__PURE__ */ ns_template('<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>');
+var Me = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="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>'), Ie = /* @__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>'), 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="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>'), Oe = /* @__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, Se());
+    append(e3, Me());
   }, alternate = (e3, t3) => {
     var consequent_1 = (e4) => {
-      append(e4, Me());
+      append(e4, Ie());
     }, alternate_1 = (e4, t4) => {
       var consequent_2 = (e5) => {
         append(e5, Te());
       }, alternate_2 = (e5, t5) => {
         var consequent_3 = (e6) => {
-          append(e6, Ie());
+          append(e6, Oe());
         }, alternate_3 = (e6) => {
         };
         if_block(e5, (e6) => {
@@ -2441,15 +2489,15 @@ function clientWritable(e2) {
     }
   };
 }
-let Oe = 0;
-const Ee = function createToastState() {
+let We = 0;
+const ze = 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 : Oe++, i2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === s2);
+    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 : We++, 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 ? {
       ...e4,
       ...t3,
@@ -2586,7 +2634,7 @@ const Ee = function createToastState() {
       }), n2;
     },
     custom: function custom(e3, t3) {
-      const n2 = (t3 == null ? void 0 : t3.id) || Oe++;
+      const n2 = (t3 == null ? void 0 : t3.id) || We++;
       return create({
         component: e3,
         id: n2,
@@ -2607,23 +2655,23 @@ const Ee = function createToastState() {
     heights: t2
   };
 }();
-const je = function toastFunction(e2, t2) {
-  return Ee.create({
+const Ee = function toastFunction(e2, t2) {
+  return ze.create({
     message: e2,
     ...t2
   });
-}, Ne = Object.assign(je, {
-  success: Ee.success,
-  info: Ee.info,
-  warning: Ee.warning,
-  error: Ee.error,
-  custom: Ee.custom,
-  message: Ee.message,
-  promise: Ee.promise,
-  dismiss: Ee.dismiss,
-  loading: Ee.loading
+}, je = Object.assign(Ee, {
+  success: ze.success,
+  info: ze.info,
+  warning: ze.warning,
+  error: ze.error,
+  custom: ze.custom,
+  message: ze.message,
+  promise: ze.promise,
+  dismiss: ze.dismiss,
+  loading: ze.loading
 });
-var Be = /* @__PURE__ */ template('<button aria-label="Close toast" data-close-button=""><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>'), Ae = /* @__PURE__ */ template('<div data-icon=""><!> <!></div>'), We = /* @__PURE__ */ template('<div data-title=""><!></div>'), ze = /* @__PURE__ */ template('<div data-description=""><!></div>'), Le = /* @__PURE__ */ template('<button data-button="" data-cancel=""> </button>'), Ge = /* @__PURE__ */ template('<button data-button=""> </button>'), Fe = /* @__PURE__ */ template('<!> <div data-content=""><!> <!></div> <!> <!>', 1), He = /* @__PURE__ */ template('<li aria-atomic="true" role="status" data-sonner-toast=""><!> <!></li>');
+var Ne = /* @__PURE__ */ template('<button aria-label="Close toast" data-close-button=""><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>'), Be = /* @__PURE__ */ template('<div data-icon=""><!> <!></div>'), Ae = /* @__PURE__ */ template('<div data-title=""><!></div>'), Le = /* @__PURE__ */ template('<div data-description=""><!></div>'), Ge = /* @__PURE__ */ template('<button data-button="" data-cancel=""> </button>'), Fe = /* @__PURE__ */ template('<button data-button=""> </button>'), He = /* @__PURE__ */ template('<!> <div data-content=""><!> <!></div> <!> <!>', 1), Re = /* @__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);
@@ -2642,15 +2690,15 @@ function Toast(e2, t2) {
     default: "",
     info: "",
     loading: ""
-  }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = Ee;
-  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), T2 = prop(t2, "position", 9), I2 = prop(t2, "visibleToasts", 9), q2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), D2 = prop(t2, "interacting", 9), O2 = prop(t2, "cancelButtonStyle", 9, ""), E2 = prop(t2, "actionButtonStyle", 9, ""), j2 = prop(t2, "duration", 9, 4e3), N2 = prop(t2, "descriptionClass", 9, ""), B2 = prop(t2, "classes", 29, () => ({})), A2 = prop(t2, "unstyled", 9, false), W2 = mutable_state(false, true), z2 = mutable_state(false, true), L2 = mutable_state(false, true), G2 = mutable_state(false, true), F2 = mutable_state(0, true), H2 = mutable_state(0, true), R2 = mutable_state(void 0, true), U2 = mutable_state(0, true), V2 = 0, K2 = 0, Y2 = null;
+  }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = ze;
+  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), I2 = prop(t2, "position", 9), T2 = prop(t2, "visibleToasts", 9), O2 = prop(t2, "expandByDefault", 9), q2 = prop(t2, "closeButton", 9), P2 = prop(t2, "interacting", 9), D2 = prop(t2, "cancelButtonStyle", 9, ""), W2 = prop(t2, "actionButtonStyle", 9, ""), z2 = prop(t2, "duration", 9, 4e3), E2 = prop(t2, "descriptionClass", 9, ""), j2 = prop(t2, "classes", 29, () => ({})), N2 = prop(t2, "unstyled", 9, false), B2 = mutable_state(false, true), A2 = mutable_state(false, true), L2 = mutable_state(false, true), G2 = mutable_state(false, true), F2 = mutable_state(0, true), H2 = mutable_state(0, true), R2 = mutable_state(void 0, true), U2 = mutable_state(0, true), V2 = 0, K2 = 0, Y2 = null;
   function deleteToast() {
-    set(z2, true), // Save the offset for the exit swipe animation
+    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 = mutable_state(void 0, true), J2 = mutable_state(k2().duration || j2() || 4e3, true);
+  let Z2 = mutable_state(void 0, true), J2 = mutable_state(k2().duration || z2() || 4e3, true);
   function startTimer() {
     V2 = (/* @__PURE__ */ new Date()).getTime(), // Let the toast know it has started
     set(Z2, setTimeout(() => {
@@ -2660,21 +2708,21 @@ function Toast(e2, t2) {
   }
   let Q2 = mutable_state(void 0, true);
   onMount(() => {
-    set(W2, true);
+    set(B2, true);
     const e3 = get$1(R2).getBoundingClientRect().height;
     return set(H2, e3), w2({
       toastId: k2().id,
       height: e3
     }), () => $2(k2().id);
-  }), legacy_pre_effect(() => deep_read_state(B2()), () => {
-    B2({
+  }), legacy_pre_effect(() => deep_read_state(j2()), () => {
+    j2({
       ...m2,
-      ...B2()
+      ...j2()
     });
   }), legacy_pre_effect(() => deep_read_state(C2()), () => {
     set(i2, 0 === C2());
-  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(I2())), () => {
-    set(a2, C2() + 1 <= I2());
+  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(T2())), () => {
+    set(a2, C2() + 1 <= T2());
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
     set(l2, k2().title);
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
@@ -2687,8 +2735,8 @@ function Toast(e2, t2) {
     set(f2, k2().descriptionClass || "");
   }), legacy_pre_effect(() => ($heights(), deep_read_state(k2())), () => {
     set(p2, $heights().findIndex((e3) => e3.toastId === k2().id) || 0);
-  }), legacy_pre_effect(() => deep_read_state(T2()), () => {
-    set(_2, T2().split("-"));
+  }), legacy_pre_effect(() => deep_read_state(I2()), () => {
+    set(_2, I2().split("-"));
   }), legacy_pre_effect(() => ($heights(), get$1(p2)), () => {
     set(g2, $heights().reduce((e3, t3, n3) => (
       // Calculate offset up untill current  toast
@@ -2703,9 +2751,9 @@ function Toast(e2, t2) {
   }), legacy_pre_effect(() => (get$1(l2), get$1(c2)), () => {
     get$1(l2), get$1(c2), // Listen to height changes
     async function updateHeights() {
-      if (!get$1(W2)) return;
+      if (!get$1(B2)) return;
       let e3;
-      await tick(), e3 = S2() || q2() ? 1 : 1 - 0.05 * C2(), get$1(R2).style.setProperty("height", "auto");
+      await tick(), e3 = S2() || O2() ? 1 : 1 - 0.05 * C2(), get$1(R2).style.setProperty("height", "auto");
       const t3 = get$1(R2).offsetHeight, n3 = get$1(R2).getBoundingClientRect().height, o3 = Math.round(100 * (n3 / e3 + Number.EPSILON)) / 100;
       let s3;
       get$1(R2).style.removeProperty("height"), // Use scaledRectHeight as it's more precise
@@ -2714,20 +2762,20 @@ function Toast(e2, t2) {
         height: s3
       });
     }();
-  }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(Z2), deep_read_state(j2())), () => {
+  }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(Z2), deep_read_state(z2())), () => {
     k2().updated && // if the toast has been updated after the initial render,
     // we want to reset the timer and set the remaining time to the
     // new duration
-    (clearTimeout(get$1(Z2)), set(J2, k2().duration || j2() || 4e3), startTimer());
+    (clearTimeout(get$1(Z2)), set(J2, k2().duration || z2() || 4e3), startTimer());
   }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(u2)), () => {
     set(h2, k2().promise && "loading" === get$1(u2) || k2().duration === Number.POSITIVE_INFINITY);
-  }), legacy_pre_effect(() => (get$1(h2), deep_read_state(S2()), deep_read_state(D2()), get$1(Z2)), () => {
+  }), legacy_pre_effect(() => (get$1(h2), deep_read_state(S2()), deep_read_state(P2()), get$1(Z2)), () => {
     var e3;
     !function store_unsub(e4, t3, n3) {
       let o3 = n3[t3];
       return o3 && o3.store !== e4 && // Don't reset store yet, so that store_get above can resubscribe to new store if necessary
       (o3.unsubscribe(), o3.unsubscribe = noop), e4;
-    }(set(Q2, (e3 = () => (get$1(h2) || (S2() || D2() ? (
+    }(set(Q2, (e3 = () => (get$1(h2) || (S2() || P2() ? (
       // If toast's duration changes, it will be out of sync with the
       // remainingAtTimeout, so we know we need to restart the timer
       // with the new duration
@@ -2747,16 +2795,16 @@ function Toast(e2, t2) {
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
     k2().delete && deleteToast();
   }), legacy_pre_effect_reset(), init(true);
-  var ee2 = He();
+  var ee2 = Re();
   let te2;
   set_attribute(ee2, "tabindex", 0);
   var ne2 = child(ee2), consequent = (e3) => {
-    var t3 = Be();
+    var t3 = Ne();
     template_effect((e4) => {
       set_attribute(t3, "data-disabled", get$1(v2)), set_class(t3, 1, e4);
     }, [() => {
       var _a2, _b2, _c2;
-      return clsx(cn((_a2 = B2()) == null ? void 0 : _a2.closeButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.closeButton));
+      return clsx(cn((_a2 = j2()) == 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 : () => {
@@ -2766,7 +2814,7 @@ function Toast(e2, t2) {
     }), append(e3, t3);
   };
   if_block(ne2, (e3) => {
-    P2() && !k2().component && e3(consequent);
+    q2() && !k2().component && e3(consequent);
   });
   var re2 = sibling(ne2, 2), consequent_1 = (e3) => {
     var t3 = comment();
@@ -2778,8 +2826,8 @@ function Toast(e2, t2) {
       }));
     }), append(e3, t3);
   }, alternate = (e3) => {
-    var n3 = Fe(), o3 = first_child(n3), consequent_8 = (e4) => {
-      var n4 = Ae(), o4 = child(n4), consequent_2 = (e5) => {
+    var n3 = He(), o3 = first_child(n3), consequent_8 = (e4) => {
+      var n4 = Be(), o4 = child(n4), consequent_2 = (e5) => {
         var n5 = comment();
         slot(first_child(n5), t2, "loading-icon", {}, null), append(e5, n5);
       };
@@ -2832,7 +2880,7 @@ function Toast(e2, t2) {
       ("default" !== get$1(u2) || k2().icon || k2().promise) && e4(consequent_8);
     });
     var s3 = sibling(o3, 2), i3 = child(s3), consequent_10 = (e4) => {
-      var t3 = We(), n4 = child(t3), consequent_9 = (e5) => {
+      var t3 = Ae(), n4 = child(t3), consequent_9 = (e5) => {
         var t4 = comment();
         component(first_child(t4), () => k2().title, (e6, t5) => {
           t5(e6, spread_props(() => k2().componentProps));
@@ -2845,14 +2893,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 = B2()) == null ? void 0 : _a2.title, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.title));
+        return clsx(cn((_a2 = j2()) == 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) => {
       k2().title && e4(consequent_10);
     });
     var a3 = sibling(i3, 2), consequent_12 = (e4) => {
-      var t3 = ze(), n4 = child(t3), consequent_11 = (e5) => {
+      var t3 = Le(), n4 = child(t3), consequent_11 = (e5) => {
         var t4 = comment();
         component(first_child(t4), () => k2().description, (e6, t5) => {
           t5(e6, spread_props(() => k2().componentProps));
@@ -2865,19 +2913,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(N2(), get$1(f2), (_a2 = B2()) == null ? void 0 : _a2.description, (_b2 = k2().classes) == null ? void 0 : _b2.description));
+        return clsx(cn(E2(), get$1(f2), (_a2 = j2()) == 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 = Le(), n4 = child(t3);
+      var t3 = Ge(), n4 = child(t3);
       template_effect((e5) => {
-        set_style(t3, O2()), set_class(t3, 1, e5), set_text(n4, k2().cancel.label);
+        set_style(t3, D2()), set_class(t3, 1, e5), set_text(n4, k2().cancel.label);
       }, [() => {
         var _a2, _b2, _c2;
-        return clsx(cn((_a2 = B2()) == null ? void 0 : _a2.cancelButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.cancelButton));
+        return clsx(cn((_a2 = j2()) == 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();
@@ -2887,12 +2935,12 @@ function Toast(e2, t2) {
       k2().cancel && e4(consequent_13);
     });
     var c3 = sibling(l3, 2), consequent_14 = (e4) => {
-      var t3 = Ge(), n4 = child(t3);
+      var t3 = Fe(), n4 = child(t3);
       template_effect((e5) => {
-        set_style(t3, E2()), set_class(t3, 1, e5), set_text(n4, k2().action.label);
+        set_style(t3, W2()), set_class(t3, 1, e5), set_text(n4, k2().action.label);
       }, [() => {
         var _a2, _b2, _c2;
-        return clsx(cn((_a2 = B2()) == null ? void 0 : _a2.actionButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.actionButton));
+        return clsx(cn((_a2 = j2()) == null ? void 0 : _a2.actionButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.actionButton));
       }], derived_safe_equal), event("click", t3, (e5) => {
         var _a2;
         (_a2 = k2().action) == null ? void 0 : _a2.onClick(e5), e5.defaultPrevented || deleteToast();
@@ -2906,17 +2954,17 @@ function Toast(e2, t2) {
     k2().component ? e3(consequent_1) : e3(alternate, false);
   }), bind_this(ee2, (e3) => set(R2, e3), () => get$1(R2)), template_effect((e3, t3, s3) => {
     var _a2;
-    set_attribute(ee2, "aria-live", k2().important ? "assertive" : "polite"), set_class(ee2, 1, e3), set_attribute(ee2, "data-styled", !(k2().component || ((_a2 = k2()) == null ? void 0 : _a2.unstyled) || A2())), set_attribute(ee2, "data-mounted", get$1(W2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(z2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(_2)[0]), set_attribute(ee2, "data-x-position", get$1(_2)[1]), set_attribute(ee2, "data-index", C2()), set_attribute(ee2, "data-front", get$1(i2)), set_attribute(ee2, "data-swiping", get$1(L2)), set_attribute(ee2, "data-type", get$1(u2)), set_attribute(ee2, "data-invert", M2()), set_attribute(ee2, "data-swipe-out", get$1(G2)), set_attribute(ee2, "data-expanded", 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(i2)), set_attribute(ee2, "data-swiping", get$1(L2)), set_attribute(ee2, "data-type", get$1(u2)), set_attribute(ee2, "data-invert", M2()), set_attribute(ee2, "data-swipe-out", get$1(G2)), set_attribute(ee2, "data-expanded", s3), te2 = set_style(ee2, `${n2.style} ${k2().style}`, te2, {
       "--index": C2(),
       "--toasts-before": C2(),
       "--z-index": store_get(b2, "$toasts", o2).length - C2(),
-      "--offset": `${get$1(z2) ? get$1(F2) : get$1(U2)}px`,
+      "--offset": `${get$1(A2) ? get$1(F2) : get$1(U2)}px`,
       "--initial-height": `${get$1(H2)}px`
     });
   }, [() => {
-    var _a2, _b2, _c2, _d, _e2, _f;
-    return clsx(cn(n2.class, get$1(d2), (_a2 = B2()) == null ? void 0 : _a2.toast, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.toast, (_d = B2()) == null ? void 0 : _d[get$1(u2)], (_f = (_e2 = k2()) == null ? void 0 : _e2.classes) == null ? void 0 : _f[get$1(u2)]));
-  }, () => Boolean(k2().promise), () => Boolean(S2() || q2() && get$1(W2))], derived_safe_equal), event("pointerdown", ee2, function onPointerDown(e3) {
+    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(S2() || O2() && get$1(B2))], derived_safe_equal), event("pointerdown", ee2, function onPointerDown(e3) {
     if (get$1(v2)) return;
     set(F2, get$1(U2));
     const t3 = e3.target;
@@ -2939,7 +2987,7 @@ function Toast(e2, t2) {
     (Y2 = null);
   }), append(e2, ee2), pop(), s2();
 }
-var Re = /* @__PURE__ */ template("<ol></ol>"), Ue = /* @__PURE__ */ template('<section class="svelte-1fo5d1m"></section>');
+var Ue = /* @__PURE__ */ template("<ol></ol>"), Ve = /* @__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"]);
   push(t2, false);
@@ -2951,24 +2999,24 @@ 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: S2 } = Ee;
-  let M2 = mutable_state(false), T2 = mutable_state(false), q2 = mutable_state(function getInitialTheme(e3) {
+  const { toasts: k2, heights: C2, reset: S2 } = ze;
+  let M2 = mutable_state(false), I2 = mutable_state(false), O2 = mutable_state(function getInitialTheme(e3) {
     return "system" !== e3 ? e3 : "undefined" != typeof window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? c2 : u2;
-  }(f2())), P2 = mutable_state(), D2 = null, O2 = false;
+  }(f2())), q2 = mutable_state(), P2 = null, D2 = false;
   function handleBlur(e3) {
-    O2 && !e3.currentTarget.contains(e3.relatedTarget) && (O2 = false, D2 && (D2.focus({
+    D2 && !e3.currentTarget.contains(e3.relatedTarget) && (D2 = false, P2 && (P2.focus({
       preventScroll: true
-    }), D2 = null));
+    }), P2 = null));
   }
   function handleFocus(e3) {
-    O2 || (O2 = true, D2 = e3.relatedTarget);
+    D2 || (D2 = true, P2 = e3.relatedTarget);
   }
   !function onDestroy(e3) {
-    null === I && lifecycle_outside_component(), onMount(() => () => untrack(e3));
+    null === T && lifecycle_outside_component(), onMount(() => () => untrack(e3));
   }(() => {
-    get$1(P2) && D2 && (D2.focus({
+    get$1(q2) && P2 && (P2.focus({
       preventScroll: true
-    }), D2 = null, O2 = false);
+    }), P2 = null, D2 = false);
   }), onMount(() => {
     S2();
     const handleKeydown = (e3) => {
@@ -2976,7 +3024,7 @@ function Toaster(e2, t2) {
       _2().every((t3) => (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         e3[t3] || e3.code === t3
-      )) && (set(M2, true), (_a2 = get$1(P2)) == null ? void 0 : _a2.focus()), "Escape" !== e3.code || document.activeElement !== get$1(P2) && !((_b2 = get$1(P2)) == null ? void 0 : _b2.contains(document.activeElement)) || set(M2, false);
+      )) && (set(M2, true), (_a2 = get$1(q2)) == null ? void 0 : _a2.focus()), "Escape" !== e3.code || document.activeElement !== get$1(q2) && !((_b2 = get$1(q2)) == null ? void 0 : _b2.contains(document.activeElement)) || set(M2, false);
     };
     return document.addEventListener("keydown", handleKeydown), () => {
       document.removeEventListener("keydown", handleKeydown);
@@ -2997,17 +3045,17 @@ function Toaster(e2, t2) {
       k2.set(t3);
     }
   }), legacy_pre_effect(() => deep_read_state(f2()), () => {
-    if ("system" !== f2() && set(q2, 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(q2, c2)
+        set(O2, c2)
       ) : (
         // it's not dark
-        set(q2, u2)
+        set(O2, u2)
       ));
       const e3 = window.matchMedia("(prefers-color-scheme: dark)"), changeHandler = ({ matches: e4 }) => {
-        set(q2, e4 ? c2 : u2);
+        set(O2, e4 ? c2 : u2);
       };
       "addEventListener" in e3 ? e3.addEventListener("change", changeHandler) : (
         // @ts-expect-error deprecated API
@@ -3015,10 +3063,10 @@ function Toaster(e2, t2) {
       );
     }
   }), legacy_pre_effect_reset(), init();
-  var E2 = comment(), j2 = first_child(E2), consequent = (e3) => {
-    var i3 = Ue();
+  var W2 = comment(), z2 = first_child(W2), consequent = (e3) => {
+    var i3 = Ve();
     set_attribute(i3, "tabindex", -1), each(i3, 5, () => get$1(a2), index, (e4, i4, a3, l3) => {
-      var c3 = Re();
+      var c3 = Ue();
       let u3;
       each(c3, 7, () => $toasts().filter((e5) => !e5.position && 0 === a3 || e5.position === get$1(i4)), (e5) => e5.id, (e5, n3, o3, s3) => {
         const a4 = /* @__PURE__ */ derived_safe_equal(() => {
@@ -3054,7 +3102,7 @@ function Toaster(e2, t2) {
             return y2();
           },
           get interacting() {
-            return get$1(T2);
+            return get$1(I2);
           },
           get position() {
             return get$1(i4);
@@ -3132,13 +3180,13 @@ function Toaster(e2, t2) {
             }
           }
         });
-      }), bind_this(c3, (e5) => set(P2, e5), () => get$1(P2)), template_effect((e5, t3, i5) => {
+      }), bind_this(c3, (e5) => set(q2, e5), () => get$1(q2)), template_effect((e5, t3, i5) => {
         var _a2;
         u3 = set_attributes(c3, u3, {
           tabIndex: -1,
           class: n2.class,
           "data-sonner-toaster": true,
-          "data-theme": get$1(q2),
+          "data-theme": get$1(O2),
           "data-rich-colors": v2(),
           dir: e5,
           "data-y-position": t3,
@@ -3153,114 +3201,114 @@ function Toaster(e2, t2) {
           }
         }, "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(M2, true)), event("mousemove", c3, () => set(M2, true)), event("mouseleave", c3, () => {
-        get$1(T2) || set(M2, false);
-      }), event("pointerdown", c3, () => set(T2, true)), event("pointerup", c3, () => set(T2, false)), append(e4, c3);
+        get$1(I2) || set(M2, false);
+      }), event("pointerdown", c3, () => set(I2, true)), event("pointerup", c3, () => set(I2, false)), append(e4, c3);
     }), template_effect(() => set_attribute(i3, "aria-label", `${g2()} ${get$1(l2)}`)), append(e3, i3);
   };
-  if_block(j2, (e3) => {
+  if_block(z2, (e3) => {
     $toasts().length > 0 && e3(consequent);
-  }), append(e2, E2), pop(), i2();
+  }), append(e2, W2), pop(), i2();
 }
-const Ve = writable(false), Ke = writable("https://sdk.playlight.dev");
-var on_click$2 = (e2, t2, n2, o2) => {
+const Ke = writable(false), Ye = writable("https://sdk.playlight.dev");
+var on_click$3 = (e2, t2, n2, o2) => {
   var _a2;
   get$1(t2) && !get$1(n2) || ((_a2 = o2.onClick) == null ? void 0 : _a2.call(o2, o2.game.id), window.open("https://" + o2.game.domain, "_blank", "noopener"));
-}, Ye = /* @__PURE__ */ template('<div><p class="text-primary font-bold uppercase">New</p></div>'), Ze = /* @__PURE__ */ template('<video playsinline="" loop preload="auto"></video>', 2), on_click_1$2 = (t2, n2) => {
+}, Ze = /* @__PURE__ */ template('<div><p class="text-primary font-bold uppercase">New</p></div>'), Je = /* @__PURE__ */ template('<video playsinline="" loop preload="auto"></video>', 2), on_click_1$3 = (t2, n2) => {
   var _a2;
   e.stopPropagation(), (_a2 = n2.onClick) == null ? void 0 : _a2.call(n2, n2.game.id), window.open("https://" + n2.game.domain, "_blank", "noopener");
-}, Je = /* @__PURE__ */ template("<button>Play</button>"), Xe = /* @__PURE__ */ template('<div class="bg-background/75 text-foreground absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden backdrop-blur-xl"><div class="hide-scrollbar h-full w-full overflow-y-auto p-3 svelte-rulnq9"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <div class="fade-mask bg-background/75 pointer-events-none absolute right-0 bottom-0 left-0 h-8 svelte-rulnq9"></div></div>'), Qe = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" loading="eager"> <!> <!> <img alt="game logo" loading="eager"></div>');
+}, Xe = /* @__PURE__ */ template("<button>Play</button>"), Qe = /* @__PURE__ */ template('<div class="bg-background/75 text-foreground absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden backdrop-blur-xl"><div class="hide-scrollbar h-full w-full overflow-y-auto p-3 svelte-rulnq9"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <div class="fade-mask bg-background/75 pointer-events-none absolute right-0 bottom-0 left-0 h-8 svelte-rulnq9"></div></div>'), et = /* @__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 = state(false), a2 = state(false), l2 = state(void 0), c2 = state(false), u2 = state(false), d2 = state(false), f2 = state(false), p2 = state(void 0);
+  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);
   function handleMouseEnter() {
-    get$1(i2) || get$1(f2) || function playSound(e3, t3 = 1) {
+    get$1(a2) || get$1(p2) || function playSound(e3, t3 = 1) {
       try {
         const n3 = new Audio(e3);
         n3.volume = t3, n3.play();
       } catch (e4) {
         console.error("Error playing sound:", e4);
       }
-    }(store_get(Ke, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), set(i2, true), clearTimeout(s2), s2 = setTimeout(() => set(a2, true), 300), get$1(l2) && t2.game.cover_video_url && get$1(l2).play().catch((e3) => console.error("Video play error:", e3));
+    }(store_get(Ye, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), set(a2, true), clearTimeout(s2), s2 = setTimeout(() => set(l2, true), 300), get$1(c2) && t2.game.cover_video_url && get$1(c2).play().catch((e3) => console.error("Video play error:", e3));
   }
   function handleMouseLeave() {
-    get$1(f2) || (setUnhovered(), get$1(l2) && get$1(c2) && get$1(l2).pause());
+    get$1(p2) || (setUnhovered(), get$1(c2) && get$1(u2) && get$1(c2).pause());
   }
   function setUnhovered() {
-    set(i2, false), clearTimeout(s2), set(a2, false);
+    set(a2, false), clearTimeout(s2), set(l2, false);
   }
   user_effect(() => {
-    set(f2, "ontouchstart" in window);
+    set(p2, "ontouchstart" in window);
   });
-  var _2 = Qe();
-  event("touchstart", q, () => set(f2, true), void 0, true), event("touchstart", P, function handleDocumentTouch(e3) {
-    get$1(p2) && !get$1(p2).contains(e3.target) && setUnhovered();
-  }, void 0, true), _2.__touchstart = handleMouseEnter, _2.__click = [on_click$2, f2, a2, t2];
-  var g2 = child(_2), consequent = (e3) => {
-    var t3 = Ye();
+  var g2 = et();
+  event("touchstart", O, () => set(p2, true), void 0, true), event("touchstart", q, (e3) => {
+    get$1(_2) && !get$1(_2).contains(e3.target) && setUnhovered();
+  }, void 0, true), g2.__touchstart = handleMouseEnter, g2.__click = [on_click$3, p2, l2, t2];
+  var v2 = child(g2), consequent = (e3) => {
+    var t3 = Ze();
     let n3;
-    template_effect((e4) => n3 = set_class(t3, 1, "bg-background absolute top-4 right-4 z-13 px-2 py-0.5 transition-opacity select-none", null, n3, e4), [() => ({
-      "opacity-0": get$1(i2)
+    template_effect((e4) => n3 = set_class(t3, 1, "bg-background absolute top-4 right-4 z-12 px-2 py-0.5 transition-opacity select-none", null, n3, e4), [() => ({
+      "opacity-0": get$1(a2)
     })]), append(e3, t3);
   };
-  if_block(g2, (e3) => {
+  if_block(v2, (e3) => {
     var _a2;
     (function isNewGame(e4) {
       const t3 = /* @__PURE__ */ new Date();
       return t3.setDate(t3.getDate() - 7), new Date(e4) > t3;
     })((_a2 = t2.game) == null ? void 0 : _a2.created_at) && e3(consequent);
   });
-  var v2 = sibling(g2, 2), consequent_1 = (e3) => {
-    var n3 = Ze();
+  var h2 = sibling(v2, 2), consequent_1 = (e3) => {
+    var n3 = Je();
     let o3;
-    n3.muted = true, bind_this(n3, (e4) => set(l2, e4), () => get$1(l2)), template_effect((e4) => {
+    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);
     }, [() => ({
-      "opacity-100": get$1(i2) && get$1(c2) && t2.game.cover_video_url
+      "opacity-100": get$1(a2) && get$1(u2) && t2.game.cover_video_url
     })]), event("loadeddata", n3, () => {
-      set(c2, true);
+      set(u2, true);
     }), append(e3, n3);
   };
-  if_block(v2, (e3) => {
+  if_block(h2, (e3) => {
     t2.game.cover_video_url && e3(consequent_1);
   });
-  var h2 = sibling(v2, 2);
-  let m2;
-  var b2 = sibling(h2, 2), consequent_2 = (e3) => {
-    var n3 = Je();
+  var m2 = sibling(h2, 2);
+  let b2;
+  var y2 = sibling(m2, 2), consequent_2 = (e3) => {
+    var n3 = Xe();
     let o3;
-    n3.__click = [on_click_1$2, t2], template_effect((e4) => o3 = set_class(n3, 1, "bg-foreground text-background hover:bg-foreground/90 absolute right-4 bottom-4 z-15 flex items-center justify-center rounded-sm px-3 py-1 font-bold uppercase transition-all", null, o3, e4), [() => ({
-      "opacity-0": get$1(i2)
+    n3.__click = [on_click_1$3, t2], template_effect((e4) => o3 = set_class(n3, 1, "bg-foreground text-background hover:bg-foreground/90 absolute right-4 bottom-4 z-15 flex items-center justify-center rounded-sm px-3 py-1 font-bold uppercase transition-all", null, o3, e4), [() => ({
+      "opacity-0": get$1(a2)
     })]), append(e3, n3);
   };
-  if_block(b2, (e3) => {
-    get$1(f2) && e3(consequent_2);
+  if_block(y2, (e3) => {
+    get$1(p2) && e3(consequent_2);
   });
-  var y2 = sibling(b2, 2), consequent_3 = (e3) => {
-    var n3 = Xe(), o3 = child(n3), s3 = child(o3), i3 = child(s3), a3 = child(sibling(s3, 2));
+  var $2 = sibling(y2, 2), consequent_3 = (e3) => {
+    var n3 = Qe(), o3 = child(n3), s3 = child(o3), i3 = child(s3), a3 = child(sibling(s3, 2));
     template_effect(() => {
       set_text(i3, t2.game.name), set_text(a3, t2.game.description || "No description.");
     }), transition(3, n3, () => slide), append(e3, n3);
   };
-  if_block(y2, (e3) => {
-    get$1(i2) && e3(consequent_3);
+  if_block($2, (e3) => {
+    get$1(a2) && e3(consequent_3);
   });
-  var $2 = sibling(y2, 2);
-  let w2;
-  bind_this(_2, (e3) => set(p2, e3), () => get$1(p2)), template_effect((e3, n3) => {
-    set_class(_2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] h-1/2 max-h-[75vh] min-h-92 cursor-pointer flex-col shadow-xl transition hover:outline-2 lg:h-3/7 ${(get$1(u2) ? "" : "animate-pulse") ?? ""}`, "svelte-rulnq9"), set_attribute(h2, "src", t2.game.cover_image_url), m2 = set_class(h2, 1, "prevent-image-select absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-rulnq9", null, m2, 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-12 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 transition group-hover:outline-2 svelte-rulnq9", null, w2, n3);
+  var w2 = sibling($2, 2);
+  let x2;
+  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-rulnq9"), 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-rulnq9", null, b2, e3), set_attribute(w2, "src", t2.game.logo_url), x2 = set_class(w2, 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 transition group-hover:outline-2 svelte-rulnq9", null, x2, n3);
   }, [() => ({
-    "opacity-100": get$1(u2) && (!get$1(i2) || !get$1(c2) || !t2.game.cover_video_url)
+    "opacity-100": get$1(d2) && (!get$1(a2) || !get$1(u2) || !t2.game.cover_video_url)
   }), () => ({
-    "opacity-100": get$1(d2)
-  })]), event("mouseenter", _2, handleMouseEnter), event("focus", _2, handleMouseEnter), event("mouseleave", _2, handleMouseLeave), event("blur", _2, handleMouseLeave), event("load", h2, () => {
-    set(u2, true);
-  }), event("load", $2, () => {
+    "opacity-100": get$1(f2)
+  })]), event("mouseenter", g2, handleMouseEnter), event("focus", g2, handleMouseEnter), event("mouseleave", g2, handleMouseLeave), event("blur", g2, handleMouseLeave), event("load", m2, () => {
     set(d2, true);
-  }), append(e2, _2), pop(), o2();
+  }), event("load", w2, () => {
+    set(f2, true);
+  }), append(e2, g2), pop(), o2();
 }
 delegate(["touchstart", "click"]);
-const et = new (_b = class {
+const tt = new (_b = class {
   constructor() {
     __privateAdd(this, _PlayLightAPI_instances);
     this.baseUrl = "https://api.playlight.dev/platform", this.cachedCategories = null, this.currentGame = null;
@@ -3286,7 +3334,7 @@ const et = new (_b = class {
       }
       return await o2.json();
     } catch (e3) {
-      Ne.error("Error: " + e3), console.error("Playlight API error:", e3);
+      je.error("Error: " + e3), console.error("Playlight API error:", e3);
     }
   }
   // Get all categories
@@ -3298,19 +3346,19 @@ const et = 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, e_fn).call(this), await this.request(n2);
+    return e2 && (n2 += "/" + e2), t2 && (n2 += "?page=" + t2), n2 += "&without=" + __privateMethod(this, _PlayLightAPI_instances, o_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, e_fn).call(this);
+    let e2 = "/game-by-domain/" + __privateMethod(this, _PlayLightAPI_instances, o_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, e_fn).call(this);
+    const e2 = __privateMethod(this, _PlayLightAPI_instances, o_fn).call(this);
     await this.request("/event/open", {
       method: "POST",
       body: JSON.stringify({
@@ -3320,7 +3368,7 @@ const et = new (_b = class {
   }
   // Track game click (pass id of the game that was clicked on)
   async trackClick(e2) {
-    const t2 = __privateMethod(this, _PlayLightAPI_instances, e_fn).call(this);
+    const t2 = __privateMethod(this, _PlayLightAPI_instances, o_fn).call(this);
     await this.request("/event/click", {
       method: "POST",
       body: JSON.stringify({
@@ -3336,7 +3384,7 @@ const et = new (_b = class {
     });
     return (o2 == null ? void 0 : o2.success) || false;
   }
-}, _PlayLightAPI_instances = new WeakSet(), e_fn = function() {
+}, _PlayLightAPI_instances = new WeakSet(), o_fn = function() {
   const e2 = window.location.hostname;
   return e2.startsWith("www.") ? e2.substring(4) : e2;
 }, _b)();
@@ -3370,11 +3418,11 @@ function flip(e2, { from: t2, to: n2 }, o2 = {}) {
     css: (e3, t3) => `transform: ${c2} translate(${t3 * b2}px, ${t3 * y2}px) scale(${e3 + t3 * $2}, ${e3 + t3 * w2});`
   };
 }
-var on_click$1 = (e2, t2, n2) => {
+var on_click$2 = (e2, t2, n2) => {
   set(t2, ""), set(n2, !get$1(n2));
-}, tt = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), nt = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, o2) => {
+}, nt = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), rt = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$2 = (e2, t2, n2, o2) => {
   t2(n2), set(o2, false);
-}, rt = /* @__PURE__ */ template("<button> </button>"), ot = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), st = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-24 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur-xl"><div class="border-b p-3"><div class="relative"><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-1"><!></div> <input type="text" placeholder="Search categories..." class="w-full border-0 p-1 pl-10 text-white focus:ring-0 focus:outline-none"></div></div> <div class="max-h-60 overflow-y-auto"><!></div></div>'), it = /* @__PURE__ */ template('<div class="flex w-full flex-col py-2"><h1 class="mb-0! py-2 text-center text-2xl font-bold text-white drop-shadow-xl lg:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-background transition hover:rotate-5"><span class="truncate max-w-[40vw] text-2xl font-bold text-background lg:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
+}, ot = /* @__PURE__ */ template("<button> </button>"), st = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), it = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-24 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur-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>'), at = /* @__PURE__ */ template('<div class="flex w-full flex-col py-2"><h1 class="mb-0! py-2 text-center text-2xl font-bold text-white drop-shadow-xl lg:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-background transition hover:rotate-5"><span class="truncate max-w-[40vw] text-2xl font-bold text-background lg:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
 function Navigation(e2, t2) {
   push(t2, true);
   let n2, o2 = prop(t2, "categories", 19, () => []), s2 = prop(t2, "selectedCategory", 15), i2 = state(false), a2 = /* @__PURE__ */ derived(() => s2() || (o2().length > 0 ? o2()[0] : "...")), l2 = state(""), c2 = state(void 0), u2 = /* @__PURE__ */ derived(() => get$1(l2) ? o2().filter((e3) => e3.toLowerCase().includes(get$1(l2).toLowerCase())) : o2());
@@ -3385,12 +3433,12 @@ function Navigation(e2, t2) {
     for (e3 = Math.floor(Math.random() * (d2 == null ? void 0 : d2.length)); e3 == f2; ) e3 = Math.floor(Math.random() * (d2 == null ? void 0 : d2.length));
     set(p2, proxy(d2[e3])), f2 = e3;
   });
-  var _2 = it();
-  event("click", P, function handleClickOutside(e3) {
+  var _2 = at();
+  event("click", q, function handleClickOutside(e3) {
     get$1(c2) && !get$1(c2).contains(e3.target) && n2 && !n2.contains(e3.target) && set(i2, false);
   });
   var g2 = child(_2), v2 = child(g2), h2 = child(v2), m2 = sibling(v2, 2);
-  m2.__click = [on_click$1, l2, i2];
+  m2.__click = [on_click$2, l2, i2];
   var b2 = child(m2), y2 = child(b2), $2 = sibling(b2, 2);
   const w2 = /* @__PURE__ */ derived(() => get$1(i2) ? "rotate-180 transform" : "");
   !function Chevron_down(e3, t3) {
@@ -3417,7 +3465,7 @@ function Navigation(e2, t2) {
     }
   }), bind_this(m2, (e3) => n2 = e3, () => n2);
   var x2 = sibling(g2, 2), consequent_2 = (e3) => {
-    var t3 = st(), n3 = child(t3), a3 = child(n3), d3 = child(a3);
+    var t3 = it(), n3 = child(t3), a3 = child(n3), d3 = child(a3);
     !function Search(e4, t4) {
       const n4 = legacy_rest_props(t4, ["children", "$$slots", "$$events", "$$legacy"]);
       Icon$1(e4, spread_props({
@@ -3444,15 +3492,15 @@ function Navigation(e2, t2) {
       class: "text-muted-foreground"
     });
     var f3 = sibling(d3, 2), p3 = child(sibling(n3, 2)), consequent = (e4) => {
-      append(e4, tt());
+      append(e4, nt());
     }, alternate = (e4, t4) => {
       var consequent_1 = (e5) => {
-        append(e5, nt());
+        append(e5, rt());
       }, alternate_1 = (e5) => {
-        var t5 = ot();
+        var t5 = st();
         each(t5, 28, () => get$1(u2), (e6) => e6, (e6, t6) => {
-          var n4 = rt();
-          n4.__click = [on_click_1$1, s2, t6, i2];
+          var n4 = ot();
+          n4.__click = [on_click_1$2, s2, t6, i2];
           var o3 = child(n4);
           template_effect(() => {
             set_class(n4, 1, `w-full cursor-pointer px-4 py-2 text-left transition-colors ${(s2() != t6 ? "hover:bg-muted-foreground/20" : "") ?? ""} ${(s2() == t6 ? "bg-white text-background" : "text-white") ?? ""}`), set_text(o3, t6);
@@ -3559,7 +3607,7 @@ function Navigation(e2, t2) {
   })), append(e2, _2), pop();
 }
 delegate(["click"]);
-var at = /* @__PURE__ */ template('<div class="-mx-10 mt-5 flex h-1/2 max-h-[75vh] min-h-92 w-10 flex-col lg:h-3/7"><div class="flex h-full items-center justify-center"><div class="flex h-full w-full flex-col items-center justify-between py-6"><div class="bg-muted-foreground min-[1920px]:h-1/4 h-1/5 w-px"></div> <div class="text-muted-foreground origin-center -rotate-90 transform text-sm whitespace-nowrap select-none">From other categories</div> <div class="bg-muted-foreground h-1/5 w-px min-[1920px]:h-1/4"></div></div></div></div>');
+var lt = /* @__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, proxy(n3));
@@ -3571,9 +3619,9 @@ async function toggleLike(e2, t2, n2, o2) {
   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 et.toggleLike(t2.currentGame.id, s2) || set(o2, get$1(o2) + (s2 ? -1 : 1));
+  await tt.toggleLike(t2.currentGame.id, s2) || set(o2, get$1(o2) + (s2 ? -1 : 1));
 }
-var lt = /* @__PURE__ */ template('<div class="bg-background/85 fixed bottom-4 left-4 z-2 flex touch-none flex-wrap items-center gap-1 border-1 p-4 text-start shadow-lg backdrop-blur-lg max-sm:right-4 sm:w-72" role="button" tabindex="0"><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>'), ct = /* @__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>'), ut = /* @__PURE__ */ template("<!> <!>", 1);
+var ct = /* @__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>'), ut = /* @__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>'), dt = /* @__PURE__ */ template("<!> <!>", 1);
 function CurrentGameDisplay(e2, t2) {
   var _a2;
   push(t2, true);
@@ -3608,8 +3656,8 @@ function CurrentGameDisplay(e2, t2) {
     var _a3, _b2;
     ((_a3 = t2.currentGame) == null ? void 0 : _a3.id) && (set(c2, null !== localStorage.getItem(`playlight_${t2.currentGame.id}_liked`)), set(u2, proxy(((_b2 = t2.currentGame) == null ? void 0 : _b2.likes) || 0)));
   });
-  var f2 = ut(), p2 = first_child(f2), consequent = (e3) => {
-    var o3 = lt();
+  var f2 = dt(), p2 = first_child(f2), consequent = (e3) => {
+    var o3 = ct();
     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);
     let d3;
@@ -3655,7 +3703,7 @@ function CurrentGameDisplay(e2, t2) {
     t2.currentGame && get$1(o2) && e3(consequent);
   });
   var _2 = sibling(p2, 2), consequent_1 = (e3) => {
-    var t3 = ct(), n3 = child(t3);
+    var t3 = ut(), n3 = child(t3);
     n3.__mousedown = [restore, s2, o2, i2, a2, animate2], n3.__touchstart = [restore, s2, o2, i2, a2, animate2], transition(3, n3, () => fly, () => ({
       delay: 150,
       y: 30
@@ -3666,26 +3714,26 @@ function CurrentGameDisplay(e2, t2) {
   }), append(e2, f2), pop();
 }
 function closeDiscoveryOnEmptyClick(e2, t2) {
-  e2.target === e2.currentTarget && store_set(Ve, false);
+  e2.target === e2.currentTarget && store_set(Ke, false);
 }
 delegate(["mousedown", "mousemove", "mouseup", "touchstart", "touchmove", "touchend", "click"]);
-var on_click = (e2, t2) => {
+var on_click$1 = (e2, t2) => {
   localStorage.getItem("playlight_exit_intent_disabled_by_user") ? localStorage.removeItem("playlight_exit_intent_disabled_by_user") : localStorage.setItem("playlight_exit_intent_disabled_by_user", true), set(t2, !get$1(t2));
-}, dt = /* @__PURE__ */ template('<button class="cursor-pointer truncate text-sm text-nowrap opacity-50 transition hover:opacity-25 max-md:hidden"><p class="bg-background/50 text-primary p-1 px-2 text-sm"> </p></button>'), on_click_1 = (e2, t2) => store_set(Ve, false), ft = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), pt = /* @__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>'), _t = /* @__PURE__ */ template("<!> <!>", 1), gt = /* @__PURE__ */ template('<div class="mx-auto flex h-full flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="flex h-10 w-full justify-center"><!></div></div>'), vt = /* @__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="w-50 pointer-events-none"> <div class="mt-4 mr-2 flex items-center justify-evenly gap-8 overflow-hidden md:mr-4"><!> <button class="cursor-pointer text-white transition hover:opacity-50"><!></button></div></div> <div class="mx-auto p-2 px-5"><!></div> <!>  <div class="mask-fade no-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-12skmk8"><!></div> <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">Join Playlight <!></a></div>');
+}, ft = /* @__PURE__ */ template('<button class="cursor-pointer truncate text-sm text-nowrap opacity-50 transition hover:opacity-25 max-md:hidden"><p class="bg-background/50 text-primary p-1 px-2 text-sm"> </p></button>'), on_click_1$1 = (e2, t2) => store_set(Ke, false), pt = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), _t = /* @__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>'), gt = /* @__PURE__ */ template("<!> <!>", 1), vt = /* @__PURE__ */ template('<div class="mx-auto flex h-full flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="flex h-10 w-full justify-center"><!></div></div>'), ht = /* @__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="w-50 pointer-events-none"> <div class="mt-4 mr-2 flex items-center justify-evenly gap-8 overflow-hidden md:mr-4"><!> <button class="cursor-pointer text-white transition hover:opacity-50"><!></button></div></div> <div class="mx-auto p-2 px-5"><!></div> <!>  <div class="mask-fade no-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-12skmk8"><!></div> <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">Join Playlight <!></a></div>');
 function DiscoveryOverlay(e2, t2) {
   push(t2, true);
-  const [n2, o2] = setup_stores(), $discoveryOpen = () => store_get(Ve, "$discoveryOpen", n2);
+  const [n2, o2] = setup_stores(), $discoveryOpen = () => store_get(Ke, "$discoveryOpen", n2);
   let s2, i2 = prop(t2, "showIntentToggle", 3, true), a2 = state(true), l2 = state(void 0), c2 = state(true), u2 = state(false), d2 = state(void 0), f2 = state(proxy([])), p2 = state(proxy([])), _2 = state(1), g2 = state(true), v2 = state(void 0), h2 = state(false);
   async function fetchGames() {
     if (!(get$1(c2) && get$1(_2) > 1 || get$1(u2))) try {
       1 === get$1(_2) ? set(c2, true) : set(u2, true);
-      const e3 = get$1(h2) ? null : get$1(l2), t3 = await et.getSuggestions(e3, get$1(_2)), n3 = (t3 == null ? void 0 : t3.games) || [], o3 = n3.filter((e4) => !get$1(f2).some((t4) => t4.id === e4.id));
+      const e3 = get$1(h2) ? null : get$1(l2), t3 = await tt.getSuggestions(e3, get$1(_2)), n3 = (t3 == null ? void 0 : t3.games) || [], o3 = n3.filter((e4) => !get$1(f2).some((t4) => t4.id === e4.id));
       set(f2, proxy([...get$1(f2), ...o3])), n3.length < 10 ? !get$1(h2) && get$1(l2) ? (
         // Try with all games
         (set(h2, true), set(_2, 1), setTimeout(() => fetchGames(), 100))
       ) : set(g2, false) : set(_2, get$1(_2) + 1);
     } catch (e3) {
-      console.error(e3), Ne.error("Failed to load games: " + e3);
+      console.error(e3), je.error("Failed to load games: " + e3);
     } finally {
       set(c2, false), set(u2, false), // For Chrome: manually check if element is still in view and should trigger another load
       get$1(g2) && get$1(v2) && setTimeout(() => {
@@ -3702,9 +3750,9 @@ function DiscoveryOverlay(e2, t2) {
   }, {
     rootMargin: "200px"
   }), () => s2 == null ? void 0 : s2.disconnect())), onMount(async () => {
-    set(d2, proxy(await et.getCurrentGameInfo())), await async function fetchCategories() {
-      var _a2, _b2, _c2, _d, _e2, _f, _g;
-      set(p2, proxy(await et.getCategories())), !get$1(l2) && ((_a2 = get$1(p2)) == null ? void 0 : _a2.length) > 0 && set(l2, proxy(((_b2 = get$1(d2)) == null ? void 0 : _b2.category) && ((_d = get$1(p2)) == null ? void 0 : _d.includes((_c2 = get$1(d2)) == null ? void 0 : _c2.category)) ? (_e2 = get$1(d2)) == null ? void 0 : _e2.category : (_g = get$1(p2)) == null ? void 0 : _g[((_f = get$1(p2)) == null ? void 0 : _f.length) - 1]));
+    set(d2, proxy(await tt.getCurrentGameInfo())), await async function fetchCategories() {
+      var _a2, _b2, _c2, _d, _e3, _f, _g;
+      set(p2, proxy(await tt.getCategories())), !get$1(l2) && ((_a2 = get$1(p2)) == null ? void 0 : _a2.length) > 0 && set(l2, proxy(((_b2 = get$1(d2)) == null ? void 0 : _b2.category) && ((_d = get$1(p2)) == null ? void 0 : _d.includes((_c2 = get$1(d2)) == null ? void 0 : _c2.category)) ? (_e3 = get$1(d2)) == null ? void 0 : _e3.category : (_g = get$1(p2)) == null ? void 0 : _g[((_f = get$1(p2)) == null ? void 0 : _f.length) - 1]));
     }();
   }), user_effect(() => {
     get$1(l2) && (set(f2, proxy([])), set(_2, 1), set(g2, true), set(h2, false), set(c2, true), // Delay fetch to prevent rapid requests
@@ -3714,13 +3762,13 @@ function DiscoveryOverlay(e2, t2) {
   }), user_effect(() => {
     get$1(v2) && s2 && s2.observe(get$1(v2));
   });
-  var m2 = vt();
-  event("keydown", P, (e3) => {
-    "Escape" == e3.key && store_set(Ve, false);
+  var m2 = ht();
+  event("keydown", q, (e3) => {
+    "Escape" == e3.key && store_set(Ke, false);
   }), m2.__click = [closeDiscoveryOnEmptyClick, $discoveryOpen];
   var b2 = child(m2), y2 = child(b2), $2 = child(sibling(y2, 2)), consequent = (e3) => {
-    var t3 = dt();
-    t3.__click = [on_click, a2];
+    var t3 = ft();
+    t3.__click = [on_click$1, a2];
     var n3 = child(t3), o3 = child(n3);
     template_effect(() => set_text(o3, get$1(a2) ? "Don't show on exit" : "Do show on exit")), append(e3, t3);
   };
@@ -3728,7 +3776,7 @@ function DiscoveryOverlay(e2, t2) {
     i2() && e3(consequent);
   });
   var w2 = sibling($2, 2);
-  w2.__click = [on_click_1, $discoveryOpen], function X(e3, t3) {
+  w2.__click = [on_click_1$1, $discoveryOpen], function X(e3, t3) {
     const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
     Icon$1(e3, spread_props({
       name: "x"
@@ -3771,7 +3819,7 @@ function DiscoveryOverlay(e2, t2) {
   var C2 = sibling(k2, 2);
   C2.__click = [closeDiscoveryOnEmptyClick, $discoveryOpen];
   var S2 = child(C2), consequent_1 = (e3) => {
-    var t3 = ft();
+    var t3 = pt();
     Loader_circle(child(t3), {
       class: "animate-spin opacity-75",
       size: 50,
@@ -3779,15 +3827,15 @@ function DiscoveryOverlay(e2, t2) {
     }), append(e3, t3);
   }, alternate = (e3, t3) => {
     var consequent_2 = (e4) => {
-      append(e4, pt());
+      append(e4, _t());
     }, alternate_1 = (e4) => {
-      var t4 = gt(), n3 = child(t4);
+      var t4 = vt(), n3 = child(t4);
       each(n3, 17, () => get$1(f2), index, (e5, t5, n4) => {
-        var o4 = _t();
+        var o4 = gt();
         const s4 = /* @__PURE__ */ derived(() => get$1(f2).findIndex((e6) => e6.category !== get$1(l2)));
         var i3 = first_child(o4), consequent_3 = (e6) => {
           !function GameCategorySeperator(e7) {
-            append(e7, at());
+            append(e7, lt());
           }(e6);
         };
         if_block(i3, (e6) => {
@@ -3796,7 +3844,7 @@ function DiscoveryOverlay(e2, t2) {
           get game() {
             return get$1(t5);
           },
-          onClick: () => et.trackClick(get$1(t5).id)
+          onClick: () => tt.trackClick(get$1(t5).id)
         }), append(e5, o4);
       });
       var o3 = sibling(n3, 2), s3 = child(o3), consequent_4 = (e5) => {
@@ -3840,29 +3888,29 @@ function DiscoveryOverlay(e2, t2) {
     }));
   }(sibling(child(M2)), {
     size: 14
-  }), template_effect(() => set_attribute(y2, "src", store_get(Ke, "$projectUrl", n2) + "/static/images/logo-white-small.png")), transition(3, m2, () => blur, () => ({
+  }), template_effect(() => set_attribute(y2, "src", store_get(Ye, "$projectUrl", n2) + "/static/images/logo-white-small.png")), transition(3, m2, () => blur, () => ({
     duration: 250
   })), append(e2, m2), pop(), o2();
 }
 delegate(["click"]);
-var ht = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-4"></div>');
+var mt = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-4"></div>');
 delegate(["mouseover"]);
-var mt = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
+var bt = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
 function App(e2, t2) {
   push(t2, true);
-  const [n2, o2] = setup_stores(), $discoveryOpen = () => store_get(Ve, "$discoveryOpen", n2), $config = () => store_get(t2.config, "$config", n2);
+  const [n2, o2] = setup_stores(), $discoveryOpen = () => store_get(Ke, "$discoveryOpen", n2), $config = () => store_get(t2.config, "$config", n2);
   function openDiscovery() {
-    store_set(Ve, true), et.trackOpen();
+    store_set(Ke, true), tt.trackOpen();
   }
   let s2;
-  Ve.subscribe((e3) => {
+  Ke.subscribe((e3) => {
     try {
       e3 ? (s2 = document.body.style.overflow, document.body.style.overflow = "hidden") : document.body.style.overflow = s2;
     } catch (e4) {
       console.error("Failed to toggle body overflow style:", e4);
     }
   });
-  var i2 = mt(), a2 = first_child(i2);
+  var i2 = bt(), a2 = first_child(i2);
   const l2 = /* @__PURE__ */ derived(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = $config()) == null ? void 0 : _a2.button) == null ? void 0 : _b2.position;
@@ -3901,8 +3949,8 @@ function App(e2, t2) {
   !function ExitIntentDetector(e3, t3) {
     push(t3, true);
     let n3, o3, s3 = prop(t3, "enabled", 3, true), i3 = false;
-    var a3 = ht();
-    event("mousemove", q, function trackMouse(e4) {
+    var a3 = mt();
+    event("mousemove", O, function trackMouse(e4) {
       i3 || setTimeout(() => i3 = true, 250), n3.contains(e4.target) || (o3 = Date.now());
     }), a3.__mouseover = function handleBarTrigger() {
       s3() && !localStorage.getItem("playlight_exit_intent_disabled_by_user") && i3 && // Trigger exit intent
@@ -3920,7 +3968,7 @@ function App(e2, t2) {
     }
   }), Toaster(sibling(d2, 2), {}), append(e2, i2), pop(), o2();
 }
-const bt = {
+const yt = {
   button: {
     position: "bottom-right",
     visible: true
@@ -3929,11 +3977,11 @@ const bt = {
     enabled: true
   }
 };
-let yt = {
-  ...bt
+let $t = {
+  ...yt
 };
 function initializeConfig(e2 = {}) {
-  return yt = deepMerge(bt, e2), yt;
+  return $t = deepMerge(yt, e2), $t;
 }
 function deepMerge(e2, t2) {
   const n2 = {
@@ -3950,20 +3998,197 @@ function deepMerge(e2, t2) {
 function isObject(e2) {
   return e2 && "object" == typeof e2 && !Array.isArray(e2);
 }
-const $t = new (_c = class {
+var wt = /* @__PURE__ */ template("<button><!></button>");
+function Button(e2, t2) {
+  var n2 = wt();
+  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 xt = /* @__PURE__ */ template('<div class="flex h-62 w-full items-center justify-center"><!></div>'), kt = /* @__PURE__ */ template('<div class="snap-center px-2"><!></div>'), Ct = /* @__PURE__ */ template('<!> <div class="bg-background/85 my-auto mr-3 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({
+  left: 2 * -get$1(n2),
+  behavior: "smooth"
+}), St = /* @__PURE__ */ template('<button class="bg-background/85 hover:bg-foreground hover:text-background text-foreground absolute top-1/2 left-2 z-20 -translate-y-1/2 transform border p-1 shadow-xl backdrop-blur-xl transition"><!></button>'), on_click_1 = (e2, t2, n2) => get$1(t2).scrollBy({
+  left: 2 * get$1(n2),
+  behavior: "smooth"
+}), Mt = /* @__PURE__ */ template('<button class="bg-background/85 hover:bg-foreground hover:text-background text-foreground absolute top-1/2 right-2 z-20 -translate-y-1/2 transform border p-1 shadow-xl backdrop-blur-xl transition"><!></button>'), It = /* @__PURE__ */ template("<!> <!>", 1), Tt = /* @__PURE__ */ template('<div class="playlight-sdk-container svelte-hgmfs5"><div class="h-full w-full px-3"><div class="fade-edges-mask no-scrollbar relative flex h-full w-full snap-x gap-2 overflow-x-auto svelte-hgmfs5"><!></div> <!></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);
+  onMount(async () => {
+    var _a2, _b2, _c2, _d;
+    if (set(a2, proxy(await tt.getCategories())), ((_a2 = get$1(a2)) == null ? void 0 : _a2.length) > 0) {
+      const e3 = await tt.getCurrentGameInfo();
+      set(l2, proxy((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]));
+    }
+    await async function fetchGames() {
+      try {
+        set(s2, true);
+        let e3 = await tt.getSuggestions(get$1(l2), 1), t3 = (e3 == null ? void 0 : e3.games) || [];
+        if (t3.length < 10 && get$1(l2)) {
+          const e4 = await tt.getSuggestions(null, 1), n3 = ((e4 == null ? void 0 : e4.games) || []).filter((e5) => !t3.some((t4) => t4.id === e5.id));
+          t3 = [...t3, ...n3];
+        }
+        set(i2, proxy(t3.slice(0, 10)));
+      } catch (e3) {
+        console.error("Failed to load games for widget:", e3);
+      } finally {
+        set(s2, false);
+      }
+    }();
+  });
+  var p2 = Tt(), _2 = child(p2), g2 = child(_2), v2 = child(g2), consequent = (e3) => {
+    var t3 = xt();
+    Loader_circle(child(t3), {
+      class: "animate-spin opacity-75",
+      size: 30,
+      strokeWidth: 2.5
+    }), append(e3, t3);
+  }, alternate = (e3) => {
+    var t3 = Ct(), n3 = first_child(t3);
+    each(n3, 17, () => get$1(i2), index, (e4, t4) => {
+      var n4 = kt();
+      GameCard(child(n4), {
+        get game() {
+          return get$1(t4);
+        },
+        compact: true,
+        onClick: () => tt.trackClick(get$1(t4).id)
+      }), function bind_element_size(e5, t5, n5) {
+        var o4 = me.observe(e5, () => n5(e5[t5]));
+        effect(() => (
+          // The update could contain reads which should be ignored
+          (untrack(() => n5(e5[t5])), o4)
+        ));
+      }(n4, "clientWidth", (e5) => set(u2, e5)), append(e4, n4);
+    });
+    var o3 = sibling(n3, 2);
+    Button(sibling(child(o3), 2), {
+      onclick: () => {
+        store_set(Ke, true), tt.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 = It(), n3 = first_child(t3), consequent_1 = (e4) => {
+      var t4 = St();
+      t4.__click = [on_click, c2, u2], function Chevron_left(e5, t5) {
+        const n4 = legacy_rest_props(t5, ["children", "$$slots", "$$events", "$$legacy"]);
+        Icon$1(e5, spread_props({
+          name: "chevron-left"
+        }, () => n4, {
+          iconNode: [["path", {
+            d: "m15 18-6-6 6-6"
+          }]],
+          children: (e6, n5) => {
+            var o4 = comment();
+            slot(first_child(o4), t5, "default", {}, null), append(e6, o4);
+          },
+          $$slots: {
+            default: true
+          }
+        }));
+      }(child(t4), {
+        size: 22,
+        strokeWidth: 2.25
+      }), transition(3, t4, () => blur), append(e4, t4);
+    };
+    if_block(n3, (e4) => {
+      get$1(d2) && e4(consequent_1);
+    });
+    var o3 = sibling(n3, 2), consequent_2 = (e4) => {
+      var t4 = Mt();
+      t4.__click = [on_click_1, c2, u2], function Chevron_right(e5, t5) {
+        const n4 = legacy_rest_props(t5, ["children", "$$slots", "$$events", "$$legacy"]);
+        Icon$1(e5, spread_props({
+          name: "chevron-right"
+        }, () => n4, {
+          iconNode: [["path", {
+            d: "m9 18 6-6-6-6"
+          }]],
+          children: (e6, n5) => {
+            var o4 = comment();
+            slot(first_child(o4), t5, "default", {}, null), append(e6, o4);
+          },
+          $$slots: {
+            default: true
+          }
+        }));
+      }(child(t4), {
+        size: 22,
+        strokeWidth: 2.25
+      }), transition(3, t4, () => blur), append(e4, t4);
+    };
+    if_block(o3, (e4) => {
+      get$1(f2) && e4(consequent_2);
+    }), append(e3, t3);
+  };
+  if_block(h2, (e3) => {
+    get$1(i2).length > 0 && e3(consequent_3);
+  }), event("scroll", g2, (e3) => {
+    set(d2, e3.target.scrollLeft > 20), set(f2, e3.target.scrollLeft < e3.target.scrollWidth - e3.target.clientWidth - 20);
+  }), append(e2, p2), pop(), o2();
+}
+function initWidgets() {
+  try {
+    const e2 = document.querySelectorAll(".playlight-widget-carousel");
+    e2.length > 0 && e2.forEach((e3) => {
+      e3.dataset.playlightInitialized || (e3.dataset.playlightInitialized = "true", // Mount the carousel widget
+      mount(WidgetCarousel, {
+        target: e3
+      }));
+    });
+  } catch (e2) {
+    console.error("Playlight error occurred initializing and mounting carousel widget:", e2);
+  }
+}
+delegate(["click"]);
+const Ot = new /**
+ * The PlaylightSDK class
+ */
+(_c = class {
   constructor() {
     __privateAdd(this, _PlaylightSDK_instances);
-    this.container = null, this.app = null, this.isInitialized = false, this.config = writable(null), this.api = et;
+    this.container = null, this.isInitialized = false, this.config = writable(null), this.api = tt;
   }
   /**
    * 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, t_fn).call(this))) : (
+    return "undefined" == typeof window ? console.error("Playlight cannot run on the server, as it depends on browser APIs.") : this.isInitialized ? (console.warn("Playlight SDK already initialized!"), void (document.getElementById("playlight-sdk-container") || __privateMethod(this, _PlaylightSDK_instances, s_fn).call(this))) : (
       // Initialize configuration with defaults and user overrides
-      (this.setConfig(e2), __privateMethod(this, _PlaylightSDK_instances, t_fn).call(this), // Create container and mount
-      // Fetch current game info to cache it
+      (this.setConfig(e2), __privateMethod(this, _PlaylightSDK_instances, s_fn).call(this), // Create container and mount app
+      // Widgets
+      initWidgets(), function setupWidgetObserver() {
+        try {
+          new MutationObserver(() => {
+            initWidgets();
+          }).observe(document.body, {
+            childList: true,
+            subtree: true
+          });
+        } catch (e3) {
+          console.error("Playlight error occurred setting up widget observer:", e3);
+        }
+      }(), // Fetch current game info to cache it
       await this.api.getCurrentGameInfo(), void (this.isInitialized = true))
     );
   }
@@ -3972,7 +4197,7 @@ const $t = new (_c = class {
    * @param {boolean} [value=true] - Whether to show the discovery
    */
   setDiscovery(e2 = true) {
-    this.isInitialized && (Ve.set(e2), e2 && et.trackOpen());
+    this.isInitialized && (Ke.set(e2), e2 && tt.trackOpen());
   }
   /**
    * Update the configuration
@@ -3986,10 +4211,10 @@ const $t = new (_c = class {
  * Mount the Svelte app to the playlight container
  * @private
  */
-t_fn = function() {
+s_fn = function() {
   try {
     this.container = document.createElement("div"), this.container.id = "playlight-sdk-container", this.container.className = "playlight-sdk-container", document.body.appendChild(this.container), // Mount (client-side alternative to render)
-    this.app = mount(App, {
+    mount(App, {
       target: this.container,
       props: {
         config: this.config
@@ -3999,8 +4224,8 @@ t_fn = function() {
     console.error("Playlight error occured during mount:", e2);
   }
 }, _c)();
-"undefined" != typeof window && (window.playlightSDK = $t);
+"undefined" != typeof window && (window.playlightSDK = Ot);
 export {
-  $t as default
+  Ot as default
 };
 //# sourceMappingURL=playlight-sdk.es.js.map