speakid-build-a-sentence 1.0.7 → 1.0.9

package/dist/Game.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 export interface GameProps {
     logoUrl?: string;
     showLogo?: boolean;

package/dist/Game.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Game.d.ts","sourceRoot":"","sources":["../src/Game.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA+C,MAAM,OAAO,CAAC;AA4CpE,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,GAAE,SAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAg+BrE"}
+{"version":3,"file":"Game.d.ts","sourceRoot":"","sources":["../src/Game.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6C/B,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,GAAE,SAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAg+BrE"}

package/dist/index.d.ts

@@ -1,11 +1,13 @@
-import Game from "./Game";
 import { ErrorBoundary } from "./components/ErrorBoundary";
 import { useValidation } from "./hooks/useValidation";
 import { createAriaLabel, handleKeyDown, announceToScreenReader } from "./utils/accessibility";
+import React from "react";
+import type { GameProps } from "./Game";
+declare function Game(props?: GameProps): React.FunctionComponentElement<{}>;
 export default Game;
-export { ErrorBoundary };
+export { Game, ErrorBoundary };
 export { useValidation };
 export { createAriaLabel, handleKeyDown, announceToScreenReader };
 export type { ValidationError, ValidationResult } from "./hooks/useValidation";
-export type { GameProps } from "./Game";
+export type { GameProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAG/F,eAAe,IAAI,CAAC;AAGpB,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC;AAGlE,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC/E,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,iBAAS,IAAI,CAAC,KAAK,GAAE,SAAc,sCAElC;AAGD,eAAe,IAAI,CAAC;AAGpB,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC;AAGlE,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC/E,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/speakid-build-a-sentence.es.js

@@ -1,4 +1,4 @@
-import rn, { useState as g, useCallback as Ee, useRef as Ie, useEffect as ue, useMemo as on, Component as sn } from "react";
+import Ae, { useState as g, useCallback as Ee, useRef as Ie, useEffect as ue, useMemo as on, Component as sn } from "react";
 var ve = { exports: {} }, pe = {};
 /**
  * @license React
@@ -13,7 +13,7 @@ var je;
 function an() {
   if (je) return pe;
   je = 1;
-  var p = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
+  var u = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
   function S(T, W, w) {
     var P = null;
     if (w !== void 0 && (P = "" + w), W.key !== void 0 && (P = "" + W.key), "key" in W) {
@@ -22,7 +22,7 @@ function an() {
         R !== "key" && (w[R] = W[R]);
     } else w = W;
     return W = w.ref, {
-      $$typeof: p,
+      $$typeof: u,
       type: T,
       key: P,
       ref: W !== void 0 ? W : null,
@@ -44,7 +44,7 @@ var fe = {};
 var Pe;
 function dn() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function p(e) {
+    function u(e) {
       if (e == null) return null;
       if (typeof e == "function")
         return e.$$typeof === V ? null : e.displayName || e.name || null;
@@ -77,11 +77,11 @@ function dn() {
             var a = e.render;
             return e = e.displayName, e || (e = a.displayName || a.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case z:
-            return a = e.displayName || null, a !== null ? a : p(e.type) || "Memo";
+            return a = e.displayName || null, a !== null ? a : u(e.type) || "Memo";
           case J:
             a = e._payload, e = e._init;
             try {
-              return p(e(a));
+              return u(e(a));
             } catch {
             }
         }
@@ -112,7 +112,7 @@ function dn() {
       if (typeof e == "object" && e !== null && e.$$typeof === J)
         return "<...>";
       try {
-        var a = p(e);
+        var a = u(e);
         return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
@@ -145,7 +145,7 @@ function dn() {
       });
     }
     function f() {
-      var e = p(this.type);
+      var e = u(this.type);
       return F[e] || (F[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
@@ -197,7 +197,7 @@ function dn() {
             );
         else I(x);
       if (de.call(a, "key")) {
-        x = p(e);
+        x = u(e);
         var O = Object.keys(a).filter(function(Se) {
           return Se !== "key";
         });
@@ -237,7 +237,7 @@ React keys must be passed directly to JSX without using spread:
     function H(e) {
       return typeof e == "object" && e !== null && e.$$typeof === oe;
     }
-    var B = rn, oe = Symbol.for("react.transitional.element"), ge = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), he = Symbol.for("react.consumer"), se = Symbol.for("react.context"), me = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), ae = Symbol.for("react.suspense_list"), z = Symbol.for("react.memo"), J = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), we = B.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, de = Object.prototype.hasOwnProperty, M = Array.isArray, A = console.createTask ? console.createTask : function() {
+    var B = Ae, oe = Symbol.for("react.transitional.element"), ge = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), he = Symbol.for("react.consumer"), se = Symbol.for("react.context"), me = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), ae = Symbol.for("react.suspense_list"), z = Symbol.for("react.memo"), J = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), we = B.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, de = Object.prototype.hasOwnProperty, M = Array.isArray, A = console.createTask ? console.createTask : function() {
       return null;
     };
     B = {
@@ -312,8 +312,8 @@ const cn = `
   }
 `;
 if (typeof document < "u" && !document.getElementById("magic-sentence-keyframes")) {
-  const p = document.createElement("style");
-  p.id = "magic-sentence-keyframes", p.innerHTML = cn, document.head.appendChild(p);
+  const u = document.createElement("style");
+  u.id = "magic-sentence-keyframes", u.innerHTML = cn, document.head.appendChild(u);
 }
 const Ce = {
   spin: {
@@ -453,7 +453,7 @@ const Ce = {
   // ===== Анимационные стили =====
   ...Ce
 }, un = () => {
-  const [p, l] = g([]), S = Ee((w, P, R) => {
+  const [u, l] = g([]), S = Ee((w, P, R) => {
     const f = [];
     w.trim() || f.push({
       type: "empty",
@@ -489,21 +489,21 @@ const Ce = {
     l([]);
   }, []);
   return {
-    errors: p,
+    errors: u,
     validateSentence: S,
     validateAllSentences: T,
     clearErrors: W
   };
-}, pn = (p, l, S) => l && S ? `${p} word "${l}" ${S}` : l ? `${p} word "${l}"` : p, fn = (p, l, S = ["Enter", " "]) => {
-  S.includes(p.key) && (p.preventDefault(), l());
-}, Y = (p) => {
+}, pn = (u, l, S) => l && S ? `${u} word "${l}" ${S}` : l ? `${u} word "${l}"` : u, fn = (u, l, S = ["Enter", " "]) => {
+  S.includes(u.key) && (u.preventDefault(), l());
+}, Y = (u) => {
   const l = document.createElement("div");
-  l.setAttribute("aria-live", "polite"), l.setAttribute("aria-atomic", "true"), l.style.position = "absolute", l.style.left = "-10000px", l.style.width = "1px", l.style.height = "1px", l.style.overflow = "hidden", document.body.appendChild(l), l.textContent = p, setTimeout(() => {
+  l.setAttribute("aria-live", "polite"), l.setAttribute("aria-atomic", "true"), l.style.position = "absolute", l.style.left = "-10000px", l.style.width = "1px", l.style.height = "1px", l.style.overflow = "hidden", document.body.appendChild(l), l.textContent = u, setTimeout(() => {
     document.body.removeChild(l);
   }, 1e3);
 }, gn = () => {
-  const p = document.createElement("style");
-  p.textContent = `
+  const u = document.createElement("style");
+  u.textContent = `
     #magic-sentence-root, #magic-sentence-root * {
       box-sizing: border-box;
       font-family: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
@@ -529,10 +529,10 @@ const Ce = {
       height: 100% !important;
       overflow: hidden !important;
     }
-  `, document.head.appendChild(p);
-}, hn = (p) => [...p].sort(() => Math.random() - 0.5);
-function wn(p = {}) {
-  const { logoUrl: l, showLogo: S = !0, baseURL: T } = p, W = Ie(null), { validateAllSentences: w, errors: P } = un(), R = () => r || window.innerWidth < 768, f = () => r || window.innerWidth < 768 || window.innerWidth >= 320 && window.innerWidth <= 932 && window.innerHeight >= 390 && window.innerHeight <= 932, D = (n = "medium") => {
+  `, document.head.appendChild(u);
+}, hn = (u) => [...u].sort(() => Math.random() - 0.5);
+function mn(u = {}) {
+  const { logoUrl: l, showLogo: S = !0, baseURL: T } = u, W = Ie(null), { validateAllSentences: w, errors: P } = un(), R = () => r || window.innerWidth < 768, f = () => r || window.innerWidth < 768 || window.innerWidth >= 320 && window.innerWidth <= 932 && window.innerHeight >= 390 && window.innerHeight <= 932, D = (n = "medium") => {
     if (!f())
       return {
         padding: "12px 24px",
@@ -565,17 +565,17 @@ function wn(p = {}) {
   }), []);
   const [y, I] = g("select"), [H, B] = g(null), [oe, ge] = g(null), [E, U] = g([]), [_, he] = g(0), [se, me] = g([]), [j, ae] = g([]), [z, J] = g(20), [$, V] = g(0), [we, de] = g(null), [M, A] = g(null), [c, F] = g(!1), [X, xe] = g(
     Number(localStorage.getItem("magicSentenceBest")) || 0
-  ), L = Ie(null), [e, a] = g({ list: null, index: null, side: null }), [r, b] = g(!1), [le, G] = g(1), [x, O] = g(null), [ce, Se] = g(!1), [q, Ae] = g(!1), [Z, De] = g(!1), [Q, _e] = g(!1), [K, Oe] = g(!1), [ee, ze] = g(!1), [ne, Me] = g(!1), [te, Le] = g(!1), [ie, Ne] = g(!1);
+  ), L = Ie(null), [e, a] = g({ list: null, index: null, side: null }), [r, b] = g(!1), [le, G] = g(1), [x, O] = g(null), [ce, Se] = g(!1), [q, De] = g(!1), [Z, _e] = g(!1), [Q, Oe] = g(!1), [K, ze] = g(!1), [ee, Me] = g(!1), [ne, Le] = g(!1), [te, Ne] = g(!1), [ie, Be] = g(!1);
   ue(() => {
     const n = () => {
-      const i = window.innerWidth, t = window.innerHeight, o = i < 768 || i === 926 && t === 428 || i === 932 && t === 430, d = t < 700, v = i === 768 && t === 1024, k = i === 1024 && t === 768, u = i === 820 && t === 1180, m = i === 1180 && t === 820, re = i === 540 && t === 720, C = i === 720 && t === 540, Re = i === 1024 && t === 1366, en = i === 1366 && t === 1024, nn = i >= 1200 && t >= 600 && !o;
-      if (Se(nn), Ae(v), De(k), _e(u), Oe(m), ze(re), Me(C), Le(Re), Ne(en), b(o), o)
+      const i = window.innerWidth, t = window.innerHeight, o = i < 768 || i === 926 && t === 428 || i === 932 && t === 430, d = t < 700, v = i === 768 && t === 1024, k = i === 1024 && t === 768, p = i === 820 && t === 1180, m = i === 1180 && t === 820, re = i === 540 && t === 720, C = i === 720 && t === 540, Re = i === 1024 && t === 1366, nn = i === 1366 && t === 1024, tn = i >= 1200 && t >= 600 && !o;
+      if (Se(tn), De(v), _e(k), Oe(p), ze(m), Me(re), Le(C), Ne(Re), Be(nn), b(o), o)
         O(null), G(1);
       else if (d)
         O(null), G(1);
       else {
-        const tn = Math.min(1e3, Math.min(i, t) * 0.9);
-        O(tn), G(1);
+        const rn = Math.min(1e3, Math.min(i, t) * 0.9);
+        O(rn), G(1);
       }
     };
     return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
@@ -583,11 +583,11 @@ function wn(p = {}) {
   const ye = (n, i, t, o) => {
     if (c) return;
     let d = [...se], v = [...j];
-    const k = n === "bank" ? d : v, u = i === "bank" ? d : v, m = k.findIndex((Re) => Re.id === t);
+    const k = n === "bank" ? d : v, p = i === "bank" ? d : v, m = k.findIndex((Re) => Re.id === t);
     if (m === -1) return;
     const [re] = k.splice(m, 1);
     let C = o;
-    n === i && C !== null && C !== void 0 && C > m && (C = C - 1), C == null || C < 0 || C > u.length ? u.push(re) : u.splice(C, 0, re), n === "bank" ? d = k : v = k, i === "bank" ? d = u : v = u, me(d), ae(v);
+    n === i && C !== null && C !== void 0 && C > m && (C = C - 1), C == null || C < 0 || C > p.length ? p.push(re) : p.splice(C, 0, re), n === "bank" ? d = k : v = k, i === "bank" ? d = p : v = p, me(d), ae(v);
   }, be = (n, i, t) => {
     if (n.preventDefault(), c) {
       a({ list: null, index: null, side: null });
@@ -596,8 +596,8 @@ function wn(p = {}) {
     const o = n.dataTransfer.getData("application/x-token") || (() => {
       const d = n.dataTransfer.getData("text/plain");
       if (!d) return "";
-      const v = se.some((m) => m.id === d), k = j.some((m) => m.id === d), u = v ? "bank" : k ? "selected" : null;
-      return u ? JSON.stringify({ from: u, id: d }) : "";
+      const v = se.some((m) => m.id === d), k = j.some((m) => m.id === d), p = v ? "bank" : k ? "selected" : null;
+      return p ? JSON.stringify({ from: p, id: d }) : "";
     })();
     if (o) {
       try {
@@ -608,19 +608,19 @@ function wn(p = {}) {
       }
       a({ list: null, index: null, side: null });
     }
-  }, Be = (n) => {
-    B(n), U(Array(n).fill("")), I("time");
   }, $e = (n) => {
+    B(n), U(Array(n).fill("")), I("time");
+  }, Fe = (n) => {
     ge(n), I("type");
-  }, Fe = (n, i) => {
+  }, Ge = (n, i) => {
     if (i.length > 41 || i && !/^[a-zA-Z0-9\s.,!?;:'"-]*$/.test(i))
       return;
     const o = [...E];
     o[n] = i, U(o);
     const d = w(o);
     d.isValid || console.warn("Validation errors:", d.errors);
-  }, Ge = (n) => n.trim().replace(/\s+/g, " "), Te = (n) => n <= 3 ? 20 : n <= 5 ? 18 : n <= 7 ? 16 : n <= 9 ? 14 : 12, Ye = () => {
-    E.some((i) => i.trim().length === 0) || (U((i) => i.map((t) => Ge(t))), V(0), he(0), de(null), I("getready"));
+  }, Ye = (n) => n.trim().replace(/\s+/g, " "), Te = (n) => n <= 3 ? 20 : n <= 5 ? 18 : n <= 7 ? 16 : n <= 9 ? 14 : 12, Ue = () => {
+    E.some((i) => i.trim().length === 0) || (U((i) => i.map((t) => Ye(t))), V(0), he(0), de(null), I("getready"));
   };
   ue(() => {
     if (y === "getready") {
@@ -645,21 +645,21 @@ function wn(p = {}) {
         L.current = window.setTimeout(() => J((n) => n - 1), 1e3);
       else {
         F(!0);
-        const i = E[_].trim().split(/\s+/), t = j.map((u) => u.text), o = i.filter((u) => !t.includes(u)).length, d = t.filter((u) => !i.includes(u)).length, v = i.filter((u, m) => u !== t[m]).length, k = o + d + v;
+        const i = E[_].trim().split(/\s+/), t = j.map((p) => p.text), o = i.filter((p) => !t.includes(p)).length, d = t.filter((p) => !i.includes(p)).length, v = i.filter((p, m) => p !== t[m]).length, k = o + d + v;
         k === 0 ? (A("correct"), N("correct"), Y("Correct! Well done!")) : k === 1 ? (A("almost"), N("half"), Y("Almost correct! Just one mistake.")) : (A("wrong"), N("wrong"), Y("Not quite right. Keep trying!"));
       }
     return () => {
       L.current !== null && window.clearTimeout(L.current);
     };
   }, [y, z, c, E, _, j]);
-  const Ue = (n = !0) => {
+  const Je = (n = !0) => {
     if (c && n) {
       _ + 1 < (H || 0) ? ke(_ + 1) : (I("results"), setTimeout(() => We(), 600));
       return;
     }
     if (n && !c) {
-      const t = E[_].trim().split(/\s+/), o = j.map((m) => m.text), d = t.filter((m) => !o.includes(m)).length, v = o.filter((m) => !t.includes(m)).length, k = t.filter((m, re) => m !== o[re]).length, u = d + v + k;
-      u === 0 && z > 0 ? (V((m) => m + 1), A("correct"), N("correct"), Y("Correct! Well done!")) : u === 1 ? (V((m) => m + 0.5), A("almost"), N("half"), Y("Almost correct! Just one mistake.")) : (A("wrong"), N("wrong"), Y("Not quite right. Keep trying!")), _ + 1 < (H || 0) ? setTimeout(() => ke(_ + 1), 800) : (I("results"), setTimeout(() => We(), 600));
+      const t = E[_].trim().split(/\s+/), o = j.map((m) => m.text), d = t.filter((m) => !o.includes(m)).length, v = o.filter((m) => !t.includes(m)).length, k = t.filter((m, re) => m !== o[re]).length, p = d + v + k;
+      p === 0 && z > 0 ? (V((m) => m + 1), A("correct"), N("correct"), Y("Correct! Well done!")) : p === 1 ? (V((m) => m + 0.5), A("almost"), N("half"), Y("Almost correct! Just one mistake.")) : (A("wrong"), N("wrong"), Y("Not quite right. Keep trying!")), _ + 1 < (H || 0) ? setTimeout(() => ke(_ + 1), 800) : (I("results"), setTimeout(() => We(), 600));
     }
   };
   ue(() => {
@@ -696,12 +696,12 @@ function wn(p = {}) {
       speed: 2 + Math.random() * 4,
       tilt: Math.random() * 2 * Math.PI
     })), k = () => {
-      d.clearRect(0, 0, o.width, o.height), v.forEach((u) => {
-        d.fillStyle = u.color, d.beginPath(), d.ellipse(u.x, u.y, u.size, u.size / 2, u.tilt, 0, 2 * Math.PI), d.fill(), u.y += u.speed, u.x += Math.sin(u.tilt);
+      d.clearRect(0, 0, o.width, o.height), v.forEach((p) => {
+        d.fillStyle = p.color, d.beginPath(), d.ellipse(p.x, p.y, p.size, p.size / 2, p.tilt, 0, 2 * Math.PI), d.fill(), p.y += p.speed, p.x += Math.sin(p.tilt);
       }), Date.now() < i ? requestAnimationFrame(k) : document.body.removeChild(o);
     };
     k();
-  }, Je = () => /* @__PURE__ */ s.jsxs("div", { style: h.gmCenterScreen, children: [
+  }, Ve = () => /* @__PURE__ */ s.jsxs("div", { style: h.gmCenterScreen, children: [
     /* @__PURE__ */ s.jsx("h1", { style: h.gmHeadline1, children: "MAGIC SENTENCE" }),
     /* @__PURE__ */ s.jsx("p", { style: h.gmBodyM, children: "Select number of rounds" }),
     /* @__PURE__ */ s.jsx("div", { style: {
@@ -711,7 +711,7 @@ function wn(p = {}) {
     }, children: [3, 4, 5].map((n) => /* @__PURE__ */ s.jsxs(
       "button",
       {
-        onClick: () => Be(n),
+        onClick: () => $e(n),
         style: {
           ...h.gmButton,
           ...D("medium")
@@ -723,7 +723,7 @@ function wn(p = {}) {
       },
       n
     )) })
-  ] }), Ve = () => /* @__PURE__ */ s.jsxs("div", { style: h.gmCenterScreen, children: [
+  ] }), Xe = () => /* @__PURE__ */ s.jsxs("div", { style: h.gmCenterScreen, children: [
     /* @__PURE__ */ s.jsx("h1", { style: h.gmHeadline1, children: "MAGIC SENTENCE" }),
     /* @__PURE__ */ s.jsx("p", { style: h.gmBodyM, children: "Select time per round" }),
     /* @__PURE__ */ s.jsx("div", { style: {
@@ -733,7 +733,7 @@ function wn(p = {}) {
     }, children: [15, 20, 30].map((n) => /* @__PURE__ */ s.jsxs(
       "button",
       {
-        onClick: () => $e(n),
+        onClick: () => Fe(n),
         style: {
           ...h.gmButton,
           ...D("medium")
@@ -745,7 +745,7 @@ function wn(p = {}) {
       },
       n
     )) })
-  ] }), Xe = () => /* @__PURE__ */ s.jsxs("div", { style: h.gmCenterScreen, children: [
+  ] }), qe = () => /* @__PURE__ */ s.jsxs("div", { style: h.gmCenterScreen, children: [
     /* @__PURE__ */ s.jsxs("h2", { style: { ...h.gmBodyM, marginBottom: "0px" }, children: [
       "Type down ",
       H,
@@ -769,7 +769,7 @@ function wn(p = {}) {
       {
         value: n,
         placeholder: `Sentence ${i + 1}`,
-        onChange: (t) => Fe(i, t.target.value),
+        onChange: (t) => Ge(i, t.target.value),
         style: {
           ...h.gmInput,
           padding: f() ? "8px 12px" : "12px 16px",
@@ -785,7 +785,7 @@ function wn(p = {}) {
     /* @__PURE__ */ s.jsx(
       "button",
       {
-        onClick: Ye,
+        onClick: Ue,
         disabled: E.some((n) => n.trim().length === 0),
         style: {
           ...h.gmButton,
@@ -797,7 +797,7 @@ function wn(p = {}) {
         children: "PLAY"
       }
     )
-  ] }), qe = () => /* @__PURE__ */ s.jsxs("div", { style: h.gmReadyWrapper, children: [
+  ] }), Ze = () => /* @__PURE__ */ s.jsxs("div", { style: h.gmReadyWrapper, children: [
     /* @__PURE__ */ s.jsx("h1", { style: {
       ...h.gmHeadline1,
       fontSize: f() ? "36px" : "72px",
@@ -806,7 +806,7 @@ function wn(p = {}) {
       animation: "pulse 1s ease-in-out infinite"
     }, children: "GET READY" }),
     /* @__PURE__ */ s.jsx("div", { style: h.gmHourglass, children: "⏳" })
-  ] }), Ze = () => /* @__PURE__ */ s.jsxs("div", { style: h.gmGameLayout, children: [
+  ] }), Qe = () => /* @__PURE__ */ s.jsxs("div", { style: h.gmGameLayout, children: [
     /* @__PURE__ */ s.jsxs("h2", { style: {
       marginBottom: f() ? "5px" : "10px",
       fontSize: f() ? "16px" : "20px"
@@ -993,7 +993,7 @@ function wn(p = {}) {
     /* @__PURE__ */ s.jsx(
       "button",
       {
-        onClick: () => Ue(!0),
+        onClick: () => Je(!0),
         disabled: !c && j.length === 0,
         style: {
           marginTop: f() ? "15px" : "30px",
@@ -1008,7 +1008,7 @@ function wn(p = {}) {
         children: "NEXT"
       }
     )
-  ] }), Qe = () => /* @__PURE__ */ s.jsxs("div", { style: h.gmCenterScreen, children: [
+  ] }), Ke = () => /* @__PURE__ */ s.jsxs("div", { style: h.gmCenterScreen, children: [
     /* @__PURE__ */ s.jsx("h1", { style: {
       ...h.gmHeadline1,
       marginTop: (r && 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 || q || Z || Q || K || ee || ne || te || ie, "0px"),
@@ -1070,7 +1070,7 @@ function wn(p = {}) {
         }
       )
     ] })
-  ] }), Ke = on(
+  ] }), en = on(
     () => {
       let n = l;
       return n || (T ? n = `${T.endsWith("/") ? T.slice(0, -1) : T}/logo.svg` : typeof window < "u" && window.origin && (n = `${window.origin}/browser/speakid/games/magic%20sentence/logo.svg`)), /* @__PURE__ */ s.jsx("div", { style: {
@@ -1135,13 +1135,13 @@ function wn(p = {}) {
                 alignItems: "center"
               },
               children: /* @__PURE__ */ s.jsxs("div", { id: "magic-sentence-root", children: [
-                !r && Ke,
-                y === "select" && Je(),
-                y === "time" && Ve(),
-                y === "type" && Xe(),
-                y === "getready" && qe(),
-                y === "play" && Ze(),
-                y === "results" && Qe()
+                !r && en,
+                y === "select" && Ve(),
+                y === "time" && Xe(),
+                y === "type" && qe(),
+                y === "getready" && Ze(),
+                y === "play" && Qe(),
+                y === "results" && Ke()
               ] })
             }
           )
@@ -1220,11 +1220,15 @@ class xn extends sn {
     ] }) : this.props.children;
   }
 }
+function yn(u = {}) {
+  return Ae.createElement(mn, u);
+}
 export {
   xn as ErrorBoundary,
+  yn as Game,
   Y as announceToScreenReader,
   pn as createAriaLabel,
-  wn as default,
+  yn as default,
   fn as handleKeyDown,
   un as useValidation
 };