@tamagui/web 3.0.0-beta.653.1 → 3.0.0-beta.655.1

package/dist/cjs/helpers/getSplitStyles.native.cjs

@@ -201,9 +201,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	};
 	if (process.env.IS_STATIC === "is_static") {
 		var { fallbackProps } = styleProps;
-		if (fallbackProps) styleState.props = new Proxy(props, { get(_, key9, val2) {
-			if (!Reflect.has(props, key9)) return Reflect.get(fallbackProps, key9);
-			return Reflect.get(props, key9);
+		if (fallbackProps) styleState.props = new Proxy(props, { get(_, key8, val2) {
+			if (!Reflect.has(props, key8)) return Reflect.get(fallbackProps, key8);
+			return Reflect.get(props, key8);
 		} });
 	}
 	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
@@ -243,7 +243,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			var style2 = isArray ? styleProp[index] : styleProp;
 			if (!style2) continue;
 			if (style2["$$css"]) {
-				for (var key9 in style2) (0, import_directStyle.clearDirectStyle)(styleState, key9);
+				for (var key8 in style2) (0, import_directStyle.clearDirectStyle)(styleState, key8);
 				Object.assign(styleState.classNames, style2);
 				continue;
 			}
@@ -396,58 +396,58 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			(0, import_directStyle.contributeStyleValue)(styleState, keyInit, valInit, mergeStyle);
 			return;
 		}
-		(0, import_propMapper.propMapper)(keyInit, valInit, styleState, disablePropMap, function(key9, val2, originalVal, conditionSource) {
+		(0, import_propMapper.propMapper)(keyInit, valInit, styleState, disablePropMap, function(key8, val2, originalVal, conditionSource) {
 			var _parentStaticConfig_variants;
-			var isStyledContextProp = styledContext && key9 in styledContext;
-			if (key9 === "className") {
+			var isStyledContextProp = styledContext && key8 in styledContext;
+			if (key8 === "className") {
 				if (typeof val2 === "string" && val2) className = `${className} ${val2}`.trim();
 				return;
 			}
 			if (!isHOC && disablePropMap && !isStyledContextProp) {
-				if (key9 in import_helpers.stylePropsAll && !isValidStyleKey(key9, validStyles, accept)) {
-					if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key9}" is a text style prop and this component is not text \u2014 it would render on neither platform. Use a Text-based component, or html.* for raw web elements.`);
+				if (key8 in import_helpers.stylePropsAll && !isValidStyleKey(key8, validStyles, accept)) {
+					if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key8}" is a text style prop and this component is not text \u2014 it would render on neither platform. Use a Text-based component, or html.* for raw web elements.`);
 					return;
 				}
-				viewProps[key9] = val2;
+				viewProps[key8] = val2;
 				return;
 			}
 			if (process.env.NODE_ENV === "development" && debug === "verbose") {
-				console.groupCollapsed("  💠 expanded", keyInit, "=>", key9);
+				console.groupCollapsed("  💠 expanded", keyInit, "=>", key8);
 				(0, import_log.log)(val2);
 				console.groupEnd();
 			}
 			if (val2 == null) return;
-			if (accept && key9 in accept) {
-				viewProps[key9] = val2;
+			if (accept && key8 in accept) {
+				viewProps[key8] = val2;
 				return;
 			}
-			var isHostStyleKey = !isHOC && isValidStyleKey(key9, validStyles, accept) || import_constants.isAndroid && key9 === "elevation";
+			var isHostStyleKey = !isHOC && isValidStyleKey(key8, validStyles, accept) || import_constants.isAndroid && key8 === "elevation";
 			var isContextProgramKey = !isHOC && Boolean(isStyledContextProp);
 			if (conditionSource !== void 0) {
-				if (isHostStyleKey || isContextProgramKey) (0, import_directStyle.contributeVariantClauseValue)(styleState, key9, val2, conditionSource, mergeStyle, originalVal, !isHostStyleKey);
+				if (isHostStyleKey || isContextProgramKey) (0, import_directStyle.contributeVariantClauseValue)(styleState, key8, val2, conditionSource, mergeStyle, originalVal, !isHostStyleKey);
 				else if (isHOC) {
-					var appended = (0, import_propMapper.appendFlatClause)(viewProps[key9], conditionSource, val2);
-					if (appended !== void 0) viewProps[key9] = appended;
-					else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] conditional variant value for "${key9}" is not string-representable; dropping the clause`);
-				} else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key9}" is not a valid style on this component; the conditional variant value is dropped.`);
+					var appended = (0, import_propMapper.appendFlatClause)(viewProps[key8], conditionSource, val2);
+					if (appended !== void 0) viewProps[key8] = appended;
+					else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] conditional variant value for "${key8}" is not string-representable; dropping the clause`);
+				} else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key8}" is not a valid style on this component; the conditional variant value is dropped.`);
 				return;
 			}
 			if (isHostStyleKey || isContextProgramKey) {
-				(0, import_directStyle.contributeStyleValue)(styleState, key9, val2, mergeStyle, originalVal, !isHostStyleKey);
+				(0, import_directStyle.contributeStyleValue)(styleState, key8, val2, mergeStyle, originalVal, !isHostStyleKey);
 				return;
 			}
-			isVariant = variants && key9 in variants;
-			if (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key9)) {
+			isVariant = variants && key8 in variants;
+			if (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key8)) {
 				var _props_key;
-				viewProps[key9] = (_props_key = props[key9]) !== null && _props_key !== void 0 ? _props_key : val2;
+				viewProps[key8] = (_props_key = props[key8]) !== null && _props_key !== void 0 ? _props_key : val2;
 			}
 			if (isHOC && Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit])) {
-				passDownProp(viewProps, key9, val2);
+				passDownProp(viewProps, key8, val2);
 				if (process.env.NODE_ENV === "development" && debug === "verbose") {
-					console.groupCollapsed(` - passing down prop ${key9}`);
+					console.groupCollapsed(` - passing down prop ${key8}`);
 					(0, import_log.log)({
 						val: val2,
-						after: { ...viewProps[key9] }
+						after: { ...viewProps[key8] }
 					});
 					console.groupEnd();
 				}
@@ -455,11 +455,11 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			}
 			if (!isVariant) {
 				if (isStyledContextProp) return;
-				if (key9 in import_helpers.stylePropsAll && !isValidStyleKey(key9, validStyles, accept)) {
-					if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key9}" is a text style prop and this component is not text \u2014 it would render on neither platform. Use a Text-based component, or html.* for raw web elements.`);
+				if (key8 in import_helpers.stylePropsAll && !isValidStyleKey(key8, validStyles, accept)) {
+					if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key8}" is a text style prop and this component is not text \u2014 it would render on neither platform. Use a Text-based component, or html.* for raw web elements.`);
 					return;
 				}
-				viewProps[key9] = val2;
+				viewProps[key8] = val2;
 			}
 		});
 		if (process.env.NODE_ENV === "development" && debug === "verbose") {
@@ -587,9 +587,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
 		var provenance = {};
 		var hasProvenance = false;
-		for (var key6 in styleState.tokenProvenance) {
-			provenance[key6] = {
-				token: styleState.tokenProvenance[key6],
+		for (var key5 in styleState.tokenProvenance) {
+			provenance[key5] = {
+				token: styleState.tokenProvenance[key5],
 				theme: themeName
 			};
 			hasProvenance = true;
@@ -618,8 +618,8 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			var _iteratorNormalCompletion4 = true, _didIteratorError4 = false, _iteratorError4 = void 0;
 			try {
 				for (var _iterator4 = keys[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
-					var key9 = _step4.value;
-					out.add(key9 === "--t-x" || key9 === "--t-y" ? "translate" : key9 === "--t-scale-x" || key9 === "--t-scale-y" ? "scale" : key9);
+					var key8 = _step4.value;
+					out.add(key8 === "--t-x" || key8 === "--t-y" ? "translate" : key8 === "--t-scale-x" || key8 === "--t-scale-y" ? "scale" : key8);
 				}
 			} catch (err) {
 				_didIteratorError4 = true;
@@ -659,7 +659,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 					rulesToInsert,
 					parentSplitStyles
 				};
-				for (var key8 in logs) (0, import_log.log)(key8, logs[key8]);
+				for (var key7 in logs) (0, import_log.log)(key7, logs[key7]);
 			} catch (e) {}
 			console.groupEnd();
 		}

package/dist/cjs/helpers/getSplitStyles.native.js

@@ -201,9 +201,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	};
 	if (process.env.IS_STATIC === "is_static") {
 		var { fallbackProps } = styleProps;
-		if (fallbackProps) styleState.props = new Proxy(props, { get(_, key9, val2) {
-			if (!Reflect.has(props, key9)) return Reflect.get(fallbackProps, key9);
-			return Reflect.get(props, key9);
+		if (fallbackProps) styleState.props = new Proxy(props, { get(_, key8, val2) {
+			if (!Reflect.has(props, key8)) return Reflect.get(fallbackProps, key8);
+			return Reflect.get(props, key8);
 		} });
 	}
 	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
@@ -243,7 +243,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			var style2 = isArray ? styleProp[index] : styleProp;
 			if (!style2) continue;
 			if (style2["$$css"]) {
-				for (var key9 in style2) (0, import_directStyle.clearDirectStyle)(styleState, key9);
+				for (var key8 in style2) (0, import_directStyle.clearDirectStyle)(styleState, key8);
 				Object.assign(styleState.classNames, style2);
 				continue;
 			}
@@ -396,58 +396,58 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			(0, import_directStyle.contributeStyleValue)(styleState, keyInit, valInit, mergeStyle);
 			return;
 		}
-		(0, import_propMapper.propMapper)(keyInit, valInit, styleState, disablePropMap, function(key9, val2, originalVal, conditionSource) {
+		(0, import_propMapper.propMapper)(keyInit, valInit, styleState, disablePropMap, function(key8, val2, originalVal, conditionSource) {
 			var _parentStaticConfig_variants;
-			var isStyledContextProp = styledContext && key9 in styledContext;
-			if (key9 === "className") {
+			var isStyledContextProp = styledContext && key8 in styledContext;
+			if (key8 === "className") {
 				if (typeof val2 === "string" && val2) className = `${className} ${val2}`.trim();
 				return;
 			}
 			if (!isHOC && disablePropMap && !isStyledContextProp) {
-				if (key9 in import_helpers.stylePropsAll && !isValidStyleKey(key9, validStyles, accept)) {
-					if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key9}" is a text style prop and this component is not text \u2014 it would render on neither platform. Use a Text-based component, or html.* for raw web elements.`);
+				if (key8 in import_helpers.stylePropsAll && !isValidStyleKey(key8, validStyles, accept)) {
+					if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key8}" is a text style prop and this component is not text \u2014 it would render on neither platform. Use a Text-based component, or html.* for raw web elements.`);
 					return;
 				}
-				viewProps[key9] = val2;
+				viewProps[key8] = val2;
 				return;
 			}
 			if (process.env.NODE_ENV === "development" && debug === "verbose") {
-				console.groupCollapsed("  💠 expanded", keyInit, "=>", key9);
+				console.groupCollapsed("  💠 expanded", keyInit, "=>", key8);
 				(0, import_log.log)(val2);
 				console.groupEnd();
 			}
 			if (val2 == null) return;
-			if (accept && key9 in accept) {
-				viewProps[key9] = val2;
+			if (accept && key8 in accept) {
+				viewProps[key8] = val2;
 				return;
 			}
-			var isHostStyleKey = !isHOC && isValidStyleKey(key9, validStyles, accept) || import_constants.isAndroid && key9 === "elevation";
+			var isHostStyleKey = !isHOC && isValidStyleKey(key8, validStyles, accept) || import_constants.isAndroid && key8 === "elevation";
 			var isContextProgramKey = !isHOC && Boolean(isStyledContextProp);
 			if (conditionSource !== void 0) {
-				if (isHostStyleKey || isContextProgramKey) (0, import_directStyle.contributeVariantClauseValue)(styleState, key9, val2, conditionSource, mergeStyle, originalVal, !isHostStyleKey);
+				if (isHostStyleKey || isContextProgramKey) (0, import_directStyle.contributeVariantClauseValue)(styleState, key8, val2, conditionSource, mergeStyle, originalVal, !isHostStyleKey);
 				else if (isHOC) {
-					var appended = (0, import_propMapper.appendFlatClause)(viewProps[key9], conditionSource, val2);
-					if (appended !== void 0) viewProps[key9] = appended;
-					else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] conditional variant value for "${key9}" is not string-representable; dropping the clause`);
-				} else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key9}" is not a valid style on this component; the conditional variant value is dropped.`);
+					var appended = (0, import_propMapper.appendFlatClause)(viewProps[key8], conditionSource, val2);
+					if (appended !== void 0) viewProps[key8] = appended;
+					else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] conditional variant value for "${key8}" is not string-representable; dropping the clause`);
+				} else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key8}" is not a valid style on this component; the conditional variant value is dropped.`);
 				return;
 			}
 			if (isHostStyleKey || isContextProgramKey) {
-				(0, import_directStyle.contributeStyleValue)(styleState, key9, val2, mergeStyle, originalVal, !isHostStyleKey);
+				(0, import_directStyle.contributeStyleValue)(styleState, key8, val2, mergeStyle, originalVal, !isHostStyleKey);
 				return;
 			}
-			isVariant = variants && key9 in variants;
-			if (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key9)) {
+			isVariant = variants && key8 in variants;
+			if (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key8)) {
 				var _props_key;
-				viewProps[key9] = (_props_key = props[key9]) !== null && _props_key !== void 0 ? _props_key : val2;
+				viewProps[key8] = (_props_key = props[key8]) !== null && _props_key !== void 0 ? _props_key : val2;
 			}
 			if (isHOC && Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit])) {
-				passDownProp(viewProps, key9, val2);
+				passDownProp(viewProps, key8, val2);
 				if (process.env.NODE_ENV === "development" && debug === "verbose") {
-					console.groupCollapsed(` - passing down prop ${key9}`);
+					console.groupCollapsed(` - passing down prop ${key8}`);
 					(0, import_log.log)({
 						val: val2,
-						after: { ...viewProps[key9] }
+						after: { ...viewProps[key8] }
 					});
 					console.groupEnd();
 				}
@@ -455,11 +455,11 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			}
 			if (!isVariant) {
 				if (isStyledContextProp) return;
-				if (key9 in import_helpers.stylePropsAll && !isValidStyleKey(key9, validStyles, accept)) {
-					if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key9}" is a text style prop and this component is not text \u2014 it would render on neither platform. Use a Text-based component, or html.* for raw web elements.`);
+				if (key8 in import_helpers.stylePropsAll && !isValidStyleKey(key8, validStyles, accept)) {
+					if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key8}" is a text style prop and this component is not text \u2014 it would render on neither platform. Use a Text-based component, or html.* for raw web elements.`);
 					return;
 				}
-				viewProps[key9] = val2;
+				viewProps[key8] = val2;
 			}
 		});
 		if (process.env.NODE_ENV === "development" && debug === "verbose") {
@@ -587,9 +587,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
 		var provenance = {};
 		var hasProvenance = false;
-		for (var key6 in styleState.tokenProvenance) {
-			provenance[key6] = {
-				token: styleState.tokenProvenance[key6],
+		for (var key5 in styleState.tokenProvenance) {
+			provenance[key5] = {
+				token: styleState.tokenProvenance[key5],
 				theme: themeName
 			};
 			hasProvenance = true;
@@ -618,8 +618,8 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			var _iteratorNormalCompletion4 = true, _didIteratorError4 = false, _iteratorError4 = void 0;
 			try {
 				for (var _iterator4 = keys[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
-					var key9 = _step4.value;
-					out.add(key9 === "--t-x" || key9 === "--t-y" ? "translate" : key9 === "--t-scale-x" || key9 === "--t-scale-y" ? "scale" : key9);
+					var key8 = _step4.value;
+					out.add(key8 === "--t-x" || key8 === "--t-y" ? "translate" : key8 === "--t-scale-x" || key8 === "--t-scale-y" ? "scale" : key8);
 				}
 			} catch (err) {
 				_didIteratorError4 = true;
@@ -659,7 +659,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 					rulesToInsert,
 					parentSplitStyles
 				};
-				for (var key8 in logs) (0, import_log.log)(key8, logs[key8]);
+				for (var key7 in logs) (0, import_log.log)(key7, logs[key7]);
 			} catch (e) {}
 			console.groupEnd();
 		}