@tamagui/core 1.88.0 → 1.88.2

package/dist/esm/index.native.js

@@ -1,22 +1,31 @@
-import "@tamagui/react-native-use-responder-events";
-import {
-  Stack as WebStack,
-  Text as WebText,
-  View as WebView,
-  composeEventHandlers,
-  setupHooks
-} from "@tamagui/web";
-import { createElement } from "react";
-import { createOptimizedView } from "./createOptimizedView";
-import { getBaseViews } from "./getBaseViews";
-import "./hooks/useElementLayout";
-import "./hooks/usePlatformMethods";
-import { usePressability } from "./vendor/Pressability";
-export * from "@tamagui/web";
-export * from "./reactNativeTypes";
-const baseViews = getBaseViews();
-setupHooks({
-  getBaseViews,
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+__export(src_exports, {
+  Stack: () => Stack,
+  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 baseViews = (0, import_getBaseViews.getBaseViews)();
+(0, import_web.setupHooks)({
+  getBaseViews: import_getBaseViews.getBaseViews,
   usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
   },
   useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
@@ -26,11 +35,11 @@ setupHooks({
           onPressIn,
           onPressOut: onPressOut || onPress
         };
-        onPressOut && onPress && (inputEvents.onPressOut = composeEventHandlers(onPress, onPressOut)), Object.assign(viewProps, inputEvents);
+        onPressOut && onPress && (inputEvents.onPressOut = (0, import_web.composeEventHandlers)(onPress, onPressOut)), Object.assign(viewProps, inputEvents);
       }
     } else {
       events && viewProps.hitSlop && (events.hitSlop = viewProps.hitSlop);
-      const pressability = usePressability(events);
+      const pressability = (0, import_Pressability.usePressability)(events);
       if (events && (process.env.NODE_ENV === "development" && viewProps.debug && console.info(
         `Checking for press ${!!events.onPress} then applying pressability props: ${Object.keys(
           pressability || {}
@@ -38,25 +47,28 @@ setupHooks({
       ), events.onPress))
         for (const key in pressability) {
           const og = viewProps[key], val = pressability[key];
-          viewProps[key] = og && !dontComposePressabilityKeys[key] ? composeEventHandlers(og, val) : val;
+          viewProps[key] = og && !dontComposePressabilityKeys[key] ? (0, import_web.composeEventHandlers)(og, val) : val;
         }
     }
   },
   useChildren(elementType, children, viewProps, events, staticConfig) {
     if (process.env.NODE_ENV !== "test") {
       if (elementType === baseViews.View)
-        return createOptimizedView(children, viewProps, baseViews);
+        return (0, import_createOptimizedView.createOptimizedView)(children, viewProps, baseViews);
       if (process.env.TAMAGUI_OPTIMIZE_NATIVE_VIEWS && elementType === baseViews.Text)
-        return viewProps.children = children, createElement("RCTText", viewProps);
+        return viewProps.children = children, (0, import_react.createElement)("RCTText", viewProps);
     }
   }
 });
 const dontComposePressabilityKeys = {
   onClick: !0
-}, View = WebView, Stack = WebStack, Text = WebText;
-export {
+}, View = import_web.View, Stack = import_web.Stack, Text = import_web.Text;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   Stack,
   Text,
-  View
-};
+  View,
+  ...require("@tamagui/web"),
+  ...require("./reactNativeTypes")
+});
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": "AAAA,OAAmC;AAYnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAE9B,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,OAAiC;AACjC,OAAmC;AAEnC,SAAS,uBAAuB;AA+BhC,cAAc;AAGd,cAAc;AAEd,MAAM,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AAAA,EAyF/D;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAWrE,QATI,WACE,OAAO,YACT,UAAU,UAAa,OAAO,UAE5B,OAAO,WACT,UAAU,SAAY,OAAO,UAI7B,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;AAI7B,YAAM,eAAe,gBAAgB,MAAM;AAE3C,UAAI,WACE,QAAQ,IAAI,aAAa,iBACvB,UAAU,SACZ,QAAQ;AAAA,QACN,sBAAsB,CAAC,CAAC,OAAO,OAAO,sCAAsC,OAAO;AAAA,UACjF,gBAAgB,CAAC;AAAA,QACnB,CAAC;AAAA,MACH,GAIA,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,GAIa,OAAO,SACP,QAAQ,UACR,OAAO;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAYnC,aAMO,yBACP,eAA8B,kBAE9B,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AA+BhC,wBAAc,yBAzDd;AA4DA,wBAAc,+BA5Dd;AA8DA,MAAM,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AAAA,EAyF/D;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAWrE,QATI,WACE,OAAO,YACT,UAAU,UAAa,OAAO,UAE5B,OAAO,WACT,UAAU,SAAY,OAAO,UAI7B,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;AAI7B,YAAM,mBAAe,qCAAgB,MAAM;AAE3C,UAAI,WACE,QAAQ,IAAI,aAAa,iBACvB,UAAU,SACZ,QAAQ;AAAA,QACN,sBAAsB,CAAC,CAAC,OAAO,OAAO,sCAAsC,OAAO;AAAA,UACjF,gBAAgB,CAAC;AAAA,QACnB,CAAC;AAAA,MACH,GAIA,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,GAIa,OAAO,WAAAA,MACP,QAAQ,WAAAC,OACR,OAAO,WAAAC;",
+  "names": ["WebView", "WebStack", "WebText"]
 }

package/dist/esm/inject-styles.native.js

@@ -1,3 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var inject_styles_exports = {};
+__export(inject_styles_exports, {
+  injectStyles: () => injectStyles
+});
+module.exports = __toCommonJS(inject_styles_exports);
 const stylesheets = {}, injectStyles = ({ filePath, css }) => {
   let stylesheet = stylesheets[filePath];
   if (!stylesheet) {
@@ -6,7 +26,8 @@ const stylesheets = {}, injectStyles = ({ filePath, css }) => {
   }
   stylesheet.innerHTML = css;
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   injectStyles
-};
+});
 //# sourceMappingURL=inject-styles.js.map

package/dist/esm/inject-styles.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/inject-styles.ts"],
-  "mappings": "AAEA,MAAM,cAA2C,CAAC,GAOrC,eAAe,CAAC,EAAE,UAAU,IAAI,MAA2B;AACtE,MAAI,aAAa,YAAY,QAAQ;AACrC,MAAI,CAAC,YAAY;AACf,UAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,YAAQ,aAAa,aAAa,QAAQ,GAC1C,QAAQ,aAAa,QAAQ,UAAU,GACvC,aAAa,YAAY,QAAQ,IAAI,SACrC,SAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AACA,aAAW,YAAY;AACzB;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,cAA2C,CAAC,GAOrC,eAAe,CAAC,EAAE,UAAU,IAAI,MAA2B;AACtE,MAAI,aAAa,YAAY,QAAQ;AACrC,MAAI,CAAC,YAAY;AACf,UAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,YAAQ,aAAa,aAAa,QAAQ,GAC1C,QAAQ,aAAa,QAAQ,UAAU,GACvC,aAAa,YAAY,QAAQ,IAAI,SACrC,SAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AACA,aAAW,YAAY;AACzB;",
   "names": []
 }

package/dist/esm/reactNativeTypes.native.js

@@ -1,6 +1,28 @@
-import { RNTextProps, RNViewProps } from "@tamagui/web";
-export {
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var reactNativeTypes_exports = {};
+__export(reactNativeTypes_exports, {
+  RNTextProps: () => import_web.RNTextProps,
+  RNViewProps: () => import_web.RNViewProps
+});
+module.exports = __toCommonJS(reactNativeTypes_exports);
+var import_web = require("@tamagui/web");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   RNTextProps,
   RNViewProps
-};
+});
 //# sourceMappingURL=reactNativeTypes.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/reactNativeTypes.ts"],
-  "mappings": "AAAA,SAAS,aAAa,mBAAmB;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAyC;",
   "names": []
 }

package/dist/esm/vendor/Pressability.native.js

@@ -1,6 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Pressability_native_exports = {};
+__export(Pressability_native_exports, {
+  Pressability: () => Pressability,
+  usePressability: () => usePressability
+});
+module.exports = __toCommonJS(Pressability_native_exports);
 const Pressability = require("react-native/Libraries/Pressability/Pressability").default, usePressability = require("react-native/Libraries/Pressability/usePressability").default;
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   Pressability,
   usePressability
-};
+});
 //# sourceMappingURL=Pressability.native.js.map

package/dist/esm/vendor/Pressability.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/vendor/Pressability.native.tsx"],
-  "mappings": "AAAO,MAAM,eACX,QAAQ,kDAAkD,EAAE,SACjD,kBACX,QAAQ,qDAAqD,EAAE;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,eACX,QAAQ,kDAAkD,EAAE,SACjD,kBACX,QAAQ,qDAAqD,EAAE;",
   "names": []
 }

package/dist/native.js

@@ -1457,7 +1457,7 @@ var require_insertStyleRule_native = __commonJS({
         let [identifier, cssRule, isTheme] = response;
         if (isTheme) {
           let deduped = addThemesFromCSS(cssRule, tokens);
-          deduped && (dedupedThemes ||= [], dedupedThemes.push(deduped));
+          deduped && (dedupedThemes || (dedupedThemes = []), dedupedThemes.push(deduped));
           continue;
         }
         let total = track(identifier, remove);
@@ -1485,7 +1485,7 @@ var require_insertStyleRule_native = __commonJS({
         let key = rule.slice(rule.indexOf("--") + 2, sepI), val = rule.slice(sepI + 2), value;
         if (val.startsWith("var(")) {
           let varName = val.slice(6, -1), tokenVal = colorVarToVal[varName];
-          tokenVal ? value = tokenVal : (rootComputedStyle ||= getComputedStyle(document.body), value = rootComputedStyle.getPropertyValue("--" + varName));
+          tokenVal ? value = tokenVal : (rootComputedStyle || (rootComputedStyle = getComputedStyle(document.body)), value = rootComputedStyle.getPropertyValue("--" + varName));
         } else
           value = val;
         values[key] = (0, import_createVariable.createVariable)(
@@ -1795,7 +1795,8 @@ var require_useMedia_native = __commonJS({
       );
       return new Proxy(state, {
         get(_, key) {
-          return typeof key == "string" && (internal.current ||= { prev: initialState }, internal.current.touched ||= /* @__PURE__ */ new Set(), internal.current.touched.add(key)), Reflect.get(state, key);
+          var _a;
+          return typeof key == "string" && (internal.current || (internal.current = { prev: initialState }), (_a = internal.current).touched || (_a.touched = /* @__PURE__ */ new Set()), internal.current.touched.add(key)), Reflect.get(state, key);
         }
       });
     }
@@ -1966,16 +1967,16 @@ var require_ThemeManager_native = __commonJS({
       }
       get allKeys() {
         var _a;
-        return this._allKeys ||= /* @__PURE__ */ new Set([
+        return this._allKeys || (this._allKeys = /* @__PURE__ */ new Set([
           ...((_a = this.parentManager) == null ? void 0 : _a.allKeys) || [],
           ...Object.keys(this.state.theme || {})
-        ]), this._allKeys;
+        ])), this._allKeys;
       }
       notify(forced = !1) {
-        this.themeListeners.forEach((cb) => cb(this.state.name, this, forced)), process.env.NODE_ENV !== "production" && (this._numChangeEventsSent ??= 0, this._numChangeEventsSent++);
+        this.themeListeners.forEach((cb) => cb(this.state.name, this, forced)), process.env.NODE_ENV !== "production" && (this._numChangeEventsSent ?? (this._numChangeEventsSent = 0), this._numChangeEventsSent++);
       }
       onChangeTheme(cb, debugId) {
-        return process.env.NODE_ENV !== "production" && debugId && (this._listeningIds ??= /* @__PURE__ */ new Set(), this._listeningIds.add(debugId)), this.themeListeners.add(cb), () => {
+        return process.env.NODE_ENV !== "production" && debugId && (this._listeningIds ?? (this._listeningIds = /* @__PURE__ */ new Set()), this._listeningIds.add(debugId)), this.themeListeners.add(cb), () => {
           this.themeListeners.delete(cb);
         };
       }
@@ -2269,7 +2270,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         props.name,
         props.reset,
         mounted
-      ]), process.env.NODE_ENV === "development" && props.debug !== "profile" && (0, import_react3.useEffect)(() => (globalThis.TamaguiThemeManagers ??= /* @__PURE__ */ new Set(), globalThis.TamaguiThemeManagers.add(themeManager), () => {
+      ]), process.env.NODE_ENV === "development" && props.debug !== "profile" && (0, import_react3.useEffect)(() => (globalThis.TamaguiThemeManagers ?? (globalThis.TamaguiThemeManagers = /* @__PURE__ */ new Set()), globalThis.TamaguiThemeManagers.add(themeManager), () => {
         globalThis.TamaguiThemeManagers.delete(themeManager);
       }), [themeManager])), isInversingOnMount)
         return {
@@ -3416,9 +3417,10 @@ var require_expandStyles_native = __commonJS({
     module2.exports = __toCommonJS2(expandStyles_exports);
     var import_constants = require_index_native3(), import_normalizeShadow = require_normalizeShadow_native();
     function fixStyles(style) {
+      var _a;
       "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)
-        key in style && (style[borderDefaults[key]] ||= "solid");
+        key in style && (style[_a = borderDefaults[key]] || (style[_a] = "solid"));
     }
     var nativeStyle = import_constants.isWeb ? null : "borderStyle", borderDefaults = {
       borderWidth: "borderStyle",
@@ -3838,7 +3840,7 @@ var require_propMapper_native = __commonJS({
             let variantOut = resolveVariants(subKey, val, styleProps, styleState, key);
             if (variantOut)
               for (let [key2, val2] of variantOut)
-                val2 != null && (key2 in import_pseudoDescriptors.pseudoDescriptors ? (res[key2] ??= {}, Object.assign(res[key2], val2)) : res[key2] = val2);
+                val2 != null && (key2 in import_pseudoDescriptors.pseudoDescriptors ? (res[key2] ?? (res[key2] = {}), Object.assign(res[key2], val2)) : res[key2] = val2);
           }
           continue;
         }
@@ -3856,7 +3858,7 @@ var require_propMapper_native = __commonJS({
         }
         if ((0, import_isObj.isObj)(val)) {
           let subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
-          process.env.NODE_ENV === "development" && debug === "verbose" && console.info("object", subKey, subObject), res[subKey] ??= {}, Object.assign(res[subKey], subObject);
+          process.env.NODE_ENV === "development" && debug === "verbose" && console.info("object", subKey, subObject), res[subKey] ?? (res[subKey] = {}), Object.assign(res[subKey], subObject);
         } else
           res[subKey] = val;
         process.env.NODE_ENV === "development" && debug && ((_a = res[subKey]) == null ? void 0 : _a[0]) === "$" && console.warn(
@@ -4129,9 +4131,9 @@ current`, {
                   val,
                   styleProps.noClassNames
                 ), descriptor = import_pseudoDescriptors.pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
-                if (!descriptor || isExit && !styleProps.isExiting)
+                if (!descriptor)
                   continue;
-                if ((!shouldDoClasses || IS_STATIC) && (pseudos ||= {}, pseudos[key] ||= {}, IS_STATIC)) {
+                if ((!shouldDoClasses || IS_STATIC) && (pseudos || (pseudos = {}), pseudos[key] || (pseudos[key] = {}), IS_STATIC)) {
                   Object.assign(pseudos[key], pseudoStyleObject);
                   continue;
                 }
@@ -4149,10 +4151,10 @@ current`, {
                     let val2 = pseudoStyleObject[pkey];
                     if (isDisabled) {
                       let defaultValues = animatableDefaults[pkey];
-                      defaultValues && !(pkey in usedKeys) && mergeStyle(styleState, pkey, defaultValues);
+                      defaultValues != null && !(pkey in usedKeys) && mergeStyle(styleState, pkey, defaultValues);
                     } else {
                       let curImportance = usedKeys[pkey] || 0, shouldMerge = importance >= curImportance;
-                      shouldMerge && (pseudos ||= {}, pseudos[key] ||= {}, pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2)), process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("    subKey", pkey, shouldMerge, {
+                      shouldMerge && (pseudos || (pseudos = {}), pseudos[key] || (pseudos[key] = {}), pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2)), process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("    subKey", pkey, shouldMerge, {
                         importance,
                         curImportance,
                         pkey,
@@ -4181,7 +4183,7 @@ current`, {
                   )
                     continue;
                 }
-                hasMedia ||= !0;
+                hasMedia || (hasMedia = !0);
                 let mediaStyle = getSubStyle(
                   styleState,
                   key,
@@ -4241,14 +4243,14 @@ current`, {
                     }
                     let groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_c = componentState.group) == null ? void 0 : _c[groupName];
                     if (groupMediaKey) {
-                      mediaGroups ||= /* @__PURE__ */ new Set(), mediaGroups.add(groupMediaKey);
+                      mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
                       let mediaState22 = componentGroupState == null ? void 0 : componentGroupState.media, isActive = mediaState22 == null ? void 0 : mediaState22[groupMediaKey];
                       if (!mediaState22 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), !isActive)
                         continue;
                       importanceBump = 2;
                     }
                     if (groupPseudoKey) {
-                      pseudoGroups ||= /* @__PURE__ */ new Set(), pseudoGroups.add(groupName);
+                      pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set()), pseudoGroups.add(groupName);
                       let componentGroupPseudoState = (componentGroupState || // fallback to context initially
                       context.groups.state[groupName]).pseudo;
                       if (!(componentGroupPseudoState != null && componentGroupPseudoState[groupPseudoKey]))
@@ -4349,9 +4351,9 @@ current`, {
     function mergeStyle(styleState, key, val, disableNormalize = !1) {
       let { classNames, viewProps, style, usedKeys, styleProps } = styleState;
       if (import_constants.isWeb && (val == null ? void 0 : val[0]) === "_")
-        classNames[key] = val, usedKeys[key] ||= 1;
+        classNames[key] = val, usedKeys[key] || (usedKeys[key] = 1);
       else if (key in import_helpers.stylePropsTransform)
-        styleState.transforms ||= {}, styleState.transforms[key] = val;
+        styleState.transforms || (styleState.transforms = {}), styleState.transforms[key] = val;
       else {
         let out = import_constants.isWeb && !disableNormalize && !styleProps.noNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
         key in import_helpers.validStylesOnBaseProps ? viewProps[key] = out : style[key] = out;
@@ -4395,7 +4397,7 @@ current`, {
       x: 0,
       y: 0
     }, lowercaseHyphenate = (match) => `-${match.toLowerCase()}`, hyphenate = (str) => str.replace(/[A-Z]/g, lowercaseHyphenate), mergeTransform = (obj, key, val, backwards = !1) => {
-      typeof obj.transform != "string" && (obj.transform ||= [], obj.transform[backwards ? "unshift" : "push"]({
+      typeof obj.transform != "string" && (obj.transform || (obj.transform = []), obj.transform[backwards ? "unshift" : "push"]({
         [mapTransformKeys[key] || key]: val
       }));
     }, mapTransformKeys = {
@@ -4806,14 +4808,14 @@ var require_createComponent_native = __commonJS({
         defaultPropsKeyOrder: defaultProps ? Object.keys(defaultProps) : []
       });
       let component = (0, import_react3.forwardRef)((propsIn, forwardedRef) => {
-        var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+        var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
         let internalID = process.env.NODE_ENV === "development" ? (0, import_react3.useId)() : "";
         if (process.env.NODE_ENV === "development" && startVisualizer && (startVisualizer(), startVisualizer = void 0), !hasSetupBaseViews) {
           hasSetupBaseViews = !0;
           let baseViews2 = (_b = (_a2 = import_setupHooks.hooks).getBaseViews) == null ? void 0 : _b.call(_a2);
           baseViews2 && (BaseText = baseViews2.Text, BaseView = baseViews2.View);
         }
-        process.env.NODE_ENV === "test" && propsIn["data-test-renders"] && (propsIn["data-test-renders"].current ??= 0, propsIn["data-test-renders"].current += 1);
+        process.env.NODE_ENV === "test" && propsIn["data-test-renders"] && ((_c = propsIn["data-test-renders"]).current ?? (_c.current = 0), propsIn["data-test-renders"].current += 1);
         let componentContext = (0, import_react3.useContext)(import_ComponentContext.ComponentContext), styledContextProps, overriddenContextProps, contextValue, { context } = staticConfig;
         if (context) {
           contextValue = (0, import_react3.useContext)(context);
@@ -4823,7 +4825,7 @@ var require_createComponent_native = __commonJS({
               // because its after default props but before props this annoying amount of checks
               propsIn[key] ?? propsIn[inverseShorthands[key]] ?? (defaultProps == null ? void 0 : defaultProps[key]) ?? (defaultProps == null ? void 0 : defaultProps[inverseShorthands[key]])
             );
-            propVal === void 0 ? contextValue && (key in validStyles2 || key in variants) && (styledContextProps ||= {}, styledContextProps[key] = contextValue[key]) : (overriddenContextProps ||= {}, overriddenContextProps[key] = propVal);
+            propVal === void 0 ? contextValue && (key in validStyles2 || key in variants) && (styledContextProps || (styledContextProps = {}), styledContextProps[key] = contextValue[key]) : (overriddenContextProps || (overriddenContextProps = {}), overriddenContextProps[key] = propVal);
           }
         }
         let curDefaultProps = styledContextProps ? { ...defaultProps, ...styledContextProps } : defaultProps, props = propsIn;
@@ -4840,7 +4842,7 @@ var require_createComponent_native = __commonJS({
               } else
                 overlay && node.removeChild(overlay);
           };
-          return debugKeyListeners ||= /* @__PURE__ */ new Set(), debugKeyListeners.add(debugVisualizerHandler), () => {
+          return debugKeyListeners || (debugKeyListeners = /* @__PURE__ */ new Set()), debugKeyListeners.add(debugVisualizerHandler), () => {
             debugKeyListeners == null || debugKeyListeners.delete(debugVisualizerHandler);
           };
         }, [componentName2]), process.env.NODE_ENV === "development" && time && time`start (ignore)`, process.env.NODE_ENV === "development" && time && time`did-finish-ssr`;
@@ -4848,7 +4850,7 @@ var require_createComponent_native = __commonJS({
         process.env.NODE_ENV === "development" && time && time`stateref`;
         let animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations, hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig == null ? void 0 : animationsConfig.supportsCSSVars, curState = stateRef.current, willBeAnimatedClient = !!(hasAnimationProp && !isHOC && useAnimations || curState.hasAnimated), willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
         willBeAnimated && !curState.hasAnimated && (curState.hasAnimated = !0);
-        let isHydrated = config != null && config.disableSSR ? !0 : (0, import_use_did_finish_ssr.useDidFinishSSR)(), presence = willBeAnimated && ((_c = animationsConfig == null ? void 0 : animationsConfig.usePresence) == null ? void 0 : _c.call(animationsConfig)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationsConfig == null ? void 0 : animationsConfig.isReactNative), isReactNative = staticConfig.isReactNative, isAnimated = willBeAnimated;
+        let isHydrated = config != null && config.disableSSR ? !0 : (0, import_use_did_finish_ssr.useDidFinishSSR)(), presence = willBeAnimated && ((_d = animationsConfig == null ? void 0 : animationsConfig.usePresence) == null ? void 0 : _d.call(animationsConfig)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationsConfig == null ? void 0 : animationsConfig.isReactNative), isReactNative = staticConfig.isReactNative, isAnimated = willBeAnimated;
         !isReactNative && hasRNAnimation && !isHOC && !isHydrated && (isAnimated = !1, curState.willHydrate = !0), process.env.NODE_ENV === "development" && time && time`pre-use-state`;
         let hasEnterState = hasEnterStyle || isEntering, needsToMount = !isHydrated || !curState.host, initialState = hasEnterState ? needsToMount ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted, states = (0, import_react3.useState)(initialState), state = props.forceStyle ? { ...states[0], [props.forceStyle]: !0 } : states[0], setState = states[1], setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, debugProp);
         if (isHydrated && state.unmounted === "should-enter" && (state.unmounted = !0), presenceState && isAnimated && isHydrated && staticConfig.variants) {
@@ -4887,7 +4889,7 @@ var require_createComponent_native = __commonJS({
           };
         }
         process.env.NODE_ENV === "development" && time && time`use-state`;
-        let componentNameFinal = props.componentName || componentName2, componentClassName = props.asChild || !componentNameFinal ? "" : `is_${componentNameFinal}`, hasTextAncestor = !!(import_constants.isWeb && isText && componentContext.inText), isDisabled = props.disabled ?? ((_d = props.accessibilityState) == null ? void 0 : _d.disabled);
+        let componentNameFinal = props.componentName || componentName2, componentClassName = props.asChild || !componentNameFinal ? "" : `is_${componentNameFinal}`, hasTextAncestor = !!(import_constants.isWeb && isText && componentContext.inText), isDisabled = props.disabled ?? ((_e = props.accessibilityState) == null ? void 0 : _e.disabled);
         process.env.NODE_ENV === "development" && time && time`use-context`;
         let element = import_constants.isWeb && (!Component || typeof Component == "string") && props.tag || Component, elementType = isText ? BaseText || element || "span" : BaseView || element || (hasTextAncestor ? "span" : "div");
         animationsConfig && isAnimated && (elementType = animationsConfig[isText ? "Text" : "View"] || elementType);
@@ -4932,7 +4934,7 @@ var require_createComponent_native = __commonJS({
           props,
           staticConfig,
           theme,
-          ((_e = themeState == null ? void 0 : themeState.state) == null ? void 0 : _e.name) || "",
+          ((_f = themeState == null ? void 0 : themeState.state) == null ? void 0 : _f.name) || "",
           state,
           styleProps,
           null,
@@ -4964,7 +4966,7 @@ var require_createComponent_native = __commonJS({
             presence,
             componentState: state,
             styleProps,
-            theme: (_f = themeState.state) == null ? void 0 : _f.theme,
+            theme: (_g = themeState.state) == null ? void 0 : _g.theme,
             pseudos: pseudos || null,
             staticConfig,
             stateRef
@@ -5004,7 +5006,7 @@ var require_createComponent_native = __commonJS({
 
 If you meant to do this, you can disable this warning - either change untilMeasured and group at the same time, or do group={conditional ? 'name' : undefined}`
         ), process.env.NODE_ENV === "development" && time && time`destructure`;
-        let disabled = ((_g = props.accessibilityState) == null ? void 0 : _g.disabled) || // @ts-expect-error (comes from core)
+        let disabled = ((_h = props.accessibilityState) == null ? void 0 : _h.disabled) || // @ts-expect-error (comes from core)
         props.accessibilityDisabled, viewProps = nonTamaguiProps;
         hasAnimationProp && props.tag && !props.role && !props.accessibilityRole && (viewProps.role = props.tag), isHOC && _themeProp && (viewProps.theme = _themeProp), groupName && (nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(
           nonTamaguiProps.onLayout,
@@ -5013,8 +5015,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               layout: e.nativeEvent.layout
             }), !stateRef.current.hasMeasured && props.untilMeasured === "hide" && setState((prev) => ({ ...prev })), stateRef.current.hasMeasured = !0;
           }
-        )), viewProps = ((_i = (_h = import_setupHooks.hooks).usePropsTransform) == null ? void 0 : _i.call(
-          _h,
+        )), viewProps = ((_j = (_i = import_setupHooks.hooks).usePropsTransform) == null ? void 0 : _j.call(
+          _i,
           elementType,
           nonTamaguiProps,
           stateRef,
@@ -5070,7 +5072,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0,
           mediaGroups ? Object.keys([...mediaGroups]).join("") : 0
         ]);
-        let fontFamily = isText ? splitStyles.fontFamily || ((_j = staticConfig.defaultProps) == null ? void 0 : _j.fontFamily) : null;
+        let fontFamily = isText ? splitStyles.fontFamily || ((_k = staticConfig.defaultProps) == null ? void 0 : _k.fontFamily) : null;
         fontFamily && fontFamily[0] === "$" && (fontFamily = fontFamily.slice(1));
         let fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "", style = animationStyles || splitStyles.style, className;
         asChild === "except-style" || asChild === "except-style-web" || (viewProps.style = style);
@@ -5126,7 +5128,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           delayPressOut: viewProps.delayPressOut,
           focusable: viewProps.focusable ?? !0,
           minPressDuration: 0
-        }), process.env.NODE_ENV === "development" && time && time`events`, process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)("events", { events, isHoverable, attachPress }), (_l = (_k = import_setupHooks.hooks).useEvents) == null || _l.call(_k, viewProps, events, splitStyles, setStateShallow, staticConfig);
+        }), process.env.NODE_ENV === "development" && time && time`events`, process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)("events", { events, isHoverable, attachPress }), (_m = (_l = import_setupHooks.hooks).useEvents) == null || _m.call(_l, viewProps, events, splitStyles, setStateShallow, staticConfig);
         let direction = props.spaceDirection || "both";
         process.env.NODE_ENV === "development" && time && time`hooks`;
         let content = !children || asChild ? children : spacedChildren({
@@ -5146,7 +5148,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           events,
           staticConfig
         )), useChildrenResult ? content = useChildrenResult : content = (0, import_react3.createElement)(elementType, viewProps, content);
-        let ResetPresence = (_m = config == null ? void 0 : config.animations) == null ? void 0 : _m.ResetPresence;
+        let ResetPresence = (_n = config == null ? void 0 : config.animations) == null ? void 0 : _n.ResetPresence;
         ResetPresence && willBeAnimated && (hasEnterStyle || presenceState) && content && typeof content != "string" && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResetPresence, { children: content })), process.env.NODE_ENV === "development" && time && time`create-element`;
         let groupState = curState.group, subGroupContext = (0, import_react3.useMemo)(() => {
           if (!(!groupState || !groupName))
@@ -5172,7 +5174,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         if (groupName && subGroupContext && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { ...componentContext, groups: subGroupContext, children: content })), process.env.NODE_ENV === "development" && time && time`group-context`, content = disableTheme ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1), process.env.NODE_ENV === "development" && time && time`themed-children`, process.env.NODE_ENV === "development" && props.debug === "visualize" && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, { themeState, themeProps: props, children: content })), staticConfig.context) {
           let contextProps = staticConfig.context.props;
           for (let key in contextProps)
-            (key in style || key in viewProps) && (overriddenContextProps ||= {}, overriddenContextProps[key] = style[key] ?? viewProps[key]);
+            (key in style || key in viewProps) && (overriddenContextProps || (overriddenContextProps = {}), overriddenContextProps[key] = style[key] ?? viewProps[key]);
         }
         if (overriddenContextProps) {
           let Provider = staticConfig.context.Provider;