playlight-sdk 0.2.9 → 0.2.10

package/dist/playlight-sdk.es.js

@@ -278,7 +278,7 @@ function mark_reactions(e2, t2) {
     )));
   }
 }
-var P, W, z, j, D;
+var P, z, W, j, D;
 function create_text(e2 = "") {
   return document.createTextNode(e2);
 }
@@ -1108,7 +1108,7 @@ function template(e2, t2) {
     /* @__PURE__ */ get_first_child(n2)));
     var t3 = (
       /** @type {TemplateNode} */
-      i2 || z ? document.importNode(n2, true) : n2.cloneNode(true)
+      i2 || W ? document.importNode(n2, true) : n2.cloneNode(true)
     );
     s2 ? assign_nodes(
       /** @type {TemplateNode} */
@@ -1172,7 +1172,7 @@ function mount(e2, t2) {
     */
     function init_operations() {
       if (void 0 === P) {
-        P = window, W = document, z = /Firefox/.test(navigator.userAgent);
+        P = window, z = document, W = /Firefox/.test(navigator.userAgent);
         var e4 = Element.prototype, t4 = Node.prototype, n3 = Text.prototype;
         j = o(t4, "firstChild").get, // @ts-ignore
         D = o(t4, "nextSibling").get, d(e4) && // the following assignments improve perf of lookups on DOM nodes
@@ -2455,17 +2455,17 @@ function FloatingButton(e2, t2) {
 }
 delegate(["click"]);
 const Ie = writable(false), Oe = writable(false), qe = writable("https://sdk.playlight.dev");
-var Pe = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>'), We = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>'), ze = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>'), je = /* @__PURE__ */ ns_template('<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>');
+var Pe = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>'), ze = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>'), We = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>'), je = /* @__PURE__ */ ns_template('<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>');
 function Icon(e2, t2) {
   let n2 = prop(t2, "type", 8, "success");
   var s2 = comment(), i2 = first_child(s2), consequent = (e3) => {
     append(e3, Pe());
   }, alternate = (e3, t3) => {
     var consequent_1 = (e4) => {
-      append(e4, We());
+      append(e4, ze());
     }, alternate_1 = (e4, t4) => {
       var consequent_2 = (e5) => {
-        append(e5, ze());
+        append(e5, We());
       }, alternate_2 = (e5, t5) => {
         var consequent_3 = (e6) => {
           append(e6, je());
@@ -2716,7 +2716,7 @@ function Toast(e2, t2) {
     info: "",
     loading: ""
   }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = Ae;
-  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), T2 = prop(t2, "position", 9), I2 = prop(t2, "visibleToasts", 9), O2 = prop(t2, "expandByDefault", 9), q2 = prop(t2, "closeButton", 9), P2 = prop(t2, "interacting", 9), W2 = prop(t2, "cancelButtonStyle", 9, ""), z2 = prop(t2, "actionButtonStyle", 9, ""), j2 = prop(t2, "duration", 9, 4e3), D2 = prop(t2, "descriptionClass", 9, ""), N2 = prop(t2, "classes", 29, () => ({})), B2 = prop(t2, "unstyled", 9, false), E2 = /* @__PURE__ */ mutable_source(false, true), A2 = /* @__PURE__ */ mutable_source(false, true), L2 = /* @__PURE__ */ mutable_source(false, true), G2 = /* @__PURE__ */ mutable_source(false, true), F2 = /* @__PURE__ */ mutable_source(0, true), H2 = /* @__PURE__ */ mutable_source(0, true), R2 = /* @__PURE__ */ mutable_source(void 0, true), U2 = /* @__PURE__ */ mutable_source(0, true), V2 = 0, K2 = 0, Y2 = null;
+  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), T2 = prop(t2, "position", 9), I2 = prop(t2, "visibleToasts", 9), O2 = prop(t2, "expandByDefault", 9), q2 = prop(t2, "closeButton", 9), P2 = prop(t2, "interacting", 9), z2 = prop(t2, "cancelButtonStyle", 9, ""), W2 = prop(t2, "actionButtonStyle", 9, ""), j2 = prop(t2, "duration", 9, 4e3), D2 = prop(t2, "descriptionClass", 9, ""), N2 = prop(t2, "classes", 29, () => ({})), B2 = prop(t2, "unstyled", 9, false), E2 = /* @__PURE__ */ mutable_source(false, true), A2 = /* @__PURE__ */ mutable_source(false, true), L2 = /* @__PURE__ */ mutable_source(false, true), G2 = /* @__PURE__ */ mutable_source(false, true), F2 = /* @__PURE__ */ mutable_source(0, true), H2 = /* @__PURE__ */ mutable_source(0, true), R2 = /* @__PURE__ */ mutable_source(void 0, true), U2 = /* @__PURE__ */ mutable_source(0, true), V2 = 0, K2 = 0, Y2 = null;
   function deleteToast() {
     set(A2, true), // Save the offset for the exit swipe animation
     set(F2, get$1(U2)), $2(k2().id), setTimeout(() => {
@@ -2947,7 +2947,7 @@ function Toast(e2, t2) {
     var l3 = sibling(i3, 2), consequent_13 = (e4) => {
       var t3 = Ve(), n4 = child(t3);
       template_effect((e5) => {
-        set_style(t3, W2()), set_class(t3, 1, e5), set_text(n4, k2().cancel.label);
+        set_style(t3, z2()), set_class(t3, 1, e5), set_text(n4, k2().cancel.label);
       }, [() => {
         var _a2, _b2, _c2;
         return clsx(cn((_a2 = N2()) == null ? void 0 : _a2.cancelButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.cancelButton));
@@ -2962,7 +2962,7 @@ function Toast(e2, t2) {
     var c3 = sibling(l3, 2), consequent_14 = (e4) => {
       var t3 = Ke(), n4 = child(t3);
       template_effect((e5) => {
-        set_style(t3, z2()), set_class(t3, 1, e5), set_text(n4, k2().action.label);
+        set_style(t3, W2()), set_class(t3, 1, e5), set_text(n4, k2().action.label);
       }, [() => {
         var _a2, _b2, _c2;
         return clsx(cn((_a2 = N2()) == null ? void 0 : _a2.actionButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.actionButton));
@@ -3027,21 +3027,21 @@ function Toaster(e2, t2) {
   const { toasts: k2, heights: C2, reset: S2 } = Ae;
   let M2 = /* @__PURE__ */ mutable_source(false), T2 = /* @__PURE__ */ mutable_source(false), I2 = /* @__PURE__ */ mutable_source(function getInitialTheme(e3) {
     return "system" !== e3 ? e3 : "undefined" != typeof window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? c2 : u2;
-  }(f2())), q2 = /* @__PURE__ */ mutable_source(), P2 = null, W2 = false;
+  }(f2())), q2 = /* @__PURE__ */ mutable_source(), P2 = null, z2 = false;
   function handleBlur(e3) {
-    W2 && !e3.currentTarget.contains(e3.relatedTarget) && (W2 = false, P2 && (P2.focus({
+    z2 && !e3.currentTarget.contains(e3.relatedTarget) && (z2 = false, P2 && (P2.focus({
       preventScroll: true
     }), P2 = null));
   }
   function handleFocus(e3) {
-    W2 || (W2 = true, P2 = e3.relatedTarget);
+    z2 || (z2 = true, P2 = e3.relatedTarget);
   }
   !function onDestroy(e3) {
     null === O && lifecycle_outside_component(), onMount(() => () => untrack(e3));
   }(() => {
     get$1(q2) && P2 && (P2.focus({
       preventScroll: true
-    }), P2 = null, W2 = false);
+    }), P2 = null, z2 = false);
   }), onMount(() => {
     S2();
     const handleKeydown = (e3) => {
@@ -3088,7 +3088,7 @@ function Toaster(e2, t2) {
       );
     }
   }), legacy_pre_effect_reset(), init();
-  var z2 = comment(), j2 = first_child(z2), consequent = (e3) => {
+  var W2 = comment(), j2 = first_child(W2), consequent = (e3) => {
     var o3 = Xe();
     set_attribute(o3, "tabindex", -1), each(o3, 5, () => get$1(a2), index, (e4, o4, a3, l3) => {
       var c3 = Je();
@@ -3232,7 +3232,7 @@ function Toaster(e2, t2) {
   };
   if_block(j2, (e3) => {
     $toasts().length > 0 && e3(consequent);
-  }), append(e2, z2), pop(), o2();
+  }), append(e2, W2), pop(), o2();
 }
 const Qe = new (_b = class {
   constructor() {
@@ -3328,7 +3328,7 @@ function GameBadge(e2, t2) {
 }
 var on_click$3 = (e2, t2, n2, s2, i2) => {
   !get$1(t2) || get$1(n2) ? (Qe.trackClick(i2.game.id), window.open("https://" + i2.game.domain + "?utm_source=playlight", "_blank", "noopener")) : s2();
-}, tt = /* @__PURE__ */ template('<video playsinline="" loop preload="auto"></video>', 2), nt = /* @__PURE__ */ template('<div class="bg-background/25 text-muted-foreground z-12 flex items-center justify-center gap-1 border-t p-1 px-2 text-sm"><!> <p class="text-muted-foreground text-sm">Tap again to open</p></div>'), rt = /* @__PURE__ */ template('<div class="bg-background/75 absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden text-white backdrop-blur-xl"><div class="h-full w-full overflow-y-auto p-3"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <!> <div></div></div>'), st = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" loading="eager"> <!> <img alt="game logo" loading="eager"></div>');
+}, tt = /* @__PURE__ */ template('<video playsinline="" loop fetchpriority="low"></video>', 2), nt = /* @__PURE__ */ template('<div class="bg-background/25 text-muted-foreground z-12 flex items-center justify-center gap-1 border-t p-1 px-2 text-sm"><!> <p class="text-muted-foreground text-sm">Tap again to open</p></div>'), rt = /* @__PURE__ */ template('<div class="bg-background/75 absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden text-white backdrop-blur-xl"><div class="h-full w-full overflow-y-auto p-3"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <!> <div></div></div>'), st = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" fetchpriority="high"> <!> <div class="prevent-image-select bg-background absolute right-0 -bottom-[18%] left-0 z-9 mx-auto aspect-square w-1/5 animate-pulse rounded-full shadow-xl svelte-o63m4o"></div> <img alt="game logo" fetchpriority="high"></div>');
 function GameCard(e2, t2) {
   push(t2, true);
   const [n2, s2] = setup_stores();
@@ -3347,9 +3347,9 @@ function GameCard(e2, t2) {
     get$1(c2) && get$1(u2) && get$1(c2).pause(), set(a2, false), clearTimeout(i2), set(l2, false);
   }
   var _2 = st();
-  event("touchstart", W, (e3) => {
+  event("touchstart", z, (e3) => {
     get$1(g2) && !get$1(g2).contains(e3.target) && handleUnhover();
-  }, void 0, true), event("pointerdown", W, (e3) => set(p2, "touch" === e3.pointerType)), event("pointermove", W, (e3) => set(p2, "touch" === e3.pointerType)), _2.__click = [on_click$3, p2, l2, handleHover, t2];
+  }, void 0, true), event("pointerdown", z, (e3) => set(p2, "touch" === e3.pointerType)), event("pointermove", z, (e3) => set(p2, "touch" === e3.pointerType)), _2.__click = [on_click$3, p2, l2, handleHover, t2];
   var v2 = child(_2), consequent = (e3) => {
     GameBadge(e3, {
       get isHovered() {
@@ -3434,10 +3434,10 @@ function GameCard(e2, t2) {
   if_block(y2, (e3) => {
     get$1(a2) && e3(consequent_4);
   });
-  var $2 = sibling(y2, 2);
+  var $2 = sibling(y2, 4);
   let w2;
   bind_this(_2, (e3) => set(g2, e3), () => get$1(g2)), template_effect((e3, n3) => {
-    set_class(_2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] h-1/2 max-h-[75vh] cursor-pointer flex-col shadow-xl transition hover:outline-2 lg:h-3/7 ${(get$1(d2) ? "" : "animate-pulse") ?? ""} ${(o2() ? "min-h-62" : "min-h-92") ?? ""}`, "svelte-o63m4o"), set_attribute(m2, "src", t2.game.cover_image_url), b2 = set_class(m2, 1, "prevent-image-select absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-o63m4o", null, b2, e3), set_attribute($2, "src", t2.game.logo_url), w2 = set_class($2, 1, "prevent-image-select absolute right-0 -bottom-[18%] left-0 z-10 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 shadow-xl transition group-hover:outline-2 svelte-o63m4o", null, w2, n3);
+    set_class(_2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] cursor-pointer flex-col shadow-xl transition hover:outline-2 ${(get$1(d2) ? "" : "animate-pulse") ?? ""} ${(o2() ? "h-62" : "h-92") ?? ""}`, "svelte-o63m4o"), set_attribute(m2, "src", t2.game.cover_image_url), b2 = set_class(m2, 1, "prevent-image-select absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-o63m4o", null, b2, e3), set_attribute($2, "src", t2.game.logo_url), w2 = set_class($2, 1, "prevent-image-select absolute right-0 -bottom-[18%] left-0 z-10 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 transition group-hover:outline-2 svelte-o63m4o", null, w2, n3);
   }, [() => ({
     "opacity-100": get$1(d2) && (!get$1(a2) || !get$1(u2) || !t2.game.cover_video_url)
   }), () => ({
@@ -3502,7 +3502,7 @@ function Navigation(e2, t2) {
     set(f2, d2[Math.floor(Math.random() * (d2 == null ? void 0 : d2.length))], true);
   });
   var p2 = ut();
-  event("click", W, (e3) => {
+  event("click", z, (e3) => {
     var _a2;
     !get$1(c2) || ((_a2 = get$1(c2)) == null ? void 0 : _a2.contains(e3.target)) || (n2 == null ? void 0 : n2.contains(e3.target)) || set(o2, false);
   });
@@ -3677,7 +3677,7 @@ function Navigation(e2, t2) {
   })), append(e2, p2), pop();
 }
 delegate(["click"]);
-var dt = /* @__PURE__ */ template('<div class="-mx-10 mt-5 flex h-1/2 max-h-[75vh] min-h-92 w-10 flex-col lg:h-3/7"><div class="flex h-full items-center justify-center"><div class="flex h-full w-full flex-col items-center justify-between py-6"><div class="bg-muted-foreground min-[1920px]:h-1/4 h-1/5 w-px"></div> <div class="text-muted-foreground origin-center -rotate-90 transform text-sm whitespace-nowrap select-none">From other categories</div> <div class="bg-muted-foreground h-1/5 w-px min-[1920px]:h-1/4"></div></div></div></div>');
+var dt = /* @__PURE__ */ template('<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 min-[1920px]:h-1/4 h-1/5 w-px"></div> <div class="text-muted-foreground origin-center -rotate-90 transform text-sm whitespace-nowrap select-none">From other categories</div> <div class="bg-muted-foreground h-1/5 w-px min-[1920px]:h-1/4"></div></div></div></div>');
 function restore(e2, t2, n2, s2, i2, o2) {
   set(t2, false), set(n2, true), set(s2, 250), set(i2, 0), o2(250, 0, 250, (e3, t3, n3) => {
     set(s2, e3 * (1 - n3)), set(i2, n3, true);
@@ -3789,7 +3789,7 @@ function closeDiscoveryOnEmptyClick(e2, t2) {
   e2.target === e2.currentTarget && store_set(Ie, false);
 }
 delegate(["mousedown", "mousemove", "mouseup", "touchstart", "touchmove", "touchend", "click"]);
-var on_click$1 = (e2, t2) => store_set(Ie, false), _t = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), vt = /* @__PURE__ */ template('<div class="pointer-events-none flex h-4/5 items-center justify-center gap-4"><p class="text-white">No games found that match the filter.</p></div>'), ht = /* @__PURE__ */ template("<!> <!>", 1), mt = /* @__PURE__ */ template('<div class="flex h-30 items-center"><!></div>'), bt = /* @__PURE__ */ template('<div class="mx-auto flex h-full flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="flex min-h-10 w-full justify-center"><!></div></div>'), yt = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md" id="playlight-discovery"><div class="pointer-events-none flex items-center justify-between p-4"><img alt="logo" class="pointer-events-none ml-3 w-50 max-sm:w-40"> <div class="mt-3.5 mr-4 flex items-center justify-evenly gap-8 overflow-hidden max-sm:mt-3"><button class="cursor-pointer text-white transition hover:opacity-50"><!></button></div></div> <div class="mx-auto px-6 max-sm:py-1 sm:pt-2 sm:pb-6"><!></div> <!>  <div class="mask-fade show-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-44gflq"><!></div> <a href="https://playlight.dev" target="_blank" class="text-muted-foreground fixed right-4 bottom-4 flex items-center gap-1 text-sm transition hover:text-white">Game dev? Join Playlight <!></a></div>');
+var on_click$1 = (e2, t2) => store_set(Ie, false), _t = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), vt = /* @__PURE__ */ template('<div class="pointer-events-none flex h-4/5 items-center justify-center gap-4"><p class="text-white">No games found that match the filter.</p></div>'), ht = /* @__PURE__ */ template("<!> <!>", 1), mt = /* @__PURE__ */ template('<div class="flex h-30 items-center"><!></div>'), bt = /* @__PURE__ */ template('<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>'), yt = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md" id="playlight-discovery"><div class="pointer-events-none flex items-center justify-between p-4"><img alt="logo" class="pointer-events-none ml-3 w-50 max-sm:w-40"> <div class="mt-3.5 mr-4 flex items-center justify-evenly gap-8 overflow-hidden max-sm:mt-3"><button class="cursor-pointer text-white transition hover:opacity-50"><!></button></div></div> <div class="mx-auto px-6 max-sm:py-1 sm:pt-2 sm:pb-6"><!></div> <!>  <div class="mask-fade show-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-44gflq"><!></div> <a href="https://playlight.dev" target="_blank" class="text-muted-foreground fixed right-4 bottom-4 flex items-center gap-1 text-sm transition hover:text-white">Game dev? Join Playlight <!></a></div>');
 function DiscoveryOverlay(e2, t2) {
   push(t2, true);
   const [n2, s2] = setup_stores(), $discoveryOpen = () => store_get(Ie, "$discoveryOpen", n2);
@@ -3823,7 +3823,7 @@ function DiscoveryOverlay(e2, t2) {
     await loadNewFeed();
   });
   var h2 = yt();
-  event("keydown", W, (e3) => {
+  event("keydown", z, (e3) => {
     "Escape" == e3.key && store_set(Ie, false);
   }), h2.__click = [closeDiscoveryOnEmptyClick, $discoveryOpen];
   var m2 = child(h2), b2 = child(m2), y2 = child(sibling(b2, 2));
@@ -4128,10 +4128,10 @@ function deepMerge(e2, t2) {
 function isObject(e2) {
   return e2 && "object" == typeof e2 && !Array.isArray(e2);
 }
-var qt = /* @__PURE__ */ template('<div class="flex h-62 w-full items-center justify-center"><!></div>'), Pt = /* @__PURE__ */ template('<div class="snap-center px-2"><!></div>'), Wt = /* @__PURE__ */ template('<!> <div class="bg-background/85 my-auto mr-3 mb-30 ml-2 flex min-w-40 snap-center flex-wrap items-center justify-center gap-4 p-4 pb-6 shadow-lg backdrop-blur-xl"><p class="w-full text-center text-lg font-semibold text-white">Fancy more?</p> <!></div>', 1), on_click = (e2, t2, n2) => get$1(t2).scrollBy({
+var qt = /* @__PURE__ */ template('<div class="flex h-62 w-full items-center justify-center"><!></div>'), Pt = /* @__PURE__ */ template('<div class="snap-center px-2"><!></div>'), zt = /* @__PURE__ */ template('<!> <div class="bg-background/85 my-auto mr-3 mb-30 ml-2 flex min-w-40 snap-center flex-wrap items-center justify-center gap-4 p-4 pb-6 shadow-lg backdrop-blur-xl"><p class="w-full text-center text-lg font-semibold text-white">Fancy more?</p> <!></div>', 1), on_click = (e2, t2, n2) => get$1(t2).scrollBy({
   left: 2 * -get$1(n2),
   behavior: "smooth"
-}), zt = /* @__PURE__ */ template('<button class="bg-background/85 absolute top-4/9 left-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), on_click_1 = (e2, t2, n2) => get$1(t2).scrollBy({
+}), Wt = /* @__PURE__ */ template('<button class="bg-background/85 absolute top-4/9 left-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), on_click_1 = (e2, t2, n2) => get$1(t2).scrollBy({
   left: 2 * get$1(n2),
   behavior: "smooth"
 }), jt = /* @__PURE__ */ template('<button class="bg-background/85 absolute top-4/9 right-2 z-20 -translate-y-1/2 transform border p-1 py-4 text-white shadow-lg backdrop-blur-xl transition hover:bg-white hover:text-black max-sm:hidden"><!></button>'), Dt = /* @__PURE__ */ template("<!> <!>", 1), Nt = /* @__PURE__ */ template('<div class="playlight-sdk-container"><div class="relative flex h-full w-full snap-x gap-2 overflow-x-auto"><!></div> <!></div>');
@@ -4182,7 +4182,7 @@ function WidgetCarousel(e2, t2) {
       strokeWidth: 2.5
     }), append(e3, t3);
   }, alternate = (e3) => {
-    var t3 = Wt(), n3 = first_child(t3);
+    var t3 = zt(), n3 = first_child(t3);
     each(n3, 17, () => get$1(o2), index, (e4, t4) => {
       var n4 = Pt();
       GameCard(child(n4), {
@@ -4213,7 +4213,7 @@ function WidgetCarousel(e2, t2) {
   }), bind_this(g2, (e3) => set(l2, e3), () => get$1(l2));
   var v2 = sibling(g2, 2), consequent_3 = (e3) => {
     var t3 = Dt(), n3 = first_child(t3), consequent_1 = (e4) => {
-      var t4 = zt();
+      var t4 = Wt();
       t4.__click = [on_click, l2, c2], function Chevron_left(e5, t5) {
         const n4 = legacy_rest_props(t5, ["children", "$$slots", "$$events", "$$legacy"]);
         Icon$1(e5, spread_props({