@doodle-engine/react 0.0.7 → 0.0.8

package/dist/react.js

@@ -1,6 +1,6 @@
 import { Engine as ie } from "@doodle-engine/core";
 import { VERSION as De } from "@doodle-engine/core";
-import ue, { createContext as de, useState as C, useCallback as N, useContext as me, useRef as q, useEffect as D } from "react";
+import ue, { createContext as de, useState as C, useEffect as L, useCallback as N, useContext as me, useRef as q } from "react";
 var Z = { exports: {} }, z = {};
 /**
  * @license React
@@ -11,11 +11,11 @@ var Z = { exports: {} }, z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ne;
+var te;
 function he() {
-  if (ne) return z;
-  ne = 1;
-  var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  if (te) return z;
+  te = 1;
+  var n = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
   function r(a, l, o) {
     var m = null;
     if (o !== void 0 && (m = "" + o), l.key !== void 0 && (m = "" + l.key), "key" in l) {
@@ -24,7 +24,7 @@ function he() {
         h !== "key" && (o[h] = l[h]);
     } else o = l;
     return l = o.ref, {
-      $$typeof: t,
+      $$typeof: n,
       type: a,
       key: m,
       ref: l !== void 0 ? l : null,
@@ -43,15 +43,15 @@ var B = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var te;
+var ne;
 function ve() {
-  return te || (te = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === y ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
+  return ne || (ne = 1, process.env.NODE_ENV !== "production" && (function() {
+    function n(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === y ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
         case u:
           return "Fragment";
         case G:
@@ -65,127 +65,127 @@ function ve() {
         case v:
           return "Activity";
       }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), n.$$typeof) {
+        ), t.$$typeof) {
           case i:
             return "Portal";
           case W:
-            return n.displayName || "Context";
-          case L:
-            return (n._context.displayName || "Context") + ".Consumer";
+            return t.displayName || "Context";
+          case D:
+            return (t._context.displayName || "Context") + ".Consumer";
           case J:
-            var c = n.render;
-            return n = n.displayName, n || (n = c.displayName || c.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+            var c = t.render;
+            return t = t.displayName, t || (t = c.displayName || c.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
           case p:
-            return c = n.displayName || null, c !== null ? c : t(n.type) || "Memo";
+            return c = t.displayName || null, c !== null ? c : n(t.type) || "Memo";
           case d:
-            c = n._payload, n = n._init;
+            c = t._payload, t = t._init;
             try {
-              return t(n(c));
+              return n(t(c));
             } catch {
             }
         }
       return null;
     }
-    function s(n) {
-      return "" + n;
+    function s(t) {
+      return "" + t;
     }
-    function r(n) {
+    function r(t) {
       try {
-        s(n);
+        s(t);
         var c = !1;
       } catch {
         c = !0;
       }
       if (c) {
         c = console;
-        var j = c.error, S = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        var j = c.error, S = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
         return j.call(
           c,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           S
-        ), s(n);
+        ), s(t);
       }
     }
-    function a(n) {
-      if (n === u) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === d)
+    function a(t) {
+      if (t === u) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === d)
         return "<...>";
       try {
-        var c = t(n);
+        var c = n(t);
         return c ? "<" + c + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function l() {
-      var n = O.A;
-      return n === null ? null : n.getOwner();
+      var t = O.A;
+      return t === null ? null : t.getOwner();
     }
     function o() {
       return Error("react-stack-top-frame");
     }
-    function m(n) {
-      if (M.call(n, "key")) {
-        var c = Object.getOwnPropertyDescriptor(n, "key").get;
+    function m(t) {
+      if (M.call(t, "key")) {
+        var c = Object.getOwnPropertyDescriptor(t, "key").get;
         if (c && c.isReactWarning) return !1;
       }
-      return n.key !== void 0;
+      return t.key !== void 0;
     }
-    function h(n, c) {
+    function h(t, c) {
       function j() {
         P || (P = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           c
         ));
       }
-      j.isReactWarning = !0, Object.defineProperty(n, "key", {
+      j.isReactWarning = !0, Object.defineProperty(t, "key", {
         get: j,
         configurable: !0
       });
     }
     function f() {
-      var n = t(this.type);
-      return I[n] || (I[n] = !0, console.error(
+      var t = n(this.type);
+      return I[t] || (I[t] = !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."
-      )), n = this.props.ref, n !== void 0 ? n : null;
+      )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function b(n, c, j, S, H, K) {
+    function g(t, c, j, S, H, K) {
       var k = j.ref;
-      return n = {
+      return t = {
         $$typeof: w,
-        type: n,
+        type: t,
         key: c,
         props: j,
         _owner: S
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(n, "ref", {
+      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
         get: f
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(n, "_debugInfo", {
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(n, "_debugStack", {
+      }), Object.defineProperty(t, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: H
-      }), Object.defineProperty(n, "_debugTask", {
+      }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: K
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function x(n, c, j, S, H, K) {
+    function x(t, c, j, S, H, K) {
       var k = c.children;
       if (k !== void 0)
         if (S)
@@ -199,7 +199,7 @@ function ve() {
             );
         else R(k);
       if (M.call(c, "key")) {
-        k = t(n);
+        k = n(t);
         var U = Object.keys(c).filter(function(ce) {
           return ce !== "key";
         });
@@ -223,9 +223,9 @@ React keys must be passed directly to JSX without using spread:
       } else j = c;
       return k && h(
         j,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), b(
-        n,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), g(
+        t,
         k,
         j,
         l(),
@@ -233,43 +233,43 @@ React keys must be passed directly to JSX without using spread:
         K
       );
     }
-    function R(n) {
-      T(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === d && (n._payload.status === "fulfilled" ? T(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    function R(t) {
+      T(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === d && (t._payload.status === "fulfilled" ? T(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
-    function T(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === w;
+    function T(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === w;
     }
-    var E = ue, w = Symbol.for("react.transitional.element"), i = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), G = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), W = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), v = Symbol.for("react.activity"), y = Symbol.for("react.client.reference"), O = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, Y = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var E = ue, w = Symbol.for("react.transitional.element"), i = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), G = Symbol.for("react.profiler"), D = Symbol.for("react.consumer"), W = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), v = Symbol.for("react.activity"), y = Symbol.for("react.client.reference"), O = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, Y = Array.isArray, $ = console.createTask ? console.createTask : function() {
       return null;
     };
     E = {
-      react_stack_bottom_frame: function(n) {
-        return n();
+      react_stack_bottom_frame: function(t) {
+        return t();
       }
     };
     var P, I = {}, X = E.react_stack_bottom_frame.bind(
       E,
       o
-    )(), g = $(a(o)), V = {};
-    B.Fragment = u, B.jsx = function(n, c, j) {
+    )(), b = $(a(o)), V = {};
+    B.Fragment = u, B.jsx = function(t, c, j) {
       var S = 1e4 > O.recentlyCreatedOwnerStacks++;
       return x(
-        n,
+        t,
         c,
         j,
         !1,
         S ? Error("react-stack-top-frame") : X,
-        S ? $(a(n)) : g
+        S ? $(a(t)) : b
       );
-    }, B.jsxs = function(n, c, j) {
+    }, B.jsxs = function(t, c, j) {
       var S = 1e4 > O.recentlyCreatedOwnerStacks++;
       return x(
-        n,
+        t,
         c,
         j,
         !0,
         S ? Error("react-stack-top-frame") : X,
-        S ? $(a(n)) : g
+        S ? $(a(t)) : b
       );
     };
   })()), B;
@@ -280,55 +280,58 @@ function pe() {
 }
 var e = pe();
 const ae = de(null);
-function fe({ engine: t, initialSnapshot: s, children: r }) {
-  const [a, l] = C(s), o = N(
+function fe({ engine: n, initialSnapshot: s, children: r }) {
+  const [a, l] = C(s);
+  L(() => {
+  }, [n]);
+  const o = N(
     (i) => {
-      const u = t.selectChoice(i);
+      const u = n.selectChoice(i);
       l(u);
     },
-    [t]
+    [n]
   ), m = N(
     (i) => {
-      const u = t.talkTo(i);
+      const u = n.talkTo(i);
       l(u);
     },
-    [t]
+    [n]
   ), h = N(
     (i) => {
-      const u = t.takeItem(i);
+      const u = n.takeItem(i);
       l(u);
     },
-    [t]
+    [n]
   ), f = N(
     (i) => {
-      const u = t.travelTo(i);
+      const u = n.travelTo(i);
       l(u);
     },
-    [t]
-  ), b = N(
+    [n]
+  ), g = N(
     (i, u) => {
-      const _ = t.writeNote(i, u);
+      const _ = n.writeNote(i, u);
       l(_);
     },
-    [t]
+    [n]
   ), x = N(
     (i) => {
-      const u = t.deleteNote(i);
+      const u = n.deleteNote(i);
       l(u);
     },
-    [t]
+    [n]
   ), R = N(
     (i) => {
-      const u = t.setLocale(i);
+      const u = n.setLocale(i);
       l(u);
     },
-    [t]
-  ), T = N(() => t.saveGame(), [t]), E = N(
+    [n]
+  ), T = N(() => n.saveGame(), [n]), E = N(
     (i) => {
-      const u = t.loadGame(i);
+      const u = n.loadGame(i);
       l(u);
     },
-    [t]
+    [n]
   ), w = {
     snapshot: a,
     actions: {
@@ -336,7 +339,7 @@ function fe({ engine: t, initialSnapshot: s, children: r }) {
       talkTo: m,
       takeItem: h,
       travelTo: f,
-      writeNote: b,
+      writeNote: g,
       deleteNote: x,
       setLocale: R,
       saveGame: T,
@@ -346,12 +349,12 @@ function fe({ engine: t, initialSnapshot: s, children: r }) {
   return /* @__PURE__ */ e.jsx(ae.Provider, { value: w, children: r });
 }
 function re() {
-  const t = me(ae);
-  if (!t)
+  const n = me(ae);
+  if (!n)
     throw new Error("useGame must be used within a GameProvider");
-  return t;
+  return n;
 }
