@tamagui/web 3.0.18 → 3.1.0

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

@@ -38,7 +38,8 @@ import { isStylePiece, isStylePieceCacheable, setStylePieceCompiler, setStylePie
 
 export * from "./tokenCategories.native.js"
 
-var shouldTrackStyleTokenProvenance = process.env.NODE_ENV === "development" && process.env.TAMAGUI_ENABLE_STYLE_TOKEN_PROVENANCE === "1";
+var isProd = process.env.NODE_ENV === "production";
+var shouldTrackStyleTokenProvenance = !isProd && process.env.NODE_ENV === "development" && process.env.TAMAGUI_ENABLE_STYLE_TOKEN_PROVENANCE === "1";
 var conditionValue = 0;
 var conditionPlatform = 1;
 var conditionKey = 2;
@@ -74,7 +75,7 @@ function setConditionUnresolved(condition) {
 	var name = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
 	var _condition;
 	condition[conditionValue] &= ~conditionResolvedFlag;
-	if (process.env.NODE_ENV !== "production") (_condition = condition).problem || (_condition.problem = name);
+	if (!isProd && process.env.NODE_ENV !== "production") (_condition = condition).problem || (_condition.problem = name);
 }
 function appendConditionWrapper(condition, wrapper) {
 	var wrappers = condition[conditionWrappers];
@@ -134,7 +135,7 @@ function resolveConditionModifier(state, condition, authored) {
 		}
 		var component = (_state_componentState_group = state.componentState.group) === null || _state_componentState_group === void 0 ? void 0 : _state_componentState_group[groupName];
 		var context = (_state_flatGroupContext = state.flatGroupContext) === null || _state_flatGroupContext === void 0 ? void 0 : _state_flatGroupContext[groupName];
-		if (process.env.NODE_ENV === "development" && containerName && !component && !context && ((_state_flatGroupContext1 = state.flatGroupContext) === null || _state_flatGroupContext1 === void 0 ? void 0 : _state_flatGroupContext1[containerName])) warnOnce(`group-container:${containerName}`, `@${size}/${containerName}: targets group="${containerName}", but groups no longer establish query containers. Add container="${containerName}" to that group.`);
+		if (!isProd && process.env.NODE_ENV === "development" && containerName && !component && !context && ((_state_flatGroupContext1 = state.flatGroupContext) === null || _state_flatGroupContext1 === void 0 ? void 0 : _state_flatGroupContext1[containerName])) warnOnce(`group-container:${containerName}`, `@${size}/${containerName}: targets group="${containerName}", but groups no longer establish query containers. Add container="${containerName}" to that group.`);
 		var match = component === null || component === void 0 ? void 0 : (_component_media = component.media) === null || _component_media === void 0 ? void 0 : _component_media[size];
 		if (!(match !== null && match !== void 0 ? match : (context === null || context === void 0 ? void 0 : context.state.layout) && mediaKeyMatch(size, context.state.layout))) condition[conditionValue] &= -2;
 		((_state1 = state).flatGroupKeys || (_state1.flatGroupKeys = /* @__PURE__ */ new Set())).add(groupName);
@@ -185,7 +186,7 @@ function commitCondition(condition) {
 	var ranks = condition[conditionRanks];
 	var depth = ranks.length;
 	if (depth > 5) {
-		if (process.env.NODE_ENV !== "production") throw new Error(`a flat value clause supports at most 5 non-platform conditions; received ${depth} in "${condition[conditionKey]}:"`);
+		if (!isProd && process.env.NODE_ENV !== "production") throw new Error(`a flat value clause supports at most 5 non-platform conditions; received ${depth} in "${condition[conditionKey]}:"`);
 		return 0;
 	}
 	var precedence = condition[conditionPlatform] * 6 + depth;
@@ -303,8 +304,8 @@ function contributeProp(pass, keyOg, valOg) {
 	}
 	if (keyInit === "ref") return;
 	if (keyInit[0] === "d" && keyInit.startsWith("data-")) return;
-	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`before-prop-${keyInit}`;
-	if (process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle") return;
+	if (!isProd && process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`before-prop-${keyInit}`;
+	if (!isProd && process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle") return;
 	if (!disableExpandShorthands) {
 		if (keyInit in shorthands) keyInit = shorthands[keyInit];
 	}
@@ -327,7 +328,7 @@ function contributeProp(pass, keyOg, valOg) {
 				}
 				if (condition2 !== void 0) {
 					if (isValidStyleKey(property3, validStyles)) contributeValue(styleState, property3, entry2[1], void 0, false, condition2);
-					else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${property3}" is not a valid style on this component; the frontend value is dropped.`);
+					else if (!isProd && process.env.NODE_ENV === "development") console.warn(`[tamagui] "${property3}" is not a valid style on this component; the frontend value is dropped.`);
 					return;
 				}
 				if (property3 === "group") pass[passFrontendGroup] = entry2[1];
@@ -345,7 +346,7 @@ function contributeProp(pass, keyOg, valOg) {
 				var candidate = valInit.slice(start, index);
 				var preserveRaw = resolveClassName ? resolveClassName(candidate, conf, sink) : true;
 				if (preserveRaw === null) {
-					if (process.env.NODE_ENV === "development") warnOnce(`[tamagui] frontend candidate "${candidate}" is unavailable on this platform and was dropped.`);
+					if (!isProd && process.env.NODE_ENV === "development") warnOnce(`[tamagui] frontend candidate "${candidate}" is unavailable on this platform and was dropped.`);
 				} else if (preserveRaw) {
 					pass[passClassName] = pass[passClassName] ? `${pass[passClassName]} ${candidate}` : candidate;
 					if (resolveClassName) {
@@ -476,7 +477,7 @@ function contributeProp(pass, keyOg, valOg) {
 		var defaultVal = (_defaultProps_keyOg = defaultProps[keyOg]) !== null && _defaultProps_keyOg !== void 0 ? _defaultProps_keyOg : defaultProps[keyInit];
 		if (defaultVal !== void 0 && valInit === defaultVal) return;
 	}
-	if (process.env.NODE_ENV === "development") {
+	if (!isProd && process.env.NODE_ENV === "development") {
 		if (!isValidStyleKey(keyInit, validStyles) && (keyInit === "animation" || !(keyInit in stylePropsAll)) && (!variants || !(keyInit in variants))) {
 			var replacement;
 			if (keyInit === "animation") replacement = "transition=";
@@ -508,7 +509,7 @@ function contributeProp(pass, keyOg, valOg) {
 		} else if (keyInit.startsWith("data-")) return;
 	}
 	if (pass[passVariantOutput] && !isValidStyleKeyInit && !keyInit.startsWith("aria-") && !(keyInit in stylePropsAll) && !(keyInit in skipProps) && !(variants && keyInit in variants) && !(parentVariants && keyInit in parentVariants) && !(styledContextKeys === null || styledContextKeys === void 0 ? void 0 : styledContextKeys.has(keyInit)) && !(styledContext && keyInit in styledContext)) {
-		if (process.env.NODE_ENV === "development") warnOnce(`variant-non-style:${keyInit}`, `a variant set "${keyInit}", which is not a style. Variants hold styles and aria/data attributes only: set "${keyInit}" on the component one level up.`);
+		if (!isProd && process.env.NODE_ENV === "development") warnOnce(`variant-non-style:${keyInit}`, `a variant set "${keyInit}", which is not a style. Variants hold styles and aria/data attributes only: set "${keyInit}" on the component one level up.`);
 		return;
 	}
 	var isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
@@ -517,7 +518,7 @@ function contributeProp(pass, keyOg, valOg) {
 	var shouldPassProp = !isStyleProp && isHOC || isHOC && keyInit === "disabled" || parentVariants && keyInit in parentVariants || (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(keyInit));
 	var isHOCShouldPassThrough = isHOC && keyInit in skipProps;
 	var shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+	if (!isProd && process.env.NODE_ENV === "development" && debug === "verbose") {
 		console.groupCollapsed(`  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`);
 		log({
 			isVariant,
@@ -535,13 +536,13 @@ function contributeProp(pass, keyOg, valOg) {
 	if (shouldPassThrough) {
 		if (keyInit in viewProps) delete viewProps[keyInit];
 		viewProps[keyInit] = valInit;
-		if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
+		if (!isProd && process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
 		if (!isVariant) return;
 	}
 	if (!isNativeInputColor && shouldCheckSkipProps && !(neverSkipProps === null || neverSkipProps === void 0 ? void 0 : neverSkipProps[keyInit])) {
 		var _getTransitionResolver;
 		if (keyInit in skipProps && !(keyInit === "transition" && typeof valInit === "string" && !((_getTransitionResolver = getTransitionResolver()) === null || _getTransitionResolver === void 0 ? void 0 : _getTransitionResolver.resolve(valInit, { animations: driverAnimations }).fused))) {
-			if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
+			if (!isProd && process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
 			return;
 		}
 	}
@@ -584,15 +585,15 @@ function contributeProp(pass, keyOg, valOg) {
 			var transport = previous && typeof previous === "object" && !Array.isArray(previous) && "default" in previous ? previous : { default: previous };
 			transport[condition[conditionKey]] = valInit;
 			viewProps[keyInit] = transport;
-		} else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${keyInit}" is not a valid style on this component; the conditional variant value is dropped.`);
+		} else if (!isProd && process.env.NODE_ENV === "development") console.warn(`[tamagui] "${keyInit}" is not a valid style on this component; the conditional variant value is dropped.`);
 		return;
 	}
 	if (keyInit in stylePropsAll || isRemovedVendorStyleProp(keyInit)) {
-		if (process.env.NODE_ENV === "development" && false);
+		if (!isProd && process.env.NODE_ENV === "development" && false);
 		return;
 	}
 	viewProps[keyInit] = valInit;
-	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+	if (!isProd && process.env.NODE_ENV === "development" && debug === "verbose") {
 		try {
 			log(` \u2714\uFE0F expand complete`, keyInit);
 			log("style", { ...styleState.style });
@@ -627,7 +628,7 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 	var className = staticPassthroughClassName;
 	if (staticPassthroughClassName) shouldDoClasses = false;
 	var validStyles$1 = staticConfig.validStyles || (staticConfig.isInput ? stylePropsInput : staticConfig.isText ? stylePropsText : validStyles);
-	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-setup`;
+	if (!isProd && process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-setup`;
 	var styleState = {
 		classNames,
 		conf,
@@ -654,8 +655,8 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 		styleState.flatStyleChanged = false;
 		styleState.flatStyleKeyCount = 0;
 	}
-	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
-	if (process.env.NODE_ENV === "development" && debug === "verbose" && isClient) {
+	if (!isProd && process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
+	if (!isProd && process.env.NODE_ENV === "development" && debug === "verbose" && isClient) {
 		if (isDevTools) {
 			console.groupCollapsed("🔹 getSplitStyles 👇");
 			log({
@@ -701,7 +702,7 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 		styledContextKeys,
 		(noSkip ? passNoSkipFlag : 0) | (disableExpandShorthands ? passDisableShorthandsFlag : 0) | (noExpand ? passNoExpandFlag : 0) | (noMergeStyle ? passNoMergeFlag : 0) | (isHOC ? passHocFlag : 0) | (isText ? passTextFlag : 0) | (isInput ? passInputFlag : 0) | (asChildExceptStyleLike ? passAsChildStyleFlag : 0),
 		debug,
-		process.env.NODE_ENV === "development" ? parentStaticConfig : void 0,
+		!isProd && process.env.NODE_ENV === "development" ? parentStaticConfig : void 0,
 		defaultProps,
 		driverAnimations,
 		driverOutputStyle,
@@ -765,7 +766,7 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 	frontendGroup = pass[passFrontendGroup];
 	frontendContainer = pass[passFrontendContainer];
 	frontendContainerType = pass[passFrontendContainerType];
-	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-propsend`;
+	if (!isProd && process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-propsend`;
 	conditionalStates = styleState.flatStateKeys || null;
 	usesSafeArea = !!styleState.flatUsesSafeArea;
 	hasMedia = ((_styleState_flatMediaKeys = styleState.flatMediaKeys) === null || _styleState_flatMediaKeys === void 0 ? void 0 : _styleState_flatMediaKeys.size) ? styleState.flatMediaKeys : false;
@@ -875,10 +876,10 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 				delete style1.fontStyle;
 			}
 		}
-		if (process.env.NODE_ENV === "development" && debug && debug !== "profile") log(`Found fontFamily native: ${style1.fontFamily}`, faceInfo);
+		if (!isProd && process.env.NODE_ENV === "development" && debug && debug !== "profile") log(`Found fontFamily native: ${style1.fontFamily}`, faceInfo);
 	}
 	if (styleState.style) styleState.style = normalizeNativeStyle(styleState.style);
-	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-pre-result`;
+	if (!isProd && process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-pre-result`;
 	if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
 		var provenance = {};
 		var hasProvenance = false;
@@ -972,7 +973,7 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 			if (style2) viewProps.style = style2;
 		}
 	}
-	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+	if (!isProd && process.env.NODE_ENV === "development" && debug === "verbose") {
 		if (isClient && isDevTools) {
 			console.groupEnd();
 			console.groupCollapsed("🔹 getSplitStyles ===>");
@@ -991,7 +992,7 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 			console.groupEnd();
 		}
 	}
-	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
+	if (!isProd && process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
 	return result;
 };
 var stylePieceStaticConfig = {
@@ -1312,7 +1313,7 @@ function emitAtParentCondition(state, property, value, originalValue, contextOnl
 function emitUnderCondition(state, property, value, cursor, originalValue, contextOnly, warnMode, warnSource) {
 	var condition = cursor[conditionValue];
 	if (!(condition & conditionResolvedFlag)) {
-		if (warnMode && process.env.NODE_ENV !== "production") warnRefusedValue(property, warnSource, `unknown modifier "${cursor.problem}"`);
+		if (warnMode && !isProd && process.env.NODE_ENV !== "production") warnRefusedValue(property, warnSource, `unknown modifier "${cursor.problem}"`);
 		return 0;
 	}
 	emitValue(state, property, value, cursor, warnMode === 2 ? originalValue : originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
@@ -1326,7 +1327,7 @@ var formatScanFailure = function formatScanFailure2(failure, source, failureInde
 	return failure === "invalid-character" ? `"${source[failureIndex]}" would end the declaration or rule` : failure === "unterminated-string" ? "an unterminated string" : failure === "unterminated-comment" ? "an unterminated \"/*\" comment" : failure === "stray-comment-close" ? "a stray \"*/\"" : failure === "over-deep-clause" ? `a clause with more than ${grammarMaxNonPlatformDepth} non-platform conditions` : "an unterminated \"(\"";
 };
 var warnScanFailure = function warnScanFailure2(property, source, failure, failureIndex) {
-	if (process.env.NODE_ENV === "development") warnRefusedValue(property, source, formatScanFailure(failure, source, failureIndex));
+	if (!isProd && process.env.NODE_ENV === "development") warnRefusedValue(property, source, formatScanFailure(failure, source, failureIndex));
 };
 var borderTargets = {
 	border: [
@@ -1449,7 +1450,7 @@ function configuredValue(state, property, raw) {
 			}
 		}
 	}
-	if (process.env.NODE_ENV === "development") {
+	if (!isProd && process.env.NODE_ENV === "development") {
 		var _state_conf_tokensParsed_color1;
 		var category1 = grammar.tokenCategory(property) || grammar.tokenCategory(state.conf.shorthands[property] || property);
 		if (category1 && category1 !== "color" && category1 !== "boxShadow" && category1 !== "textShadow" && ((_state_conf_tokensParsed_color1 = state.conf.tokensParsed.color) === null || _state_conf_tokensParsed_color1 === void 0 ? void 0 : _state_conf_tokensParsed_color1[name])) warnOnce(`"${name}" contributes to "color", not "${property}"`);
@@ -1623,7 +1624,7 @@ function emitProperty(state, property, value, cursor, originalValue, contextOnly
 	}
 	if (canGenerateCSS && state.flatShouldDoClasses && !condition && property === "transform") {
 		var _state4;
-		if (process.env.NODE_ENV === "development" && state.transformAccumulator) {
+		if (!isProd && process.env.NODE_ENV === "development" && state.transformAccumulator) {
 			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 			try {
 				for (var _iterator = getTransformPartKeys(state.transformAccumulator)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
@@ -1665,7 +1666,7 @@ function resolveNumericValue(value) {
 }
 function emitBorder(state, property, raw, cursor, originalValue, contextOnly) {
 	if (property === "borderBlock" || property === "borderInline") {
-		if (process.env.NODE_ENV === "development") warnOnce(`RN has no logical border shorthand "${property}"; dropping it`);
+		if (!isProd && process.env.NODE_ENV === "development") warnOnce(`RN has no logical border shorthand "${property}"; dropping it`);
 		return;
 	}
 	var { width, style, color } = classifyBorderComponents(raw, property === "outline");
@@ -1772,14 +1773,14 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
 			emitResolved(state, "backgroundColor", parts[0], cursor, originalValue, contextOnly);
 			return;
 		}
-		if (process.env.NODE_ENV === "development") warnOnce(`native background cannot represent "${raw}"; dropping it`);
+		if (!isProd && process.env.NODE_ENV === "development") warnOnce(`native background cannot represent "${raw}"; dropping it`);
 		return;
 	}
 	if (property === "x" || property === "y" || property === "scale" || property === "scaleX" || property === "scaleY" || property === "rotate") {
 		var value2 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
 		if (typeof value2 === "string" && !value2.startsWith(THEME_REF_PREFIX)) {
 			if (property === "rotate" && !isFinite(numericUnitValue(value2, "deg", "rad")) && true) {
-				if (process.env.NODE_ENV === "development") warnOnce(`native transform "${property}" cannot represent "${value2}"; dropping it`);
+				if (!isProd && process.env.NODE_ENV === "development") warnOnce(`native transform "${property}" cannot represent "${value2}"; dropping it`);
 				if (condition & 1) {
 					removeTransformValue(state.transformAccumulator, property);
 					writeStyleRecord(state, property, void 0, cursor, void 0, recordRetract);
@@ -1903,7 +1904,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 	if (typeof value === "string") {
 		var parsed = getConfigRevisionState(state.conf).parseFlatValue(value);
 		var [segments, failure, failureIndex] = parsed;
-		if (process.env.NODE_ENV === "development") {
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if (getSetting("styleValueSyntax") === "object") {
 				if (segments.length > 5 || segments.length >= 5 && segments[2] !== -1 || value.includes(":")) warnOnce(`syntax:string:${property}=${value}`, `string syntax is disabled by config (styleValueSyntax: 'object'); received "${property}=${value}"`);
 			}
@@ -1927,7 +1928,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 				var payload = (_ = (_slices = slices)[_index = index]) !== null && _ !== void 0 ? _ : _slices[_index] = value.slice(start, end);
 				emitConditionalValue(state, property, payload, parentCondition, payload, sink, warnMode, contextOnly);
 				hasBase = true;
-			} else if (process.env.NODE_ENV !== "production" && warnMode && !chainCount && (failure === "invalid-character" || failure === "stray-comment-close")) {
+			} else if (!isProd && process.env.NODE_ENV !== "production" && warnMode && !chainCount && (failure === "invalid-character" || failure === "stray-comment-close")) {
 				emitConditionalValue(state, property, value, parentCondition, value, sink, warnMode, contextOnly);
 				hasBase = true;
 			} else if (warnMode) warnScanFailure(property, value, failure, failureIndex);
@@ -1945,7 +1946,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 			}
 			lastPayloadStart = start1;
 			if (start1 === end1) {
-				if (warnMode && process.env.NODE_ENV === "development") warnRefusedValue(property, value, "a conditional clause has no value");
+				if (warnMode && !isProd && process.env.NODE_ENV === "development") warnRefusedValue(property, value, "a conditional clause has no value");
 				continue;
 			}
 			var cursor = conditionFromKey(state, (_1 = (_slices1 = slices)[_ref = index1 + 2]) !== null && _1 !== void 0 ? _1 : _slices1[_ref] = value.slice(segments[index1 + 2], segments[index1 + 3]), parentCondition);
@@ -1955,10 +1956,10 @@ function walkConditionalValue(state, property, value, parent, sink) {
 				emitConditionalValue(state, property, (_2 = (_slices2 = slices)[_index1 = index1]) !== null && _2 !== void 0 ? _2 : _slices2[_index1] = value.slice(start1, end1), cursor, value, sink, warnMode, contextOnly);
 			}
 		}
-		if (process.env.NODE_ENV !== "production") lastPayload = value.slice(lastPayloadStart);
+		if (!isProd && process.env.NODE_ENV !== "production") lastPayload = value.slice(lastPayloadStart);
 	} else {
 		if (!value || typeof value !== "object" || Array.isArray(value) || isVariable(value) || !classifyConditionalObject(value, state)) return false;
-		if (process.env.NODE_ENV === "development") {
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if (getSetting("styleValueSyntax") === "string") warnOnce(`syntax:object:${property}=${JSON.stringify(value)}`, `object-form conditional syntax is disabled by config (styleValueSyntax: 'string'); received "${property}"`);
 		}
 		if (value.default != null) {
@@ -1972,7 +1973,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 			if (cursor1[conditionValue] & conditionResolvedFlag || warnMode) emitConditionalValue(state, property, value[key], cursor1, value[key], sink, warnMode, contextOnly);
 		}
 	}
-	if (warnMode && process.env.NODE_ENV === "development" && typeof value === "string" && !hasBase && conditions && getConfigRevisionState(state.conf).tokenCategory(property) && getConfigRevisionState(state.conf).propertyKind(property) !== 8 && property !== "boxShadow" && property !== "textShadow" && property !== "fontFamily" && property !== "gap" && splitComponents(lastPayload).length > 1) warnOnce(`${property}="${value}" has multiple values after its first conditional. Write the base value before the first conditional.`);
+	if (warnMode && !isProd && process.env.NODE_ENV === "development" && typeof value === "string" && !hasBase && conditions && getConfigRevisionState(state.conf).tokenCategory(property) && getConfigRevisionState(state.conf).propertyKind(property) !== 8 && property !== "boxShadow" && property !== "textShadow" && property !== "fontFamily" && property !== "gap" && splitComponents(lastPayload).length > 1) warnOnce(`${property}="${value}" has multiple values after its first conditional. Write the base value before the first conditional.`);
 	if (warnMode === 1 && conditions & 12 && !hasBase) {
 		var resting = property === "opacity" || property.startsWith("scale") ? 1 : property === "rotate" ? "0deg" : property === "x" || property === "y" ? 0 : null;
 		var layers = state.flatPropertyLayers;
@@ -2002,7 +2003,7 @@ function contributeValue(state, property, value, originalValue) {
 	}
 	var compositeKind = 0;
 	if (compositeKind > 0 && compositeKind < 6 && (typeof value === "string" && value.indexOf(":") !== -1 || value && typeof value === "object" && !Array.isArray(value) && !isVariable(value) && classifyConditionalObject(value, state))) {
-		if (process.env.NODE_ENV === "development") warnOnce(`conditional "${property}" needs its composite property; dropping it`);
+		if (!isProd && process.env.NODE_ENV === "development") warnOnce(`conditional "${property}" needs its composite property; dropping it`);
 		return true;
 	}
 	if (value === "safe") {