tamagui 1.74.16 → 1.74.18

package/dist/cjs/setup.js

@@ -1,46 +1,3 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var setup_exports = {};
-__export(setup_exports, {
-  idFn: () => idFn
-});
-module.exports = __toCommonJS(setup_exports);
-var import_polyfill_dev = require("@tamagui/polyfill-dev"), React = __toESM(require("react"));
-globalThis.React = React;
+var import_polyfill_dev = require("@tamagui/polyfill-dev");
 typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setImmediate);
-const cancelAnimationFrame = globalThis.cancelAnimationFrame;
-typeof globalThis > "u" ? console.warn(
-  "Warning: globalThis is undefined, are you overwriting it in your bundler?"
-) : globalThis.cancelAnimationFrame = (x) => {
-  try {
-    cancelAnimationFrame(x);
-  } catch {
-  }
-};
-const idFn = () => {
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  idFn
-});
 //# sourceMappingURL=setup.js.map

package/dist/cjs/setup.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/setup.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAO,kCAEP,QAAuB;AAEvB,WAAW,QAAQ;AAGf,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;AAGxC,MAAM,uBAAuB,WAAW;AAGpC,OAAO,aAAe,MACxB,QAAQ;AAAA,EACN;AACF,IAEA,WAAW,uBAAuB,CAAC,MAAc;AAC/C,MAAI;AACF,yBAAqB,CAAC;AAAA,EACxB,QAAQ;AAAA,EAER;AACF;AAIK,MAAM,OAAO,MAAM;AAAC;",
+  "mappings": "AAAA,0BAAO;AAGH,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;",
   "names": []
 }

package/dist/cjs/setup.native.js

@@ -1,47 +1,4 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var setup_exports = {};
-__export(setup_exports, {
-  idFn: () => idFn
-});
-module.exports = __toCommonJS(setup_exports);
-var import_polyfill_dev = require("@tamagui/polyfill-dev"), React = __toESM(require("react"));
-globalThis.React = React;
+var import_polyfill_dev = require("@tamagui/polyfill-dev");
 typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setImmediate);
-const cancelAnimationFrame = globalThis.cancelAnimationFrame;
-typeof globalThis > "u" ? console.warn(
-  "Warning: globalThis is undefined, are you overwriting it in your bundler?"
-) : globalThis.cancelAnimationFrame = (x) => {
-  try {
-    cancelAnimationFrame(x);
-  } catch {
-  }
-};
-const idFn = () => {
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  idFn
-});
 //# sourceMappingURL=setup.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/setup.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAO,kCAEP,QAAuB;AAEvB,WAAW,QAAQ;AAGf,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;AAGxC,MAAM,uBAAuB,WAAW;AAGpC,OAAO,aAAe,MACxB,QAAQ;AAAA,EACN;AACF,IAEA,WAAW,uBAAuB,CAAC,MAAc;AAC/C,MAAI;AACF,yBAAqB,CAAC;AAAA,EACxB,QAAQ;AAAA,EAER;AACF;AAIK,MAAM,OAAO,MAAM;AAAC;",
+  "mappings": ";AAAA,0BAAO;AAGH,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;",
   "names": []
 }

package/dist/esm/setup.js

@@ -1,19 +1,3 @@
 import "@tamagui/polyfill-dev";
-import * as React from "react";
-globalThis.React = React;
 typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setImmediate);
-const cancelAnimationFrame = globalThis.cancelAnimationFrame;
-typeof globalThis > "u" ? console.warn(
-  "Warning: globalThis is undefined, are you overwriting it in your bundler?"
-) : globalThis.cancelAnimationFrame = (x) => {
-  try {
-    cancelAnimationFrame(x);
-  } catch {
-  }
-};
-const idFn = () => {
-};
-export {
-  idFn
-};
 //# sourceMappingURL=setup.js.map