-function le(t, s = {}) {
+function le(n, s = {}) {
   var p;
   const {
     audioBasePath: r = "/audio",
@@ -360,18 +363,18 @@ function le(t, s = {}) {
     soundVolume: o = 0.8,
     voiceVolume: m = 1,
     crossfadeDuration: h = 1e3
-  } = s, [f, b] = C(a), [x, R] = C(l), [T, E] = C(o), [w, i] = C(m), u = q(null), _ = q(null), G = q(null), L = q(null);
-  D(() => {
+  } = s, [f, g] = C(a), [x, R] = C(l), [T, E] = C(o), [w, i] = C(m), u = q(null), _ = q(null), G = q(null), D = q(null);
+  L(() => {
     const d = new Audio();
     d.loop = !0, u.current = d;
     const v = new Audio();
     return _.current = v, () => {
-      L.current && clearInterval(L.current), d.pause(), v.pause(), d.src = "", v.src = "";
+      D.current && clearInterval(D.current), d.pause(), v.pause(), d.src = "", v.src = "";
     };
-  }, []), D(() => {
+  }, []), L(() => {
     const d = u.current;
     if (!d) return;
-    const v = t.music;
+    const v = n.music;
     if (v !== G.current)
       if (G.current = v, !v)
         J(d, h);
@@ -380,22 +383,22 @@ function le(t, s = {}) {
         W(d, y, h);
       }
     d.volume = f * x;
-  }, [t.music, f, x, r, h]), D(() => {
+  }, [n.music, f, x, r, h]), L(() => {
     var y;
     const d = _.current;
     if (!d) return;
-    const v = (y = t.dialogue) == null ? void 0 : y.voice;
+    const v = (y = n.dialogue) == null ? void 0 : y.voice;
     v && (d.pause(), d.currentTime = 0, d.src = `${r}/voice/${v}`, d.volume = f * w, d.play().catch((O) => {
       console.warn("Voice playback failed:", O);
     }));
-  }, [(p = t.dialogue) == null ? void 0 : p.voice, f, w, r]), D(() => {
-    t.pendingSounds.length !== 0 && t.pendingSounds.forEach((d) => {
+  }, [(p = n.dialogue) == null ? void 0 : p.voice, f, w, r]), L(() => {
+    n.pendingSounds.length !== 0 && n.pendingSounds.forEach((d) => {
       const v = new Audio(`${r}/sfx/${d}`);
       v.volume = f * T, v.play().catch((y) => {
         console.warn("Sound playback failed:", y);
       });
     });
-  }, [t.pendingSounds, f, T, r]);
+  }, [n.pendingSounds, f, T, r]);
   const W = (d, v, y) => {
     J(d, y / 2).then(() => {
       d.src = v, d.load(), d.volume = 0, d.play().then(() => {
@@ -410,17 +413,17 @@ function le(t, s = {}) {
     const I = setInterval(() => {
       P++, d.volume = Math.max(0, O - $ * P), P >= M && (clearInterval(I), d.pause(), d.currentTime = 0, y());
     }, Y);
-    L.current = I;
+    D.current = I;
   }), A = (d, v, y) => {
     const M = v / 20, Y = y / 20;
     let $ = 0;
     const P = setInterval(() => {
       $++, d.volume = Math.min(y, Y * $), $ >= 20 && clearInterval(P);
     }, M);
-    L.current = P;
+    D.current = P;
   };
   return {
-    setMasterVolume: b,
+    setMasterVolume: g,
     setMusicVolume: R,
     setSoundVolume: E,
     setVoiceVolume: i,
@@ -434,13 +437,13 @@ const xe = {
   menuOpen: "menu_open.ogg",
   menuClose: "menu_close.ogg"
 };
-function je(t = {}) {
+function je(n = {}) {
   const {
     enabled: s = !0,
     basePath: r = "/audio/ui",
     volume: a = 0.5,
     sounds: l = {}
-  } = t, [o, m] = C(s), [h, f] = C(a), b = q({ ...xe, ...l }), x = N(
+  } = n, [o, m] = C(s), [h, f] = C(a), g = q({ ...xe, ...l }), x = N(
     (i) => {
       if (!o || !i) return;
       const u = new Audio(`${r}/${i}`);
@@ -450,11 +453,11 @@ function je(t = {}) {
     [o, h, r]
   ), R = N(
     (i) => {
-      const u = b.current[i];
+      const u = g.current[i];
       u && x(u);
     },
     [x]
-  ), T = N(() => x(b.current.click), [x]), E = N(() => x(b.current.menuOpen), [x]), w = N(() => x(b.current.menuClose), [x]);
+  ), T = N(() => x(g.current.click), [x]), E = N(() => x(g.current.menuOpen), [x]), w = N(() => x(g.current.menuClose), [x]);
   return {
     playClick: T,
     playMenuOpen: E,
@@ -466,17 +469,17 @@ function je(t = {}) {
     volume: h
   };
 }
-function Ne({ dialogue: t, className: s = "" }) {
+function Ne({ dialogue: n, className: s = "" }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `dialogue-box ${s}`, children: [
-    t.portrait && /* @__PURE__ */ e.jsx("div", { className: "dialogue-portrait", children: /* @__PURE__ */ e.jsx("img", { src: t.portrait, alt: t.speakerName }) }),
+    n.portrait && /* @__PURE__ */ e.jsx("div", { className: "dialogue-portrait", children: /* @__PURE__ */ e.jsx("img", { src: n.portrait, alt: n.speakerName }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "dialogue-content", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "dialogue-speaker", children: t.speakerName }),
-      /* @__PURE__ */ e.jsx("div", { className: "dialogue-text", children: t.text })
+      /* @__PURE__ */ e.jsx("div", { className: "dialogue-speaker", children: n.speakerName }),
+      /* @__PURE__ */ e.jsx("div", { className: "dialogue-text", children: n.text })
     ] })
   ] });
 }
-function ge({ choices: t, onSelectChoice: s, className: r = "" }) {
-  return t.length === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: `choice-list ${r}`, children: t.map((a) => /* @__PURE__ */ e.jsx(
+function be({ choices: n, onSelectChoice: s, className: r = "" }) {
+  return n.length === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: `choice-list ${r}`, children: n.map((a) => /* @__PURE__ */ e.jsx(
     "button",
     {
       className: "choice-button",
@@ -486,23 +489,23 @@ function ge({ choices: t, onSelectChoice: s, className: r = "" }) {
     a.id
   )) });
 }
-function be({ location: t, className: s = "" }) {
+function ge({ location: n, className: s = "" }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `location-view ${s}`, children: [
-    t.banner && /* @__PURE__ */ e.jsx("div", { className: "location-banner", children: /* @__PURE__ */ e.jsx("img", { src: t.banner, alt: t.name }) }),
+    n.banner && /* @__PURE__ */ e.jsx("div", { className: "location-banner", children: /* @__PURE__ */ e.jsx("img", { src: n.banner, alt: n.name }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "location-content", children: [
-      /* @__PURE__ */ e.jsx("h1", { className: "location-name", children: t.name }),
-      /* @__PURE__ */ e.jsx("p", { className: "location-description", children: t.description })
+      /* @__PURE__ */ e.jsx("h1", { className: "location-name", children: n.name }),
+      /* @__PURE__ */ e.jsx("p", { className: "location-description", children: n.description })
     ] })
   ] });
 }
 function Se({
-  characters: t,
+  characters: n,
   onTalkTo: s,
   className: r = ""
 }) {
-  return t.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: `character-list ${r}`, children: [
+  return n.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: `character-list ${r}`, children: [
     /* @__PURE__ */ e.jsx("h2", { children: "Characters" }),
-    /* @__PURE__ */ e.jsx("div", { className: "character-grid", children: t.map((a) => /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: "character-grid", children: n.map((a) => /* @__PURE__ */ e.jsxs(
       "button",
       {
         className: "character-card",
@@ -523,11 +526,11 @@ function Se({
     )) })
   ] });
 }
-function ke({ items: t, className: s = "" }) {
+function ke({ items: n, className: s = "" }) {
   const [r, a] = C(null);
   return /* @__PURE__ */ e.jsxs("div", { className: `inventory ${s}`, children: [
     /* @__PURE__ */ e.jsx("h2", { children: "Inventory" }),
-    t.length === 0 ? /* @__PURE__ */ e.jsx("p", { className: "inventory-empty", children: "No items" }) : /* @__PURE__ */ e.jsx("div", { className: "inventory-grid", children: t.map((l) => /* @__PURE__ */ e.jsxs(
+    n.length === 0 ? /* @__PURE__ */ e.jsx("p", { className: "inventory-empty", children: "No items" }) : /* @__PURE__ */ e.jsx("div", { className: "inventory-grid", children: n.map((l) => /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "inventory-item",
@@ -547,12 +550,12 @@ function ke({ items: t, className: s = "" }) {
     ] }) })
   ] });
 }
-function ye({ quests: t, entries: s, className: r = "" }) {
+function ye({ quests: n, entries: s, className: r = "" }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `journal ${r}`, children: [
     /* @__PURE__ */ e.jsx("h2", { children: "Journal" }),
-    t.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "journal-quests", children: [
+    n.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "journal-quests", children: [
       /* @__PURE__ */ e.jsx("h3", { children: "Active Quests" }),
-      t.map((a) => /* @__PURE__ */ e.jsxs("div", { className: "quest-entry", children: [
+      n.map((a) => /* @__PURE__ */ e.jsxs("div", { className: "quest-entry", children: [
         /* @__PURE__ */ e.jsx("div", { className: "quest-name", children: a.name }),
         /* @__PURE__ */ e.jsx("div", { className: "quest-description", children: a.description }),
         /* @__PURE__ */ e.jsx("div", { className: "quest-stage", children: a.currentStageDescription })
@@ -565,15 +568,15 @@ function ye({ quests: t, entries: s, className: r = "" }) {
         /* @__PURE__ */ e.jsx("div", { className: "entry-text", children: a.text })
       ] }, a.id))
     ] }),
-    t.length === 0 && s.length === 0 && /* @__PURE__ */ e.jsx("p", { className: "journal-empty", children: "No entries yet" })
+    n.length === 0 && s.length === 0 && /* @__PURE__ */ e.jsx("p", { className: "journal-empty", children: "No entries yet" })
   ] });
 }
-function Ee({ map: t, onTravelTo: s, className: r = "" }) {
-  return t ? /* @__PURE__ */ e.jsxs("div", { className: `map-view ${r}`, children: [
-    /* @__PURE__ */ e.jsx("h2", { children: t.name }),
+function Ee({ map: n, onTravelTo: s, className: r = "" }) {
+  return n ? /* @__PURE__ */ e.jsxs("div", { className: `map-view ${r}`, children: [
+    /* @__PURE__ */ e.jsx("h2", { children: n.name }),
     /* @__PURE__ */ e.jsxs("div", { className: "map-container", style: { position: "relative" }, children: [
-      t.image && /* @__PURE__ */ e.jsx("img", { src: t.image, alt: t.name, className: "map-image" }),
-      t.locations.map((a) => /* @__PURE__ */ e.jsx(
+      n.image && /* @__PURE__ */ e.jsx("img", { src: n.image, alt: n.name, className: "map-image" }),
+      n.locations.map((a) => /* @__PURE__ */ e.jsx(
         "button",
         {
           className: `map-marker ${a.isCurrent ? "current" : ""}`,
@@ -593,27 +596,27 @@ function Ee({ map: t, onTravelTo: s, className: r = "" }) {
   ] }) : null;
 }
 function Te({
-  notifications: t,
+  notifications: n,
   className: s = ""
 }) {
-  return t.length === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: `notification-area ${s}`, children: t.map((r, a) => /* @__PURE__ */ e.jsx("div", { className: "notification", children: r }, a)) });
+  return n.length === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: `notification-area ${s}`, children: n.map((r, a) => /* @__PURE__ */ e.jsx("div", { className: "notification", children: r }, a)) });
 }
 function we({
-  onSave: t,
+  onSave: n,
   onLoad: s,
   storageKey: r = "doodle-engine-save",
   className: a = ""
 }) {
   const [l, o] = C(""), m = () => {
-    const b = t();
-    localStorage.setItem(r, JSON.stringify(b)), o("Saved!"), setTimeout(() => o(""), 2e3);
+    const g = n();
+    localStorage.setItem(r, JSON.stringify(g)), o("Saved!"), setTimeout(() => o(""), 2e3);
   }, h = () => {
-    const b = localStorage.getItem(r);
-    if (!b) {
+    const g = localStorage.getItem(r);
+    if (!g) {
       o("No save found"), setTimeout(() => o(""), 2e3);
       return;
     }
-    const x = JSON.parse(b);
+    const x = JSON.parse(g);
     s(x), o("Loaded!"), setTimeout(() => o(""), 2e3);
   }, f = localStorage.getItem(r) !== null;
   return /* @__PURE__ */ e.jsxs("div", { className: `save-load-panel ${a}`, children: [
@@ -622,17 +625,17 @@ function we({
     l && /* @__PURE__ */ e.jsx("span", { className: "save-load-message", children: l })
   ] });
 }
-function _e({ className: t = "" }) {
+function _e({ className: n = "" }) {
   const { snapshot: s, actions: r } = re();
   le(s);
   const a = Object.entries(s.variables).filter(([l]) => !l.startsWith("_"));
-  return /* @__PURE__ */ e.jsxs("div", { className: `game-renderer ${t}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `game-renderer ${n}`, children: [
     /* @__PURE__ */ e.jsx(Te, { notifications: s.notifications }),
     /* @__PURE__ */ e.jsxs("div", { className: "game-main", children: [
-      /* @__PURE__ */ e.jsx(be, { location: s.location }),
+      /* @__PURE__ */ e.jsx(ge, { location: s.location }),
       s.dialogue && /* @__PURE__ */ e.jsxs("div", { className: "dialogue-container", children: [
         /* @__PURE__ */ e.jsx(Ne, { dialogue: s.dialogue }),
-        /* @__PURE__ */ e.jsx(ge, { choices: s.choices, onSelectChoice: r.selectChoice })
+        /* @__PURE__ */ e.jsx(be, { choices: s.choices, onSelectChoice: r.selectChoice })
       ] }),
       !s.dialogue && /* @__PURE__ */ e.jsx(
         Se,
@@ -662,23 +665,23 @@ function _e({ className: t = "" }) {
   ] });
 }
 function Ce({
-  logoSrc: t,
+  logoSrc: n,
   title: s,
   onComplete: r,
   duration: a = 2e3,
   className: l = ""
 }) {
-  return D(() => {
+  return L(() => {
     const o = setTimeout(r, a);
     return () => clearTimeout(o);
   }, [r, a]), /* @__PURE__ */ e.jsxs("div", { className: `splash-screen ${l}`, onClick: r, children: [
-    t && /* @__PURE__ */ e.jsx("img", { src: t, alt: s || "", className: "splash-logo" }),
+    n && /* @__PURE__ */ e.jsx("img", { src: n, alt: s || "", className: "splash-logo" }),
     s && /* @__PURE__ */ e.jsx("h1", { className: "splash-title", children: s }),
     /* @__PURE__ */ e.jsx("div", { className: "splash-loading", children: "Loading..." })
   ] });
 }
 function Re({
-  title: t = "Doodle Engine",
+  title: n = "Doodle Engine",
   subtitle: s,
   logoSrc: r,
   hasSaveData: a,
@@ -688,8 +691,8 @@ function Re({
   className: h = ""
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `title-screen ${h}`, children: [
-    r && /* @__PURE__ */ e.jsx("img", { src: r, alt: t, className: "title-logo" }),
-    /* @__PURE__ */ e.jsx("h1", { className: "title-heading", children: t }),
+    r && /* @__PURE__ */ e.jsx("img", { src: r, alt: n, className: "title-logo" }),
+    /* @__PURE__ */ e.jsx("h1", { className: "title-heading", children: n }),
     s && /* @__PURE__ */ e.jsx("p", { className: "title-subtitle", children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "title-menu", children: [
       /* @__PURE__ */ e.jsx("button", { className: "title-button", onClick: l, children: "New Game" }),
@@ -699,7 +702,7 @@ function Re({
   ] });
 }
 function Ae({
-  onResume: t,
+  onResume: n,
   onSave: s,
   onLoad: r,
   onSettings: a,
@@ -709,7 +712,7 @@ function Ae({
   return /* @__PURE__ */ e.jsx("div", { className: `pause-menu-overlay ${o}`, children: /* @__PURE__ */ e.jsxs("div", { className: "pause-menu", children: [
     /* @__PURE__ */ e.jsx("h2", { className: "pause-title", children: "Paused" }),
     /* @__PURE__ */ e.jsxs("div", { className: "pause-buttons", children: [
-      /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: t, children: "Resume" }),
+      /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: n, children: "Resume" }),
       /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: s, children: "Save" }),
       /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: r, children: "Load" }),
       /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: a, children: "Settings" }),
@@ -718,7 +721,7 @@ function Ae({
   ] }) });
 }
 function oe({
-  audioControls: t,
+  audioControls: n,
   uiSoundControls: s,
   availableLocales: r,
   currentLocale: a,
@@ -735,7 +738,7 @@ function oe({
         {
           label: "Master",
           value: 1,
-          onChange: t.setMasterVolume
+          onChange: n.setMasterVolume
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -743,7 +746,7 @@ function oe({
         {
           label: "Music",
           value: 0.7,
-          onChange: t.setMusicVolume
+          onChange: n.setMusicVolume
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -751,7 +754,7 @@ function oe({
         {
           label: "Sound Effects",
           value: 0.8,
-          onChange: t.setSoundVolume
+          onChange: n.setSoundVolume
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -759,7 +762,7 @@ function oe({
         {
           label: "Voice",
           value: 1,
-          onChange: t.setVoiceVolume
+          onChange: n.setVoiceVolume
         }
       ),
       s && /* @__PURE__ */ e.jsx(
@@ -787,12 +790,12 @@ function oe({
   ] });
 }
 function Q({
-  label: t,
+  label: n,
   value: s,
   onChange: r
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "volume-slider", children: [
-    /* @__PURE__ */ e.jsx("label", { className: "volume-label", children: t }),
+    /* @__PURE__ */ e.jsx("label", { className: "volume-label", children: n }),
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -808,13 +811,13 @@ function Q({
   ] });
 }
 function Oe({
-  src: t,
+  src: n,
   basePath: s = "/video",
   onComplete: r,
   className: a = ""
 }) {
   const l = q(null);
-  return D(() => {
+  return L(() => {
     const o = (m) => {
       (m.key === "Escape" || m.key === " " || m.key === "Enter") && (m.preventDefault(), r());
     };
@@ -824,7 +827,7 @@ function Oe({
       "video",
       {
         ref: l,
-        src: `${s}/${t}`,
+        src: `${s}/${n}`,
         autoPlay: !0,
         onEnded: r,
         className: "video-player-video"
@@ -841,7 +844,7 @@ function Oe({
   ] });
 }
 function Me({
-  registry: t,
+  registry: n,
   config: s,
   title: r = "Doodle Engine",
   subtitle: a,
@@ -850,14 +853,14 @@ function Me({
   uiSounds: m,
   audioOptions: h,
   storageKey: f = "doodle-engine-save",
-  availableLocales: b,
+  availableLocales: g,
   videoBasePath: x = "/video",
   className: R = ""
 }) {
-  const [T, E] = C(o > 0 ? "splash" : "title"), [w, i] = C(!1), [u, _] = C(!1), [G, L] = C("title"), [W, J] = C(null), [A, F] = C(null), p = je(
+  const [T, E] = C(o > 0 ? "splash" : "title"), [w, i] = C(!1), [u, _] = C(!1), [G, D] = C("title"), [W, J] = C(null), [A, F] = C(null), p = je(
     m === !1 ? { enabled: !1 } : m
   ), d = localStorage.getItem(f) !== null, v = N(() => {
-    const g = {
+    const b = {
       currentLocation: s.startLocation,
       currentTime: { ...s.startTime },
       flags: { ...s.startFlags },
@@ -875,41 +878,41 @@ function Me({
       pendingVideo: null,
       currentLocale: "en"
     };
-    return new ie(t, g);
-  }, [t, s]), y = N(() => {
+    return new ie(n, b);
+  }, [n, s]), y = N(() => {
     p.playClick();
-    const g = v(), V = g.newGame(s);
-    F({ engine: g, snapshot: V }), E("playing");
+    const b = v(), V = b.newGame(s);
+    F({ engine: b, snapshot: V }), E("playing");
   }, [v, s, p]), O = N(() => {
     p.playClick();
-    const g = localStorage.getItem(f);
-    if (!g) return;
-    const V = JSON.parse(g), n = v(), c = n.loadGame(V);
-    F({ engine: n, snapshot: c }), E("playing");
+    const b = localStorage.getItem(f);
+    if (!b) return;
+    const V = JSON.parse(b), t = v(), c = t.loadGame(V);
+    F({ engine: t, snapshot: c }), E("playing");
   }, [v, f, p]), M = N(() => {
     if (!A) return;
     p.playClick();
-    const g = A.engine.saveGame();
-    localStorage.setItem(f, JSON.stringify(g)), i(!1);
+    const b = A.engine.saveGame();
+    localStorage.setItem(f, JSON.stringify(b)), i(!1);
   }, [A, f, p]), Y = N(() => {
-    const g = localStorage.getItem(f);
-    if (!g || !A) return;
+    const b = localStorage.getItem(f);
+    if (!b || !A) return;
     p.playClick();
-    const V = JSON.parse(g), n = A.engine.loadGame(V);
-    F({ engine: A.engine, snapshot: n }), i(!1);
+    const V = JSON.parse(b), t = A.engine.loadGame(V);
+    F({ engine: A.engine, snapshot: t }), i(!1);
   }, [A, f, p]), $ = N(() => {
     p.playClick(), i(!1), _(!1), F(null), E("title");
-  }, [p]), P = N((g) => {
-    p.playMenuOpen(), L(g), _(!0), g === "pause" && i(!1);
+  }, [p]), P = N((b) => {
+    p.playMenuOpen(), D(b), _(!0), b === "pause" && i(!1);
   }, [p]), I = N(() => {
     p.playMenuClose(), _(!1), G === "pause" && i(!0);
   }, [G, p]);
-  D(() => {
+  L(() => {
     if (T !== "playing") return;
-    const g = (V) => {
-      V.key === "Escape" && (V.preventDefault(), u ? I() : (w ? p.playMenuClose() : p.playMenuOpen(), i((n) => !n)));
+    const b = (V) => {
+      V.key === "Escape" && (V.preventDefault(), u ? I() : (w ? p.playMenuClose() : p.playMenuOpen(), i((t) => !t)));
     };
-    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
+    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
   }, [T, w, u, I, p]);
   const X = {
     setMasterVolume: () => {
@@ -936,7 +939,7 @@ function Me({
     {
       audioControls: X,
       uiSoundControls: m !== !1 ? p : void 0,
-      availableLocales: b,
+      availableLocales: g,
       onBack: I
     }
   ) : /* @__PURE__ */ e.jsx(
@@ -957,7 +960,7 @@ function Me({
       uiSoundControls: m !== !1 ? p : void 0,
       showPauseMenu: w,
       showSettings: u,
-      availableLocales: b,
+      availableLocales: g,
       videoBasePath: x,
       pendingVideo: W,
       setPendingVideo: J,
@@ -976,7 +979,7 @@ function Me({
   ) }) }) : null;
 }
 function Pe({
-  audioOptions: t,
+  audioOptions: n,
   uiSoundControls: s,
   showPauseMenu: r,
   showSettings: a,
@@ -985,15 +988,15 @@ function Pe({
   pendingVideo: m,
   setPendingVideo: h,
   onPause: f,
-  onResume: b,
+  onResume: g,
   onSave: x,
   onLoad: R,
   onSettings: T,
   onQuitToTitle: E,
   onCloseSettings: w
 }) {
-  const { snapshot: i, actions: u } = re(), _ = le(i, t);
-  return D(() => {
+  const { snapshot: i, actions: u } = re(), _ = le(i, n);
+  return L(() => {
     i.pendingVideo && h(i.pendingVideo);
   }, [i.pendingVideo, h]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     m && /* @__PURE__ */ e.jsx(
@@ -1017,7 +1020,7 @@ function Pe({
     r && /* @__PURE__ */ e.jsx(
       Ae,
       {
-        onResume: b,
+        onResume: g,
         onSave: x,
         onLoad: R,
         onSettings: T,
@@ -1039,7 +1042,7 @@ function Pe({
 }
 export {
   Se as CharacterList,
-  ge as ChoiceList,
+  be as ChoiceList,
   Ne as DialogueBox,
   ae as GameContext,
   fe as GameProvider,
@@ -1047,7 +1050,7 @@ export {
   Me as GameShell,
   ke as Inventory,
   ye as Journal,
-  be as LocationView,
+  ge as LocationView,
   Ee as MapView,
   Te as NotificationArea,
   Ae as PauseMenu,