@tamagui/web 3.0.18 → 3.1.1

package/dist/esm/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["esm/style.js"],"sourcesContent":["import React from \"react\";\nimport { stylePieceSymbol } from \"./types\";\nimport { warnOnce } from \"./helpers/warnOnce\";\nlet compileStylePiece;\nlet resolveStylePiece;\nconst uncacheablePieces = /* @__PURE__ */ new WeakSet();\nconst flatClausePattern = /(?:^|\\s)@?[A-Za-z][A-Za-z0-9-]*(?:\\/[A-Za-z0-9_-]+)?:/;\nfunction setStylePieceCompiler(compiler) {\n  compileStylePiece = compiler;\n}\nfunction setStylePieceResolver(resolver) {\n  resolveStylePiece = resolver;\n}\nfunction isStylePiece(value) {\n  return !!value && typeof value === \"object\" && stylePieceSymbol in value;\n}\nfunction isStylePieceCacheable(piece) {\n  return !uncacheablePieces.has(piece);\n}\nfunction canCacheByTheme(definition) {\n  for (const key in definition) {\n    const value = definition[key];\n    if (typeof value === \"string\" && flatClausePattern.test(value) || value && typeof value === \"object\") {\n      return false;\n    }\n  }\n  return true;\n}\nfunction createStylePiece(definition, layer = \"style\") {\n  const piece = {\n    className: \"\",\n    [stylePieceSymbol]: {\n      byKey: {},\n      styleObject: definition\n    }\n  };\n  if (!canCacheByTheme(definition)) {\n    uncacheablePieces.add(piece);\n  }\n  compileStylePiece?.(piece, layer);\n  return piece;\n}\nfunction style(definition) {\n  if (process.env.NODE_ENV === \"development\") {\n    const internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n    if (internals?.A?.getOwner?.()) {\n      warnOnce(\n        \"[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.\"\n      );\n    }\n  }\n  return createStylePiece(definition);\n}\nfunction resolveStylePieceForTheme(piece, theme, themeName) {\n  return resolveStylePiece ? resolveStylePiece(piece, theme, themeName) : piece[stylePieceSymbol].styleObject;\n}\nexport {\n  createStylePiece,\n  isStylePiece,\n  isStylePieceCacheable,\n  resolveStylePieceForTheme,\n  setStylePieceCompiler,\n  setStylePieceResolver,\n  style\n};\n//# sourceMappingURL=style.js.map\n"],"mappings":";;;;;AAGA,IAAI;AACJ,IAAI;AACJ,MAAM,oCAAoC,IAAI,QAAQ;AACtD,MAAM,oBAAoB;AAC1B,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,aAAa,OAAO;CAC3B,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,oBAAoB;AACrE;AACA,SAAS,sBAAsB,OAAO;CACpC,OAAO,CAAC,kBAAkB,IAAI,KAAK;AACrC;AACA,SAAS,gBAAgB,YAAY;CACnC,KAAK,MAAM,OAAO,YAAY;EAC5B,MAAM,QAAQ,WAAW;EACzB,IAAI,OAAO,UAAU,YAAY,kBAAkB,KAAK,KAAK,KAAK,SAAS,OAAO,UAAU,UAAU;GACpG,OAAO;EACT;CACF;CACA,OAAO;AACT;AACA,SAAS,iBAAiB,YAAY,QAAQ,SAAS;CACrD,MAAM,QAAQ;EACZ,WAAW;GACV,mBAAmB;GAClB,OAAO,CAAC;GACR,aAAa;EACf;CACF;CACA,IAAI,CAAC,gBAAgB,UAAU,GAAG;EAChC,kBAAkB,IAAI,KAAK;CAC7B;CACA,oBAAoB,OAAO,KAAK;CAChC,OAAO;AACT;AACA,SAAS,MAAM,YAAY;CACzB,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,MAAM,YAAY,MAAM;EACxB,IAAI,WAAW,GAAG,WAAW,GAAG;GAC9B,SACE,8GACF;EACF;CACF;CACA,OAAO,iBAAiB,UAAU;AACpC;AACA,SAAS,0BAA0B,OAAO,OAAO,WAAW;CAC1D,OAAO,oBAAoB,kBAAkB,OAAO,OAAO,SAAS,IAAI,MAAM,iBAAiB,CAAC;AAClG"}
+{"version":3,"file":"style.js","names":[],"sources":["esm/style.js"],"sourcesContent":["import React from \"react\";\nimport { stylePieceSymbol } from \"./types\";\nimport { warnOnce } from \"./helpers/warnOnce\";\nconst isProd = process.env.NODE_ENV === \"production\";\nlet compileStylePiece;\nlet resolveStylePiece;\nconst uncacheablePieces = /* @__PURE__ */ new WeakSet();\nconst flatClausePattern = /(?:^|\\s)@?[A-Za-z][A-Za-z0-9-]*(?:\\/[A-Za-z0-9_-]+)?:/;\nfunction setStylePieceCompiler(compiler) {\n  compileStylePiece = compiler;\n}\nfunction setStylePieceResolver(resolver) {\n  resolveStylePiece = resolver;\n}\nfunction isStylePiece(value) {\n  return !!value && typeof value === \"object\" && stylePieceSymbol in value;\n}\nfunction isStylePieceCacheable(piece) {\n  return !uncacheablePieces.has(piece);\n}\nfunction canCacheByTheme(definition) {\n  for (const key in definition) {\n    const value = definition[key];\n    if (typeof value === \"string\" && flatClausePattern.test(value) || value && typeof value === \"object\") {\n      return false;\n    }\n  }\n  return true;\n}\nfunction createStylePiece(definition, layer = \"style\") {\n  const piece = {\n    className: \"\",\n    [stylePieceSymbol]: {\n      byKey: {},\n      styleObject: definition\n    }\n  };\n  if (!canCacheByTheme(definition)) {\n    uncacheablePieces.add(piece);\n  }\n  compileStylePiece?.(piece, layer);\n  return piece;\n}\nfunction style(definition) {\n  if (!isProd && process.env.NODE_ENV === \"development\") {\n    const internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n    if (internals?.A?.getOwner?.()) {\n      warnOnce(\n        \"[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.\"\n      );\n    }\n  }\n  return createStylePiece(definition);\n}\nfunction resolveStylePieceForTheme(piece, theme, themeName) {\n  return resolveStylePiece ? resolveStylePiece(piece, theme, themeName) : piece[stylePieceSymbol].styleObject;\n}\nexport {\n  createStylePiece,\n  isStylePiece,\n  isStylePieceCacheable,\n  resolveStylePieceForTheme,\n  setStylePieceCompiler,\n  setStylePieceResolver,\n  style\n};\n//# sourceMappingURL=style.js.map\n"],"mappings":";;;;;AAGA,MAAM,SAAS,QAAQ,IAAI,aAAa;AACxC,IAAI;AACJ,IAAI;AACJ,MAAM,oCAAoC,IAAI,QAAQ;AACtD,MAAM,oBAAoB;AAC1B,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,aAAa,OAAO;CAC3B,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,oBAAoB;AACrE;AACA,SAAS,sBAAsB,OAAO;CACpC,OAAO,CAAC,kBAAkB,IAAI,KAAK;AACrC;AACA,SAAS,gBAAgB,YAAY;CACnC,KAAK,MAAM,OAAO,YAAY;EAC5B,MAAM,QAAQ,WAAW;EACzB,IAAI,OAAO,UAAU,YAAY,kBAAkB,KAAK,KAAK,KAAK,SAAS,OAAO,UAAU,UAAU;GACpG,OAAO;EACT;CACF;CACA,OAAO;AACT;AACA,SAAS,iBAAiB,YAAY,QAAQ,SAAS;CACrD,MAAM,QAAQ;EACZ,WAAW;GACV,mBAAmB;GAClB,OAAO,CAAC;GACR,aAAa;EACf;CACF;CACA,IAAI,CAAC,gBAAgB,UAAU,GAAG;EAChC,kBAAkB,IAAI,KAAK;CAC7B;CACA,oBAAoB,OAAO,KAAK;CAChC,OAAO;AACT;AACA,SAAS,MAAM,YAAY;CACzB,IAAI,CAAC,UAAU,QAAQ,IAAI,aAAa,eAAe;EACrD,MAAM,YAAY,MAAM;EACxB,IAAI,WAAW,GAAG,WAAW,GAAG;GAC9B,SACE,8GACF;EACF;CACF;CACA,OAAO,iBAAiB,UAAU;AACpC;AACA,SAAS,0BAA0B,OAAO,OAAO,WAAW;CAC1D,OAAO,oBAAoB,kBAAkB,OAAO,OAAO,SAAS,IAAI,MAAM,iBAAiB,CAAC;AAClG"}

package/dist/esm/style.native.js

@@ -2,6 +2,7 @@ import React from "react";
 import { stylePieceSymbol } from "./types.native.js";
 import { warnOnce } from "./helpers/warnOnce.native.js";
 
+var isProd = process.env.NODE_ENV === "production";
 var compileStylePiece;
 var resolveStylePiece;
 var uncacheablePieces = /* @__PURE__ */ new WeakSet();
