@tamagui/web 3.0.18 → 3.1.0

package/dist/cjs/helpers/getSplitStyles.cjs

@@ -71,7 +71,8 @@ var import_transformsToString = require("./transformsToString.cjs");
 var import_style = require("../style.cjs");
 var import_styleProvenance2 = require("./styleProvenance.cjs");
 __reExport(getSplitStyles_exports, require("./tokenCategories.cjs"), module.exports);
-const shouldTrackStyleTokenProvenance = process.env.NODE_ENV === "development" && process.env.TAMAGUI_ENABLE_STYLE_TOKEN_PROVENANCE === "1";
+const isProd = process.env.NODE_ENV === "production";
+const shouldTrackStyleTokenProvenance = !isProd && process.env.NODE_ENV === "development" && process.env.TAMAGUI_ENABLE_STYLE_TOKEN_PROVENANCE === "1";
 const conditionValue = 0;
 const conditionPlatform = 1;
 const conditionKey = 2;
@@ -105,7 +106,7 @@ function createCondition(parent) {
 }
 function setConditionUnresolved(condition, name = "") {
 	condition[conditionValue] &= ~conditionResolvedFlag;
-	if (process.env.NODE_ENV !== "production") condition.problem ||= name;
+	if (!isProd && process.env.NODE_ENV !== "production") condition.problem ||= name;
 }
 function appendConditionWrapper(condition, wrapper) {
 	const wrappers = condition[conditionWrappers];
@@ -159,7 +160,7 @@ function resolveConditionModifier(state, condition, authored) {
 		}
 		const component = state.componentState.group?.[groupName];
 		const context = state.flatGroupContext?.[groupName];
-		if (process.env.NODE_ENV === "development" && containerName && !component && !context && state.flatGroupContext?.[containerName]) (0, import_warnOnce.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.flatGroupContext?.[containerName]) (0, import_warnOnce.warnOnce)(`group-container:${containerName}`, `@${size}/${containerName}: targets group="${containerName}", but groups no longer establish query containers. Add container="${containerName}" to that group.`);
 		if (!(component?.media?.[size] ?? (context?.state.layout && (0, import_mediaState.mediaKeyMatch)(size, context.state.layout)))) condition[conditionValue] &= -2;
 		(state.flatGroupKeys ||= /* @__PURE__ */ new Set()).add(groupName);
 		(state.flatGroupMedia ||= /* @__PURE__ */ new Set()).add(size);
@@ -206,7 +207,7 @@ function commitCondition(condition) {
 	const ranks = condition[conditionRanks];
 	const 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;
 	}
 	let precedence = condition[conditionPlatform] * 6 + depth;
@@ -307,8 +308,8 @@ function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false
 		return;
 	}
 	if (keyInit === "ref") 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];
 	}
@@ -334,7 +335,7 @@ function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false
 				}
 				if (condition2 !== void 0) {
 					if (isValidStyleKey(property, validStyles)) contributeValue(styleState, property, entry[1], void 0, false, condition2);
-					else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${property}" is not a valid style on this component; the frontend value is dropped.`);
+					else if (!isProd && process.env.NODE_ENV === "development") console.warn(`[tamagui] "${property}" is not a valid style on this component; the frontend value is dropped.`);
 					return;
 				}
 				if (property === "group") pass[passFrontendGroup] = entry[1];
