@vitus-labs/rocketstyle 1.4.1 → 1.4.2

package/lib/index.js

@@ -1,4 +1,4 @@
-import { Provider as Provider$1, compose, config, context, get, hoistNonReactStatics, isEmpty, merge, omit, pick, render, set } from "@vitus-labs/core";
+import { Provider as Provider$1, compose, config, context, get, hoistNonReactStatics, isEmpty, merge, omit, pick, render, set, useStableValue } from "@vitus-labs/core";
 import { createContext, forwardRef, useCallback, useContext, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -145,19 +145,30 @@ const usePseudoState = ({ onBlur, onFocus, onMouseDown, onMouseEnter, onMouseLea
 		if (onBlur) onBlur(e);
 	}, [onBlur]);
 	return {
-		state: {
+		state: useMemo(() => ({
 			hover,
 			focus,
 			pressed
-		},
-		events: {
+		}), [
+			hover,
+			focus,
+			pressed
+		]),
+		events: useMemo(() => ({
 			onMouseEnter: handleOnMouseEnter,
 			onMouseLeave: handleOnMouseLeave,
 			onMouseDown: handleOnMouseDown,
 			onMouseUp: handleOnMouseUp,
 			onFocus: handleOnFocus,
 			onBlur: handleOnBlur
-		}
+		}), [
+			handleOnMouseEnter,
+			handleOnMouseLeave,
+			handleOnMouseDown,
+			handleOnMouseUp,
+			handleOnFocus,
+			handleOnBlur
+		])
 	};
 };
 
@@ -220,7 +231,7 @@ const LocalProvider = context$1.Provider;
 * and broadcasting them through local context to child rocketstyle components.
 */
 const RocketStyleProviderComponent = (WrappedComponent) => forwardRef(({ onMouseEnter, onMouseLeave, onMouseUp, onMouseDown, onFocus, onBlur, $rocketstate, ...props }, ref) => {
-	const pseudo = usePseudoState({
+	const { state: pseudoState, events: pseudoEvents } = usePseudoState({
 		onMouseEnter,
 		onMouseLeave,
 		onMouseUp,
@@ -228,18 +239,18 @@ const RocketStyleProviderComponent = (WrappedComponent) => forwardRef(({ onMouse
 		onFocus,
 		onBlur
 	});
-	const updatedState = useMemo(() => ({
+	const updatedState = useStableValue({
 		...$rocketstate,
 		pseudo: {
 			...$rocketstate.pseudo,
-			...pseudo.state
+			...pseudoState
 		}
-	}), [$rocketstate, pseudo]);
+	});
 	return /* @__PURE__ */ jsx(LocalProvider, {
 		value: updatedState,
 		children: /* @__PURE__ */ jsx(WrappedComponent, {
 			...props,
-			...pseudo.events,
+			...pseudoEvents,
 			ref,
 			$rocketstate: updatedState
 		})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitus-labs/rocketstyle",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "license": "MIT",
   "author": "Vit Bokisch <vit@bokisch.cz>",
   "maintainers": [
@@ -66,12 +66,12 @@
     "react": ">= 19"
   },
   "devDependencies": {
-    "@vitus-labs/core": "1.4.0",
-    "@vitus-labs/elements": "1.4.1",
+    "@vitus-labs/core": "1.4.2",
+    "@vitus-labs/elements": "1.4.2",
     "@vitus-labs/tools-rolldown": "^1.6.0",
     "@vitus-labs/tools-storybook": "^1.6.0",
     "@vitus-labs/tools-typescript": "^1.6.0",
-    "@vitus-labs/unistyle": "1.4.1"
+    "@vitus-labs/unistyle": "1.4.2"
   },
-  "gitHead": "2f86d2bd6fd95c07ebcc13329251ecf8ac7c6b19"
+  "gitHead": "f12f43c61149964ff4f3f4b80cb6f92da2825915"
 }