@mblinkov/whats-missing 20.0.49 → 20.0.50

package/dist/whats-missing.es.js

@@ -1,9 +1,9 @@
-import { jsx as d, jsxs as p, Fragment as Pn } from "react/jsx-runtime";
-import { useRef as V, useEffect as rn, useState as h, useMemo as Xn } from "react";
-const ni = window.origin + "/cloud/speakid/games/whatsmissing/", hn = (o, y) => o.map(([s, g]) => ({
-  src: `${ni}${y}/${g.replace(/\s/g, "%20")}.png`,
+import { jsx as d, jsxs as p, Fragment as kn } from "react/jsx-runtime";
+import { useRef as Z, useEffect as hn, useState as h, useMemo as ii } from "react";
+const ei = window.origin + "/cloud/speakid/games/whatsmissing/", gn = (o, y) => o.map(([s, g]) => ({
+  src: `${ei}${y}/${g.replace(/\s/g, "%20")}.png`,
   name: g
-})), ii = [
+})), ti = [
   ["apple", "apple"],
   ["banana", "banana"],
   ["bread", "bread"],
@@ -29,7 +29,7 @@ const ni = window.origin + "/cloud/speakid/games/whatsmissing/", hn = (o, y) =>
   ["strawberry", "strawberry"],
   ["tomato", "tomato"],
   ["watermelon", "watermelon"]
-], ei = [
+], wi = [
   ["bear", "bear"],
   ["cat", "cat"],
   ["crocodile", "crocodile"],
@@ -49,7 +49,7 @@ const ni = window.origin + "/cloud/speakid/games/whatsmissing/", hn = (o, y) =>
   ["tortoise", "tortoise"],
   ["wolf", "wolf"],
   ["zebra", "zebra"]
-], ti = [
+], di = [
   ["ball", "ball"],
   ["balloon", "balloon"],
   ["blocks", "blocks"],
@@ -70,10 +70,10 @@ const ni = window.origin + "/cloud/speakid/games/whatsmissing/", hn = (o, y) =>
   ["yo-yo", "yo-yo"],
   ["crayons", "crayons"]
 ], _ = {
-  food: hn(ii, "food"),
-  animals: hn(ei, "animals"),
-  toys: hn(ti, "toys")
-}, wi = `
+  food: gn(ti, "food"),
+  animals: gn(wi, "animals"),
+  toys: gn(di, "toys")
+}, oi = `
   @keyframes spin {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
@@ -81,9 +81,9 @@ const ni = window.origin + "/cloud/speakid/games/whatsmissing/", hn = (o, y) =>
 `;
 if (typeof document < "u" && !document.getElementById("spin-keyframes")) {
   const o = document.createElement("style");
-  o.id = "spin-keyframes", o.innerHTML = wi, document.head.appendChild(o);
+  o.id = "spin-keyframes", o.innerHTML = oi, document.head.appendChild(o);
 }
-const di = {
+const ri = {
   animation: "spin 1.4s linear infinite"
 }, w = {
   gmCenterScreen: {
@@ -218,9 +218,9 @@ const di = {
   },
   gmHourglass: {
     fontSize: "42px",
-    ...di
+    ...ri
   }
-}, oi = () => {
+}, hi = () => {
   const o = document.createElement("style");
   o.id = "whats-missing-reset", o.textContent = `
     #whats-missing-root, #whats-missing-root * {
@@ -251,7 +251,7 @@ const di = {
   `;
   const y = document.getElementById("whats-missing-reset");
   y && y.remove(), document.head.appendChild(o);
-}, ri = (o, y) => {
+}, gi = (o, y) => {
   const s = Array.from({ length: o.length + 1 }, () => Array(y.length + 1).fill(0));
   for (let g = 0; g <= o.length; g++) s[g][0] = g;
   for (let g = 0; g <= y.length; g++) s[0][g] = g;
@@ -259,13 +259,13 @@ const di = {
     for (let a = 1; a <= y.length; a++)
       s[g][a] = o[g - 1] === y[a - 1] ? s[g - 1][a - 1] : Math.min(s[g - 1][a - 1], s[g][a - 1], s[g - 1][a]) + 1;
   return s[o.length][y.length];
-}, hi = (o) => new Promise((y) => {
+}, si = (o) => new Promise((y) => {
   const s = new Image();
   s.onload = () => y(s), s.onerror = () => y(s), s.src = o;
-}), gn = async (o, y) => {
+}), sn = async (o, y) => {
   const s = /* @__PURE__ */ new Map(), g = o.map(async (a) => {
-    const E = await hi(a);
-    s.set(a, E);
+    const j = await si(a);
+    s.set(a, j);
   });
   return await Promise.allSettled(g), s;
 };
@@ -274,109 +274,109 @@ function li({
   screenHeight: y,
   screenWidth: s
 }) {
-  const g = V(null);
-  rn(() => (oi(), () => {
+  const g = Z(null);
+  hn(() => (hi(), () => {
     document.documentElement.style.overflow = "", document.body.style.overflow = "";
     const i = document.getElementById("whats-missing-reset");
     i && i.remove(), v.current && v.current.abort();
   }), []);
-  const [a, E] = h(null), [L, sn] = h([]), [j, kn] = h(4), [R, an] = h(!1), [D, pn] = h(1), [k, zn] = h(null), [S, G] = h("ready"), [ln, xn] = h(10), [q, K] = h(10), [O, cn] = h(20), [Tn, Z] = h(0), [F, J] = h(!1), [U, Hn] = h(""), [T, Q] = h(!1), [X, Wn] = h(!1), [mn, B] = h(null), [Mn, nn] = h([]), [Ln, fn] = h([]), [n, Rn] = h(!1), [Bn, Y] = h(1), [un, $] = h(null), [I, Cn] = h(!1), [l, An] = h(!1), [x, En] = h(!1), [c, jn] = h(!1), [H, Dn] = h(!1), [W, Gn] = h(!1), [m, Fn] = h(!1), [f, Un] = h(!1), [u, Yn] = h(!1), [en, $n] = h(!1), [gi, si] = h(!1), tn = V(/* @__PURE__ */ new Set()), N = V(/* @__PURE__ */ new Map()), v = V(null);
-  rn(() => {
+  const [a, j] = h(null), [R, an] = h([]), [D, zn] = h(4), [B, pn] = h(!1), [G, ln] = h(1), [z, Tn] = h(null), [S, F] = h("ready"), [xn, cn] = h(10), [q, K] = h(10), [O, Hn] = h(20), [Mn, J] = h(0), [U, Q] = h(!1), [Y, Wn] = h(""), [L, X] = h(!1), [nn, mn] = h(!1), [fn, C] = h(null), [Ln, en] = h([]), [Rn, un] = h([]), [n, Bn] = h(!1), [Cn, $] = h(1), [yn, N] = h(null), [I, An] = h(!1), [l, En] = h(!1), [x, jn] = h(!1), [c, Dn] = h(!1), [H, Gn] = h(!1), [W, Fn] = h(!1), [m, Un] = h(!1), [f, Yn] = h(!1), [u, $n] = h(!1), [tn, Nn] = h(!1), [P, Vn] = h(!1), wn = Z(/* @__PURE__ */ new Set()), V = Z(/* @__PURE__ */ new Map()), v = Z(null);
+  hn(() => {
     const i = () => {
-      const e = s ?? window.innerWidth, t = y ?? window.innerHeight, r = e < 768 || e === 926 && t === 428 || e === 932 && t === 430, b = t < 700, M = e / t > 1.8, C = e === 768 && t === 1024, dn = e === 1024 && t === 768, A = e === 820 && t === 1180, P = e === 1180 && t === 820, z = e === 540 && t === 720, In = e === 720 && t === 540, Sn = e === 1024 && t === 1366, vn = e === 1366 && t === 1024, On = e >= 1200 && t >= 600 && !r;
-      Cn(On), An(C), En(dn), jn(A), Dn(P), Gn(z), Fn(In), Un(Sn), Yn(vn);
-      const Zn = r && e > t || r || // ✅ ВСЕ мобильные устройства (включая portrait)
-      t < 700 || M || // ✅ Широкие экраны
-      e === 1366 && t === 766 || e === 1366 && t === 768 || e === 1280 && t === 720 || e === 1440 && t === 900 || C || dn || A || P || z || In || Sn || vn || I;
-      if ($n(Zn), Rn(r), r)
-        $(o && o >= 320 ? o : null), Y(1);
+      const e = s ?? window.innerWidth, t = y ?? window.innerHeight, r = e < 768 || e === 926 && t === 428 || e === 932 && t === 430, b = t < 700, T = e / t > 1.8, A = e === 768 && t === 1024, on = e === 1024 && t === 768, E = e === 820 && t === 1180, k = e === 1180 && t === 820, M = e === 540 && t === 720, Sn = e === 720 && t === 540, vn = e === 1024 && t === 1366, Pn = e === 1366 && t === 1024, Jn = e >= 1200 && t >= 600 && !r;
+      An(Jn), En(A), jn(on), Dn(E), Gn(k), Fn(M), Un(Sn), Yn(vn), $n(Pn), Vn(T);
+      const Qn = r && e > t || r || // ✅ ВСЕ мобильные устройства (включая portrait)
+      t < 700 || T || // ✅ Широкие экраны
+      e === 1366 && t === 766 || e === 1366 && t === 768 || e === 1280 && t === 720 || e === 1440 && t === 900 || A || on || E || k || M || Sn || vn || Pn || I;
+      if (Nn(Qn), Bn(r), r)
+        N(o && o >= 320 ? o : null), $(1);
       else if (b)
-        $(o && o >= 400 ? o : null), Y(1);
-      else if (M) {
-        const on = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
-        $(on), Y(0.85);
+        N(o && o >= 400 ? o : null), $(1);
+      else if (T) {
+        const rn = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
+        N(rn), $(0.85);
       } else {
-        const on = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
-        $(on), Y(1);
+        const rn = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
+        N(rn), $(1);
       }
     };
     return i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
   }, [s, y, o]);
-  const wn = (i) => [...i].sort(() => Math.random() - 0.5).slice(0, 6), Nn = (i) => {
+  const dn = (i) => [...i].sort(() => Math.random() - 0.5).slice(0, 6), Zn = (i) => {
     v.current && v.current.abort(), v.current = new AbortController();
     const t = _[i].map((r) => r.src);
-    gn(t, v.current.signal).then((r) => {
+    sn(t, v.current.signal).then((r) => {
       t.forEach((b) => {
-        tn.current.add(b), r.has(b) && N.current.set(b, r.get(b));
+        wn.current.add(b), r.has(b) && V.current.set(b, r.get(b));
       });
     }).catch(() => {
     });
-  }, yn = () => {
+  }, bn = () => {
     if (!a) return;
-    const i = wn(_[a]);
-    sn(i), an(!0), J(!1), pn(1), Z(0), nn([]), fn([]);
+    const i = dn(_[a]);
+    an(i), pn(!0), Q(!1), ln(1), J(0), en([]), un([]);
     const e = i.map((t) => t.src);
-    gn(e, v.current?.signal).then((t) => {
+    sn(e, v.current?.signal).then((t) => {
       e.forEach((r) => {
-        tn.current.add(r), t.has(r) && N.current.set(r, t.get(r));
+        wn.current.add(r), t.has(r) && V.current.set(r, t.get(r));
       });
     }).catch(() => {
-    }), bn(i, [], !0);
-  }, bn = (i = L, e = Ln, t = !1) => {
-    const r = wn(i.length ? i : _[a]);
-    let b = Math.floor(Math.random() * r.length), M = r[b].name, C = 0;
-    for (; e.includes(M) && C < 20; )
-      b = Math.floor(Math.random() * r.length), M = r[b].name, C++;
-    if (sn(r), zn(b), fn([...e, M]), Q(!1), Hn(""), cn(20), B(null), a && !t) {
-      const A = wn(_[a].filter((P) => !e.includes(P.name))).map((P) => P.src);
-      gn(A, v.current?.signal).then((P) => {
-        A.forEach((z) => {
-          tn.current.add(z), P.has(z) && N.current.set(z, P.get(z));
+    }), In(i, [], !0);
+  }, In = (i = R, e = Rn, t = !1) => {
+    const r = dn(i.length ? i : _[a]);
+    let b = Math.floor(Math.random() * r.length), T = r[b].name, A = 0;
+    for (; e.includes(T) && A < 20; )
+      b = Math.floor(Math.random() * r.length), T = r[b].name, A++;
+    if (an(r), Tn(b), un([...e, T]), X(!1), Wn(""), Hn(20), C(null), a && !t) {
+      const E = dn(_[a].filter((k) => !e.includes(k.name))).map((k) => k.src);
+      sn(E, v.current?.signal).then((k) => {
+        E.forEach((M) => {
+          wn.current.add(M), k.has(M) && V.current.set(M, k.get(M));
         });
       }).catch(() => {
       });
     }
-    t ? (G("ready"), xn(10), K(10)) : (G("memorize"), K(10));
+    t ? (F("ready"), cn(10), K(10)) : (F("memorize"), K(10));
   };
-  rn(() => {
-    if (!(!R || F || T)) {
+  hn(() => {
+    if (!(!B || U || L)) {
       if (S === "ready")
-        if (ln <= 0) G("memorize");
+        if (xn <= 0) F("memorize");
         else {
-          const i = setTimeout(() => xn((e) => e - 1), 1e3);
+          const i = setTimeout(() => cn((e) => e - 1), 1e3);
           return () => clearTimeout(i);
         }
       if (S === "memorize")
-        if (q <= 0) G("guess");
+        if (q <= 0) F("guess");
         else {
           const i = setTimeout(() => K((e) => e - 1), 1e3);
           return () => clearTimeout(i);
         }
       if (S === "guess") {
         if (O <= 0) {
-          Q(!0), B("wrong");
-          const e = L[k].name;
-          nn((t) => [
+          X(!0), C("wrong");
+          const e = R[z].name;
+          en((t) => [
             ...t,
-            { round: D, answer: U, correct: e, result: "wrong" }
+            { round: G, answer: Y, correct: e, result: "wrong" }
           ]);
           return;
         }
-        const i = setTimeout(() => cn((e) => e - 1), 1e3);
+        const i = setTimeout(() => Hn((e) => e - 1), 1e3);
         return () => clearTimeout(i);
       }
     }
-  }, [S, ln, q, O, R, F, T, L, k, D, U]);
-  const Vn = () => {
-    if (k === null || X) return;
-    const i = L[k].name, e = U.toLowerCase().trim();
+  }, [S, xn, q, O, B, U, L, R, z, G, Y]);
+  const _n = () => {
+    if (z === null || nn) return;
+    const i = R[z].name, e = Y.toLowerCase().trim();
     let t = "wrong";
-    e === i ? (Z((r) => r + 1), B("correct"), t = "correct") : ri(e, i) === 1 ? (Z((r) => r + 0.5), B("almost"), t = "almost") : (B("wrong"), t = "wrong"), nn((r) => [...r, { round: D, answer: e, correct: i, result: t }]), Wn(!0), setTimeout(() => {
-      Wn(!1), Q(!0);
+    e === i ? (J((r) => r + 1), C("correct"), t = "correct") : gi(e, i) === 1 ? (J((r) => r + 0.5), C("almost"), t = "almost") : (C("wrong"), t = "wrong"), en((r) => [...r, { round: G, answer: e, correct: i, result: t }]), mn(!0), setTimeout(() => {
+      mn(!1), X(!0);
     }, 600);
-  }, _n = () => D < j ? (pn((i) => i + 1), bn()) : J(!0), qn = () => {
-    v.current && v.current.abort(), an(!1), J(!1), E(null);
-  }, Kn = Xn(
+  }, qn = () => G < D ? (ln((i) => i + 1), In()) : Q(!0), Kn = () => {
+    v.current && v.current.abort(), pn(!1), Q(!1), j(null);
+  }, On = ii(
     () => n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? null : (
       // ensure logo is positioned inside the square container
       /* @__PURE__ */ d("div", { style: { ...w.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ p("picture", { children: [
@@ -423,8 +423,8 @@ function li({
         "div",
         {
           style: {
-            width: n ? "100%" : un || o || 1e3,
-            height: n ? "100%" : un || o || 1e3,
+            width: n ? "100%" : yn || o || 1e3,
+            height: n ? "100%" : yn || o || 1e3,
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
@@ -435,14 +435,14 @@ function li({
             margin: n ? "0 auto" : "unset",
             position: "relative",
             // needed so absolute logo is inside the square
-            transform: `scale(${Bn})`
+            transform: `scale(${Cn})`
             // ✅ Применяем масштаб для широких экранов
           },
           children: /* @__PURE__ */ d(
             "div",
             {
               style: {
-                transform: "none",
+                transform: "translateZ(0)",
                 width: "100%",
                 height: "100%",
                 display: "flex",
@@ -450,8 +450,8 @@ function li({
                 alignItems: "center"
               },
               children: /* @__PURE__ */ p("div", { id: "whats-missing-root", children: [
-                !n && Kn,
-                !a && !R && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
+                !n && On,
+                !a && !B && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
                   /* @__PURE__ */ d("h1", { style: w.gmHeadline1, children: "WHAT'S MISSING?" }),
                   /* @__PURE__ */ d("p", { style: w.gmBodyM, children: "Select a theme:" }),
                   /* @__PURE__ */ d("div", { style: { display: "flex", gap: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px" : "16px" }, children: ["animals", "food", "toys"].map((i) => /* @__PURE__ */ d("button", { style: {
@@ -460,7 +460,7 @@ function li({
                     fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "12px" : "16px",
                     minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "70px" : "auto"
                   }, onClick: () => {
-                    E(i), Nn(i);
+                    j(i), Zn(i);
                   }, children: i === "animals" ? "🐶 Animals" : i === "food" ? "🍎 Food" : "🧸 Toys" }, i)) }),
                   /* @__PURE__ */ p("div", { style: { marginTop: 24 }, children: [
                     /* @__PURE__ */ d("p", { style: w.gmBodyS, children: "Choose number of rounds:" }),
@@ -469,35 +469,35 @@ function li({
                       {
                         style: {
                           ...w.gmButton,
-                          ...j === i ? w.gmButtonActive : {},
+                          ...D === i ? w.gmButtonActive : {},
                           padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px 10px" : "12px 24px",
                           fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "12px" : "16px",
                           minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "40px" : "auto"
                         },
-                        onClick: () => kn(i),
+                        onClick: () => zn(i),
                         children: i
                       },
                       i
                     )) })
                   ] })
                 ] }),
-                a && !R && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
+                a && !B && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
                   /* @__PURE__ */ p("h1", { style: w.gmHeadline1, children: [
                     "Theme selected: ",
                     a
                   ] }),
                   /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
                     "Rounds: ",
-                    j
+                    D
                   ] }),
                   /* @__PURE__ */ d("button", { style: {
                     ...w.gmButton,
                     padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px 16px" : "12px 24px",
                     fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "14px" : "16px",
                     minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "120px" : "auto"
-                  }, onClick: yn, children: "▶ Start game" })
+                  }, onClick: bn, children: "▶ Start game" })
                 ] }),
-                F && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
+                U && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
                   /* @__PURE__ */ d("h1", { style: {
                     ...w.gmHeadline1,
                     marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || x || c || H || W || m || f || u ? "0px" : w.gmHeadline1.marginTop,
@@ -509,9 +509,9 @@ function li({
                     marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || x || c || H || W || m || f || u ? "2px" : w.gmHeadline3.marginBottom
                   }, children: [
                     "Your score: ",
-                    Tn,
+                    Mn,
                     " / ",
-                    j
+                    D
                   ] }),
                   /* @__PURE__ */ d("p", { style: {
                     ...w.gmBodyM,
@@ -530,7 +530,7 @@ function li({
                       /* @__PURE__ */ d("th", { children: "Correct" }),
                       /* @__PURE__ */ d("th", { children: "Result" })
                     ] }) }),
-                    /* @__PURE__ */ d("tbody", { children: Mn.map((i, e) => /* @__PURE__ */ p("tr", { children: [
+                    /* @__PURE__ */ d("tbody", { children: Ln.map((i, e) => /* @__PURE__ */ p("tr", { children: [
                       /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.round }),
                       /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.answer || "—" }),
                       /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.correct }),
@@ -547,29 +547,29 @@ function li({
                       padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px 10px" : "12px 24px",
                       fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "12px" : "16px",
                       minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "80px" : "auto"
-                    }, onClick: yn, children: "🔁 Play again" }),
+                    }, onClick: bn, children: "🔁 Play again" }),
                     /* @__PURE__ */ d("button", { style: {
                       ...w.gmButton,
                       padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px 10px" : "12px 24px",
                       fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "12px" : "16px",
                       minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "80px" : "auto"
-                    }, onClick: qn, children: "⬅️ Choose theme" })
+                    }, onClick: Kn, children: "⬅️ Choose theme" })
                   ] })
                 ] }),
-                R && !F && /* @__PURE__ */ p("div", { style: w.gmGameLayout, children: [
+                B && !U && /* @__PURE__ */ p("div", { style: w.gmGameLayout, children: [
                   /* @__PURE__ */ p(
                     "div",
                     {
                       style: {
-                        minHeight: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "45px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "60px" : "160px",
+                        minHeight: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "45px" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "50px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "60px" : "160px",
                         display: "flex",
                         flexDirection: "column",
                         justifyContent: "center",
                         alignItems: "center",
-                        paddingTop: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "15px" : "40px"
+                        paddingTop: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "15px" : "40px"
                       },
                       children: [
-                        S === "ready" && /* @__PURE__ */ p(Pn, { children: [
+                        S === "ready" && /* @__PURE__ */ p(kn, { children: [
                           /* @__PURE__ */ d("h1", { style: { ...w.gmHeadline1, color: "#ec4c44" }, children: "GET READY" }),
                           /* @__PURE__ */ d("div", { style: w.gmHourglass, children: "⏳" })
                         ] }),
@@ -578,7 +578,7 @@ function li({
                           q,
                           ")"
                         ] }),
-                        S === "guess" && !T && /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
+                        S === "guess" && !L && /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
                           "⏳ Time left: ",
                           O,
                           "s"
@@ -591,17 +591,19 @@ function li({
                     {
                       style: {
                         ...w.gmGrid,
-                        gridTemplateColumns: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "repeat(3, 1fr)" : n ? "repeat(2, 1fr)" : window.innerHeight < 700 ? "repeat(3, 1fr)" : "repeat(3, 210px)",
+                        ...P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? { width: "100%" } : {},
+                        // ✅ Широкие экраны: полная ширина грида
+                        gridTemplateColumns: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "repeat(3, 1fr)" : n ? "repeat(2, 1fr)" : window.innerHeight < 700 ? "repeat(3, 1fr)" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "repeat(3, 150px)" : "repeat(3, 210px)",
                         // desktop: 3 колонки фиксированного размера
-                        gridAutoRows: n && window.innerWidth > window.innerHeight ? "120px" : n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "100px" : n ? "150px" : window.innerHeight < 700 ? "140px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "240px" : "210px",
+                        gridAutoRows: n && window.innerWidth > window.innerHeight ? "120px" : n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "100px" : n ? "150px" : window.innerHeight < 700 ? "140px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "240px" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "150px" : "210px",
                         // desktop: стандартная высота
-                        gap: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "12px" : n || window.innerHeight < 700 ? "8px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "24px" : "20px",
+                        gap: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "12px" : n || window.innerHeight < 700 ? "8px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "24px" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "12px" : "20px",
                         justifyItems: "center",
                         maxWidth: n && window.innerWidth > window.innerHeight ? "90%" : n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "95%" : "100%",
-                        padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "8px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "20px" : "16px"
+                        padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "8px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "20px" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "10px" : "16px"
                       },
-                      children: L.map((i, e) => {
-                        const t = k === e && S === "guess" && !T;
+                      children: R.map((i, e) => {
+                        const t = z === e && S === "guess" && !L;
                         return /* @__PURE__ */ d(
                           "div",
                           {
@@ -613,17 +615,17 @@ function li({
                               boxShadow: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "0 1px 4px rgba(0,0,0,0.1)" : "0 4px 12px rgba(0,0,0,0.15)",
                               transition: "all 0.3s ease",
                               cursor: "pointer",
-                              ...mn === "correct" && k === e ? {
+                              ...fn === "correct" && z === e ? {
                                 boxShadow: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "0 0 15px #10b981" : "0 0 20px #10b981",
                                 transform: "scale(1.03)"
                               } : {},
-                              ...mn === "wrong" && k === e ? {
+                              ...fn === "wrong" && z === e ? {
                                 boxShadow: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "0 0 15px #ef4444" : "0 0 20px #ef4444",
                                 transform: "scale(1.03)"
                               } : {}
                             },
                             children: !t && (() => {
-                              const r = N.current.get(i.src), b = r?.complete && r.src ? r.src : i.src;
+                              const r = V.current.get(i.src), b = r?.complete && r.src ? r.src : i.src;
                               return /* @__PURE__ */ d(
                                 "img",
                                 {
@@ -648,31 +650,31 @@ function li({
                     }
                   ),
                   /* @__PURE__ */ p("div", { style: {
-                    marginTop: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "1px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "4px" : "16px",
-                    height: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "40px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "50px" : "80px"
+                    marginTop: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "1px" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "4px" : "16px",
+                    height: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "40px" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "50px" : "80px"
                   }, children: [
-                    S === "guess" && !T && /* @__PURE__ */ d("div", { style: {
+                    S === "guess" && !L && /* @__PURE__ */ d("div", { style: {
                       display: "flex",
-                      flexDirection: en ? "row" : "column",
+                      flexDirection: tn ? "row" : "column",
                       gap: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "3px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "6px" : "12px",
                       alignItems: "center",
                       justifyContent: "center",
                       width: "100%",
                       maxWidth: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "270px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "400px" : "300px"
-                    }, children: /* @__PURE__ */ p(Pn, { children: [
+                    }, children: /* @__PURE__ */ p(kn, { children: [
                       /* @__PURE__ */ d(
                         "input",
                         {
                           type: "text",
                           placeholder: "Type the missing word",
-                          value: U,
-                          onChange: (i) => Hn(i.target.value),
+                          value: Y,
+                          onChange: (i) => Wn(i.target.value),
                           style: {
                             ...w.gmInput,
                             width: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "170px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "250px" : "auto",
                             padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "5px 6px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 12px" : "12px 16px",
                             fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 ? "10px" : window.innerWidth === 896 && window.innerHeight === 414 ? "11px" : window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
-                            flex: en ? "1" : "none"
+                            flex: tn ? "1" : "none"
                           }
                         }
                       ),
@@ -681,23 +683,23 @@ function li({
                         {
                           style: {
                             ...w.gmButton,
-                            marginLeft: en ? "8px" : "0",
+                            marginLeft: tn ? "8px" : "0",
                             padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "5px 8px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px 10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
                             fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "10px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "11px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
                             minWidth: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "45px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "55px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "80px" : "100px",
                             flexShrink: 0
                           },
-                          onClick: Vn,
-                          disabled: X,
-                          children: X ? "..." : "Check"
+                          onClick: _n,
+                          disabled: nn,
+                          children: nn ? "..." : "Check"
                         }
                       )
                     ] }) }),
-                    T && /* @__PURE__ */ d("button", { style: {
+                    L && /* @__PURE__ */ d("button", { style: {
                       ...w.gmButton,
                       padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "5px 8px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px 10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
                       fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "10px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "11px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px"
-                    }, onClick: _n, children: "Next round" })
+                    }, onClick: qn, children: "Next round" })
                   ] })
                 ] })
               ] })

package/package.json

@@ -1,9 +1,29 @@
 {
  "name": "@mblinkov/whats-missing",
- "version": "20.0.49",
- "main": "dist/whats-missing.umd.js",
+ "version": "20.0.50",
+ "description": "A memory game component for React - Guess what's missing from a collection of images",
+ "main": "dist/whats-missing.cjs.js",
  "module": "dist/whats-missing.es.js",
  "types": "dist/index.d.ts",
+ "files": [
+  "dist",
+  "README.md",
+  "CHANGELOG.md"
+ ],
+ "keywords": [
+  "react",
+  "react-component",
+  "memory-game",
+  "whats-missing",
+  "game",
+  "typescript"
+ ],
+ "author": "Mihail Blinkov",
+ "license": "MIT",
+ "repository": {
+  "type": "git",
+  "url": "https://github.com/mblinkov/whats-missing"
+ },
  "peerDependencies": {
   "react": "^18.3.1",
   "react-dom": "^18.3.1"
@@ -18,6 +38,7 @@
   "@types/react": "^19.2.2",
   "@types/react-dom": "^19.2.1",
   "@vitejs/plugin-react": "^5.0.4",
-  "typescript": "^5.9.3"
+  "typescript": "^5.9.3",
+  "vite-plugin-dts": "^4.5.4"
  }
 }