package/dist/esm/setup.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/setup.ts"],
-  "mappings": "AAAA,OAAO;AAEP,YAAY,WAAW;AAEvB,WAAW,QAAQ;AAGf,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;AAGxC,MAAM,uBAAuB,WAAW;AAGpC,OAAO,aAAe,MACxB,QAAQ;AAAA,EACN;AACF,IAEA,WAAW,uBAAuB,CAAC,MAAc;AAC/C,MAAI;AACF,yBAAqB,CAAC;AAAA,EACxB,QAAQ;AAAA,EAER;AACF;AAIK,MAAM,OAAO,MAAM;AAAC;",
+  "mappings": "AAAA,OAAO;AAGH,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;",
   "names": []
 }

package/dist/esm/setup.native.js

@@ -1,19 +1,3 @@
 import "@tamagui/polyfill-dev";
-import * as React from "react";
-globalThis.React = React;
 typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setImmediate);
-const cancelAnimationFrame = globalThis.cancelAnimationFrame;
-typeof globalThis > "u" ? console.warn(
-  "Warning: globalThis is undefined, are you overwriting it in your bundler?"
-) : globalThis.cancelAnimationFrame = (x) => {
-  try {
-    cancelAnimationFrame(x);
-  } catch {
-  }
-};
-const idFn = () => {
-};
-export {
-  idFn
-};
 //# sourceMappingURL=setup.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/setup.ts"],
-  "mappings": "AAAA,OAAO;AAEP,YAAY,WAAW;AAEvB,WAAW,QAAQ;AAGf,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;AAGxC,MAAM,uBAAuB,WAAW;AAGpC,OAAO,aAAe,MACxB,QAAQ;AAAA,EACN;AACF,IAEA,WAAW,uBAAuB,CAAC,MAAc;AAC/C,MAAI;AACF,yBAAqB,CAAC;AAAA,EACxB,QAAQ;AAAA,EAER;AACF;AAIK,MAAM,OAAO,MAAM;AAAC;",
+  "mappings": "AAAA,OAAO;AAGH,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;",
   "names": []
 }

package/dist/jsx/setup.js

@@ -1,19 +1,3 @@
 import "@tamagui/polyfill-dev";
-import * as React from "react";
-globalThis.React = React;
 typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setImmediate);
-const cancelAnimationFrame = globalThis.cancelAnimationFrame;
-typeof globalThis > "u" ? console.warn(
-  "Warning: globalThis is undefined, are you overwriting it in your bundler?"
-) : globalThis.cancelAnimationFrame = (x) => {
-  try {
-    cancelAnimationFrame(x);
-  } catch {
-  }
-};
-const idFn = () => {
-};
-export {
-  idFn
-};
 //# sourceMappingURL=setup.js.map

package/dist/jsx/setup.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/setup.ts"],
-  "mappings": "AAAA,OAAO;AAEP,YAAY,WAAW;AAEvB,WAAW,QAAQ;AAGf,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;AAGxC,MAAM,uBAAuB,WAAW;AAGpC,OAAO,aAAe,MACxB,QAAQ;AAAA,EACN;AACF,IAEA,WAAW,uBAAuB,CAAC,MAAc;AAC/C,MAAI;AACF,yBAAqB,CAAC;AAAA,EACxB,QAAQ;AAAA,EAER;AACF;AAIK,MAAM,OAAO,MAAM;AAAC;",
+  "mappings": "AAAA,OAAO;AAGH,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;",
   "names": []
 }

package/dist/jsx/setup.native.js

@@ -1,19 +1,3 @@
 import "@tamagui/polyfill-dev";
-import * as React from "react";
-globalThis.React = React;
 typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setImmediate);
-const cancelAnimationFrame = globalThis.cancelAnimationFrame;
-typeof globalThis > "u" ? console.warn(
-  "Warning: globalThis is undefined, are you overwriting it in your bundler?"
-) : globalThis.cancelAnimationFrame = (x) => {
-  try {
-    cancelAnimationFrame(x);
-  } catch {
-  }
-};
-const idFn = () => {
-};
-export {
-  idFn
-};
 //# sourceMappingURL=setup.js.map

package/dist/jsx/setup.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/setup.ts"],
-  "mappings": "AAAA,OAAO;AAEP,YAAY,WAAW;AAEvB,WAAW,QAAQ;AAGf,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;AAGxC,MAAM,uBAAuB,WAAW;AAGpC,OAAO,aAAe,MACxB,QAAQ;AAAA,EACN;AACF,IAEA,WAAW,uBAAuB,CAAC,MAAc;AAC/C,MAAI;AACF,yBAAqB,CAAC;AAAA,EACxB,QAAQ;AAAA,EAER;AACF;AAIK,MAAM,OAAO,MAAM;AAAC;",
+  "mappings": "AAAA,OAAO;AAGH,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;",
   "names": []
 }