@@ -43,7 +44,7 @@ function createStylePiece(definition) {
 	return piece;
 }
 function style(definition) {
-	if (process.env.NODE_ENV === "development") {
+	if (!isProd && process.env.NODE_ENV === "development") {
 		var _internals_A_getOwner, _internals_A;
 		var internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
 		if (internals === null || internals === void 0 ? void 0 : (_internals_A = internals.A) === null || _internals_A === void 0 ? void 0 : (_internals_A_getOwner = _internals_A.getOwner) === null || _internals_A_getOwner === void 0 ? void 0 : _internals_A_getOwner.call(_internals_A)) {

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

@@ -1 +1 @@
-{"version":3,"file":"style.native.js","names":[],"sources":["esm/style.native.js"],"sourcesContent":["import React from \"react\";\nimport { stylePieceSymbol } from \"./types\";\nimport { warnOnce } from \"./helpers/warnOnce\";\nvar compileStylePiece;\nvar resolveStylePiece;\nvar uncacheablePieces = /* @__PURE__ */ new WeakSet();\nvar flatClausePattern = /(?:^|\\s)@?[A-Za-z][A-Za-z0-9-]*(?:\\/[A-Za-z0-9_-]+)?:/;\nfunction setStylePieceCompiler(compiler) {\n  compileStylePiece = compiler;\n}\nfunction setStylePieceResolver(resolver) {\n  resolveStylePiece = resolver;\n}\nfunction isStylePiece(value) {\n  return !!value && typeof value === \"object\" && stylePieceSymbol in value;\n}\nfunction isStylePieceCacheable(piece) {\n  return !uncacheablePieces.has(piece);\n}\nfunction canCacheByTheme(definition) {\n  for (var key in definition) {\n    var value = definition[key];\n    if (typeof value === \"string\" && flatClausePattern.test(value) || value && typeof value === \"object\") {\n      return false;\n    }\n  }\n  return true;\n}\nfunction createStylePiece(definition) {\n  var layer = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"style\";\n  var piece = {\n    className: \"\",\n    [stylePieceSymbol]: {\n      byKey: {},\n      styleObject: definition\n    }\n  };\n  if (!canCacheByTheme(definition)) {\n    uncacheablePieces.add(piece);\n  }\n  compileStylePiece === null || compileStylePiece === void 0 ? void 0 : compileStylePiece(piece, layer);\n  return piece;\n}\nfunction style(definition) {\n  if (process.env.NODE_ENV === \"development\") {\n    var _internals_A_getOwner, _internals_A;\n    var internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n    if (internals === null || internals === void 0 ? void 0 : (_internals_A = internals.A) === null || _internals_A === void 0 ? void 0 : (_internals_A_getOwner = _internals_A.getOwner) === null || _internals_A_getOwner === void 0 ? void 0 : _internals_A_getOwner.call(_internals_A)) {\n      warnOnce(\"[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.\");\n    }\n  }\n  return createStylePiece(definition);\n}\nfunction resolveStylePieceForTheme(piece, theme, themeName) {\n  return resolveStylePiece ? resolveStylePiece(piece, theme, themeName) : piece[stylePieceSymbol].styleObject;\n}\nexport {\n  createStylePiece,\n  isStylePiece,\n  isStylePieceCacheable,\n  resolveStylePieceForTheme,\n  setStylePieceCompiler,\n  setStylePieceResolver,\n  style\n};\n//# sourceMappingURL=style.js.map\n"],"mappings":";;;;;AAGA,IAAI;AACJ,IAAI;AACJ,IAAI,oCAAoC,IAAI,QAAQ;AACpD,IAAI,oBAAoB;AACxB,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,aAAa,OAAO;CAC3B,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,oBAAoB;AACrE;AACA,SAAS,sBAAsB,OAAO;CACpC,OAAO,CAAC,kBAAkB,IAAI,KAAK;AACrC;AACA,SAAS,gBAAgB,YAAY;CACnC,KAAK,IAAI,OAAO,YAAY;EAC1B,IAAI,QAAQ,WAAW;EACvB,IAAI,OAAO,UAAU,YAAY,kBAAkB,KAAK,KAAK,KAAK,SAAS,OAAO,UAAU,UAAU;GACpG,OAAO;EACT;CACF;CACA,OAAO;AACT;AACA,SAAS,iBAAiB,YAAY;CACpC,IAAI,QAAQ,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;CAC7E,IAAI,QAAQ;EACV,WAAW;GACV,mBAAmB;GAClB,OAAO,CAAC;GACR,aAAa;EACf;CACF;CACA,IAAI,CAAC,gBAAgB,UAAU,GAAG;EAChC,kBAAkB,IAAI,KAAK;CAC7B;CACA,sBAAsB,QAAQ,sBAAsB,KAAK,IAAI,KAAK,IAAI,kBAAkB,OAAO,KAAK;CACpG,OAAO;AACT;AACA,SAAS,MAAM,YAAY;CACzB,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI,uBAAuB;EAC3B,IAAI,YAAY,MAAM;EACtB,IAAI,cAAc,QAAQ,cAAc,KAAK,IAAI,KAAK,KAAK,eAAe,UAAU,OAAO,QAAQ,iBAAiB,KAAK,IAAI,KAAK,KAAK,wBAAwB,aAAa,cAAc,QAAQ,0BAA0B,KAAK,IAAI,KAAK,IAAI,sBAAsB,KAAK,YAAY,GAAG;GACtR,SAAS,8GAA8G;EACzH;CACF;CACA,OAAO,iBAAiB,UAAU;AACpC;AACA,SAAS,0BAA0B,OAAO,OAAO,WAAW;CAC1D,OAAO,oBAAoB,kBAAkB,OAAO,OAAO,SAAS,IAAI,MAAM,iBAAiB,CAAC;AAClG"}
+{"version":3,"file":"style.native.js","names":[],"sources":["esm/style.native.js"],"sourcesContent":["import React from \"react\";\nimport { stylePieceSymbol } from \"./types\";\nimport { warnOnce } from \"./helpers/warnOnce\";\nvar isProd = process.env.NODE_ENV === \"production\";\nvar compileStylePiece;\nvar resolveStylePiece;\nvar uncacheablePieces = /* @__PURE__ */ new WeakSet();\nvar flatClausePattern = /(?:^|\\s)@?[A-Za-z][A-Za-z0-9-]*(?:\\/[A-Za-z0-9_-]+)?:/;\nfunction setStylePieceCompiler(compiler) {\n  compileStylePiece = compiler;\n}\nfunction setStylePieceResolver(resolver) {\n  resolveStylePiece = resolver;\n}\nfunction isStylePiece(value) {\n  return !!value && typeof value === \"object\" && stylePieceSymbol in value;\n}\nfunction isStylePieceCacheable(piece) {\n  return !uncacheablePieces.has(piece);\n}\nfunction canCacheByTheme(definition) {\n  for (var key in definition) {\n    var value = definition[key];\n    if (typeof value === \"string\" && flatClausePattern.test(value) || value && typeof value === \"object\") {\n      return false;\n    }\n  }\n  return true;\n}\nfunction createStylePiece(definition) {\n  var layer = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"style\";\n  var piece = {\n    className: \"\",\n    [stylePieceSymbol]: {\n      byKey: {},\n      styleObject: definition\n    }\n  };\n  if (!canCacheByTheme(definition)) {\n    uncacheablePieces.add(piece);\n  }\n  compileStylePiece === null || compileStylePiece === void 0 ? void 0 : compileStylePiece(piece, layer);\n  return piece;\n}\nfunction style(definition) {\n  if (!isProd && process.env.NODE_ENV === \"development\") {\n    var _internals_A_getOwner, _internals_A;\n    var internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n    if (internals === null || internals === void 0 ? void 0 : (_internals_A = internals.A) === null || _internals_A === void 0 ? void 0 : (_internals_A_getOwner = _internals_A.getOwner) === null || _internals_A_getOwner === void 0 ? void 0 : _internals_A_getOwner.call(_internals_A)) {\n      warnOnce(\"[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.\");\n    }\n  }\n  return createStylePiece(definition);\n}\nfunction resolveStylePieceForTheme(piece, theme, themeName) {\n  return resolveStylePiece ? resolveStylePiece(piece, theme, themeName) : piece[stylePieceSymbol].styleObject;\n}\nexport {\n  createStylePiece,\n  isStylePiece,\n  isStylePieceCacheable,\n  resolveStylePieceForTheme,\n  setStylePieceCompiler,\n  setStylePieceResolver,\n  style\n};\n//# sourceMappingURL=style.js.map\n"],"mappings":";;;;;AAGA,IAAI,SAAS,QAAQ,IAAI,aAAa;AACtC,IAAI;AACJ,IAAI;AACJ,IAAI,oCAAoC,IAAI,QAAQ;AACpD,IAAI,oBAAoB;AACxB,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,aAAa,OAAO;CAC3B,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,oBAAoB;AACrE;AACA,SAAS,sBAAsB,OAAO;CACpC,OAAO,CAAC,kBAAkB,IAAI,KAAK;AACrC;AACA,SAAS,gBAAgB,YAAY;CACnC,KAAK,IAAI,OAAO,YAAY;EAC1B,IAAI,QAAQ,WAAW;EACvB,IAAI,OAAO,UAAU,YAAY,kBAAkB,KAAK,KAAK,KAAK,SAAS,OAAO,UAAU,UAAU;GACpG,OAAO;EACT;CACF;CACA,OAAO;AACT;AACA,SAAS,iBAAiB,YAAY;CACpC,IAAI,QAAQ,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;CAC7E,IAAI,QAAQ;EACV,WAAW;GACV,mBAAmB;GAClB,OAAO,CAAC;GACR,aAAa;EACf;CACF;CACA,IAAI,CAAC,gBAAgB,UAAU,GAAG;EAChC,kBAAkB,IAAI,KAAK;CAC7B;CACA,sBAAsB,QAAQ,sBAAsB,KAAK,IAAI,KAAK,IAAI,kBAAkB,OAAO,KAAK;CACpG,OAAO;AACT;AACA,SAAS,MAAM,YAAY;CACzB,IAAI,CAAC,UAAU,QAAQ,IAAI,aAAa,eAAe;EACrD,IAAI,uBAAuB;EAC3B,IAAI,YAAY,MAAM;EACtB,IAAI,cAAc,QAAQ,cAAc,KAAK,IAAI,KAAK,KAAK,eAAe,UAAU,OAAO,QAAQ,iBAAiB,KAAK,IAAI,KAAK,KAAK,wBAAwB,aAAa,cAAc,QAAQ,0BAA0B,KAAK,IAAI,KAAK,IAAI,sBAAsB,KAAK,YAAY,GAAG;GACtR,SAAS,8GAA8G;EACzH;CACF;CACA,OAAO,iBAAiB,UAAU;AACpC;AACA,SAAS,0BAA0B,OAAO,OAAO,WAAW;CAC1D,OAAO,oBAAoB,kBAAkB,OAAO,OAAO,SAAS,IAAI,MAAM,iBAAiB,CAAC;AAClG"}

package/dist/esm/styled.mjs

@@ -6,6 +6,7 @@ import { resolveVariantStyle } from "./helpers/resolveVariantStyle.mjs";
 import { styledDynamic } from "./helpers/styledDynamic.mjs";
 import { warnOnce } from "./helpers/warnOnce.mjs";
 
+const isProd = process.env.NODE_ENV === "production";
 function styledFn(...args) {
 	return styledImpl(void 0, ...args);
 }
@@ -20,10 +21,10 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 	const config = hasBaseClassName ? maybeConfig : configOrOptions;
 	const options = optionsIn;
 	const displayName = options?.displayName;
-	if (!ComponentIn) throw new Error(process.env.NODE_ENV === "development" ? "No component given to styled()" : "❌ Error 006");
+	if (!ComponentIn) throw new Error(!isProd && process.env.NODE_ENV === "development" ? "No component given to styled()" : "❌ Error 006");
 	const parentStaticConfig = ComponentIn["staticConfig"];
 	const requestedReactNativeInterop = Boolean(config?.isReactNative || parentStaticConfig?.isReactNative);
-	if (process.env.NODE_ENV === "development" && requestedReactNativeInterop) warnOnce("isReactNative-web-removed", "The isReactNative styled-component option is native-only in Tamagui v3. React Native Web hosts on web are no longer adapted; use a component that accepts className, data-* attributes, and DOM events.");
+	if (!isProd && process.env.NODE_ENV === "development" && requestedReactNativeInterop) warnOnce("isReactNative-web-removed", "The isReactNative styled-component option is native-only in Tamagui v3. React Native Web hosts on web are no longer adapted; use a component that accepts className, data-* attributes, and DOM events.");
 	const isReactNative = false;
 	const isPlainStyledComponent = !!parentStaticConfig && !parentStaticConfig.isHOC;
 	let Component = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn;

package/dist/esm/styled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":[],"sources":["esm/styled.js"],"sourcesContent":["import { stylePropsInput, stylePropsText } from \"@tamagui/helpers\";\nimport { createComponent } from \"./createComponent\";\nimport { componentDisplayName } from \"./helpers/componentDisplayName\";\nimport { mergeVariants } from \"./helpers/mergeVariants\";\nimport { resolveVariantStyle } from \"./helpers/resolveVariantStyle\";\nimport { styledDynamic } from \"./helpers/styledDynamic\";\nimport { warnOnce } from \"./helpers/warnOnce\";\n\nfunction styledFn(...args) {\n\treturn styledImpl(void 0, ...args);\n}\nconst styled = Object.assign(styledFn, { dynamic: styledDynamic });\nfunction createFrontendStyled(frontend) {\n\treturn (ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) => styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);\n}\nfunction styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {\n\tconst hasBaseClassName = typeof optionsOrBaseClassName === \"string\";\n\tconst baseClassName = hasBaseClassName ? optionsOrBaseClassName : void 0;\n\tconst optionsIn = hasBaseClassName ? configOrOptions : optionsOrBaseClassName;\n\tconst config = hasBaseClassName ? maybeConfig : configOrOptions;\n\tconst options = optionsIn;\n\tconst displayName = options?.displayName;\n\tif (!ComponentIn) throw new Error(process.env.NODE_ENV === \"development\" ? \"No component given to styled()\" : \"❌ Error 006\");\n\tconst parentStaticConfig = ComponentIn[\"staticConfig\"];\n\tconst requestedReactNativeInterop = Boolean(config?.isReactNative || parentStaticConfig?.isReactNative);\n\tif (process.env.NODE_ENV === \"development\" && requestedReactNativeInterop) warnOnce(\"isReactNative-web-removed\", \"The isReactNative styled-component option is native-only in Tamagui v3. React Native Web hosts on web are no longer adapted; use a component that accepts className, data-* attributes, and DOM events.\");\n\tconst isReactNative = false;\n\tconst isPlainStyledComponent = !!parentStaticConfig && !parentStaticConfig.isHOC;\n\tlet Component = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn;\n\tconst resolvedIsReactNative = Boolean(isReactNative);\n\tconst component = createComponent((() => {\n\t\tlet { variants, displayName: _displayName, defaultVariants, context, contextProps, ...defaultProps } = options || {};\n\t\tlet parentDefaultVariants;\n\t\tlet parentDefaultProps;\n\t\tconst mergedBaseClassName = parentStaticConfig?.baseClassName && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || parentStaticConfig?.baseClassName;\n\t\tif (parentStaticConfig) {\n\t\t\tif (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {\n\t\t\t\tconst pdp = parentStaticConfig.defaultProps;\n\t\t\t\tfor (const key in pdp) {\n\t\t\t\t\tconst val = pdp[key];\n\t\t\t\t\tif (parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\tif (key in parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\t\tif (!defaultVariants || !(key in defaultVariants)) {\n\t\t\t\t\t\t\t\tparentDefaultVariants ||= {};\n\t\t\t\t\t\t\t\tparentDefaultVariants[key] = val;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (!(key in defaultProps) && (!defaultVariants || !(key in defaultVariants))) {\n\t\t\t\t\t\tparentDefaultProps ||= {};\n\t\t\t\t\t\tparentDefaultProps[key] = pdp[key];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);\n\t\t\t}\n\t\t}\n\t\tconst mergedContext = context || parentStaticConfig?.context;\n\t\tconst mergedContextProps = context ? contextProps : contextProps || parentStaticConfig?.contextProps;\n\t\tif (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = {\n\t\t\t...parentDefaultProps,\n\t\t\t...parentDefaultVariants,\n\t\t\t...defaultProps,\n\t\t\t...defaultVariants\n\t\t};\n\t\tconst isInput = Boolean(config?.isInput || parentStaticConfig?.isInput);\n\t\tconst isText = Boolean(config?.isText || parentStaticConfig?.isText);\n\t\tconst validStyles = config?.validStyles || (config?.isInput ? stylePropsInput : config?.isText ? stylePropsText : parentStaticConfig?.validStyles);\n\t\tconst acceptsClassName = config?.acceptsClassName ?? (isPlainStyledComponent || resolvedIsReactNative || parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName);\n\t\tconst conf = {\n\t\t\t...parentStaticConfig,\n\t\t\t...config,\n\t\t\t...!isPlainStyledComponent && { Component },\n\t\t\tvariants,\n\t\t\tbaseClassName: mergedBaseClassName,\n\t\t\tdefaultProps,\n\t\t\tdefaultVariants,\n\t\t\tisText,\n\t\t\tisInput,\n\t\t\tvalidStyles,\n\t\t\tacceptsClassName,\n\t\t\tcontext: mergedContext,\n\t\t\tcontextProps: mergedContextProps,\n\t\t\tisStyledHOC: Boolean(parentStaticConfig?.isHOC),\n\t\t\tparentStaticConfig,\n\t\t\tdisplayName: displayName || ComponentIn[componentDisplayName],\n\t\t\t...frontend && { styleFrontend: frontend }\n\t\t};\n\t\tconf.variantStyleResolver = resolveVariantStyle;\n\t\tdelete conf.isReactNative;\n\t\tif (defaultProps[\"children\"] || !acceptsClassName || mergedContext) conf.neverFlatten = true;\n\t\treturn conf;\n\t})() || {});\n\tfor (const key in ComponentIn) {\n\t\tif (key === \"propTypes\") continue;\n\t\tif (key in component) continue;\n\t\tcomponent[key] = ComponentIn[key];\n\t}\n\treturn component;\n}\n\nexport { createFrontendStyled, styled };"],"mappings":"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"}
+{"version":3,"file":"styled.js","names":[],"sources":["esm/styled.js"],"sourcesContent":["import { stylePropsInput, stylePropsText } from \"@tamagui/helpers\";\nimport { createComponent } from \"./createComponent\";\nimport { componentDisplayName } from \"./helpers/componentDisplayName\";\nimport { mergeVariants } from \"./helpers/mergeVariants\";\nimport { resolveVariantStyle } from \"./helpers/resolveVariantStyle\";\nimport { styledDynamic } from \"./helpers/styledDynamic\";\nimport { warnOnce } from \"./helpers/warnOnce\";\n\nconst isProd = process.env.NODE_ENV === \"production\";\nfunction styledFn(...args) {\n\treturn styledImpl(void 0, ...args);\n}\nconst styled = Object.assign(styledFn, { dynamic: styledDynamic });\nfunction createFrontendStyled(frontend) {\n\treturn (ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) => styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);\n}\nfunction styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {\n\tconst hasBaseClassName = typeof optionsOrBaseClassName === \"string\";\n\tconst baseClassName = hasBaseClassName ? optionsOrBaseClassName : void 0;\n\tconst optionsIn = hasBaseClassName ? configOrOptions : optionsOrBaseClassName;\n\tconst config = hasBaseClassName ? maybeConfig : configOrOptions;\n\tconst options = optionsIn;\n\tconst displayName = options?.displayName;\n\tif (!ComponentIn) throw new Error(!isProd && process.env.NODE_ENV === \"development\" ? \"No component given to styled()\" : \"❌ Error 006\");\n\tconst parentStaticConfig = ComponentIn[\"staticConfig\"];\n\tconst requestedReactNativeInterop = Boolean(config?.isReactNative || parentStaticConfig?.isReactNative);\n\tif (!isProd && process.env.NODE_ENV === \"development\" && requestedReactNativeInterop) warnOnce(\"isReactNative-web-removed\", \"The isReactNative styled-component option is native-only in Tamagui v3. React Native Web hosts on web are no longer adapted; use a component that accepts className, data-* attributes, and DOM events.\");\n\tconst isReactNative = false;\n\tconst isPlainStyledComponent = !!parentStaticConfig && !parentStaticConfig.isHOC;\n\tlet Component = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn;\n\tconst resolvedIsReactNative = Boolean(isReactNative);\n\tconst component = createComponent((() => {\n\t\tlet { variants, displayName: _displayName, defaultVariants, context, contextProps, ...defaultProps } = options || {};\n\t\tlet parentDefaultVariants;\n\t\tlet parentDefaultProps;\n\t\tconst mergedBaseClassName = parentStaticConfig?.baseClassName && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || parentStaticConfig?.baseClassName;\n\t\tif (parentStaticConfig) {\n\t\t\tif (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {\n\t\t\t\tconst pdp = parentStaticConfig.defaultProps;\n\t\t\t\tfor (const key in pdp) {\n\t\t\t\t\tconst val = pdp[key];\n\t\t\t\t\tif (parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\tif (key in parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\t\tif (!defaultVariants || !(key in defaultVariants)) {\n\t\t\t\t\t\t\t\tparentDefaultVariants ||= {};\n\t\t\t\t\t\t\t\tparentDefaultVariants[key] = val;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (!(key in defaultProps) && (!defaultVariants || !(key in defaultVariants))) {\n\t\t\t\t\t\tparentDefaultProps ||= {};\n\t\t\t\t\t\tparentDefaultProps[key] = pdp[key];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);\n\t\t\t}\n\t\t}\n\t\tconst mergedContext = context || parentStaticConfig?.context;\n\t\tconst mergedContextProps = context ? contextProps : contextProps || parentStaticConfig?.contextProps;\n\t\tif (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = {\n\t\t\t...parentDefaultProps,\n\t\t\t...parentDefaultVariants,\n\t\t\t...defaultProps,\n\t\t\t...defaultVariants\n\t\t};\n\t\tconst isInput = Boolean(config?.isInput || parentStaticConfig?.isInput);\n\t\tconst isText = Boolean(config?.isText || parentStaticConfig?.isText);\n\t\tconst validStyles = config?.validStyles || (config?.isInput ? stylePropsInput : config?.isText ? stylePropsText : parentStaticConfig?.validStyles);\n\t\tconst acceptsClassName = config?.acceptsClassName ?? (isPlainStyledComponent || resolvedIsReactNative || parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName);\n\t\tconst conf = {\n\t\t\t...parentStaticConfig,\n\t\t\t...config,\n\t\t\t...!isPlainStyledComponent && { Component },\n\t\t\tvariants,\n\t\t\tbaseClassName: mergedBaseClassName,\n\t\t\tdefaultProps,\n\t\t\tdefaultVariants,\n\t\t\tisText,\n\t\t\tisInput,\n\t\t\tvalidStyles,\n\t\t\tacceptsClassName,\n\t\t\tcontext: mergedContext,\n\t\t\tcontextProps: mergedContextProps,\n\t\t\tisStyledHOC: Boolean(parentStaticConfig?.isHOC),\n\t\t\tparentStaticConfig,\n\t\t\tdisplayName: displayName || ComponentIn[componentDisplayName],\n\t\t\t...frontend && { styleFrontend: frontend }\n\t\t};\n\t\tconf.variantStyleResolver = resolveVariantStyle;\n\t\tdelete conf.isReactNative;\n\t\tif (defaultProps[\"children\"] || !acceptsClassName || mergedContext) conf.neverFlatten = true;\n\t\treturn conf;\n\t})() || {});\n\tfor (const key in ComponentIn) {\n\t\tif (key === \"propTypes\") continue;\n\t\tif (key in component) continue;\n\t\tcomponent[key] = ComponentIn[key];\n\t}\n\treturn component;\n}\n\nexport { createFrontendStyled, styled };"],"mappings":"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"}

package/dist/esm/styled.native.js

@@ -6,6 +6,7 @@ import { resolveVariantStyle } from "./helpers/resolveVariantStyle.native.js";
 import { styledDynamic } from "./helpers/styledDynamic.native.js";
 import { getReactNativeConfig } from "./setupReactNative.native.js";
 
+var isProd = process.env.NODE_ENV === "production";
 function styledFn() {
 	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
 	return styledImpl(void 0, ...args);
@@ -23,7 +24,7 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 	var config = hasBaseClassName ? maybeConfig : configOrOptions;
 	var options = optionsIn;
 	var displayName = options === null || options === void 0 ? void 0 : options.displayName;
-	if (!ComponentIn) throw new Error(process.env.NODE_ENV === "development" ? "No component given to styled()" : "❌ Error 006");
+	if (!ComponentIn) throw new Error(!isProd && process.env.NODE_ENV === "development" ? "No component given to styled()" : "❌ Error 006");
 	var parentStaticConfig = ComponentIn["staticConfig"];
 	Boolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));
 	var isReactNative = Boolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));

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

