playlight-sdk 0.0.5 → 0.0.6

package/dist/playlight-sdk.es.js

@@ -22,7 +22,7 @@ function safe_equals(e2) {
   return !safe_not_equal(e2, this.v);
 }
 let C = false;
-const M = Symbol(), S = "http://www.w3.org/2000/svg";
+const M = Symbol(), q = "http://www.w3.org/2000/svg";
 function lifecycle_outside_component(e2) {
   throw new Error("https://svelte.dev/e/lifecycle_outside_component");
 }
@@ -273,7 +273,7 @@ function proxy(e2, n2 = null, o2) {
 function update_version(e2, t2 = 1) {
   set(e2, e2.v + t2);
 }
-var T, q, P, O, E;
+var S, T, P, O, E;
 function create_text(e2 = "") {
   return document.createTextNode(e2);
 }
@@ -585,7 +585,7 @@ function flush_tasks() {
     N = [], run_all(e2);
   }();
 }
-let B = false, z = false, D = null, A = false, L = false;
+let B = false, D = false, z = null, A = false, L = false;
 function set_is_destroying_effect(e2) {
   L = e2;
 }
@@ -758,8 +758,8 @@ function infinite_loop_guard() {
       throw new Error("https://svelte.dev/e/effect_update_depth_exceeded");
     }();
   } catch (e2) {
-    if (null === D) throw e2;
-    handle_error(e2, D, null);
+    if (null === z) throw e2;
+    handle_error(e2, z, null);
   }
 }
 function flush_queued_root_effects() {
@@ -774,7 +774,7 @@ function flush_queued_root_effects() {
       }
     }
   } finally {
-    z = false, D = null;
+    D = false, z = null;
   }
 }
 function flush_queued_effects(e2) {
@@ -800,8 +800,8 @@ function flush_queued_effects(e2) {
   }
 }
 function schedule_effect(e2) {
-  z || (z = true, queueMicrotask(flush_queued_root_effects));
-  for (var t2 = D = e2; null !== t2.parent; ) {
+  D || (D = true, queueMicrotask(flush_queued_root_effects));
+  for (var t2 = z = e2; null !== t2.parent; ) {
     var n2 = (t2 = t2.parent).f;
     if (96 & n2) {
       if (!(n2 & v)) return;
@@ -841,7 +841,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(); W.length > 0; ) z = true, flush_queued_root_effects(), flush_tasks();
+    for (flush_tasks(); W.length > 0; ) D = true, flush_queued_root_effects(), flush_tasks();
   }();
 }
 function get$1(e2) {
@@ -1155,8 +1155,8 @@ function mount(e2, t2) {
     * where these globals are not available while avoiding a separate server entry point
     */
     function init_operations() {
-      if (void 0 === T) {
-        T = window, q = document, P = /Firefox/.test(navigator.userAgent);
+      if (void 0 === S) {
+        S = window, T = document, P = /Firefox/.test(navigator.userAgent);
         var e4 = Element.prototype, t4 = Node.prototype;
         O = s(t4, "firstChild").get, // @ts-ignore
         E = s(t4, "nextSibling").get, // the following assignments improve perf of lookups on DOM nodes
@@ -1289,10 +1289,10 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
             if (x2.length < k2.length) {
               var C2, M2 = k2[0];
               w2 = M2.prev;
-              var S2 = x2[0], I2 = x2[x2.length - 1];
+              var q2 = x2[0], I2 = x2[x2.length - 1];
               for (C2 = 0; C2 < x2.length; C2 += 1) move(x2[C2], M2, n3);
               for (C2 = 0; C2 < k2.length; C2 += 1) c3.delete(k2[C2]);
-              link(t3, S2.prev, I2.next), link(t3, w2, S2), link(t3, I2, M2), $2 = M2, w2 = I2, _2 -= 1, x2 = [], k2 = [];
+              link(t3, q2.prev, I2.next), link(t3, w2, q2), link(t3, I2, M2), $2 = M2, 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;
@@ -1310,14 +1310,14 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
         ) : n3, t3, w2, null === w2 ? t3.first : w2.next, d3, f3, _2, i3, s3, l3), b2.set(f3, w2), x2 = [], k2 = [], $2 = w2.next;
       }
       if (null !== $2 || void 0 !== c3) {
-        for (var T2 = void 0 === c3 ? [] : o(c3); null !== $2; )
-          $2.e.f & m || T2.push($2), $2 = $2.next;
-        var q2 = T2.length;
-        if (q2 > 0) {
+        for (var S2 = void 0 === c3 ? [] : o(c3); null !== $2; )
+          $2.e.f & m || S2.push($2), $2 = $2.next;
+        var T2 = S2.length;
+        if (T2 > 0) {
           var P2 = 4 & s3 && 0 === h2 ? n3 : null;
           if (v2) {
-            for (_2 = 0; _2 < q2; _2 += 1) (_c = T2[_2].a) == null ? void 0 : _c.measure();
-            for (_2 = 0; _2 < q2; _2 += 1) (_d = T2[_2].a) == null ? void 0 : _d.fix();
+            for (_2 = 0; _2 < T2; _2 += 1) (_c = S2[_2].a) == null ? void 0 : _c.measure();
+            for (_2 = 0; _2 < T2; _2 += 1) (_d = S2[_2].a) == null ? void 0 : _d.fix();
           }
           !function pause_effects(e5, t4, n4, o2) {
             for (var i4 = [], s4 = t4.length, a4 = 0; a4 < s4; a4++) pause_children(t4[a4].e, i4, true);
@@ -1341,7 +1341,7 @@ function each(e2, n2, i2, s2, a2, l2 = null) {
                 l4 || (o2.delete(i5.k), link(e5, i5.prev, i5.next)), destroy_effect(i5.e, !l4);
               }
             });
-          }(t3, T2, P2, b2);
+          }(t3, S2, P2, b2);
         }
       }
       v2 && queue_micro_task(() => {
@@ -2149,7 +2149,7 @@ function Icon$1(e2, t2) {
       ), f3 = ce;
       block(() => {
         const e5 = t4() || null;
-        var n5 = S;
+        var n5 = q;
         if (e5 !== a3) {
           var i4 = ce;
           set_current_each_item(f3), c3 && (null === e5 ? (
@@ -2179,7 +2179,7 @@ function Icon$1(e2, t2) {
       let o3;
       template_effect(() => o3 = set_attributes(e4, o3, {
         ...get$1(t3)[1]
-      }, void 0, e4.namespaceURI === S, e4.nodeName.includes("-")));
+      }, void 0, e4.namespaceURI === q, e4.nodeName.includes("-")));
     }), append(e3, n3);
   }), slot(sibling(p2), t2, "default", {}, null), template_effect((e3, t3) => f2 = set_attributes(d2, f2, {
     ...be,
@@ -2361,13 +2361,13 @@ function Icon(e2, t2) {
     "success" === n2() ? e3(consequent) : e3(alternate_3, false);
   }), append(e2, o2);
 }
-var Me = /* @__PURE__ */ template('<div class="sonner-loading-bar"></div>'), Se = /* @__PURE__ */ template('<div class="sonner-loading-wrapper"><div class="sonner-spinner"></div></div>');
+var Me = /* @__PURE__ */ template('<div class="sonner-loading-bar"></div>'), qe = /* @__PURE__ */ template('<div class="sonner-loading-wrapper"><div class="sonner-spinner"></div></div>');
 function Loader(e2, t2) {
   push(t2, false);
   let n2 = prop(t2, "visible", 8);
   const o2 = Array(12).fill(0);
   init();
-  var i2 = Se();
+  var i2 = qe();
   each(child(i2), 5, () => o2, index, (e3, t3) => {
     append(e3, Me());
   }), template_effect(() => set_attribute(i2, "data-visible", n2())), append(e2, i2), pop();
@@ -2388,15 +2388,15 @@ function clientWritable(e2) {
     }
   };
 }
-let Te = 0;
-const qe = function createToastState() {
+let Se = 0;
+const Te = function createToastState() {
   const e2 = clientWritable([]), t2 = clientWritable([]);
   function addToast(t3) {
     e2.update((e3) => [t3, ...e3]);
   }
   function create(t3) {
     var _a;
-    const { message: n2, ...o2 } = t3, i2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a = t3.id) == null ? void 0 : _a.length) > 0 ? t3.id : Te++, s2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === i2);
+    const { message: n2, ...o2 } = t3, i2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a = t3.id) == null ? void 0 : _a.length) > 0 ? t3.id : Se++, s2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === i2);
     return l2 ? e2.update((e3) => e3.map((e4) => e4.id === i2 ? {
       ...e4,
       ...t3,
@@ -2533,7 +2533,7 @@ const qe = function createToastState() {
       }), n2;
     },
     custom: function custom(e3, t3) {
-      const n2 = (t3 == null ? void 0 : t3.id) || Te++;
+      const n2 = (t3 == null ? void 0 : t3.id) || Se++;
       return create({
         component: e3,
         id: n2,
@@ -2555,22 +2555,22 @@ const qe = function createToastState() {
   };
 }();
 const Pe = function toastFunction(e2, t2) {
-  return qe.create({
+  return Te.create({
     message: e2,
     ...t2
   });
 }, Oe = Object.assign(Pe, {
-  success: qe.success,
-  info: qe.info,
-  warning: qe.warning,
-  error: qe.error,
-  custom: qe.custom,
-  message: qe.message,
-  promise: qe.promise,
-  dismiss: qe.dismiss,
-  loading: qe.loading
+  success: Te.success,
+  info: Te.info,
+  warning: Te.warning,
+  error: Te.error,
+  custom: Te.custom,
+  message: Te.message,
+  promise: Te.promise,
+  dismiss: Te.dismiss,
+  loading: Te.loading
 });
-var Ee = /* @__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>'), je = /* @__PURE__ */ template('<div data-icon=""><!> <!></div>'), Ne = /* @__PURE__ */ template('<div data-title=""><!></div>'), Be = /* @__PURE__ */ template('<div data-description=""><!></div>'), ze = /* @__PURE__ */ template('<button data-button="" data-cancel=""> </button>'), De = /* @__PURE__ */ template('<button data-button=""> </button>'), Ae = /* @__PURE__ */ template('<!> <div data-content=""><!> <!></div> <!> <!>', 1), Le = /* @__PURE__ */ template('<li aria-atomic="true" role="status" data-sonner-toast=""><!> <!></li>');
+var Ee = /* @__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>'), je = /* @__PURE__ */ template('<div data-icon=""><!> <!></div>'), Ne = /* @__PURE__ */ template('<div data-title=""><!></div>'), Be = /* @__PURE__ */ template('<div data-description=""><!></div>'), De = /* @__PURE__ */ template('<button data-button="" data-cancel=""> </button>'), ze = /* @__PURE__ */ template('<button data-button=""> </button>'), Ae = /* @__PURE__ */ template('<!> <div data-content=""><!> <!></div> <!> <!>', 1), Le = /* @__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);
@@ -2589,8 +2589,8 @@ function Toast(e2, t2) {
     default: "",
     info: "",
     loading: ""
-  }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = qe;
-  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), M2 = prop(t2, "expanded", 9), S2 = prop(t2, "invert", 13), I2 = prop(t2, "position", 9), T2 = prop(t2, "visibleToasts", 9), q2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), O2 = prop(t2, "interacting", 9), E2 = prop(t2, "cancelButtonStyle", 9, ""), j2 = prop(t2, "actionButtonStyle", 9, ""), N2 = prop(t2, "duration", 9, 4e3), B2 = prop(t2, "descriptionClass", 9, ""), z2 = prop(t2, "classes", 29, () => ({})), D2 = prop(t2, "unstyled", 9, false), A2 = mutable_state(false, true), L2 = mutable_state(false, true), W2 = mutable_state(false, true), F2 = mutable_state(false, true), G2 = mutable_state(0, true), H2 = mutable_state(0, true), R2 = mutable_state(void 0, true), V2 = mutable_state(0, true), K2 = 0, U2 = 0, Z2 = null;
+  }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = Te;
+  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), M2 = prop(t2, "expanded", 9), q2 = prop(t2, "invert", 13), I2 = prop(t2, "position", 9), S2 = prop(t2, "visibleToasts", 9), T2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), O2 = prop(t2, "interacting", 9), E2 = prop(t2, "cancelButtonStyle", 9, ""), j2 = prop(t2, "actionButtonStyle", 9, ""), N2 = prop(t2, "duration", 9, 4e3), B2 = prop(t2, "descriptionClass", 9, ""), D2 = prop(t2, "classes", 29, () => ({})), z2 = prop(t2, "unstyled", 9, false), A2 = mutable_state(false, true), L2 = mutable_state(false, true), W2 = mutable_state(false, true), F2 = mutable_state(false, true), G2 = mutable_state(0, true), H2 = mutable_state(0, true), R2 = mutable_state(void 0, true), V2 = mutable_state(0, true), K2 = 0, U2 = 0, Z2 = null;
   function deleteToast() {
     set(L2, true), // Save the offset for the exit swipe animation
     set(G2, get$1(V2)), $2(k2().id), setTimeout(() => {
@@ -2613,15 +2613,15 @@ function Toast(e2, t2) {
       toastId: k2().id,
       height: e3
     }), () => $2(k2().id);
-  }), legacy_pre_effect(() => deep_read_state(z2()), () => {
-    z2({
+  }), legacy_pre_effect(() => deep_read_state(D2()), () => {
+    D2({
       ...m2,
-      ...z2()
+      ...D2()
     });
   }), legacy_pre_effect(() => deep_read_state(C2()), () => {
     set(s2, 0 === C2());
-  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(T2())), () => {
-    set(a2, C2() + 1 <= T2());
+  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(S2())), () => {
+    set(a2, C2() + 1 <= S2());
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
     set(l2, k2().title);
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
@@ -2641,8 +2641,8 @@ function Toast(e2, t2) {
       // Calculate offset up untill current  toast
       n3 >= get$1(p2) ? e3 : e3 + t3.height
     ), 0));
-  }), legacy_pre_effect(() => (deep_read_state(S2()), deep_read_state(k2())), () => {
-    S2(k2().invert || S2());
+  }), legacy_pre_effect(() => (deep_read_state(q2()), deep_read_state(k2())), () => {
+    q2(k2().invert || q2());
   }), legacy_pre_effect(() => get$1(u2), () => {
     set(g2, "loading" === get$1(u2));
   }), legacy_pre_effect(() => (get$1(p2), get$1(v2)), () => {
@@ -2652,7 +2652,7 @@ function Toast(e2, t2) {
     async function updateHeights() {
       if (!get$1(A2)) return;
       let e3;
-      await tick(), e3 = M2() || q2() ? 1 : 1 - 0.05 * C2(), get$1(R2).style.setProperty("height", "auto");
+      await tick(), e3 = M2() || T2() ? 1 : 1 - 0.05 * C2(), get$1(R2).style.setProperty("height", "auto");
       const t3 = get$1(R2).offsetHeight, n3 = get$1(R2).getBoundingClientRect().height, o3 = Math.round(100 * (n3 / e3 + Number.EPSILON)) / 100;
       let i3;
       get$1(R2).style.removeProperty("height"), // Use scaledRectHeight as it's more precise
@@ -2702,7 +2702,7 @@ function Toast(e2, t2) {
       set_attribute(t3, "data-disabled", get$1(g2)), set_class(t3, 1, clsx(e4));
     }, [() => {
       var _a, _b, _c;
-      return cn((_a = z2()) == null ? void 0 : _a.closeButton, (_c = (_b = k2()) == null ? void 0 : _b.classes) == null ? void 0 : _c.closeButton);
+      return cn((_a = D2()) == null ? void 0 : _a.closeButton, (_c = (_b = k2()) == null ? void 0 : _b.classes) == null ? void 0 : _c.closeButton);
     }], derived_safe_equal), event("click", t3, function(...e4) {
       var _a;
       (_a = get$1(g2) ? void 0 : () => {
@@ -2791,7 +2791,7 @@ function Toast(e2, t2) {
         "string" != typeof k2().title ? e5(consequent_9) : e5(alternate_4, false);
       }), template_effect((e5) => set_class(t3, 1, clsx(e5)), [() => {
         var _a, _b, _c;
-        return cn((_a = z2()) == null ? void 0 : _a.title, (_c = (_b = k2()) == null ? void 0 : _b.classes) == null ? void 0 : _c.title);
+        return cn((_a = D2()) == null ? void 0 : _a.title, (_c = (_b = k2()) == null ? void 0 : _b.classes) == null ? void 0 : _c.title);
       }], derived_safe_equal), append(e4, t3);
     };
     if_block(s3, (e4) => {
@@ -2811,19 +2811,19 @@ function Toast(e2, t2) {
         "string" != typeof k2().description ? e5(consequent_11) : e5(alternate_5, false);
       }), template_effect((e5) => set_class(t3, 1, clsx(e5)), [() => {
         var _a, _b;
-        return cn(B2(), get$1(f2), (_a = z2()) == null ? void 0 : _a.description, (_b = k2().classes) == null ? void 0 : _b.description);
+        return cn(B2(), get$1(f2), (_a = D2()) == null ? void 0 : _a.description, (_b = k2().classes) == null ? void 0 : _b.description);
       }], derived_safe_equal), append(e4, t3);
     };
     if_block(a3, (e4) => {
       k2().description && e4(consequent_12);
     });
     var l3 = sibling(i3, 2), consequent_13 = (e4) => {
-      var t3 = ze(), n4 = child(t3);
+      var t3 = De(), n4 = child(t3);
       template_effect((e5) => {
         set_attribute(t3, "style", E2()), set_class(t3, 1, clsx(e5)), set_text(n4, k2().cancel.label);
       }, [() => {
         var _a, _b, _c;
-        return cn((_a = z2()) == null ? void 0 : _a.cancelButton, (_c = (_b = k2()) == null ? void 0 : _b.classes) == null ? void 0 : _c.cancelButton);
+        return cn((_a = D2()) == null ? void 0 : _a.cancelButton, (_c = (_b = k2()) == null ? void 0 : _b.classes) == null ? void 0 : _c.cancelButton);
       }], derived_safe_equal), event("click", t3, () => {
         var _a;
         deleteToast(), ((_a = k2().cancel) == null ? void 0 : _a.onClick) && k2().cancel.onClick();
@@ -2833,12 +2833,12 @@ function Toast(e2, t2) {
       k2().cancel && e4(consequent_13);
     });
     var c3 = sibling(l3, 2), consequent_14 = (e4) => {
-      var t3 = De(), n4 = child(t3);
+      var t3 = ze(), n4 = child(t3);
       template_effect((e5) => {
         set_attribute(t3, "style", j2()), set_class(t3, 1, clsx(e5)), set_text(n4, k2().action.label);
       }, [() => {
         var _a, _b, _c;
-        return cn((_a = z2()) == null ? void 0 : _a.actionButton, (_c = (_b = k2()) == null ? void 0 : _b.classes) == null ? void 0 : _c.actionButton);
+        return cn((_a = D2()) == null ? void 0 : _a.actionButton, (_c = (_b = k2()) == null ? void 0 : _b.classes) == null ? void 0 : _c.actionButton);
       }], derived_safe_equal), event("click", t3, (e5) => {
         var _a;
         (_a = k2().action) == null ? void 0 : _a.onClick(e5), e5.defaultPrevented || deleteToast();
@@ -2852,11 +2852,11 @@ function Toast(e2, t2) {
     k2().component ? e3(consequent_1) : e3(alternate_6, false);
   }), bind_this(ee2, (e3) => set(R2, e3), () => get$1(R2)), template_effect((e3, t3, i3) => {
     var _a;
-    set_attribute(ee2, "aria-live", k2().important ? "assertive" : "polite"), set_class(ee2, 1, clsx(e3)), set_attribute(ee2, "data-styled", !(k2().component || ((_a = k2()) == null ? void 0 : _a.unstyled) || D2())), set_attribute(ee2, "data-mounted", get$1(A2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(L2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(_2)[0]), set_attribute(ee2, "data-x-position", get$1(_2)[1]), set_attribute(ee2, "data-index", C2()), set_attribute(ee2, "data-front", get$1(s2)), set_attribute(ee2, "data-swiping", get$1(W2)), set_attribute(ee2, "data-type", get$1(u2)), set_attribute(ee2, "data-invert", S2()), set_attribute(ee2, "data-swipe-out", get$1(F2)), set_attribute(ee2, "data-expanded", i3), set_attribute(ee2, "style", `${n2.style} ${k2().style}`), set_style(ee2, "--index", C2()), set_style(ee2, "--toasts-before", C2()), set_style(ee2, "--z-index", store_get(b2, "$toasts", o2).length - C2()), set_style(ee2, "--offset", `${get$1(L2) ? get$1(G2) : get$1(V2)}px`), set_style(ee2, "--initial-height", `${get$1(H2)}px`);
+    set_attribute(ee2, "aria-live", k2().important ? "assertive" : "polite"), set_class(ee2, 1, clsx(e3)), set_attribute(ee2, "data-styled", !(k2().component || ((_a = k2()) == null ? void 0 : _a.unstyled) || z2())), set_attribute(ee2, "data-mounted", get$1(A2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(L2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(_2)[0]), set_attribute(ee2, "data-x-position", get$1(_2)[1]), set_attribute(ee2, "data-index", C2()), set_attribute(ee2, "data-front", get$1(s2)), set_attribute(ee2, "data-swiping", get$1(W2)), set_attribute(ee2, "data-type", get$1(u2)), set_attribute(ee2, "data-invert", q2()), set_attribute(ee2, "data-swipe-out", get$1(F2)), set_attribute(ee2, "data-expanded", i3), set_attribute(ee2, "style", `${n2.style} ${k2().style}`), set_style(ee2, "--index", C2()), set_style(ee2, "--toasts-before", C2()), set_style(ee2, "--z-index", store_get(b2, "$toasts", o2).length - C2()), set_style(ee2, "--offset", `${get$1(L2) ? get$1(G2) : get$1(V2)}px`), set_style(ee2, "--initial-height", `${get$1(H2)}px`);
   }, [() => {
     var _a, _b, _c, _d, _e2, _f;
-    return cn(n2.class, get$1(d2), (_a = z2()) == null ? void 0 : _a.toast, (_c = (_b = k2()) == null ? void 0 : _b.classes) == null ? void 0 : _c.toast, (_d = z2()) == 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(M2() || q2() && get$1(A2))], derived_safe_equal), event("pointerdown", ee2, function onPointerDown(e3) {
+    return cn(n2.class, get$1(d2), (_a = D2()) == null ? void 0 : _a.toast, (_c = (_b = k2()) == null ? void 0 : _b.classes) == null ? void 0 : _c.toast, (_d = D2()) == null ? void 0 : _d[get$1(u2)], (_f = (_e2 = k2()) == null ? void 0 : _e2.classes) == null ? void 0 : _f[get$1(u2)]);
+  }, () => Boolean(k2().promise), () => Boolean(M2() || T2() && get$1(A2))], derived_safe_equal), event("pointerdown", ee2, function onPointerDown(e3) {
     if (get$1(g2)) return;
     set(G2, get$1(V2));
     const t3 = e3.target;
@@ -2891,8 +2891,8 @@ function Toaster(e2, t2) {
     return "auto" !== e3 && e3 ? e3 : window.getComputedStyle(document.documentElement).direction;
   }
   let d2 = prop(t2, "invert", 8, false), f2 = prop(t2, "theme", 8, "light"), p2 = prop(t2, "position", 8, "bottom-right"), _2 = prop(t2, "hotkey", 24, () => ["altKey", "KeyT"]), v2 = prop(t2, "containerAriaLabel", 8, "Notifications"), g2 = prop(t2, "richColors", 8, false), h2 = prop(t2, "expand", 8, false), m2 = prop(t2, "duration", 8, 4e3), b2 = prop(t2, "visibleToasts", 8, 3), y2 = prop(t2, "closeButton", 8, false), $2 = prop(t2, "toastOptions", 24, () => ({})), w2 = prop(t2, "offset", 8, null), x2 = prop(t2, "dir", 24, getDocumentDirection);
-  const { toasts: k2, heights: C2, reset: M2 } = qe;
-  let S2 = mutable_state(false), T2 = mutable_state(false), q2 = mutable_state(function getInitialTheme(e3) {
+  const { toasts: k2, heights: C2, reset: M2 } = Te;
+  let q2 = mutable_state(false), S2 = mutable_state(false), T2 = 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(), O2 = null, E2 = false;
   function handleBlur(e3) {
@@ -2916,7 +2916,7 @@ function Toaster(e2, t2) {
       _2().every((t3) => (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         e3[t3] || e3.code === t3
-      )) && (set(S2, true), (_a = get$1(P2)) == null ? void 0 : _a.focus()), "Escape" !== e3.code || document.activeElement !== get$1(P2) && !((_b = get$1(P2)) == null ? void 0 : _b.contains(document.activeElement)) || set(S2, false);
+      )) && (set(q2, true), (_a = get$1(P2)) == null ? void 0 : _a.focus()), "Escape" !== e3.code || document.activeElement !== get$1(P2) && !((_b = get$1(P2)) == null ? void 0 : _b.contains(document.activeElement)) || set(q2, false);
     };
     return document.addEventListener("keydown", handleKeydown), () => {
       document.removeEventListener("keydown", handleKeydown);
@@ -2926,7 +2926,7 @@ function Toaster(e2, t2) {
   }), legacy_pre_effect(() => deep_read_state(_2()), () => {
     set(l2, _2().join("+").replace(/Key/g, "").replace(/Digit/g, ""));
   }), legacy_pre_effect(() => $toasts(), () => {
-    $toasts().length <= 1 && set(S2, false);
+    $toasts().length <= 1 && set(q2, false);
   }), legacy_pre_effect(() => $toasts(), () => {
     const e3 = $toasts().filter((e4) => e4.dismiss && !e4.delete);
     if (e3.length > 0) {
@@ -2937,17 +2937,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(T2, 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(T2, c2)
       ) : (
         // it's not dark
-        set(q2, u2)
+        set(T2, u2)
       ));
       const e3 = window.matchMedia("(prefers-color-scheme: dark)"), changeHandler = ({ matches: e4 }) => {
-        set(q2, e4 ? c2 : u2);
+        set(T2, e4 ? c2 : u2);
       };
       "addEventListener" in e3 ? e3.addEventListener("change", changeHandler) : (
         // @ts-expect-error deprecated API
@@ -2994,7 +2994,7 @@ function Toaster(e2, t2) {
             return y2();
           },
           get interacting() {
-            return get$1(T2);
+            return get$1(S2);
           },
           get position() {
             return get$1(s4);
@@ -3003,7 +3003,7 @@ function Toaster(e2, t2) {
             return h2();
           },
           get expanded() {
-            return get$1(S2);
+            return get$1(q2);
           },
           get actionButtonStyle() {
             return get$1(a4);
@@ -3078,7 +3078,7 @@ function Toaster(e2, t2) {
           tabIndex: -1,
           class: n2.class,
           "data-sonner-toaster": true,
-          "data-theme": get$1(q2),
+          "data-theme": get$1(T2),
           "data-rich-colors": g2(),
           dir: e5,
           "data-y-position": t3,
@@ -3086,9 +3086,9 @@ function Toaster(e2, t2) {
           style: n2.style,
           ...o2
         }, "svelte-1fo5d1m"), set_style(c3, "--front-toast-height", `${(_a = store_get(C2, "$heights", i2)[0]) == null ? void 0 : _a.height}px`), set_style(c3, "--offset", "number" == typeof w2() ? `${w2()}px` : w2() || "32px"), set_style(c3, "--width", "356px"), set_style(c3, "--gap", "14px"), c3.dir = c3.dir;
-      }, [() => "auto" === x2() ? getDocumentDirection() : x2(), () => get$1(s4).split("-")[0], () => get$1(s4).split("-")[1]], derived_safe_equal), event("blur", c3, handleBlur), event("focus", c3, handleFocus), event("mouseenter", c3, () => set(S2, true)), event("mousemove", c3, () => set(S2, true)), event("mouseleave", c3, () => {
-        get$1(T2) || set(S2, false);
-      }), event("pointerdown", c3, () => set(T2, true)), event("pointerup", c3, () => set(T2, false)), append(e4, c3);
+      }, [() => "auto" === x2() ? getDocumentDirection() : x2(), () => get$1(s4).split("-")[0], () => get$1(s4).split("-")[1]], derived_safe_equal), event("blur", c3, handleBlur), event("focus", c3, handleFocus), event("mouseenter", c3, () => set(q2, true)), event("mousemove", c3, () => set(q2, true)), event("mouseleave", c3, () => {
+        get$1(S2) || set(q2, false);
+      }), event("pointerdown", c3, () => set(S2, true)), event("pointerup", c3, () => set(S2, false)), append(e4, c3);
     }), template_effect(() => set_attribute(s3, "aria-label", `${v2()} ${get$1(l2)}`)), append(e3, s3);
   };
   if_block(N2, (e3) => {
@@ -3096,48 +3096,54 @@ function Toaster(e2, t2) {
   }), append(e2, j2), pop(), s2();
 }
 const Ge = writable(false), He = writable("https://sdk.playlight.dev");
-function handleClick(e2, t2) {
+function handleClick(e2, t2, n2) {
   var _a;
-  (_a = t2.onClick) == null ? void 0 : _a.call(t2, t2.game.id), window.open("https://" + t2.game.domain, "_blank", "noopener");
+  get$1(t2) ? e2.preventDefault() : ((_a = n2.onClick) == null ? void 0 : _a.call(n2, n2.game.id), window.open("https://" + n2.game.domain, "_blank", "noopener"));
 }
-var Re = /* @__PURE__ */ template('<div><p class="uppercase font-bold">New</p></div>'), Ve = /* @__PURE__ */ template('<video playsinline="" loop preload="auto"></video>', 2), Ke = /* @__PURE__ */ template('<div id="overlay" 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-styo3v"><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-styo3v"></div></div>'), Ue = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" loading="eager"> <!> <img alt="game logo" loading="eager"></div>');
+function playGame(e2, t2) {
+  var _a;
+  e2.stopPropagation(), e2.preventDefault(), (_a = t2.onClick) == null ? void 0 : _a.call(t2, t2.game.id), window.open("https://" + t2.game.domain, "_blank", "noopener");
+}
+var Re = /* @__PURE__ */ template('<div><p class="text-primary font-bold uppercase">New</p></div>'), Ve = /* @__PURE__ */ template('<video playsinline="" loop preload="auto"></video>', 2), Ke = /* @__PURE__ */ template("<button>Play</button>"), Ue = /* @__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>'), Ze = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" loading="eager"> <!> <!> <img alt="game logo" loading="eager"></div>');
 function GameCard(e2, t2) {
   push(t2, true);
   const [n2, o2] = setup_stores();
-  let i2 = state(false), s2 = state(void 0), a2 = state(false), l2 = state(false), c2 = state(false), u2 = state(false);
+  let i2 = state(false), s2 = state(void 0), a2 = state(false), l2 = state(false), c2 = state(false), u2 = state(false), d2 = state(void 0);
   function handleMouseEnter() {
-    get$1(i2) || function playSound(e3, t3 = 1) {
+    get$1(i2) || get$1(u2) || 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(He, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), // Original hover logic
-    set(i2, true), get$1(s2) && t2.game.cover_video_url && (set(u2, true), // Flag that we're attempting to load the video
-    get$1(s2).play().catch((e3) => console.error("Video play error:", e3)));
+    }(store_get(He, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), set(i2, true), get$1(s2) && t2.game.cover_video_url && get$1(s2).play().catch((e3) => console.error("Video play error:", e3));
   }
   function handleMouseLeave() {
-    set(i2, false), // Only pause if it's already loaded and playing
-    get$1(s2) && get$1(a2) && get$1(s2).pause();
+    get$1(u2) || (set(i2, false), get$1(s2) && get$1(a2) && get$1(s2).pause());
   }
-  var d2 = Ue();
-  d2.__touchstart = handleMouseEnter, d2.__touchend = handleMouseLeave, d2.__click = [handleClick, t2];
-  var f2 = child(d2), consequent = (e3) => {
+  user_effect(() => {
+    set(u2, "ontouchstart" in window);
+  });
+  var f2 = Ze();
+  event("touchstart", S, () => set(u2, true), void 0, true), event("touchstart", T, function handleDocumentTouch(e3) {
+    get$1(d2) && !get$1(d2).contains(e3.target) && set(i2, false);
+  }, void 0, true), f2.__touchstart = handleMouseEnter, f2.__click = [handleClick, u2, t2];
+  var p2 = child(f2), consequent = (e3) => {
     var t3 = Re();
     let n3;
-    template_effect(() => n3 = set_class(t3, 1, "bg-foreground text-background absolute top-4 right-4 z-13 px-2 py-0.5 transition-opacity", null, n3, {
+    template_effect(() => n3 = set_class(t3, 1, "bg-background absolute top-4 right-4 z-13 px-2 py-0.5 transition-opacity", null, n3, {
       "opacity-0": get$1(i2)
     })), append(e3, t3);
   };
-  if_block(f2, (e3) => {
+  if_block(p2, (e3) => {
     var _a;
     (function isNewGame(e4) {
       const t3 = /* @__PURE__ */ new Date();
       return t3.setDate(t3.getDate() - 7), new Date(e4) > t3;
     })((_a = t2.game) == null ? void 0 : _a.created_at) && e3(consequent);
   });
-  var p2 = sibling(f2, 2), consequent_1 = (e3) => {
+  var _2 = sibling(p2, 2), consequent_1 = (e3) => {
     var n3 = Ve();
     let o3;
     n3.muted = true, bind_this(n3, (e4) => set(s2, e4), () => get$1(s2)), template_effect(() => {
@@ -3145,39 +3151,49 @@ function GameCard(e2, t2) {
         "opacity-100": get$1(i2) && get$1(a2) && t2.game.cover_video_url
       });
     }), event("loadeddata", n3, () => {
-      set(a2, true), set(u2, false);
+      set(a2, true);
     }), append(e3, n3);
   };
-  if_block(p2, (e3) => {
+  if_block(_2, (e3) => {
     t2.game.cover_video_url && e3(consequent_1);
   });
-  var _2 = sibling(p2, 2);
-  let v2;
-  var g2 = sibling(_2, 2), consequent_2 = (e3) => {
-    var n3 = Ke(), o3 = child(n3), i3 = child(o3), s3 = child(i3), a3 = child(sibling(i3, 2));
+  var v2 = sibling(_2, 2);
+  let g2;
+  var h2 = sibling(v2, 2), consequent_2 = (e3) => {
+    var n3 = Ke();
+    let o3;
+    n3.__click = [playGame, t2], template_effect(() => 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, {
+      "opacity-0": get$1(i2)
+    })), append(e3, n3);
+  };
+  if_block(h2, (e3) => {
+    get$1(u2) && e3(consequent_2);
+  });
+  var m2 = sibling(h2, 2), consequent_3 = (e3) => {
+    var n3 = Ue(), o3 = child(n3), i3 = child(o3), s3 = child(i3), a3 = child(sibling(i3, 2));
     template_effect(() => {
       set_text(s3, t2.game.name), set_text(a3, t2.game.description || "No description.");
     }), transition(3, n3, () => slide), append(e3, n3);
   };
-  if_block(g2, (e3) => {
-    get$1(i2) && e3(consequent_2);
+  if_block(m2, (e3) => {
+    get$1(i2) && e3(consequent_3);
   });
-  var h2 = sibling(g2, 2);
-  let m2;
-  template_effect(() => {
-    set_class(d2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] h-1/2 max-h-[75vh] min-h-92 cursor-pointer flex-col shadow-xl transition hover:outline-2 hover:brightness-105 lg:h-3/7 ${(get$1(l2) ? "" : "animate-pulse") ?? ""}`, "svelte-styo3v"), set_attribute(_2, "src", t2.game.cover_image_url), v2 = set_class(_2, 1, "absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-styo3v", null, v2, {
+  var b2 = sibling(m2, 2);
+  let y2;
+  bind_this(f2, (e3) => set(d2, e3), () => get$1(d2)), template_effect(() => {
+    set_class(f2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] h-1/2 max-h-[75vh] min-h-92 cursor-pointer flex-col shadow-xl transition hover:outline-2 hover:brightness-105 lg:h-3/7 ${(get$1(l2) ? "" : "animate-pulse") ?? ""}`, "svelte-rulnq9"), set_attribute(v2, "src", t2.game.cover_image_url), g2 = set_class(v2, 1, "prevent-image-select absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-rulnq9", null, g2, {
       "opacity-100": get$1(l2) && (!get$1(i2) || !get$1(a2) || !t2.game.cover_video_url)
-    }), set_attribute(h2, "src", t2.game.logo_url), m2 = set_class(h2, 1, "absolute right-0 -bottom-[18%] left-0 z-12 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 transition group-hover:outline-2 svelte-styo3v", null, m2, {
+    }), set_attribute(b2, "src", t2.game.logo_url), y2 = set_class(b2, 1, "absolute right-0 -bottom-[18%] left-0 z-12 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 transition group-hover:outline-2 prevent-image-select svelte-rulnq9", null, y2, {
       "opacity-100": get$1(c2)
     });
-  }), event("mouseenter", d2, handleMouseEnter), event("focus", d2, handleMouseEnter), event("mouseleave", d2, handleMouseLeave), event("blur", d2, handleMouseLeave), event("touchcancel", d2, handleMouseLeave), event("load", _2, () => {
+  }), event("mouseenter", f2, handleMouseEnter), event("focus", f2, handleMouseEnter), event("mouseleave", f2, handleMouseLeave), event("blur", f2, handleMouseLeave), event("load", v2, () => {
     set(l2, true);
-  }), event("load", h2, () => {
+  }), event("load", b2, () => {
     set(c2, true);
-  }), append(e2, d2), pop(), o2();
+  }), append(e2, f2), pop(), o2();
 }
-delegate(["touchstart", "touchend", "click"]);
-const Ze = new class PlayLightAPI {
+delegate(["touchstart", "click"]);
+const Ye = new class PlayLightAPI {
   constructor() {
     this.baseUrl = "https://api.playlight.dev/platform", this.cachedCategories = null, this.currentGame = null;
   }
@@ -3278,9 +3294,9 @@ function flip(e2, { from: t2, to: n2 }, o2 = {}) {
 }
 var on_click$1 = (e2, t2, n2) => {
   set(t2, ""), set(n2, !get$1(n2));
-}, Ye = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), Je = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, o2) => {
+}, Je = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), Xe = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, o2) => {
   t2(n2), set(o2, false);
-}, Xe = /* @__PURE__ */ template("<button> </button>"), Qe = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), et = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-24 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur"><div class="border-b p-3"><div class="relative"><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-1"><!></div> <input type="text" placeholder="Search categories..." class="w-full border-0 p-1 pl-10 text-white focus:ring-0 focus:outline-none"></div></div> <div class="max-h-60 overflow-y-auto"><!></div></div>'), tt = /* @__PURE__ */ template('<div class="flex w-full flex-col py-2"><h1 class="mb-0! py-2 text-center text-2xl font-bold text-white drop-shadow-xl lg:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-black transition hover:rotate-5"><span class="truncate max-w-[40vw] text-2xl font-bold text-black lg:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
+}, Qe = /* @__PURE__ */ template("<button> </button>"), et = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), tt = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-24 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur"><div class="border-b p-3"><div class="relative"><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-1"><!></div> <input type="text" placeholder="Search categories..." class="w-full border-0 p-1 pl-10 text-white focus:ring-0 focus:outline-none"></div></div> <div class="max-h-60 overflow-y-auto"><!></div></div>'), nt = /* @__PURE__ */ template('<div class="flex w-full flex-col py-2"><h1 class="mb-0! py-2 text-center text-2xl font-bold text-white drop-shadow-xl lg:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-black transition hover:rotate-5"><span class="truncate max-w-[40vw] text-2xl font-bold text-black lg:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
 function Navigation(e2, t2) {
   push(t2, true);
   let n2, o2 = prop(t2, "categories", 19, () => []), i2 = prop(t2, "selectedCategory", 15), s2 = state(false), a2 = /* @__PURE__ */ derived(() => i2() || (o2().length > 0 ? o2()[0] : "...")), l2 = state(""), c2 = state(void 0), u2 = /* @__PURE__ */ derived(() => get$1(l2) ? o2().filter((e3) => e3.toLowerCase().includes(get$1(l2).toLowerCase())) : o2());
@@ -3291,8 +3307,8 @@ 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 = tt();
-  event("click", q, function handleClickOutside(e3) {
+  var _2 = nt();
+  event("click", T, function handleClickOutside(e3) {
     get$1(c2) && !get$1(c2).contains(e3.target) && n2 && !n2.contains(e3.target) && set(s2, false);
   });
   var v2 = child(_2), g2 = child(v2), h2 = child(g2), m2 = sibling(g2, 2);
@@ -3323,7 +3339,7 @@ function Navigation(e2, t2) {
     }
   }), bind_this(m2, (e3) => n2 = e3, () => n2);
   var x2 = sibling(v2, 2), consequent_2 = (e3) => {
-    var t3 = et(), n3 = child(t3), a3 = child(n3), d3 = child(a3);
+    var t3 = tt(), 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({
@@ -3349,14 +3365,14 @@ function Navigation(e2, t2) {
       class: "text-muted-foreground"
     });
     var f3 = sibling(d3, 2), p3 = child(sibling(n3, 2)), consequent = (e4) => {
-      append(e4, Ye());
+      append(e4, Je());
     }, alternate_1 = (e4) => {
       var t4 = comment(), n4 = first_child(t4), consequent_1 = (e5) => {
-        append(e5, Je());
+        append(e5, Xe());
       }, alternate = (e5) => {
-        var t5 = Qe();
+        var t5 = et();
         each(t5, 28, () => get$1(u2), (e6) => e6, (e6, t6) => {
-          var n5 = Xe();
+          var n5 = Qe();
           n5.__click = [on_click_1$1, i2, t6, s2];
           var o3 = child(n5);
           template_effect(() => {
@@ -3466,58 +3482,65 @@ function Navigation(e2, t2) {
 delegate(["click"]);
 var on_click = (e2, t2) => {
   localStorage.getItem("playlight_exit_intent_disabled_by_user") ? localStorage.removeItem("playlight_exit_intent_disabled_by_user") : localStorage.setItem("playlight_exit_intent_disabled_by_user", true), set(t2, !get$1(t2));
-}, on_click_1 = (e2, t2) => store_set(Ge, false), nt = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), rt = /* @__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>'), ot = /* @__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>'), it = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md"><div class="ml-2 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank"><img alt="logo" class="w-50"></a> <div class="mt-4 mr-2 flex items-center justify-evenly gap-8 overflow-hidden md:mr-4"><button class="cursor-pointer truncate text-sm text-nowrap opacity-50 transition hover:opacity-25 max-md:hidden"><p class="bg-background/50 p-1 px-2 text-white"> </p></button> <button class="cursor-pointer text-white transition hover:opacity-50" aria-label="Close"><!></button></div></div> <div class="mx-auto p-2 px-5"><!></div> <div class="mask-fade no-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-12skmk8"><!></div> <div class="fixed right-0 bottom-0 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank" class="text-muted-foreground flex items-center gap-1 text-sm transition hover:text-white">Game Developer? Join Playlight <!></a></div></div>');
+}, rt = /* @__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 p-1 px-2 text-primary text-sm"> </p></button>'), on_click_1 = (e2, t2) => store_set(Ge, false), ot = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), it = /* @__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>'), st = /* @__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>'), at = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md"><div class="ml-2 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank"><img alt="logo" class="w-50"></a> <div class="mt-4 mr-2 flex items-center justify-evenly gap-8 overflow-hidden md:mr-4"><!> <button class="cursor-pointer text-white transition hover:opacity-50" aria-label="Close"><!></button></div></div> <div class="mx-auto p-2 px-5"><!></div> <div class="mask-fade no-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-12skmk8"><!></div> <div class="fixed right-0 bottom-0 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank" class="text-muted-foreground flex items-center gap-1 text-sm transition hover:text-white">Game Developer? Join Playlight <!></a></div></div>');
 function DiscoveryOverlay(e2, t2) {
   push(t2, true);
   const [n2, o2] = setup_stores();
-  let i2, s2 = state(void 0), a2 = state(true), l2 = state(false), c2 = state(void 0), u2 = state(proxy([])), d2 = state(proxy([])), f2 = state(true), p2 = state(1), _2 = state(true), v2 = state(void 0), g2 = state(false);
+  let i2, s2 = prop(t2, "showIntentToggle", 3, true), a2 = state(void 0), l2 = state(true), c2 = state(false), u2 = state(void 0), d2 = state(proxy([])), f2 = state(proxy([])), p2 = state(true), _2 = state(1), v2 = state(true), g2 = state(void 0), h2 = state(false);
   async function fetchGames() {
-    if (!(get$1(a2) && get$1(p2) > 1 || get$1(l2))) try {
-      1 === get$1(p2) ? set(a2, true) : set(l2, true);
-      const e3 = get$1(g2) ? null : get$1(s2), t3 = await Ze.getSuggestions(e3, get$1(p2), window.location.hostname), n3 = (t3 == null ? void 0 : t3.games) || [], o3 = n3.filter((e4) => !get$1(u2).some((t4) => t4.id === e4.id));
-      set(u2, proxy([...get$1(u2), ...o3])), n3.length < 10 ? !get$1(g2) && get$1(s2) ? (
+    if (!(get$1(l2) && get$1(_2) > 1 || get$1(c2))) try {
+      1 === get$1(_2) ? set(l2, true) : set(c2, true);
+      const e3 = get$1(h2) ? null : get$1(a2), t3 = await Ye.getSuggestions(e3, get$1(_2), window.location.hostname), n3 = (t3 == null ? void 0 : t3.games) || [], o3 = n3.filter((e4) => !get$1(d2).some((t4) => t4.id === e4.id));
+      set(d2, proxy([...get$1(d2), ...o3])), n3.length < 10 ? !get$1(h2) && get$1(a2) ? (
         // Try with all games
-        (set(g2, true), set(p2, 1), setTimeout(() => fetchGames(), 100))
-      ) : set(_2, false) : set(p2, get$1(p2) + 1);
+        (set(h2, true), set(_2, 1), setTimeout(() => fetchGames(), 100))
+      ) : set(v2, false) : set(_2, get$1(_2) + 1);
     } catch (e3) {
       console.error(e3), Oe.error("Failed to load games: " + e3);
     } finally {
-      set(a2, false), set(l2, false), // For Chrome: manually check if element is still in view and should trigger another load
-      get$1(_2) && get$1(v2) && setTimeout(() => {
-        const e3 = get$1(v2).getBoundingClientRect();
+      set(l2, false), set(c2, false), // For Chrome: manually check if element is still in view and should trigger another load
+      get$1(v2) && get$1(g2) && setTimeout(() => {
+        const e3 = get$1(g2).getBoundingClientRect();
         !(e3.top >= -200 && // Include rootMargin
         e3.left >= 0 && e3.bottom <= window.innerHeight + 200 && // Include rootMargin
-        e3.right <= window.innerWidth) || get$1(a2) || get$1(l2) || fetchGames();
+        e3.right <= window.innerWidth) || get$1(l2) || get$1(c2) || fetchGames();
       }, 150);
     }
   }
-  onMount(() => (set(f2, !Boolean(localStorage.getItem("playlight_exit_intent_disabled_by_user"))), // Setup scroll observer
+  onMount(() => (set(p2, !Boolean(localStorage.getItem("playlight_exit_intent_disabled_by_user"))), // Setup scroll observer
   i2 = new IntersectionObserver((e3) => {
-    e3[0].isIntersecting && get$1(_2) && !get$1(a2) && !get$1(l2) && fetchGames();
+    e3[0].isIntersecting && get$1(v2) && !get$1(l2) && !get$1(c2) && fetchGames();
   }, {
     rootMargin: "200px"
   }), () => i2 == null ? void 0 : i2.disconnect())), onMount(async () => {
-    const e3 = await Ze.getCurrentGameInfo();
-    set(c2, proxy(e3 == null ? void 0 : e3.category)), await async function fetchCategories() {
+    const e3 = await Ye.getCurrentGameInfo();
+    set(u2, proxy(e3 == null ? void 0 : e3.category)), await async function fetchCategories() {
       var _a, _b, _c, _d;
-      set(d2, proxy(await Ze.getCategories())), !get$1(s2) && ((_a = get$1(d2)) == null ? void 0 : _a.length) > 0 && set(s2, proxy(get$1(c2) && ((_b = get$1(d2)) == null ? void 0 : _b.includes(get$1(c2))) ? get$1(c2) : (_d = get$1(d2)) == null ? void 0 : _d[((_c = get$1(d2)) == null ? void 0 : _c.length) - 1]));
+      set(f2, proxy(await Ye.getCategories())), !get$1(a2) && ((_a = get$1(f2)) == null ? void 0 : _a.length) > 0 && set(a2, proxy(get$1(u2) && ((_b = get$1(f2)) == null ? void 0 : _b.includes(get$1(u2))) ? get$1(u2) : (_d = get$1(f2)) == null ? void 0 : _d[((_c = get$1(f2)) == null ? void 0 : _c.length) - 1]));
     }();
   }), user_effect(() => {
-    get$1(s2) && (set(u2, proxy([])), set(p2, 1), set(_2, true), set(g2, false), set(a2, true), // Delay fetch to prevent rapid requests
+    get$1(a2) && (set(d2, proxy([])), set(_2, 1), set(v2, true), set(h2, false), set(l2, true), // Delay fetch to prevent rapid requests
     setTimeout(async () => {
-      await fetchGames(), get$1(u2).length < 10 && await fetchGames();
+      await fetchGames(), get$1(d2).length < 10 && await fetchGames();
     }, 100));
   }), user_effect(() => {
-    get$1(v2) && i2 && i2.observe(get$1(v2));
+    get$1(g2) && i2 && i2.observe(get$1(g2));
   });
-  var h2 = it();
-  event("keydown", q, (e3) => {
+  var m2 = at();
+  event("keydown", T, (e3) => {
     "Escape" == e3.key && store_set(Ge, false);
   });
-  var m2 = child(h2), b2 = child(m2), y2 = child(b2), $2 = child(sibling(b2, 2));
-  $2.__click = [on_click, f2];
-  var w2 = child($2), x2 = child(w2), k2 = sibling($2, 2);
-  k2.__click = [on_click_1, () => store_get(Ge, "$discoveryOpen", n2)], function X(e3, t3) {
+  var b2 = child(m2), y2 = child(b2), $2 = child(y2), w2 = child(sibling(y2, 2)), consequent = (e3) => {
+    var t3 = rt();
+    t3.__click = [on_click, p2];
+    var n3 = child(t3), o3 = child(n3);
+    template_effect(() => set_text(o3, get$1(p2) ? "Ignore exit intent" : "Trigger on exit intent")), append(e3, t3);
+  };
+  if_block(w2, (e3) => {
+    s2() && e3(consequent);
+  });
+  var x2 = sibling(w2, 2);
+  x2.__click = [on_click_1, () => store_get(Ge, "$discoveryOpen", n2)], function X(e3, t3) {
     const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
     Icon$1(e3, spread_props({
       name: "x"
@@ -3535,42 +3558,42 @@ function DiscoveryOverlay(e2, t2) {
         default: true
       }
     }));
-  }(child(k2), {
+  }(child(x2), {
     size: 24
   });
-  var C2 = sibling(m2, 2);
-  Navigation(child(C2), {
+  var k2 = sibling(b2, 2);
+  Navigation(child(k2), {
     get categories() {
-      return get$1(d2);
+      return get$1(f2);
     },
     get selectedCategory() {
-      return get$1(s2);
+      return get$1(a2);
     },
     set selectedCategory(e3) {
-      set(s2, proxy(e3));
+      set(a2, proxy(e3));
     }
   });
-  var M2 = sibling(C2, 2), S2 = child(M2), consequent = (e3) => {
-    var t3 = nt();
+  var C2 = sibling(k2, 2), M2 = child(C2), consequent_1 = (e3) => {
+    var t3 = ot();
     Loader_circle(child(t3), {
       class: "animate-spin opacity-75",
       size: 50,
       strokeWidth: 2.5
     }), append(e3, t3);
   }, alternate_1 = (e3) => {
-    var t3 = comment(), n3 = first_child(t3), consequent_1 = (e4) => {
-      append(e4, rt());
+    var t3 = comment(), n3 = first_child(t3), consequent_2 = (e4) => {
+      append(e4, it());
     }, alternate = (e4) => {
-      var t4 = ot(), n4 = child(t4);
-      each(n4, 17, () => get$1(u2), index, (e5, t5) => {
+      var t4 = st(), n4 = child(t4);
+      each(n4, 17, () => get$1(d2), index, (e5, t5) => {
         GameCard(e5, {
           get game() {
             return get$1(t5);
           },
-          onClick: () => Ze.trackClick(get$1(t5).id)
+          onClick: () => Ye.trackClick(get$1(t5).id)
         });
       });
-      var o3 = sibling(n4, 2), i3 = child(o3), consequent_2 = (e5) => {
+      var o3 = sibling(n4, 2), i3 = child(o3), consequent_3 = (e5) => {
         Loader_circle(e5, {
           class: "animate-spin opacity-75",
           size: 30,
@@ -3578,17 +3601,17 @@ function DiscoveryOverlay(e2, t2) {
         });
       };
       if_block(i3, (e5) => {
-        get$1(l2) && e5(consequent_2);
-      }), bind_this(o3, (e5) => set(v2, e5), () => get$1(v2)), append(e4, t4);
+        get$1(c2) && e5(consequent_3);
+      }), bind_this(o3, (e5) => set(g2, e5), () => get$1(g2)), append(e4, t4);
     };
     if_block(n3, (e4) => {
-      0 !== get$1(u2).length || get$1(a2) ? e4(alternate, false) : e4(consequent_1);
+      0 !== get$1(d2).length || get$1(l2) ? e4(alternate, false) : e4(consequent_2);
     }, true), append(e3, t3);
   };
-  if_block(S2, (e3) => {
-    get$1(a2) && 0 === get$1(u2).length ? e3(consequent) : e3(alternate_1, false);
+  if_block(M2, (e3) => {
+    get$1(l2) && 0 === get$1(d2).length ? e3(consequent_1) : e3(alternate_1, false);
   });
-  var I2 = child(sibling(M2, 2));
+  var q2 = child(sibling(C2, 2));
   !function External_link(e3, t3) {
     const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
     Icon$1(e3, spread_props({
@@ -3609,28 +3632,26 @@ function DiscoveryOverlay(e2, t2) {
         default: true
       }
     }));
-  }(sibling(child(I2)), {
+  }(sibling(child(q2)), {
     size: 14,
     style: "margin-top: 1px;"
-  }), template_effect(() => {
-    set_attribute(y2, "src", store_get(He, "$projectUrl", n2) + "/static/images/logo-white-small.png"), set_text(x2, get$1(f2) ? "Ignore exit intent" : "Trigger on exit intent");
-  }), transition(3, h2, () => blur, () => ({
+  }), template_effect(() => set_attribute($2, "src", store_get(He, "$projectUrl", n2) + "/static/images/logo-white-small.png")), transition(3, m2, () => blur, () => ({
     duration: 250
-  })), append(e2, h2), pop(), o2();
+  })), append(e2, m2), pop(), o2();
 }
 delegate(["click"]);
-var st = /* @__PURE__ */ template('<div class="fixed top-0 left-0 right-0 h-2 z-99990"></div>');
+var lt = /* @__PURE__ */ template('<div class="fixed top-0 left-0 right-0 h-2 z-99990"></div>');
 delegate(["mouseover"]);
-var at = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
+var ct = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
 function App(e2, t2) {
   var _a, _b, _c, _d;
   push(t2, true);
   const [n2, o2] = setup_stores(), $discoveryOpen = () => store_get(Ge, "$discoveryOpen", n2);
   let i2 = proxy((_b = (_a = t2.config) == null ? void 0 : _a.button) == null ? void 0 : _b.position), s2 = proxy((_d = (_c = t2.config) == null ? void 0 : _c.button) == null ? void 0 : _d.visible);
   function openDiscovery() {
-    store_set(Ge, true), Ze.trackOpen();
+    store_set(Ge, true), Ye.trackOpen();
   }
-  var a2 = at(), l2 = first_child(a2);
+  var a2 = ct(), l2 = first_child(a2);
   FloatingButton(l2, {
     get position() {
       return i2;
@@ -3641,7 +3662,15 @@ function App(e2, t2) {
     onClick: openDiscovery
   });
   var c2 = sibling(l2, 2), consequent = (e3) => {
-    DiscoveryOverlay(e3, {});
+    const n3 = /* @__PURE__ */ derived(() => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = t2.config) == null ? void 0 : _a2.exitIntent) == null ? void 0 : _b2.enabled;
+    });
+    DiscoveryOverlay(e3, {
+      get showIntentToggle() {
+        return get$1(n3);
+      }
+    });
   };
   if_block(c2, (e3) => {
     $discoveryOpen() && e3(consequent);
@@ -3657,10 +3686,10 @@ function App(e2, t2) {
     onMount(() => {
       "undefined" != typeof window && (n3 = window.innerHeight);
     });
-    var s3 = st();
-    event("mouseleave", q, () => {
+    var s3 = lt();
+    event("mouseleave", T, () => {
       i3 = false;
-    }), event("mousemove", q, (e4) => {
+    }), event("mousemove", T, (e4) => {
       const t4 = e4.clientY;
       if (!i3) return i3 = true, void (n3 = t4);
       n3 = t4;
@@ -3679,7 +3708,7 @@ function App(e2, t2) {
     }
   }), Toaster(sibling(u2, 2), {}), append(e2, a2), pop(), o2();
 }
-const lt = {
+const ut = {
   button: {
     position: "bottom-right",
     visible: true
@@ -3688,11 +3717,11 @@ const lt = {
     enabled: true
   }
 };
-let ct = {
-  ...lt
+let dt = {
+  ...ut
 };
 function initializeConfig(e2 = {}) {
-  return ct = deepMerge(lt, e2), ct;
+  return dt = deepMerge(ut, e2), dt;
 }
 function deepMerge(e2, t2) {
   const n2 = {
@@ -3709,9 +3738,9 @@ function deepMerge(e2, t2) {
 function isObject(e2) {
   return e2 && "object" == typeof e2 && !Array.isArray(e2);
 }
-const ut = new class PlaylightSDK {
+const ft = new class PlaylightSDK {
   constructor() {
-    this.container = null, this.app = null, this.isInitialized = false, this.config = null, this.api = Ze;
+    this.container = null, this.app = null, this.isInitialized = false, this.config = null, this.api = Ye;
   }
   async init(e2 = {}) {
     if (!this.isInitialized) return "undefined" == typeof window ? console.error("Playlight cannot run on the server, as it depends browser APIs.") : (
@@ -3729,11 +3758,11 @@ const ut = new class PlaylightSDK {
   }
   // Public methods
   setDiscovery(e2) {
-    this.isInitialized && (Ge.set(e2), get(Ge) && Ze.trackOpen());
+    this.isInitialized && (Ge.set(e2), get(Ge) && Ye.trackOpen());
   }
 }();
-"undefined" != typeof window && (window.playlightSDK = ut);
+"undefined" != typeof window && (window.playlightSDK = ft);
 export {
-  ut as default
+  ft as default
 };
 //# sourceMappingURL=playlight-sdk.es.js.map