@tamagui/web 2.7.7 → 3.0.0-beta.643.1

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

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,201 +8,166 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Theme_exports = {};
 __export(Theme_exports, {
-  Theme: () => Theme,
-  getThemedChildren: () => getThemedChildren
+	Theme: () => Theme,
+	getThemedChildren: () => getThemedChildren
 });
 module.exports = __toCommonJS(Theme_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
 var import_constants = require("@tamagui/constants");
+var import_helpers = require("@tamagui/helpers");
 var import_react = __toESM(require("react"), 1);
+var import_config = require("../config.native.js");
 var import_createVariable = require("../createVariable.native.js");
+var import_formatDiagnostic = require("../helpers/formatDiagnostic.native.js");
+var import_insertStyleRule = require("../helpers/insertStyleRule.native.js");
+var import_nativeStyleEngine = require("../helpers/nativeStyleEngine.native.js");
+var import_variables = require("../helpers/variables.native.js");
 var import_useTheme = require("../hooks/useTheme.native.js");
 var import_useThemeState = require("../hooks/useThemeState.native.js");
 var import_ThemeDebug = require("./ThemeDebug.native.js");
-var Theme = /* @__PURE__ */(0, import_react.forwardRef)(function Theme2(props, ref) {
-  "use no memo";
-
-  if (props.disable) {
-    return props.children;
-  }
-  var {
-    passThrough
-  } = props;
-  var isRoot = !!props["_isRoot"];
-  var [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot, true);
-  var disableDirectChildTheme = props["disable-child-theme"];
-  var finalChildren = disableDirectChildTheme ? import_react.Children.map(props.children, function (child) {
-    return passThrough || ! /* @__PURE__ */(0, import_react.isValidElement)(child) ? child : /* @__PURE__ */(0, import_react.cloneElement)(child, {
-      ["data-disable-theme"]: true
-    });
-  }) : props.children;
-  if (ref) {
-    try {
-      import_react.default.Children.only(finalChildren);
-      finalChildren = /* @__PURE__ */(0, import_react.cloneElement)(finalChildren, {
-        ref
-      });
-    } catch (e) {}
-  }
-  var stateRef = (0, import_react.useRef)({
-    hasEverThemed: false
-  });
-  return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
+var useInsertEffectCompat = import_constants.isWeb ? import_react.default.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : function() {};
+var Theme = (0, import_compose_refs.createRefComponent)(function Theme2(props, ref) {
+	"use no memo";
+	if (props.disable) return props.children;
+	var { passThrough } = props;
+	var isRoot = !!props["_isRoot"];
+	var config = (0, import_config.getConfig)();
+	var inlineValues = (0, import_variables.getInlineValuesFromProps)(props, config);
+	var inlineCSS = null;
+	var rulesToInsert = null;
+	useInsertEffectCompat(function() {
+		if (rulesToInsert) (0, import_insertStyleRule.insertStyleRules)(rulesToInsert);
+	}, [inlineCSS === null || inlineCSS === void 0 ? void 0 : inlineCSS.identifier]);
+	var themeProps = inlineValues ? {
+		...props,
+		inlineValues,
+		inlineClassName: inlineCSS === null || inlineCSS === void 0 ? void 0 : inlineCSS.identifier
+	} : props;
+	var [_, themeState] = (0, import_useTheme.useThemeWithState)(themeProps, isRoot, true);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		(0, import_nativeStyleEngine.updateNativeStyleScope)(themeState.id, themeState.name, themeState.theme);
+		return function() {
+			return (0, import_nativeStyleEngine.removeNativeStyleScope)(themeState.id);
+		};
+	}, [
+		themeState.id,
+		themeState.name,
+		themeState.theme
+	]);
+	var finalChildren = props["disable-child-theme"] ? import_react.Children.map(props.children, function(child) {
+		return passThrough || !/* @__PURE__ */ (0, import_react.isValidElement)(child) ? child : /* @__PURE__ */ (0, import_react.cloneElement)(child, { ["data-disable-theme"]: true });
+	}) : props.children;
+	if (ref) try {
+		import_react.default.Children.only(finalChildren);
+		finalChildren = /* @__PURE__ */ (0, import_react.cloneElement)(finalChildren, { ref });
+	} catch (e) {}
+	var stateRef = (0, import_react.useRef)({ hasEverThemed: false });
+	return getThemedChildren(themeState, finalChildren, themeProps, isRoot, stateRef, passThrough);
 });
 Theme["avoidForwardRef"] = true;
 function getThemedChildren(themeState, children, props) {
-  var 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;
-  var {
-    shallow,
-    forceClassName
-  } = props;
-  var state = stateRef.current;
-  var hasEverThemed = state.hasEverThemed;
-  var shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || (0, import_useThemeState.hasThemeUpdatingProps)(props);
-  if (process.env.NODE_ENV === "development" && props.debug === "visualize") {
-    children = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, {
-      themeState,
-      themeProps: props,
-      children
-    });
-  }
-  if (!shouldRenderChildrenWithTheme) {
-    return children;
-  }
-  children = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_useThemeState.ThemeStateContext.Provider, {
-    value: themeState.id,
-    children
-  });
-  var {
-    isInverse,
-    name
-  } = themeState;
-  var requiresExtraWrapper = isInverse || forceClassName;
-  if (!state.hasEverThemed) {
-    state.hasEverThemed = true;
-  }
-  if (requiresExtraWrapper ||
-  // if the theme is exactly dark or light, its likely to change between dark/light
-  // and that would require wrapping which would re-parent, so to avoid re-parenting do this
-  themeState.name === "dark" || themeState.name === "light") {
-    state.hasEverThemed = "wrapped";
-  }
-  if (shallow) {
-    if (!themeState.parentId) {} else {
-      var parentState = (0, import_useThemeState.getThemeState)(themeState.isNew ? themeState.id : themeState.parentId);
-      if (!parentState) throw new Error(`\u203C\uFE0F010`);
-      children = import_react.Children.toArray(children).map(function (child) {
-        return /* @__PURE__ */(0, import_react.isValidElement)(child) ? passThrough ? child : /* @__PURE__ */(0, import_react.cloneElement)(child, void 0, /* @__PURE__ */(0, import_jsx_runtime.jsx)(Theme, {
-          name: parentState.name,
-          children: child.props.children
-        })) : child;
-      });
-    }
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (!passThrough && props.debug) {
-      console.warn(` getThemedChildren`, {
-        requiresExtraWrapper,
-        forceClassName,
-        themeState,
-        state,
-        themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
-      });
-    }
-  }
-  if (forceClassName === false) {
-    return children;
-  }
-  if (import_constants.isWeb) {
-    var baseStyle = props.contain ? inertContainedStyle : inertStyle;
-    var {
-      className = "",
-      color
-    } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
-    children = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
-      className: `${className} is_Theme`,
-      style: passThrough ? baseStyle : {
-        color,
-        ...baseStyle
-      },
-      children
-    });
-    if (state.hasEverThemed === "wrapped") {
-      var className1 = requiresExtraWrapper ? `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents` : `_dsp_contents`;
-      children = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
-        className: className1,
-        children
-      });
-    }
-    return children;
-  }
-  return children;
+	var 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;
+	var { shallow, forceClassName } = props;
+	var state = stateRef.current;
+	var shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || (0, import_useThemeState.hasThemeUpdatingProps)(props);
+	if (process.env.NODE_ENV === "development" && props.debug === "visualize") children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, {
+		themeState,
+		themeProps: props,
+		children
+	});
+	if (!shouldRenderChildrenWithTheme) return children;
+	children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useThemeState.ThemeStateContext.Provider, {
+		value: themeState.id,
+		children
+	});
+	var { isInverse, name } = themeState;
+	var requiresExtraWrapper = isInverse || forceClassName;
+	if (!state.hasEverThemed) state.hasEverThemed = true;
+	if (requiresExtraWrapper || themeState.name === "dark" || themeState.name === "light") state.hasEverThemed = "wrapped";
+	if (shallow) if (!themeState.parentId) {} else {
+		var parentState = (0, import_useThemeState.getThemeState)(themeState.isNew ? themeState.id : themeState.parentId);
+		if (!parentState) throw new Error((0, import_formatDiagnostic.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
+		}));
+		children = import_react.Children.toArray(children).map(function(child) {
+			return /* @__PURE__ */ (0, import_react.isValidElement)(child) ? passThrough ? child : /* @__PURE__ */ (0, import_react.cloneElement)(child, void 0, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, {
+				name: parentState.name,
+				children: child.props.children
+			})) : child;
+		});
+	}
+	if (process.env.NODE_ENV === "development") {
+		if (!passThrough && props.debug) console.warn(` getThemedChildren`, {
+			requiresExtraWrapper,
+			forceClassName,
+			themeState,
+			state,
+			themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
+		});
+	}
+	if (forceClassName === false) return children;
+	if (import_constants.isWeb) {
+		var baseStyle = props.contain ? inertContainedStyle : inertStyle;
+		var { className = "", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
+		var inlineClassName = passThrough ? void 0 : props.inlineClassName;
+		children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: `${className} is_Theme${inlineClassName ? ` ${inlineClassName}` : ""}`,
+			style: passThrough ? baseStyle : {
+				color,
+				...baseStyle
+			},
+			children
+		});
+		if (state.hasEverThemed === "wrapped") {
+			var className1 = requiresExtraWrapper ? `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents` : `_dsp_contents`;
+			children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: className1,
+				children
+			});
+		}
+		return children;
+	}
+	return children;
 }