@@ -1 +1 @@
-{"version":3,"file":"styled.native.js","names":[],"sources":["esm/styled.native.js"],"sourcesContent":["import { stylePropsInput, stylePropsText } from \"@tamagui/helpers\";\nimport { createComponent } from \"./createComponent\";\nimport { componentDisplayName } from \"./helpers/componentDisplayName\";\nimport { mergeVariants } from \"./helpers/mergeVariants\";\nimport { resolveVariantStyle } from \"./helpers/resolveVariantStyle\";\nimport { styledDynamic } from \"./helpers/styledDynamic\";\nimport { getReactNativeConfig } from \"./setupReactNative\";\n\nfunction styledFn() {\n\tfor (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];\n\treturn styledImpl(void 0, ...args);\n}\nvar styled = Object.assign(styledFn, { dynamic: styledDynamic });\nfunction createFrontendStyled(frontend) {\n\treturn function(ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {\n\t\treturn styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);\n\t};\n}\nfunction styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {\n\tvar hasBaseClassName = typeof optionsOrBaseClassName === \"string\";\n\tvar baseClassName = hasBaseClassName ? optionsOrBaseClassName : void 0;\n\tvar optionsIn = hasBaseClassName ? configOrOptions : optionsOrBaseClassName;\n\tvar config = hasBaseClassName ? maybeConfig : configOrOptions;\n\tvar options = optionsIn;\n\tvar displayName = options === null || options === void 0 ? void 0 : options.displayName;\n\tif (!ComponentIn) throw new Error(process.env.NODE_ENV === \"development\" ? \"No component given to styled()\" : \"❌ Error 006\");\n\tvar parentStaticConfig = ComponentIn[\"staticConfig\"];\n\tBoolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));\n\tvar isReactNative = Boolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));\n\tvar isPlainStyledComponent = !!parentStaticConfig && !(isReactNative || parentStaticConfig.isHOC);\n\tvar Component = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && !(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isStyledHOC) || isPlainStyledComponent ? ComponentIn : (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.Component) || ComponentIn;\n\tvar reactNativeConfig = !parentStaticConfig ? getReactNativeConfig(Component) : void 0;\n\tvar resolvedIsReactNative = Boolean(reactNativeConfig || isReactNative);\n\tvar component = createComponent((function() {\n\t\tvar _ref;\n\t\tvar { variants, displayName: _displayName, defaultVariants, context, contextProps, ...defaultProps } = options || {};\n\t\tvar parentDefaultVariants;\n\t\tvar parentDefaultProps;\n\t\tvar mergedBaseClassName = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.baseClassName) && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.baseClassName);\n\t\tif (parentStaticConfig) {\n\t\t\tif (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {\n\t\t\t\tvar pdp = parentStaticConfig.defaultProps;\n\t\t\t\tfor (var key2 in pdp) {\n\t\t\t\t\tvar val = pdp[key2];\n\t\t\t\t\tif (parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\tif (key2 in parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\t\tif (!defaultVariants || !(key2 in defaultVariants)) {\n\t\t\t\t\t\t\t\tparentDefaultVariants || (parentDefaultVariants = {});\n\t\t\t\t\t\t\t\tparentDefaultVariants[key2] = val;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (!(key2 in defaultProps) && (!defaultVariants || !(key2 in defaultVariants))) {\n\t\t\t\t\t\tparentDefaultProps || (parentDefaultProps = {});\n\t\t\t\t\t\tparentDefaultProps[key2] = pdp[key2];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);\n\t\t\t}\n\t\t}\n\t\tvar mergedContext = context || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.context);\n\t\tvar mergedContextProps = context ? contextProps : contextProps || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.contextProps);\n\t\tif (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = {\n\t\t\t...parentDefaultProps,\n\t\t\t...parentDefaultVariants,\n\t\t\t...defaultProps,\n\t\t\t...defaultVariants\n\t\t};\n\t\tvar isInput = Boolean((config === null || config === void 0 ? void 0 : config.isInput) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isInput));\n\t\tvar isText = Boolean((config === null || config === void 0 ? void 0 : config.isText) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isText));\n\t\tvar validStyles = (config === null || config === void 0 ? void 0 : config.validStyles) || ((config === null || config === void 0 ? void 0 : config.isInput) ? stylePropsInput : (config === null || config === void 0 ? void 0 : config.isText) ? stylePropsText : parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.validStyles);\n\t\tvar acceptsClassName = (_ref = config === null || config === void 0 ? void 0 : config.acceptsClassName) !== null && _ref !== void 0 ? _ref : isPlainStyledComponent || resolvedIsReactNative || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.acceptsClassName);\n\t\tvar conf = {\n\t\t\t...parentStaticConfig,\n\t\t\t...config,\n\t\t\t...!isPlainStyledComponent && { Component },\n\t\t\tvariants,\n\t\t\tbaseClassName: mergedBaseClassName,\n\t\t\tdefaultProps,\n\t\t\tdefaultVariants,\n\t\t\tisReactNative: resolvedIsReactNative,\n\t\t\tisText,\n\t\t\tisInput,\n\t\t\tvalidStyles,\n\t\t\tacceptsClassName,\n\t\t\tcontext: mergedContext,\n\t\t\tcontextProps: mergedContextProps,\n\t\t\t...reactNativeConfig,\n\t\t\tisStyledHOC: Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC),\n\t\t\tparentStaticConfig,\n\t\t\tdisplayName: displayName || ComponentIn[componentDisplayName],\n\t\t\t...frontend && { styleFrontend: frontend }\n\t\t};\n\t\tconf.variantStyleResolver = resolveVariantStyle;\n\t\tif (defaultProps[\"children\"] || !acceptsClassName || mergedContext) conf.neverFlatten = true;\n\t\treturn conf;\n\t})() || {});\n\tfor (var key in ComponentIn) {\n\t\tif (key === \"propTypes\") continue;\n\t\tif (key in component) continue;\n\t\tcomponent[key] = ComponentIn[key];\n\t}\n\treturn component;\n}\n\nexport { createFrontendStyled, styled };"],"mappings":"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"}
+{"version":3,"file":"styled.native.js","names":[],"sources":["esm/styled.native.js"],"sourcesContent":["import { stylePropsInput, stylePropsText } from \"@tamagui/helpers\";\nimport { createComponent } from \"./createComponent\";\nimport { componentDisplayName } from \"./helpers/componentDisplayName\";\nimport { mergeVariants } from \"./helpers/mergeVariants\";\nimport { resolveVariantStyle } from \"./helpers/resolveVariantStyle\";\nimport { styledDynamic } from \"./helpers/styledDynamic\";\nimport { getReactNativeConfig } from \"./setupReactNative\";\n\nvar isProd = process.env.NODE_ENV === \"production\";\nfunction styledFn() {\n\tfor (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];\n\treturn styledImpl(void 0, ...args);\n}\nvar styled = Object.assign(styledFn, { dynamic: styledDynamic });\nfunction createFrontendStyled(frontend) {\n\treturn function(ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {\n\t\treturn styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);\n\t};\n}\nfunction styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {\n\tvar hasBaseClassName = typeof optionsOrBaseClassName === \"string\";\n\tvar baseClassName = hasBaseClassName ? optionsOrBaseClassName : void 0;\n\tvar optionsIn = hasBaseClassName ? configOrOptions : optionsOrBaseClassName;\n\tvar config = hasBaseClassName ? maybeConfig : configOrOptions;\n\tvar options = optionsIn;\n\tvar displayName = options === null || options === void 0 ? void 0 : options.displayName;\n\tif (!ComponentIn) throw new Error(!isProd && process.env.NODE_ENV === \"development\" ? \"No component given to styled()\" : \"❌ Error 006\");\n\tvar parentStaticConfig = ComponentIn[\"staticConfig\"];\n\tBoolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));\n\tvar isReactNative = Boolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));\n\tvar isPlainStyledComponent = !!parentStaticConfig && !(isReactNative || parentStaticConfig.isHOC);\n\tvar Component = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && !(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isStyledHOC) || isPlainStyledComponent ? ComponentIn : (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.Component) || ComponentIn;\n\tvar reactNativeConfig = !parentStaticConfig ? getReactNativeConfig(Component) : void 0;\n\tvar resolvedIsReactNative = Boolean(reactNativeConfig || isReactNative);\n\tvar component = createComponent((function() {\n\t\tvar _ref;\n\t\tvar { variants, displayName: _displayName, defaultVariants, context, contextProps, ...defaultProps } = options || {};\n\t\tvar parentDefaultVariants;\n\t\tvar parentDefaultProps;\n\t\tvar mergedBaseClassName = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.baseClassName) && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.baseClassName);\n\t\tif (parentStaticConfig) {\n\t\t\tif (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {\n\t\t\t\tvar pdp = parentStaticConfig.defaultProps;\n\t\t\t\tfor (var key2 in pdp) {\n\t\t\t\t\tvar val = pdp[key2];\n\t\t\t\t\tif (parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\tif (key2 in parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\t\tif (!defaultVariants || !(key2 in defaultVariants)) {\n\t\t\t\t\t\t\t\tparentDefaultVariants || (parentDefaultVariants = {});\n\t\t\t\t\t\t\t\tparentDefaultVariants[key2] = val;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (!(key2 in defaultProps) && (!defaultVariants || !(key2 in defaultVariants))) {\n\t\t\t\t\t\tparentDefaultProps || (parentDefaultProps = {});\n\t\t\t\t\t\tparentDefaultProps[key2] = pdp[key2];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);\n\t\t\t}\n\t\t}\n\t\tvar mergedContext = context || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.context);\n\t\tvar mergedContextProps = context ? contextProps : contextProps || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.contextProps);\n\t\tif (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = {\n\t\t\t...parentDefaultProps,\n\t\t\t...parentDefaultVariants,\n\t\t\t...defaultProps,\n\t\t\t...defaultVariants\n\t\t};\n\t\tvar isInput = Boolean((config === null || config === void 0 ? void 0 : config.isInput) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isInput));\n\t\tvar isText = Boolean((config === null || config === void 0 ? void 0 : config.isText) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isText));\n\t\tvar validStyles = (config === null || config === void 0 ? void 0 : config.validStyles) || ((config === null || config === void 0 ? void 0 : config.isInput) ? stylePropsInput : (config === null || config === void 0 ? void 0 : config.isText) ? stylePropsText : parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.validStyles);\n\t\tvar acceptsClassName = (_ref = config === null || config === void 0 ? void 0 : config.acceptsClassName) !== null && _ref !== void 0 ? _ref : isPlainStyledComponent || resolvedIsReactNative || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.acceptsClassName);\n\t\tvar conf = {\n\t\t\t...parentStaticConfig,\n\t\t\t...config,\n\t\t\t...!isPlainStyledComponent && { Component },\n\t\t\tvariants,\n\t\t\tbaseClassName: mergedBaseClassName,\n\t\t\tdefaultProps,\n\t\t\tdefaultVariants,\n\t\t\tisReactNative: resolvedIsReactNative,\n\t\t\tisText,\n\t\t\tisInput,\n\t\t\tvalidStyles,\n\t\t\tacceptsClassName,\n\t\t\tcontext: mergedContext,\n\t\t\tcontextProps: mergedContextProps,\n\t\t\t...reactNativeConfig,\n\t\t\tisStyledHOC: Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC),\n\t\t\tparentStaticConfig,\n\t\t\tdisplayName: displayName || ComponentIn[componentDisplayName],\n\t\t\t...frontend && { styleFrontend: frontend }\n\t\t};\n\t\tconf.variantStyleResolver = resolveVariantStyle;\n\t\tif (defaultProps[\"children\"] || !acceptsClassName || mergedContext) conf.neverFlatten = true;\n\t\treturn conf;\n\t})() || {});\n\tfor (var key in ComponentIn) {\n\t\tif (key === \"propTypes\") continue;\n\t\tif (key in component) continue;\n\t\tcomponent[key] = ComponentIn[key];\n\t}\n\treturn component;\n}\n\nexport { createFrontendStyled, styled };"],"mappings":"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"}

