@tamagui/web 2.2.0 → 2.3.0

package/dist/esm/helpers/mainThreadPressEvents.native.js

@@ -50,10 +50,17 @@ function useMainThreadPressEvents(events, viewProps) {
     ref.current.pressOutTimer = null;
     ref.current.longPressTimer = null;
   }
-  viewProps.onStartShouldSetResponder = function () {
-    return !events.disabled;
+  var userStartShouldSet = viewProps.onStartShouldSetResponder;
+  var userGrant = viewProps.onResponderGrant;
+  var userRelease = viewProps.onResponderRelease;
+  var userTerminate = viewProps.onResponderTerminate;
+  var userTerminationRequest = viewProps.onResponderTerminationRequest;
+  var userMove = viewProps.onResponderMove;
+  viewProps.onStartShouldSetResponder = function (e) {
+    return Boolean(userStartShouldSet === null || userStartShouldSet === void 0 ? void 0 : userStartShouldSet(e)) || !events.disabled;
   };
   viewProps.onResponderGrant = function (e) {
+    userGrant === null || userGrant === void 0 ? void 0 : userGrant(e);
     cleanup();
     ref.current.state = "pressing";
     if (delayPressIn > 0) {
@@ -74,6 +81,7 @@ function useMainThreadPressEvents(events, viewProps) {
     }
   };
   viewProps.onResponderRelease = function (e) {
+    userRelease === null || userRelease === void 0 ? void 0 : userRelease(e);
     var wasLongPressed = ref.current.state === "longPressed";
     cleanup();
     if (ref.current.state === "pressing") {
@@ -87,17 +95,20 @@ function useMainThreadPressEvents(events, viewProps) {
     ref.current.state = "idle";
   };
   viewProps.onResponderTerminate = function (e) {
+    userTerminate === null || userTerminate === void 0 ? void 0 : userTerminate(e);
     cleanup();
     if (ref.current.state === "active" || ref.current.state === "longPressed") {
       deactivate(e);
     }
     ref.current.state = "idle";
   };
-  viewProps.onResponderTerminationRequest = function () {
+  viewProps.onResponderTerminationRequest = function (e) {
+    if (userTerminationRequest) return userTerminationRequest(e);
     return events.cancelable !== false;
   };
   viewProps.onResponderMove = function (e) {
     var _events_onPressMove;
+    userMove === null || userMove === void 0 ? void 0 : userMove(e);
     (_events_onPressMove = events.onPressMove) === null || _events_onPressMove === void 0 ? void 0 : _events_onPressMove.call(events, e);
   };
 }

package/dist/esm/helpers/mainThreadPressEvents.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","DEFAULT_LONG_PRESS_DELAY","DEFAULT_MIN_PRESS_DURATION","useMainThreadPressEvents","events","viewProps","enabled","arguments","length","debugName","ref","current","state","pressInTimer","pressOutTimer","longPressTimer","activateTime","_events_delayPressIn","delayPressIn","Math","max","_events_delayPressOut","delayPressOut","_events_delayLongPress","delayLongPress","_events_minPressDuration","minPressDuration","activate","e","_events_onPressIn","Date","now","onPressIn","call","deactivate","pressDuration","remaining","setTimeout","_events_onPressOut2","onPressOut","_events_onPressOut","cleanup","clearTimeout","onStartShouldSetResponder","disabled","onResponderGrant","onLongPress","_events_onLongPress","onResponderRelease","wasLongPressed","_events_onPress","onPress","onResponderTerminate","onResponderTerminationRequest","cancelable","onResponderMove","_events_onPressMove","onPressMove"],"sources":["../../../src/helpers/mainThreadPressEvents.native.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useRef","DEFAULT_LONG_PRESS_DELAY","DEFAULT_MIN_PRESS_DURATION","useMainThreadPressEvents","events","viewProps","enabled","arguments","length","debugName","ref","current","state","pressInTimer","pressOutTimer","longPressTimer","activateTime","_events_delayPressIn","delayPressIn","Math","max","_events_delayPressOut","delayPressOut","_events_delayLongPress","delayLongPress","_events_minPressDuration","minPressDuration","activate","e","_events_onPressIn","Date","now","onPressIn","call","deactivate","pressDuration","remaining","setTimeout","_events_onPressOut2","onPressOut","_events_onPressOut","cleanup","clearTimeout","userStartShouldSet","onStartShouldSetResponder","userGrant","onResponderGrant","userRelease","onResponderRelease","userTerminate","onResponderTerminate","userTerminationRequest","onResponderTerminationRequest","userMove","onResponderMove","Boolean","disabled","onLongPress","_events_onLongPress","wasLongPressed","_events_onPress","onPress","cancelable","_events_onPressMove","onPressMove"],"sources":["../../../src/helpers/mainThreadPressEvents.native.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useComponentState.mjs

@@ -1,4 +1,4 @@
-import { isServer, isWeb } from "@tamagui/constants";
+import { getPlatformDriver, isServer, isWeb } from "@tamagui/constants";
 import { useCreateShallowSetState } from "@tamagui/is-equal-shallow";
 import { useDidFinishSSR, useIsClientOnly } from "@tamagui/use-did-finish-ssr";
 import { useRef, useState } from "react";
@@ -30,8 +30,9 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
   if (!needsHydration && hasAnimationProp) {
     curStateRef.hasAnimated = true;
   }
+  const platformPseudo = Boolean(!isHOC && useAnimations && animationDriver?.avoidReRenders && getPlatformDriver()?.pseudo && ("hoverStyle" in props || "pressStyle" in props || "focusStyle" in props));
   const willBeAnimatedClient = (() => {
-    const next = !!(hasAnimationProp && !isHOC && useAnimations);
+    const next = !!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations);
     return Boolean(next || curStateRef.hasAnimated);
   })();
   const willBeAnimated = !isServer && willBeAnimatedClient;
@@ -154,7 +155,8 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
     inputStyle,
     outputStyle,
     willBeAnimated,
-    willBeAnimatedClient
+    willBeAnimatedClient,
+    platformPseudo
   };
 };
 function hasAnimatedStyleValue(style) {

package/dist/esm/hooks/useComponentState.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isServer","isWeb","useCreateShallowSetState","useDidFinishSSR","useIsClientOnly","useRef","useState","getSetting","defaultComponentState","defaultComponentStateMounted","defaultComponentStateShouldEnter","isObj","log","useComponentState","props","animationDriver","staticConfig","config","isHydrated","needsHydration","useAnimations","isStub","isHOC","stateRef","current","startedUnhydrated","hasAnimationProp","Boolean","style","hasAnimatedStyleValue","inputStyle","outputStyle","curStateRef","hasAnimated","willBeAnimatedClient","next","willBeAnimated","disableClassName","presence","usePresence","presenceState","isExiting","isPresent","isEntering","initial","hasEnterStyle","enterStyle","hasAnimationThatNeedsHydrate","isReactNative","canImmediatelyEnter","shouldEnter","initialState","disabled","isDisabled","states","state","forceStyle","setState","isAnimated","willHydrate","Object","assign","_","groupName","group","setStateShallow","debug","variants","process","env","NODE_ENV","console","warn","JSON","stringify","enterVariant","exitVariant","enterExitVariant","custom","exv","unmounted","noClass","isAnimatedAndHydrated","isClassNameDisabled","acceptsClassName","isDisabledManually","keys","some","k","val","passThrough","accessibilityState","accessibilityDisabled"],"sources":["../../../src/hooks/useComponentState.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getPlatformDriver","isServer","isWeb","useCreateShallowSetState","useDidFinishSSR","useIsClientOnly","useRef","useState","getSetting","defaultComponentState","defaultComponentStateMounted","defaultComponentStateShouldEnter","isObj","log","useComponentState","props","animationDriver","staticConfig","config","isHydrated","needsHydration","useAnimations","isStub","isHOC","stateRef","current","startedUnhydrated","hasAnimationProp","Boolean","style","hasAnimatedStyleValue","inputStyle","outputStyle","curStateRef","hasAnimated","platformPseudo","avoidReRenders","pseudo","willBeAnimatedClient","next","willBeAnimated","disableClassName","presence","usePresence","presenceState","isExiting","isPresent","isEntering","initial","hasEnterStyle","enterStyle","hasAnimationThatNeedsHydrate","isReactNative","canImmediatelyEnter","shouldEnter","initialState","disabled","isDisabled","states","state","forceStyle","setState","isAnimated","willHydrate","Object","assign","_","groupName","group","setStateShallow","debug","variants","process","env","NODE_ENV","console","warn","JSON","stringify","enterVariant","exitVariant","enterExitVariant","custom","exv","unmounted","noClass","isAnimatedAndHydrated","isClassNameDisabled","acceptsClassName","isDisabledManually","keys","some","k","val","passThrough","accessibilityState","accessibilityDisabled"],"sources":["../../../src/hooks/useComponentState.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useComponentState.native.js

@@ -1,4 +1,4 @@
-import { isServer, isWeb } from "@tamagui/constants";
+import { getPlatformDriver, isServer, isWeb } from "@tamagui/constants";
 import { useCreateShallowSetState } from "@tamagui/is-equal-shallow";
 import { useDidFinishSSR, useIsClientOnly } from "@tamagui/use-did-finish-ssr";
 import { useRef, useState } from "react";
@@ -14,7 +14,7 @@ function _type_of(obj) {
 var useComponentState = function (props, animationDriver, staticConfig, config) {
   "use no memo";
 
-  var _animationDriver_usePresence;
+  var _getPlatformDriver, _animationDriver_usePresence;
   var isHydrated = useDidFinishSSR();
   var needsHydration = !useIsClientOnly();
   var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;
@@ -38,8 +38,9 @@ var useComponentState = function (props, animationDriver, staticConfig, config)
   if (!needsHydration && hasAnimationProp) {
     curStateRef.hasAnimated = true;
   }
+  var platformPseudo = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo) && ("hoverStyle" in props || "pressStyle" in props || "focusStyle" in props));
   var willBeAnimatedClient = function () {
-    var next = !!(hasAnimationProp && !isHOC && useAnimations);
+    var next = !!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations);
     return Boolean(next || curStateRef.hasAnimated);
   }();
   var willBeAnimated = !isServer && willBeAnimatedClient;
@@ -164,7 +165,8 @@ var useComponentState = function (props, animationDriver, staticConfig, config)
     inputStyle,
     outputStyle,
     willBeAnimated,
-    willBeAnimatedClient
+    willBeAnimatedClient,
+    platformPseudo
   };
 };
 function hasAnimatedStyleValue(style) {

package/dist/esm/hooks/useComponentState.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["isServer","isWeb","useCreateShallowSetState","useDidFinishSSR","useIsClientOnly","useRef","useState","getSetting","defaultComponentState","defaultComponentStateMounted","defaultComponentStateShouldEnter","isObj","log","_type_of","obj","Symbol","constructor","useComponentState","props","animationDriver","staticConfig","config","_animationDriver_usePresence","isHydrated","needsHydration","useAnimations","isStub","isHOC","stateRef","current","startedUnhydrated","hasAnimationProp","Boolean","style","hasAnimatedStyleValue","_animationDriver_inputStyle","inputStyle","_animationDriver_outputStyle","outputStyle","curStateRef","hasAnimated","willBeAnimatedClient","next","willBeAnimated","disableClassName","presence","usePresence","call","presenceState","isExiting","isPresent","isEntering","initial","hasEnterStyle","enterStyle","hasAnimationThatNeedsHydrate","isReactNative","canImmediatelyEnter","shouldEnter","initialState","disabled","isDisabled","states","state","forceStyle","setState","isAnimated","willHydrate","Object","assign","_","groupName","group","setStateShallow","debug","variants","process","env","NODE_ENV","console","warn","JSON","stringify","enterVariant","exitVariant","enterExitVariant","custom","exv","unmounted","noClass","isAnimatedAndHydrated","isClassNameDisabled","acceptsClassName","isDisabledManually"],"sources":["../../../src/hooks/useComponentState.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getPlatformDriver","isServer","isWeb","useCreateShallowSetState","useDidFinishSSR","useIsClientOnly","useRef","useState","getSetting","defaultComponentState","defaultComponentStateMounted","defaultComponentStateShouldEnter","isObj","log","_type_of","obj","Symbol","constructor","useComponentState","props","animationDriver","staticConfig","config","_getPlatformDriver","_animationDriver_usePresence","isHydrated","needsHydration","useAnimations","isStub","isHOC","stateRef","current","startedUnhydrated","hasAnimationProp","Boolean","style","hasAnimatedStyleValue","_animationDriver_inputStyle","inputStyle","_animationDriver_outputStyle","outputStyle","curStateRef","hasAnimated","platformPseudo","avoidReRenders","pseudo","willBeAnimatedClient","next","willBeAnimated","disableClassName","presence","usePresence","call","presenceState","isExiting","isPresent","isEntering","initial","hasEnterStyle","enterStyle","hasAnimationThatNeedsHydrate","isReactNative","canImmediatelyEnter","shouldEnter","initialState","disabled","isDisabled","states","state","forceStyle","setState","isAnimated","willHydrate","Object","assign","_","groupName","group","setStateShallow","debug","variants","process","env","NODE_ENV","console","warn","JSON","stringify","enterVariant","exitVariant","enterExitVariant","custom","exv","unmounted","noClass","isAnimatedAndHydrated","isClassNameDisabled","acceptsClassName","isDisabledManually","keys","some","k","val"],"sources":["../../../src/hooks/useComponentState.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/opacityModifier.test-d.mjs

@@ -0,0 +1,25 @@
+import { expectTypeOf, describe, test } from "vitest";
+describe("opacity modifier types", () => {
+  test("ColorTokens accepts opacity modifier syntax", () => {
+    const colorWithOpacity = "$color/50";
+    const colorWithFullOpacity = "$color/100";
+    const colorWithLowOpacity = "$color/10";
+    const regularToken = "$color";
+    const colorName = "red";
+    expectTypeOf(colorWithOpacity).toMatchTypeOf();
+    expectTypeOf(colorWithFullOpacity).toMatchTypeOf();
+    expectTypeOf(colorWithLowOpacity).toMatchTypeOf();
+    expectTypeOf(regularToken).toMatchTypeOf();
+    expectTypeOf(colorName).toMatchTypeOf();
+  });
+  test("FontColorTokens is type-safe (no font color tokens in default config)", () => {
+    const fontColorNumber = 42;
+    expectTypeOf(fontColorNumber).toMatchTypeOf();
+    expectTypeOf().toMatchTypeOf();
+  });
+  test("opacity modifier rejects invalid formats", () => {
+    const validOpacity = "$color/75";
+    expectTypeOf(validOpacity).toMatchTypeOf();
+  });
+});
+//# sourceMappingURL=opacityModifier.test-d.mjs.map

package/dist/esm/opacityModifier.test-d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["expectTypeOf","describe","test","colorWithOpacity","colorWithFullOpacity","colorWithLowOpacity","regularToken","colorName","toMatchTypeOf","fontColorNumber","validOpacity"],"sources":["../../src/opacityModifier.test-d.ts"],"sourcesContent":[null],"mappings":"AAQA,SAASA,YAAA,EAAcC,QAAA,EAAUC,IAAA,QAAY;AAG7CD,QAAA,CAAS,0BAA0B,MAAM;EACvCC,IAAA,CAAK,+CAA+C,MAAM;IAExD,MAAMC,gBAAA,GAAgC;IACtC,MAAMC,oBAAA,GAAoC;IAC1C,MAAMC,mBAAA,GAAmC;IAGzC,MAAMC,YAAA,GAA4B;IAClC,MAAMC,SAAA,GAAyB;IAG/BP,YAAA,CAAaG,gBAAgB,EAAEK,aAAA,CAA2B;IAC1DR,YAAA,CAAaI,oBAAoB,EAAEI,aAAA,CAA2B;IAC9DR,YAAA,CAAaK,mBAAmB,EAAEG,aAAA,CAA2B;IAC7DR,YAAA,CAAaM,YAAY,EAAEE,aAAA,CAA2B;IACtDR,YAAA,CAAaO,SAAS,EAAEC,aAAA,CAA2B;EACrD,CAAC;EAEDN,IAAA,CAAK,yEAAyE,MAAM;IAMlF,MAAMO,eAAA,GAAmC;IAEzCT,YAAA,CAAaS,eAAe,EAAED,aAAA,CAA+B;IAC7DR,YAAA,CAAqB,EAAEQ,aAAA,CAA+B;EACxD,CAAC;EAEDN,IAAA,CAAK,4CAA4C,MAAM;IAKrD,MAAMQ,YAAA,GAA4B;IAClCV,YAAA,CAAaU,YAAY,EAAEF,aAAA,CAA2B;EAOxD,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/opacityModifier.test-d.native.js

@@ -0,0 +1,25 @@
+import { expectTypeOf, describe, test } from "vitest";
+describe("opacity modifier types", function () {
+  test("ColorTokens accepts opacity modifier syntax", function () {
+    var colorWithOpacity = "$color/50";
+    var colorWithFullOpacity = "$color/100";
+    var colorWithLowOpacity = "$color/10";
+    var regularToken = "$color";
+    var colorName = "red";
+    expectTypeOf(colorWithOpacity).toMatchTypeOf();
+    expectTypeOf(colorWithFullOpacity).toMatchTypeOf();
+    expectTypeOf(colorWithLowOpacity).toMatchTypeOf();
+    expectTypeOf(regularToken).toMatchTypeOf();
+    expectTypeOf(colorName).toMatchTypeOf();
+  });
+  test("FontColorTokens is type-safe (no font color tokens in default config)", function () {
+    var fontColorNumber = 42;
+    expectTypeOf(fontColorNumber).toMatchTypeOf();
+    expectTypeOf().toMatchTypeOf();
+  });
+  test("opacity modifier rejects invalid formats", function () {
+    var validOpacity = "$color/75";
+    expectTypeOf(validOpacity).toMatchTypeOf();
+  });
+});
+//# sourceMappingURL=opacityModifier.test-d.native.js.map

package/dist/esm/opacityModifier.test-d.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["expectTypeOf","describe","test","colorWithOpacity","colorWithFullOpacity","colorWithLowOpacity","regularToken","colorName","toMatchTypeOf","fontColorNumber","validOpacity"],"sources":["../../src/opacityModifier.test-d.ts"],"sourcesContent":[null],"mappings":"AAQA,SAASA,YAAA,EAAcC,QAAA,EAAUC,IAAA,QAAY;AAG7CD,QAAA,CAAS,0BAA0B,YAAM;EACvCC,IAAA,CAAK,+CAA+C,YAAM;IAExD,IAAAC,gBAAM,cAAgC;IACtC,IAAAC,oBAAM,eAAoC;IAC1C,IAAAC,mBAAM,cAAmC;IAGzC,IAAAC,YAAM,WAA4B;IAClC,IAAAC,SAAM,QAAyB;IAG/BP,YAAA,CAAaG,gBAAgB,EAAEK,aAAA,CAA2B;IAC1DR,YAAA,CAAaI,oBAAoB,EAAEI,aAAA,CAA2B;IAC9DR,YAAA,CAAaK,mBAAmB,EAAEG,aAAA,CAA2B;IAC7DR,YAAA,CAAaM,YAAY,EAAEE,aAAA,CAA2B;IACtDR,YAAA,CAAaO,SAAS,EAAEC,aAAA,CAA2B;EACrD,CAAC;EAEDN,IAAA,CAAK,yEAAyE,YAAM;IAMlF,IAAAO,eAAM,KAAmC;IAEzCT,YAAA,CAAaS,eAAe,EAAED,aAAA,CAA+B;IAC7DR,YAAA,CAAqB,EAAEQ,aAAA,CAA+B;EACxD,CAAC;EAEDN,IAAA,CAAK,4CAA4C,YAAM;IAKrD,IAAAQ,YAAM,cAA4B;IAClCV,YAAA,CAAaU,YAAY,EAAEF,aAAA,CAA2B;EAOxD,CAAC;AACH,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/web",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "license": "MIT",
   "author": {
     "name": "Nate Wienert"
@@ -51,20 +51,20 @@
     "test:web": "vitest --typecheck --run"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "2.2.0",
-    "@tamagui/constants": "2.2.0",
-    "@tamagui/helpers": "2.2.0",
-    "@tamagui/is-equal-shallow": "2.2.0",
-    "@tamagui/native": "2.2.0",
-    "@tamagui/normalize-css-color": "2.2.0",
-    "@tamagui/timer": "2.2.0",
-    "@tamagui/types": "2.2.0",
-    "@tamagui/use-did-finish-ssr": "2.2.0",
-    "@tamagui/use-event": "2.2.0",
-    "@tamagui/use-force-update": "2.2.0"
+    "@tamagui/compose-refs": "2.3.0",
+    "@tamagui/constants": "2.3.0",
+    "@tamagui/helpers": "2.3.0",
+    "@tamagui/is-equal-shallow": "2.3.0",
+    "@tamagui/native": "2.3.0",
+    "@tamagui/normalize-css-color": "2.3.0",
+    "@tamagui/timer": "2.3.0",
+    "@tamagui/types": "2.3.0",
+    "@tamagui/use-did-finish-ssr": "2.3.0",
+    "@tamagui/use-event": "2.3.0",
+    "@tamagui/use-force-update": "2.3.0"
   },
   "devDependencies": {
-    "@tamagui/build": "2.2.0",
+    "@tamagui/build": "2.3.0",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": ">=19",

package/src/createComponent.tsx

@@ -1,5 +1,6 @@
 import { composeRefs } from '@tamagui/compose-refs'
 import {
+  getPlatformDriver,
   isClient,
   isNativeDesktop,
   isServer,
@@ -445,6 +446,7 @@ export function createComponent<
       outputStyle,
       willBeAnimated,
       willBeAnimatedClient,
+      platformPseudo,
       startedUnhydrated,
     } = componentState
 
@@ -457,6 +459,25 @@ export function createComponent<
       // `nextState`, clear it. if they diverge (animated components' fast path never
       // calls into React), flush via componentState.setStateShallow here.
       useIsomorphicLayoutEffect(() => {
+        // first: refresh the emitter latch while a self pseudo is active. the driver
+        // keeps the last-emitted snapshot latched across re-renders (so an unrelated
+        // render doesn't snap a hovered style back to base), but a render can change
+        // the styles that FEED the pseudo merge — e.g. a row becoming active removes
+        // its hoverStyle while still hovered — and the stale snapshot would keep
+        // painting over the new base (hover-beats-active-during-scrub).
+        // `updateStyleListener` is rebuilt each render over fresh props/state and
+        // reads `nextState || state`, so re-invoking it re-emits the correct merged
+        // style: identical values when the render was truly unrelated (no visual
+        // change), fresh values when it wasn't. gate on the last-EMITTED pseudo state
+        // (prevPseudoState), not React state — React state can lag the emitter by a
+        // commit, and a stale-true `state.hover` here would resurrect a hover the
+        // emitter already cleared. this must run BEFORE the nextState flush below so
+        // the re-emit still sees the freshest pseudo state.
+        const emitted = stateRef.current.prevPseudoState
+        if (emitted && (emitted.hover || emitted.press || emitted.focus)) {
+          stateRef.current.updateStyleListener?.()
+        }
+
         const pendingState = stateRef.current.nextState
         if (!pendingState) return
         stateRef.current.nextState = undefined
@@ -466,6 +487,24 @@ export function createComponent<
       })
     }
 
+    // renderer-driven pseudo states (setupPlatformDriver): the platform resolves
+    // hover natively per hitbox and pushes flips here, replacing the
+    // mouseEnter/mouseLeave lane on such renderers. the flip applies through the
+    // same setStateShallow the event handlers use — under the (driver-opened)
+    // avoidReRenders gate that's the emitter path: zero React commits, animated
+    // per the declared transition or instant by default. press stays on the
+    // responder event path (it must fire onPress anyway); the driver only owns
+    // the hover trigger for now.
+    useIsomorphicLayoutEffect(() => {
+      if (!platformPseudo || props.disabled) return
+      const pseudoDriver = getPlatformDriver()?.pseudo
+      const host = stateRef.current.host
+      if (!pseudoDriver || !host) return
+      return pseudoDriver.subscribe(host, ({ hovered }) => {
+        stateRef.current.setStateShallow?.({ hover: hovered })
+      })
+    }, [platformPseudo, props.disabled])
+
     // create new context with groups, or else sublings will grab the same one
     const allGroupContexts = useMemo((): AllGroupContexts | null => {
       if (!groupName || props.passThrough) {
@@ -742,7 +781,7 @@ export function createComponent<
 
     if (
       !isPassthrough &&
-      (hasAnimationProp || groupName) &&
+      (hasAnimationProp || groupName || platformPseudo) &&
       animationDriver?.avoidReRenders &&
       !hasEnterExitTransition
     ) {
@@ -790,13 +829,30 @@ export function createComponent<
           stateRef.current.prevPseudoState,
           updatedState,
           nextStyles?.pseudoTransitions,
-          props.transition
+          // platform-pseudo with no declared transition = instant (CSS :hover semantics)
+          props.transition ?? (platformPseudo ? '0ms' : undefined)
         )
 
         // update prev state for next comparison (includes group states)
         stateRef.current.prevPseudoState = extractPseudoState(updatedState)
 
-        useStyleListener((nextStyles?.style || {}) as any, effectiveTransition)
+        // a self pseudo being active means the emitted style is a transient hover/press/focus
+        // override (it's not in React state under avoidReRenders), so the worklet must keep it
+        // latched across incidental re-renders; when none is active this is the base and renders
+        // own it again.
+        const hasActivePseudo = Boolean(
+          updatedState.hover ||
+          updatedState.press ||
+          updatedState.pressIn ||
+          updatedState.focus ||
+          updatedState.focusWithin
+        )
+
+        useStyleListener(
+          (nextStyles?.style || {}) as any,
+          effectiveTransition,
+          hasActivePseudo
+        )
       }
 
       function updateGroupListeners() {
@@ -1011,7 +1067,8 @@ export function createComponent<
         stateRef.current.prevPseudoState,
         state,
         splitStyles?.pseudoTransitions,
-        props.transition
+        // platform-pseudo with no declared transition = instant (CSS :hover semantics)
+        props.transition ?? (platformPseudo ? '0ms' : undefined)
       )
 
       // add effectiveTransition to splitStyles for drivers to consume
@@ -1254,7 +1311,12 @@ export function createComponent<
     )
 
     const runtimeHoverStyle = !disabled && noClass && pseudos?.hoverStyle
-    const needsHoverState = Boolean(hasDynamicGroupChildren || runtimeHoverStyle)
+    // with a platform pseudo driver the hover STATE is driver-sourced; only keep
+    // the JS hover listeners when something else needs them (dynamic group
+    // children, or the user's own onMouseEnter/Leave handlers below).
+    const needsHoverState = Boolean(
+      hasDynamicGroupChildren || (runtimeHoverStyle && !platformPseudo)
+    )
     const attachHover =
       (isWeb || isNativeDesktop) &&
       !!(hasDynamicGroupChildren || needsHoverState || onMouseEnter || onMouseLeave)

package/src/helpers/mainThreadPressEvents.native.ts

@@ -80,9 +80,23 @@ export function useMainThreadPressEvents(
     ref.current.longPressTimer = null
   }
 
-  viewProps.onStartShouldSetResponder = () => !events.disabled
+  // user-supplied responder props (the View's raw RN gesture API) must keep
+  // working: blindly overwriting them here silently killed any press-hold-drag
+  // gesture built on onResponderMove/onResponderRelease whenever the element
+  // also had hover/press events. compose instead — user handler first, then
+  // the press synthesis.
+  const userStartShouldSet = viewProps.onStartShouldSetResponder
+  const userGrant = viewProps.onResponderGrant
+  const userRelease = viewProps.onResponderRelease
+  const userTerminate = viewProps.onResponderTerminate
+  const userTerminationRequest = viewProps.onResponderTerminationRequest
+  const userMove = viewProps.onResponderMove
+
+  viewProps.onStartShouldSetResponder = (e: any) =>
+    Boolean(userStartShouldSet?.(e)) || !events.disabled
 
   viewProps.onResponderGrant = (e: any) => {
+    userGrant?.(e)
     cleanup()
     ref.current.state = 'pressing'
 
@@ -103,6 +117,7 @@ export function useMainThreadPressEvents(
   }
 
   viewProps.onResponderRelease = (e: any) => {
+    userRelease?.(e)
     const wasLongPressed = ref.current.state === 'longPressed'
     cleanup()
 
@@ -120,6 +135,7 @@ export function useMainThreadPressEvents(
   }
 
   viewProps.onResponderTerminate = (e: any) => {
+    userTerminate?.(e)
     cleanup()
     if (ref.current.state === 'active' || ref.current.state === 'longPressed') {
       deactivate(e)
@@ -127,11 +143,13 @@ export function useMainThreadPressEvents(
     ref.current.state = 'idle'
   }
 
-  viewProps.onResponderTerminationRequest = () => {
+  viewProps.onResponderTerminationRequest = (e: any) => {
+    if (userTerminationRequest) return userTerminationRequest(e)
     return events.cancelable !== false
   }
 
   viewProps.onResponderMove = (e: any) => {
+    userMove?.(e)
     events.onPressMove?.(e)
   }
 }

package/src/hooks/useComponentState.ts

@@ -1,4 +1,4 @@
-import { isServer, isWeb } from '@tamagui/constants'
+import { getPlatformDriver, isServer, isWeb } from '@tamagui/constants'
 import { useCreateShallowSetState } from '@tamagui/is-equal-shallow'
 import { useDidFinishSSR, useIsClientOnly } from '@tamagui/use-did-finish-ssr'
 import { useRef, useState } from 'react'
@@ -63,8 +63,22 @@ export const useComponentState = (
     curStateRef.hasAnimated = true
   }
 
+  // a renderer platform driver with native pseudo states (react-native-gpui)
+  // makes ANY component with runtime pseudo styles ride the animation-driver
+  // emitter path — no per-site transition/animation prop required. the flip is
+  // driver-sourced (hover) or event-sourced (press/focus) but either way applies
+  // through the emitter with zero React commits; with no transition declared it
+  // resolves instant (see createComponent's effectiveTransition default).
+  const platformPseudo = Boolean(
+    !isHOC &&
+    useAnimations &&
+    animationDriver?.avoidReRenders &&
+    getPlatformDriver()?.pseudo &&
+    ('hoverStyle' in props || 'pressStyle' in props || 'focusStyle' in props)
+  )
+
   const willBeAnimatedClient = (() => {
-    const next = !!(hasAnimationProp && !isHOC && useAnimations)
+    const next = !!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations)
     return Boolean(next || curStateRef.hasAnimated)
   })()
 
@@ -247,6 +261,7 @@ export const useComponentState = (
     outputStyle,
     willBeAnimated,
     willBeAnimatedClient,
+    platformPseudo,
   }
 }
 

package/src/opacityModifier.test-d.ts

@@ -0,0 +1,57 @@
+/**
+ * Type tests for the opacity modifier syntax (e.g., $color/50)
+ *
+ * The runtime already supports this syntax in getTokenForKey, but the types
+ * were not accepting it. These tests verify that color tokens with opacity
+ * modifiers are now type-safe.
+ */
+
+import { expectTypeOf, describe, test } from 'vitest'
+import type { ColorTokens, FontColorTokens } from './types'
+
+describe('opacity modifier types', () => {
+  test('ColorTokens accepts opacity modifier syntax', () => {
+    // Should accept token with opacity modifier
+    const colorWithOpacity: ColorTokens = '$color/50'
+    const colorWithFullOpacity: ColorTokens = '$color/100'
+    const colorWithLowOpacity: ColorTokens = '$color/10'
+
+    // Should still accept regular tokens
+    const regularToken: ColorTokens = '$color'
+    const colorName: ColorTokens = 'red'
+
+    // These should all be valid
+    expectTypeOf(colorWithOpacity).toMatchTypeOf<ColorTokens>()
+    expectTypeOf(colorWithFullOpacity).toMatchTypeOf<ColorTokens>()
+    expectTypeOf(colorWithLowOpacity).toMatchTypeOf<ColorTokens>()
+    expectTypeOf(regularToken).toMatchTypeOf<ColorTokens>()
+    expectTypeOf(colorName).toMatchTypeOf<ColorTokens>()
+  })
+
+  test('FontColorTokens is type-safe (no font color tokens in default config)', () => {
+    // The default config defines no font `color` sub-tokens, so FontColorTokens
+    // resolves to `number` here — there is no `$fontColor` token to assign. The
+    // user-facing opacity path (`color="$token/50"`) is covered by the ColorTokens
+    // test above. FontColorTokens carries the same `${Base}/${number}` branch, so
+    // once a font config defines `color` tokens, `$myFontColor/50` is type-safe too.
+    const fontColorNumber: FontColorTokens = 42
+
+    expectTypeOf(fontColorNumber).toMatchTypeOf<FontColorTokens>()
+    expectTypeOf<number>().toMatchTypeOf<FontColorTokens>()
+  })
+
+  test('opacity modifier rejects invalid formats', () => {
+    // These should NOT be valid (but TypeScript will still accept them as strings)
+    // The runtime parsing handles validation
+
+    // Valid opacity numbers (0-100)
+    const validOpacity: ColorTokens = '$color/75'
+    expectTypeOf(validOpacity).toMatchTypeOf<ColorTokens>()
+
+    // Note: TypeScript template literal types are permissive with numbers
+    // The runtime validation in getTokenForKey handles edge cases like:
+    // - Negative numbers
+    // - Numbers > 100
+    // - Non-numeric strings after /
+  })
+})