-var inertStyle = {
-  display: "contents"
-};
+var inertStyle = { display: "contents" };
 var inertContainedStyle = {
-  display: "contents",
-  contain: "strict"
+	display: "contents",
+	contain: "strict"
 };
 var empty = {
-  className: "",
-  color: void 0
+	className: "",
+	color: void 0
 };
 function getThemeClassNameAndColor(themeState, props) {
-  var isRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
-  if (!themeState.isNew && !props.forceClassName) {
-    return empty;
-  }
-  var themeColor = (themeState === null || themeState === void 0 ? void 0 : themeState.theme) && themeState.isNew ? (0, import_createVariable.variableToString)(themeState.theme.color) : "";
-  var style = themeColor ? {
-    color: themeColor
-  } : void 0;
-  var themeClassName = themeState.name.replace(schemePrefix, "");
-  var themeNameParts = themeClassName.split("_");
-  var themeClasses = `t_${themeClassName}`;
-  if (themeNameParts.length > 1) {
-    var hierarchyClasses = [];
-    for (var i = 1; i <= themeNameParts.length; i++) {
-      hierarchyClasses.push(`t_${themeNameParts.slice(0, i).join("_")}`);
-    }
-    themeClasses = hierarchyClasses.join(" ");
-  }
-  var className = `${isRoot ? "" : "t_sub_theme"} ${themeClasses}`;
-  return {
-    color: themeColor,
-    className
-  };
+	var isRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+	if (!themeState.isNew && !props.forceClassName) return empty;
+	return {
+		color: (themeState === null || themeState === void 0 ? void 0 : themeState.theme) && themeState.isNew ? (0, import_createVariable.variableToString)(themeState.theme.color) : "",
+		className: (0, import_helpers.getThemeClassNames)(themeState.name, isRoot)
+	};
 }