package/dist/native.js

@@ -264,7 +264,12 @@ var require_validStyleProps_native = __commonJS({
         borderTopLeftRadius: !0,
         borderTopRightRadius: !0,
         borderBottomLeftRadius: !0,
-        borderBottomRightRadius: !0
+        borderBottomRightRadius: !0,
+        // logical
+        borderStartStartRadius: !0,
+        borderStartEndRadius: !0,
+        borderEndStartRadius: !0,
+        borderEndEndRadius: !0
       },
       size: {
         width: !0,
@@ -280,6 +285,9 @@ var require_validStyleProps_native = __commonJS({
       color: {
         backgroundColor: !0,
         borderColor: !0,
+        borderBlockStartColor: !0,
+        borderBlockEndColor: !0,
+        borderBlockColor: !0,
         borderBottomColor: !0,
         borderTopColor: !0,
         borderLeftColor: !0,
@@ -369,6 +377,11 @@ var require_validStyleProps_native = __commonJS({
       justifyContent: !0,
       left: !0,
       margin: !0,
+      marginBlockEnd: !0,
+      marginBlockStart: !0,
+      marginInlineEnd: !0,
+      marginInline: !0,
+      marginInlineStart: !0,
       marginBottom: !0,
       marginEnd: !0,
       marginHorizontal: !0,
@@ -380,6 +393,11 @@ var require_validStyleProps_native = __commonJS({
       overflow: !0,
       padding: !0,
       paddingBottom: !0,
+      paddingInline: !0,
+      paddingBlock: !0,
+      paddingBlockStart: !0,
+      paddingInlineEnd: !0,
+      paddingInlineStart: !0,
       paddingEnd: !0,
       paddingHorizontal: !0,
       paddingLeft: !0,
@@ -1510,6 +1528,7 @@ var require_createShallowSetState_native = __commonJS({
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), createShallowSetState_exports = {};
     __export2(createShallowSetState_exports, {
       createShallowSetState: () => createShallowSetState,
+      isEqualShallow: () => isEqualShallow,
       mergeIfNotShallowEqual: () => mergeIfNotShallowEqual
     });
     module2.exports = __toCommonJS2(createShallowSetState_exports);
@@ -1517,10 +1536,13 @@ var require_createShallowSetState_native = __commonJS({
       return (next) => setter((prev) => mergeIfNotShallowEqual(prev, next));
     }
     function mergeIfNotShallowEqual(prev, next) {
+      return isEqualShallow(prev, next) ? prev : { ...prev, ...next };
+    }
+    function isEqualShallow(prev, next) {
       for (let key in next)
         if (prev[key] !== next[key])
-          return { ...prev, ...next };
-      return prev;
+          return !1;
+      return !0;
     }
   }
 });
@@ -3415,7 +3437,7 @@ var require_ThemeManager_native = __commonJS({
           return this.updateState(nextState, shouldNotify), nextState;
       }
       updateState(nextState, shouldNotify = !0) {
-        this.state = nextState, this._allKeys = null, process.env.NODE_ENV === "development" && (this._numChangeEventsSent ??= 0, this._numChangeEventsSent++), shouldNotify && queueMicrotask(() => {
+        this.state = nextState, this._allKeys = null, process.env.NODE_ENV !== "production" && (this._numChangeEventsSent ??= 0, this._numChangeEventsSent++), shouldNotify && queueMicrotask(() => {
           this.notify();
         });
       }
@@ -3443,25 +3465,28 @@ var require_ThemeManager_native = __commonJS({
         this.themeListeners.forEach((cb) => cb(this.state.name, this, forced));
       }
       onChangeTheme(cb, debugId) {
-        return process.env.NODE_ENV === "development" && debugId && (this._listeningIds ??= /* @__PURE__ */ new Set(), this._listeningIds.add(debugId)), this.themeListeners.add(cb), () => {
+        return process.env.NODE_ENV !== "production" && debugId && (this._listeningIds ??= /* @__PURE__ */ new Set(), this._listeningIds.add(debugId)), this.themeListeners.add(cb), () => {
           this.themeListeners.delete(cb);
         };
       }
     };
     function getState(props, manager) {
+      var _a;
       if (props.name && props.reset)
         throw new Error(
           process.env.NODE_ENV === "production" ? "\u274C004" : "Cannot reset and set a new name at the same time."
         );
       if (!getHasThemeUpdatingProps(props))
         return null;
-      let themes = (0, import_config.getThemes)(), [allManagers, componentManagers] = getManagers(manager), isDirectParentAComponentTheme = !!(manager != null && manager.state.isComponent), startIndex = allManagers.findIndex((x) => !(x != null && x.state.isComponent)) + (props.reset && !isDirectParentAComponentTheme ? 1 : 0), baseManager = allManagers[startIndex], parentManager = allManagers[startIndex + 1];
+      let themes = (0, import_config.getThemes)(), [allManagers, componentManagers] = getManagers(manager), isDirectParentAComponentTheme = !!(manager != null && manager.state.isComponent), startIndex = props.reset && !isDirectParentAComponentTheme ? 1 : 0, baseManager = allManagers[startIndex], parentManager = allManagers[startIndex + 1];
       if (!baseManager && props.reset)
         return process.env.NODE_ENV !== "production" && console.warn("Cannot reset, no parent theme exists"), null;
-      let result = null, baseName = (baseManager == null ? void 0 : baseManager.state.name) || "", nextName = props.reset ? baseName : props.name || "", allComponentThemes = componentManagers.map((x) => (x == null ? void 0 : x.state.name) || "");
-      props.reset && isDirectParentAComponentTheme && allComponentThemes.shift();
+      let { componentName } = props, result = null, baseName = (baseManager == null ? void 0 : baseManager.state.name) || "";
+      baseManager != null && baseManager.state.isComponent && (baseName = baseName.replace(/_[A-Z][a-z]+/, ""));
+      let nextName = props.reset ? baseName : props.name || "", allComponentThemes = componentManagers.map((x) => (x == null ? void 0 : x.state.name) || "");
+      isDirectParentAComponentTheme && allComponentThemes.shift();
       let base = baseName.split(import_constants2.THEME_NAME_SEPARATOR), max2 = base.length, min2 = props.componentName && !nextName ? max2 : 0;
-      process.env.NODE_ENV === "development" && typeof props.debug == "string" && (console.groupCollapsed("ThemeManager.getState()"), console.info({ props, baseName, base, min: min2, max: max2 }));
+      process.env.NODE_ENV !== "production" && typeof props.debug == "string" && (console.groupCollapsed("ThemeManager.getState()"), console.info({ props, baseName, base, min: min2, max: max2 }));
       for (let i = max2; i >= min2; i--) {
         let prefix = base.slice(0, i).join(import_constants2.THEME_NAME_SEPARATOR);
         props.inverse && (prefix = inverseThemeName(prefix));
@@ -3470,39 +3495,38 @@ var require_ThemeManager_native = __commonJS({
           let lastSegment = potentials.findIndex((x) => !x.includes("_"));
           lastSegment > 0 && potentials.splice(lastSegment, 0, nextName);
         }
-        if (props.componentName) {
+        if (componentName && !props.reset) {
           let componentPotentials = [];
           if (nextName) {
             let beforeSeparator = prefix.slice(0, prefix.indexOf(import_constants2.THEME_NAME_SEPARATOR));
-            componentPotentials.push(`${beforeSeparator}_${nextName}_${props.componentName}`);
+            componentPotentials.push(`${beforeSeparator}_${nextName}_${componentName}`);
           }
-          if (componentPotentials.push(`${prefix}_${props.componentName}`), nextName) {
+          if (componentPotentials.push(`${prefix}_${componentName}`), nextName) {
             let prefixLessOne = base.slice(0, i - 1).join(import_constants2.THEME_NAME_SEPARATOR);
             if (prefixLessOne) {
-              let lessSpecific = `${prefixLessOne}_${nextName}_${props.componentName}`;
+              let lessSpecific = `${prefixLessOne}_${nextName}_${componentName}`;
               componentPotentials.unshift(lessSpecific);
             }
-            let moreSpecific = `${prefix}_${nextName}_${props.componentName}`;
+            let moreSpecific = `${prefix}_${nextName}_${componentName}`;
             componentPotentials.unshift(moreSpecific);
           }
           potentials = [...componentPotentials, ...potentials, ...allComponentThemes];
         }
         let found = potentials.find((t) => t in themes);
-        if (process.env.NODE_ENV === "development" && typeof props.debug == "string" && console.info(" - ", { found, potentials, baseManager }), found) {
-          let names = found.split("_"), [firstName, ...restNames] = names, lastName = names[names.length - 1], isComponent = lastName[0] === lastName[0].toUpperCase(), scheme = firstName === "light" ? "light" : firstName === "dark" ? "dark" : void 0, pre = import_constants2.THEME_CLASSNAME_PREFIX, className = import_constants.isWeb ? `${pre}sub_theme ${pre}${!scheme || !restNames.length ? firstName : restNames.join("_")}` : "", parentState = baseManager == null ? void 0 : baseManager.state, parentScheme = parentState == null ? void 0 : parentState.scheme, parentName = parentState == null ? void 0 : parentState.name, inverse = parentScheme && scheme !== parentScheme;
+        if (process.env.NODE_ENV !== "production" && typeof props.debug == "string" && console.info(" - ", { found, potentials, baseManager, nextName, baseName, prefix }), found) {
+          let names = found.split("_"), [firstName, ...restNames] = names, lastName = names[names.length - 1], isComponent = lastName[0] === lastName[0].toUpperCase(), scheme = firstName === "light" ? "light" : firstName === "dark" ? "dark" : void 0, pre = import_constants2.THEME_CLASSNAME_PREFIX, className = import_constants.isWeb ? `${pre}sub_theme ${pre}${!scheme || !restNames.length ? firstName : restNames.join("_")}` : "", parentState = (_a = baseManager || parentManager) == null ? void 0 : _a.state, parentName = parentState == null ? void 0 : parentState.name;
           result = {
             name: found,
             parentName,
             theme: themes[found],
             className,
-            inverse,
             isComponent,
             scheme
           };
           break;
         }
       }
-      return process.env.NODE_ENV === "development" && typeof props.debug == "string" && typeof window < "u" && (console.warn("ThemeManager.getState():", { result }), console.trace(), console.groupEnd()), result;
+      return process.env.NODE_ENV !== "production" && typeof props.debug == "string" && typeof window < "u" && (console.warn("ThemeManager.getState():", { result }), console.trace(), console.groupEnd()), result;
     }
     var inverseThemeName = (themeName) => themeName.startsWith("light") ? themeName.replace(/^light/, "dark") : themeName.replace(/^dark/, "light");
     function getManagers(themeManager) {
@@ -3557,7 +3581,7 @@ var require_useTheme_native = __commonJS({
       useThemeWithState: () => useThemeWithState
     });
     module2.exports = __toCommonJS2(useTheme_exports);
-    var import_constants = require_index_native2(), import_react2 = require("react"), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_createProxy = require_createProxy_native(), import_ThemeManager = require_ThemeManager_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_getThemeUnwrapped = require_getThemeUnwrapped_native(), emptyProps = { name: null }, cached;
+    var import_constants = require_index_native2(), import_react2 = require("react"), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_createProxy = require_createProxy_native(), import_createShallowSetState = require_createShallowSetState_native(), import_ThemeManager = require_ThemeManager_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_getThemeUnwrapped = require_getThemeUnwrapped_native(), emptyProps = { name: null }, cached;
     function getDefaultThemeProxied() {
       if (cached)
         return cached;
@@ -3651,8 +3675,10 @@ If this is intended and you are using Tamagui without any themes, you can disabl
       {
         let cur = manager;
         for (; cur; ) {
-          if (cur.state.inverse)
+          if (!cur.parentManager)
             return !0;
+          if (cur.parentManager.state.scheme !== cur.state.scheme)
+            return !1;
           cur = cur.parentManager;
         }
       }
@@ -3666,7 +3692,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
           state: parentManager == null ? void 0 : parentManager.state,
           themeManager: parentManager
         };
-      let [themeState, setThemeState] = (0, import_react2.useState)(createState), { state, mounted, isNewTheme, themeManager } = themeState, isInversingOnMount = !!(!themeState.mounted && props.inverse);
+      let [themeState, setThemeState] = (0, import_react2.useState)(createState), { state, mounted, isNewTheme, themeManager, inversed } = themeState, isInversingOnMount = !!(!themeState.mounted && props.inverse);
       function getShouldUpdateTheme(manager = themeManager, nextState, prevState = state, forceShouldChange = !1) {
         let forceUpdate = shouldUpdate == null ? void 0 : shouldUpdate();
         if (!manager || !forceShouldChange && forceUpdate === !1)
@@ -3679,7 +3705,10 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         if (!themeManager)
           return;
         if (props.inverse && !mounted) {
-          setThemeState({ ...themeState, mounted: !0 });
+          setThemeState((prev) => createState({
+            ...prev,
+            mounted: !0
+          }));
           return;
         }
         isNewTheme && themeManager && activeThemeManagers.add(themeManager), (isNewTheme || getShouldUpdateTheme(themeManager)) && setThemeState(createState);
@@ -3713,6 +3742,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
       }), [themeManager])), isInversingOnMount)
         return {
           isNewTheme: !1,
+          inversed: !1,
           themeManager: parentManager,
           state: {
             name: "",
@@ -3723,10 +3753,10 @@ If this is intended and you are using Tamagui without any themes, you can disabl
       return {
         state,
         isNewTheme,
+        inversed,
         themeManager
       };
       function createState(prev, force = !1) {
-        var _a;
         if (prev && (shouldUpdate == null ? void 0 : shouldUpdate()) === !1)
           return prev;
         let themeManager2 = parentManager, state2;
@@ -3745,15 +3775,18 @@ If this is intended and you are using Tamagui without any themes, you can disabl
             themeManager2 = getNewThemeManager(), state2 = { ...themeManager2.state };
         }
         let isNewTheme2 = !!(themeManager2 !== parentManager || props.inverse), mounted2 = props.inverse ? isRoot || (prev == null ? void 0 : prev.mounted) : !0;
-        if (state2 || (isNewTheme2 ? state2 = themeManager2.state : (state2 = parentManager.state, themeManager2 = parentManager)), !force && (state2 == null ? void 0 : state2.name) === ((_a = prev == null ? void 0 : prev.state) == null ? void 0 : _a.name))
-          return prev;
-        let response = {
-          state: state2,
+        state2 || (isNewTheme2 ? state2 = themeManager2.state : (state2 = parentManager.state, themeManager2 = parentManager));
+        let wasInversed = prev == null ? void 0 : prev.inversed, inversed2 = isNewTheme2 && state2.scheme !== (parentManager == null ? void 0 : parentManager.state.scheme) ? !0 : wasInversed ? !1 : null, response = {
           themeManager: themeManager2,
           isNewTheme: isNewTheme2,
-          mounted: mounted2
-        };
-        if (process.env.NODE_ENV === "development" && props.debug && import_constants.isClient) {
+          mounted: mounted2,
+          inversed: inversed2
+        }, shouldReturnPrev = !force && prev && // isEqualShallow uses the second arg as the keys so this should compare without state first...
+        (0, import_createShallowSetState.isEqualShallow)(prev, response) && // ... and then compare just the state, because we make a new state obj but is likely the same
+        (0, import_createShallowSetState.isEqualShallow)(prev.state, state2);
+        if (prev && shouldReturnPrev)
+          return prev;
+        if (response.state = state2, process.env.NODE_ENV === "development" && props.debug && import_constants.isClient) {
           console.groupCollapsed(` \u{1F537} ${themeManager2.id} useChangeThemeEffect createState`);
           let parentState = { ...parentManager == null ? void 0 : parentManager.state }, parentId = parentManager == null ? void 0 : parentManager.id, themeManagerState = { ...themeManager2.state };
           console.info({
@@ -3821,9 +3854,7 @@ var require_Theme_native = __commonJS({
     )), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), Theme_exports = {};
     __export2(Theme_exports, {
       Theme: () => Theme2,
-      getThemeCNStyle: () => getThemeCNStyle,
-      useThemedChildren: () => useThemedChildren,
-      wrapThemeElements: () => wrapThemeElements
+      useThemedChildren: () => useThemedChildren
     });
     module2.exports = __toCommonJS2(Theme_exports);
     var import_constants = require_index_native2(), import_react2 = __toESM2(require("react")), import_createVariable = require_createVariable_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_useTheme = require_useTheme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime6 = require("react/jsx-runtime"), Theme2 = (0, import_react2.forwardRef)(function(props, ref) {
@@ -3862,40 +3893,32 @@ var require_Theme_native = __commonJS({
         isRoot
       }) : elementsWithContext;
     }
-    function getThemeCNStyle(themeState, isRoot = !1) {
-      var _a, _b;
-      if (!themeState.isNewTheme)
-        return;
-      let themeColor = (_a = themeState.state) != null && _a.theme && themeState.isNewTheme ? (0, import_createVariable.variableToString)(themeState.state.theme.color) : "", style = themeColor ? {
-        color: themeColor
-      } : void 0, className = ((_b = themeState.state) == null ? void 0 : _b.className) || "";
-      return isRoot && (className = className.replace("t_sub_theme", "")), { style, className };
-    }
     function wrapThemeElements({
       children,
       themeState,
       forceClassName,
       isRoot
     }) {
-      var _a, _b;
+      var _a;
       if (isRoot && forceClassName === !1)
         return children;
-      let inverse = (_a = themeState.state) == null ? void 0 : _a.inverse;
-      if (!themeState.isNewTheme && !inverse && !forceClassName)
+      let inverse = themeState.inversed, requiresExtraWrapper = inverse != null || forceClassName;
+      if (!themeState.isNewTheme && !requiresExtraWrapper)
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "_dsp_contents is_Theme", children });
-      let { className, style } = getThemeCNStyle(themeState, isRoot), themedChildren = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `${className} _dsp_contents is_Theme`, style, children });
-      if (inverse != null || forceClassName) {
-        let name = ((_b = themeState.state) == null ? void 0 : _b.name) || "";
-        themedChildren = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "span",
-          {
-            className: `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents ${inverse ? "is_inversed" : ""}`,
-            children: themedChildren
-          }
-        );
+      let { className, style } = getThemeClassNameAndStyle(themeState, isRoot), themedChildren = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `${className} _dsp_contents is_Theme`, style, children });
+      if (requiresExtraWrapper) {
+        let name = ((_a = themeState.state) == null ? void 0 : _a.name) || "", inverseClassName = name.startsWith("light") ? "t_light is_inversed" : name.startsWith("dark") ? "t_dark is_inversed" : "";
+        themedChildren = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `${inverse ? inverseClassName : ""} _dsp_contents`, children: themedChildren });
       }
       return themedChildren;
     }
+    function getThemeClassNameAndStyle(themeState, isRoot = !1) {
+      var _a, _b;
+      let themeColor = (_a = themeState.state) != null && _a.theme && themeState.isNewTheme ? (0, import_createVariable.variableToString)(themeState.state.theme.color) : "", style = themeColor ? {
+        color: themeColor
+      } : void 0, className = ((_b = themeState.state) == null ? void 0 : _b.className) || "";
+      return isRoot && (className = className.replace("t_sub_theme", "")), { style, className };
+    }
   }
 });
 
@@ -3924,7 +3947,7 @@ var require_themeable_native = __commonJS({
           import_Theme.Theme,
           {
             componentName: componentName || (staticConfig == null ? void 0 : staticConfig.componentName),
-            name: theme || null,
+            name: theme,
             "disable-child-theme": !0,
             debug: props.debug,
             inverse: themeInverse,
@@ -11801,7 +11824,6 @@ var require_Button_native = __commonJS({
       }
     }), ButtonText = (0, import_web.styled)(import_text2.SizableText, {
       name: "Button",
-      // same name as the frame so they can share a single theme
       context: ButtonContext,
       variants: {
         unstyled: {