@pyreon/rocketstyle 0.11.7 → 0.11.8

package/lib/index.js

@@ -511,13 +511,9 @@ const rocketComponent = (options) => {
 		});
 		const RESERVED_STYLING_PROPS_KEYS = Object.keys(reservedPropNames);
 		const $rocketstyleAccessor = () => {
-			const { pseudo, ...mergeProps } = {
-				...localCtx,
-				...props
-			};
 			const mode = themeAttrs.mode;
 			const rocketstate = _calculateStylingAttrs({
-				props: pickStyledAttrs(mergeProps, reservedPropNames),
+				props: pickStyledAttrs(props, reservedPropNames),
 				dimensions
 			});
 			const modeBaseHelper = ThemeManager$1.modeBaseTheme[mode];
@@ -533,21 +529,18 @@ const rocketComponent = (options) => {
 				appTheme: theme
 			});
 		};
+		const localPseudo = localCtx?.pseudo;
+		const propPseudo = pick(props, [...PSEUDO_KEYS, ...PSEUDO_META_KEYS]);
 		const $rocketstateAccessor = () => {
-			const { pseudo, ...mergeProps } = {
-				...localCtx,
-				...props
-			};
-			const pseudoRocketstate = {
-				...pseudo,
-				...pick(props, [...PSEUDO_KEYS, ...PSEUDO_META_KEYS])
-			};
 			return {
 				..._calculateStylingAttrs({
-					props: pickStyledAttrs(mergeProps, reservedPropNames),
+					props: pickStyledAttrs(props, reservedPropNames),
 					dimensions
 				}),
-				pseudo: pseudoRocketstate
+				pseudo: {
+					...localPseudo,
+					...propPseudo
+				}
 			};
 		};
 		const { pseudo: _pseudo, ...mergeProps } = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/rocketstyle",
-  "version": "0.11.7",
+  "version": "0.11.8",
   "description": "Multi-dimensional style composition for Pyreon components",
   "license": "MIT",
   "repository": {
@@ -41,15 +41,15 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@pyreon/test-utils": "^0.11.7",
-    "@pyreon/typescript": "^0.11.7",
+    "@pyreon/test-utils": "^0.11.8",
+    "@pyreon/typescript": "^0.11.8",
     "@vitus-labs/tools-rolldown": "^1.15.3"
   },
   "peerDependencies": {
-    "@pyreon/core": "^0.11.7",
-    "@pyreon/reactivity": "^0.11.7",
-    "@pyreon/styler": "^0.11.7",
-    "@pyreon/ui-core": "^0.11.7"
+    "@pyreon/core": "^0.11.8",
+    "@pyreon/reactivity": "^0.11.8",
+    "@pyreon/styler": "^0.11.8",
+    "@pyreon/ui-core": "^0.11.8"
   },
   "engines": {
     "node": ">= 22"

package/src/rocketstyle.ts

@@ -142,18 +142,16 @@ const rocketComponent: RocketComponent = (options) => {
     // (signals, getters) produce updated dimension values.
     // --------------------------------------------------
     const $rocketstyleAccessor = () => {
-      // Merge props fresh — if parent passes reactive accessors,
-      // spreading them here evaluates them in this reactive scope.
-      const { pseudo, ...mergeProps } = {
-        ...localCtx,
-        ...props,
-      }
-
+      // Only read mode and dimension props — NOT pseudo state.
+      // Pseudo state (hover, focus, pressed) is read by .styles()
+      // via $rocketstate inside runUntracked(). Reading pseudo signals
+      // here would subscribe this accessor to hover/focus/pressed,
+      // causing CSS recomputation on every mouse event.
       const mode = themeAttrs.mode // reactive: tracks mode signal
 
-      // Resolve active dimensions from current prop values
+      // Resolve active dimensions from props (not localCtx which has pseudo getters)
       const rocketstate = _calculateStylingAttrs({
-        props: pickStyledAttrs(mergeProps, reservedPropNames),
+        props: pickStyledAttrs(props as Record<string, unknown>, reservedPropNames),
         dimensions,
       })
 
@@ -183,23 +181,24 @@ const rocketComponent: RocketComponent = (options) => {
     // $rocketstate as a FUNCTION ACCESSOR — reactive on prop changes.
     // Re-evaluates active dimensions + pseudo state from current props.
     // --------------------------------------------------
-    const $rocketstateAccessor = () => {
-      const { pseudo, ...mergeProps } = {
-        ...localCtx,
-        ...props,
-      }
-
-      const pseudoRocketstate = {
-        ...pseudo,
-        ...pick(props, [...PSEUDO_KEYS, ...PSEUDO_META_KEYS]),
-      }
+    // Capture pseudo from localCtx once at setup — pseudo properties are
+    // getters (from createLocalProvider) that read signals lazily.
+    // Passing them through preserves reactivity without subscribing here.
+    const localPseudo = localCtx?.pseudo
+    const propPseudo = pick(props, [...PSEUDO_KEYS, ...PSEUDO_META_KEYS])
 
+    const $rocketstateAccessor = () => {
       const rocketstate = _calculateStylingAttrs({
-        props: pickStyledAttrs(mergeProps, reservedPropNames),
+        props: pickStyledAttrs(props as Record<string, unknown>, reservedPropNames),
         dimensions,
       })
 
-      return { ...rocketstate, pseudo: pseudoRocketstate }
+      // Pseudo state uses getter properties — they're evaluated lazily
+      // by .styles() inside runUntracked(), not here.
+      return {
+        ...rocketstate,
+        pseudo: { ...localPseudo, ...propPseudo },
+      }
     }
 
     // --------------------------------------------------