-var schemePrefix = /^(dark|light)_/;
+
 //# sourceMappingURL=Theme.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Theme_exports","__export","Theme","getThemedChildren","module","exports","import_jsx_runtime","require","import_constants","import_react","__toESM","import_createVariable","import_useTheme","import_useThemeState","import_ThemeDebug","forwardRef","Theme2","props","ref","disable","children","passThrough","isRoot","_","themeState","useThemeWithState","disableDirectChildTheme","finalChildren","Children","map","child","isValidElement","cloneElement","default","only","e","stateRef","useRef","hasEverThemed","arguments","length","shallow","forceClassName","state","current","shouldRenderChildrenWithTheme","isNew","hasThemeUpdatingProps","process","env","NODE_ENV","debug","jsx","ThemeDebug","themeProps","ThemeStateContext","Provider","id","isInverse","name","requiresExtraWrapper","parentId","parentState","getThemeState","Error","toArray","console","warn","themeSpanProps","getThemeClassNameAndColor","isWeb","baseStyle","contain","inertContainedStyle","inertStyle","className","color","style","className1","startsWith","display","empty","themeColor","theme","variableToString","themeClassName","replace","schemePrefix","themeNameParts","split","themeClasses","hierarchyClasses"],"sources":["../../../src/views/Theme.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Theme.native.js","names":[],"sources":["cjs/views/Theme.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n\t// If the importer is in node compatibility mode or this is not an ESM\n\t// file that has been converted to a CommonJS file using a Babel-\n\t// compatible transform (i.e. \"__esModule\" has not been set), then set\n\t// \"default\" to the CommonJS \"module.exports\" for node compatibility.\n\tisNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", {\n\t\tvalue: mod,\n\t\tenumerable: true\n\t}) : target,\n\tmod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Theme_exports = {};\n__export(Theme_exports, {\n\tTheme: () => Theme,\n\tgetThemedChildren: () => getThemedChildren\n});\nmodule.exports = __toCommonJS(Theme_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_config = require(\"../config\");\nvar import_createVariable = require(\"../createVariable\");\nvar import_formatDiagnostic = require(\"../helpers/formatDiagnostic\");\nvar import_insertStyleRule = require(\"../helpers/insertStyleRule\");\nvar import_nativeStyleEngine = require(\"../helpers/nativeStyleEngine\");\nvar import_variables = require(\"../helpers/variables\");\nvar import_useTheme = require(\"../hooks/useTheme\");\nvar import_useThemeState = require(\"../hooks/useThemeState\");\nvar import_ThemeDebug = require(\"./ThemeDebug\");\nvar useInsertEffectCompat = import_constants.isWeb ? import_react.default.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : function() {};\nvar Theme = (0, import_compose_refs.createRefComponent)(function Theme2(props, ref) {\n\t\"use no memo\";\n\tif (props.disable) return props.children;\n\tvar { passThrough } = props;\n\tvar isRoot = !!props[\"_isRoot\"];\n\tvar config = (0, import_config.getConfig)();\n\tvar inlineValues = (0, import_variables.getInlineValuesFromProps)(props, config);\n\tvar inlineCSS = null;\n\tvar rulesToInsert = null;\n\tuseInsertEffectCompat(function() {\n\t\tif (rulesToInsert) (0, import_insertStyleRule.insertStyleRules)(rulesToInsert);\n\t}, [inlineCSS === null || inlineCSS === void 0 ? void 0 : inlineCSS.identifier]);\n\tvar themeProps = inlineValues ? {\n\t\t...props,\n\t\tinlineValues,\n\t\tinlineClassName: inlineCSS === null || inlineCSS === void 0 ? void 0 : inlineCSS.identifier\n\t} : props;\n\tvar [_, themeState] = (0, import_useTheme.useThemeWithState)(themeProps, isRoot, true);\n\t(0, import_constants.useIsomorphicLayoutEffect)(function() {\n\t\t(0, import_nativeStyleEngine.updateNativeStyleScope)(themeState.id, themeState.name, themeState.theme);\n\t\treturn function() {\n\t\t\treturn (0, import_nativeStyleEngine.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\"] ? import_react.Children.map(props.children, function(child) {\n\t\treturn passThrough || !/* @__PURE__ */ (0, import_react.isValidElement)(child) ? child : /* @__PURE__ */ (0, import_react.cloneElement)(child, { [\"data-disable-theme\"]: true });\n\t}) : props.children;\n\tif (ref) try {\n\t\timport_react.default.Children.only(finalChildren);\n\t\tfinalChildren = /* @__PURE__ */ (0, import_react.cloneElement)(finalChildren, { ref });\n\t} catch (e) {}\n\tvar stateRef = (0, import_react.useRef)({ hasEverThemed: false });\n\treturn getThemedChildren(themeState, finalChildren, themeProps, 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 || (0, import_useThemeState.hasThemeUpdatingProps)(props);\n\tif (process.env.NODE_ENV === \"development\" && props.debug === \"visualize\") children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, {\n\t\tthemeState,\n\t\tthemeProps: props,\n\t\tchildren\n\t});\n\tif (!shouldRenderChildrenWithTheme) return children;\n\tchildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useThemeState.ThemeStateContext.Provider, {\n\t\tvalue: themeState.id,\n\t\tchildren\n\t});\n\tvar { isInverse, name } = themeState;\n\tvar requiresExtraWrapper = isInverse || forceClassName;\n\tif (!state.hasEverThemed) state.hasEverThemed = true;\n\tif (requiresExtraWrapper || themeState.name === \"dark\" || themeState.name === \"light\") state.hasEverThemed = \"wrapped\";\n\tif (shallow) if (!themeState.parentId) {} else {\n\t\tvar parentState = (0, import_useThemeState.getThemeState)(themeState.isNew ? themeState.id : themeState.parentId);\n\t\tif (!parentState) throw new Error((0, import_formatDiagnostic.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}));\n\t\tchildren = import_react.Children.toArray(children).map(function(child) {\n\t\t\treturn /* @__PURE__ */ (0, import_react.isValidElement)(child) ? passThrough ? child : /* @__PURE__ */ (0, import_react.cloneElement)(child, void 0, /* @__PURE__ */ (0, import_jsx_runtime.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 (import_constants.isWeb) {\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.inlineClassName;\n\t\tchildren = /* @__PURE__ */ (0, import_jsx_runtime.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 className1 = requiresExtraWrapper ? `${name.startsWith(\"light\") ? \"t_light\" : name.startsWith(\"dark\") ? \"t_dark\" : \"\"} _dsp_contents` : `_dsp_contents`;\n\t\t\tchildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", {\n\t\t\t\tclassName: className1,\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) {\n\tvar isRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;\n\tif (!themeState.isNew && !props.forceClassName) return empty;\n\treturn {\n\t\tcolor: (themeState === null || themeState === void 0 ? void 0 : themeState.theme) && themeState.isNew ? (0, import_createVariable.variableToString)(themeState.theme.color) : \"\",\n\t\tclassName: (0, import_helpers.getThemeClassNames)(themeState.name, isRoot)\n\t};\n}\n//# sourceMappingURL=Theme.js.map\n"],"mappings":"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"}

