@tamagui/core 1.75.6 → 1.75.8

package/dist/cjs/index.js

@@ -15,13 +15,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0
 var src_exports = {};
 __export(src_exports, {
   Stack: () => Stack,
-  Text: () => Text
+  Text: () => Text,
+  View: () => View
 });
 module.exports = __toCommonJS(src_exports);
 var import_react_native_use_responder_events = require("@tamagui/react-native-use-responder-events"), import_web = require("@tamagui/web"), import_react = require("react"), import_createOptimizedView = require("./createOptimizedView"), import_getBaseViews = require("./getBaseViews"), import_useElementLayout = require("./hooks/useElementLayout"), import_usePlatformMethods = require("./hooks/usePlatformMethods"), import_Pressability = require("./vendor/Pressability");
 __reExport(src_exports, require("@tamagui/web"), module.exports);
 __reExport(src_exports, require("./reactNativeTypes"), module.exports);
-const Stack = import_web.Stack, Text = import_web.Text, baseViews = (0, import_getBaseViews.getBaseViews)();
+const View = import_web.View, Stack = import_web.Stack, Text = import_web.Text, baseViews = (0, import_getBaseViews.getBaseViews)();
 (0, import_web.setupHooks)({
   getBaseViews: import_getBaseViews.getBaseViews,
   usePropsTransform(elementType, propsIn, hostRef) {
@@ -83,6 +84,7 @@ const Stack = import_web.Stack, Text = import_web.Text, baseViews = (0, import_g
 0 && (module.exports = {
   Stack,
   Text,
+  View,
   ...require("@tamagui/web"),
   ...require("./reactNativeTypes")
 });

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAUnC,aAKO,yBACP,eAAyC,kBAEzC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AAGhC,wBAAc,yBA1Bd;AA6BA,wBAAc,+BA7Bd;AAmCO,MAAM,QAAQ,WAAAA,OASR,OAAO,WAAAC,MAOd,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS;AAE/C,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA,GAAG;AAAA,IACL,IAAI;AAyBJ,YAvBA,8CAAmB,OAA6B,OAChD,0CAAiB,SAA+B,QAAe,OAC/D,6DAAmB,SAAS;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAQ,GAIJ,UAAU,SAAS,UAAa,cAAc,QAAW;AAC3D,YAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,MAAI,YAAY,SACd,UAAU,WAAW,WAEnB,OAAO,SACT,UAAU,MAAM,MAEd,OAAO,UAAW,aACpB,UAAU,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,IAEjE;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA6CzE;AAwBF,CAAC;",
-  "names": ["WebStack", "WebText"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAUnC,aAMO,yBACP,eAAyC,kBAEzC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AAGhC,wBAAc,yBA3Bd;AA8BA,wBAAc,+BA9Bd;AAoCO,MAAM,OAAO,WAAAA,MAOP,QAAQ,WAAAC,OASR,OAAO,WAAAC,MAOd,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS;AAE/C,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA,GAAG;AAAA,IACL,IAAI;AAyBJ,YAvBA,8CAAmB,OAA6B,OAChD,0CAAiB,SAA+B,QAAe,OAC/D,6DAAmB,SAAS;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAQ,GAIJ,UAAU,SAAS,UAAa,cAAc,QAAW;AAC3D,YAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,MAAI,YAAY,SACd,UAAU,WAAW,WAEnB,OAAO,SACT,UAAU,MAAM,MAEd,OAAO,UAAW,aACpB,UAAU,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,IAEjE;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA6CzE;AAwBF,CAAC;",
+  "names": ["WebView", "WebStack", "WebText"]
 }

package/dist/cjs/index.native.js

@@ -16,13 +16,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0
 var src_exports = {};
 __export(src_exports, {
   Stack: () => Stack,
-  Text: () => Text
+  Text: () => Text,
+  View: () => View
 });
 module.exports = __toCommonJS(src_exports);
 var import_react_native_use_responder_events = require("@tamagui/react-native-use-responder-events"), import_web = require("@tamagui/web"), import_react = require("react"), import_createOptimizedView = require("./createOptimizedView"), import_getBaseViews = require("./getBaseViews"), import_useElementLayout = require("./hooks/useElementLayout"), import_usePlatformMethods = require("./hooks/usePlatformMethods"), import_Pressability = require("./vendor/Pressability");
 __reExport(src_exports, require("@tamagui/web"), module.exports);
 __reExport(src_exports, require("./reactNativeTypes"), module.exports);
-const Stack = import_web.Stack, Text = import_web.Text, baseViews = (0, import_getBaseViews.getBaseViews)();
+const View = import_web.View, Stack = import_web.Stack, Text = import_web.Text, baseViews = (0, import_getBaseViews.getBaseViews)();
 (0, import_web.setupHooks)({
   getBaseViews: import_getBaseViews.getBaseViews,
   usePropsTransform(elementType, propsIn, hostRef) {
@@ -112,6 +113,7 @@ const dontComposePressabilityKeys = {
 0 && (module.exports = {
   Stack,
   Text,
+  View,
   ...require("@tamagui/web"),
   ...require("./reactNativeTypes")
 });

package/dist/cjs/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAUnC,aAKO,yBACP,eAAyC,kBAEzC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AAGhC,wBAAc,yBA1Bd;AA6BA,wBAAc,+BA7Bd;AAmCO,MAAM,QAAQ,WAAAA,OASR,OAAO,WAAAC,MAOd,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS;AAE/C,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA,GAAG;AAAA,IACL,IAAI;AAyBJ,YAvBA,8CAAmB,OAA6B,OAChD,0CAAiB,SAA+B,QAAe,OAC/D,6DAAmB,SAAS;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAQ,GAIJ,UAAU,SAAS,UAAa,cAAc,QAAW;AAC3D,YAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,MAAI,YAAY,SACd,UAAU,WAAW,WAEnB,OAAO,SACT,UAAU,MAAM,MAEd,OAAO,UAAW,aACpB,UAAU,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,IAEjE;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AASrE,QAPI,yBAAQ,YACV,UAAU,UAAa,OAAO,UAE5B,yBAAQ,WACV,UAAU,SAAY,OAAO,SAG3B,aAAa;AACf,UAAI,QAAQ;AACV,cAAM,EAAE,WAAW,YAAY,QAAQ,IAAI,QACrC,cAAc;AAAA,UAClB;AAAA,UACA,YAAY,cAAc;AAAA,QAC5B;AACA,QAAI,cAAc,YAEhB,YAAY,iBAAa,iCAAqB,SAAS,UAAU,IAEnE,OAAO,OAAO,WAAW,WAAW;AAAA,MACtC;AAAA,WACK;AAGL,MAAI,UAAU,UAAU,YACtB,OAAO,UAAU,UAAU;AAG7B,YAAM,mBAAe,qCAAgB,UAAU,IAAI;AAEnD,UAAI,UACE,OAAO;AACT,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,UAAU,GAAG,GAClB,MAAM,aAAa,GAAG;AAC5B,oBAAU,GAAG,IACX,MAAM,CAAC,4BAA4B,GAAG,QAClC,iCAAqB,IAAI,GAAG,IAC5B;AAAA,QACR;AAAA,IAGN;AAAA,EAEJ;AAAA,EAIE,YAAY,aAAa,UAAU,WAAW,QAAQ,cAAc;AAClE,QAAI,QAAQ,IAAI,aAAa,QAK7B;AAAA,UAAI,gBAAgB,UAAU;AAE5B,mBAAO,gDAAoB,UAAU,WAAW,SAAS;AAG3D,UAAI,QAAQ,IAAI,iCACV,gBAAgB,UAAU;AAE5B,yBAAU,WAAW,cACd,4BAAc,WAAW,SAAS;AAAA;AAAA,EAG/C;AAEJ,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX;",
-  "names": ["WebStack", "WebText"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAUnC,aAMO,yBACP,eAAyC,kBAEzC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AAGhC,wBAAc,yBA3Bd;AA8BA,wBAAc,+BA9Bd;AAoCO,MAAM,OAAO,WAAAA,MAOP,QAAQ,WAAAC,OASR,OAAO,WAAAC,MAOd,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS;AAE/C,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA,GAAG;AAAA,IACL,IAAI;AAyBJ,YAvBA,8CAAmB,OAA6B,OAChD,0CAAiB,SAA+B,QAAe,OAC/D,6DAAmB,SAAS;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAQ,GAIJ,UAAU,SAAS,UAAa,cAAc,QAAW;AAC3D,YAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,MAAI,YAAY,SACd,UAAU,WAAW,WAEnB,OAAO,SACT,UAAU,MAAM,MAEd,OAAO,UAAW,aACpB,UAAU,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,IAEjE;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AASrE,QAPI,yBAAQ,YACV,UAAU,UAAa,OAAO,UAE5B,yBAAQ,WACV,UAAU,SAAY,OAAO,SAG3B,aAAa;AACf,UAAI,QAAQ;AACV,cAAM,EAAE,WAAW,YAAY,QAAQ,IAAI,QACrC,cAAc;AAAA,UAClB;AAAA,UACA,YAAY,cAAc;AAAA,QAC5B;AACA,QAAI,cAAc,YAEhB,YAAY,iBAAa,iCAAqB,SAAS,UAAU,IAEnE,OAAO,OAAO,WAAW,WAAW;AAAA,MACtC;AAAA,WACK;AAGL,MAAI,UAAU,UAAU,YACtB,OAAO,UAAU,UAAU;AAG7B,YAAM,mBAAe,qCAAgB,UAAU,IAAI;AAEnD,UAAI,UACE,OAAO;AACT,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,UAAU,GAAG,GAClB,MAAM,aAAa,GAAG;AAC5B,oBAAU,GAAG,IACX,MAAM,CAAC,4BAA4B,GAAG,QAClC,iCAAqB,IAAI,GAAG,IAC5B;AAAA,QACR;AAAA,IAGN;AAAA,EAEJ;AAAA,EAIE,YAAY,aAAa,UAAU,WAAW,QAAQ,cAAc;AAClE,QAAI,QAAQ,IAAI,aAAa,QAK7B;AAAA,UAAI,gBAAgB,UAAU;AAE5B,mBAAO,gDAAoB,UAAU,WAAW,SAAS;AAG3D,UAAI,QAAQ,IAAI,iCACV,gBAAgB,UAAU;AAE5B,yBAAU,WAAW,cACd,4BAAc,WAAW,SAAS;AAAA;AAAA,EAG/C;AAEJ,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX;",
+  "names": ["WebView", "WebStack", "WebText"]
 }

package/dist/esm/index.js

@@ -2,6 +2,7 @@ import { useResponderEvents } from "@tamagui/react-native-use-responder-events";
 import {
   Stack as WebStack,
   Text as WebText,
+  View as WebView,
   setupHooks
 } from "@tamagui/web";
 import "react";
@@ -12,7 +13,7 @@ import { usePlatformMethods } from "./hooks/usePlatformMethods";
 import "./vendor/Pressability";
 export * from "@tamagui/web";
 export * from "./reactNativeTypes";
-const Stack = WebStack, Text = WebText, baseViews = getBaseViews();
+const View = WebView, Stack = WebStack, Text = WebText, baseViews = getBaseViews();
 setupHooks({
   getBaseViews,
   usePropsTransform(elementType, propsIn, hostRef) {
@@ -72,6 +73,7 @@ setupHooks({
 });
 export {
   Stack,
-  Text
+  Text,
+  View
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": "AAAA,SAAS,0BAA0B;AAUnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EAER;AAAA,OACK;AACP,OAAyC;AAEzC,OAAoC;AACpC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAEnC,OAAgC;AAGhC,cAAc;AAGd,cAAc;AAMP,MAAM,QAAQ,UASR,OAAO,SAOd,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS;AAE/C,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA,GAAG;AAAA,IACL,IAAI;AAyBJ,QAvBA,mBAAmB,OAA6B,GAChD,iBAAiB,SAA+B,QAAe,GAC/D,mBAAmB,SAAS;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAQ,GAIJ,UAAU,SAAS,UAAa,cAAc,QAAW;AAC3D,YAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,MAAI,YAAY,SACd,UAAU,WAAW,WAEnB,OAAO,SACT,UAAU,MAAM,MAEd,OAAO,UAAW,aACpB,UAAU,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,IAEjE;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA6CzE;AAwBF,CAAC;",
+  "mappings": "AAAA,SAAS,0BAA0B;AAUnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER;AAAA,OACK;AACP,OAAyC;AAEzC,OAAoC;AACpC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAEnC,OAAgC;AAGhC,cAAc;AAGd,cAAc;AAMP,MAAM,OAAO,SAOP,QAAQ,UASR,OAAO,SAOd,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS;AAE/C,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA,GAAG;AAAA,IACL,IAAI;AAyBJ,QAvBA,mBAAmB,OAA6B,GAChD,iBAAiB,SAA+B,QAAe,GAC/D,mBAAmB,SAAS;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAQ,GAIJ,UAAU,SAAS,UAAa,cAAc,QAAW;AAC3D,YAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,MAAI,YAAY,SACd,UAAU,WAAW,WAEnB,OAAO,SACT,UAAU,MAAM,MAEd,OAAO,UAAW,aACpB,UAAU,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,IAEjE;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA6CzE;AAwBF,CAAC;",
   "names": []
 }

package/dist/esm/index.native.js

@@ -2,6 +2,7 @@ import { useResponderEvents } from "@tamagui/react-native-use-responder-events";
 import {
   Stack as WebStack,
   Text as WebText,
+  View as WebView,
   composeEventHandlers,
   setupHooks
 } from "@tamagui/web";
@@ -13,7 +14,7 @@ import { usePlatformMethods } from "./hooks/usePlatformMethods";
 import { usePressability } from "./vendor/Pressability";
 export * from "@tamagui/web";
 export * from "./reactNativeTypes";
-const Stack = WebStack, Text = WebText, baseViews = getBaseViews();
+const View = WebView, Stack = WebStack, Text = WebText, baseViews = getBaseViews();
 setupHooks({
   getBaseViews,
   usePropsTransform(elementType, propsIn, hostRef) {
@@ -101,6 +102,7 @@ const dontComposePressabilityKeys = {
 };
 export {
   Stack,
-  Text
+  Text,
+  View
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": "AAAA,SAAS,0BAA0B;AAUnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,OACK;AACP,SAAoB,qBAAqB;AAEzC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAEnC,SAAS,uBAAuB;AAGhC,cAAc;AAGd,cAAc;AAMP,MAAM,QAAQ,UASR,OAAO,SAOd,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS;AAE/C,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA,GAAG;AAAA,IACL,IAAI;AAyBJ,QAvBA,mBAAmB,OAA6B,GAChD,iBAAiB,SAA+B,QAAe,GAC/D,mBAAmB,SAAS;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAQ,GAIJ,UAAU,SAAS,UAAa,cAAc,QAAW;AAC3D,YAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,MAAI,YAAY,SACd,UAAU,WAAW,WAEnB,OAAO,SACT,UAAU,MAAM,MAEd,OAAO,UAAW,aACpB,UAAU,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,IAEjE;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AASrE,QAPI,QAAQ,YACV,UAAU,UAAa,OAAO,UAE5B,QAAQ,WACV,UAAU,SAAY,OAAO,SAG3B,aAAa;AACf,UAAI,QAAQ;AACV,cAAM,EAAE,WAAW,YAAY,QAAQ,IAAI,QACrC,cAAc;AAAA,UAClB;AAAA,UACA,YAAY,cAAc;AAAA,QAC5B;AACA,QAAI,cAAc,YAEhB,YAAY,aAAa,qBAAqB,SAAS,UAAU,IAEnE,OAAO,OAAO,WAAW,WAAW;AAAA,MACtC;AAAA,WACK;AAGL,MAAI,UAAU,UAAU,YACtB,OAAO,UAAU,UAAU;AAG7B,YAAM,eAAe,gBAAgB,UAAU,IAAI;AAEnD,UAAI,UACE,OAAO;AACT,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,UAAU,GAAG,GAClB,MAAM,aAAa,GAAG;AAC5B,oBAAU,GAAG,IACX,MAAM,CAAC,4BAA4B,GAAG,IAClC,qBAAqB,IAAI,GAAG,IAC5B;AAAA,QACR;AAAA,IAGN;AAAA,EAEJ;AAAA,EAIE,YAAY,aAAa,UAAU,WAAW,QAAQ,cAAc;AAClE,QAAI,QAAQ,IAAI,aAAa,QAK7B;AAAA,UAAI,gBAAgB,UAAU;AAE5B,eAAO,oBAAoB,UAAU,WAAW,SAAS;AAG3D,UAAI,QAAQ,IAAI,iCACV,gBAAgB,UAAU;AAE5B,yBAAU,WAAW,UACd,cAAc,WAAW,SAAS;AAAA;AAAA,EAG/C;AAEJ,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX;",
+  "mappings": "AAAA,SAAS,0BAA0B;AAUnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,OACK;AACP,SAAoB,qBAAqB;AAEzC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAEnC,SAAS,uBAAuB;AAGhC,cAAc;AAGd,cAAc;AAMP,MAAM,OAAO,SAOP,QAAQ,UASR,OAAO,SAOd,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS;AAE/C,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA;AAAA,MAGA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA,GAAG;AAAA,IACL,IAAI;AAyBJ,QAvBA,mBAAmB,OAA6B,GAChD,iBAAiB,SAA+B,QAAe,GAC/D,mBAAmB,SAAS;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAQ,GAIJ,UAAU,SAAS,UAAa,cAAc,QAAW;AAC3D,YAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,MAAI,YAAY,SACd,UAAU,WAAW,WAEnB,OAAO,SACT,UAAU,MAAM,MAEd,OAAO,UAAW,aACpB,UAAU,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,IAEjE;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AASrE,QAPI,QAAQ,YACV,UAAU,UAAa,OAAO,UAE5B,QAAQ,WACV,UAAU,SAAY,OAAO,SAG3B,aAAa;AACf,UAAI,QAAQ;AACV,cAAM,EAAE,WAAW,YAAY,QAAQ,IAAI,QACrC,cAAc;AAAA,UAClB;AAAA,UACA,YAAY,cAAc;AAAA,QAC5B;AACA,QAAI,cAAc,YAEhB,YAAY,aAAa,qBAAqB,SAAS,UAAU,IAEnE,OAAO,OAAO,WAAW,WAAW;AAAA,MACtC;AAAA,WACK;AAGL,MAAI,UAAU,UAAU,YACtB,OAAO,UAAU,UAAU;AAG7B,YAAM,eAAe,gBAAgB,UAAU,IAAI;AAEnD,UAAI,UACE,OAAO;AACT,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,UAAU,GAAG,GAClB,MAAM,aAAa,GAAG;AAC5B,oBAAU,GAAG,IACX,MAAM,CAAC,4BAA4B,GAAG,IAClC,qBAAqB,IAAI,GAAG,IAC5B;AAAA,QACR;AAAA,IAGN;AAAA,EAEJ;AAAA,EAIE,YAAY,aAAa,UAAU,WAAW,QAAQ,cAAc;AAClE,QAAI,QAAQ,IAAI,aAAa,QAK7B;AAAA,UAAI,gBAAgB,UAAU;AAE5B,eAAO,oBAAoB,UAAU,WAAW,SAAS;AAG3D,UAAI,QAAQ,IAAI,iCACV,gBAAgB,UAAU;AAE5B,yBAAU,WAAW,UACd,cAAc,WAAW,SAAS;AAAA;AAAA,EAG/C;AAEJ,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX;",
   "names": []
 }

package/dist/native.js

@@ -2360,14 +2360,14 @@ var require_createMediaStyle_native = __commonJS({
             mediaKeys.map((k, index) => [k, new Array(index + 1).fill(":root").join("")])
           ));
         }
-        let mediaKey = groupMediaKey || mediaKeyIn, mediaSelector = selectors[mediaKey], mediaQuery = `${negate ? "not all and" : ""} ${mediaSelector}`, precedenceImportancePrefix = groupMediaKey ? "" : enableMediaPropOrder ? (
+        let mediaKey = groupMediaKey || mediaKeyIn, mediaSelector = selectors[mediaKey], mediaQuery = `${negate ? "not all and " : ""}${mediaSelector}`, precedenceImportancePrefix = groupMediaKey ? "" : enableMediaPropOrder ? (
           // this new array should be cached
           new Array(priority).fill(":root").join("")
         ) : (
           // @ts-ignore
           prefixes[mediaKey]
         ), prefix = groupMediaKey ? `@container ${containerName}` : "@media";
-        groupMediaKey && (styleInner = styleRule), styleInner.includes(prefix) ? styleRule = styleInner.replace("{", ` and ${mediaQuery} {`) : styleRule = `${prefix} ${mediaQuery}{${precedenceImportancePrefix}${styleInner}}`;
+        groupMediaKey && (styleInner = styleRule), styleInner.includes(prefix) ? styleRule = styleInner.replace("{", ` and ${mediaQuery} {`) : styleRule = `${prefix} ${mediaQuery}{${precedenceImportancePrefix}${styleInner}}`, groupMediaKey && (styleRule = `@supports (contain: inline-size) {${styleRule}}`);
       }
       return {
         property,
@@ -2378,65 +2378,6 @@ var require_createMediaStyle_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/helpers/expandStyle.native.js
-var require_expandStyle_native = __commonJS({
-  "../web/dist/cjs/helpers/expandStyle.native.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all2) => {
-      for (var name in all2)
-        __defProp2(target, name, { get: all2[name], enumerable: !0 });
-    }, __copyProps2 = (to, from, except, desc) => {
-      if (from && typeof from == "object" || typeof from == "function")
-        for (let key of __getOwnPropNames2(from))
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      return to;
-    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), expandStyle_exports = {};
-    __export2(expandStyle_exports, {
-      expandStyle: () => expandStyle
-    });
-    module2.exports = __toCommonJS2(expandStyle_exports);
-    var import_constants2 = require_index_native2();
-    function expandStyle(key, value) {
-      if (!1)
-        switch (key) {
-          case "textAlignVertical":
-          case "writingDirection":
-        }
-      if (import_constants2.isAndroid && key === "elevationAndroid")
-        return [["elevation", value]];
-      if (key in EXPANSIONS)
-        return EXPANSIONS[key].map((key2) => [key2, value]);
-    }
-    var all = ["Top", "Right", "Bottom", "Left"], horiz = ["Right", "Left"], vert = ["Top", "Bottom"], xy = ["X", "Y"], EXPANSIONS = {
-      borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
-      borderRadius: [
-        "TopLeftRadius",
-        "TopRightRadius",
-        "BottomRightRadius",
-        "BottomLeftRadius"
-      ],
-      borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
-      margin: all,
-      marginHorizontal: horiz,
-      marginVertical: vert,
-      overscrollBehavior: xy,
-      padding: all,
-      paddingHorizontal: horiz,
-      paddingVertical: vert,
-      ...import_constants2.isWeb && {
-        // react-native only supports borderStyle
-        borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
-        // react-native doesn't support X / Y
-        overflow: xy
-      }
-    }, _a;
-    for (let parent in EXPANSIONS) {
-      let prefix = parent.slice(0, ((_a = /[A-Z]/.exec(parent)) == null ? void 0 : _a.index) ?? parent.length);
-      EXPANSIONS[parent] = EXPANSIONS[parent].map((k) => `${prefix}${k}`);
-    }
-  }
-});
-
 // ../../node_modules/@react-native/normalize-color/index.js
 var require_normalize_color = __commonJS({
   "../../node_modules/@react-native/normalize-color/index.js"(exports, module2) {
@@ -3078,26 +3019,10 @@ var require_expandStyles_native = __commonJS({
       return to;
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), expandStyles_exports = {};
     __export2(expandStyles_exports, {
-      expandStylesAndRemoveNullishValues: () => expandStylesAndRemoveNullishValues,
       fixStyles: () => fixStyles
     });
     module2.exports = __toCommonJS2(expandStyles_exports);
-    var import_constants2 = require_index_native2(), import_expandStyle = require_expandStyle_native(), import_normalizeShadow = require_normalizeShadow_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_pseudoDescriptors = require_pseudoDescriptors_native();
-    function expandStylesAndRemoveNullishValues(style) {
-      let res = {};
-      for (let key in style) {
-        let valIn = style[key];
-        if (valIn == null)
-          continue;
-        if (key in import_pseudoDescriptors.pseudoDescriptors) {
-          res[key] = expandStylesAndRemoveNullishValues(valIn);
-          continue;
-        }
-        let val = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(valIn, key), out = (0, import_expandStyle.expandStyle)(key, val);
-        out ? Object.assign(res, Object.fromEntries(out)) : res[key] = val;
-      }
-      return fixStyles(res), res;
-    }
+    var import_constants2 = require_index_native2(), import_normalizeShadow = require_normalizeShadow_native();
     function fixStyles(style) {
       "elevationAndroid" in style && (style.elevation = style.elevationAndroid, delete style.elevationAndroid), (style.shadowRadius || style.shadowColor || style.shadowOpacity || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
       for (let key in borderDefaults)
@@ -3139,6 +3064,101 @@ var require_getStylesAtomic_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/expandStyle.native.js
+var require_expandStyle_native = __commonJS({
+  "../web/dist/cjs/helpers/expandStyle.native.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all2) => {
+      for (var name in all2)
+        __defProp2(target, name, { get: all2[name], enumerable: !0 });
+    }, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), expandStyle_exports = {};
+    __export2(expandStyle_exports, {
+      expandStyle: () => expandStyle
+    });
+    module2.exports = __toCommonJS2(expandStyle_exports);
+    var import_constants2 = require_index_native2();
+    function expandStyle(key, value) {
+      if (!1)
+        switch (key) {
+          case "textAlignVertical":
+          case "writingDirection":
+        }
+      if (import_constants2.isAndroid && key === "elevationAndroid")
+        return [["elevation", value]];
+      if (key in EXPANSIONS)
+        return EXPANSIONS[key].map((key2) => [key2, value]);
+    }
+    var all = ["Top", "Right", "Bottom", "Left"], horiz = ["Right", "Left"], vert = ["Top", "Bottom"], xy = ["X", "Y"], EXPANSIONS = {
+      borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
+      borderRadius: [
+        "TopLeftRadius",
+        "TopRightRadius",
+        "BottomRightRadius",
+        "BottomLeftRadius"
+      ],
+      borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
+      margin: all,
+      marginHorizontal: horiz,
+      marginVertical: vert,
+      overscrollBehavior: xy,
+      padding: all,
+      paddingHorizontal: horiz,
+      paddingVertical: vert,
+      ...import_constants2.isWeb && {
+        // react-native only supports borderStyle
+        borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
+        // react-native doesn't support X / Y
+        overflow: xy
+      }
+    }, _a;
+    for (let parent in EXPANSIONS) {
+      let prefix = parent.slice(0, ((_a = /[A-Z]/.exec(parent)) == null ? void 0 : _a.index) ?? parent.length);
+      EXPANSIONS[parent] = EXPANSIONS[parent].map((k) => `${prefix}${k}`);
+    }
+  }
+});
+
+// ../web/dist/cjs/helpers/expandStylesAndRemoveNullishValues.native.js
+var require_expandStylesAndRemoveNullishValues_native = __commonJS({
+  "../web/dist/cjs/helpers/expandStylesAndRemoveNullishValues.native.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: !0 });
+    }, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), expandStylesAndRemoveNullishValues_exports = {};
+    __export2(expandStylesAndRemoveNullishValues_exports, {
+      expandStylesAndRemoveNullishValues: () => expandStylesAndRemoveNullishValues
+    });
+    module2.exports = __toCommonJS2(expandStylesAndRemoveNullishValues_exports);
+    var import_expandStyle = require_expandStyle_native(), import_expandStyles = require_expandStyles_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_pseudoDescriptors = require_pseudoDescriptors_native();
+    function expandStylesAndRemoveNullishValues(style, disableNormalize = !1) {
+      let res = {};
+      for (let key in style) {
+        let prop = style[key];
+        if (prop == null)
+          continue;
+        if (key in import_pseudoDescriptors.pseudoDescriptors) {
+          res[key] = expandStylesAndRemoveNullishValues(prop, disableNormalize);
+          continue;
+        }
+        let value = disableNormalize ? prop : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(prop, key), out = (0, import_expandStyle.expandStyle)(key, value);
+        out ? Object.assign(res, Object.fromEntries(out)) : res[key] = value;
+      }
+      return (0, import_expandStyles.fixStyles)(res), res;
+    }
+  }
+});
+
 // ../web/dist/cjs/helpers/getVariantExtras.native.js
 var require_getVariantExtras_native = __commonJS({
   "../web/dist/cjs/helpers/getVariantExtras.native.js"(exports, module2) {
@@ -3245,7 +3265,7 @@ var require_propMapper_native = __commonJS({
       propMapper: () => propMapper
     });
     module2.exports = __toCommonJS2(propMapper_exports);
-    var import_constants2 = require_index_native2(), import_helpers = require_index_native4(), import_config = require_config_native(), import_isDevTools = require_isDevTools_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_expandStyles = require_expandStyles_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
+    var import_constants2 = require_index_native2(), import_helpers = require_index_native4(), import_config = require_config_native(), import_isDevTools = require_isDevTools_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_expandStylesAndRemoveNullishValues = require_expandStylesAndRemoveNullishValues_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
       if (!import_constants2.isAndroid && key === "elevationAndroid")
         return;
       let subProps = styleStateIn.styleProps.fallbackProps || subPropsIn, styleState = subProps ? new Proxy(styleStateIn, {
@@ -3302,7 +3322,10 @@ var require_propMapper_native = __commonJS({
         );
       }
       if (variantValue) {
-        let expanded = (0, import_expandStyles.expandStylesAndRemoveNullishValues)(variantValue), next = Object.entries(expanded);
+        let expanded = (0, import_expandStylesAndRemoveNullishValues.expandStylesAndRemoveNullishValues)(
+          variantValue,
+          !!styleProps.noNormalize
+        ), next = Object.entries(expanded);
         return fontFamilyResult && fontFamilyResult[0] === "$" && fontFamilyCache.set(next, (0, import_createVariable.getVariableValue)(fontFamilyResult)), next;
       }
     };
@@ -3467,7 +3490,7 @@ var require_getSplitStyles_native = __commonJS({
     module2.exports = __toCommonJS2(getSplitStyles_exports);
     var import_constants2 = require_index_native2(), import_helpers = require_index_native4(), import_react3 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), fontFamilyKey = "fontFamily", IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-", getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
       var _a, _b, _c, _e, _f, _g;
-      conf = conf || (0, import_config.getConfig)();
+      conf = conf || (0, import_config.getConfig)(), import_constants2.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
       let { shorthands } = conf, {
         isHOC,
         isText,
@@ -3538,7 +3561,7 @@ var require_getSplitStyles_native = __commonJS({
           continue;
         }
         if (keyInit[0] === "_" && keyInit.startsWith("_style")) {
-          mergeStyleProp(styleState, valInit);
+          mergeStylePropIntoStyle(styleState, valInit);
           continue;
         }
         if (!1 && !(keyInit in accessibilityDirectMap))
@@ -3792,7 +3815,7 @@ current`, {
           }
         }
       }
-      if (props.style && mergeStyleProp(styleState, props.style), !styleProps.noNormalize && ((0, import_expandStyles.fixStyles)(style), import_constants2.isWeb && !staticConfig.isReactNative && (0, import_getStylesAtomic.styleToCSS)(style), styleState.transforms && Object.entries(styleState.transforms).sort(([a], [b]) => a.localeCompare(b)).forEach(([key, val]) => {
+      if (props.style && mergeStylePropIntoStyle(styleState, props.style), styleProps.noNormalize !== !1 && ((0, import_expandStyles.fixStyles)(style), import_constants2.isWeb && !staticConfig.isReactNative && (0, import_getStylesAtomic.styleToCSS)(style), styleState.transforms && Object.entries(styleState.transforms).sort(([a], [b]) => a.localeCompare(b)).forEach(([key, val]) => {
         mergeTransform(style, key, val, !0);
       }), parentSplitStyles && !shouldDoClasses))
         for (let key in parentSplitStyles.style)
@@ -3840,14 +3863,14 @@ current`, {
       }
       return result;
     };
-    function mergeStyle(styleState, key, val) {
+    function mergeStyle(styleState, key, val, disableNormalize = !1) {
       let { classNames, viewProps, style, usedKeys, styleProps } = styleState;
       if (import_constants2.isWeb && (val == null ? void 0 : val[0]) === "_")
         classNames[key] = val, usedKeys[key] ||= 1;
       else if (key in import_helpers.stylePropsTransform)
         styleState.transforms ||= {}, styleState.transforms[key] = val;
       else {
-        let out = import_constants2.isWeb && !styleProps.noNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
+        let out = import_constants2.isWeb && !disableNormalize && !styleProps.noNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
         key in import_helpers.validStylesOnBaseProps ? viewProps[key] = out : style[key] = out;
       }
     }
@@ -3863,17 +3886,14 @@ current`, {
       }
       return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
     };
-    function mergeStyleProp(styleState, val) {
-      if (!val)
+    function mergeStylePropIntoStyle(styleState, cur) {
+      if (!cur)
         return;
-      let styles = [].concat(val).flat();
-      for (let cur of styles)
-        if (cur)
-          if (cur.$$css)
-            Object.assign(styleState.classNames, cur);
-          else
-            for (let key in cur)
-              key in styleState.usedKeys || mergeStyle(styleState, key, cur[key]);
+      let styles = Array.isArray(cur) ? cur : [cur];
+      for (let style of styles) {
+        let isRNW = style.$$css;
+        Object.assign(isRNW ? styleState.classNames : styleState.style, style);
+      }
     }
     var useInsertEffectCompat = import_constants2.isWeb ? import_react3.useInsertionEffect || import_constants2.useIsomorphicLayoutEffect : () => {
     }, useSplitStyles = (...args) => {
@@ -5197,11 +5217,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       }
       function styleable(Component2, options) {
         var _a2;
-        let ComponentForwardedRef = ((_a2 = Component2.render) == null ? void 0 : _a2.length) === 2 ? Component2 : (
-          // memo because theme changes otherwise would always re-render
-          (0, import_react3.memo)((0, import_react3.forwardRef)(Component2))
-        ), extendedConfig = extendStyledConfig(options == null ? void 0 : options.staticConfig), out = options != null && options.disableTheme ? ComponentForwardedRef : (0, import_themeable.themeable)(ComponentForwardedRef, extendedConfig);
-        return out.staticConfig = extendedConfig, out.styleable = styleable, out;
+        let out = ((_a2 = Component2.render) == null ? void 0 : _a2.length) === 2 ? Component2 : (0, import_react3.forwardRef)(Component2), extendedConfig = extendStyledConfig(options == null ? void 0 : options.staticConfig);
+        return out = options != null && options.disableTheme ? out : (0, import_themeable.themeable)(out, extendedConfig), process.env.TAMAGUI_MEMOIZE_STYLEABLE && (out = (0, import_react3.memo)(out)), out.staticConfig = extendedConfig, out.styleable = styleable, out;
       }
       return res.extractable = extractable, res.styleable = styleable, res;
     }
@@ -6371,10 +6388,10 @@ var require_View_native = __commonJS({
       return to;
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), View_exports = {};
     __export2(View_exports, {
-      View: () => View
+      View: () => View2
     });
     module2.exports = __toCommonJS2(View_exports);
-    var import_helpers = require_index_native4(), import_createComponent = require_createComponent_native(), View = (0, import_createComponent.createComponent)({
+    var import_helpers = require_index_native4(), import_createComponent = require_createComponent_native(), View2 = (0, import_createComponent.createComponent)({
       acceptsClassName: !0,
       defaultProps: {
         display: "flex"
@@ -6687,6 +6704,7 @@ var require_index_native9 = __commonJS({
     __reExport2(src_exports2, require_ComponentContext_native(), module2.exports);
     __reExport2(src_exports2, require_createStyledContext_native(), module2.exports);
     __reExport2(src_exports2, require_expandStyles_native(), module2.exports);
+    __reExport2(src_exports2, require_expandStylesAndRemoveNullishValues_native(), module2.exports);
     __reExport2(src_exports2, require_propMapper_native(), module2.exports);
     __reExport2(src_exports2, require_getExpandedShorthands_native(), module2.exports);
     __reExport2(src_exports2, require_getSplitStyles_native(), module2.exports);
@@ -6784,7 +6802,8 @@ var idFn_default, init_idFn = __esm({
 var src_exports = {};
 __export(src_exports, {
   Stack: () => Stack,
-  Text: () => Text
+  Text: () => Text,
+  View: () => View
 });
 module.exports = __toCommonJS(src_exports);
 var import_react_native_use_responder_events = __toESM(require_index_native()), import_web2 = __toESM(require_index_native9()), import_react2 = require("react");
@@ -6992,9 +7011,9 @@ function getAccessibilityRoleFromRole(role) {
 
 // src/getBaseViews.native.ts
 function getBaseViews() {
-  let native = require("react-native"), View, TextAncestor;
-  return process.env.NODE_ENV !== "test" && (View = require("react-native/Libraries/Components/View/ViewNativeComponent").default, TextAncestor = require("react-native/Libraries/Text/TextAncestor")), View || (View = native.View || native.default.View), {
-    View,
+  let native = require("react-native"), View2, TextAncestor;
+  return process.env.NODE_ENV !== "test" && (View2 = require("react-native/Libraries/Components/View/ViewNativeComponent").default, TextAncestor = require("react-native/Libraries/Text/TextAncestor")), View2 || (View2 = native.View || native.default.View), {
+    View: View2,
     Text: native.Text || native.default.Text,
     StyleSheet: native.StyleSheet || native.default.StyleSheet,
     TextAncestor,
@@ -7077,7 +7096,7 @@ var Pressability = require_fake_react_native().default, usePressability = (init_
 
 // src/index.tsx
 __reExport(src_exports, __toESM(require_index_native9()), module.exports);
-var Stack = import_web2.Stack, Text = import_web2.Text, baseViews = getBaseViews();
+var View = import_web2.View, Stack = import_web2.Stack, Text = import_web2.Text, baseViews = getBaseViews();
 (0, import_web2.setupHooks)({
   getBaseViews,
   usePropsTransform(elementType, propsIn, hostRef) {
@@ -7166,6 +7185,7 @@ var dontComposePressabilityKeys = {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Stack,
-  Text
+  Text,
+  View
 });
 //# sourceMappingURL=native.js.map