package/dist/esm/views/TamaguiProvider.mjs

@@ -11,6 +11,7 @@ import { TamaguiRoot } from "./TamaguiRoot.mjs";
 import { ThemeProvider } from "./ThemeProvider.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
+const isProd = process.env.NODE_ENV === "production";
 let _cachedFirstKey;
 let _cachedConfig;
 function firstThemeKey(config) {
@@ -61,7 +62,7 @@ function TamaguiProvider({ children, disableInjectCSS, config, className, defaul
 			href: "tamagui-css",
 			children: config.getCSS()
 		}, "tamagui-css"),
-		process.env.NODE_ENV !== "production" && config && /* @__PURE__ */ jsx(ConfigRevisionCheck, { config }),
+		!isProd && process.env.NODE_ENV !== "production" && config && /* @__PURE__ */ jsx(ConfigRevisionCheck, { config }),
 		hasSafeAreaTracker() && /* @__PURE__ */ jsx(SafeAreaTracker, {}),
 		contents
 	] });

package/dist/esm/views/TamaguiProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TamaguiProvider.js","names":[],"sources":["esm/views/TamaguiProvider.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { ClientOnly } from \"@tamagui/use-did-finish-ssr\";\nimport React, { useEffect } from \"react\";\nimport { getSetting } from \"../config\";\nimport { ComponentContext } from \"../contexts/ComponentContext\";\nimport { stopAccumulatingRules } from \"../helpers/insertStyleRule\";\nimport { updateMediaListeners } from \"../hooks/useMedia\";\nimport { ConfigRevisionCheck } from \"./ConfigRevisionCheck\";\nimport { SafeAreaTracker, hasSafeAreaTracker } from \"./SafeAreaTracker\";\nimport { TamaguiRoot } from \"./TamaguiRoot\";\nimport { ThemeProvider } from \"./ThemeProvider\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\n\nlet _cachedFirstKey;\nlet _cachedConfig;\nfunction firstThemeKey(config) {\n\tif (config !== _cachedConfig) {\n\t\t_cachedConfig = config;\n\t\t_cachedFirstKey = config?.themes ? Object.keys(config.themes)[0] : void 0;\n\t}\n\treturn _cachedFirstKey;\n}\nfunction TamaguiProvider({ children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, insets, isSubtreeRoot }) {\n\tconst defaultTheme = defaultThemeProp || firstThemeKey(config) || \"light\";\n\tuseIsomorphicLayoutEffect(() => {\n\t\tupdateMediaListeners();\n\t\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) return stopAccumulatingRules();\n\t}, []);\n\tconst memoizedInsets = React.useMemo(() => insets, [\n\t\tinsets?.top,\n\t\tinsets?.right,\n\t\tinsets?.bottom,\n\t\tinsets?.left\n\t]);\n\tconst configuredAnimationDriver = config?.animations;\n\tconst defaultAnimationDriver = !configuredAnimationDriver || configuredAnimationDriver.isStub ? null : configuredAnimationDriver;\n\tuseEffect(() => {\n\t\tdefaultAnimationDriver?.onMount?.();\n\t}, []);\n\tlet contents = /* @__PURE__ */ jsx(ComponentContext.Provider, {\n\t\tanimationDriver: defaultAnimationDriver,\n\t\tinsets: memoizedInsets,\n\t\tchildren: /* @__PURE__ */ jsx(ThemeProvider, {\n\t\t\tdefaultTheme,\n\t\t\tclassName,\n\t\t\tisSubtreeRoot,\n\t\t\tchildren: /* @__PURE__ */ jsx(TamaguiRoot, {\n\t\t\t\ttheme: defaultTheme,\n\t\t\t\tisRootRoot: true,\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n\tif (getSetting(\"disableSSR\")) contents = /* @__PURE__ */ jsx(ClientOnly, {\n\t\tenabled: true,\n\t\tchildren: contents\n\t});\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [\n\t\t!process.env.TAMAGUI_DID_OUTPUT_CSS && config && !disableInjectCSS && /* @__PURE__ */ jsx(\"style\", {\n\t\t\tprecedence: \"default\",\n\t\t\thref: \"tamagui-css\",\n\t\t\tchildren: config.getCSS()\n\t\t}, \"tamagui-css\"),\n\t\tprocess.env.NODE_ENV !== \"production\" && config && /* @__PURE__ */ jsx(ConfigRevisionCheck, { config }),\n\t\thasSafeAreaTracker() && /* @__PURE__ */ jsx(SafeAreaTracker, {}),\n\t\tcontents\n\t] });\n}\n\nexport { TamaguiProvider };"],"mappings":";;;;;;;;;;;;;;AAaA,IAAI;AACJ,IAAI;AACJ,SAAS,cAAc,QAAQ;CAC9B,IAAI,WAAW,eAAe;EAC7B,gBAAgB;EAChB,kBAAkB,QAAQ,SAAS,OAAO,KAAK,OAAO,MAAM,CAAC,CAAC,KAAK,KAAK;CACzE;CACA,OAAO;AACR;AACA,SAAS,gBAAgB,EAAE,UAAU,kBAAkB,QAAQ,WAAW,cAAc,kBAAkB,QAAQ,iBAAiB;CAClI,MAAM,eAAe,oBAAoB,cAAc,MAAM,KAAK;CAClE,gCAAgC;EAC/B,qBAAqB;EACrB,IAAI,CAAC,QAAQ,IAAI,wBAAwB,OAAO,sBAAsB;CACvE,GAAG,CAAC,CAAC;CACL,MAAM,iBAAiB,MAAM,cAAc,QAAQ;EAClD,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;CACT,CAAC;CACD,MAAM,4BAA4B,QAAQ;CAC1C,MAAM,yBAAyB,CAAC,6BAA6B,0BAA0B,SAAS,OAAO;CACvG,gBAAgB;EACf,wBAAwB,UAAU;CACnC,GAAG,CAAC,CAAC;CACL,IAAI,WAA2B,oBAAI,iBAAiB,UAAU;EAC7D,iBAAiB;EACjB,QAAQ;EACR,UAA0B,oBAAI,eAAe;GAC5C;GACA;GACA;GACA,UAA0B,oBAAI,aAAa;IAC1C,OAAO;IACP,YAAY;IACZ;GACD,CAAC;EACF,CAAC;CACF,CAAC;CACD,IAAI,WAAW,YAAY,GAAG,WAA2B,oBAAI,YAAY;EACxE,SAAS;EACT,UAAU;CACX,CAAC;CACD,OAAuB,qBAAK,UAAU,EAAE,UAAU;EACjD,CAAC,QAAQ,IAAI,0BAA0B,UAAU,CAAC,oBAAoC,oBAAI,SAAS;GAClG,YAAY;GACZ,MAAM;GACN,UAAU,OAAO,OAAO;EACzB,GAAG,aAAa;EAChB,QAAQ,IAAI,aAAa,gBAAgB,UAA0B,oBAAI,qBAAqB,EAAE,OAAO,CAAC;EACtG,mBAAmB,KAAqB,oBAAI,iBAAiB,CAAC,CAAC;EAC/D;CACD,EAAE,CAAC;AACJ"}
+{"version":3,"file":"TamaguiProvider.js","names":[],"sources":["esm/views/TamaguiProvider.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { ClientOnly } from \"@tamagui/use-did-finish-ssr\";\nimport React, { useEffect } from \"react\";\nimport { getSetting } from \"../config\";\nimport { ComponentContext } from \"../contexts/ComponentContext\";\nimport { stopAccumulatingRules } from \"../helpers/insertStyleRule\";\nimport { updateMediaListeners } from \"../hooks/useMedia\";\nimport { ConfigRevisionCheck } from \"./ConfigRevisionCheck\";\nimport { SafeAreaTracker, hasSafeAreaTracker } from \"./SafeAreaTracker\";\nimport { TamaguiRoot } from \"./TamaguiRoot\";\nimport { ThemeProvider } from \"./ThemeProvider\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\n\nconst isProd = process.env.NODE_ENV === \"production\";\nlet _cachedFirstKey;\nlet _cachedConfig;\nfunction firstThemeKey(config) {\n\tif (config !== _cachedConfig) {\n\t\t_cachedConfig = config;\n\t\t_cachedFirstKey = config?.themes ? Object.keys(config.themes)[0] : void 0;\n\t}\n\treturn _cachedFirstKey;\n}\nfunction TamaguiProvider({ children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, insets, isSubtreeRoot }) {\n\tconst defaultTheme = defaultThemeProp || firstThemeKey(config) || \"light\";\n\tuseIsomorphicLayoutEffect(() => {\n\t\tupdateMediaListeners();\n\t\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) return stopAccumulatingRules();\n\t}, []);\n\tconst memoizedInsets = React.useMemo(() => insets, [\n\t\tinsets?.top,\n\t\tinsets?.right,\n\t\tinsets?.bottom,\n\t\tinsets?.left\n\t]);\n\tconst configuredAnimationDriver = config?.animations;\n\tconst defaultAnimationDriver = !configuredAnimationDriver || configuredAnimationDriver.isStub ? null : configuredAnimationDriver;\n\tuseEffect(() => {\n\t\tdefaultAnimationDriver?.onMount?.();\n\t}, []);\n\tlet contents = /* @__PURE__ */ jsx(ComponentContext.Provider, {\n\t\tanimationDriver: defaultAnimationDriver,\n\t\tinsets: memoizedInsets,\n\t\tchildren: /* @__PURE__ */ jsx(ThemeProvider, {\n\t\t\tdefaultTheme,\n\t\t\tclassName,\n\t\t\tisSubtreeRoot,\n\t\t\tchildren: /* @__PURE__ */ jsx(TamaguiRoot, {\n\t\t\t\ttheme: defaultTheme,\n\t\t\t\tisRootRoot: true,\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n\tif (getSetting(\"disableSSR\")) contents = /* @__PURE__ */ jsx(ClientOnly, {\n\t\tenabled: true,\n\t\tchildren: contents\n\t});\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [\n\t\t!process.env.TAMAGUI_DID_OUTPUT_CSS && config && !disableInjectCSS && /* @__PURE__ */ jsx(\"style\", {\n\t\t\tprecedence: \"default\",\n\t\t\thref: \"tamagui-css\",\n\t\t\tchildren: config.getCSS()\n\t\t}, \"tamagui-css\"),\n\t\t!isProd && process.env.NODE_ENV !== \"production\" && config && /* @__PURE__ */ jsx(ConfigRevisionCheck, { config }),\n\t\thasSafeAreaTracker() && /* @__PURE__ */ jsx(SafeAreaTracker, {}),\n\t\tcontents\n\t] });\n}\n\nexport { TamaguiProvider };"],"mappings":";;;;;;;;;;;;;;AAaA,MAAM,SAAS,QAAQ,IAAI,aAAa;AACxC,IAAI;AACJ,IAAI;AACJ,SAAS,cAAc,QAAQ;CAC9B,IAAI,WAAW,eAAe;EAC7B,gBAAgB;EAChB,kBAAkB,QAAQ,SAAS,OAAO,KAAK,OAAO,MAAM,CAAC,CAAC,KAAK,KAAK;CACzE;CACA,OAAO;AACR;AACA,SAAS,gBAAgB,EAAE,UAAU,kBAAkB,QAAQ,WAAW,cAAc,kBAAkB,QAAQ,iBAAiB;CAClI,MAAM,eAAe,oBAAoB,cAAc,MAAM,KAAK;CAClE,gCAAgC;EAC/B,qBAAqB;EACrB,IAAI,CAAC,QAAQ,IAAI,wBAAwB,OAAO,sBAAsB;CACvE,GAAG,CAAC,CAAC;CACL,MAAM,iBAAiB,MAAM,cAAc,QAAQ;EAClD,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;CACT,CAAC;CACD,MAAM,4BAA4B,QAAQ;CAC1C,MAAM,yBAAyB,CAAC,6BAA6B,0BAA0B,SAAS,OAAO;CACvG,gBAAgB;EACf,wBAAwB,UAAU;CACnC,GAAG,CAAC,CAAC;CACL,IAAI,WAA2B,oBAAI,iBAAiB,UAAU;EAC7D,iBAAiB;EACjB,QAAQ;EACR,UAA0B,oBAAI,eAAe;GAC5C;GACA;GACA;GACA,UAA0B,oBAAI,aAAa;IAC1C,OAAO;IACP,YAAY;IACZ;GACD,CAAC;EACF,CAAC;CACF,CAAC;CACD,IAAI,WAAW,YAAY,GAAG,WAA2B,oBAAI,YAAY;EACxE,SAAS;EACT,UAAU;CACX,CAAC;CACD,OAAuB,qBAAK,UAAU,EAAE,UAAU;EACjD,CAAC,QAAQ,IAAI,0BAA0B,UAAU,CAAC,oBAAoC,oBAAI,SAAS;GAClG,YAAY;GACZ,MAAM;GACN,UAAU,OAAO,OAAO;EACzB,GAAG,aAAa;EAChB,CAAC,UAAU,QAAQ,IAAI,aAAa,gBAAgB,UAA0B,oBAAI,qBAAqB,EAAE,OAAO,CAAC;EACjH,mBAAmB,KAAqB,oBAAI,iBAAiB,CAAC,CAAC;EAC/D;CACD,EAAE,CAAC;AACJ"}

package/dist/esm/views/TamaguiProvider.native.js

@@ -10,6 +10,7 @@ import { SafeAreaTracker, hasSafeAreaTracker } from "./SafeAreaTracker.native.js
 import { TamaguiRoot } from "./TamaguiRoot.native.js";
 import { ThemeProvider } from "./ThemeProvider.native.js";
 