package/dist/cjs/views/ThemeDebug.cjs

@@ -1,29 +1,26 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ThemeDebug_exports = {};
-__export(ThemeDebug_exports, {
-  ThemeDebug: () => ThemeDebug
-});
+__export(ThemeDebug_exports, { ThemeDebug: () => ThemeDebug });
 module.exports = __toCommonJS(ThemeDebug_exports);
 var import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
 var import_react = require("react");
@@ -31,68 +28,67 @@ var import_react_dom = require("react-dom");
 var import_useThemeState = require("../hooks/useThemeState.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 let node;
-function ThemeDebug({
-  themeState,
-  themeProps,
-  children
-}) {
-  if (process.env.NODE_ENV === "development") {
-    const isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();
-    if (process.env.NODE_ENV === "development" && typeof document !== "undefined") {
-      if (!node) {
-        node = document.createElement("div");
-        node.style.height = "200px";
-        node.style.overflowY = "scroll";
-        node.style.position = "fixed";
-        node.style.zIndex = 1e7;
-        node.style.bottom = "30px";
-        node.style.left = "30px";
-        node.style.right = "30px";
-        node.style.display = "flex";
-        node.style.border = "1px solid #888";
-        node.style.flexDirection = "row";
-        node.style.background = "var(--background)";
-      }
-    }
-    (0, import_react.useEffect)(() => {
-      document.body.appendChild(node);
-    }, []);
-    if (themeProps["disable-child-theme"] || !isHydrated) {
-      return children;
-    }
-    const parentState = themeState.parentId ? (0, import_useThemeState.getThemeState)(themeState.parentId) : null;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-      children: [(0, import_react_dom.createPortal)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)("code", {
-        style: {
-          whiteSpace: "pre",
-          maxWidth: 250,
-          overflow: "auto",
-          padding: 5
-        },
-        children: ["<Theme ", themeState.id, " />\xA0", JSON.stringify({
-          name: themeState.name,
-          color1: themeState.theme.color1.val,
-          parentId: themeState.parentId,
-          // inverses: themeState.inverses,
-          isNew: themeState.isNew,
-          themeProps: {
-            name: themeProps.name,
-            componentName: themeProps.componentName,
-            reset: themeProps.reset
-          },
-          parentState: {
-            name: parentState?.name,
-            isNew: parentState?.isNew
-          }
-        }, null, 2)]
-      }), node), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-        style: {
-          color: "red"
-        },
-        children: themeState.id
-      }), children]
-    });
-  }
-  return children;
+function ThemeDebug({ themeState, themeProps, children }) {
+	if (process.env.NODE_ENV === "development") {
+		const isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();
+		if (process.env.NODE_ENV === "development" && typeof document !== "undefined") {
+			if (!node) {
+				node = document.createElement("div");
+				node.style.height = "200px";
+				node.style.overflowY = "scroll";
+				node.style.position = "fixed";
+				node.style.zIndex = 1e7;
+				node.style.bottom = "30px";
+				node.style.left = "30px";
+				node.style.right = "30px";
+				node.style.display = "flex";
+				node.style.border = "1px solid #888";
+				node.style.flexDirection = "row";
+				node.style.background = "var(--background)";
+			}
+		}
+		(0, import_react.useEffect)(() => {
+			document.body.appendChild(node);
+		}, []);
+		if (themeProps["disable-child-theme"] || !isHydrated) {
+			return children;
+		}
+		const parentState = themeState.parentId ? (0, import_useThemeState.getThemeState)(themeState.parentId) : null;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+			(0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("code", {
+				style: {
+					whiteSpace: "pre",
+					maxWidth: 250,
+					overflow: "auto",
+					padding: 5
+				},
+				children: [
+					"<Theme ",
+					themeState.id,
+					" />\xA0",
+					JSON.stringify({
+						name: themeState.name,
+						color1: themeState.theme.color1.val,
+						parentId: themeState.parentId,
+						isNew: themeState.isNew,
+						themeProps: {
+							name: themeProps.name,
+							reset: themeProps.reset
+						},
+						parentState: {
+							name: parentState?.name,
+							isNew: parentState?.isNew
+						}
+					}, null, 2)
+				]
+			}), node),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				style: { color: "red" },
+				children: themeState.id
+			}),
+			children
+		] });
+	}
+	return children;
 }
-ThemeDebug["displayName"] = "ThemeDebug";
+ThemeDebug["displayName"] = "ThemeDebug";

package/dist/cjs/views/ThemeDebug.native.cjs

@@ -0,0 +1,31 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThemeDebug_native_exports = {};
+__export(ThemeDebug_native_exports, { ThemeDebug: () => ThemeDebug });
+module.exports = __toCommonJS(ThemeDebug_native_exports);
+function ThemeDebug(param) {
+	var { themeState, themeProps, children } = param;
+	return children;
+}
+ThemeDebug["displayName"] = "ThemeDebug";