gaesup-world 0.0.75 → 0.0.77

package/dist/gaesup/animation/actions.js

@@ -116,9 +116,9 @@ export default function playCharacterActions(_a) {
                 //     }
                 //   }
                 // }
-                if (groundRay.hit === null && activeState.velocity.y < 0) {
-                    playFall();
-                }
+                // if (groundRay.hit === null && activeState.velocity.y < 0) {
+                //   playFall();
+                // }
             }
         }
     });

package/dist/gaesup/camera/control/orbit.js

@@ -8,11 +8,11 @@ export default function orbit(prop) {
         .multiplyScalar(perspectiveCamera.XZDistance)
         .multiplyScalar(perspectiveCamera.isFront ? -1 : 1)
         .add(V3(0, perspectiveCamera.YDistance, 0)));
-    state.camera.position.lerp(cameraPosition, 0.5);
+    state.camera.position.lerp(cameraPosition, 0.9);
     state.camera.quaternion.copy(activeState.quat
         .clone()
         .multiply(perspectiveCamera.isFront
         ? quat().setFromAxisAngle(V3(0, 1, 0), Math.PI)
         : quat()));
-    state.camera.lookAt(activeState.position);
+    state.camera.lookAt(activeState.position.clone());
 }

package/dist/gaesup/component/active/common/InnerGroupRef.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
+import { Suspense, forwardRef, useMemo } from "react";
 import { useGraph } from "@react-three/fiber";
 import * as THREE from "three";
 import { SkeletonUtils } from "three-stdlib";