+var isProd = process.env.NODE_ENV === "production";
 var _cachedFirstKey;
 var _cachedConfig;
 function firstThemeKey(config) {
@@ -60,7 +61,7 @@ function TamaguiProvider(param) {
 	});
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		!process.env.TAMAGUI_DID_OUTPUT_CSS && false,
-		process.env.NODE_ENV !== "production" && false,
+		!isProd && process.env.NODE_ENV !== "production" && false,
 		hasSafeAreaTracker() && /* @__PURE__ */ jsx(SafeAreaTracker, {}),
 		contents
 	] });

package/dist/esm/views/TamaguiProvider.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TamaguiProvider.native.js","names":[],"sources":["esm/views/TamaguiProvider.native.js"],"sourcesContent":["import { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { ClientOnly } from \"@tamagui/use-did-finish-ssr\";\nimport React, { useEffect } from \"react\";\nimport { getSetting } from \"../config\";\nimport { ComponentContext } from \"../contexts/ComponentContext\";\nimport { stopAccumulatingRules } from \"../helpers/insertStyleRule\";\nimport { updateMediaListeners } from \"../hooks/useMedia\";\nimport { SafeAreaTracker, hasSafeAreaTracker } from \"./SafeAreaTracker\";\nimport { TamaguiRoot } from \"./TamaguiRoot\";\nimport { ThemeProvider } from \"./ThemeProvider\";\n\nvar _cachedFirstKey;\nvar _cachedConfig;\nfunction firstThemeKey(config) {\n\tif (config !== _cachedConfig) {\n\t\t_cachedConfig = config;\n\t\t_cachedFirstKey = (config === null || config === void 0 ? void 0 : config.themes) ? Object.keys(config.themes)[0] : void 0;\n\t}\n\treturn _cachedFirstKey;\n}\nfunction TamaguiProvider(param) {\n\tvar { children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, insets, isSubtreeRoot } = param;\n\tvar defaultTheme = defaultThemeProp || firstThemeKey(config) || \"light\";\n\tuseIsomorphicLayoutEffect(function() {\n\t\tupdateMediaListeners();\n\t\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) return stopAccumulatingRules();\n\t}, []);\n\tvar memoizedInsets = React.useMemo(function() {\n\t\treturn insets;\n\t}, [\n\t\tinsets === null || insets === void 0 ? void 0 : insets.top,\n\t\tinsets === null || insets === void 0 ? void 0 : insets.right,\n\t\tinsets === null || insets === void 0 ? void 0 : insets.bottom,\n\t\tinsets === null || insets === void 0 ? void 0 : insets.left\n\t]);\n\tvar configuredAnimationDriver = config === null || config === void 0 ? void 0 : config.animations;\n\tvar defaultAnimationDriver = !configuredAnimationDriver || configuredAnimationDriver.isStub ? null : configuredAnimationDriver;\n\tuseEffect(function() {\n\t\tvar _defaultAnimationDriver_onMount;\n\t\tdefaultAnimationDriver === null || defaultAnimationDriver === void 0 || (_defaultAnimationDriver_onMount = defaultAnimationDriver.onMount) == null || _defaultAnimationDriver_onMount.call(defaultAnimationDriver);\n\t}, []);\n\tvar contents = /* @__PURE__ */ jsx(ComponentContext.Provider, {\n\t\tanimationDriver: defaultAnimationDriver,\n\t\tinsets: memoizedInsets,\n\t\tchildren: /* @__PURE__ */ jsx(ThemeProvider, {\n\t\t\tdefaultTheme,\n\t\t\tclassName,\n\t\t\tisSubtreeRoot,\n\t\t\tchildren: /* @__PURE__ */ jsx(TamaguiRoot, {\n\t\t\t\ttheme: defaultTheme,\n\t\t\t\tisRootRoot: true,\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n\tif (getSetting(\"disableSSR\")) contents = /* @__PURE__ */ jsx(ClientOnly, {\n\t\tenabled: true,\n\t\tchildren: contents\n\t});\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [\n\t\t!process.env.TAMAGUI_DID_OUTPUT_CSS && false,\n\t\tprocess.env.NODE_ENV !== \"production\" && false,\n\t\thasSafeAreaTracker() && /* @__PURE__ */ jsx(SafeAreaTracker, {}),\n\t\tcontents\n\t] });\n}\n\nexport { TamaguiProvider };"],"mappings":";;;;;;;;;;;;;AAYA,IAAI;AACJ,IAAI;AACJ,SAAS,cAAc,QAAQ;CAC9B,IAAI,WAAW,eAAe;EAC7B,gBAAgB;EAChB,mBAAmB,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO,UAAU,OAAO,KAAK,OAAO,MAAM,CAAC,CAAC,KAAK,KAAK;CAC1H;CACA,OAAO;AACR;AACA,SAAS,gBAAgB,OAAO;CAC/B,IAAI,EAAE,UAAU,kBAAkB,QAAQ,WAAW,cAAc,kBAAkB,QAAQ,kBAAkB;CAC/G,IAAI,eAAe,oBAAoB,cAAc,MAAM,KAAK;CAChE,0BAA0B,WAAW;EACpC,qBAAqB;EACrB,IAAI,CAAC,QAAQ,IAAI,wBAAwB,OAAO,sBAAsB;CACvE,GAAG,CAAC,CAAC;CACL,IAAI,iBAAiB,MAAM,QAAQ,WAAW;EAC7C,OAAO;CACR,GAAG;EACF,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;EACvD,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;EACvD,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;EACvD,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;CACxD,CAAC;CACD,IAAI,4BAA4B,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;CACvF,IAAI,yBAAyB,CAAC,6BAA6B,0BAA0B,SAAS,OAAO;CACrG,UAAU,WAAW;EACpB,IAAI;EACJ,2BAA2B,QAAQ,2BAA2B,KAAK,MAAM,kCAAkC,uBAAuB,YAAY,QAAQ,gCAAgC,KAAK,sBAAsB;CAClN,GAAG,CAAC,CAAC;CACL,IAAI,WAA2B,oBAAI,iBAAiB,UAAU;EAC7D,iBAAiB;EACjB,QAAQ;EACR,UAA0B,oBAAI,eAAe;GAC5C;GACA;GACA;GACA,UAA0B,oBAAI,aAAa;IAC1C,OAAO;IACP,YAAY;IACZ;GACD,CAAC;EACF,CAAC;CACF,CAAC;CACD,IAAI,WAAW,YAAY,GAAG,WAA2B,oBAAI,YAAY;EACxE,SAAS;EACT,UAAU;CACX,CAAC;CACD,OAAuB,qBAAK,UAAU,EAAE,UAAU;EACjD,CAAC,QAAQ,IAAI,0BAA0B;EACvC,QAAQ,IAAI,aAAa,gBAAgB;EACzC,mBAAmB,KAAqB,oBAAI,iBAAiB,CAAC,CAAC;EAC/D;CACD,EAAE,CAAC;AACJ"}
+{"version":3,"file":"TamaguiProvider.native.js","names":[],"sources":["esm/views/TamaguiProvider.native.js"],"sourcesContent":["import { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { ClientOnly } from \"@tamagui/use-did-finish-ssr\";\nimport React, { useEffect } from \"react\";\nimport { getSetting } from \"../config\";\nimport { ComponentContext } from \"../contexts/ComponentContext\";\nimport { stopAccumulatingRules } from \"../helpers/insertStyleRule\";\nimport { updateMediaListeners } from \"../hooks/useMedia\";\nimport { SafeAreaTracker, hasSafeAreaTracker } from \"./SafeAreaTracker\";\nimport { TamaguiRoot } from \"./TamaguiRoot\";\nimport { ThemeProvider } from \"./ThemeProvider\";\n\nvar isProd = process.env.NODE_ENV === \"production\";\nvar _cachedFirstKey;\nvar _cachedConfig;\nfunction firstThemeKey(config) {\n\tif (config !== _cachedConfig) {\n\t\t_cachedConfig = config;\n\t\t_cachedFirstKey = (config === null || config === void 0 ? void 0 : config.themes) ? Object.keys(config.themes)[0] : void 0;\n\t}\n\treturn _cachedFirstKey;\n}\nfunction TamaguiProvider(param) {\n\tvar { children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, insets, isSubtreeRoot } = param;\n\tvar defaultTheme = defaultThemeProp || firstThemeKey(config) || \"light\";\n\tuseIsomorphicLayoutEffect(function() {\n\t\tupdateMediaListeners();\n\t\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) return stopAccumulatingRules();\n\t}, []);\n\tvar memoizedInsets = React.useMemo(function() {\n\t\treturn insets;\n\t}, [\n\t\tinsets === null || insets === void 0 ? void 0 : insets.top,\n\t\tinsets === null || insets === void 0 ? void 0 : insets.right,\n\t\tinsets === null || insets === void 0 ? void 0 : insets.bottom,\n\t\tinsets === null || insets === void 0 ? void 0 : insets.left\n\t]);\n\tvar configuredAnimationDriver = config === null || config === void 0 ? void 0 : config.animations;\n\tvar defaultAnimationDriver = !configuredAnimationDriver || configuredAnimationDriver.isStub ? null : configuredAnimationDriver;\n\tuseEffect(function() {\n\t\tvar _defaultAnimationDriver_onMount;\n\t\tdefaultAnimationDriver === null || defaultAnimationDriver === void 0 || (_defaultAnimationDriver_onMount = defaultAnimationDriver.onMount) == null || _defaultAnimationDriver_onMount.call(defaultAnimationDriver);\n\t}, []);\n\tvar contents = /* @__PURE__ */ jsx(ComponentContext.Provider, {\n\t\tanimationDriver: defaultAnimationDriver,\n\t\tinsets: memoizedInsets,\n\t\tchildren: /* @__PURE__ */ jsx(ThemeProvider, {\n\t\t\tdefaultTheme,\n\t\t\tclassName,\n\t\t\tisSubtreeRoot,\n\t\t\tchildren: /* @__PURE__ */ jsx(TamaguiRoot, {\n\t\t\t\ttheme: defaultTheme,\n\t\t\t\tisRootRoot: true,\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n\tif (getSetting(\"disableSSR\")) contents = /* @__PURE__ */ jsx(ClientOnly, {\n\t\tenabled: true,\n\t\tchildren: contents\n\t});\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [\n\t\t!process.env.TAMAGUI_DID_OUTPUT_CSS && false,\n\t\t!isProd && process.env.NODE_ENV !== \"production\" && false,\n\t\thasSafeAreaTracker() && /* @__PURE__ */ jsx(SafeAreaTracker, {}),\n\t\tcontents\n\t] });\n}\n\nexport { TamaguiProvider };"],"mappings":";;;;;;;;;;;;;AAYA,IAAI,SAAS,QAAQ,IAAI,aAAa;AACtC,IAAI;AACJ,IAAI;AACJ,SAAS,cAAc,QAAQ;CAC9B,IAAI,WAAW,eAAe;EAC7B,gBAAgB;EAChB,mBAAmB,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO,UAAU,OAAO,KAAK,OAAO,MAAM,CAAC,CAAC,KAAK,KAAK;CAC1H;CACA,OAAO;AACR;AACA,SAAS,gBAAgB,OAAO;CAC/B,IAAI,EAAE,UAAU,kBAAkB,QAAQ,WAAW,cAAc,kBAAkB,QAAQ,kBAAkB;CAC/G,IAAI,eAAe,oBAAoB,cAAc,MAAM,KAAK;CAChE,0BAA0B,WAAW;EACpC,qBAAqB;EACrB,IAAI,CAAC,QAAQ,IAAI,wBAAwB,OAAO,sBAAsB;CACvE,GAAG,CAAC,CAAC;CACL,IAAI,iBAAiB,MAAM,QAAQ,WAAW;EAC7C,OAAO;CACR,GAAG;EACF,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;EACvD,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;EACvD,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;EACvD,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;CACxD,CAAC;CACD,IAAI,4BAA4B,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;CACvF,IAAI,yBAAyB,CAAC,6BAA6B,0BAA0B,SAAS,OAAO;CACrG,UAAU,WAAW;EACpB,IAAI;EACJ,2BAA2B,QAAQ,2BAA2B,KAAK,MAAM,kCAAkC,uBAAuB,YAAY,QAAQ,gCAAgC,KAAK,sBAAsB;CAClN,GAAG,CAAC,CAAC;CACL,IAAI,WAA2B,oBAAI,iBAAiB,UAAU;EAC7D,iBAAiB;EACjB,QAAQ;EACR,UAA0B,oBAAI,eAAe;GAC5C;GACA;GACA;GACA,UAA0B,oBAAI,aAAa;IAC1C,OAAO;IACP,YAAY;IACZ;GACD,CAAC;EACF,CAAC;CACF,CAAC;CACD,IAAI,WAAW,YAAY,GAAG,WAA2B,oBAAI,YAAY;EACxE,SAAS;EACT,UAAU;CACX,CAAC;CACD,OAAuB,qBAAK,UAAU,EAAE,UAAU;EACjD,CAAC,QAAQ,IAAI,0BAA0B;EACvC,CAAC,UAAU,QAAQ,IAAI,aAAa,gBAAgB;EACpD,mBAAmB,KAAqB,oBAAI,iBAAiB,CAAC,CAAC;EAC/D;CACD,EAAE,CAAC;AACJ"}

package/dist/esm/views/Theme.mjs

