@tamagui/core 2.0.0-rc.26 → 2.0.0-rc.26-1773683384816

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 $ tamagui-build
-built @tamagui/core in 764 ms
+built @tamagui/core in 2986 ms
 Running afterBuild script...
-afterBuild completed in 847 ms
+afterBuild completed in 1869 ms

package/dist/esm/index.js

@@ -1,8 +1,6 @@
 export * from "@tamagui/web";
-import "@tamagui/react-native-media-driver";
 import { createMeasure, createMeasureInWindow, createMeasureLayout, enable, useElementLayout } from "@tamagui/use-element-layout";
 import { TamaguiProvider as WebTamaguiProvider, Text as WebText, View as WebView, createTamagui as createTamaguiWeb, setupHooks, useIsomorphicLayoutEffect } from "@tamagui/web";
-import "./createOptimizedView.mjs";
 import { getBaseViews } from "./getBaseViews.mjs";
 import { LayoutMeasurementController, registerLayoutNode, setOnLayoutStrategy } from "@tamagui/use-element-layout";
 export * from "./reactNativeTypes.mjs";

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createMeasure","createMeasureInWindow","createMeasureLayout","enable","useElementLayout","TamaguiProvider","WebTamaguiProvider","Text","WebText","View","WebView","createTamagui","createTamaguiWeb","setupHooks","useIsomorphicLayoutEffect","getBaseViews","LayoutMeasurementController","registerLayoutNode","setOnLayoutStrategy","jsx","props","conf","baseViews","setElementProps","node","measure","measureInWindow","measureLayout","usePropsTransform","elementType","propsIn","stateRef","willHydrate","isDOM","onMoveShouldSetResponder","onMoveShouldSetResponderCapture","onResponderEnd","onResponderGrant","onResponderMove","onResponderReject","onResponderRelease","onResponderStart","onResponderTerminate","onResponderTerminationRequest","onScrollShouldSetResponder","onScrollShouldSetResponderCapture","onSelectionChangeShouldSetResponder","onSelectionChangeShouldSetResponderCapture","onStartShouldSetResponder","onStartShouldSetResponderCapture","collapsable","focusable","accessible","accessibilityDisabled","onLayout","hrefAttrs","plainDOMProps","href","download","rel","target","charAt"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AACA,cAAc;AAEd,OAA4B;AAC5B,SACEA,aAAA,EACAC,qBAAA,EACAC,mBAAA,EACAC,MAAA,EACAC,gBAAA,QACK;AAaP,SACEC,eAAA,IAAmBC,kBAAA,EACnBC,IAAA,IAAQC,OAAA,EACRC,IAAA,IAAQC,OAAA,EACRC,aAAA,IAAiBC,gBAAA,EACjBC,UAAA,EACAC,yBAAA,QACK;AACP,OAAoC;AACpC,SAASC,YAAA,QAAoB;AAI7B,SACEC,2BAAA,EACAC,kBAAA,EACAC,mBAAA,QAEK;AA8BP,cAAc;AAQL,SAAAC,GAAA;AALF,MAAMd,eAAA,GAAmBe,KAAA,KAC9BN,yBAAA,CAA0B,MAAM;IAC9BX,MAAA,CAAO;EACT,GAAG,EAAE,GAEE,eAAAgB,GAAA,CAACb,kBAAA;IAAoB,GAAGc;EAAA,CAAO;EAI3BT,aAAA,GAA0CU,IAAA,IAM9CT,gBAAA,CAAiBS,IAAI;EAGxBC,SAAA,GAAYP,YAAA,CAAa;AAI/BF,UAAA,CAAW;EACTE,YAAA;EAEAQ,eAAA,EAAkBC,IAAA,IAAS;IAGnBA,IAAA,IAAQ,CAACA,IAAA,CAAKC,OAAA,KAChBD,IAAA,CAAKC,OAAA,KAAYzB,aAAA,CAAcwB,IAAI,GACnCA,IAAA,CAAKE,eAAA,KAAoBzB,qBAAA,CAAsBuB,IAAI,GACnDA,IAAA,CAAKG,aAAA,KAAkBzB,mBAAA,CAAoBsB,IAAI;EAGrD;EAEAI,kBAAkBC,WAAA,EAAaC,OAAA,EAASC,QAAA,EAAUC,WAAA,EAAa;IACnB;MACxC,MAAMC,KAAA,GAAQ,OAAOJ,WAAA,IAAgB;QAG/B;UAAA;UAEJK,wBAAA;UACAC,+BAAA;UACAC,cAAA;UACAC,gBAAA;UACAC,eAAA;UACAC,iBAAA;UACAC,kBAAA;UACAC,gBAAA;UACAC,oBAAA;UACAC,6BAAA;UACAC,0BAAA;UACAC,iCAAA;UACAC,mCAAA;UACAC,0CAAA;UACAC,yBAAA;UACAC,gCAAA;UAAA;UAGAC,WAAA;UACAC,SAAA;UAAA;UAGAC,UAAA;UACAC,qBAAA;UAEAC,QAAA;UACAC,SAAA;UAEA,GAAGC;QACL,IAAI1B,OAAA;MAQJ,KANIE,WAAA,IAAeC,KAAA,KACjB7B,gBAAA,CAAiB2B,QAAA,EAAWE,KAAA,GAAqBqB,QAAA,GAAb,MAA6B,GAK/DrB,KAAA,EAAO;QAET,IAAIuB,aAAA,CAAcC,IAAA,IAAQF,SAAA,EAAW;UACnC,MAAM;YAAEG,QAAA;YAAUC,GAAA;YAAKC;UAAO,IAAIL,SAAA;UAC9BG,QAAA,IAAY,SACdF,aAAA,CAAcE,QAAA,GAAWA,QAAA,GAEvBC,GAAA,KACFH,aAAA,CAAcG,GAAA,GAAMA,GAAA,GAElB,OAAOC,MAAA,IAAW,aACpBJ,aAAA,CAAcI,MAAA,GAASA,MAAA,CAAOC,MAAA,CAAO,CAAC,MAAM,MAAM,IAAID,MAAM,KAAKA,MAAA;QAErE;QACA,OAAOJ,aAAA;MACT;IACF;EACF;AAgBF,CAAC;AAIM,MAAM/C,IAAA,GAAOC,OAAA;EACPH,IAAA,GAAOC,OAAA","ignoreList":[]}
+{"version":3,"names":["createMeasure","createMeasureInWindow","createMeasureLayout","enable","useElementLayout","TamaguiProvider","WebTamaguiProvider","Text","WebText","View","WebView","createTamagui","createTamaguiWeb","setupHooks","useIsomorphicLayoutEffect","getBaseViews","LayoutMeasurementController","registerLayoutNode","setOnLayoutStrategy","jsx","props","conf","baseViews","setElementProps","node","measure","measureInWindow","measureLayout","usePropsTransform","elementType","propsIn","stateRef","willHydrate","isDOM","onMoveShouldSetResponder","onMoveShouldSetResponderCapture","onResponderEnd","onResponderGrant","onResponderMove","onResponderReject","onResponderRelease","onResponderStart","onResponderTerminate","onResponderTerminationRequest","onScrollShouldSetResponder","onScrollShouldSetResponderCapture","onSelectionChangeShouldSetResponder","onSelectionChangeShouldSetResponderCapture","onStartShouldSetResponder","onStartShouldSetResponderCapture","collapsable","focusable","accessible","accessibilityDisabled","onLayout","hrefAttrs","plainDOMProps","href","download","rel","target","charAt"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AACA,cAAc;AAGd,SACEA,aAAA,EACAC,qBAAA,EACAC,mBAAA,EACAC,MAAA,EACAC,gBAAA,QACK;AAaP,SACEC,eAAA,IAAmBC,kBAAA,EACnBC,IAAA,IAAQC,OAAA,EACRC,IAAA,IAAQC,OAAA,EACRC,aAAA,IAAiBC,gBAAA,EACjBC,UAAA,EACAC,yBAAA,QACK;AAEP,SAASC,YAAA,QAAoB;AAI7B,SACEC,2BAAA,EACAC,kBAAA,EACAC,mBAAA,QAEK;AA8BP,cAAc;AAQL,SAAAC,GAAA;AALF,MAAMd,eAAA,GAAmBe,KAAA,KAC9BN,yBAAA,CAA0B,MAAM;IAC9BX,MAAA,CAAO;EACT,GAAG,EAAE,GAEE,eAAAgB,GAAA,CAACb,kBAAA;IAAoB,GAAGc;EAAA,CAAO;EAI3BT,aAAA,GAA0CU,IAAA,IAM9CT,gBAAA,CAAiBS,IAAI;EAGxBC,SAAA,GAAYP,YAAA,CAAa;AAI/BF,UAAA,CAAW;EACTE,YAAA;EAEAQ,eAAA,EAAkBC,IAAA,IAAS;IAGnBA,IAAA,IAAQ,CAACA,IAAA,CAAKC,OAAA,KAChBD,IAAA,CAAKC,OAAA,KAAYzB,aAAA,CAAcwB,IAAI,GACnCA,IAAA,CAAKE,eAAA,KAAoBzB,qBAAA,CAAsBuB,IAAI,GACnDA,IAAA,CAAKG,aAAA,KAAkBzB,mBAAA,CAAoBsB,IAAI;EAGrD;EAEAI,kBAAkBC,WAAA,EAAaC,OAAA,EAASC,QAAA,EAAUC,WAAA,EAAa;IACnB;MACxC,MAAMC,KAAA,GAAQ,OAAOJ,WAAA,IAAgB;QAG/B;UAAA;UAEJK,wBAAA;UACAC,+BAAA;UACAC,cAAA;UACAC,gBAAA;UACAC,eAAA;UACAC,iBAAA;UACAC,kBAAA;UACAC,gBAAA;UACAC,oBAAA;UACAC,6BAAA;UACAC,0BAAA;UACAC,iCAAA;UACAC,mCAAA;UACAC,0CAAA;UACAC,yBAAA;UACAC,gCAAA;UAAA;UAGAC,WAAA;UACAC,SAAA;UAAA;UAGAC,UAAA;UACAC,qBAAA;UAEAC,QAAA;UACAC,SAAA;UAEA,GAAGC;QACL,IAAI1B,OAAA;MAQJ,KANIE,WAAA,IAAeC,KAAA,KACjB7B,gBAAA,CAAiB2B,QAAA,EAAWE,KAAA,GAAqBqB,QAAA,GAAb,MAA6B,GAK/DrB,KAAA,EAAO;QAET,IAAIuB,aAAA,CAAcC,IAAA,IAAQF,SAAA,EAAW;UACnC,MAAM;YAAEG,QAAA;YAAUC,GAAA;YAAKC;UAAO,IAAIL,SAAA;UAC9BG,QAAA,IAAY,SACdF,aAAA,CAAcE,QAAA,GAAWA,QAAA,GAEvBC,GAAA,KACFH,aAAA,CAAcG,GAAA,GAAMA,GAAA,GAElB,OAAOC,MAAA,IAAW,aACpBJ,aAAA,CAAcI,MAAA,GAASA,MAAA,CAAOC,MAAA,CAAO,CAAC,MAAM,MAAM,IAAID,MAAM,KAAKA,MAAA;QAErE;QACA,OAAOJ,aAAA;MACT;IACF;EACF;AAgBF,CAAC;AAIM,MAAM/C,IAAA,GAAOC,OAAA;EACPH,IAAA,GAAOC,OAAA","ignoreList":[]}

package/dist/esm/index.mjs

@@ -1,8 +1,6 @@
 export * from "@tamagui/web";
-import "@tamagui/react-native-media-driver";
 import { createMeasure, createMeasureInWindow, createMeasureLayout, enable, useElementLayout } from "@tamagui/use-element-layout";
 import { TamaguiProvider as WebTamaguiProvider, Text as WebText, View as WebView, createTamagui as createTamaguiWeb, setupHooks, useIsomorphicLayoutEffect } from "@tamagui/web";
-import "./createOptimizedView.mjs";
 import { getBaseViews } from "./getBaseViews.mjs";
 import { LayoutMeasurementController, registerLayoutNode, setOnLayoutStrategy } from "@tamagui/use-element-layout";
 export * from "./reactNativeTypes.mjs";

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createMeasure","createMeasureInWindow","createMeasureLayout","enable","useElementLayout","TamaguiProvider","WebTamaguiProvider","Text","WebText","View","WebView","createTamagui","createTamaguiWeb","setupHooks","useIsomorphicLayoutEffect","getBaseViews","LayoutMeasurementController","registerLayoutNode","setOnLayoutStrategy","jsx","props","conf","baseViews","setElementProps","node","measure","measureInWindow","measureLayout","usePropsTransform","elementType","propsIn","stateRef","willHydrate","isDOM","onMoveShouldSetResponder","onMoveShouldSetResponderCapture","onResponderEnd","onResponderGrant","onResponderMove","onResponderReject","onResponderRelease","onResponderStart","onResponderTerminate","onResponderTerminationRequest","onScrollShouldSetResponder","onScrollShouldSetResponderCapture","onSelectionChangeShouldSetResponder","onSelectionChangeShouldSetResponderCapture","onStartShouldSetResponder","onStartShouldSetResponderCapture","collapsable","focusable","accessible","accessibilityDisabled","onLayout","hrefAttrs","plainDOMProps","href","download","rel","target","charAt"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AACA,cAAc;AAEd,OAA4B;AAC5B,SACEA,aAAA,EACAC,qBAAA,EACAC,mBAAA,EACAC,MAAA,EACAC,gBAAA,QACK;AAaP,SACEC,eAAA,IAAmBC,kBAAA,EACnBC,IAAA,IAAQC,OAAA,EACRC,IAAA,IAAQC,OAAA,EACRC,aAAA,IAAiBC,gBAAA,EACjBC,UAAA,EACAC,yBAAA,QACK;AACP,OAAoC;AACpC,SAASC,YAAA,QAAoB;AAI7B,SACEC,2BAAA,EACAC,kBAAA,EACAC,mBAAA,QAEK;AA8BP,cAAc;AAQL,SAAAC,GAAA;AALF,MAAMd,eAAA,GAAmBe,KAAA,KAC9BN,yBAAA,CAA0B,MAAM;IAC9BX,MAAA,CAAO;EACT,GAAG,EAAE,GAEE,eAAAgB,GAAA,CAACb,kBAAA;IAAoB,GAAGc;EAAA,CAAO;EAI3BT,aAAA,GAA0CU,IAAA,IAM9CT,gBAAA,CAAiBS,IAAI;EAGxBC,SAAA,GAAYP,YAAA,CAAa;AAI/BF,UAAA,CAAW;EACTE,YAAA;EAEAQ,eAAA,EAAkBC,IAAA,IAAS;IAGnBA,IAAA,IAAQ,CAACA,IAAA,CAAKC,OAAA,KAChBD,IAAA,CAAKC,OAAA,KAAYzB,aAAA,CAAcwB,IAAI,GACnCA,IAAA,CAAKE,eAAA,KAAoBzB,qBAAA,CAAsBuB,IAAI,GACnDA,IAAA,CAAKG,aAAA,KAAkBzB,mBAAA,CAAoBsB,IAAI;EAGrD;EAEAI,kBAAkBC,WAAA,EAAaC,OAAA,EAASC,QAAA,EAAUC,WAAA,EAAa;IACnB;MACxC,MAAMC,KAAA,GAAQ,OAAOJ,WAAA,IAAgB;QAG/B;UAAA;UAEJK,wBAAA;UACAC,+BAAA;UACAC,cAAA;UACAC,gBAAA;UACAC,eAAA;UACAC,iBAAA;UACAC,kBAAA;UACAC,gBAAA;UACAC,oBAAA;UACAC,6BAAA;UACAC,0BAAA;UACAC,iCAAA;UACAC,mCAAA;UACAC,0CAAA;UACAC,yBAAA;UACAC,gCAAA;UAAA;UAGAC,WAAA;UACAC,SAAA;UAAA;UAGAC,UAAA;UACAC,qBAAA;UAEAC,QAAA;UACAC,SAAA;UAEA,GAAGC;QACL,IAAI1B,OAAA;MAQJ,KANIE,WAAA,IAAeC,KAAA,KACjB7B,gBAAA,CAAiB2B,QAAA,EAAWE,KAAA,GAAqBqB,QAAA,GAAb,MAA6B,GAK/DrB,KAAA,EAAO;QAET,IAAIuB,aAAA,CAAcC,IAAA,IAAQF,SAAA,EAAW;UACnC,MAAM;YAAEG,QAAA;YAAUC,GAAA;YAAKC;UAAO,IAAIL,SAAA;UAC9BG,QAAA,IAAY,SACdF,aAAA,CAAcE,QAAA,GAAWA,QAAA,GAEvBC,GAAA,KACFH,aAAA,CAAcG,GAAA,GAAMA,GAAA,GAElB,OAAOC,MAAA,IAAW,aACpBJ,aAAA,CAAcI,MAAA,GAASA,MAAA,CAAOC,MAAA,CAAO,CAAC,MAAM,MAAM,IAAID,MAAM,KAAKA,MAAA;QAErE;QACA,OAAOJ,aAAA;MACT;IACF;EACF;AAgBF,CAAC;AAIM,MAAM/C,IAAA,GAAOC,OAAA;EACPH,IAAA,GAAOC,OAAA","ignoreList":[]}
+{"version":3,"names":["createMeasure","createMeasureInWindow","createMeasureLayout","enable","useElementLayout","TamaguiProvider","WebTamaguiProvider","Text","WebText","View","WebView","createTamagui","createTamaguiWeb","setupHooks","useIsomorphicLayoutEffect","getBaseViews","LayoutMeasurementController","registerLayoutNode","setOnLayoutStrategy","jsx","props","conf","baseViews","setElementProps","node","measure","measureInWindow","measureLayout","usePropsTransform","elementType","propsIn","stateRef","willHydrate","isDOM","onMoveShouldSetResponder","onMoveShouldSetResponderCapture","onResponderEnd","onResponderGrant","onResponderMove","onResponderReject","onResponderRelease","onResponderStart","onResponderTerminate","onResponderTerminationRequest","onScrollShouldSetResponder","onScrollShouldSetResponderCapture","onSelectionChangeShouldSetResponder","onSelectionChangeShouldSetResponderCapture","onStartShouldSetResponder","onStartShouldSetResponderCapture","collapsable","focusable","accessible","accessibilityDisabled","onLayout","hrefAttrs","plainDOMProps","href","download","rel","target","charAt"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AACA,cAAc;AAGd,SACEA,aAAA,EACAC,qBAAA,EACAC,mBAAA,EACAC,MAAA,EACAC,gBAAA,QACK;AAaP,SACEC,eAAA,IAAmBC,kBAAA,EACnBC,IAAA,IAAQC,OAAA,EACRC,IAAA,IAAQC,OAAA,EACRC,aAAA,IAAiBC,gBAAA,EACjBC,UAAA,EACAC,yBAAA,QACK;AAEP,SAASC,YAAA,QAAoB;AAI7B,SACEC,2BAAA,EACAC,kBAAA,EACAC,mBAAA,QAEK;AA8BP,cAAc;AAQL,SAAAC,GAAA;AALF,MAAMd,eAAA,GAAmBe,KAAA,KAC9BN,yBAAA,CAA0B,MAAM;IAC9BX,MAAA,CAAO;EACT,GAAG,EAAE,GAEE,eAAAgB,GAAA,CAACb,kBAAA;IAAoB,GAAGc;EAAA,CAAO;EAI3BT,aAAA,GAA0CU,IAAA,IAM9CT,gBAAA,CAAiBS,IAAI;EAGxBC,SAAA,GAAYP,YAAA,CAAa;AAI/BF,UAAA,CAAW;EACTE,YAAA;EAEAQ,eAAA,EAAkBC,IAAA,IAAS;IAGnBA,IAAA,IAAQ,CAACA,IAAA,CAAKC,OAAA,KAChBD,IAAA,CAAKC,OAAA,KAAYzB,aAAA,CAAcwB,IAAI,GACnCA,IAAA,CAAKE,eAAA,KAAoBzB,qBAAA,CAAsBuB,IAAI,GACnDA,IAAA,CAAKG,aAAA,KAAkBzB,mBAAA,CAAoBsB,IAAI;EAGrD;EAEAI,kBAAkBC,WAAA,EAAaC,OAAA,EAASC,QAAA,EAAUC,WAAA,EAAa;IACnB;MACxC,MAAMC,KAAA,GAAQ,OAAOJ,WAAA,IAAgB;QAG/B;UAAA;UAEJK,wBAAA;UACAC,+BAAA;UACAC,cAAA;UACAC,gBAAA;UACAC,eAAA;UACAC,iBAAA;UACAC,kBAAA;UACAC,gBAAA;UACAC,oBAAA;UACAC,6BAAA;UACAC,0BAAA;UACAC,iCAAA;UACAC,mCAAA;UACAC,0CAAA;UACAC,yBAAA;UACAC,gCAAA;UAAA;UAGAC,WAAA;UACAC,SAAA;UAAA;UAGAC,UAAA;UACAC,qBAAA;UAEAC,QAAA;UACAC,SAAA;UAEA,GAAGC;QACL,IAAI1B,OAAA;MAQJ,KANIE,WAAA,IAAeC,KAAA,KACjB7B,gBAAA,CAAiB2B,QAAA,EAAWE,KAAA,GAAqBqB,QAAA,GAAb,MAA6B,GAK/DrB,KAAA,EAAO;QAET,IAAIuB,aAAA,CAAcC,IAAA,IAAQF,SAAA,EAAW;UACnC,MAAM;YAAEG,QAAA;YAAUC,GAAA;YAAKC;UAAO,IAAIL,SAAA;UAC9BG,QAAA,IAAY,SACdF,aAAA,CAAcE,QAAA,GAAWA,QAAA,GAEvBC,GAAA,KACFH,aAAA,CAAcG,GAAA,GAAMA,GAAA,GAElB,OAAOC,MAAA,IAAW,aACpBJ,aAAA,CAAcI,MAAA,GAASA,MAAA,CAAOC,MAAA,CAAO,CAAC,MAAM,MAAM,IAAID,MAAM,KAAKA,MAAA;QAErE;QACA,OAAOJ,aAAA;MACT;IACF;EACF;AAgBF,CAAC;AAIM,MAAM/C,IAAA,GAAOC,OAAA;EACPH,IAAA,GAAOC,OAAA","ignoreList":[]}

package/dist/native.cjs

@@ -7581,76 +7581,6 @@ function resolvePlatformNames(nativeProp) {
   ) : Array.isArray(nativeProp) ? nativeProp : [nativeProp], set = new Set(platforms2);
   return set.has("mobile") && (set.add("android"), set.add("ios"), set.delete("mobile")), set;
 }
-var nonAnimatableWebViewProps = {
-  backgroundAttachment: true,
-  backgroundBlendMode: true,
-  backgroundClip: true,
-  backgroundOrigin: true,
-  backgroundRepeat: true,
-  borderBottomStyle: true,
-  borderLeftStyle: true,
-  borderRightStyle: true,
-  borderTopStyle: true,
-  contain: true,
-  containerType: true,
-  content: true,
-  float: true,
-  maskBorderMode: true,
-  maskBorderRepeat: true,
-  maskClip: true,
-  maskComposite: true,
-  maskMode: true,
-  maskOrigin: true,
-  maskRepeat: true,
-  maskType: true,
-  objectFit: true,
-  overflowBlock: true,
-  overflowInline: true,
-  overflowX: true,
-  overflowY: true,
-  // NOTE: pointerEvents is NOT web-only - it's a core React Native View prop (not a style)
-  pointerEvents: true,
-  scrollbarWidth: true,
-  textWrap: true,
-  touchAction: true,
-  transformStyle: true,
-  willChange: true
-}, nonAnimatableWebTextProps = {
-  whiteSpace: true,
-  wordWrap: true,
-  textOverflow: true,
-  WebkitBoxOrient: true
-}, webOnlyStylePropsView = __spreadProps(__spreadValues({}, nonAnimatableWebViewProps), {
-  transition: true,
-  backdropFilter: true,
-  WebkitBackdropFilter: true,
-  background: true,
-  borderTop: true,
-  borderRight: true,
-  borderBottom: true,
-  borderLeft: true,
-  backgroundPosition: true,
-  backgroundSize: true,
-  borderImage: true,
-  caretColor: true,
-  clipPath: true,
-  mask: true,
-  maskBorder: true,
-  maskBorderOutset: true,
-  maskBorderSlice: true,
-  maskBorderSource: true,
-  maskBorderWidth: true,
-  maskImage: true,
-  maskPosition: true,
-  maskSize: true,
-  objectPosition: true,
-  textEmphasis: true,
-  userSelect: true
-}), webOnlyStylePropsText = __spreadProps(__spreadValues({}, nonAnimatableWebTextProps), {
-  textDecorationDistance: true,
-  // cursor: now cross-platform - in stylePropsView
-  WebkitLineClamp: true
-});
 var cssShorthandLonghands = {
   // border longhands
   borderWidth: true,
@@ -7920,6 +7850,76 @@ var cssShorthandLonghands = {
 var Decorated = /* @__PURE__ */ Symbol(), withStaticProperties = function(component, staticProps) {
   return Object.assign(component, staticProps), component[Decorated] = true, component;
 };
+var nonAnimatableWebViewProps = {
+  backgroundAttachment: true,
+  backgroundBlendMode: true,
+  backgroundClip: true,
+  backgroundOrigin: true,
+  backgroundRepeat: true,
+  borderBottomStyle: true,
+  borderLeftStyle: true,
+  borderRightStyle: true,
+  borderTopStyle: true,
+  contain: true,
+  containerType: true,
+  content: true,
+  float: true,
+  maskBorderMode: true,
+  maskBorderRepeat: true,
+  maskClip: true,
+  maskComposite: true,
+  maskMode: true,
+  maskOrigin: true,
+  maskRepeat: true,
+  maskType: true,
+  objectFit: true,
+  overflowBlock: true,
+  overflowInline: true,
+  overflowX: true,
+  overflowY: true,
+  // NOTE: pointerEvents is NOT web-only - it's a core React Native View prop (not a style)
+  pointerEvents: true,
+  scrollbarWidth: true,
+  textWrap: true,
+  touchAction: true,
+  transformStyle: true,
+  willChange: true
+}, nonAnimatableWebTextProps = {
+  whiteSpace: true,
+  wordWrap: true,
+  textOverflow: true,
+  WebkitBoxOrient: true
+}, webOnlyStylePropsView = __spreadProps(__spreadValues({}, nonAnimatableWebViewProps), {
+  transition: true,
+  backdropFilter: true,
+  WebkitBackdropFilter: true,
+  background: true,
+  borderTop: true,
+  borderRight: true,
+  borderBottom: true,
+  borderLeft: true,
+  backgroundPosition: true,
+  backgroundSize: true,
+  borderImage: true,
+  caretColor: true,
+  clipPath: true,
+  mask: true,
+  maskBorder: true,
+  maskBorderOutset: true,
+  maskBorderSlice: true,
+  maskBorderSource: true,
+  maskBorderWidth: true,
+  maskImage: true,
+  maskPosition: true,
+  maskSize: true,
+  objectPosition: true,
+  textEmphasis: true,
+  userSelect: true
+}), webOnlyStylePropsText = __spreadProps(__spreadValues({}, nonAnimatableWebTextProps), {
+  textDecorationDistance: true,
+  // cursor: now cross-platform - in stylePropsView
+  WebkitLineClamp: true
+});
 function _type_of$6(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
@@ -8618,18 +8618,6 @@ var nativeStyle = "borderStyle", borderDefaults = {
 var empty = function() {
   console.warn("no-op native");
 }, getCSSStylesAtomic = empty, getStyleAtomic = empty, styleToCSS = empty;
-function scanAllSheets() {
-  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
-    return;
-  }
-}
-process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
-function setNonce(_2) {
-}
-function insertStyleRules(rulesToInsert) {
-  return;
-}
-process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
 function isActivePlatform(key) {
   if (!key.startsWith("$platform")) return true;
   var platform = key.slice(10);
@@ -8856,6 +8844,14 @@ function setLastFontFamilyToken(value) {
 var getTokenForKey = function(key, value, styleProps2, styleState) {
   var _staticConfig_accept, resolveAs = styleProps2.resolveValues || "none";
   if (resolveAs === "none") return value;
+  var opacityModifier;
+  if (key in (tokenCategories.color || {})) {
+    var slashIdx = value.indexOf("/");
+    if (slashIdx > 0) {
+      var num = Number(value.slice(slashIdx + 1));
+      Number.isNaN(num) || (opacityModifier = num / 100, value = value.slice(0, slashIdx));
+    }
+  }
   var {
     theme,
     conf: conf2 = getConfig(),
@@ -8903,6 +8899,10 @@ var getTokenForKey = function(key, value, styleProps2, styleState) {
   }
   if (hasSet) {
     var out = resolveVariableValue(key, valOrVar, resolveAs);
+    if (opacityModifier !== void 0 && opacityModifier < 1) {
+      var _normalizeColor;
+      out = (_normalizeColor = normalizeColor(String(out), opacityModifier)) !== null && _normalizeColor !== void 0 ? _normalizeColor : out;
+    }
     return out;
   }
 };
@@ -10201,8 +10201,6 @@ function themeable(Component, staticConfig) {
   }), withTheme = withThemeComponent;
   return withTheme.displayName = `Themed(${(Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "Anonymous"})`, withTheme;
 }
-function getStyleTags(styles2) {
-}
 var ClientOnlyContext = /* @__PURE__ */ React.createContext(false), ClientOnly = function(param) {
   var {
     children,
@@ -10738,7 +10736,9 @@ function createComponent(staticConfig) {
     }), attachFocus && {
       onFocus: function(e) {
         var next = {};
-        componentContext.setParentFocusState && (next.focusWithin = true), (pseudos == null ? void 0 : pseudos.focusVisibleStyle) && lastInteractionWasKeyboard.value ? next.focusVisible = true : next.focus = true, setStateShallow(next), onFocus == null ? void 0 : onFocus(e);
+        componentContext.setParentFocusState && (componentContext.setParentFocusState({
+          focusWithin: true
+        }), next.focusWithin = true), (pseudos == null ? void 0 : pseudos.focusVisibleStyle) && lastInteractionWasKeyboard.value ? next.focusVisible = true : next.focus = true, setStateShallow(next), onFocus == null ? void 0 : onFocus(e);
       },
       onBlur: function(e) {
         componentContext.setParentFocusState && componentContext.setParentFocusState({
@@ -10794,7 +10794,7 @@ function createComponent(staticConfig) {
     if (renderReset && ResetPresence && (content = /* @__PURE__ */ jsxRuntime.jsx(ResetPresence, {
       disabled: !needsReset,
       children: content
-    })), "focusWithinStyle" in propsIn && (content = /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, componentContext), {
+    })), ("focusWithinStyle" in propsIn || (pseudos == null ? void 0 : pseudos.focusWithinStyle)) && (content = /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, componentContext), {
       setParentFocusState: setStateShallow,
       children: content
     }))), "group" in props && (content = /* @__PURE__ */ jsxRuntime.jsx(GroupContext.Provider, {
@@ -10884,6 +10884,18 @@ var registerCSSVariable = function(v) {
   var unitless = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
   return process.env.TAMAGUI_DID_OUTPUT_CSS ? "" : `--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${createCSSVariable(v.name, false)}:${!unitless && typeof v.val == "number" ? `${v.val}px` : v.val}`;
 }, tokensValueToVariable = /* @__PURE__ */ new Map(), autoVariables = [], mutatedAutoVariables = [];
+function scanAllSheets() {
+  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+    return;
+  }
+}
+process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
+function setNonce(_2) {
+}
+function insertStyleRules(rulesToInsert) {
+  return;
+}
+process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
 function isTamaguiComponent(comp, name) {
   var config = comp == null ? void 0 : comp.staticConfig;
   return !!(config && (!name || name === config.componentName));
@@ -11002,6 +11014,8 @@ function ensureThemeVariable(theme, key) {
     val
   });
 }
+function getStyleTags(styles2) {
+}
 var fontWeights = ["100", "200", "300", "400", "500", "600", "700", "800", "900"], processSection = function(section, keys, defaultValue2) {
   if (typeof section == "string") return section;
   var sectionKeys = Object.keys(section), fillValue = section[sectionKeys[0]];

package/dist/test.native.cjs

@@ -606,76 +606,6 @@ function resolvePlatformNames(nativeProp) {
   ) : Array.isArray(nativeProp) ? nativeProp : [nativeProp], set = new Set(platforms2);
   return set.has("mobile") && (set.add("android"), set.add("ios"), set.delete("mobile")), set;
 }
-var nonAnimatableWebViewProps = {
-  backgroundAttachment: true,
-  backgroundBlendMode: true,
-  backgroundClip: true,
-  backgroundOrigin: true,
-  backgroundRepeat: true,
-  borderBottomStyle: true,
-  borderLeftStyle: true,
-  borderRightStyle: true,
-  borderTopStyle: true,
-  contain: true,
-  containerType: true,
-  content: true,
-  float: true,
-  maskBorderMode: true,
-  maskBorderRepeat: true,
-  maskClip: true,
-  maskComposite: true,
-  maskMode: true,
-  maskOrigin: true,
-  maskRepeat: true,
-  maskType: true,
-  objectFit: true,
-  overflowBlock: true,
-  overflowInline: true,
-  overflowX: true,
-  overflowY: true,
-  // NOTE: pointerEvents is NOT web-only - it's a core React Native View prop (not a style)
-  pointerEvents: true,
-  scrollbarWidth: true,
-  textWrap: true,
-  touchAction: true,
-  transformStyle: true,
-  willChange: true
-}, nonAnimatableWebTextProps = {
-  whiteSpace: true,
-  wordWrap: true,
-  textOverflow: true,
-  WebkitBoxOrient: true
-}, webOnlyStylePropsView = __spreadProps(__spreadValues({}, nonAnimatableWebViewProps), {
-  transition: true,
-  backdropFilter: true,
-  WebkitBackdropFilter: true,
-  background: true,
-  borderTop: true,
-  borderRight: true,
-  borderBottom: true,
-  borderLeft: true,
-  backgroundPosition: true,
-  backgroundSize: true,
-  borderImage: true,
-  caretColor: true,
-  clipPath: true,
-  mask: true,
-  maskBorder: true,
-  maskBorderOutset: true,
-  maskBorderSlice: true,
-  maskBorderSource: true,
-  maskBorderWidth: true,
-  maskImage: true,
-  maskPosition: true,
-  maskSize: true,
-  objectPosition: true,
-  textEmphasis: true,
-  userSelect: true
-}), webOnlyStylePropsText = __spreadProps(__spreadValues({}, nonAnimatableWebTextProps), {
-  textDecorationDistance: true,
-  // cursor: now cross-platform - in stylePropsView
-  WebkitLineClamp: true
-});
 var cssShorthandLonghands = {
   // border longhands
   borderWidth: true,
@@ -945,6 +875,76 @@ var cssShorthandLonghands = {
 var Decorated = /* @__PURE__ */ Symbol(), withStaticProperties = function(component, staticProps) {
   return Object.assign(component, staticProps), component[Decorated] = true, component;
 };
+var nonAnimatableWebViewProps = {
+  backgroundAttachment: true,
+  backgroundBlendMode: true,
+  backgroundClip: true,
+  backgroundOrigin: true,
+  backgroundRepeat: true,
+  borderBottomStyle: true,
+  borderLeftStyle: true,
+  borderRightStyle: true,
+  borderTopStyle: true,
+  contain: true,
+  containerType: true,
+  content: true,
+  float: true,
+  maskBorderMode: true,
+  maskBorderRepeat: true,
+  maskClip: true,
+  maskComposite: true,
+  maskMode: true,
+  maskOrigin: true,
+  maskRepeat: true,
+  maskType: true,
+  objectFit: true,
+  overflowBlock: true,
+  overflowInline: true,
+  overflowX: true,
+  overflowY: true,
+  // NOTE: pointerEvents is NOT web-only - it's a core React Native View prop (not a style)
+  pointerEvents: true,
+  scrollbarWidth: true,
+  textWrap: true,
+  touchAction: true,
+  transformStyle: true,
+  willChange: true
+}, nonAnimatableWebTextProps = {
+  whiteSpace: true,
+  wordWrap: true,
+  textOverflow: true,
+  WebkitBoxOrient: true
+}, webOnlyStylePropsView = __spreadProps(__spreadValues({}, nonAnimatableWebViewProps), {
+  transition: true,
+  backdropFilter: true,
+  WebkitBackdropFilter: true,
+  background: true,
+  borderTop: true,
+  borderRight: true,
+  borderBottom: true,
+  borderLeft: true,
+  backgroundPosition: true,
+  backgroundSize: true,
+  borderImage: true,
+  caretColor: true,
+  clipPath: true,
+  mask: true,
+  maskBorder: true,
+  maskBorderOutset: true,
+  maskBorderSlice: true,
+  maskBorderSource: true,
+  maskBorderWidth: true,
+  maskImage: true,
+  maskPosition: true,
+  maskSize: true,
+  objectPosition: true,
+  textEmphasis: true,
+  userSelect: true
+}), webOnlyStylePropsText = __spreadProps(__spreadValues({}, nonAnimatableWebTextProps), {
+  textDecorationDistance: true,
+  // cursor: now cross-platform - in stylePropsView
+  WebkitLineClamp: true
+});
 function _type_of$6(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
@@ -2187,18 +2187,6 @@ var nativeStyle = "borderStyle", borderDefaults = {
 var empty = function() {
   console.warn("no-op native");
 }, getCSSStylesAtomic = empty, getStyleAtomic = empty, styleToCSS = empty;
-function scanAllSheets() {
-  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
-    return;
-  }
-}
-process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
-function setNonce(_2) {
-}
-function insertStyleRules(rulesToInsert) {
-  return;
-}
-process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
 function isActivePlatform(key) {
   if (!key.startsWith("$platform")) return true;
   var platform = key.slice(10);
@@ -2425,6 +2413,14 @@ function setLastFontFamilyToken(value) {
 var getTokenForKey = function(key, value, styleProps, styleState) {
   var _staticConfig_accept, resolveAs = styleProps.resolveValues || "none";
   if (resolveAs === "none") return value;
+  var opacityModifier;
+  if (key in (tokenCategories.color || {})) {
+    var slashIdx = value.indexOf("/");
+    if (slashIdx > 0) {
+      var num = Number(value.slice(slashIdx + 1));
+      Number.isNaN(num) || (opacityModifier = num / 100, value = value.slice(0, slashIdx));
+    }
+  }
   var {
     theme,
     conf: conf2 = getConfig(),
@@ -2472,6 +2468,10 @@ var getTokenForKey = function(key, value, styleProps, styleState) {
   }
   if (hasSet) {
     var out = resolveVariableValue(key, valOrVar, resolveAs);
+    if (opacityModifier !== void 0 && opacityModifier < 1) {
+      var _normalizeColor;
+      out = (_normalizeColor = normalizeColor(String(out), opacityModifier)) !== null && _normalizeColor !== void 0 ? _normalizeColor : out;
+    }
     return out;
   }
 };
@@ -3772,8 +3772,6 @@ function themeable(Component, staticConfig) {
   }), withTheme = withThemeComponent;
   return withTheme.displayName = `Themed(${(Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "Anonymous"})`, withTheme;
 }
-function getStyleTags(styles) {
-}
 var ClientOnlyContext = /* @__PURE__ */ React.createContext(false), ClientOnly = function(param) {
   var {
     children,
@@ -4313,7 +4311,9 @@ function createComponent(staticConfig) {
     }), attachFocus && {
       onFocus: function(e) {
         var next = {};
-        componentContext.setParentFocusState && (next.focusWithin = true), (pseudos == null ? void 0 : pseudos.focusVisibleStyle) && lastInteractionWasKeyboard.value ? next.focusVisible = true : next.focus = true, setStateShallow(next), onFocus == null ? void 0 : onFocus(e);
+        componentContext.setParentFocusState && (componentContext.setParentFocusState({
+          focusWithin: true
+        }), next.focusWithin = true), (pseudos == null ? void 0 : pseudos.focusVisibleStyle) && lastInteractionWasKeyboard.value ? next.focusVisible = true : next.focus = true, setStateShallow(next), onFocus == null ? void 0 : onFocus(e);
       },
       onBlur: function(e) {
         componentContext.setParentFocusState && componentContext.setParentFocusState({
@@ -4369,7 +4369,7 @@ function createComponent(staticConfig) {
     if (renderReset && ResetPresence && (content = /* @__PURE__ */ jsxRuntime.jsx(ResetPresence, {
       disabled: !needsReset,
       children: content
-    })), "focusWithinStyle" in propsIn && (content = /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, componentContext), {
+    })), ("focusWithinStyle" in propsIn || (pseudos == null ? void 0 : pseudos.focusWithinStyle)) && (content = /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, componentContext), {
       setParentFocusState: setStateShallow,
       children: content
     }))), "group" in props && (content = /* @__PURE__ */ jsxRuntime.jsx(GroupContext.Provider, {
@@ -4459,6 +4459,18 @@ var registerCSSVariable = function(v) {
   var unitless = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
   return process.env.TAMAGUI_DID_OUTPUT_CSS ? "" : `--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${createCSSVariable(v.name, false)}:${!unitless && typeof v.val == "number" ? `${v.val}px` : v.val}`;
 }, tokensValueToVariable = /* @__PURE__ */ new Map(), autoVariables = [], mutatedAutoVariables = [];
+function scanAllSheets() {
+  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+    return;
+  }
+}
+process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
+function setNonce(_2) {
+}
+function insertStyleRules(rulesToInsert) {
+  return;
+}
+process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
 function isTamaguiComponent(comp, name) {
   var config = comp == null ? void 0 : comp.staticConfig;
   return !!(config && (!name || name === config.componentName));
@@ -4577,6 +4589,8 @@ function ensureThemeVariable(theme, key) {
     val
   });
 }
+function getStyleTags(styles) {
+}
 var fontWeights = ["100", "200", "300", "400", "500", "600", "700", "800", "900"], processSection = function(section, keys, defaultValue2) {
   if (typeof section == "string") return section;
   var sectionKeys = Object.keys(section), fillValue = section[sectionKeys[0]];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "2.0.0-rc.26",
+  "version": "2.0.0-rc.26-1773683384816",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "license": "MIT",
   "author": {
@@ -79,17 +79,17 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/helpers": "2.0.0-rc.26",
-    "@tamagui/react-native-media-driver": "2.0.0-rc.26",
-    "@tamagui/react-native-use-pressable": "2.0.0-rc.26",
-    "@tamagui/use-element-layout": "2.0.0-rc.26",
-    "@tamagui/use-event": "2.0.0-rc.26",
-    "@tamagui/web": "2.0.0-rc.26"
+    "@tamagui/helpers": "2.0.0-rc.26-1773683384816",
+    "@tamagui/react-native-media-driver": "2.0.0-rc.26-1773683384816",
+    "@tamagui/react-native-use-pressable": "2.0.0-rc.26-1773683384816",
+    "@tamagui/use-element-layout": "2.0.0-rc.26-1773683384816",
+    "@tamagui/use-event": "2.0.0-rc.26-1773683384816",
+    "@tamagui/web": "2.0.0-rc.26-1773683384816"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-rc.26",
-    "@tamagui/native-bundle": "2.0.0-rc.26",
-    "@tamagui/react-native-web-lite": "2.0.0-rc.26",
+    "@tamagui/build": "2.0.0-rc.26-1773683384816",
+    "@tamagui/native-bundle": "2.0.0-rc.26-1773683384816",
+    "@tamagui/react-native-web-lite": "2.0.0-rc.26-1773683384816",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": ">=19",