@tamagui/web 2.0.0-rc.4 → 2.0.0-rc.40

package/.turbo/turbo-build.log

@@ -0,0 +1,3 @@
+
+$ tamagui-build
+built @tamagui/web in 2529 ms

package/.turbo/turbo-test$colon$web.log

@@ -0,0 +1,15 @@
+$ vitest --typecheck --run
+Testing types with tsc and vue-tsc is an experimental feature.
+Breaking changes might not follow SemVer, please pin Vitest's version when using it.
+
+ RUN  v4.0.4 /Users/n8/tamagui/code/core/web
+
+ ✓  TS  src/animationDriverTypes.test-d.ts (20 tests)
+ ✓  TS  src/styledHtml.test-d.ts (29 tests)
+
+ Test Files  2 passed (2)
+      Tests  49 passed (49)
+Type Errors  no errors
+   Start at  18:32:44
+   Duration  1.73s (transform 0ms, setup 0ms, collect 0ms, tests 0ms, environment 0ms, prepare 0ms, typecheck 1.69s)
+

package/dist/cjs/Tamagui.cjs

@@ -2,33 +2,35 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  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);
+// 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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var Tamagui_exports = {};
 __export(Tamagui_exports, {
   Tamagui: () => Tamagui,
@@ -36,37 +38,39 @@ __export(Tamagui_exports, {
   setIdentifierValue: () => setIdentifierValue
 });
 module.exports = __toCommonJS(Tamagui_exports);
-var Helpers = __toESM(require("@tamagui/helpers"), 1),
-  import_config = require("./config.cjs"),
-  import_insertStyleRule = require("./helpers/insertStyleRule.cjs"),
-  import_useMedia = require("./hooks/useMedia.cjs");
+var Helpers = __toESM(require("@tamagui/helpers"), 1);
+var import_config = require("./config.cjs");
+var import_insertStyleRule = require("./helpers/insertStyleRule.cjs");
+var import_mediaState = require("./helpers/mediaState.cjs");
 const Tamagui = (() => {
-    if (process.env.NODE_ENV === "development") {
-      class TamaguiManager {
-        Helpers = Helpers;
-        get mediaState() {
-          return {
-            ...import_useMedia.mediaState
-          };
-        }
-        get config() {
-          return (0, import_config.getConfig)();
-        }
-        get insertedRules() {
-          return (0, import_insertStyleRule.getAllRules)();
-        }
-        get allSelectors() {
-          return (0, import_insertStyleRule.getAllSelectors)();
-        }
-        get identifierToValue() {
-          return identifierToValue;
-        }
+  if (process.env.NODE_ENV === "development") {
+    class TamaguiManager {
+      Helpers = Helpers;
+      get mediaState() {
+        return {
+          ...import_mediaState.mediaState
+        };
+      }
+      get config() {
+        return (0, import_config.getConfig)();
+      }
+      get insertedRules() {
+        return (0, import_insertStyleRule.getAllRules)();
+      }
+      get allSelectors() {
+        return (0, import_insertStyleRule.getAllSelectors)();
+      }
+      get identifierToValue() {
+        return identifierToValue;
       }
-      return new TamaguiManager();
     }
-  })(),
-  identifierToValue = /* @__PURE__ */new Map(),
-  getValueFromIdentifier = identifier => identifierToValue.get(identifier),
-  setIdentifierValue = (identifier, value) => {
-    identifierToValue.set(identifier, value);
-  };
+    return new TamaguiManager();
+  }
+})();
+const identifierToValue = /* @__PURE__ */new Map();
+const getValueFromIdentifier = identifier => {
+  return identifierToValue.get(identifier);
+};
+const setIdentifierValue = (identifier, value) => {
+  identifierToValue.set(identifier, value);
+};

package/dist/cjs/Tamagui.native.js

@@ -4,33 +4,35 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  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);
+// 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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var Tamagui_exports = {};
 __export(Tamagui_exports, {
   Tamagui: () => Tamagui,
@@ -38,75 +40,89 @@ __export(Tamagui_exports, {
   setIdentifierValue: () => setIdentifierValue
 });
 module.exports = __toCommonJS(Tamagui_exports);
-var Helpers = __toESM(require("@tamagui/helpers"), 1),
-  import_config = require("./config.native.js"),
-  import_insertStyleRule = require("./helpers/insertStyleRule.native.js"),
-  import_useMedia = require("./hooks/useMedia.native.js");
+var Helpers = __toESM(require("@tamagui/helpers"), 1);
+var import_config = require("./config.native.js");
+var import_insertStyleRule = require("./helpers/insertStyleRule.native.js");
+var import_mediaState = require("./helpers/mediaState.native.js");
 function _class_call_check(instance, Constructor) {
-  if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
 }
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || !1, descriptor.configurable = !0, "value" in descriptor && (descriptor.writable = !0), Object.defineProperty(target, descriptor.key, descriptor);
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
   }
 }
 function _create_class(Constructor, protoProps, staticProps) {
-  return protoProps && _defineProperties(Constructor.prototype, protoProps), staticProps && _defineProperties(Constructor, staticProps), Constructor;
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
 }
 function _define_property(obj, key, value) {
-  return key in obj ? Object.defineProperty(obj, key, {
-    value,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : obj[key] = value, obj;
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 var Tamagui = function () {
-    if (process.env.NODE_ENV === "development") {
-      var TamaguiManager = /* @__PURE__ */function () {
-        "use strict";
+  if (process.env.NODE_ENV === "development") {
+    var TamaguiManager = /* @__PURE__ */function () {
+      "use strict";
 
-        function TamaguiManager2() {
-          _class_call_check(this, TamaguiManager2), _define_property(this, "Helpers", Helpers);
+      function TamaguiManager2() {
+        _class_call_check(this, TamaguiManager2);
+        _define_property(this, "Helpers", Helpers);
+      }
+      _create_class(TamaguiManager2, [{
+        key: "mediaState",
+        get: function get() {
+          return {
+            ...import_mediaState.mediaState
+          };
         }
-        return _create_class(TamaguiManager2, [{
-          key: "mediaState",
-          get: function () {
-            return {
-              ...import_useMedia.mediaState
-            };
-          }
-        }, {
-          key: "config",
-          get: function () {
-            return (0, import_config.getConfig)();
-          }
-        }, {
-          key: "insertedRules",
-          get: function () {
-            return (0, import_insertStyleRule.getAllRules)();
-          }
-        }, {
-          key: "allSelectors",
-          get: function () {
-            return (0, import_insertStyleRule.getAllSelectors)();
-          }
-        }, {
-          key: "identifierToValue",
-          get: function () {
-            return identifierToValue;
-          }
-        }]), TamaguiManager2;
-      }();
-      return new TamaguiManager();
-    }
-  }(),
-  identifierToValue = /* @__PURE__ */new Map(),
-  getValueFromIdentifier = function (identifier) {
-    return identifierToValue.get(identifier);
-  },
-  setIdentifierValue = function (identifier, value) {
-    identifierToValue.set(identifier, value);
-  };
+      }, {
+        key: "config",
+        get: function get() {
+          return (0, import_config.getConfig)();
+        }
+      }, {
+        key: "insertedRules",
+        get: function get() {
+          return (0, import_insertStyleRule.getAllRules)();
+        }
+      }, {
+        key: "allSelectors",
+        get: function get() {
+          return (0, import_insertStyleRule.getAllSelectors)();
+        }
+      }, {
+        key: "identifierToValue",
+        get: function get() {
+          return identifierToValue;
+        }
+      }]);
+      return TamaguiManager2;
+    }();
+    return new TamaguiManager();
+  }
+}();
+var identifierToValue = /* @__PURE__ */new Map();
+var getValueFromIdentifier = function (identifier) {
+  return identifierToValue.get(identifier);
+};
+var setIdentifierValue = function (identifier, value) {
+  identifierToValue.set(identifier, value);
+};
 //# sourceMappingURL=Tamagui.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Tamagui_exports","__export","Tamagui","getValueFromIdentifier","setIdentifierValue","module","exports","Helpers","__toESM","require","import_config","import_insertStyleRule","import_useMedia","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","process","env","NODE_ENV","TamaguiManager"],"sources":["../../src/Tamagui.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAyB,GAAAX,YAAA,CAAAK,eAAA;AASlB,IAAAO,OAAM,GAAAC,OAAW,CAAAC,OAAM;EAAAC,aAAA,GAAAD,OAAA;EAAAE,sBAAA,GAAAF,OAAA;EAAAG,eAAA,GAAAH,OAAA;AAC5B,SAAII,iBAAYA,CAAAC,QAAa,EAAAC,WAAe;EAAA,IAC1C,EAAAD,QAAM,YAAeC,WAAA,SACnB,IAAAC,SAAU;AAAA;AAGR,SAAAC,iBAAYA,CAAAC,MAAA,EAAAC,KAAA;EAAW,KACzB,IAAAC,CAAA,MAAAA,CAAA,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA;IAAA,IAEAE,UAAI,GAASH,KAAA,CAAAC,CAAA;IACXE,UAAA,CAAAC,UAAO,GAAAD,UAAA,CAAAC,UAAU,QAAAD,UAAA,CAAAE,YAAA,kBAAAF,UAAA,KAAAA,UAAA,CAAAG,QAAA,QAAAC,MAAA,CAAAC,cAAA,CAAAT,MAAA,EAAAI,UAAA,CAAAM,GAAA,EAAAN,UAAA;EAAA;AACnB;AAGE,SAAAO,aAAOA,CAAAd,WAAA,EAAAe,UAAA,EAAAC,WAAY;EAAA,OACrBD,UAAA,IAAAb,iBAAA,CAAAF,WAAA,CAAAiB,SAAA,EAAAF,UAAA,GAAAC,WAAA,IAAAd,iBAAA,CAAAF,WAAA,EAAAgB,WAAA,GAAAhB,WAAA;AAAA;AAGE,SAAAkB,gBAAOA,CAAAC,GAAA,EAAAN,GAAA,EAAA7B,KAAA;EAAgB,OACzB6B,GAAA,IAAAM,GAAA,GAAAR,MAAA,CAAAC,cAAA,CAAAO,GAAA,EAAAN,GAAA;IAAA7B,KAEA;IACEwB,UAAA,EAAO;IAAAC,YACT;IACFC,QAAA;EACA,KAAAS,GAAA,CAAON,GAAA,CAAI,GAAA7B,KAAA,EAAAmC,GAAA;AAAe;AAE9B,IAAGhC,OAEG,eAAoB;IAOxB,IAAAiC,OAAA,CAAAC,GAAA,CAAAC,QAAsB,kBAAiB;MACzC,IAAAC,cAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Tamagui_exports","__export","Tamagui","getValueFromIdentifier","setIdentifierValue","module","exports","Helpers","__toESM","require","import_config","import_insertStyleRule","import_mediaState","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj"],"sources":["../../src/Tamagui.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAyB,GAAAX,YAAA,CAAAK,eAAA;AAEzB,IAAAO,OAAA,GAAAC,OAA0B,CAAAC,OAAA;AAC1B,IAAAC,aAAA,GAAAD,OAAA,qBAA6C;AAC7C,IAAAE,sBAA2B,GAAAF,OAAA;AAKpB,IAAAG,iBAAiB,GAAMH,OAAA;AAC5B,SAAII,iBAAYA,CAAAC,QAAa,EAAAC,WAAe;EAAA,IAC1C,EAAAD,QAAM,YAAeC,WAAA;IAAA,MACnB,IAAAC,SAAU;EAAA;AAGR;AAAuB,SACzBC,kBAAAC,MAAA,EAAAC,KAAA;EAAA,KAEA,IAAIC,CAAA,MAAAA,CAAS,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA;IACX,IAAAE,UAAA,GAAOH,KAAA,CAAAC,CAAA;IAAUE,UACnB,CAAAC,UAAA,GAAAD,UAAA,CAAAC,UAAA;IAAAD,UAEI,CAAAE,YAAgB;IAClB,eAAOF,UAAA,EAAAA,UAAA,CAAAG,QAAA,OAAY;IAAAC,MACrB,CAAAC,cAAA,CAAAT,MAAA,EAAAI,UAAA,CAAAM,GAAA,EAAAN,UAAA;EAAA;AAGE;AAAuB,SACzBO,cAAAd,WAAA,EAAAe,UAAA,EAAAC,WAAA;EAAA,IAEAD,UAAI,EAAAb,iBAAoB,CAAAF,WAAA,CAAAiB,SAAA,EAAAF,UAAA;EACtB,IAAAC,WAAO,EAAAd,iBAAA,CAAAF,WAAA,EAAAgB,WAAA;EAAA,OACThB,WAAA;AAAA;AAEF,SAAAkB,gBAAWA,CAAAC,GAAA,EAAeN,GAAA,EAAA7B,KAAA;EAC5B,IAAA6B,GAAA,IAAAM,GAAA;IACCR,MAAA,CAAAC,cAAA,CAAAO,GAAA,EAAAN,GAAA;MAEG7B,KAAA;MAEOwB,UAAA;MACXC,YAAO;MACTC,QAAA;IAEO,EAAM;EACX;IACFS,GAAA,CAAAN,GAAA,IAAA7B,KAAA","ignoreList":[]}

package/dist/cjs/_withStableStyle.cjs

@@ -2,53 +2,74 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  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);
+// 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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var withStableStyle_exports = {};
 __export(withStableStyle_exports, {
   _withStableStyle: () => _withStableStyle
 });
 module.exports = __toCommonJS(withStableStyle_exports);
-var import_react = __toESM(require("react"), 1),
-  import_useMedia = require("./hooks/useMedia.cjs"),
-  import_useTheme = require("./hooks/useTheme.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const _withStableStyle = (Component, styleProvider) => import_react.default.forwardRef((props, ref) => {
+var import_react = __toESM(require("react"), 1);
+var import_config = require("./config.cjs");
+var import_useMedia = require("./hooks/useMedia.cjs");
+var import_useTheme = require("./hooks/useTheme.cjs");
+var import_useThemeState = require("./hooks/useThemeState.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const EMPTY_EXPRESSIONS = [];
+const EMPTY_THEME = {};
+const _withStableStyle = (Component, createStyle, hasThemeKeys, hasMediaKeys) => import_react.default.memo(import_react.default.forwardRef((props, ref) => {
   const {
-      _expressions = [],
-      ...rest
-    } = props,
-    theme = (0, import_useTheme.useTheme)(),
-    media = _expressions.some(expr => typeof expr == "string") ? (0, import_useMedia.useMedia)() : null,
-    resolvedExpressions = media ? _expressions.map(expr => typeof expr == "string" ? media[expr] : expr) : _expressions;
+    _expressions = EMPTY_EXPRESSIONS,
+    ...rest
+  } = props;
+  const parentId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
+  const theme = hasThemeKeys && parentId ? (0, import_useTheme.useTheme)() : null;
+  const media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null;
+  const resolvedExpressions = media ? _expressions.map(expr => typeof expr === "string" ? media[expr] : expr) : _expressions;
+  let resolvedTheme = theme || EMPTY_THEME;
+  if (hasThemeKeys && !parentId) {
+    const config = (0, import_config.getConfigMaybe)();
+    const themes = config?.themes;
+    if (themes) {
+      for (const k in themes) {
+        resolvedTheme = themes.light || themes.dark || themes[k];
+        break;
+      }
+    }
+    if (process.env.NODE_ENV === "development") {
+      console.warn("[@tamagui] _withStableStyle: no ThemeStateContext found. This usually means duplicate tamagui instances in a monorepo. Falling back to default theme from config.");
+    }
+  }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
     ref,
-    style: styleProvider(theme, resolvedExpressions),
+    style: createStyle(resolvedTheme, resolvedExpressions),
     ...rest
   });
-});
+}));