@@ -10,10 +10,11 @@ import { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from "../hook
 import { ThemeDebug } from "./ThemeDebug.mjs";
 import { jsx } from "react/jsx-runtime";
 
+const isProd = process.env.NODE_ENV === "production";
 const Theme = createRefComponent(function Theme2(props, ref) {
 	"use no memo";
 	if (props.disable) return props.children;
-	if (process.env.NODE_ENV === "development") {
+	if (!isProd && process.env.NODE_ENV === "development") {
 		for (const key in props) if (!reservedThemeProps[key] && key !== "srcloc" && !key.startsWith("data-")) warnOnce(`theme-update:${key}`, `<Theme ${key}=...> no longer accepts inline values. Wrap the subtree in <ThemeUpdate ${key}=...> instead.`);
 	}
 	const { passThrough } = props;
@@ -34,7 +35,7 @@ function getThemedChildren(themeState, children, props, isRoot = false, stateRef
 	const { shallow, forceClassName } = props;
 	const state = stateRef.current;
 	let shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);
-	if (process.env.NODE_ENV === "development" && props.debug === "visualize") children = /* @__PURE__ */ jsx(ThemeDebug, {
+	if (!isProd && process.env.NODE_ENV === "development" && props.debug === "visualize") children = /* @__PURE__ */ jsx(ThemeDebug, {
 		themeState,
 		themeProps: props,
 		children
@@ -51,7 +52,7 @@ function getThemedChildren(themeState, children, props, isRoot = false, stateRef
 	if (requiresExtraWrapper || isFirstThemedRender && (themeState.name === "dark" || themeState.name === "light")) state.hasEverThemed = "wrapped";
 	if (shallow) if (!themeState.parentId) {} else {
 		const parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
-		if (!parentState) throw new Error(process.env.NODE_ENV !== "production" ? formatDiagnostic("‼️010", "Theme", "parent theme state is missing for shallow rendering", "Keep <Theme shallow> inside its mounted parent Theme", "name,parentId", {
+		if (!parentState) throw new Error(!isProd && process.env.NODE_ENV !== "production" ? formatDiagnostic("‼️010", "Theme", "parent theme state is missing for shallow rendering", "Keep <Theme shallow> inside its mounted parent Theme", "name,parentId", {
 			name: themeState.name,
 			parentId: themeState.parentId
 		}) : "❌ Error 014");
@@ -62,7 +63,7 @@ function getThemedChildren(themeState, children, props, isRoot = false, stateRef
 			})) : child;
 		});
 	}
-	if (process.env.NODE_ENV === "development") {
+	if (!isProd && process.env.NODE_ENV === "development") {
 		if (!passThrough && props.debug) console.warn(` getThemedChildren`, {
 			requiresExtraWrapper,
 			forceClassName,

package/dist/esm/views/Theme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","names":[],"sources":["esm/views/Theme.js"],"sourcesContent":["import { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { getThemeClassNames, reservedThemeProps } from \"@tamagui/helpers\";\nimport { Children, cloneElement, isValidElement, useRef } from \"react\";\nimport { variableToString } from \"../createVariable\";\nimport { formatDiagnostic } from \"../helpers/formatDiagnostic\";\nimport { warnOnce } from \"../helpers/warnOnce\";\nimport { useThemeWithState } from \"../hooks/useTheme\";\nimport { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from \"../hooks/useThemeState\";\nimport { ThemeDebug } from \"./ThemeDebug\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst Theme = createRefComponent(function Theme2(props, ref) {\n\t\"use no memo\";\n\tif (props.disable) return props.children;\n\tif (process.env.NODE_ENV === \"development\") {\n\t\tfor (const key in props) if (!reservedThemeProps[key] && key !== \"srcloc\" && !key.startsWith(\"data-\")) warnOnce(`theme-update:${key}`, `<Theme ${key}=...> no longer accepts inline values. Wrap the subtree in <ThemeUpdate ${key}=...> instead.`);\n\t}\n\tconst { passThrough } = props;\n\tconst isRoot = !!props[\"_isRoot\"];\n\tconst [_, themeState] = useThemeWithState(props, isRoot, true);\n\tuseIsomorphicLayoutEffect(() => {}, [\n\t\tthemeState.id,\n\t\tthemeState.name,\n\t\tthemeState.theme\n\t]);\n\tlet finalChildren = props[\"disable-child-theme\"] ? Children.map(props.children, (child) => passThrough || !isValidElement(child) ? child : cloneElement(child, { [\"data-disable-theme\"]: true })) : props.children;\n\tif (ref && isValidElement(finalChildren)) finalChildren = cloneElement(finalChildren, { ref });\n\tconst stateRef = useRef({ hasEverThemed: false });\n\treturn getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);\n});\nTheme[\"avoidForwardRef\"] = true;\nfunction getThemedChildren(themeState, children, props, isRoot = false, stateRef, passThrough = false) {\n\tconst { shallow, forceClassName } = props;\n\tconst state = stateRef.current;\n\tlet shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);\n\tif (process.env.NODE_ENV === \"development\" && props.debug === \"visualize\") children = /* @__PURE__ */ jsx(ThemeDebug, {\n\t\tthemeState,\n\t\tthemeProps: props,\n\t\tchildren\n\t});\n\tif (!shouldRenderChildrenWithTheme) return children;\n\tchildren = /* @__PURE__ */ jsx(ThemeStateContext.Provider, {\n\t\tvalue: themeState.id,\n\t\tchildren\n\t});\n\tconst { isInverse } = themeState;\n\tconst requiresExtraWrapper = isInverse || forceClassName;\n\tconst isFirstThemedRender = !state.hasEverThemed;\n\tif (isFirstThemedRender) state.hasEverThemed = true;\n\tif (requiresExtraWrapper || isFirstThemedRender && (themeState.name === \"dark\" || themeState.name === \"light\")) state.hasEverThemed = \"wrapped\";\n\tif (shallow) if (!themeState.parentId) {} else {\n\t\tconst parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);\n\t\tif (!parentState) throw new Error(process.env.NODE_ENV !== \"production\" ? formatDiagnostic(\"‼️010\", \"Theme\", \"parent theme state is missing for shallow rendering\", \"Keep <Theme shallow> inside its mounted parent Theme\", \"name,parentId\", {\n\t\t\tname: themeState.name,\n\t\t\tparentId: themeState.parentId\n\t\t}) : \"❌ Error 014\");\n\t\tchildren = Children.toArray(children).map((child) => {\n\t\t\treturn isValidElement(child) ? passThrough ? child : cloneElement(child, void 0, /* @__PURE__ */ jsx(Theme, {\n\t\t\t\tname: parentState.name,\n\t\t\t\tchildren: child.props.children\n\t\t\t})) : child;\n\t\t});\n\t}\n\tif (process.env.NODE_ENV === \"development\") {\n\t\tif (!passThrough && props.debug) console.warn(` getThemedChildren`, {\n\t\t\trequiresExtraWrapper,\n\t\t\tforceClassName,\n\t\t\tthemeState,\n\t\t\tstate,\n\t\t\tthemeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)\n\t\t});\n\t}\n\tif (forceClassName === false) return children;\n\tif (isWeb) {\n\t\tconst baseStyle = props.contain ? inertContainedStyle : inertStyle;\n\t\tconst { className = \"\", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);\n\t\tconst inlineClassName = passThrough ? void 0 : props._themeUpdate?.className;\n\t\tchildren = /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: `${className} is_Theme${inlineClassName ? ` ${inlineClassName}` : \"\"}`,\n\t\t\tstyle: passThrough ? baseStyle : {\n\t\t\t\tcolor,\n\t\t\t\t...baseStyle\n\t\t\t},\n\t\t\tchildren\n\t\t});\n\t\tif (state.hasEverThemed === \"wrapped\") {\n\t\t\tconst scheme = requiresExtraWrapper && themeState.schemeAuthored && themeState.scheme;\n\t\t\tchildren = /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\tclassName: scheme ? `t_${scheme} _dsp_contents` : \"_dsp_contents\",\n\t\t\t\tchildren\n\t\t\t});\n\t\t}\n\t\treturn children;\n\t}\n\treturn children;\n}\nconst inertStyle = { display: \"contents\" };\nconst inertContainedStyle = {\n\tdisplay: \"contents\",\n\tcontain: \"strict\"\n};\nconst empty = {\n\tclassName: \"\",\n\tcolor: void 0\n};\nfunction getThemeClassNameAndColor(themeState, props, isRoot) {\n\tif (!themeState.isNew && !props.forceClassName) return empty;\n\treturn {\n\t\tcolor: themeState?.theme && themeState.isNew ? variableToString(themeState.theme.color) : \"\",\n\t\tclassName: getThemeClassNames(themeState.name, isRoot, themeState.schemeAuthored)\n\t};\n}\n\nexport { Theme, getThemedChildren };"],"mappings":"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"}
+{"version":3,"file":"Theme.js","names":[],"sources":["esm/views/Theme.js"],"sourcesContent":["import { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { getThemeClassNames, reservedThemeProps } from \"@tamagui/helpers\";\nimport { Children, cloneElement, isValidElement, useRef } from \"react\";\nimport { variableToString } from \"../createVariable\";\nimport { formatDiagnostic } from \"../helpers/formatDiagnostic\";\nimport { warnOnce } from \"../helpers/warnOnce\";\nimport { useThemeWithState } from \"../hooks/useTheme\";\nimport { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from \"../hooks/useThemeState\";\nimport { ThemeDebug } from \"./ThemeDebug\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst isProd = process.env.NODE_ENV === \"production\";\nconst Theme = createRefComponent(function Theme2(props, ref) {\n\t\"use no memo\";\n\tif (props.disable) return props.children;\n\tif (!isProd && process.env.NODE_ENV === \"development\") {\n\t\tfor (const key in props) if (!reservedThemeProps[key] && key !== \"srcloc\" && !key.startsWith(\"data-\")) warnOnce(`theme-update:${key}`, `<Theme ${key}=...> no longer accepts inline values. Wrap the subtree in <ThemeUpdate ${key}=...> instead.`);\n\t}\n\tconst { passThrough } = props;\n\tconst isRoot = !!props[\"_isRoot\"];\n\tconst [_, themeState] = useThemeWithState(props, isRoot, true);\n\tuseIsomorphicLayoutEffect(() => {}, [\n\t\tthemeState.id,\n\t\tthemeState.name,\n\t\tthemeState.theme\n\t]);\n\tlet finalChildren = props[\"disable-child-theme\"] ? Children.map(props.children, (child) => passThrough || !isValidElement(child) ? child : cloneElement(child, { [\"data-disable-theme\"]: true })) : props.children;\n\tif (ref && isValidElement(finalChildren)) finalChildren = cloneElement(finalChildren, { ref });\n\tconst stateRef = useRef({ hasEverThemed: false });\n\treturn getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);\n});\nTheme[\"avoidForwardRef\"] = true;\nfunction getThemedChildren(themeState, children, props, isRoot = false, stateRef, passThrough = false) {\n\tconst { shallow, forceClassName } = props;\n\tconst state = stateRef.current;\n\tlet shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);\n\tif (!isProd && process.env.NODE_ENV === \"development\" && props.debug === \"visualize\") children = /* @__PURE__ */ jsx(ThemeDebug, {\n\t\tthemeState,\n\t\tthemeProps: props,\n\t\tchildren\n\t});\n\tif (!shouldRenderChildrenWithTheme) return children;\n\tchildren = /* @__PURE__ */ jsx(ThemeStateContext.Provider, {\n\t\tvalue: themeState.id,\n\t\tchildren\n\t});\n\tconst { isInverse } = themeState;\n\tconst requiresExtraWrapper = isInverse || forceClassName;\n\tconst isFirstThemedRender = !state.hasEverThemed;\n\tif (isFirstThemedRender) state.hasEverThemed = true;\n\tif (requiresExtraWrapper || isFirstThemedRender && (themeState.name === \"dark\" || themeState.name === \"light\")) state.hasEverThemed = \"wrapped\";\n\tif (shallow) if (!themeState.parentId) {} else {\n\t\tconst parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);\n\t\tif (!parentState) throw new Error(!isProd && process.env.NODE_ENV !== \"production\" ? formatDiagnostic(\"‼️010\", \"Theme\", \"parent theme state is missing for shallow rendering\", \"Keep <Theme shallow> inside its mounted parent Theme\", \"name,parentId\", {\n\t\t\tname: themeState.name,\n\t\t\tparentId: themeState.parentId\n\t\t}) : \"❌ Error 014\");\n\t\tchildren = Children.toArray(children).map((child) => {\n\t\t\treturn isValidElement(child) ? passThrough ? child : cloneElement(child, void 0, /* @__PURE__ */ jsx(Theme, {\n\t\t\t\tname: parentState.name,\n\t\t\t\tchildren: child.props.children\n\t\t\t})) : child;\n\t\t});\n\t}\n\tif (!isProd && process.env.NODE_ENV === \"development\") {\n\t\tif (!passThrough && props.debug) console.warn(` getThemedChildren`, {\n\t\t\trequiresExtraWrapper,\n\t\t\tforceClassName,\n\t\t\tthemeState,\n\t\t\tstate,\n\t\t\tthemeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)\n\t\t});\n\t}\n\tif (forceClassName === false) return children;\n\tif (isWeb) {\n\t\tconst baseStyle = props.contain ? inertContainedStyle : inertStyle;\n\t\tconst { className = \"\", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);\n\t\tconst inlineClassName = passThrough ? void 0 : props._themeUpdate?.className;\n\t\tchildren = /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: `${className} is_Theme${inlineClassName ? ` ${inlineClassName}` : \"\"}`,\n\t\t\tstyle: passThrough ? baseStyle : {\n\t\t\t\tcolor,\n\t\t\t\t...baseStyle\n\t\t\t},\n\t\t\tchildren\n\t\t});\n\t\tif (state.hasEverThemed === \"wrapped\") {\n\t\t\tconst scheme = requiresExtraWrapper && themeState.schemeAuthored && themeState.scheme;\n\t\t\tchildren = /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\tclassName: scheme ? `t_${scheme} _dsp_contents` : \"_dsp_contents\",\n\t\t\t\tchildren\n\t\t\t});\n\t\t}\n\t\treturn children;\n\t}\n\treturn children;\n}\nconst inertStyle = { display: \"contents\" };\nconst inertContainedStyle = {\n\tdisplay: \"contents\",\n\tcontain: \"strict\"\n};\nconst empty = {\n\tclassName: \"\",\n\tcolor: void 0\n};\nfunction getThemeClassNameAndColor(themeState, props, isRoot) {\n\tif (!themeState.isNew && !props.forceClassName) return empty;\n\treturn {\n\t\tcolor: themeState?.theme && themeState.isNew ? variableToString(themeState.theme.color) : \"\",\n\t\tclassName: getThemeClassNames(themeState.name, isRoot, themeState.schemeAuthored)\n\t};\n}\n\nexport { Theme, getThemedChildren };"],"mappings":"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"}

package/dist/esm/views/Theme.native.js

@@ -11,10 +11,11 @@ import { useThemeWithState } from "../hooks/useTheme.native.js";
 import { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from "../hooks/useThemeState.native.js";
 import { ThemeDebug } from "./ThemeDebug.native.js";
 
+var isProd = process.env.NODE_ENV === "production";
 var Theme = createRefComponent(function Theme2(props, ref) {
 	"use no memo";
 	if (props.disable) return props.children;
-	if (process.env.NODE_ENV === "development") {
+	if (!isProd && process.env.NODE_ENV === "development") {
 		for (var key in props) if (!reservedThemeProps[key] && key !== "srcloc" && !key.startsWith("data-")) warnOnce(`theme-update:${key}`, `<Theme ${key}=...> no longer accepts inline values. Wrap the subtree in <ThemeUpdate ${key}=...> instead.`);
 	}
 	var { passThrough } = props;
@@ -43,7 +44,7 @@ function getThemedChildren(themeState, children, props) {
 	var { shallow, forceClassName } = props;
 	var state = stateRef.current;
 	var shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);
-	if (process.env.NODE_ENV === "development" && props.debug === "visualize") children = /* @__PURE__ */ jsx(ThemeDebug, {
+	if (!isProd && process.env.NODE_ENV === "development" && props.debug === "visualize") children = /* @__PURE__ */ jsx(ThemeDebug, {
 		themeState,
 		themeProps: props,
 		children
@@ -60,7 +61,7 @@ function getThemedChildren(themeState, children, props) {
 	if (requiresExtraWrapper || isFirstThemedRender && (themeState.name === "dark" || themeState.name === "light")) state.hasEverThemed = "wrapped";
 	if (shallow) if (!themeState.parentId) {} else {
 		var parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
-		if (!parentState) throw new Error(process.env.NODE_ENV !== "production" ? formatDiagnostic("‼️010", "Theme", "parent theme state is missing for shallow rendering", "Keep <Theme shallow> inside its mounted parent Theme", "name,parentId", {
+		if (!parentState) throw new Error(!isProd && process.env.NODE_ENV !== "production" ? formatDiagnostic("‼️010", "Theme", "parent theme state is missing for shallow rendering", "Keep <Theme shallow> inside its mounted parent Theme", "name,parentId", {
 			name: themeState.name,
 			parentId: themeState.parentId
 		}) : "❌ Error 014");
@@ -71,7 +72,7 @@ function getThemedChildren(themeState, children, props) {
 			})) : child;
 		});
 	}
-	if (process.env.NODE_ENV === "development") {
+	if (!isProd && process.env.NODE_ENV === "development") {
 		if (!passThrough && props.debug) console.warn(` getThemedChildren`, {
 			requiresExtraWrapper,
 			forceClassName,

package/dist/esm/views/Theme.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.native.js","names":[],"sources":["esm/views/Theme.native.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nimport { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { getThemeClassNames, reservedThemeProps } from \"@tamagui/helpers\";\nimport { Children, cloneElement, isValidElement, useRef } from \"react\";\nimport { variableToString } from \"../createVariable\";\nimport { formatDiagnostic } from \"../helpers/formatDiagnostic\";\nimport { removeNativeStyleScope, updateNativeStyleScope } from \"../helpers/nativeStyleEngine\";\nimport { warnOnce } from \"../helpers/warnOnce\";\nimport { useThemeWithState } from \"../hooks/useTheme\";\nimport { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from \"../hooks/useThemeState\";\nimport { ThemeDebug } from \"./ThemeDebug\";\n\nvar Theme = createRefComponent(function Theme2(props, ref) {\n\t\"use no memo\";\n\tif (props.disable) return props.children;\n\tif (process.env.NODE_ENV === \"development\") {\n\t\tfor (var key in props) if (!reservedThemeProps[key] && key !== \"srcloc\" && !key.startsWith(\"data-\")) warnOnce(`theme-update:${key}`, `<Theme ${key}=...> no longer accepts inline values. Wrap the subtree in <ThemeUpdate ${key}=...> instead.`);\n\t}\n\tvar { passThrough } = props;\n\tvar isRoot = !!props[\"_isRoot\"];\n\tvar [_, themeState] = useThemeWithState(props, isRoot, true);\n\tuseIsomorphicLayoutEffect(function() {\n\t\tupdateNativeStyleScope(themeState.id, themeState.name, themeState.theme);\n\t\treturn function() {\n\t\t\treturn removeNativeStyleScope(themeState.id);\n\t\t};\n\t}, [\n\t\tthemeState.id,\n\t\tthemeState.name,\n\t\tthemeState.theme\n\t]);\n\tvar finalChildren = props[\"disable-child-theme\"] ? Children.map(props.children, function(child) {\n\t\treturn passThrough || !/* @__PURE__ */ isValidElement(child) ? child : /* @__PURE__ */ cloneElement(child, { [\"data-disable-theme\"]: true });\n\t}) : props.children;\n\tif (ref && /* @__PURE__ */ isValidElement(finalChildren)) finalChildren = /* @__PURE__ */ cloneElement(finalChildren, { ref });\n\tvar stateRef = useRef({ hasEverThemed: false });\n\treturn getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);\n});\nTheme[\"avoidForwardRef\"] = true;\nfunction getThemedChildren(themeState, children, props) {\n\tvar isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, stateRef = arguments.length > 4 ? arguments[4] : void 0, passThrough = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;\n\tvar { shallow, forceClassName } = props;\n\tvar state = stateRef.current;\n\tvar shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);\n\tif (process.env.NODE_ENV === \"development\" && props.debug === \"visualize\") children = /* @__PURE__ */ jsx(ThemeDebug, {\n\t\tthemeState,\n\t\tthemeProps: props,\n\t\tchildren\n\t});\n\tif (!shouldRenderChildrenWithTheme) return children;\n\tchildren = /* @__PURE__ */ jsx(ThemeStateContext.Provider, {\n\t\tvalue: themeState.id,\n\t\tchildren\n\t});\n\tvar { isInverse } = themeState;\n\tvar requiresExtraWrapper = isInverse || forceClassName;\n\tvar isFirstThemedRender = !state.hasEverThemed;\n\tif (isFirstThemedRender) state.hasEverThemed = true;\n\tif (requiresExtraWrapper || isFirstThemedRender && (themeState.name === \"dark\" || themeState.name === \"light\")) state.hasEverThemed = \"wrapped\";\n\tif (shallow) if (!themeState.parentId) {} else {\n\t\tvar parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);\n\t\tif (!parentState) throw new Error(process.env.NODE_ENV !== \"production\" ? formatDiagnostic(\"‼️010\", \"Theme\", \"parent theme state is missing for shallow rendering\", \"Keep <Theme shallow> inside its mounted parent Theme\", \"name,parentId\", {\n\t\t\tname: themeState.name,\n\t\t\tparentId: themeState.parentId\n\t\t}) : \"❌ Error 014\");\n\t\tchildren = Children.toArray(children).map(function(child) {\n\t\t\treturn /* @__PURE__ */ isValidElement(child) ? passThrough ? child : /* @__PURE__ */ cloneElement(child, void 0, /* @__PURE__ */ jsx(Theme, {\n\t\t\t\tname: parentState.name,\n\t\t\t\tchildren: child.props.children\n\t\t\t})) : child;\n\t\t});\n\t}\n\tif (process.env.NODE_ENV === \"development\") {\n\t\tif (!passThrough && props.debug) console.warn(` getThemedChildren`, {\n\t\t\trequiresExtraWrapper,\n\t\t\tforceClassName,\n\t\t\tthemeState,\n\t\t\tstate,\n\t\t\tthemeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)\n\t\t});\n\t}\n\tif (forceClassName === false) return children;\n\tif (isWeb) {\n\t\tvar _props__themeUpdate;\n\t\tvar baseStyle = props.contain ? inertContainedStyle : inertStyle;\n\t\tvar { className = \"\", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);\n\t\tvar inlineClassName = passThrough ? void 0 : (_props__themeUpdate = props._themeUpdate) === null || _props__themeUpdate === void 0 ? void 0 : _props__themeUpdate.className;\n\t\tchildren = /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: `${className} is_Theme${inlineClassName ? ` ${inlineClassName}` : \"\"}`,\n\t\t\tstyle: passThrough ? baseStyle : {\n\t\t\t\tcolor,\n\t\t\t\t...baseStyle\n\t\t\t},\n\t\t\tchildren\n\t\t});\n\t\tif (state.hasEverThemed === \"wrapped\") {\n\t\t\tvar scheme = requiresExtraWrapper && themeState.schemeAuthored && themeState.scheme;\n\t\t\tchildren = /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\tclassName: scheme ? `t_${scheme} _dsp_contents` : \"_dsp_contents\",\n\t\t\t\tchildren\n\t\t\t});\n\t\t}\n\t\treturn children;\n\t}\n\treturn children;\n}\nvar inertStyle = { display: \"contents\" };\nvar inertContainedStyle = {\n\tdisplay: \"contents\",\n\tcontain: \"strict\"\n};\nvar empty = {\n\tclassName: \"\",\n\tcolor: void 0\n};\nfunction getThemeClassNameAndColor(themeState, props, isRoot) {\n\tif (!themeState.isNew && !props.forceClassName) return empty;\n\treturn {\n\t\tcolor: (themeState === null || themeState === void 0 ? void 0 : themeState.theme) && themeState.isNew ? variableToString(themeState.theme.color) : \"\",\n\t\tclassName: getThemeClassNames(themeState.name, isRoot, themeState.schemeAuthored)\n\t};\n}\n\nexport { Theme, getThemedChildren };"],"mappings":"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"}
+{"version":3,"file":"Theme.native.js","names":[],"sources":["esm/views/Theme.native.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nimport { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { getThemeClassNames, reservedThemeProps } from \"@tamagui/helpers\";\nimport { Children, cloneElement, isValidElement, useRef } from \"react\";\nimport { variableToString } from \"../createVariable\";\nimport { formatDiagnostic } from \"../helpers/formatDiagnostic\";\nimport { removeNativeStyleScope, updateNativeStyleScope } from \"../helpers/nativeStyleEngine\";\nimport { warnOnce } from \"../helpers/warnOnce\";\nimport { useThemeWithState } from \"../hooks/useTheme\";\nimport { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from \"../hooks/useThemeState\";\nimport { ThemeDebug } from \"./ThemeDebug\";\n\nvar isProd = process.env.NODE_ENV === \"production\";\nvar Theme = createRefComponent(function Theme2(props, ref) {\n\t\"use no memo\";\n\tif (props.disable) return props.children;\n\tif (!isProd && process.env.NODE_ENV === \"development\") {\n\t\tfor (var key in props) if (!reservedThemeProps[key] && key !== \"srcloc\" && !key.startsWith(\"data-\")) warnOnce(`theme-update:${key}`, `<Theme ${key}=...> no longer accepts inline values. Wrap the subtree in <ThemeUpdate ${key}=...> instead.`);\n\t}\n\tvar { passThrough } = props;\n\tvar isRoot = !!props[\"_isRoot\"];\n\tvar [_, themeState] = useThemeWithState(props, isRoot, true);\n\tuseIsomorphicLayoutEffect(function() {\n\t\tupdateNativeStyleScope(themeState.id, themeState.name, themeState.theme);\n\t\treturn function() {\n\t\t\treturn removeNativeStyleScope(themeState.id);\n\t\t};\n\t}, [\n\t\tthemeState.id,\n\t\tthemeState.name,\n\t\tthemeState.theme\n\t]);\n\tvar finalChildren = props[\"disable-child-theme\"] ? Children.map(props.children, function(child) {\n\t\treturn passThrough || !/* @__PURE__ */ isValidElement(child) ? child : /* @__PURE__ */ cloneElement(child, { [\"data-disable-theme\"]: true });\n\t}) : props.children;\n\tif (ref && /* @__PURE__ */ isValidElement(finalChildren)) finalChildren = /* @__PURE__ */ cloneElement(finalChildren, { ref });\n\tvar stateRef = useRef({ hasEverThemed: false });\n\treturn getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);\n});\nTheme[\"avoidForwardRef\"] = true;\nfunction getThemedChildren(themeState, children, props) {\n\tvar isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, stateRef = arguments.length > 4 ? arguments[4] : void 0, passThrough = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;\n\tvar { shallow, forceClassName } = props;\n\tvar state = stateRef.current;\n\tvar shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);\n\tif (!isProd && process.env.NODE_ENV === \"development\" && props.debug === \"visualize\") children = /* @__PURE__ */ jsx(ThemeDebug, {\n\t\tthemeState,\n\t\tthemeProps: props,\n\t\tchildren\n\t});\n\tif (!shouldRenderChildrenWithTheme) return children;\n\tchildren = /* @__PURE__ */ jsx(ThemeStateContext.Provider, {\n\t\tvalue: themeState.id,\n\t\tchildren\n\t});\n\tvar { isInverse } = themeState;\n\tvar requiresExtraWrapper = isInverse || forceClassName;\n\tvar isFirstThemedRender = !state.hasEverThemed;\n\tif (isFirstThemedRender) state.hasEverThemed = true;\n\tif (requiresExtraWrapper || isFirstThemedRender && (themeState.name === \"dark\" || themeState.name === \"light\")) state.hasEverThemed = \"wrapped\";\n\tif (shallow) if (!themeState.parentId) {} else {\n\t\tvar parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);\n\t\tif (!parentState) throw new Error(!isProd && process.env.NODE_ENV !== \"production\" ? formatDiagnostic(\"‼️010\", \"Theme\", \"parent theme state is missing for shallow rendering\", \"Keep <Theme shallow> inside its mounted parent Theme\", \"name,parentId\", {\n\t\t\tname: themeState.name,\n\t\t\tparentId: themeState.parentId\n\t\t}) : \"❌ Error 014\");\n\t\tchildren = Children.toArray(children).map(function(child) {\n\t\t\treturn /* @__PURE__ */ isValidElement(child) ? passThrough ? child : /* @__PURE__ */ cloneElement(child, void 0, /* @__PURE__ */ jsx(Theme, {\n\t\t\t\tname: parentState.name,\n\t\t\t\tchildren: child.props.children\n\t\t\t})) : child;\n\t\t});\n\t}\n\tif (!isProd && process.env.NODE_ENV === \"development\") {\n\t\tif (!passThrough && props.debug) console.warn(` getThemedChildren`, {\n\t\t\trequiresExtraWrapper,\n\t\t\tforceClassName,\n\t\t\tthemeState,\n\t\t\tstate,\n\t\t\tthemeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)\n\t\t});\n\t}\n\tif (forceClassName === false) return children;\n\tif (isWeb) {\n\t\tvar _props__themeUpdate;\n\t\tvar baseStyle = props.contain ? inertContainedStyle : inertStyle;\n\t\tvar { className = \"\", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);\n\t\tvar inlineClassName = passThrough ? void 0 : (_props__themeUpdate = props._themeUpdate) === null || _props__themeUpdate === void 0 ? void 0 : _props__themeUpdate.className;\n\t\tchildren = /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: `${className} is_Theme${inlineClassName ? ` ${inlineClassName}` : \"\"}`,\n\t\t\tstyle: passThrough ? baseStyle : {\n\t\t\t\tcolor,\n\t\t\t\t...baseStyle\n\t\t\t},\n\t\t\tchildren\n\t\t});\n\t\tif (state.hasEverThemed === \"wrapped\") {\n\t\t\tvar scheme = requiresExtraWrapper && themeState.schemeAuthored && themeState.scheme;\n\t\t\tchildren = /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\tclassName: scheme ? `t_${scheme} _dsp_contents` : \"_dsp_contents\",\n\t\t\t\tchildren\n\t\t\t});\n\t\t}\n\t\treturn children;\n\t}\n\treturn children;\n}\nvar inertStyle = { display: \"contents\" };\nvar inertContainedStyle = {\n\tdisplay: \"contents\",\n\tcontain: \"strict\"\n};\nvar empty = {\n\tclassName: \"\",\n\tcolor: void 0\n};\nfunction getThemeClassNameAndColor(themeState, props, isRoot) {\n\tif (!themeState.isNew && !props.forceClassName) return empty;\n\treturn {\n\t\tcolor: (themeState === null || themeState === void 0 ? void 0 : themeState.theme) && themeState.isNew ? variableToString(themeState.theme.color) : \"\",\n\t\tclassName: getThemeClassNames(themeState.name, isRoot, themeState.schemeAuthored)\n\t};\n}\n\nexport { Theme, getThemedChildren };"],"mappings":"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"}

package/dist/esm/views/ThemeDebug.mjs

@@ -4,11 +4,12 @@ import { createPortal } from "react-dom";
 import { getThemeState } from "../hooks/useThemeState.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
+const isProd = process.env.NODE_ENV === "production";
 let node;
 function ThemeDebug({ themeState, themeProps, children }) {
-	if (process.env.NODE_ENV === "development") {
+	if (!isProd && process.env.NODE_ENV === "development") {
 		const isHydrated = useDidFinishSSR();
-		if (process.env.NODE_ENV === "development" && typeof document !== "undefined") {
+		if (!isProd && process.env.NODE_ENV === "development" && typeof document !== "undefined") {
 			if (!node) {
 				node = document.createElement("div");
 				node.style.height = "200px";

package/dist/esm/views/ThemeDebug.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeDebug.js","names":[],"sources":["esm/views/ThemeDebug.js"],"sourcesContent":["import { useDidFinishSSR } from \"@tamagui/use-did-finish-ssr\";\nimport { useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { getThemeState } from \"../hooks/useThemeState\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nlet node;\nfunction ThemeDebug({\n  themeState,\n  themeProps,\n  children\n}) {\n  if (process.env.NODE_ENV === \"development\") {\n    const isHydrated = useDidFinishSSR();\n    if (process.env.NODE_ENV === \"development\" && typeof document !== \"undefined\") {\n      if (!node) {\n        node = document.createElement(\"div\");\n        node.style.height = \"200px\";\n        node.style.overflowY = \"scroll\";\n        node.style.position = \"fixed\";\n        node.style.zIndex = 1e7;\n        node.style.bottom = \"30px\";\n        node.style.left = \"30px\";\n        node.style.right = \"30px\";\n        node.style.display = \"flex\";\n        node.style.border = \"1px solid #888\";\n        node.style.flexDirection = \"row\";\n        node.style.background = \"var(--background)\";\n      }\n    }\n    useEffect(() => {\n      document.body.appendChild(node);\n    }, []);\n    if (themeProps[\"disable-child-theme\"] || !isHydrated) {\n      return children;\n    }\n    const parentState = themeState.parentId ? getThemeState(themeState.parentId) : null;\n    return /* @__PURE__ */ jsxs(Fragment, { children: [\n      createPortal(\n        /* @__PURE__ */ jsxs(\n          \"code\",\n          {\n            style: {\n              whiteSpace: \"pre\",\n              maxWidth: 250,\n              overflow: \"auto\",\n              padding: 5\n            },\n            children: [\n              \"<Theme \",\n              themeState.id,\n              \" />\\xA0\",\n              JSON.stringify(\n                {\n                  name: themeState.name,\n                  \"color-1\": themeState.theme[\"color-1\"].val,\n                  parentId: themeState.parentId,\n                  // inverses: themeState.inverses,\n                  isNew: themeState.isNew,\n                  themeProps: {\n                    name: themeProps.name\n                  },\n                  parentState: {\n                    name: parentState?.name,\n                    isNew: parentState?.isNew\n                  }\n                },\n                null,\n                2\n              )\n            ]\n          }\n        ),\n        node\n      ),\n      /* @__PURE__ */ jsx(\"div\", { style: { color: \"red\" }, children: themeState.id }),\n      children\n    ] });\n  }\n  return children;\n}\nThemeDebug[\"displayName\"] = \"ThemeDebug\";\nexport {\n  ThemeDebug\n};\n//# sourceMappingURL=ThemeDebug.js.map\n"],"mappings":";;;;;;;AAKA,IAAI;AACJ,SAAS,WAAW,EAClB,YACA,YACA,YACC;CACD,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,MAAM,aAAa,gBAAgB;EACnC,IAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO,aAAa,aAAa;GAC7E,IAAI,CAAC,MAAM;IACT,OAAO,SAAS,cAAc,KAAK;IACnC,KAAK,MAAM,SAAS;IACpB,KAAK,MAAM,YAAY;IACvB,KAAK,MAAM,WAAW;IACtB,KAAK,MAAM,SAAS;IACpB,KAAK,MAAM,SAAS;IACpB,KAAK,MAAM,OAAO;IAClB,KAAK,MAAM,QAAQ;IACnB,KAAK,MAAM,UAAU;IACrB,KAAK,MAAM,SAAS;IACpB,KAAK,MAAM,gBAAgB;IAC3B,KAAK,MAAM,aAAa;GAC1B;EACF;EACA,gBAAgB;GACd,SAAS,KAAK,YAAY,IAAI;EAChC,GAAG,CAAC,CAAC;EACL,IAAI,WAAW,0BAA0B,CAAC,YAAY;GACpD,OAAO;EACT;EACA,MAAM,cAAc,WAAW,WAAW,cAAc,WAAW,QAAQ,IAAI;EAC/E,OAAuB,qBAAK,UAAU,EAAE,UAAU;GAChD,aACkB,qBACd,QACA;IACE,OAAO;KACL,YAAY;KACZ,UAAU;KACV,UAAU;KACV,SAAS;IACX;IACA,UAAU;KACR;KACA,WAAW;KACX;KACA,KAAK,UACH;MACE,MAAM,WAAW;MACjB,WAAW,WAAW,MAAM,UAAU,CAAC;MACvC,UAAU,WAAW;MAErB,OAAO,WAAW;MAClB,YAAY,EACV,MAAM,WAAW,KACnB;MACA,aAAa;OACX,MAAM,aAAa;OACnB,OAAO,aAAa;MACtB;KACF,GACA,MACA,CACF;IACF;GACF,CACF,GACA,IACF;GACgB,oBAAI,OAAO;IAAE,OAAO,EAAE,OAAO,MAAM;IAAG,UAAU,WAAW;GAAG,CAAC;GAC/E;EACF,EAAE,CAAC;CACL;CACA,OAAO;AACT;AACA,WAAW,iBAAiB"}
+{"version":3,"file":"ThemeDebug.js","names":[],"sources":["esm/views/ThemeDebug.js"],"sourcesContent":["import { useDidFinishSSR } from \"@tamagui/use-did-finish-ssr\";\nimport { useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { getThemeState } from \"../hooks/useThemeState\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nconst isProd = process.env.NODE_ENV === \"production\";\nlet node;\nfunction ThemeDebug({\n  themeState,\n  themeProps,\n  children\n}) {\n  if (!isProd && process.env.NODE_ENV === \"development\") {\n    const isHydrated = useDidFinishSSR();\n    if (!isProd && process.env.NODE_ENV === \"development\" && typeof document !== \"undefined\") {\n      if (!node) {\n        node = document.createElement(\"div\");\n        node.style.height = \"200px\";\n        node.style.overflowY = \"scroll\";\n        node.style.position = \"fixed\";\n        node.style.zIndex = 1e7;\n        node.style.bottom = \"30px\";\n        node.style.left = \"30px\";\n        node.style.right = \"30px\";\n        node.style.display = \"flex\";\n        node.style.border = \"1px solid #888\";\n        node.style.flexDirection = \"row\";\n        node.style.background = \"var(--background)\";\n      }\n    }\n    useEffect(() => {\n      document.body.appendChild(node);\n    }, []);\n    if (themeProps[\"disable-child-theme\"] || !isHydrated) {\n      return children;\n    }\n    const parentState = themeState.parentId ? getThemeState(themeState.parentId) : null;\n    return /* @__PURE__ */ jsxs(Fragment, { children: [\n      createPortal(\n        /* @__PURE__ */ jsxs(\n          \"code\",\n          {\n            style: {\n              whiteSpace: \"pre\",\n              maxWidth: 250,\n              overflow: \"auto\",\n              padding: 5\n            },\n            children: [\n              \"<Theme \",\n              themeState.id,\n              \" />\\xA0\",\n              JSON.stringify(\n                {\n                  name: themeState.name,\n                  \"color-1\": themeState.theme[\"color-1\"].val,\n                  parentId: themeState.parentId,\n                  // inverses: themeState.inverses,\n                  isNew: themeState.isNew,\n                  themeProps: {\n                    name: themeProps.name\n                  },\n                  parentState: {\n                    name: parentState?.name,\n                    isNew: parentState?.isNew\n                  }\n                },\n                null,\n                2\n              )\n            ]\n          }\n        ),\n        node\n      ),\n      /* @__PURE__ */ jsx(\"div\", { style: { color: \"red\" }, children: themeState.id }),\n      children\n    ] });\n  }\n  return children;\n}\nThemeDebug[\"displayName\"] = \"ThemeDebug\";\nexport {\n  ThemeDebug\n};\n//# sourceMappingURL=ThemeDebug.js.map\n"],"mappings":";;;;;;;AAKA,MAAM,SAAS,QAAQ,IAAI,aAAa;AACxC,IAAI;AACJ,SAAS,WAAW,EAClB,YACA,YACA,YACC;CACD,IAAI,CAAC,UAAU,QAAQ,IAAI,aAAa,eAAe;EACrD,MAAM,aAAa,gBAAgB;EACnC,IAAI,CAAC,UAAU,QAAQ,IAAI,aAAa,iBAAiB,OAAO,aAAa,aAAa;GACxF,IAAI,CAAC,MAAM;IACT,OAAO,SAAS,cAAc,KAAK;IACnC,KAAK,MAAM,SAAS;IACpB,KAAK,MAAM,YAAY;IACvB,KAAK,MAAM,WAAW;IACtB,KAAK,MAAM,SAAS;IACpB,KAAK,MAAM,SAAS;IACpB,KAAK,MAAM,OAAO;IAClB,KAAK,MAAM,QAAQ;IACnB,KAAK,MAAM,UAAU;IACrB,KAAK,MAAM,SAAS;IACpB,KAAK,MAAM,gBAAgB;IAC3B,KAAK,MAAM,aAAa;GAC1B;EACF;EACA,gBAAgB;GACd,SAAS,KAAK,YAAY,IAAI;EAChC,GAAG,CAAC,CAAC;EACL,IAAI,WAAW,0BAA0B,CAAC,YAAY;GACpD,OAAO;EACT;EACA,MAAM,cAAc,WAAW,WAAW,cAAc,WAAW,QAAQ,IAAI;EAC/E,OAAuB,qBAAK,UAAU,EAAE,UAAU;GAChD,aACkB,qBACd,QACA;IACE,OAAO;KACL,YAAY;KACZ,UAAU;KACV,UAAU;KACV,SAAS;IACX;IACA,UAAU;KACR;KACA,WAAW;KACX;KACA,KAAK,UACH;MACE,MAAM,WAAW;MACjB,WAAW,WAAW,MAAM,UAAU,CAAC;MACvC,UAAU,WAAW;MAErB,OAAO,WAAW;MAClB,YAAY,EACV,MAAM,WAAW,KACnB;MACA,aAAa;OACX,MAAM,aAAa;OACnB,OAAO,aAAa;MACtB;KACF,GACA,MACA,CACF;IACF;GACF,CACF,GACA,IACF;GACgB,oBAAI,OAAO;IAAE,OAAO,EAAE,OAAO,MAAM;IAAG,UAAU,WAAW;GAAG,CAAC;GAC/E;EACF,EAAE,CAAC;CACL;CACA,OAAO;AACT;AACA,WAAW,iBAAiB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/web",
-  "version": "3.0.18",
+  "version": "3.1.1",
   "license": "MIT",
   "author": {
     "name": "Nate Wienert"
@@ -100,28 +100,28 @@
     "test:web": "vitest --typecheck --run"
   },
   "dependencies": {
-    "@tamagui/animation-helpers": "3.0.18",
-    "@tamagui/compose-refs": "3.0.18",
-    "@tamagui/constants": "3.0.18",
-    "@tamagui/dom": "3.0.18",
-    "@tamagui/helpers": "3.0.18",
-    "@tamagui/is-equal-shallow": "3.0.18",
-    "@tamagui/native": "3.0.18",
-    "@tamagui/normalize-css-color": "3.0.18",
-    "@tamagui/react-native-types": "3.0.18",
-    "@tamagui/style-grammar": "3.0.18",
-    "@tamagui/types": "3.0.18",
-    "@tamagui/use-did-finish-ssr": "3.0.18",
-    "@tamagui/use-event": "3.0.18",
-    "@tamagui/use-force-update": "3.0.18"
+    "@tamagui/animation-helpers": "3.1.1",
+    "@tamagui/compose-refs": "3.1.1",
+    "@tamagui/constants": "3.1.1",
+    "@tamagui/dom": "3.1.1",
+    "@tamagui/helpers": "3.1.1",
+    "@tamagui/is-equal-shallow": "3.1.1",
+    "@tamagui/native": "3.1.1",
+    "@tamagui/normalize-css-color": "3.1.1",
+    "@tamagui/react-native-types": "3.1.1",
+    "@tamagui/style-grammar": "3.1.1",
+    "@tamagui/types": "3.1.1",
+    "@tamagui/use-did-finish-ssr": "3.1.1",
+    "@tamagui/use-event": "3.1.1",
+    "@tamagui/use-force-update": "3.1.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.18",
+    "@tamagui/build": "3.1.1",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
-    "react-native": "0.87.1",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "react-native": "0.88.0",
     "typescript": "7.0.2",
     "vitest": "4.1.0"
   },
@@ -133,5 +133,5 @@
     "./dist/cjs": "./dist/esm/index.native.js",
     "./theme-update": "./dist/esm/theme-update.native.js"
   },
-  "releaseSourceCommit": "e7ebeed9d446eee3e0eda4b0dd5e55dd8ec46bf7"
+  "releaseSourceCommit": "9c48b9263440e4062a9302751b7f8b2d24a3bbed"
 }

package/src/Tamagui.ts

@@ -4,11 +4,13 @@ import { getConfig } from './config'
 import { getAllRules, getAllSelectors } from './helpers/insertStyleRule'
 import { mediaState } from './helpers/mediaState'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 // easy introspection
 // only included in dev mode
 
 export const Tamagui = (() => {
-  if (process.env.NODE_ENV === 'development') {
+  if (!isProd && process.env.NODE_ENV === 'development') {
     class TamaguiManager {
       Helpers = Helpers
 

package/src/_withStableStyle.tsx

@@ -5,6 +5,8 @@ import { useMedia } from './hooks/useMedia'
 import { useTheme } from './hooks/useTheme'
 import { ThemeStateContext } from './hooks/useThemeState'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 /** internal: this is for tamagui babel plugin usage only */
 
 const EMPTY_EXPRESSIONS: any[] = []
@@ -67,7 +69,7 @@ export const _withStableStyle = (
           break
         }
       }
-      if (process.env.NODE_ENV === 'development') {
+      if (!isProd && process.env.NODE_ENV === 'development') {
         console.warn(
           '[@tamagui] _withStableStyle: no ThemeStateContext found. ' +
             'This usually means duplicate tamagui instances in a monorepo. ' +