@@ -20,13 +20,13 @@ export var InnerGroupRef = forwardRef(function (_a, ref) {
     var clone = useMemo(function () { return SkeletonUtils.clone(scene); }, [scene]);
     var nodes = useGraph(clone).nodes;
     var objectNode = Object.values(nodes).find(function (node) { return node.type === "Object3D"; });
-    return (_jsxs("group", __assign({ receiveShadow: true, castShadow: true }, props.groupProps, { ref: ref, children: [objectNode && animationRef && (_jsx("primitive", { object: objectNode, visible: false, receiveShadow: true, castShadow: true, ref: animationRef })), Object.keys(nodes).map(function (name, key) {
-                var node = nodes[name];
-                if (node instanceof THREE.SkinnedMesh) {
-                    return (_jsx("skinnedMesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry, skeleton: node.skeleton }, key));
-                }
-                else if (node instanceof THREE.Mesh) {
-                    return (_jsx("mesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry }, key));
-                }
-            })] })));
+    return (_jsx(Suspense, { children: _jsxs("group", __assign({ receiveShadow: true, castShadow: true }, props.groupProps, { ref: ref, children: [objectNode && animationRef && (_jsx("primitive", { object: objectNode, visible: false, receiveShadow: true, castShadow: true, ref: animationRef })), Object.keys(nodes).map(function (name, key) {
+                    var node = nodes[name];
+                    if (node instanceof THREE.SkinnedMesh) {
+                        return (_jsx("skinnedMesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry, skeleton: node.skeleton }, key));
+                    }
+                    else if (node instanceof THREE.Mesh) {
+                        return (_jsx("mesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry }, key));
+                    }
+                })] })) }));
 });

package/dist/gaesup/component/passive/common/InnerGroupRef.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
+import { Suspense, forwardRef, useMemo } from "react";
 import { useGLTF } from "@react-three/drei";
 import { useGraph } from "@react-three/fiber";
 import * as THREE from "three";
@@ -15,13 +15,13 @@ export var InnerGroupRef = forwardRef(function (_a, ref) {
     var clone = useMemo(function () { return SkeletonUtils.clone(scene); }, [scene]);
     var nodes = useGraph(clone).nodes;
     var objectNode = Object.values(nodes).find(function (node) { return node.type === "Object3D"; });
-    return (_jsxs("group", { receiveShadow: true, castShadow: true, ref: ref, userData: { intangible: true }, children: [objectNode && animationRef && (_jsx("primitive", { object: objectNode, visible: false, receiveShadow: true, castShadow: true, ref: animationRef })), Object.keys(nodes).map(function (name, key) {
-                var node = nodes[name];
-                if (node instanceof THREE.SkinnedMesh) {
-                    return (_jsx("skinnedMesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry, skeleton: node.skeleton, userData: { intangible: true } }, key));
-                }
-                else if (node instanceof THREE.Mesh) {
-                    return (_jsx("mesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry, userData: { intangible: true } }, key));
-                }
-            })] }));
+    return (_jsx(Suspense, { fallback: null, children: _jsxs("group", { receiveShadow: true, castShadow: true, ref: ref, userData: { intangible: true }, children: [objectNode && animationRef && (_jsx("primitive", { object: objectNode, visible: false, receiveShadow: true, castShadow: true, ref: animationRef })), Object.keys(nodes).map(function (name, key) {
+                    var node = nodes[name];
+                    if (node instanceof THREE.SkinnedMesh) {
+                        return (_jsx("skinnedMesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry, skeleton: node.skeleton, userData: { intangible: true } }, key));
+                    }
+                    else if (node instanceof THREE.Mesh) {
+                        return (_jsx("mesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry, userData: { intangible: true } }, key));
+                    }
+                })] }) }));
 });

package/dist/gaesup/controller/initialize/index.js

@@ -32,7 +32,7 @@ export default function initControllerProps(_a) {
                 },
             });
         }
-    }, [context.mode.controller, keyControl, context.control]);
+    }, [context === null || context === void 0 ? void 0 : context.mode.controller, keyControl, context === null || context === void 0 ? void 0 : context.control]);
     var groundRay = useMemo(function () {
         return {
             origin: vec3(),

package/dist/gaesup/gaesupProps/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare function GaeSupProps({ text, position, jumpPoint, children, }: {
-    text: string;
+    text?: string;
     position?: [number, number, number];
     jumpPoint?: boolean;
     children: React.ReactNode;

package/dist/gaesup/gaesupProps/index.js

@@ -20,7 +20,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { vec3 } from "@react-three/rapier";
-import { useContext, useEffect, useRef } from "react";
+import { Suspense, useContext, useEffect, useRef } from "react";
 import * as THREE from "three";
 import { GaesupWorldContext, GaesupWorldDispatchContext, } from "../world/context/index.js";
 export function GaeSupProps(_a) {
@@ -31,7 +31,7 @@ export function GaeSupProps(_a) {
     useEffect(function () {
         if (jumpPoint && position) {
             points.push({
-                text: text,
+                text: text || null,
                 position: vec3().set(position[0], 5, position[2]),
             });
             dispatch({
@@ -44,9 +44,7 @@ export function GaeSupProps(_a) {
         if (groupRef.current) {
             var box = new THREE.Box3().setFromObject(groupRef.current);
             var size = vec3(box.getSize(new THREE.Vector3())).clone();
-            // .multiplyScalar(minimap.ratio);
             var center = vec3(box.getCenter(new THREE.Vector3())).clone();
-            // .multiplyScalar(minimap.ratio);
             var obj = {
                 text: text,
                 size: size,
@@ -61,5 +59,5 @@ export function GaeSupProps(_a) {
             });
         }
     }, []);
-    return (_jsx("group", { ref: groupRef, position: position, children: children }));
+    return (_jsx(Suspense, { fallback: null, children: _jsx("group", { ref: groupRef, position: position, children: children }) }));
 }

package/dist/gaesup/index.d.ts

@@ -4,5 +4,5 @@ export { GaesupComponent, GaesupPassiveComponent } from "./component";
 export { GaesupController } from "./controller";
 export { GaeSupProps } from "./gaesupProps";
 export { useGaesupController } from "./hooks";
-export { GameBoy, GamePad, JoyStick, KeyBoardToolTip, MiniMap } from "./tools";
+export { GameBoy, GamePad, JoyStick, JumpPortal, KeyBoardToolTip, MiniMap, } from "./tools";
 export { GaesupWorld } from "./world";

package/dist/gaesup/index.js

@@ -4,5 +4,5 @@ export { GaesupComponent, GaesupPassiveComponent } from "./component";
 export { GaesupController } from "./controller";
 export { GaeSupProps } from "./gaesupProps";
 export { useGaesupController } from "./hooks";
-export { GameBoy, GamePad, JoyStick, KeyBoardToolTip, MiniMap } from "./tools";
+export { GameBoy, GamePad, JoyStick, JumpPortal, KeyBoardToolTip, MiniMap, } from "./tools";
 export { GaesupWorld } from "./world";

package/dist/gaesup/tools/gameboy/GameBoyButton.d.ts

@@ -4,6 +4,6 @@ export type gameBoyButtonType = {
     tag: "up" | "down" | "left" | "right";
     value: string;
     icon: JSX.Element;
-    gameboyButtonStyle: VECssType;
+    gameboyButtonStyle: Partial<VECssType>;
 };
 export default function GameBoyButton({ tag, value, icon, gameboyButtonStyle, }: gameBoyButtonType): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/tools/gameboy/type.d.ts

@@ -1,4 +1,4 @@
 import { VECssType } from "../type";
 export type gameboyType = {
-    [key in "gameboyStyle" | "gameboyButtonStyle"]?: VECssType;
+    [key in "gameboyStyle" | "gameboyButtonStyle"]?: Partial<VECssType>;
 };

package/dist/gaesup/tools/gamepad/GamePadButton.d.ts

@@ -2,5 +2,5 @@ import { VECssType } from "../type.js";
 export default function GamePadButton({ value, name, gamepadButtonStyle, }: {
     value: string;
     name: string;
-    gamepadButtonStyle: VECssType;
+    gamepadButtonStyle: Partial<VECssType>;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/tools/gamepad/type.d.ts

@@ -2,5 +2,5 @@ import { VECssType } from "../type";
 export type gamepadType = {
     label?: Record<string, string>;
 } & {
-    [key in "gamepadButtonStyle" | "gamepadGridStyle" | "gamepadInnerStyle" | "gamepadStyle"]?: VECssType;
+    [key in "gamepadButtonStyle" | "gamepadGridStyle" | "gamepadInnerStyle" | "gamepadStyle"]?: Partial<VECssType>;
 };

package/dist/gaesup/tools/index.d.ts

@@ -1,5 +1,6 @@
 export { GameBoy } from "./gameboy";
 export { GamePad } from "./gamepad";
 export { JoyStick } from "./joystick";
+export { JumpPortal } from "./jumpPoint";
 export { KeyBoardToolTip } from "./keyBoardToolTip";
 export { MiniMap } from "./minimap";

package/dist/gaesup/tools/index.js

@@ -1,5 +1,6 @@
 export { GameBoy } from "./gameboy";
 export { GamePad } from "./gamepad";
 export { JoyStick } from "./joystick";
+export { JumpPortal } from "./jumpPoint";
 export { KeyBoardToolTip } from "./keyBoardToolTip";
 export { MiniMap } from "./minimap";

package/dist/gaesup/tools/joystick/index.js

@@ -98,10 +98,11 @@ export function JoyStick(props) {
         var normY = Math.pow((joyStickOrigin.y - Y), 2);
         var currentRadius = Math.sqrt(normX + normY);
         var originRadius = Math.sqrt(Math.pow((width / 2), 2) + Math.pow((height / 2), 2));
+        var newAngle = Math.atan2(Y - (bottom - height / 2), X - (left + width / 2));
         setOrigin({
             x: left + width / 2,
             y: bottom - height / 2,
-            angle: Math.atan2(Y - (bottom - height / 2), X - (left + width / 2)),
+            angle: newAngle,
             currentRadius: currentRadius,
             originRadius: originRadius,
             isIn: currentRadius > originRadius / 2,

package/dist/gaesup/tools/joystick/type.d.ts

@@ -19,5 +19,5 @@ export type joyStickInnerType = {
     joyStickOrigin?: joyStickOriginType;
 };
 export type joyStickType = {
-    [key in "joyStickBallStyle" | "joyStickStyle" | "joyBallStyle"]?: VECssType;
+    [key in "joyStickBallStyle" | "joyStickStyle" | "joyBallStyle"]?: Partial<VECssType>;
 };

package/dist/gaesup/tools/jumpPoint/index.d.ts

@@ -1 +1,3 @@
+import { pointType } from "../../world/context/type.js";
 export default function JumpPoint(): import("react/jsx-runtime").JSX.Element;
+export declare function JumpPortal(props: pointType): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/tools/jumpPoint/index.js

@@ -12,3 +12,10 @@ export default function JumpPoint() {
                     }, children: obj.text }, key));
             }) }));
 }
+export function JumpPortal(props) {
+    var refs = useContext(GaesupWorldContext).refs;
+    return (_jsx("div", { className: style.jumpPoint, onClick: function () {
+            var _a, _b;
+            (_b = (_a = refs.rigidBodyRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setTranslation(props.position, true);
+        }, children: props.text }));
+}

package/dist/gaesup/tools/keyBoardToolTip/index.js

@@ -18,16 +18,17 @@ import { KeyBoardAll } from "./constant";
 import * as style from "./style.css";
 export function KeyBoardToolTip(props) {
     var worldContext = useContext(GaesupWorldContext);
-    var keyBoardMap = props.keyBoardMap, keyBoardToolTipInnerStyle = props.keyBoardToolTipInnerStyle, keyCapStyle = props.keyCapStyle;
+    var keyBoardMap = props.keyBoardMap, keyBoardToolTipInnerStyle = props.keyBoardToolTipInnerStyle, selectedKeyCapStyle = props.selectedKeyCapStyle, notSelectedkeyCapStyle = props.notSelectedkeyCapStyle, keyCapStyle = props.keyCapStyle, label = props.label;
     var animations = worldContext.animations, mode = worldContext.mode;
     var keyArray = Object.entries(KeyBoardAll).reduce(function (keyArray, cur) {
         var key = cur[0], value = cur[1];
         var gridRow = value.gridRow, gridColumn = value.gridColumn, name = value.name;
+        var labeledName = (label === null || label === void 0 ? void 0 : label[name]) || name;
         var keyBoardItem = {
             code: value.code || key,
             gridRow: gridRow,
             gridColumn: gridColumn,
-            name: name,
+            name: labeledName,
         };
         keyArray.push(keyBoardItem);
         return keyArray;
@@ -41,12 +42,15 @@ export function KeyBoardToolTip(props) {
     return (_jsx(_Fragment, { children: mode.controller === "keyboard" && (_jsx("div", { className: style.keyBoardTooInner, style: assignInlineVars(keyBoardToolTipInnerStyle), children: keyArray.map(function (item, key) {
                 var background = "rgba(0, 0, 0, 0.1)";
                 var boxShadow = "0 0 5px rgba(0, 0, 0, 0.2)";
+                var isSelect = "none";
                 if (codeToActionObj[item.code]) {
                     if (animations.keyControl[codeToActionObj[item.code]]) {
+                        isSelect = "select";
                         background = "".concat(vars.gradient.green);
                         boxShadow = "0 0 10px rgba(99,251,215,1)";
                     }
                     else {
+                        isSelect = "notSelect";
                         background = "rgba(0, 0, 0, 0.6)";
                         boxShadow = "0 0 10px rgba(0, 0, 0, 0.6)";
                     }
@@ -56,6 +60,13 @@ export function KeyBoardToolTip(props) {
                     animations.keyControl[codeToActionObj[item.code]]) {
                     color = "black";
                 }
-                return (_jsx("div", { className: style.keyCap, style: assignInlineVars(__assign({ background: background, boxShadow: boxShadow, color: color, gridRow: item.gridRow, gridColumn: item.gridColumn }, keyCapStyle)), children: item.name }, key));
+                var keyStyle = keyCapStyle;
+                if (isSelect === "select") {
+                    keyStyle = __assign({}, selectedKeyCapStyle);
+                }
+                else if (isSelect === "notSelect") {
+                    keyStyle = __assign({}, notSelectedkeyCapStyle);
+                }
+                return (_jsx("div", { className: style.keyCap, style: assignInlineVars(__assign({ background: background, boxShadow: boxShadow, color: color, gridRow: item.gridRow, gridColumn: item.gridColumn }, keyStyle)), children: item.name }, key));
             }) })) }));
 }

package/dist/gaesup/tools/keyBoardToolTip/type.d.ts

@@ -28,7 +28,8 @@ export type keyBoardLabelType = {
 export type keyBoardToolTipType = {
     keyBoardLabel?: keyBoardLabelType;
     keyBoardMap?: keyboardMapItemType[];
+    label?: Record<string, string>;
 } & {
-    [key in "keyBoardToolTipInnerStyle" | "keyCapStyle"]?: VECssType;
+    [key in "keyBoardToolTipInnerStyle" | "notSelectedkeyCapStyle" | "selectedKeyCapStyle" | "keyCapStyle"]?: Partial<VECssType>;
 };
 export type keyBoardToolTipPartialType = Partial<keyBoardToolTipType>;

package/dist/gaesup/tools/minimap/index.js

@@ -37,8 +37,8 @@ export function MiniMap(props) {
             else
                 downscale();
         }, style: assignInlineVars(minimapStyle), children: [_jsx("div", { className: style.minimapOuter, style: assignInlineVars(objectStyle) }), _jsxs("div", { className: style.minimapInner, style: assignInlineVars(__assign({ transform: props.blockRotate
-                        ? "translate(-50%, -50%)"
-                        : "translate(-50%, -50%) rotate(".concat((activeState.euler.y * 180) / Math.PI, "deg) ") }, innerStyle)), children: [_jsx("div", { className: style.direction({
+                        ? "translate(-50%, -50%) rotate(180deg) "
+                        : "translate(-50%, -50%) rotate(".concat((activeState.euler.y * 180) / Math.PI + 180, "deg) ") }, innerStyle)), children: [_jsx("div", { className: style.direction({
                             east: true,
                         }), style: assignInlineVars(directionStyle), children: "E" }), _jsx("div", { className: style.direction({
                             west: true,
@@ -48,15 +48,8 @@ export function MiniMap(props) {
                         var center = _a.center, size = _a.size, text = _a.text;
                         var X = (center.x - activeState.position.x) * scale;
                         var Z = (center.z - activeState.position.z) * scale;
-                        return (_jsx("div", { className: style.minimapObject, style: assignInlineVars({
-                                width: "".concat(size.x * scale, "rem"),
-                                height: "".concat(size.z * scale, "rem"),
-                                top: "50%",
-                                left: "50%",
-                                transform: "translate(-50%, -50%) translate(".concat(-X, "rem, ").concat(-Z, "rem)"),
-                                transformOrigin: "50% 50%",
-                            }), children: _jsx("div", { className: style.text, style: assignInlineVars(textStyle), children: text }) }, key));
-                    }), _jsx("div", { className: style.avatar, style: assignInlineVars(avatarStyle) })] }), props.blockScaleControl && (_jsxs("div", { className: style.scale, style: assignInlineVars(scaleStyle), children: [_jsx("div", { className: style.plusMinus, style: assignInlineVars(plusMinusStyle), onClick: function () {
+                        return (_jsx("div", { className: style.minimapObject, style: assignInlineVars(__assign({ width: "".concat(size.x * scale, "rem"), height: "".concat(size.z * scale, "rem"), top: "50%", left: "50%", transform: "translate(-50%, -50%) translate(".concat(-X, "rem, ").concat(-Z, "rem)"), transformOrigin: "50% 50%" }, objectStyle)), children: text && (_jsx("div", { className: style.text, style: assignInlineVars(textStyle), children: text })) }, key));
+                    }), _jsx("div", { className: style.avatar, style: assignInlineVars(avatarStyle) })] }), !props.blockScaleControl && (_jsxs("div", { className: style.scale, style: assignInlineVars(scaleStyle), children: [_jsx("div", { className: style.plusMinus, style: assignInlineVars(plusMinusStyle), onClick: function () {
                             if (props.blockScale)
                                 return;
                             downscale();

package/dist/gaesup/tools/minimap/type.d.ts

@@ -1,7 +1,7 @@
 import * as THREE from "three";
 import { VECssType } from "../type";
 export type minimapPropsType = {
-    text: string;
+    text?: string;
     center: THREE.Vector3;
     size: THREE.Vector3;
 };
@@ -11,7 +11,7 @@ export type minimapInnerType = {
     };
 };
 export type minimapType = {
-    [key in "minimapStyle" | "outerStyle" | "innerStyle" | "textStyle" | "objectStyle" | "avatarStyle" | "directionStyle" | "scaleStyle" | "plusMinusStyle"]?: VECssType;
+    [key in "minimapStyle" | "outerStyle" | "innerStyle" | "textStyle" | "objectStyle" | "avatarStyle" | "directionStyle" | "scaleStyle" | "plusMinusStyle"]?: Partial<VECssType>;
 } & {
     minScale?: number;
     maxScale?: number;

package/dist/gaesup/world/context/type.d.ts

@@ -3,6 +3,7 @@ import { actionsType, animationTagType, refsType } from "../../controller/type";
 import { joyStickInnerType } from "../../tools/joystick/type";
 import { keyboardMapType } from "../../tools/keyBoardToolTip/type";
 import { minimapInnerType } from "../../tools/minimap/type";
+import { VECssType } from "../../tools/type";
 import { dispatchType } from "../../utils/type";
 export type controlType = {
     forward: boolean;
@@ -15,8 +16,9 @@ export type keyControlType = {
     [key: string]: boolean;
 };
 export type pointType = {
-    text: string;
+    text?: string;
     position: THREE.Vector3;
+    pointStlye?: Partial<VECssType>;
 };
 export type pointsType = pointType[];
 export type statesType = {

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { GaeSupProps, GaesupController, GaesupWorld, GameBoy, GamePad, JoyStick, KeyBoardToolTip, MiniMap, playActions, } from "./gaesup";
+export { GaeSupProps, GaesupController, GaesupWorld, GameBoy, GamePad, JoyStick, JumpPortal, KeyBoardToolTip, MiniMap, playActions, } from "./gaesup";
 export { absolute, fixed, flex, flex_absolute, flex_relative, glass, grid, grid_fixed, relative, sprinkles, } from "./styles";

package/dist/index.js

@@ -1,2 +1,2 @@
-export { GaeSupProps, GaesupController, GaesupWorld, GameBoy, GamePad, JoyStick, KeyBoardToolTip, MiniMap, playActions, } from "./gaesup";
+export { GaeSupProps, GaesupController, GaesupWorld, GameBoy, GamePad, JoyStick, JumpPortal, KeyBoardToolTip, MiniMap, playActions, } from "./gaesup";
 export { absolute, fixed, flex, flex_absolute, flex_relative, glass, grid, grid_fixed, relative, sprinkles, } from "./styles";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gaesup-world",
-  "version": "0.0.75",
-  "type": "commonjs",
+  "version": "0.0.77",
+  "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "homepage": "https://jigglypop.github.io/gaesup-world-examples/",
@@ -16,40 +16,40 @@
   },
   "dependencies": {
     "@dimforge/rapier3d": "^0.11.2",
-    "@react-three/drei": "9.88.11",
-    "@react-three/fiber": "8.15.9",
-    "@react-three/rapier": "^1.1.2",
-    "@types/three": "^0.158.1",
+    "@react-three/drei": "9.92.6",
+    "@react-three/fiber": "8.15.12",
+    "@react-three/rapier": "^1.2.1",
+    "@types/three": "^0.160.0",
     "@vanilla-extract/babel-plugin": "^1.2.0",
-    "@vanilla-extract/css": "^1.13.0",
+    "@vanilla-extract/css": "^1.14.0",
     "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/dynamic": "^2.0.3",
-    "@vanilla-extract/next-plugin": "^2.3.1",
-    "@vanilla-extract/recipes": "^0.5.0",
+    "@vanilla-extract/dynamic": "^2.1.0",
+    "@vanilla-extract/next-plugin": "^2.3.2",
+    "@vanilla-extract/recipes": "^0.5.1",
     "@vanilla-extract/sprinkles": "^1.6.1",
-    "gh-pages": "^6.1.0",
+    "gh-pages": "^6.1.1",
     "leva": "0.9.35",
     "node-fetch": "3.3.2",
     "react": "^18.2.0",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
     "react-use-refs": "^1.0.1",
-    "three": "^0.158.0"
+    "three": "^0.160.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.37",
-    "@types/react-dom": "^18.2.15",
-    "@typescript-eslint/eslint-plugin": "^6.10.0",
-    "@typescript-eslint/parser": "^6.10.0",
-    "@vanilla-extract/vite-plugin": "^3.9.2",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "@typescript-eslint/eslint-plugin": "^6.15.0",
+    "@typescript-eslint/parser": "^6.15.0",
+    "@vanilla-extract/vite-plugin": "^3.9.3",
     "@vitejs/plugin-react-swc": "^3.5.0",
-    "eslint": "^8.53.0",
+    "eslint": "^8.56.0",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.4",
+    "eslint-plugin-react-refresh": "^0.4.5",
     "path": "^0.12.7",
     "prettier": "^3.1.1",
-    "typescript": "^5.2.2",
-    "vite": "^5.0.0"
+    "typescript": "^5.3.3",
+    "vite": "^5.0.10"
   },
   "description": "Web 3D Character Controller and World Platform Library",
   "repository": {