package/dist/cjs/_withStableStyle.native.js

@@ -4,61 +4,79 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  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);
+// 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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var withStableStyle_exports = {};
 __export(withStableStyle_exports, {
   _withStableStyle: () => _withStableStyle
 });
 module.exports = __toCommonJS(withStableStyle_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_react = __toESM(require("react"), 1),
-  import_useMedia = require("./hooks/useMedia.native.js"),
-  import_useTheme = require("./hooks/useTheme.native.js"),
-  _withStableStyle = function (Component, styleProvider) {
-    return /* @__PURE__ */import_react.default.forwardRef(function (props, ref) {
-      var {
-          _expressions = [],
-          ...rest
-        } = props,
-        theme = (0, import_useTheme.useTheme)(),
-        hasMediaKeys = _expressions.some(function (expr) {
-          return typeof expr == "string";
-        }),
-        media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null,
-        resolvedExpressions = media ? _expressions.map(function (expr) {
-          return typeof expr == "string" ? media[expr] : expr;
-        }) : _expressions;
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-        ref,
-        style: styleProvider(theme, resolvedExpressions),
-        ...rest
-      });
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_config = require("./config.native.js");
+var import_useMedia = require("./hooks/useMedia.native.js");
+var import_useTheme = require("./hooks/useTheme.native.js");
+var import_useThemeState = require("./hooks/useThemeState.native.js");
+var EMPTY_EXPRESSIONS = [];
+var EMPTY_THEME = {};
+var _withStableStyle = function (Component, createStyle, hasThemeKeys, hasMediaKeys) {
+  return /* @__PURE__ */import_react.default.memo(/* @__PURE__ */import_react.default.forwardRef(function (props, ref) {
+    var {
+      _expressions = EMPTY_EXPRESSIONS,
+      ...rest
+    } = props;
+    var parentId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
+    var theme = hasThemeKeys && parentId ? (0, import_useTheme.useTheme)() : null;
+    var media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null;
+    var resolvedExpressions = media ? _expressions.map(function (expr) {
+      return typeof expr === "string" ? media[expr] : expr;
+    }) : _expressions;
+    var resolvedTheme = theme || EMPTY_THEME;
+    if (hasThemeKeys && !parentId) {
+      var config = (0, import_config.getConfigMaybe)();
+      var themes = config === null || config === void 0 ? void 0 : config.themes;
+      if (themes) {
+        for (var k in themes) {
+          resolvedTheme = themes.light || themes.dark || themes[k];
+          break;
+        }
+      }
+      if (process.env.NODE_ENV === "development") {
+        console.warn("[@tamagui] _withStableStyle: no ThemeStateContext found. This usually means duplicate tamagui instances in a monorepo. Falling back to default theme from config.");
+      }
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+      ref,
+      style: createStyle(resolvedTheme, resolvedExpressions),
+      ...rest
     });
-  };
+  }));
+};
 //# sourceMappingURL=_withStableStyle.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","withStableStyle_exports","__export","_withStableStyle","module","exports","import_jsx_runtime","require","import_react","__toESM","import_useMedia","import_useTheme","Component","styleProvider","default","forwardRef","props","ref","_expressions","rest","theme","useTheme","hasMediaKeys","some","expr"],"sources":["../../src/_withStableStyle.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,uBAClB;AAKO,IAAAK,kBAAM,GAAmBC,OAC9B,oBACA;EAEAC,YAAA,GAAAC,OAAM,CAAAF,OAAA,QAAY,GAAY;EAAAG,eAAQ,GAAAH,OAAA;EAAAI,eAAA,GAAAJ,OAAA;EAAAJ,gBAAA,YAAAA,CAAAS,SAAA,EAAAC,aAAA;IACpC,OAAM,eAAiBL,YAAY,CAAAM,OAAI,CAAAC,UACjC,WAAQC,KAAA,EAAAC,GAAA;MAWd;UACEC,YAAA;UAAA,GAAAC;QAAA,IAAAH,KAAA;QAAAI,KAAC,OAAAT,eAAoB,CAAAU,QAAO;QAAAC,YAAqB,GAAAJ,YAAA,CAAAK,IAAuB,WAASC,IAAA;UAEpF,cAAAA,IAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","withStableStyle_exports","__export","_withStableStyle","module","exports","import_jsx_runtime","require","import_react","__toESM","import_config","import_useMedia","import_useTheme","import_useThemeState","EMPTY_EXPRESSIONS","EMPTY_THEME","Component","createStyle","hasThemeKeys","hasMediaKeys","default","memo","forwardRef","props","ref","_expressions","rest","parentId","useContext","ThemeStateContext","theme","useTheme","media","useMedia","resolvedExpressions","map","expr","resolvedTheme","config","getConfigMaybe","themes","k","light","dark","process","env","NODE_ENV","console","warn","jsx","style"],"sources":["../../src/_withStableStyle.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkC,CAAAK,uBAAA;AAClC,IAAAK,kBAA+B,GAAAC,OAAA;AAC/B,IAAAC,YAAA,GAAAC,OAAyB,CAAAF,OAAA;AACzB,IAAAG,aAAA,GAAAH,OAAyB;AACzB,IAAAI,eAAA,GAAAJ,OAAkC;AAkD1B,IAAAK,eAAA,GAAAL,OAAA;AA9CR,IAAAM,oBAAM,GAA4BN,OAAA;AAClC,IAAAO,iBAAqB;AAEd,IAAAC,WAAM;AAML,IACJZ,gBAAA,GAAM,SAAAA,CAAAa,SAAY,EAAYC,WAAQ,EAAAC,YAAA,EAAAC,YAAA;EACpC,sBAAQX,YAAe,CAAAY,OAAA,CAAmBC,IAAG,gBAASb,YAAA,CAAAY,OAAA,CAAAE,UAAA,WAAAC,KAAA,EAAAC,GAAA;IAEtD;MAAMC,YAAA,GAAWX,iBAAA;MAAA,GAAAY;IAAW,IAAAH,KAAA;IAI5B,IAAAI,QAAM,GAAQ,IAAAnB,YAAgB,CAAAoB,UAAA,EAAAf,oBAAW,CAAAgB,iBAAa;IAEtD,IAAAC,KAAM,GAAAZ,YAAQ,IAAAS,QAAe,OAAAf,eAAA,CAASmB,QAAI;IAE1C,IAAAC,KAAM,GAAAb,YAAA,IAAsB,GAAAR,eACxB,CAAAsB,QAAkB,UAAe;IAGrC,IAAIC,mBAAqB,GAAAF,KAAS,GAAAP,YAAA,CAAAU,GAAA,WAAAC,IAAA;MAClC,OAAI,OAAAA,IAAgB,KAAC,QAAU,GAAAJ,KAAA,CAAAI,IAAA,IAAAA,IAAA;IAE7B,KAAAX,YAAM;IACN,IAAAY,aAAe,GAAAP,KAAQ,IAAAf,WAAA;IACvB,IAAAG,YAAY,KAAAS,QAAA;MACV,IAAAW,MAAA,GAAW,IAAA5B,aAAa,CAAA6B,cAAA;MACtB,IAAAC,MAAA,GAAAF,MAAA,KAAgB,IAAO,IAAAA,MAAS,KAAO,SAAQ,MAAO,GAACA,MAAA,CAAAE,MAAA;MACvD,IAAAA,MAAA;QACF,SAAAC,CAAA,IAAAD,MAAA;UACFH,aAAA,GAAAG,MAAA,CAAAE,KAAA,IAAAF,MAAA,CAAAG,IAAA,IAAAH,MAAA,CAAAC,CAAA;UACI;QACF;MAAQ;MACN,IAGFG,OAAA,CAAAC,GAAA,CAAAC,QAAA;QACFC,OAAA,CAAAC,IAAA;MACF;IAEA;IACE,OAAC,mBAAA1C,kBAAA,CAAA2C,GAAA,EAAAjC,SAAA;MAAAQ,GAAA;MAAA0B,KACC,EAAAjC,WAAA,CAAAoB,aAAA,EAAAH,mBAAA;MAAA,GACAR;IAAqD;EACjD;AAAA","ignoreList":[]}