playlight-sdk 0.3.0 → 0.3.1

package/dist/playlight-sdk.es.js

@@ -9,7 +9,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _e3, _t2, _n2, _r, _s, _i, _o, _Batch_instances, a_fn, c_fn, l_fn, u_fn, _n3, _d2, _f, _p, _h, _g, __, _v, _m, _b2, _y, _w, _$, _x, _k, _S, _C, _Boundary_instances, E_fn, I_fn, M_fn, T_fn, O_fn, P_fn, _L, _j, _A, _D, _u, _W, _B, _N, _ResizeObserverSingleton_instances, q_fn, _a, _z, _R, _b, _G, _F, _c, _H, _Y, _V, _d, _U, _PlayLightAPI_instances, K_fn, _e2;
+var _e3, _t2, _n2, _r, _s, _i, _o, _Batch_instances, a_fn, c_fn, l_fn, u_fn, _n3, _d2, _f, _p, _h, _g, __, _v, _m, _b2, _y, _w, _$, _x, _k, _S, _C, _Boundary_instances, E_fn, I_fn, O_fn, T_fn, M_fn, P_fn, _L, _j, _A, _D, _u, _W, _B, _N, _ResizeObserverSingleton_instances, q_fn, _a, _z, _R, _b, _G, _F, _c, _H, _Y, _U, _d, _V, _PlayLightAPI_instances, K_fn, _e2;
 const e = {
   exitIntent: {
     enabled: true,
@@ -68,7 +68,7 @@ function to_array(e2, t2) {
   for (const s2 of e2) if (n2.push(s2), n2.length === t2) break;
   return n2;
 }
-const p = 16, h = 32, g = 64, _ = 128, v = 1024, m = 2048, b = 4096, y = 8192, w = 16384, $ = 32768, x = 65536, k = 1 << 17, S = 1 << 19, C = 256, M = 512, O = 32768, E = 1 << 21, I = 1 << 23, T = Symbol("$state"), P = Symbol("legacy props"), L = Symbol(""), j = new class StaleReactionError extends Error {
+const p = 16, h = 32, g = 64, _ = 128, v = 1024, m = 2048, b = 4096, y = 8192, w = 16384, $ = 32768, x = 65536, k = 1 << 17, S = 1 << 19, C = 256, O = 512, M = 32768, E = 1 << 21, I = 1 << 23, T = Symbol("$state"), P = Symbol("legacy props"), L = Symbol(""), j = new class StaleReactionError extends Error {
   constructor() {
     super(...arguments);
     __publicField(this, "name", "StaleReactionError");
@@ -354,7 +354,7 @@ function apply_adjustments(e2) {
   }));
 }
 const F = /* @__PURE__ */ new Set();
-let H = null, Y = null, V = null, U = /* @__PURE__ */ new Set(), K = [], Z = null, J = false, Q = false;
+let H = null, Y = null, U = null, V = /* @__PURE__ */ new Set(), K = [], Z = null, J = false, Q = false;
 const _Batch = class _Batch {
   constructor() {
     __privateAdd(this, _Batch_instances);
@@ -427,7 +427,7 @@ const _Batch = class _Batch {
       // If sources are written to, then work needs to happen in a separate batch, else prior sources would be mixed with
       // newly updated sources, which could lead to infinite loops when effects run over and over again.
       (Y = this, H = null, flush_queued_effects(t2.render_effects), flush_queued_effects(t2.effects), Y = null)
-    ), V = null;
+    ), U = null;
   }
   /**
   * Associate a change to a given source with the current
@@ -436,13 +436,13 @@ const _Batch = class _Batch {
   * @param {any} value
   */
   capture(e2, t2) {
-    __privateGet(this, _e3).has(e2) || __privateGet(this, _e3).set(e2, t2), this.current.set(e2, e2.v), V == null ? void 0 : V.set(e2, e2.v);
+    __privateGet(this, _e3).has(e2) || __privateGet(this, _e3).set(e2, t2), this.current.set(e2, e2.v), U == null ? void 0 : U.set(e2, e2.v);
   }
   activate() {
     H = this;
   }
   deactivate() {
-    H = null, V = null;
+    H = null, U = null;
   }
   flush() {
     if (K.length > 0) {
@@ -450,7 +450,7 @@ const _Batch = class _Batch {
         return;
     } else __privateMethod(this, _Batch_instances, l_fn).call(this);
     this.deactivate();
-    for (const e2 of U) if (U.delete(e2), e2(), null !== H)
+    for (const e2 of V) if (V.delete(e2), e2(), null !== H)
       break;
   }
   /**
@@ -554,7 +554,7 @@ u_fn = function() {
   var _a2, _b3;
   if (F.size > 1) {
     __privateGet(this, _e3).clear();
-    var e2 = V, t2 = true, n2 = {
+    var e2 = U, t2 = true, n2 = {
       parent: null,
       effect: null,
       effects: [],
@@ -587,7 +587,7 @@ u_fn = function() {
         }
       }
     }
-    H = null, V = e2;
+    H = null, U = e2;
   }
   this.committed = true, F.delete(this), (_b3 = __privateGet(this, _s)) == null ? void 0 : _b3.resolve();
 };
@@ -771,13 +771,13 @@ class Boundary {
     __privateSet(this, _d2, e2), __privateSet(this, _p, t2), __privateSet(this, _h, n2), this.parent = /** @type {Effect} */
     ae.b, __privateSet(this, _n3, !!__privateGet(this, _p).pending), __privateSet(this, _g, block(() => {
       ae.b = this;
-      var e3 = __privateMethod(this, _Boundary_instances, M_fn).call(this);
+      var e3 = __privateMethod(this, _Boundary_instances, O_fn).call(this);
       try {
         __privateSet(this, __, branch(() => n2(e3)));
       } catch (e4) {
         this.error(e4);
       }
-      return __privateGet(this, _$) > 0 ? __privateMethod(this, _Boundary_instances, O_fn).call(this) : __privateSet(this, _n3, false), () => {
+      return __privateGet(this, _$) > 0 ? __privateMethod(this, _Boundary_instances, M_fn).call(this) : __privateSet(this, _n3, false), () => {
         var _a2;
         (_a2 = __privateGet(this, _y)) == null ? void 0 : _a2.remove();
       };
@@ -800,7 +800,7 @@ class Boundary {
   * @param {1 | -1} d
   */
   update_pending_count(e2) {
-    __privateMethod(this, _Boundary_instances, P_fn).call(this, e2), __privateSet(this, _w, __privateGet(this, _w) + e2), U.add(__privateGet(this, _S));
+    __privateMethod(this, _Boundary_instances, P_fn).call(this, e2), __privateSet(this, _w, __privateGet(this, _w) + e2), V.add(__privateGet(this, _S));
   }
   get_effect_pending() {
     return __privateGet(this, _C).call(this), get$1(
@@ -834,7 +834,7 @@ class Boundary {
         __privateSet(this, _m, null);
       }), // we intentionally do not try to find the nearest pending boundary. If this boundary has one, we'll render it on reset
       // but it would be really weird to show the parent's boundary on a child reset.
-      __privateSet(this, _n3, this.has_pending_snippet()), __privateSet(this, __, __privateMethod(this, _Boundary_instances, T_fn).call(this, () => (__privateSet(this, _x, false), branch(() => __privateGet(this, _h).call(this, __privateGet(this, _d2)))))), __privateGet(this, _$) > 0 ? __privateMethod(this, _Boundary_instances, O_fn).call(this) : __privateSet(this, _n3, false));
+      __privateSet(this, _n3, this.has_pending_snippet()), __privateSet(this, __, __privateMethod(this, _Boundary_instances, T_fn).call(this, () => (__privateSet(this, _x, false), branch(() => __privateGet(this, _h).call(this, __privateGet(this, _d2)))))), __privateGet(this, _$) > 0 ? __privateMethod(this, _Boundary_instances, M_fn).call(this) : __privateSet(this, _n3, false));
     };
     var o2 = ie;
     try {
@@ -893,8 +893,8 @@ E_fn = function() {
 I_fn = function() {
   const e2 = __privateGet(this, _p).pending;
   e2 && (__privateSet(this, _v, branch(() => e2(__privateGet(this, _d2)))), Batch.enqueue(() => {
-    var e3 = __privateMethod(this, _Boundary_instances, M_fn).call(this);
-    __privateSet(this, __, __privateMethod(this, _Boundary_instances, T_fn).call(this, () => (Batch.ensure(), branch(() => __privateGet(this, _h).call(this, e3))))), __privateGet(this, _$) > 0 ? __privateMethod(this, _Boundary_instances, O_fn).call(this) : (pause_effect(
+    var e3 = __privateMethod(this, _Boundary_instances, O_fn).call(this);
+    __privateSet(this, __, __privateMethod(this, _Boundary_instances, T_fn).call(this, () => (Batch.ensure(), branch(() => __privateGet(this, _h).call(this, e3))))), __privateGet(this, _$) > 0 ? __privateMethod(this, _Boundary_instances, M_fn).call(this) : (pause_effect(
       /** @type {Effect} */
       __privateGet(this, _v),
       () => {
@@ -903,7 +903,7 @@ I_fn = function() {
     ), __privateSet(this, _n3, false));
   }));
 };
-M_fn = function() {
+O_fn = function() {
   var e2 = __privateGet(this, _d2);
   return __privateGet(this, _n3) && (__privateSet(this, _y, create_text()), __privateGet(this, _d2).before(__privateGet(this, _y)), e2 = __privateGet(this, _y)), e2;
 };
@@ -921,7 +921,7 @@ T_fn = function(e2) {
     set_active_effect(t2), set_active_reaction(n2), set_component_context(s2);
   }
 };
-O_fn = function() {
+M_fn = function() {
   const e2 = (
     /** @type {(anchor: Node) => void} */
     __privateGet(this, _p).pending
@@ -1125,7 +1125,7 @@ function update_derived(e2) {
   var t2 = execute_derived(e2);
   (e2.equals(t2) || // TODO can we avoid setting `derived.v` when `batch_values !== null`,
   // without causing the value to be stale later?
-  (e2.v = t2, e2.wv = increment_write_version()), se) || (null !== V ? V.set(e2, e2.v) : set_signal_status(e2, !ge && 0 === (e2.f & C) || null === e2.deps ? v : b));
+  (e2.v = t2, e2.wv = increment_write_version()), se) || (null !== U ? U.set(e2, e2.v) : set_signal_status(e2, !ge && 0 === (e2.f & C) || null === e2.deps ? v : b));
 }
 const te = /* @__PURE__ */ new Map();
 function source(e2, t2) {
@@ -1192,7 +1192,7 @@ function mark_reactions(e2, t2) {
     var a2 = n2[o2], l2 = a2.f;
     if (s2 || a2 !== ae) {
       var c2 = 0 === (l2 & m);
-      c2 && set_signal_status(a2, t2), 2 & l2 ? 0 === (l2 & O) && (a2.f |= O, mark_reactions(
+      c2 && set_signal_status(a2, t2), 2 & l2 ? 0 === (l2 & M) && (a2.f |= M, mark_reactions(
         /** @type {Derived} */
         a2,
         b
@@ -1286,7 +1286,7 @@ function is_dirty(e2) {
   if (0 !== (t2 & b)) {
     var n2 = e2.deps, s2 = 0 !== (t2 & C);
     if (2 & t2 && (e2.f &= -32769), null !== n2) {
-      var i2, o2, a2 = 0 !== (t2 & M), l2 = s2 && null !== ae && !ge, c2 = n2.length;
+      var i2, o2, a2 = 0 !== (t2 & O), l2 = s2 && null !== ae && !ge, c2 = n2.length;
       if ((a2 || l2) && (null === ae || 0 === (ae.f & w))) {
         var u2 = (
           /** @type {Derived} */
@@ -1296,7 +1296,7 @@ function is_dirty(e2) {
         // previously disconnected, however we don't if it was unowned as we
         // de-duplicate dependencies in that case
         !a2 && ((_a2 = o2 == null ? void 0 : o2.reactions) == null ? void 0 : _a2.includes(u2)) || (o2.reactions ?? (o2.reactions = [])).push(u2);
-        a2 && (u2.f ^= M), // If the unowned derived is now fully connected to the graph again (it's unowned and reconnected, has a parent
+        a2 && (u2.f ^= O), // If the unowned derived is now fully connected to the graph again (it's unowned and reconnected, has a parent
         // and the parent is not unowned), then we can mark it as connected again, removing the need for the unowned
         // flag
         l2 && null !== d2 && 0 === (d2.f & C) && (u2.f ^= C);
@@ -1375,7 +1375,7 @@ function remove_reaction(e2, t2) {
   // allows us to skip the expensive work of disconnecting and immediately reconnecting it
   (null === ce || !ce.includes(t2)) && (set_signal_status(t2, b), // If we are working with a derived that is owned by an effect, then mark it as being
   // disconnected.
-  768 & t2.f || (t2.f ^= M), // Disconnect any reactions owned by this reaction
+  768 & t2.f || (t2.f ^= O), // Disconnect any reactions owned by this reaction
   destroy_derived_effects(
     /** @type {Derived} **/
     t2
@@ -1473,10 +1473,10 @@ function get$1(e2) {
     }
   } else if (t2) {
     if (n2 = /** @type {Derived} */
-    e2, V == null ? void 0 : V.has(n2)) return V.get(n2);
+    e2, U == null ? void 0 : U.has(n2)) return U.get(n2);
     is_dirty(n2) && update_derived(n2);
   }
-  if (V == null ? void 0 : V.has(e2)) return V.get(e2);
+  if (U == null ? void 0 : U.has(e2)) return U.get(e2);
   if (0 !== (e2.f & I)) throw e2.v;
   return e2.v;
 }
@@ -2175,12 +2175,12 @@ function each(e2, t2, s2, o2, a2, l2 = null) {
         if (m2 && update_item(g3, p3, _3, l3), 0 !== (g3.e.f & y) && (resume_effect(g3.e), v2 && ((_b3 = g3.a) == null ? void 0 : _b3.unfix(), (f3 ?? (f3 = /* @__PURE__ */ new Set())).delete(g3))), g3 !== x2) {
           if (void 0 !== d3 && d3.has(g3)) {
             if (S2.length < C2.length) {
-              var M2, O2 = C2[0];
-              k2 = O2.prev;
+              var O2, M2 = C2[0];
+              k2 = M2.prev;
               var E2 = S2[0], I2 = S2[S2.length - 1];
-              for (M2 = 0; M2 < S2.length; M2 += 1) move(S2[M2], O2, o3);
-              for (M2 = 0; M2 < C2.length; M2 += 1) d3.delete(C2[M2]);
-              link(n2, E2.prev, I2.next), link(n2, k2, E2), link(n2, I2, O2), x2 = O2, k2 = I2, _3 -= 1, S2 = [], C2 = [];
+              for (O2 = 0; O2 < S2.length; O2 += 1) move(S2[O2], M2, o3);
+              for (O2 = 0; O2 < C2.length; O2 += 1) d3.delete(C2[O2]);
+              link(n2, E2.prev, I2.next), link(n2, k2, E2), link(n2, I2, M2), x2 = M2, k2 = I2, _3 -= 1, S2 = [], C2 = [];
             } else
               d3.delete(g3), move(g3, x2, o3), link(n2, g3.prev, g3.next), link(n2, g3, null === k2 ? n2.first : k2.next), link(n2, k2, g3), k2 = g3;
             continue;
@@ -2362,7 +2362,7 @@ function clsx(e2) {
     return s2;
   })(e2) : e2 ?? "";
 }
-const Me = [..." 	\n\r\f \v\uFEFF"];
+const Oe = [..." 	\n\r\f \v\uFEFF"];
 function append_styles(e2, t2 = false) {
   var n2 = t2 ? " !important;" : ";", s2 = "";
   for (var i2 in e2) {
@@ -2383,7 +2383,7 @@ function set_class(e2, t2, n2, s2, i2, o2) {
         for (var i3 in n3) if (n3[i3]) s3 = s3 ? s3 + " " + i3 : i3;
         else if (s3.length) for (var o3 = i3.length, a3 = 0; (a3 = s3.indexOf(i3, a3)) >= 0; ) {
           var l3 = a3 + o3;
-          0 !== a3 && !Me.includes(s3[a3 - 1]) || l3 !== s3.length && !Me.includes(s3[l3]) ? a3 = l3 : s3 = (0 === a3 ? "" : s3.substring(0, a3)) + s3.substring(l3 + 1);
+          0 !== a3 && !Oe.includes(s3[a3 - 1]) || l3 !== s3.length && !Oe.includes(s3[l3]) ? a3 = l3 : s3 = (0 === a3 ? "" : s3.substring(0, a3)) + s3.substring(l3 + 1);
         }
       }
       return "" === s3 ? null : s3;
@@ -2453,7 +2453,7 @@ function select_option(e2, t2, s2 = false) {
 function get_option_value(e2) {
   return "__value" in e2 ? e2.__value : e2.value;
 }
-const Oe = Symbol("class"), Ee = Symbol("style"), Ie = Symbol("is custom element"), Te = Symbol("is html");
+const Me = Symbol("class"), Ee = Symbol("style"), Ie = Symbol("is custom element"), Te = Symbol("is html");
 function set_selected(e2, t2) {
   t2 ? (
     // The selected option could've changed via user selection, and
@@ -2476,7 +2476,7 @@ function attribute_effect(e2, t2, n2 = [], s2 = [], i2, o2 = false, a2 = false)
       var d3 = t2(...n3.map(get$1)), f2 = (function set_attributes(e3, t3, n4, s4, i3 = false, o3 = false) {
         var a3 = get_attributes(e3), l3 = a3[Ie], c3 = !a3[Te], u3 = t3 || {}, d4 = "OPTION" === e3.tagName;
         for (var f3 in t3) f3 in n4 || (n4[f3] = null);
-        n4.class ? n4.class = clsx(n4.class) : (s4 || n4[Oe]) && (n4.class = null), n4[Ee] && (n4.style ?? (n4.style = null));
+        n4.class ? n4.class = clsx(n4.class) : (s4 || n4[Me]) && (n4.class = null), n4[Ee] && (n4.style ?? (n4.style = null));
         var p3 = get_setters(e3);
         for (const b2 in n4) {
           let y2 = n4[b2];
@@ -2537,8 +2537,8 @@ function attribute_effect(e2, t2, n2 = [], s2 = [], i2, o2 = false, a2 = false)
                     k2.removeAttribute(v2), k2.defaultValue = C2, // @ts-ignore
                     k2.value = k2.__value = S2 ? C2 : null;
                   } else {
-                    let M2 = k2.defaultChecked;
-                    k2.removeAttribute(v2), k2.defaultChecked = M2, k2.checked = !!S2 && M2;
+                    let O2 = k2.defaultChecked;
+                    k2.removeAttribute(v2), k2.defaultChecked = O2, k2.checked = !!S2 && O2;
                   }
                 } else e3.removeAttribute(b2);
               }
@@ -2546,7 +2546,7 @@ function attribute_effect(e2, t2, n2 = [], s2 = [], i2, o2 = false, a2 = false)
                 e3.value = e3.__value = y2;
             }
           } else set_style(e3, y2, t3 == null ? void 0 : t3[Ee], n4[Ee]), u3[b2] = y2, u3[Ee] = n4[Ee];
-          else set_class(e3, "http://www.w3.org/1999/xhtml" === e3.namespaceURI, y2, s4, t3 == null ? void 0 : t3[Oe], n4[Oe]), u3[b2] = y2, u3[Oe] = n4[Oe];
+          else set_class(e3, "http://www.w3.org/1999/xhtml" === e3.namespaceURI, y2, s4, t3 == null ? void 0 : t3[Me], n4[Me]), u3[b2] = y2, u3[Me] = n4[Me];
         }
         return u3;
       })(e2, s3, d3, i2, o2, a2);
@@ -3319,12 +3319,12 @@ const Ye = new (_c = class {
     })(__privateGet(this, _F), e2);
   }
 }, _G = new WeakMap(), _F = new WeakMap(), _c)("<Toaster/>");
-let Ve = 0;
-const Ue = new (_d = class {
+let Ue = 0;
+const Ve = new (_d = class {
   constructor() {
     __privateAdd(this, _H, /* @__PURE__ */ state(proxy([])));
     __privateAdd(this, _Y, /* @__PURE__ */ state(proxy([])));
-    __privateAdd(this, _V, (e2) => {
+    __privateAdd(this, _U, (e2) => {
       const t2 = this.toasts.findIndex((t3) => t3.id === e2);
       return -1 === t2 ? null : t2;
     });
@@ -3344,7 +3344,7 @@ const Ue = new (_d = class {
     });
     __publicField(this, "create", (e2) => {
       var _a2;
-      const { message: t2, ...n2 } = e2, s2 = "number" == typeof (e2 == null ? void 0 : e2.id) || e2.id && ((_a2 = e2.id) == null ? void 0 : _a2.length) > 0 ? e2.id : Ve++, i2 = void 0 === e2.dismissable || e2.dismissable, o2 = void 0 === e2.type ? "default" : e2.type;
+      const { message: t2, ...n2 } = e2, s2 = "number" == typeof (e2 == null ? void 0 : e2.id) || e2.id && ((_a2 = e2.id) == null ? void 0 : _a2.length) > 0 ? e2.id : Ue++, i2 = void 0 === e2.dismissable || e2.dismissable, o2 = void 0 === e2.type ? "default" : e2.type;
       return untrack(() => {
         const a2 = this.toasts.find((e3) => e3.id === s2);
         a2 ? this.updateToast({
@@ -3377,7 +3377,7 @@ const Ue = new (_d = class {
     __publicField(this, "remove", (e2) => {
       if (void 0 === e2)
         return void (this.toasts = []);
-      const t2 = __privateGet(this, _V).call(this, e2);
+      const t2 = __privateGet(this, _U).call(this, e2);
       return null !== t2 ? (this.toasts.splice(t2, 1), e2) : void 0;
     });
     __publicField(this, "message", (e2, t2) => this.create({
@@ -3460,7 +3460,7 @@ const Ue = new (_d = class {
       }), n2;
     });
     __publicField(this, "custom", (e2, t2) => {
-      const n2 = (t2 == null ? void 0 : t2.id) || Ve++;
+      const n2 = (t2 == null ? void 0 : t2.id) || Ue++;
       return this.create({
         component: e2,
         id: n2,
@@ -3471,7 +3471,7 @@ const Ue = new (_d = class {
       this.heights = this.heights.filter((t2) => t2.toastId !== e2);
     });
     __publicField(this, "setHeight", (e2) => {
-      const t2 = __privateGet(this, _V).call(this, e2.toastId);
+      const t2 = __privateGet(this, _U).call(this, e2.toastId);
       null !== t2 ? this.heights[t2] = e2 : this.heights.push(e2);
     });
     __publicField(this, "reset", () => {
@@ -3490,35 +3490,35 @@ const Ue = new (_d = class {
   set heights(e2) {
     set(__privateGet(this, _Y), e2, true);
   }
-}, _H = new WeakMap(), _Y = new WeakMap(), _V = new WeakMap(), _d)();
+}, _H = new WeakMap(), _Y = new WeakMap(), _U = new WeakMap(), _d)();
 class SonnerState {
   constructor() {
     /**
     * A derived state of the toasts that are not dismissed.
     */
-    __privateAdd(this, _U, user_derived(() => Ue.toasts.filter((e2) => !e2.dismiss)));
+    __privateAdd(this, _V, user_derived(() => Ve.toasts.filter((e2) => !e2.dismiss)));
   }
   get toasts() {
-    return get$1(__privateGet(this, _U));
+    return get$1(__privateGet(this, _V));
   }
 }
-_U = new WeakMap();
+_V = new WeakMap();
 const Ke = function toastFunction(e2, t2) {
-  return Ue.create({
+  return Ve.create({
     message: e2,
     ...t2
   });
 }, Xe = Object.assign(Ke, {
-  success: Ue.success,
-  info: Ue.info,
-  warning: Ue.warning,
-  error: Ue.error,
-  custom: Ue.custom,
-  message: Ue.message,
-  promise: Ue.promise,
-  dismiss: Ue.dismiss,
-  loading: Ue.loading,
-  getActiveToasts: () => Ue.toasts.filter((e2) => !e2.dismiss)
+  success: Ve.success,
+  info: Ve.info,
+  warning: Ve.warning,
+  error: Ve.error,
+  custom: Ve.custom,
+  message: Ve.message,
+  promise: Ve.promise,
+  dismiss: Ve.dismiss,
+  loading: Ve.loading,
+  getActiveToasts: () => Ve.toasts.filter((e2) => !e2.dismiss)
 });
 function isAction(e2) {
   return void 0 !== e2.label;
@@ -3619,9 +3619,9 @@ function Toast(e2, t2) {
     ...Ze
   };
   let c2 = /* @__PURE__ */ state(false), u2 = /* @__PURE__ */ state(false), d2 = /* @__PURE__ */ state(false), f2 = /* @__PURE__ */ state(false), p2 = /* @__PURE__ */ state(false), h2 = /* @__PURE__ */ state(0), g2 = /* @__PURE__ */ state(0), _2 = t2.toast.duration || t2.duration || 4e3, v2 = /* @__PURE__ */ state(void 0), m2 = /* @__PURE__ */ state(null), b2 = /* @__PURE__ */ state(null);
-  const y2 = user_derived(() => 0 === t2.index), w2 = user_derived(() => t2.index + 1 <= t2.visibleToasts), $2 = user_derived(() => t2.toast.type), x2 = user_derived(() => false !== t2.toast.dismissable), k2 = user_derived(() => t2.toast.class || ""), S2 = user_derived(() => t2.toast.descriptionClass || ""), C2 = user_derived(() => Ue.heights.findIndex((e3) => e3.toastId === t2.toast.id) || 0), M2 = user_derived(() => t2.toast.closeButton ?? t2.closeButton), O2 = user_derived(() => t2.toast.duration ?? t2.duration ?? 4e3);
+  const y2 = user_derived(() => 0 === t2.index), w2 = user_derived(() => t2.index + 1 <= t2.visibleToasts), $2 = user_derived(() => t2.toast.type), x2 = user_derived(() => false !== t2.toast.dismissable), k2 = user_derived(() => t2.toast.class || ""), S2 = user_derived(() => t2.toast.descriptionClass || ""), C2 = user_derived(() => Ve.heights.findIndex((e3) => e3.toastId === t2.toast.id) || 0), O2 = user_derived(() => t2.toast.closeButton ?? t2.closeButton), M2 = user_derived(() => t2.toast.duration ?? t2.duration ?? 4e3);
   let E2 = null;
-  const I2 = user_derived(() => t2.position.split("-")), T2 = user_derived(() => Ue.heights.reduce((e3, t3, n3) => n3 >= get$1(C2) ? e3 : e3 + t3.height, 0)), P2 = (function useDocumentHidden() {
+  const I2 = user_derived(() => t2.position.split("-")), T2 = user_derived(() => Ve.heights.reduce((e3, t3, n3) => n3 >= get$1(C2) ? e3 : e3 + t3.height, 0)), P2 = (function useDocumentHidden() {
     let e3 = /* @__PURE__ */ state(proxy("undefined" != typeof document && document.hidden));
     return user_effect(() => on(document, "visibilitychange", () => {
       set(e3, document.hidden, true);
@@ -3638,8 +3638,8 @@ function Toast(e2, t2) {
   const q2 = user_derived(() => Math.round(14 * get$1(C2) + get$1(T2)));
   function deleteToast() {
     set(u2, true), // save the offset for the exit swipe animation
-    set(h2, get$1(q2), true), Ue.removeHeight(t2.toast.id), setTimeout(() => {
-      Ue.remove(t2.toast.id);
+    set(h2, get$1(q2), true), Ve.removeHeight(t2.toast.id), setTimeout(() => {
+      Ve.remove(t2.toast.id);
     }, 200);
   }
   let z2;
@@ -3656,7 +3656,7 @@ function Toast(e2, t2) {
     // to avoid triggering this effect when those are modified. e.g. toasts
     // added and removed.
     untrack(() => {
-      Ue.setHeight({
+      Ve.setHeight({
         toastId: t2.toast.id,
         height: a3
       });
@@ -3674,7 +3674,7 @@ function Toast(e2, t2) {
     t2.toast.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(z2), _2 = get$1(O2), startTimer());
+    (clearTimeout(z2), _2 = get$1(M2), startTimer());
   }), user_effect(() => (get$1(R2) || (t2.expanded || t2.interacting || P2.current ? (function pauseTimer() {
     if (get$1(N2) < get$1(B2)) {
       const e3 = (/* @__PURE__ */ new Date()).getTime() - get$1(B2);
@@ -3685,11 +3685,11 @@ function Toast(e2, t2) {
     var _a2;
     set(c2, true);
     const e3 = (_a2 = get$1(v2)) == null ? void 0 : _a2.getBoundingClientRect().height;
-    return set(g2, e3, true), Ue.setHeight({
+    return set(g2, e3, true), Ve.setHeight({
       toastId: t2.toast.id,
       height: e3
     }), () => {
-      Ue.removeHeight(t2.toast.id);
+      Ve.removeHeight(t2.toast.id);
     };
   }), user_effect(() => {
     t2.toast.delete && untrack(() => {
@@ -3751,9 +3751,9 @@ function Toast(e2, t2) {
     }]), append(e3, n3);
   };
   if_block(Y2, (e3) => {
-    get$1(M2) && !t2.toast.component && "loading" !== get$1($2) && null !== t2.closeIcon && e3(consequent_1);
+    get$1(O2) && !t2.toast.component && "loading" !== get$1($2) && null !== t2.closeIcon && e3(consequent_1);
   });
-  var V2 = sibling(Y2, 2), consequent_2 = (e3) => {
+  var U2 = sibling(Y2, 2), consequent_2 = (e3) => {
     const n3 = user_derived(() => t2.toast.component);
     var s3 = comment();
     component(first_child(s3), () => get$1(n3), (e4, n4) => {
@@ -3933,7 +3933,7 @@ function Toast(e2, t2) {
       return clsx(cn((_a2 = get$1(A2)) == null ? void 0 : _a2.title, (_c2 = (_b3 = t2.toast) == null ? void 0 : _b3.classes) == null ? void 0 : _c2.title));
     }]), append(e3, o3);
   };
-  if_block(V2, (e3) => {
+  if_block(U2, (e3) => {
     t2.toast.component ? e3(consequent_2) : e3(alternate_10, false);
   }), bind_this(F2, (e3) => set(v2, e3), () => get$1(v2)), template_effect((e3, n3, s3, i3) => {
     set_class(F2, 1, e3), set_attribute(F2, "data-rich-colors", t2.toast.richColors ?? a2()), set_attribute(F2, "data-styled", !(t2.toast.component || t2.toast.unstyled || o2())), set_attribute(F2, "data-mounted", get$1(c2)), set_attribute(F2, "data-promise", n3), set_attribute(F2, "data-swiped", get$1(p2)), set_attribute(F2, "data-removed", get$1(u2)), set_attribute(F2, "data-visible", get$1(w2)), set_attribute(F2, "data-y-position", get$1(I2)[0]), set_attribute(F2, "data-x-position", get$1(I2)[1]), set_attribute(F2, "data-index", t2.index), set_attribute(F2, "data-front", get$1(y2)), set_attribute(F2, "data-swiping", get$1(d2)), set_attribute(F2, "data-dismissable", get$1(x2)), set_attribute(F2, "data-type", get$1($2)), set_attribute(F2, "data-invert", get$1(L2)), set_attribute(F2, "data-swipe-out", get$1(f2)), set_attribute(F2, "data-swipe-direction", get$1(b2)), set_attribute(F2, "data-expanded", s3), H2 = set_style(F2, `${t2.style} ${t2.toast.style}`, H2, i3);
@@ -3943,7 +3943,7 @@ function Toast(e2, t2) {
   }, () => Boolean(t2.toast.promise), () => Boolean(t2.expanded || t2.expandByDefault && get$1(c2)), () => ({
     "--index": t2.index,
     "--toasts-before": t2.index,
-    "--z-index": Ue.toasts.length - t2.index,
+    "--z-index": Ve.toasts.length - t2.index,
     "--offset": `${get$1(u2) ? get$1(h2) : get$1(q2)}px`,
     "--initial-height": t2.expandByDefault ? "auto" : `${get$1(g2)}px`
   })]), event("dragend", F2, () => {
@@ -3975,7 +3975,7 @@ function Toaster(e2, t2) {
     const e3 = document.documentElement.getAttribute("dir");
     return "auto" !== e3 && e3 ? (untrack(() => g2(e3)), e3) : (untrack(() => g2(window.getComputedStyle(document.documentElement).direction ?? "ltr")), g2());
   }
-  const y2 = user_derived(() => Array.from(new Set([s2(), ...Ue.toasts.filter((e3) => e3.position).map((e3) => e3.position)].filter(Boolean))));
+  const y2 = user_derived(() => Array.from(new Set([s2(), ...Ve.toasts.filter((e3) => e3.position).map((e3) => e3.position)].filter(Boolean))));
   let w2 = /* @__PURE__ */ state(false), $2 = /* @__PURE__ */ state(false), x2 = /* @__PURE__ */ state(proxy(
     // visible toasts amount
     // Viewport padding
@@ -3987,25 +3987,25 @@ function Toaster(e2, t2) {
       return "system" !== e3 ? e3 : "undefined" != typeof window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? pt : ht;
     })(u2())
   )), k2 = /* @__PURE__ */ state(void 0), S2 = /* @__PURE__ */ state(null), C2 = /* @__PURE__ */ state(false);
-  const M2 = user_derived(() => i2().join("+").replace(/Key/g, "").replace(/Digit/g, ""));
+  const O2 = user_derived(() => i2().join("+").replace(/Key/g, "").replace(/Digit/g, ""));
   user_effect(() => {
-    Ue.toasts.length <= 1 && set(w2, false);
+    Ve.toasts.length <= 1 && set(w2, false);
   }), // Check for dismissed toasts and remove them. We need to do this to have dismiss animation.
   user_effect(() => {
-    const e3 = Ue.toasts.filter((e4) => e4.dismiss && !e4.delete);
+    const e3 = Ve.toasts.filter((e4) => e4.dismiss && !e4.delete);
     if (e3.length > 0) {
-      const t3 = Ue.toasts.map((t4) => e3.find((e4) => e4.id === t4.id) ? {
+      const t3 = Ve.toasts.map((t4) => e3.find((e4) => e4.id === t4.id) ? {
         ...t4,
         delete: true
       } : t4);
-      Ue.toasts = t3;
+      Ve.toasts = t3;
     }
   }), user_effect(() => () => {
     get$1(k2) && get$1(S2) && (get$1(S2).focus({
       preventScroll: true
     }), set(S2, null), set(C2, false));
   }), onMount(() => {
-    Ue.reset();
+    Ve.reset();
     return on(document, "keydown", (e3) => {
       var _a2, _b3;
       i2().every((t3) => e3[t3] || e3.code === t3) && (set(w2, true), (_a2 = get$1(k2)) == null ? void 0 : _a2.focus()), "Escape" !== e3.code || document.activeElement !== get$1(k2) && !((_b3 = get$1(k2)) == null ? void 0 : _b3.contains(document.activeElement)) || set(w2, false);
@@ -4052,9 +4052,9 @@ function Toaster(e2, t2) {
     (_a2 = t2.onpointerup) == null ? void 0 : _a2.call(t2, e3), set($2, false);
   };
   Ye.set(new SonnerState());
-  var O2 = _t();
-  set_attribute(O2, "tabindex", -1);
-  var E2 = child(O2), consequent_10 = (e3) => {
+  var M2 = _t();
+  set_attribute(M2, "tabindex", -1);
+  var E2 = child(M2), consequent_10 = (e3) => {
     var s3 = comment();
     each(first_child(s3), 18, () => get$1(y2), (e4) => e4, (e4, s4, i3, u3) => {
       const g3 = user_derived(() => {
@@ -4101,7 +4101,7 @@ function Toaster(e2, t2) {
       }), [getDocumentDirection, () => {
         var _a2;
         return {
-          "--front-toast-height": `${(_a2 = Ue.heights[0]) == null ? void 0 : _a2.height}px`,
+          "--front-toast-height": `${(_a2 = Ve.heights[0]) == null ? void 0 : _a2.height}px`,
           "--width": "356px",
           "--gap": `${_2()}px`,
           "--offset-top": get$1(v3)["--offset-top"],
@@ -4113,7 +4113,7 @@ function Toaster(e2, t2) {
           "--mobile-offset-bottom": get$1(v3)["--mobile-offset-bottom"],
           "--mobile-offset-left": get$1(v3)["--mobile-offset-left"]
         };
-      }], void 0, "svelte-nbs0zk"), each(y3, 23, () => Ue.toasts.filter((e5) => !e5.position && 0 === get$1(i3) || e5.position === s4), (e5) => e5.id, (e5, i4, l3, c3) => {
+      }], void 0, "svelte-nbs0zk"), each(y3, 23, () => Ve.toasts.filter((e5) => !e5.position && 0 === get$1(i3) || e5.position === s4), (e5) => e5.id, (e5, i4, l3, c3) => {
         {
           const successIcon = (e6) => {
             var n3 = comment(), s5 = first_child(n3), consequent = (e7) => {
@@ -4302,8 +4302,8 @@ function Toaster(e2, t2) {
     }), append(e3, s3);
   };
   if_block(E2, (e3) => {
-    Ue.toasts.length > 0 && e3(consequent_10);
-  }), template_effect(() => set_attribute(O2, "aria-label", `${v2() ?? ""} ${get$1(M2) ?? ""}`)), append(e2, O2), pop();
+    Ve.toasts.length > 0 && e3(consequent_10);
+  }), template_effect(() => set_attribute(M2, "aria-label", `${v2() ?? ""} ${get$1(O2) ?? ""}`)), append(e2, M2), pop();
 }
 const vt = new (_e2 = class {
   constructor() {
@@ -4640,7 +4640,7 @@ function GameCard(e2, t2) {
       } catch (e4) {
         console.error("Error playing sound:", e4);
       }
-    })(store_get(Hn, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), set(l2, true), clearTimeout(i2), i2 = setTimeout(() => set(c2, true), 300), get$1(p2) && t2.game.cover_video_url && get$1(p2).play().catch((e3) => console.error("Video error:", e3));
+    })(store_get(Yn, "$projectUrl", n2) + "/assets/sounds/hover-selection.ogg", 0.25), set(l2, true), clearTimeout(i2), i2 = setTimeout(() => set(c2, true), 300), get$1(p2) && t2.game.cover_video_url && get$1(p2).play().catch((e3) => console.error("Video error:", e3));
   }
   function handleUnhover() {
     get$1(p2) && get$1(h2) && get$1(p2).pause(), set(l2, false), clearTimeout(i2), set(c2, false);
@@ -4807,7 +4807,7 @@ function flip(e2, { from: t2, to: n2 }, s2 = {}) {
 delegate(["click"]);
 var on_click$2 = (e2, t2, n2) => {
   set(t2, ""), set(n2, !get$1(n2));
-}, Mt = /* @__PURE__ */ from_html('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), Ot = /* @__PURE__ */ from_html('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, s2, i2) => {
+}, Ot = /* @__PURE__ */ from_html('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), Mt = /* @__PURE__ */ from_html('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, s2, i2) => {
   var _a2;
   t2(n2), set(s2, false), (_a2 = i2.onCategoryChange) == null ? void 0 : _a2.call(i2);
 }, Et = /* @__PURE__ */ from_html("<button> </button>"), It = /* @__PURE__ */ from_html('<div class="space-y-1 p-1"></div>'), Tt = /* @__PURE__ */ from_html('<div class="bg-background/85 fixed left-1/2 z-50 mt-22 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur-xl"><div class="border-b p-3"><div class="relative"><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-1"><!></div> <input type="text" placeholder="Search categories..." class="w-full border-0 p-1 pl-10 text-white focus:ring-0 focus:outline-none"/></div></div> <div class="max-h-60 overflow-y-auto"><!></div></div>'), Pt = /* @__PURE__ */ from_html('<div class="flex w-full flex-col"><h1 class="mb-0! text-center text-2xl font-bold text-white drop-shadow-xl sm:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-black transition hover:rotate-5"><span class="max-w-[40vw] truncate text-2xl font-bold text-black sm:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
@@ -4931,10 +4931,10 @@ function Navigation(e2, t2) {
       class: "text-muted-foreground"
     });
     var p3 = sibling(f3, 2), h3 = child(sibling(a3, 2)), consequent = (e4) => {
-      append(e4, Mt());
+      append(e4, Ot());
     }, alternate_1 = (e4) => {
       var n4 = comment(), s3 = first_child(n4), consequent_1 = (e5) => {
-        append(e5, Ot());
+        append(e5, Mt());
       }, alternate = (e5) => {
         var n5 = It();
         each(n5, 28, () => get$1(u2), (e6) => e6, (e6, n6) => {
@@ -5064,19 +5064,19 @@ function Navigation(e2, t2) {
 async function toggleLike(e2, t2, n2, s2) {
   var _a2;
   if (!((_a2 = t2.currentGame) == null ? void 0 : _a2.id)) return;
-  store_set(zn, !n2()), store_set(Rn, s2() + (n2() ? 1 : -1)), // Save to localStorage
+  store_set(Rn, !n2()), store_set(Gn, s2() + (n2() ? 1 : -1)), // Save to localStorage
   n2() ? localStorage.setItem(`playlight_${t2.currentGame.id}_liked`, "true") : localStorage.removeItem(`playlight_${t2.currentGame.id}_liked`);
-  await vt.toggleLike(t2.currentGame.id, n2()) || store_set(Rn, s2() + (n2() ? -1 : 1));
+  await vt.toggleLike(t2.currentGame.id, n2()) || store_set(Gn, s2() + (n2() ? -1 : 1));
 }
 delegate(["click"]);
 var Lt = /* @__PURE__ */ from_html('<img alt="logo"/>'), jt = /* @__PURE__ */ from_html('<div class="bg-muted size-5"></div>'), At = /* @__PURE__ */ from_html('<div class="flex flex-wrap gap-1 text-start"><div class="w-full"><p class="text-muted-foreground text-sm text-nowrap select-none">Currently playing</p></div> <div class="flex w-full items-center gap-2"><!> <p> </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>');
 function CurrentGameDisplay(e2, t2) {
   push(t2, true);
-  const $currentGameIsLiked = () => store_get(zn, "$currentGameIsLiked", n2), $currentGameLikeCount = () => store_get(Rn, "$currentGameLikeCount", n2), [n2, s2] = setup_stores();
+  const $currentGameIsLiked = () => store_get(Rn, "$currentGameIsLiked", n2), $currentGameLikeCount = () => store_get(Gn, "$currentGameLikeCount", n2), [n2, s2] = setup_stores();
   let i2 = /* @__PURE__ */ state(false);
   user_effect(() => {
     var _a2, _b3;
-    null != ((_a2 = t2.currentGame) == null ? void 0 : _a2.id) && (store_set(zn, null !== localStorage.getItem(`playlight_${t2.currentGame.id}_liked`)), store_set(Rn, ((_b3 = t2.currentGame) == null ? void 0 : _b3.likes) || 0));
+    null != ((_a2 = t2.currentGame) == null ? void 0 : _a2.id) && (store_set(Rn, null !== localStorage.getItem(`playlight_${t2.currentGame.id}_liked`)), store_set(Gn, ((_b3 = t2.currentGame) == null ? void 0 : _b3.likes) || 0));
   });
   var o2 = At(), a2 = sibling(child(o2), 2), l2 = child(a2), consequent = (e3) => {
     var n3 = Lt();
@@ -5226,12 +5226,12 @@ function DiscoveryDrawer(e2, t2) {
 }
 delegate(["mousedown", "mousemove", "mouseup", "touchstart", "touchmove", "touchend"]);
 function closeDiscoveryOnEmptyClick(e2, t2) {
-  e2.target === e2.currentTarget && "touch" !== e2.pointerType && store_set(qn, false);
+  e2.target === e2.currentTarget && "touch" !== e2.pointerType && store_set(zn, false);
 }
-var Nt = /* @__PURE__ */ from_html('<div class="-mx-10 mt-5 flex h-92 w-10 flex-col"><div class="flex h-full items-center justify-center"><div class="flex h-full w-full flex-col items-center justify-between"><div class="bg-muted-foreground h-1/5 w-px opacity-60 min-[1920px]:h-1/4"></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 opacity-60 min-[1920px]:h-1/4"></div></div></div></div>'), on_click$1 = (e2, t2) => store_set(qn, false), qt = /* @__PURE__ */ from_html('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), zt = /* @__PURE__ */ from_html('<div class="pointer-events-none flex h-4/5 items-center justify-center gap-4"><p class="text-white">No games found that match the filter.</p></div>'), Rt = /* @__PURE__ */ from_html("<!> <!>", 1), Gt = /* @__PURE__ */ from_html('<div class="flex h-30 items-center"><!></div>'), Ft = /* @__PURE__ */ from_html('<div class="pointer-events-none mx-auto flex h-fit flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="pointer-events-none flex min-h-10 w-full justify-center"><!></div></div>'), Ht = /* @__PURE__ */ from_html('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 flex flex-col justify-center text-white backdrop-blur-md" id="playlight-discovery"><div class="pointer-events-none flex items-center justify-between p-4"><img alt="logo" class="pointer-events-none ml-3 w-50 select-none max-sm:w-40"/> <div class="mt-3.5 mr-4 flex items-center justify-evenly gap-8 overflow-hidden max-sm:mt-3"><button class="cursor-pointer text-white transition hover:opacity-50"><!></button></div></div> <div class="mx-auto px-6 max-sm:py-1 sm:pt-2 sm:pb-6"><!></div> <!>  <div class="mask-fade show-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-1so2hji"><!></div> <a href="https://playlight.dev" target="_blank" class="text-muted-foreground fixed right-4 bottom-4 flex items-center gap-1 text-sm transition hover:text-white">Game dev? Join Playlight <!></a></div>');
+var Nt = /* @__PURE__ */ from_html('<div class="-mx-10 mt-5 flex h-92 w-10 flex-col"><div class="flex h-full items-center justify-center"><div class="flex h-full w-full flex-col items-center justify-between"><div class="bg-muted-foreground h-1/5 w-px opacity-60 min-[1920px]:h-1/4"></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 opacity-60 min-[1920px]:h-1/4"></div></div></div></div>'), on_click$1 = (e2, t2) => store_set(zn, false), qt = /* @__PURE__ */ from_html('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), zt = /* @__PURE__ */ from_html('<div class="pointer-events-none flex h-4/5 items-center justify-center gap-4"><p class="text-white">No games found that match the filter.</p></div>'), Rt = /* @__PURE__ */ from_html("<!> <!>", 1), Gt = /* @__PURE__ */ from_html('<div class="flex h-30 items-center"><!></div>'), Ft = /* @__PURE__ */ from_html('<div class="pointer-events-none mx-auto flex h-fit flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="pointer-events-none flex min-h-10 w-full justify-center"><!></div></div>'), Ht = /* @__PURE__ */ from_html('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 flex flex-col justify-center text-white backdrop-blur-md" id="playlight-discovery"><div class="pointer-events-none flex items-center justify-between p-4"><img alt="logo" class="pointer-events-none ml-3 w-50 select-none max-sm:w-40"/> <div class="mt-3.5 mr-4 flex items-center justify-evenly gap-8 overflow-hidden max-sm:mt-3"><button class="cursor-pointer text-white transition hover:opacity-50"><!></button></div></div> <div class="mx-auto px-6 max-sm:py-1 sm:pt-2 sm:pb-6"><!></div> <!>  <div class="mask-fade show-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-1so2hji"><!></div> <a href="https://playlight.dev" target="_blank" class="text-muted-foreground fixed right-4 bottom-4 flex items-center gap-1 text-sm transition hover:text-white">Game dev? Join Playlight <!></a></div>');
 function Discovery(e2, t2) {
   push(t2, true);
-  const $discoveryOpen = () => store_get(qn, "$discoveryOpen", n2), [n2, s2] = setup_stores();
+  const $discoveryOpen = () => store_get(zn, "$discoveryOpen", n2), [n2, s2] = setup_stores();
   let i2, o2 = /* @__PURE__ */ state(true), a2 = /* @__PURE__ */ state(false), l2 = /* @__PURE__ */ state(void 0), c2 = /* @__PURE__ */ state(proxy([])), u2 = /* @__PURE__ */ state(void 0), d2 = /* @__PURE__ */ state(proxy([])), f2 = /* @__PURE__ */ state(1), p2 = /* @__PURE__ */ state(true), h2 = /* @__PURE__ */ state(false), g2 = /* @__PURE__ */ state(void 0), _2 = /* @__PURE__ */ state(void 0);
   async function loadNewFeed() {
     var _a2, _b3;
@@ -5266,7 +5266,7 @@ function Discovery(e2, t2) {
   });
   var v2 = Ht();
   event("keydown", N, (e3) => {
-    "Escape" == e3.key && store_set(qn, false);
+    "Escape" == e3.key && store_set(zn, false);
   }), v2.__pointerup = [closeDiscoveryOnEmptyClick, $discoveryOpen];
   var m2 = child(v2), b2 = child(m2), y2 = child(sibling(b2, 2));
   y2.__click = [on_click$1, $discoveryOpen], (function X(e3, t3) {
@@ -5334,7 +5334,7 @@ function Discovery(e2, t2) {
     });
   };
   if_block($2, (e3) => {
-    store_get(Gn, "$sidebarEnabled", n2) && !store_get(Fn, "$sidebarCollapsed", n2) || e3(consequent);
+    store_get(Fn, "$sidebarEnabled", n2) && !store_get(Hn, "$sidebarCollapsed", n2) || e3(consequent);
   });
   var x2 = sibling($2, 2);
   x2.__pointerup = [closeDiscoveryOnEmptyClick, $discoveryOpen];
@@ -5429,7 +5429,7 @@ function Discovery(e2, t2) {
     }));
   })(sibling(child(S2)), {
     size: 14
-  }), template_effect(() => set_attribute(b2, "src", store_get(Hn, "$projectUrl", n2) + "/static/images/logo-white-small.png")), transition(3, v2, () => blur, () => ({
+  }), template_effect(() => set_attribute(b2, "src", store_get(Yn, "$projectUrl", n2) + "/assets/images/logo-white-small.png")), transition(3, v2, () => blur, () => ({
     duration: 250
   })), append(e2, v2), pop(), s2();
 }
@@ -5458,12 +5458,12 @@ async function fetchQuickSuggestions(e2 = 10, t2 = false) {
 delegate(["click"]);
 var on_pointerover = (e2, t2) => {
   "touch" !== e2.pointerType && t2();
-}, Vt = /* @__PURE__ */ from_html('<div class="fixed top-0 right-0 left-0 h-4 max-lg:hidden"></div>'), Ut = /* @__PURE__ */ from_html('<div class="relative"><img alt="" class="group-hover:outline-background relative h-7 w-7 bg-stone-200 outline outline-4 outline-white transition-colors select-none"/></div>'), Kt = /* @__PURE__ */ from_html('<div class="ml-3 flex items-center -space-x-2"></div>'), Xt = /* @__PURE__ */ from_html("More games <!>", 1), Zt = /* @__PURE__ */ from_html('<div role="menu" tabindex="0" class="bg-background/85 fixed top-4 right-4 left-4 mx-auto flex w-fit max-w-[calc(100%-2rem)] flex-wrap items-center gap-4 overflow-hidden border-1 p-4 shadow-lg backdrop-blur-xl"><p class="truncate text-lg font-semibold text-nowrap text-white"> </p> <!></div>'), Jt = /* @__PURE__ */ from_html("<!> <!>", 1);
+}, Ut = /* @__PURE__ */ from_html('<div class="fixed top-0 right-0 left-0 h-4 max-lg:hidden"></div>'), Vt = /* @__PURE__ */ from_html('<div class="relative"><img alt="" class="group-hover:outline-background relative h-7 w-7 bg-stone-200 outline outline-4 outline-white transition-colors select-none"/></div>'), Kt = /* @__PURE__ */ from_html('<div class="ml-3 flex items-center -space-x-2"></div>'), Xt = /* @__PURE__ */ from_html("More games <!>", 1), Zt = /* @__PURE__ */ from_html('<div role="menu" tabindex="0" class="bg-background/85 fixed top-4 right-4 left-4 mx-auto flex w-fit max-w-[calc(100%-2rem)] flex-wrap items-center gap-4 overflow-hidden border-1 p-4 shadow-lg backdrop-blur-xl"><p class="truncate text-lg font-semibold text-nowrap text-white"> </p> <!></div>'), Jt = /* @__PURE__ */ from_html("<!> <!>", 1);
 delegate(["pointerover"]);
 var Qt = /* @__PURE__ */ from_html("<!> <!> <!>", 1);
 function App(e2, t2) {
   push(t2, false);
-  const $discoveryOpen = () => store_get(qn, "$discoveryOpen", n2), $config = () => store_get(Bn, "$config", n2), [n2, s2] = setup_stores();
+  const $discoveryOpen = () => store_get(zn, "$discoveryOpen", n2), $config = () => store_get(Nn, "$config", n2), [n2, s2] = setup_stores();
   init();
   var i2 = Qt(), o2 = first_child(i2), consequent = (e3) => {
     Discovery(e3, {});
@@ -5496,7 +5496,7 @@ function App(e2, t2) {
         !s3() || ((_a2 = get$1(o3)) == null ? void 0 : _a2.contains(e5.target)) || ((_b3 = get$1(a3)) == null ? void 0 : _b3.contains(e5.target)) || (!get$1(u2) && get$1(c2) && set(u2, setTimeout(() => set(c2, false), 1500), true), n3 = Date.now());
       });
       var p2 = first_child(f2), consequent2 = (e5) => {
-        var t5 = Vt();
+        var t5 = Ut();
         t5.__pointerover = [on_pointerover, handleBarTrigger], bind_this(t5, (e6) => set(o3, e6), () => get$1(o3)), append(e5, t5);
       };
       if_block(p2, (e5) => {
@@ -5514,7 +5514,7 @@ function App(e2, t2) {
             var n5 = Xt(), s5 = sibling(first_child(n5)), consequent_12 = (e7) => {
               var t6 = Kt();
               each(t6, 21, () => get$1(l3), index, (e8, t7, n6) => {
-                var s6 = Ut();
+                var s6 = Vt();
                 let i5;
                 var o4 = child(s6);
                 template_effect((e9) => {
@@ -5554,7 +5554,7 @@ function App(e2, t2) {
         return get$1(t3);
       },
       onIntent: () => {
-        $discoveryOpen() || store_set(qn, true);
+        $discoveryOpen() || store_set(zn, true);
       }
     });
   }
@@ -5562,13 +5562,13 @@ function App(e2, t2) {
     Toaster(e3, {});
   };
   if_block(l2, (e3) => {
-    ($discoveryOpen() || store_get(Gn, "$sidebarEnabled", n2)) && e3(consequent_1);
+    ($discoveryOpen() || store_get(Fn, "$sidebarEnabled", n2)) && e3(consequent_1);
   }), append(e2, i2), pop(), s2();
 }
 var en = /* @__PURE__ */ from_html('<div class="flex h-full w-full items-center justify-center svelte-129hoe0"><!></div>'), tn = /* @__PURE__ */ from_html('<div class="scroll-container grid grid-cols-2 gap-6 svelte-129hoe0"><div class="flex flex-col gap-6 svelte-129hoe0"><div class="animate-scroll-column flex flex-col gap-6 svelte-129hoe0"></div></div> <div class="mt-15 flex flex-col gap-6 svelte-129hoe0"><div class="animate-scroll-column-offset flex flex-col gap-6 svelte-129hoe0"></div></div></div>'), nn = /* @__PURE__ */ from_html('<div class="flex h-full w-full items-center justify-center svelte-129hoe0"><p class="text-muted-foreground svelte-129hoe0">Error – See console</p></div>'), rn = /* @__PURE__ */ from_html("View all games <!>", 1), sn = /* @__PURE__ */ from_html("Random game <!>", 1), on_mousedown = (e2, t2) => t2(e2.clientY), on_touchstart = (e2, t2) => t2(e2.touches[0].clientY), an = /* @__PURE__ */ from_html('<img alt="icon" class="pointer-events-none aspect-square w-8 svelte-129hoe0"/>'), ln = /* @__PURE__ */ from_html('<div role="button" tabindex="0"><!> <!></div>'), un = /* @__PURE__ */ from_html('<div><img alt="logo" class="pointer-events-none mx-auto mt-4 -mb-1 w-50 select-none svelte-129hoe0"/> <div class="grow-1 overflow-hidden mask-y-from-90% mask-y-to-100% p-6 py-12 transition-opacity not-hover:opacity-75 svelte-129hoe0"><!></div> <div class="flex w-full flex-col items-center gap-4 px-4 svelte-129hoe0"><!> <!></div> <div class="w-full svelte-129hoe0"><div class="mt-auto border-y p-6 py-4 svelte-129hoe0"><!></div> <div class="flex justify-end p-0 svelte-129hoe0"><!></div></div></div> <!>', 1);
 function Sidebar(e2, t2) {
   push(t2, true);
-  const $sidebarCollapsed = () => store_get(Fn, "$sidebarCollapsed", n2), $projectUrl = () => store_get(Hn, "$projectUrl", n2), $discoveryOpen = () => store_get(qn, "$discoveryOpen", n2), [n2, s2] = setup_stores();
+  const $sidebarCollapsed = () => store_get(Hn, "$sidebarCollapsed", n2), $projectUrl = () => store_get(Yn, "$projectUrl", n2), $discoveryOpen = () => store_get(zn, "$discoveryOpen", n2), [n2, s2] = setup_stores();
   let i2 = /* @__PURE__ */ state(false), o2 = /* @__PURE__ */ state(void 0), a2 = /* @__PURE__ */ state(0), l2 = /* @__PURE__ */ state(null), c2 = /* @__PURE__ */ state(proxy([])), u2 = user_derived(() => {
     var _a2;
     return ((_a2 = get$1(c2)) == null ? void 0 : _a2.filter((e3, t3) => t3 % 2 == 0)) || [];
@@ -5591,7 +5591,7 @@ function Sidebar(e2, t2) {
   user_pre_effect(() => {
     var _a2;
     const e3 = document.documentElement.clientWidth <= 768;
-    store_set(Fn, e3 || Boolean((_a2 = getSidebarState()) == null ? void 0 : _a2.collapsed));
+    store_set(Hn, e3 || Boolean((_a2 = getSidebarState()) == null ? void 0 : _a2.collapsed));
   }), onMount(async () => {
     var _a2;
     return set(p2, ((_a2 = getSidebarState()) == null ? void 0 : _a2.buttonY) ?? get$1(p2), true), // Fetch data
@@ -5627,7 +5627,7 @@ function Sidebar(e2, t2) {
   event("mousemove", N, function handleMouseMove(e3) {
     get$1(h2) && handleDragMove(e3.clientY);
   }), event("mouseup", N, () => set(h2, false)), event("touchend", N, () => set(h2, false)), event("resize", N, () => {
-    document.documentElement.clientWidth <= 768 && store_set(Fn, true);
+    document.documentElement.clientWidth <= 768 && store_set(Hn, true);
   });
   var b2 = first_child(m2), y2 = child(b2), w2 = sibling(y2, 2), $2 = child(w2), consequent = (e3) => {
     var t3 = en();
@@ -5678,7 +5678,7 @@ function Sidebar(e2, t2) {
   var x2 = sibling(w2, 2), k2 = child(x2);
   Button(k2, {
     class: "w-full",
-    onclick: () => store_set(qn, true),
+    onclick: () => store_set(zn, true),
     get disabled() {
       return $discoveryOpen();
     },
@@ -5829,7 +5829,7 @@ function Sidebar(e2, t2) {
     variant: "secondary",
     class: "text-muted-foreground border-l outline-none!",
     onclick: () => {
-      store_set(Fn, true), saveSidebarState();
+      store_set(Hn, true), saveSidebarState();
     },
     children: (e3, t3) => {
       !(function Chevrons_right(e4, t4) {
@@ -5948,11 +5948,11 @@ function Sidebar(e2, t2) {
     }), Button(sibling(s3, 2), {
       variant: "ghost",
       onclick: () => {
-        document.documentElement.clientWidth > 768 ? (store_set(Fn, false), saveSidebarState()) : store_set(qn, true);
+        document.documentElement.clientWidth > 768 ? (store_set(Hn, false), saveSidebarState()) : store_set(zn, true);
       },
       children: (e4, t4) => {
         var n4 = an();
-        template_effect(() => set_attribute(n4, "src", $projectUrl() + "/static/images/icon-white-small.png")), append(e4, n4);
+        template_effect(() => set_attribute(n4, "src", $projectUrl() + "/assets/images/icon-white-small.png")), append(e4, n4);
       },
       $$slots: {
         default: true
@@ -5966,7 +5966,7 @@ function Sidebar(e2, t2) {
   if_block(C2, (e3) => {
     $sidebarCollapsed() && !$discoveryOpen() && e3(consequent_2);
   }), template_effect(() => {
-    set_class(b2, 1, `relative z-1 ml-auto flex h-dvh overflow-y-auto ${$sidebarCollapsed() ? "w-0" : "w-75 border-l"} bg-background flex-col items-center gap-8 text-white transition-[width] duration-150 ease-out`, "svelte-129hoe0"), set_attribute(y2, "src", $projectUrl() + "/static/images/logo-white-small.png");
+    set_class(b2, 1, `relative z-1 ml-auto flex h-dvh overflow-y-auto ${$sidebarCollapsed() ? "w-0" : "w-75 border-l"} bg-background flex-col items-center gap-8 text-white transition-[width] duration-150 ease-out`, "svelte-129hoe0"), set_attribute(y2, "src", $projectUrl() + "/assets/images/logo-white-small.png");
   }), append(e2, m2), pop(), s2();
 }
 delegate(["mousedown", "touchstart"]);
@@ -6054,7 +6054,7 @@ function applyCSSOverrides(e2, t2, n2, s2) {
   (e2 = // Handle double-sided range: (value < width < value)
   (e2 = e2.replace(/\(([\d.]+[a-z]+)\s*([<>=]+)\s*width\s*([<>=]+)\s*([\d.]+[a-z]+)\)/gi, (e3, t3, n3, i3, o3) => `(calc(${t3} + ${s2}px) ${n3} width ${i3} calc(${o3} + ${s2}px))`)).replace(/\(width\s*([<>=]+)\s*([\d.]+[a-z]+)\)/gi, (e3, t3, n3) => `(width ${t3} calc(${n3} + ${s2}px))`)).replace(/\(([\d.]+[a-z]+)\s*([<>=]+)\s*width\)/gi, (e3, t3, n3) => `(calc(${t3} + ${s2}px) ${n3} width)`)).replace(/\(\s*orientation:\s*portrait\s*\)/gi, `(max-width: ${o2}px)`)).replace(/\(\s*orientation:\s*landscape\s*\)/gi, `(min-width: ${o2 + 1}px)`)).replace(/\bbody\s*\{([^}]*)\}/gi, (e3, t3) => `.playlight-sdk-inner-wrapper {${t3.replace(/\s*!important\s*/gi, "")}}`);
 }
-let vn, mn = null, bn = null, yn = null, wn = null, $n = null, xn = null, kn = null, Sn = null, Cn = null, Mn = null, On = /* @__PURE__ */ new Map();
+let vn, mn = null, bn = null, yn = null, wn = null, $n = null, xn = null, kn = null, Sn = null, Cn = null, On = null, Mn = /* @__PURE__ */ new Map();
 let En = null, In = null, Tn = null, Pn = false, Ln = false, jn = [], An = null, Dn = null, Wn = null;
 function mountPlaylight() {
   try {
@@ -6087,10 +6087,10 @@ function setupSidebarLayout() {
         return !["SCRIPT", "STYLE"].includes(e3.tagName) && !((_a3 = e3.id) == null ? void 0 : _a3.includes("playlight"));
       }).forEach((e3) => t3.appendChild(e3)), e2.appendChild(t3), Ln = true, t3;
     };
-    if (false !== ((_b3 = (_a2 = get(Bn)) == null ? void 0 : _a2.sidebar) == null ? void 0 : _b3.hasFrameworkRoot) && s2.length > 0) {
+    if (false !== ((_b3 = (_a2 = get(Nn)) == null ? void 0 : _a2.sidebar) == null ? void 0 : _b3.hasFrameworkRoot) && s2.length > 0) {
       if (1 === s2.length)
         In = s2[0], Ln = false;
-      else if (true === ((_d3 = (_c2 = get(Bn)) == null ? void 0 : _c2.sidebar) == null ? void 0 : _d3.hasFrameworkRoot)) {
+      else if (true === ((_d3 = (_c2 = get(Nn)) == null ? void 0 : _c2.sidebar) == null ? void 0 : _d3.hasFrameworkRoot)) {
         const e3 = s2.map((e4) => e4.querySelectorAll("*").length), t3 = Math.max(...e3);
         In = s2[e3.indexOf(t3)], Ln = false;
       }
@@ -6121,19 +6121,19 @@ function setupSidebarLayout() {
           configurable: true
         }), // Scroll methods
         kn = window.scrollTo, Sn = window.scroll, Cn = window.scrollBy, window.scrollTo = (...e4) => t3.scrollTo(...e4), window.scroll = (...e4) => t3.scrollTo(...e4), window.scrollBy = (...e4) => t3.scrollBy(...e4), // Redirect scroll events from innerWrapper to window
-        Mn = () => {
+        On = () => {
           window.dispatchEvent(new Event("scroll"));
-        }, t3.addEventListener("scroll", Mn), // Window.matchMedia & window.matchMedia.addEventListener/removeEventListener
+        }, t3.addEventListener("scroll", On), // Window.matchMedia & window.matchMedia.addEventListener/removeEventListener
         bn = window.matchMedia, window.matchMedia = function(t4) {
           const getAdjustedMQL = () => {
             const n4 = bn || window.matchMedia, s4 = e3.clientWidth, i3 = document.documentElement.clientWidth - s4, o2 = applyCSSOverrides(t4, s4, window.innerHeight, i3);
             return n4.call(window, o2);
           }, n3 = getAdjustedMQL();
-          On.has(t4) || On.set(t4, {
+          Mn.has(t4) || Mn.set(t4, {
             listeners: /* @__PURE__ */ new Set(),
             lastMatches: n3.matches
           });
-          const s3 = On.get(t4);
+          const s3 = Mn.get(t4);
           return new Proxy(n3, {
             get(e4, n4) {
               if ("media" === n4) return t4;
@@ -6151,10 +6151,10 @@ function setupSidebarLayout() {
         }, // Trigger on resize (we dispatch resize events for sidebar resize in a different file)
         // Only maintain one listenter that persists when the sidebar gets unmounted to preserve functionality!
         vn || (vn = window.addEventListener("resize", () => {
-          for (const [e4, { listeners: t4, lastMatches: n3 }] of On.entries()) {
+          for (const [e4, { listeners: t4, lastMatches: n3 }] of Mn.entries()) {
             const s3 = window.matchMedia(e4);
             if (s3.matches !== n3) {
-              On.get(e4).lastMatches = s3.matches;
+              Mn.get(e4).lastMatches = s3.matches;
               const n4 = new MediaQueryListEvent("change", {
                 matches: s3.matches,
                 media: s3.media
@@ -6206,7 +6206,7 @@ function removeSidebarLayout() {
     }), // Restore polyfills and clean up (has to happen after the unmount)
     (function restoreWindowPolyfills(e3) {
       try {
-        Object.defineProperty(window, "innerWidth", mn), Object.defineProperty(window, "scrollY", yn), Object.defineProperty(window, "pageYOffset", wn), Object.defineProperty(window, "scrollX", $n), Object.defineProperty(window, "pageXOffset", xn), window.scrollTo = kn, window.scroll = Sn, window.scrollBy = Cn, e3.removeEventListener("scroll", Mn), window.matchMedia = bn, mn = null, yn = null, wn = null, $n = null, xn = null, kn = null, Sn = null, Cn = null, Mn = null, bn = null;
+        Object.defineProperty(window, "innerWidth", mn), Object.defineProperty(window, "scrollY", yn), Object.defineProperty(window, "pageYOffset", wn), Object.defineProperty(window, "scrollX", $n), Object.defineProperty(window, "pageXOffset", xn), window.scrollTo = kn, window.scroll = Sn, window.scrollBy = Cn, e3.removeEventListener("scroll", On), window.matchMedia = bn, mn = null, yn = null, wn = null, $n = null, xn = null, kn = null, Sn = null, Cn = null, On = null, bn = null;
       } catch (e4) {
         console.warn("Could not restore window polyfills:", e4);
       }
@@ -6221,29 +6221,35 @@ function removeSidebarLayout() {
     console.error("Error during sidebar removal:", e2);
   }
 }
-const Bn = writable(null), Nn = writable(false), qn = writable(false), zn = writable(false), Rn = writable(0), Gn = writable(false), Fn = writable(false), Hn = writable("https://sdk.playlight.dev");
-let Yn;
-qn.subscribe((e2) => {
+const Bn = "sdk.playlight.dev";
+const Nn = writable(null), qn = writable(false), zn = writable(false), Rn = writable(false), Gn = writable(0), Fn = writable(false), Hn = writable(false), Yn = writable((function getAssetBaseUrl() {
+  const e2 = import.meta.url;
+  if (e2.includes(Bn) || e2.startsWith("file://")) return "https://" + Bn;
+  const t2 = new URL(e2);
+  return t2.origin + t2.pathname.substring(0, t2.pathname.lastIndexOf("/"));
+})());
+let Un;
+zn.subscribe((e2) => {
   try {
-    e2 ? (vt.trackOpen(), triggerEvent("discoveryOpen"), Yn = document.body.style.overflow, document.body.style.setProperty("overflow", "hidden", "important")) : (triggerEvent("discoveryClose"), document.body.style.overflow = Yn);
+    e2 ? (vt.trackOpen(), triggerEvent("discoveryOpen"), Un = document.body.style.overflow, document.body.style.setProperty("overflow", "hidden", "important")) : (triggerEvent("discoveryClose"), document.body.style.overflow = Un);
   } catch (e3) {
     console.error("Error in discoveryOpen store subscription:", e3);
   }
-}), Bn.subscribe((e2) => {
-  var _a2;
-  ((_a2 = e2 == null ? void 0 : e2.sidebar) == null ? void 0 : _a2.forceVisible) || get(Nn) ? Gn.set(true) : Gn.set(false);
 }), Nn.subscribe((e2) => {
-  e2 && Gn.set(true);
-}), Gn.subscribe((e2) => {
+  var _a2;
+  ((_a2 = e2 == null ? void 0 : e2.sidebar) == null ? void 0 : _a2.forceVisible) || get(qn) ? Fn.set(true) : Fn.set(false);
+}), qn.subscribe((e2) => {
+  e2 && Fn.set(true);
+}), Fn.subscribe((e2) => {
   e2 ? (setupSidebarLayout(), triggerEvent("sidebarEnable")) : (removeSidebarLayout(), triggerEvent("sidebarDisable"));
 });
-var Vn = /* @__PURE__ */ from_html('<div class="flex h-62 w-full items-center justify-center"><!></div>'), Un = /* @__PURE__ */ from_html('<div class="snap-center px-2"><!></div>'), Kn = /* @__PURE__ */ from_html('<!> <div class="bg-background/85 my-auto mr-3 mb-30 ml-2 flex min-w-40 snap-center flex-wrap items-center justify-center gap-4 p-4 pb-6 shadow-lg backdrop-blur-xl"><p class="w-full text-center text-lg font-semibold text-white">Fancy more?</p> <!></div>', 1), on_click = (e2, t2, n2) => get$1(t2).scrollBy({
+var Vn = /* @__PURE__ */ from_html('<div class="flex h-62 w-full items-center justify-center"><!></div>'), Kn = /* @__PURE__ */ from_html('<div class="snap-center px-2"><!></div>'), Xn = /* @__PURE__ */ from_html('<!> <div class="bg-background/85 my-auto mr-3 mb-30 ml-2 flex min-w-40 snap-center flex-wrap items-center justify-center gap-4 p-4 pb-6 shadow-lg backdrop-blur-xl"><p class="w-full text-center text-lg font-semibold text-white">Fancy more?</p> <!></div>', 1), on_click = (e2, t2, n2) => get$1(t2).scrollBy({
   left: 2 * -get$1(n2),
   behavior: "smooth"
-}), Xn = /* @__PURE__ */ from_html('<button class="bg-background/85 absolute top-4/9 left-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), on_click_1 = (e2, t2, n2) => get$1(t2).scrollBy({
+}), Zn = /* @__PURE__ */ from_html('<button class="bg-background/85 absolute top-4/9 left-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), on_click_1 = (e2, t2, n2) => get$1(t2).scrollBy({
   left: 2 * get$1(n2),
   behavior: "smooth"
-}), Zn = /* @__PURE__ */ from_html('<button class="bg-background/85 absolute top-4/9 right-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), Jn = /* @__PURE__ */ from_html("<!> <!>", 1), Qn = /* @__PURE__ */ from_html('<div class="playlight-sdk playlight-sdk-widget"><div class="relative flex h-full w-full snap-x gap-2 overflow-x-auto"><!></div> <!></div>');
+}), Jn = /* @__PURE__ */ from_html('<button class="bg-background/85 absolute top-4/9 right-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), Qn = /* @__PURE__ */ from_html("<!> <!>", 1), er = /* @__PURE__ */ from_html('<div class="playlight-sdk playlight-sdk-widget"><div class="relative flex h-full w-full snap-x gap-2 overflow-x-auto"><!></div> <!></div>');
 function WidgetCarousel(e2, t2) {
   push(t2, true);
   const [n2, s2] = setup_stores();
@@ -6277,7 +6283,7 @@ function WidgetCarousel(e2, t2) {
       }
     });
   });
-  var f2 = Qn(), p2 = child(f2), h2 = child(p2), consequent = (e3) => {
+  var f2 = er(), p2 = child(f2), h2 = child(p2), consequent = (e3) => {
     var t3 = Vn();
     Loader_circle(child(t3), {
       class: "animate-spin opacity-75",
@@ -6285,9 +6291,9 @@ function WidgetCarousel(e2, t2) {
       strokeWidth: 2.5
     }), append(e3, t3);
   }, alternate = (e3) => {
-    var t3 = Kn(), n3 = first_child(t3);
+    var t3 = Xn(), n3 = first_child(t3);
     each(n3, 17, () => get$1(o2), index, (e4, t4) => {
-      var n4 = Un();
+      var n4 = Kn();
       GameCard(child(n4), {
         get game() {
           return get$1(t4);
@@ -6303,7 +6309,7 @@ function WidgetCarousel(e2, t2) {
     });
     var s3 = sibling(n3, 2);
     Button(sibling(child(s3), 2), {
-      onclick: () => store_set(qn, true),
+      onclick: () => store_set(zn, true),
       children: (e4, t4) => {
         append(e4, text("See all"));
       },
@@ -6316,8 +6322,8 @@ function WidgetCarousel(e2, t2) {
     get$1(i2) ? e3(consequent) : e3(alternate, false);
   }), bind_this(p2, (e3) => set(a2, e3), () => get$1(a2));
   var g2 = sibling(p2, 2), consequent_3 = (e3) => {
-    var t3 = Jn(), n3 = first_child(t3), consequent_1 = (e4) => {
-      var t4 = Xn();
+    var t3 = Qn(), n3 = first_child(t3), consequent_1 = (e4) => {
+      var t4 = Zn();
       t4.__click = [on_click, a2, l2], (function Chevron_left(e5, t5) {
         const n4 = legacy_rest_props(t5, ["children", "$$slots", "$$events", "$$legacy"]), s4 = [["path", {
           d: "m15 18-6-6 6-6"
@@ -6365,7 +6371,7 @@ function WidgetCarousel(e2, t2) {
       get$1(c2) && e4(consequent_1);
     });
     var s3 = sibling(n3, 2), consequent_2 = (e4) => {
-      var t4 = Zn();
+      var t4 = Jn();
       t4.__click = [on_click_1, a2, l2], (function Chevron_right(e5, t5) {
         const n4 = legacy_rest_props(t5, ["children", "$$slots", "$$events", "$$legacy"]), s4 = [["path", {
           d: "m9 18 6-6-6-6"
@@ -6434,7 +6440,7 @@ function initWidgets() {
   }
 }
 delegate(["click"]);
-const er = new /**
+const tr = new /**
  * The PlaylightSDK class
  */
 class PlaylightSDK {
@@ -6461,7 +6467,7 @@ class PlaylightSDK {
     })();
     const t2 = "true" === sessionStorage.getItem("fromPlaylight"), n2 = "playlight" === new URLSearchParams(window.location.search).get("utm_source");
     n2 && sessionStorage.setItem("fromPlaylight", "true"), // Save in session storage to persist on MPAs
-    Nn.set(t2 || n2), // Set initialized
+    qn.set(t2 || n2), // Set initialized
     window.playlightInitialized = true;
   }
   /**
@@ -6469,7 +6475,7 @@ class PlaylightSDK {
   * @param {boolean} [value=true] - Whether to show the discovery
   */
   setDiscovery(e2 = true) {
-    qn.set(e2);
+    zn.set(e2);
   }
   /**
   * Register an event callback
@@ -6485,11 +6491,11 @@ class PlaylightSDK {
   * @param {object} [configParam] - Playlight configuration object
   */
   setConfig(e2 = {}) {
-    Bn.set(createConfig(e2));
+    Nn.set(createConfig(e2));
   }
 }();
-"undefined" != typeof window && (window.playlightSDK = er);
+"undefined" != typeof window && (window.playlightSDK = tr);
 export {
-  er as default
+  tr as default
 };
 //# sourceMappingURL=playlight-sdk.es.js.map