@@ -352,7 +353,7 @@ function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false
 				const candidate = valInit.slice(start, index);
 				const preserveRaw = resolveClassName ? resolveClassName(candidate, conf, sink) : true;
 				if (preserveRaw === null) {
-					if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`[tamagui] frontend candidate "${candidate}" is unavailable on this platform and was dropped.`);
+					if (!isProd && process.env.NODE_ENV === "development") (0, import_warnOnce.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) {
@@ -458,7 +459,7 @@ function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false
 		const defaultVal = 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 import_helpers.stylePropsAll)) && (!variants || !(keyInit in variants))) {
 			let replacement;
 			if (keyInit === "animation") replacement = "transition=";
@@ -486,7 +487,7 @@ function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false
 		return;
 	}
 	if (pass[passVariantOutput] && !isValidStyleKeyInit && !keyInit.startsWith("aria-") && !(keyInit in import_helpers.stylePropsAll) && !(keyInit in import_skipProps.skipProps) && !(variants && keyInit in variants) && !(parentVariants && keyInit in parentVariants) && !styledContextKeys?.has(keyInit) && !(styledContext && keyInit in styledContext)) {
-		if (process.env.NODE_ENV === "development") (0, import_warnOnce.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") (0, import_warnOnce.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;
 	}
 	if (!noExpand) {
@@ -515,7 +516,7 @@ function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false
 	const shouldPassProp = !isStyleProp && isHOC || isHOC && keyInit === "disabled" || parentVariants && keyInit in parentVariants || inlineProps?.has(keyInit);
 	const isHOCShouldPassThrough = isHOC && keyInit in import_skipProps.skipProps;
 	const 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)" : ""}`);
 		(0, import_log.log)({
 			isVariant,
@@ -533,12 +534,12 @@ function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false
 	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 (shouldCheckSkipProps && !neverSkipProps?.[keyInit]) {
 		if (keyInit in import_skipProps.skipProps && !(keyInit === "transition" && typeof valInit === "string" && !(0, import_transitionResolver.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;
 		}
 	}
@@ -575,15 +576,15 @@ function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false
 			const 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 import_helpers.stylePropsAll || isRemovedVendorStyleProp(keyInit)) {
-		if (process.env.NODE_ENV === "development" && true) console.warn(`[tamagui] "${keyInit}" 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 (!isProd && process.env.NODE_ENV === "development" && true) console.warn(`[tamagui] "${keyInit}" 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[keyInit] = valInit;
-	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+	if (!isProd && process.env.NODE_ENV === "development" && debug === "verbose") {
 		try {
 			(0, import_log.log)(` \u2714\uFE0F expand complete`, keyInit);
 			(0, import_log.log)("style", { ...styleState.style });
@@ -617,7 +618,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
 	let className = staticPassthroughClassName;
 	if (staticPassthroughClassName) shouldDoClasses = false;
 	const validStyles = staticConfig.validStyles || (staticConfig.isInput ? import_helpers.stylePropsInput : staticConfig.isText ? import_helpers.stylePropsText : import_helpers.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`;
 	const styleState = {
 		classNames,
 		conf,
@@ -638,8 +639,8 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
 		animationDriver: resolvedDriver
 	};
 	styleState.flatStyleStaticConfig = styleStaticConfig;
-	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
-	if (process.env.NODE_ENV === "development" && debug === "verbose" && import_constants.isClient) {
+	if (!isProd && process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
+	if (!isProd && process.env.NODE_ENV === "development" && debug === "verbose" && import_constants.isClient) {
 		if (import_isDevTools.isDevTools) {
 			console.groupCollapsed("🔹 getSplitStyles 👇");
 			(0, import_log.log)({
@@ -687,7 +688,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
 		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,
@@ -762,7 +763,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
 		containerType ??= "inline-size";
 		contributeValue(styleState, containerName ? "container" : "containerType", containerName ? `${containerName} / ${containerType}` : containerType);
 	}
-	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?.size ? styleState.flatMediaKeys : false;
@@ -817,7 +818,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
 	}
 	if (!noNormalize && !isHOC && (!isAnimated || driverInputStyle === "css") && Array.isArray(styleState.style?.transform)) styleState.style.transform = (0, import_transformsToString.transformsToString)(styleState.style.transform);
 	(0, import_getCSSStylesAtomic.flushDirectStyles)(styleState);
-	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) {
 		const provenance = {};
 		let hasProvenance = false;
@@ -877,7 +878,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
 			}
 		}
 	}
-	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+	if (!isProd && process.env.NODE_ENV === "development" && debug === "verbose") {
 		if (import_constants.isClient && import_isDevTools.isDevTools) {
 			console.groupEnd();
 			console.groupCollapsed("🔹 getSplitStyles ===>");
@@ -896,7 +897,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
 			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;
 };
 const stylePieceStaticConfig = {
@@ -1270,7 +1271,7 @@ function emitAtParentCondition(state, property, value, originalValue, contextOnl
 function emitUnderCondition(state, property, value, cursor, originalValue, contextOnly, warnMode, warnSource) {
 	const condition = cursor[conditionValue];
 	if (!(condition & conditionResolvedFlag)) {
-		if (warnMode && process.env.NODE_ENV !== "production") (0, import_warnOnce.warnRefusedValue)(property, warnSource, `unknown modifier "${cursor.problem}"`);
+		if (warnMode && !isProd && process.env.NODE_ENV !== "production") (0, import_warnOnce.warnRefusedValue)(property, warnSource, `unknown modifier "${cursor.problem}"`);
 		return 0;
 	}
 	emitValue(state, property, value, cursor, warnMode === 2 ? originalValue : originalValue ?? value, contextOnly);
@@ -1282,7 +1283,7 @@ function emitUnderCondition(state, property, value, cursor, originalValue, conte
 }
 const formatScanFailure = (failure, source, failureIndex) => 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 ${import_runtime.grammarMaxNonPlatformDepth} non-platform conditions` : "an unterminated \"(\"";
 const warnScanFailure = (property, source, failure, failureIndex) => {
-	if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnRefusedValue)(property, source, formatScanFailure(failure, source, failureIndex));
+	if (!isProd && process.env.NODE_ENV === "development") (0, import_warnOnce.warnRefusedValue)(property, source, formatScanFailure(failure, source, failureIndex));
 };
 let valueCacheConf;
 let valueCacheRevision = -1;
@@ -1377,7 +1378,7 @@ function configuredValue(state, property, raw, embedded = false, nativeColors) {
 			}
 		}
 	}
-	if (process.env.NODE_ENV === "development") {
+	if (!isProd && process.env.NODE_ENV === "development") {
 		const category = grammar.tokenCategory(property) || grammar.tokenCategory(state.conf.shorthands[property] || property);
 		if (category && category !== "color" && category !== "boxShadow" && category !== "textShadow" && state.conf.tokensParsed.color?.[name]) (0, import_warnOnce.warnOnce)(`"${name}" contributes to "color", not "${property}"`);
 		if (!value && !fontProperty) {
@@ -1502,7 +1503,7 @@ function emitProperty(state, property, value, cursor, originalValue, contextOnly
 		return;
 	}
 	if (import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses && !condition && property === "transform") {
-		if (process.env.NODE_ENV === "development" && state.transformAccumulator) for (const part of (0, import_runtime.getTransformPartKeys)(state.transformAccumulator)) (0, import_warnOnce.warnOnce)(`legacy transform part "${part}" is dropped because "transform" owns the property`);
+		if (!isProd && process.env.NODE_ENV === "development" && state.transformAccumulator) for (const part of (0, import_runtime.getTransformPartKeys)(state.transformAccumulator)) (0, import_warnOnce.warnOnce)(`legacy transform part "${part}" is dropped because "transform" owns the property`);
 		state.transformAccumulator ||= (0, import_runtime.createTransformAccumulator)();
 		(0, import_runtime.addTransformValue)(state.transformAccumulator, property, value);
 		return;
@@ -1613,7 +1614,7 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
 		let value2 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
 		if (!state.flatShouldDoClasses && typeof value2 === "string" && !value2.startsWith(import_themeRef.THEME_REF_PREFIX)) {
 			if (property === "rotate" && !isFinite(numericUnitValue(value2, "deg", "rad")) && !(0, import_borderComponents.startsValueFunction)(value2)) {
-				if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`native transform "${property}" cannot represent "${value2}"; dropping it`);
+				if (!isProd && process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`native transform "${property}" cannot represent "${value2}"; dropping it`);
 				if (condition & 1) {
 					(0, import_runtime.removeTransformValue)(state.transformAccumulator, property);
 					writeStyleRecord(state, property, void 0, cursor, void 0, recordRetract);
@@ -1668,7 +1669,7 @@ function walkConditionalValue(state, property, value, parent, sink, warnMode = 0
 	if (typeof value === "string") {
 		const parsed = (0, import_grammarConfig.getConfigRevisionState)(state.conf).parseFlatValue(value);
 		const [segments, failure, failureIndex] = parsed;
-		if (process.env.NODE_ENV === "development") {
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if ((0, import_config.getSetting)("styleValueSyntax") === "object") {
 				if (segments.length > 5 || segments.length >= 5 && segments[2] !== -1 || value.includes(":")) (0, import_warnOnce.warnOnce)(`syntax:string:${property}=${value}`, `string syntax is disabled by config (styleValueSyntax: 'object'); received "${property}=${value}"`);
 			}
@@ -1691,7 +1692,7 @@ function walkConditionalValue(state, property, value, parent, sink, warnMode = 0
 				const payload = 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);
@@ -1708,17 +1709,17 @@ function walkConditionalValue(state, property, value, parent, sink, warnMode = 0
 			}
 			lastPayloadStart = start;
 			if (start === end) {
-				if (warnMode && process.env.NODE_ENV === "development") (0, import_warnOnce.warnRefusedValue)(property, value, "a conditional clause has no value");
+				if (warnMode && !isProd && process.env.NODE_ENV === "development") (0, import_warnOnce.warnRefusedValue)(property, value, "a conditional clause has no value");
 				continue;
 			}
 			const cursor = conditionFromKey(state, slices[index + 2] ??= value.slice(segments[index + 2], segments[index + 3]), parentCondition);
 			conditions |= cursor[conditionValue];
 			if (cursor[conditionValue] & conditionResolvedFlag || warnMode) emitConditionalValue(state, property, slices[index] ??= value.slice(start, end), 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) || (0, import_createVariable.isVariable)(value) || !classifyConditionalObject(value, state)) return false;
-		if (process.env.NODE_ENV === "development") {
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if ((0, import_config.getSetting)("styleValueSyntax") === "string") (0, import_warnOnce.warnOnce)(`syntax:object:${property}=${JSON.stringify(value)}`, `object-form conditional syntax is disabled by config (styleValueSyntax: 'string'); received "${property}"`);
 		}
 		if (value.default != null) {
@@ -1732,7 +1733,7 @@ function walkConditionalValue(state, property, value, parent, sink, warnMode = 0
 			if (cursor[conditionValue] & conditionResolvedFlag || warnMode) emitConditionalValue(state, property, value[key], cursor, value[key], sink, warnMode, contextOnly);
 		}
 	}
-	if (warnMode && process.env.NODE_ENV === "development" && typeof value === "string" && !hasBase && conditions && (0, import_grammarConfig.getConfigRevisionState)(state.conf).tokenCategory(property) && (0, import_grammarConfig.getConfigRevisionState)(state.conf).propertyKind(property) !== 8 && property !== "boxShadow" && property !== "textShadow" && property !== "fontFamily" && property !== "gap" && (0, import_borderComponents.splitComponents)(lastPayload).length > 1) (0, import_warnOnce.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 && (0, import_grammarConfig.getConfigRevisionState)(state.conf).tokenCategory(property) && (0, import_grammarConfig.getConfigRevisionState)(state.conf).propertyKind(property) !== 8 && property !== "boxShadow" && property !== "textShadow" && property !== "fontFamily" && property !== "gap" && (0, import_borderComponents.splitComponents)(lastPayload).length > 1) (0, import_warnOnce.warnOnce)(`${property}="${value}" has multiple values after its first conditional. Write the base value before the first conditional.`);
 	if (warnMode === 1 && conditions & 12 && !hasBase) {
 		const resting = property === "opacity" || property.startsWith("scale") ? 1 : property === "rotate" ? "0deg" : property === "x" || property === "y" ? 0 : null;
 		const layers = state.flatPropertyLayers;
@@ -1758,7 +1759,7 @@ function contributeValue(state, property, value, originalValue, contextOnly = fa
 	}
 	const compositeKind = (0, import_grammarConfig.getConfigRevisionState)(state.conf).propertyKind(property);
 	if (compositeKind > 0 && compositeKind < 6 && (typeof value === "string" && value.indexOf(":") !== -1 || value && typeof value === "object" && !Array.isArray(value) && !(0, import_createVariable.isVariable)(value) && classifyConditionalObject(value, state))) {
-		if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`conditional "${property}" needs its composite property; dropping it`);
+		if (!isProd && process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`conditional "${property}" needs its composite property; dropping it`);
 		return true;
 	}
 	if (value === "safe") {

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

@@ -73,7 +73,8 @@ var import_transformsToString = require("./transformsToString.native.js");
 var import_style = require("../style.native.js");
 var import_styleProvenance2 = require("./styleProvenance.native.js");
 __reExport(getSplitStyles_exports, require("./tokenCategories.native.js"), module.exports);
-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;
@@ -109,7 +110,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];
@@ -169,7 +170,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])) (0, import_warnOnce.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])) (0, import_warnOnce.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) && (0, import_mediaState.mediaKeyMatch)(size, context.state.layout))) condition[conditionValue] &= -2;
 		((_state1 = state).flatGroupKeys || (_state1.flatGroupKeys = /* @__PURE__ */ new Set())).add(groupName);
@@ -220,7 +221,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;
@@ -338,8 +339,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];
 	}
@@ -362,7 +363,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];
@@ -380,7 +381,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") (0, import_warnOnce.warnOnce)(`[tamagui] frontend candidate "${candidate}" is unavailable on this platform and was dropped.`);
+					if (!isProd && process.env.NODE_ENV === "development") (0, import_warnOnce.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) {
@@ -511,7 +512,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 import_helpers.stylePropsAll)) && (!variants || !(keyInit in variants))) {
 			var replacement;
 			if (keyInit === "animation") replacement = "transition=";
@@ -543,7 +544,7 @@ function contributeProp(pass, keyOg, valOg) {
 		} else if (keyInit.startsWith("data-")) return;
 	}
 	if (pass[passVariantOutput] && !isValidStyleKeyInit && !keyInit.startsWith("aria-") && !(keyInit in import_helpers.stylePropsAll) && !(keyInit in import_skipProps.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") (0, import_warnOnce.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") (0, import_warnOnce.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;
@@ -552,7 +553,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 import_skipProps.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)" : ""}`);
 		(0, import_log.log)({
 			isVariant,
@@ -570,13 +571,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 import_skipProps.skipProps && !(keyInit === "transition" && typeof valInit === "string" && !((_getTransitionResolver = (0, import_transitionResolver.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;
 		}
 	}
@@ -619,15 +620,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 import_helpers.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 {
 			(0, import_log.log)(` \u2714\uFE0F expand complete`, keyInit);
 			(0, import_log.log)("style", { ...styleState.style });
@@ -662,7 +663,7 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 	var className = staticPassthroughClassName;
 	if (staticPassthroughClassName) shouldDoClasses = false;
 	var validStyles = staticConfig.validStyles || (staticConfig.isInput ? import_helpers.stylePropsInput : staticConfig.isText ? import_helpers.stylePropsText : import_helpers.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,
@@ -689,8 +690,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" && import_constants.isClient) {
+	if (!isProd && process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
+	if (!isProd && process.env.NODE_ENV === "development" && debug === "verbose" && import_constants.isClient) {
 		if (import_isDevTools.isDevTools) {
 			console.groupCollapsed("🔹 getSplitStyles 👇");
 			(0, import_log.log)({
@@ -736,7 +737,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,
@@ -800,7 +801,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;
@@ -910,10 +911,10 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 				delete style1.fontStyle;
 			}
 		}
-		if (process.env.NODE_ENV === "development" && debug && debug !== "profile") (0, import_log.log)(`Found fontFamily native: ${style1.fontFamily}`, faceInfo);
+		if (!isProd && process.env.NODE_ENV === "development" && debug && debug !== "profile") (0, import_log.log)(`Found fontFamily native: ${style1.fontFamily}`, faceInfo);
 	}
 	if (styleState.style) styleState.style = (0, import_nativeStyleEngine.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;
@@ -1007,7 +1008,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 (import_constants.isClient && import_isDevTools.isDevTools) {
 			console.groupEnd();
 			console.groupCollapsed("🔹 getSplitStyles ===>");
@@ -1026,7 +1027,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 = {
@@ -1347,7 +1348,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") (0, import_warnOnce.warnRefusedValue)(property, warnSource, `unknown modifier "${cursor.problem}"`);
+		if (warnMode && !isProd && process.env.NODE_ENV !== "production") (0, import_warnOnce.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);
@@ -1361,7 +1362,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 ${import_runtime.grammarMaxNonPlatformDepth} non-platform conditions` : "an unterminated \"(\"";
 };
 var warnScanFailure = function warnScanFailure2(property, source, failure, failureIndex) {
-	if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnRefusedValue)(property, source, formatScanFailure(failure, source, failureIndex));
+	if (!isProd && process.env.NODE_ENV === "development") (0, import_warnOnce.warnRefusedValue)(property, source, formatScanFailure(failure, source, failureIndex));
 };
 var borderTargets = {
 	border: [
@@ -1484,7 +1485,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])) (0, import_warnOnce.warnOnce)(`"${name}" contributes to "color", not "${property}"`);
@@ -1658,7 +1659,7 @@ function emitProperty(state, property, value, cursor, originalValue, contextOnly
 	}
 	if (import_getCSSStylesAtomic.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 = (0, import_runtime.getTransformPartKeys)(state.transformAccumulator)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
@@ -1700,7 +1701,7 @@ function resolveNumericValue(value) {
 }
 function emitBorder(state, property, raw, cursor, originalValue, contextOnly) {
 	if (property === "borderBlock" || property === "borderInline") {
-		if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`RN has no logical border shorthand "${property}"; dropping it`);
+		if (!isProd && process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`RN has no logical border shorthand "${property}"; dropping it`);
 		return;
 	}
 	var { width, style, color } = (0, import_borderComponents.classifyBorderComponents)(raw, property === "outline");
@@ -1807,14 +1808,14 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
 			emitResolved(state, "backgroundColor", parts[0], cursor, originalValue, contextOnly);
 			return;
 		}
-		if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`native background cannot represent "${raw}"; dropping it`);
+		if (!isProd && process.env.NODE_ENV === "development") (0, import_warnOnce.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(import_themeRef.THEME_REF_PREFIX)) {
 			if (property === "rotate" && !isFinite(numericUnitValue(value2, "deg", "rad")) && true) {
-				if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`native transform "${property}" cannot represent "${value2}"; dropping it`);
+				if (!isProd && process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`native transform "${property}" cannot represent "${value2}"; dropping it`);
 				if (condition & 1) {
 					(0, import_runtime.removeTransformValue)(state.transformAccumulator, property);
 					writeStyleRecord(state, property, void 0, cursor, void 0, recordRetract);
@@ -1938,7 +1939,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 	if (typeof value === "string") {
 		var parsed = (0, import_grammarConfig.getConfigRevisionState)(state.conf).parseFlatValue(value);
 		var [segments, failure, failureIndex] = parsed;
-		if (process.env.NODE_ENV === "development") {
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if ((0, import_config.getSetting)("styleValueSyntax") === "object") {
 				if (segments.length > 5 || segments.length >= 5 && segments[2] !== -1 || value.includes(":")) (0, import_warnOnce.warnOnce)(`syntax:string:${property}=${value}`, `string syntax is disabled by config (styleValueSyntax: 'object'); received "${property}=${value}"`);
 			}
@@ -1962,7 +1963,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);
@@ -1980,7 +1981,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 			}
 			lastPayloadStart = start1;
 			if (start1 === end1) {
-				if (warnMode && process.env.NODE_ENV === "development") (0, import_warnOnce.warnRefusedValue)(property, value, "a conditional clause has no value");
+				if (warnMode && !isProd && process.env.NODE_ENV === "development") (0, import_warnOnce.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);
@@ -1990,10 +1991,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) || (0, import_createVariable.isVariable)(value) || !classifyConditionalObject(value, state)) return false;
-		if (process.env.NODE_ENV === "development") {
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if ((0, import_config.getSetting)("styleValueSyntax") === "string") (0, import_warnOnce.warnOnce)(`syntax:object:${property}=${JSON.stringify(value)}`, `object-form conditional syntax is disabled by config (styleValueSyntax: 'string'); received "${property}"`);
 		}
 		if (value.default != null) {
@@ -2007,7 +2008,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 && (0, import_grammarConfig.getConfigRevisionState)(state.conf).tokenCategory(property) && (0, import_grammarConfig.getConfigRevisionState)(state.conf).propertyKind(property) !== 8 && property !== "boxShadow" && property !== "textShadow" && property !== "fontFamily" && property !== "gap" && (0, import_borderComponents.splitComponents)(lastPayload).length > 1) (0, import_warnOnce.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 && (0, import_grammarConfig.getConfigRevisionState)(state.conf).tokenCategory(property) && (0, import_grammarConfig.getConfigRevisionState)(state.conf).propertyKind(property) !== 8 && property !== "boxShadow" && property !== "textShadow" && property !== "fontFamily" && property !== "gap" && (0, import_borderComponents.splitComponents)(lastPayload).length > 1) (0, import_warnOnce.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;
@@ -2037,7 +2038,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) && !(0, import_createVariable.isVariable)(value) && classifyConditionalObject(value, state))) {
-		if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`conditional "${property}" needs its composite property; dropping it`);
+		if (!isProd && process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`conditional "${property}" needs its composite property; dropping it`);
 		return true;
 	}
 	if (value === "safe") {