@tamagui/web 2.7.7 → 3.0.0-beta.1097.1

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

@@ -0,0 +1,1946 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var getSplitStyles_exports = {};
+__export(getSplitStyles_exports, {
+	STYLE_TOKEN_PROVENANCE_KEY: () => import_styleProvenance2.STYLE_TOKEN_PROVENANCE_KEY,
+	emitVariantStyle: () => emitVariantStyle,
+	getFontFamilyFromNameOrVariable: () => getFontFamilyFromNameOrVariable,
+	getSplitStyles: () => getSplitStyles,
+	getStyleStaticConfig: () => import_styleStaticConfig.getStyleStaticConfig,
+	getStyleTokenProvenance: () => import_styleProvenance2.getStyleTokenProvenance,
+	isValidStyleKey: () => isValidStyleKey,
+	styleOriginalValues: () => import_styleOriginalValues.styleOriginalValues,
+	walkConditionalValue: () => walkConditionalValue
+});
+module.exports = __toCommonJS(getSplitStyles_exports);
+var import_transitionResolver = require("@tamagui/animation-helpers/transitionResolver");
+var import_constants = require("@tamagui/constants");
+var import_helpers = require("@tamagui/helpers");
+var import_runtime = require("@tamagui/style-grammar/runtime");
+var import_config = require("../config.native.js");
+var import_isDevTools = require("../constants/isDevTools.native.js");
+var import_defaultComponentState = require("../defaultComponentState.native.js");
+var import_createVariable = require("../createVariable.native.js");
+var import_types = require("../types.native.js");
+var import_getCSSStylesAtomic = require("./getCSSStylesAtomic.native.js");
+var import_expandStyle = require("./expandStyle.native.js");
+var import_borderComponents = require("./borderComponents.native.js");
+var import_expandStyles = require("./expandStyles.native.js");
+var import_grammarConfig = require("./grammarConfig.native.js");
+var import_mediaState = require("./mediaState.native.js");
+var import_styleStaticConfig = require("./styleStaticConfig.native.js");
+var import_styleFrontend = require("./styleFrontend.native.js");
+var import_nativeStyleEngine = require("./nativeStyleEngine.native.js");
+var import_warnOnce = require("./warnOnce.native.js");
+var import_getDynamicVal = require("./getDynamicVal.native.js");
+var import_styledDynamic = require("./styledDynamic.native.js");
+var import_insertStyleRule = require("./insertStyleRule.native.js");
+var import_log = require("./log.native.js");
+var import_normalizeColor = require("./normalizeColor.native.js");
+var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.native.js");
+var import_parseNativeStyle = require("./parseNativeStyle.native.js");
+var import_parseNativeTransform = require("./parseNativeTransform.native.js");
+var import_resolveNativeUnits = require("./resolveNativeUnits.native.js");
+var import_resolveVariableValue = require("./resolveVariableValue.native.js");
+var import_skipProps = require("./skipProps.native.js");
+var import_styleOriginalValues = require("./styleOriginalValues.native.js");
+var import_styleProvenance = require("./styleProvenance.native.js");
+var import_themeRef = require("./themeRef.native.js");
+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 conditionValue = 0;
+var conditionPlatform = 1;
+var conditionKey = 2;
+var conditionSelector = 3;
+var conditionTheme = 4;
+var conditionWrappers = 5;
+var conditionAtoms = 6;
+var conditionRanks = 7;
+var conditionResolvedFlag = 16;
+var conditionPlatformPseudoFlag = 32;
+function createCondition(parent) {
+	return parent ? [
+		parent[conditionValue] & 63,
+		parent[conditionPlatform],
+		"",
+		parent[conditionSelector],
+		parent[conditionTheme],
+		parent[conditionWrappers].slice(),
+		parent[conditionAtoms].slice(),
+		parent[conditionRanks].slice()
+	] : [
+		19,
+		0,
+		"",
+		"",
+		"",
+		[],
+		[],
+		[]
+	];
+}
+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);
+}
+function appendConditionWrapper(condition, wrapper) {
+	var wrappers = condition[conditionWrappers];
+	if (!wrappers.includes(wrapper)) wrappers.push(wrapper);
+}
+function resolveConditionModifier(state, condition, authored) {
+	var modifier = (0, import_grammarConfig.getConfigRevisionState)(state.conf).resolveCondition(authored);
+	if (!modifier) {
+		setConditionUnresolved(condition, authored);
+		return;
+	}
+	var [name, kind, rank] = modifier;
+	var atoms = condition[conditionAtoms];
+	var atomIndex = 0;
+	while (atomIndex < atoms.length && atoms[atomIndex] < name) atomIndex++;
+	if (atoms[atomIndex] === name) return;
+	for (var index = atoms.length; index > atomIndex; index--) atoms[index] = atoms[index - 1];
+	atoms[atomIndex] = name;
+	if (kind === 3) {
+		condition[conditionPlatform] = Math.max(condition[conditionPlatform], rank);
+		if (!modifier[6]) condition[conditionValue] &= -4;
+		return;
+	}
+	var precedence = kind === 2 ? 1 + Math.min(rank, 63) : kind === 6 ? 65 + Math.min(rank, 63) : kind === 4 ? 129 : kind === 5 ? 161 + rank : 225 + rank;
+	var ranks = condition[conditionRanks];
+	var rankIndex = 0;
+	while (rankIndex < ranks.length && ranks[rankIndex] >= precedence) rankIndex++;
+	for (var index1 = ranks.length; index1 > rankIndex; index1--) ranks[index1] = ranks[index1 - 1];
+	ranks[rankIndex] = precedence;
+	var buildCSS = import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses;
+	if (kind === 2) {
+		var _state_flatMediaState;
+		var _state;
+		var query = modifier[3];
+		if (!query) return setConditionUnresolved(condition, name);
+		if (buildCSS) appendConditionWrapper(condition, `@media ${query}`);
+		if (!((_state_flatMediaState = state.flatMediaState) === null || _state_flatMediaState === void 0 ? void 0 : _state_flatMediaState[name])) condition[conditionValue] &= -2;
+		((_state = state).flatMediaKeys || (_state.flatMediaKeys = /* @__PURE__ */ new Set())).add(name);
+		return;
+	}
+	if (kind === 4) {
+		var _state_flatThemeName;
+		condition[conditionTheme] = name;
+		if (buildCSS) condition[conditionSelector] += `:where(.t_${name}, .t_${name} *)`;
+		if (state.flatThemeName !== name && ((_state_flatThemeName = state.flatThemeName) === null || _state_flatThemeName === void 0 ? void 0 : _state_flatThemeName.startsWith(`${name}_`)) !== true) condition[conditionValue] &= -2;
+		return;
+	}
+	if (kind === 6) {
+		var _state_componentState_group, _state_flatGroupContext, _state_flatGroupContext1, _component_media;
+		var _state1, _state2;
+		var size = modifier[4];
+		var containerName = modifier[5];
+		var groupName = `@${containerName}`;
+		if (buildCSS) {
+			var query1 = modifier[3];
+			appendConditionWrapper(condition, containerName ? `@container ${containerName} ${query1}` : `@container ${query1}`);
+		}
+		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.`);
+		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);
+		((_state2 = state).flatGroupMedia || (_state2.flatGroupMedia = /* @__PURE__ */ new Set())).add(size);
+		return;
+	}
+	var selector = modifier[3];
+	if (kind === 5) {
+		var _state_componentState_group1, _state_flatGroupContext2, _this;
+		var _state3;
+		var groupName1 = modifier[4];
+		if (buildCSS) condition[conditionSelector] += `:where(.t_group_${groupName1}${selector} *)`;
+		var component1 = (_state_componentState_group1 = state.componentState.group) === null || _state_componentState_group1 === void 0 ? void 0 : _state_componentState_group1[groupName1];
+		var context1 = (_state_flatGroupContext2 = state.flatGroupContext) === null || _state_flatGroupContext2 === void 0 ? void 0 : _state_flatGroupContext2[groupName1];
+		var _component_pseudo;
+		if (!((_this = (_component_pseudo = component1 === null || component1 === void 0 ? void 0 : component1.pseudo) !== null && _component_pseudo !== void 0 ? _component_pseudo : context1 === null || context1 === void 0 ? void 0 : context1.state.pseudo) === null || _this === void 0 ? void 0 : _this[modifier[5]])) condition[conditionValue] &= -2;
+		((_state3 = state).flatGroupKeys || (_state3.flatGroupKeys = /* @__PURE__ */ new Set())).add(groupName1);
+	} else {
+		var _state4;
+		if (rank === 0 || rank === 2 || rank === 4) condition[conditionValue] |= conditionPlatformPseudoFlag;
+		else if (rank === 6) condition[conditionValue] |= 4;
+		else if (rank === 7) condition[conditionValue] |= 8;
+		if (buildCSS) condition[conditionSelector] += `:where(${selector}${selector[0] === "." ? `, ${selector} *` : ""})`;
+		var component2 = state.componentState;
+		if (!(rank === 1 ? component2.focusWithin : rank === 3 ? component2.focusVisible : rank === 4 ? component2.press || component2.pressIn : rank === 5 ? component2.disabled || state.props.disabled : rank === 6 ? component2.unmounted : rank === 7 ? state.styleProps.isExiting : component2[name])) condition[conditionValue] &= -2;
+		if (selector[0] === ":") ((_state4 = state).flatStateKeys || (_state4.flatStateKeys = /* @__PURE__ */ new Set())).add(name);
+	}
+	if (rank === 0 && buildCSS) appendConditionWrapper(condition, "@media (hover: hover)");
+}
+function resolveConditionText(state, condition, text) {
+	var start = 0;
+	for (var index = 0; index <= text.length; index++) {
+		if (index !== text.length && text.charCodeAt(index) !== 58) continue;
+		if (index === start) {
+			setConditionUnresolved(condition);
+			return;
+		}
+		if (!(condition[conditionValue] & conditionResolvedFlag)) return;
+		resolveConditionModifier(state, condition, text.slice(start, index));
+		start = index + 1;
+	}
+}
+function commitCondition(condition) {
+	if (!(condition[conditionValue] & conditionResolvedFlag)) {
+		condition[conditionValue] = 0;
+		return 0;
+	}
+	condition[conditionKey] = condition[conditionAtoms].join(":");
+	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]}:"`);
+		return 0;
+	}
+	var precedence = condition[conditionPlatform] * 6 + depth;
+	for (var index = 0; index < 5; index++) precedence = precedence * 256 + (ranks[index] || 0);
+	var value = precedence * 256 + condition[conditionValue];
+	condition[conditionValue] = value;
+	return value;
+}
+function conditionFromKey(state, key, parent) {
+	if (!key) return createCondition(parent);
+	if (!parent) {
+		var direct = state;
+		var cache = direct.flatConditions;
+		if (cache === void 0 || direct.flatConditionsClassed !== state.flatShouldDoClasses) {
+			cache = direct.flatConditions = /* @__PURE__ */ new Map();
+			direct.flatConditionsClassed = state.flatShouldDoClasses;
+		}
+		var known = cache.get(key);
+		if (known !== void 0) return known;
+		var resolved = createCondition(null);
+		resolveConditionText(state, resolved, key);
+		commitCondition(resolved);
+		cache.set(key, resolved);
+		return resolved;
+	}
+	var condition = createCondition(parent);
+	resolveConditionText(state, condition, key);
+	commitCondition(condition);
+	return condition;
+}
+function classifyConditionalObject(value, state, isChain, firstCondition) {
+	if ("default" in value) return -1;
+	for (var key in value) {
+		if (!key.length) return 0;
+		if (!state) return (isChain === null || isChain === void 0 ? void 0 : isChain(key)) ? 1 : 0;
+		var condition = firstCondition || createCondition();
+		resolveConditionText(state, condition, key);
+		return commitCondition(condition);
+	}
+	return 0;
+}
+var passClassName = 20;
+var passShouldDoClasses = 21;
+var passContainerValue = 22;
+var passContainerName = 23;
+var passContainerType = 24;
+var passFrontendGroup = 25;
+var passFrontendContainer = 26;
+var passFrontendContainerType = 27;
+var passSourceLayer = 28;
+var passParentCursor = 29;
+var passMapSourceKey = 30;
+var passFlags = 13;
+var sourceLayerBase = 0;
+var sourceLayerVariant = 1;
+var sourceLayerResolver = 2;
+var sourceLayerProps = 3;
+var sourceLayerStyle = 4;
+var passNoSkipFlag = 1;
+var passDisableShorthandsFlag = 2;
+var passNoExpandFlag = 4;
+var passNoMergeFlag = 8;
+var passHocFlag = 16;
+var passTextFlag = 32;
+var passInputFlag = 64;
+var passAsChildStyleFlag = 128;
+function isValidStyleKey(key, validStyles) {
+	return key in validStyles;
+}
+function effectiveLifecycleKeys(keys) {
+	if (!keys) return;
+	var out = /* @__PURE__ */ new Set();
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = keys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var key = _step.value;
+			out.add(key === "--t-x" || key === "--t-y" ? "translate" : key === "--t-scale-x" || key === "--t-scale-y" ? "scale" : key);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+	return out;
+}
+function contributeProp(pass, keyOg, valOg) {
+	var originalOg = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : valOg, disabled = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false;
+	var [styleState, conf, props, viewProps, , validStyles, neverSkipProps, variants, inlineProps, parentVariants, styleFrontend, styledContext, styledContextKeys, flags, debug, , defaultProps, driverAnimations, driverOutputStyle, elementType] = pass;
+	var noSkip = Boolean(flags & passNoSkipFlag);
+	var disableExpandShorthands = Boolean(flags & passDisableShorthandsFlag);
+	var noExpand = Boolean(flags & passNoExpandFlag);
+	var noMergeStyle = Boolean(flags & passNoMergeFlag);
+	var isHOC = Boolean(flags & passHocFlag);
+	var isText = Boolean(flags & passTextFlag);
+	var isInput = Boolean(flags & passInputFlag);
+	var shorthands = conf.shorthands;
+	var shouldSkipDirectProps = !noSkip && !isHOC;
+	var shouldCheckSkipProps = !noSkip;
+	var asChildExceptStyleLike = Boolean(flags & passAsChildStyleFlag);
+	var isTextOrInput = isText || isInput;
+	var hocParentVariants = isHOC ? parentVariants : void 0;
+	var keyInit = keyOg;
+	var valInit = valOg;
+	if (keyInit === "children") {
+		viewProps[keyInit] = valInit;
+		return;
+	}
+	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 (!disableExpandShorthands) {
+		if (keyInit in shorthands) keyInit = shorthands[keyInit];
+	}
+	if (keyInit === "className") {
+		if (pass[passParentCursor]) return;
+		if (typeof valInit === "string" && valInit && (styleFrontend === null || styleFrontend === void 0 ? void 0 : styleFrontend.resolveClassName)) {
+			if (noMergeStyle) {
+				viewProps.className = valInit;
+				return;
+			}
+			var resolveClassName = styleFrontend === null || styleFrontend === void 0 ? void 0 : styleFrontend.resolveClassName;
+			var composedProps = null;
+			var sink = function(entry2) {
+				var property2 = entry2[0];
+				var condition2 = entry2[2];
+				if (property2.charCodeAt(0) === 95 && property2.charCodeAt(1) === 95) {
+					composedProps || (composedProps = {});
+					composedProps[property2] = (0, import_styleFrontend.mergeFrontendCondition)(composedProps[property2], entry2[1], condition2);
+					return;
+				}
+				if (condition2 !== void 0) {
+					if (isValidStyleKey(property2, validStyles)) contributeValue(styleState, property2, entry2[1], void 0, false, condition2);
+					else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${property2}" is not a valid style on this component; the frontend value is dropped.`);
+					return;
+				}
+				if (property2 === "group") pass[passFrontendGroup] = entry2[1];
+				else if (property2 === "container") pass[passFrontendContainer] = entry2[1];
+				else if (property2 === "containerType") pass[passFrontendContainerType] = entry2[1];
+				contributeProp(pass, property2, entry2[1]);
+			};
+			var start = 0;
+			for (var index = 0; index <= valInit.length; index++) {
+				if (index !== valInit.length && valInit.charCodeAt(index) > 32) continue;
+				if (index === start) {
+					start = index + 1;
+					continue;
+				}
+				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.`);
+				} else if (preserveRaw) {
+					pass[passClassName] = pass[passClassName] ? `${pass[passClassName]} ${candidate}` : candidate;
+					if (resolveClassName) {
+						if (pass[passShouldDoClasses]) {
+							completeResolvedStyles(styleState);
+							(0, import_getCSSStylesAtomic.flushDirectStyles)(styleState, true);
+						}
+						pass[passShouldDoClasses] = false;
+						styleState.flatShouldDoClasses = false;
+					}
+				}
+				start = index + 1;
+			}
+			if (composedProps) {
+				var _styleFrontend_compose;
+				var composed = (_styleFrontend_compose = styleFrontend.compose) === null || _styleFrontend_compose === void 0 ? void 0 : _styleFrontend_compose.call(styleFrontend, composedProps);
+				for (var property in composed) contributeProp(pass, property, composed[property]);
+			}
+		}
+		return;
+	}
+	if (keyInit === import_skipProps.HOC_CLASSNAME_MARKER) {
+		if (valInit) {
+			var _direct;
+			var [hocClassNames, hocSlots] = valInit;
+			var direct = styleState;
+			var layers = (_direct = direct).flatPropertyLayers || (_direct.flatPropertyLayers = /* @__PURE__ */ new Map());
+			for (var property1 in hocClassNames) {
+				if (hocSlots === null || hocSlots === void 0 ? void 0 : hocSlots.has(property1)) continue;
+				clearDirectStyle(styleState, property1);
+				styleState.classNames[property1] = hocClassNames[property1];
+				layers.set(property1, pass[passSourceLayer]);
+			}
+			if (hocSlots) {
+				var _direct1;
+				var slots = (_direct1 = direct).flatSlots || (_direct1.flatSlots = /* @__PURE__ */ new Map());
+				var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+				try {
+					for (var _iterator = hocSlots[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+						var [slot, entries] = _step.value;
+						var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+						try {
+							for (var _iterator1 = entries[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+								var entry = _step1.value;
+								if (!ownsSourceLayer(styleState, entry[0], !!entry[2])) continue;
+								writeCapturedStyleRecord(slots, slot, entry, pass[passSourceLayer]);
+							}
+						} catch (err) {
+							_didIteratorError1 = true;
+							_iteratorError1 = err;
+						} finally {
+							try {
+								if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+							} finally {
+								if (_didIteratorError1) throw _iteratorError1;
+							}
+						}
+					}
+				} catch (err) {
+					_didIteratorError = true;
+					_iteratorError = err;
+				} finally {
+					try {
+						if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+					} finally {
+						if (_didIteratorError) throw _iteratorError;
+					}
+				}
+			}
+		}
+		return;
+	}
+	if (keyInit === "style") {
+		if (!valInit) return;
+		if (noMergeStyle) {
+			viewProps.style = valInit;
+			return;
+		}
+		var layerBeforeStyle = pass[passSourceLayer];
+		pass[passSourceLayer] = sourceLayerStyle;
+		var isArray = Array.isArray(valInit);
+		var length = isArray ? valInit.length : 1;
+		for (var index1 = 0; index1 < length; index1++) {
+			var style = isArray ? valInit[index1] : valInit;
+			if (!style) continue;
+			if ((0, import_style.isStylePiece)(style)) {
+				var resolvedPiece = resolveStylePiece(styleState, style);
+				var pieceOriginals = shouldTrackStyleTokenProvenance ? import_styleOriginalValues.styleOriginalValues.get(style[import_types.stylePieceSymbol].styleObject) : void 0;
+				for (var key in resolvedPiece) {
+					if (resolvedPiece[key] == null) continue;
+					contributeValue(styleState, key, resolvedPiece[key], pieceOriginals === null || pieceOriginals === void 0 ? void 0 : pieceOriginals[key]);
+				}
+				continue;
+			}
+			var styleOriginals = shouldTrackStyleTokenProvenance ? import_styleOriginalValues.styleOriginalValues.get(style) : void 0;
+			for (var key1 in style) {
+				if (style[key1] == null) continue;
+				contributeValue(styleState, key1, style[key1], styleOriginals === null || styleOriginals === void 0 ? void 0 : styleOriginals[key1]);
+			}
+		}
+		pass[passSourceLayer] = layerBeforeStyle;
+		return;
+	}
+	if (defaultProps) {
+		var _defaultProps_keyOg;
+		var defaultVal = (_defaultProps_keyOg = defaultProps[keyOg]) !== null && _defaultProps_keyOg !== void 0 ? _defaultProps_keyOg : defaultProps[keyInit];
+		if (defaultVal !== void 0 && valInit === defaultVal) return;
+	}
+	var isNativeInputColor = isInput && keyInit in import_nativeStyleEngine.nativeTextInputColorProps;
+	if (!isNativeInputColor && keyInit in import_skipProps.skipProps && shouldSkipDirectProps && !(neverSkipProps === null || neverSkipProps === void 0 ? void 0 : neverSkipProps[keyInit])) if (keyInit === "transition" && typeof valInit === "string") return;
+	else return;
+	var isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles);
+	if (process.env.NODE_ENV === "development") {
+		if (!isValidStyleKeyInit && (!variants || !(keyInit in variants))) {
+			var replacement;
+			if (keyInit === "animation") replacement = "transition=";
+			else if (keyInit === "hoverStyle") replacement = "hover: clause";
+			else if (keyInit === "pressStyle") replacement = "press: clause";
+			else if (keyInit === "focusStyle") replacement = "focus: clause";
+			else if (keyInit === "enterStyle") replacement = "enter: clause";
+			else if (keyInit === "exitStyle") replacement = "exit: clause";
+			else if (keyInit.charCodeAt(0) === 36 && keyInit.length > 1) replacement = `${keyInit.slice(1)}: clause`;
+			if (replacement) (0, import_warnOnce.warnOnce)(`v2-prop:${keyInit}`, `prop "${keyInit}" was removed in v3; use ${replacement}`);
+		}
+	}
+	if (!isValidStyleKeyInit) {
+		if (!import_constants.isAndroid) {
+			if (keyInit === "elevationAndroid") return;
+		}
+		if (keyInit === "userSelect") {
+			keyInit = "selectable";
+			valInit = valInit !== "none";
+		} else if (keyInit === "textOverflow") {
+			if (isText && valInit === "ellipsis") {
+				var _viewProps, _viewProps1;
+				var _numberOfLines;
+				(_numberOfLines = (_viewProps = viewProps).numberOfLines) !== null && _numberOfLines !== void 0 || (_viewProps.numberOfLines = 1);
+				var _ellipsizeMode;
+				(_ellipsizeMode = (_viewProps1 = viewProps).ellipsizeMode) !== null && _ellipsizeMode !== void 0 || (_viewProps1.ellipsizeMode = "tail");
+			}
+			return;
+		} else if (keyInit.startsWith("data-")) return;
+	}
+	var isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
+	var isStyleProp = isValidStyleKeyInit || isVariant && !noExpand;
+	if (isStyleProp && asChildExceptStyleLike) return;
+	var shouldPassProp = !isStyleProp && isHOC || hocParentVariants && keyInit in hocParentVariants || (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(keyInit));
+	var parentVariant = parentVariants === null || parentVariants === void 0 ? void 0 : parentVariants[keyInit];
+	var isHOCShouldPassThrough = Boolean(isHOC && (parentVariant || keyInit in import_skipProps.skipProps));
+	var shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
+	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+		console.groupCollapsed(`  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`);
+		(0, import_log.log)({
+			isVariant,
+			valInit,
+			shouldPassProp
+		});
+		if (import_constants.isClient) (0, import_log.log)({
+			variants,
+			variant: variants === null || variants === void 0 ? void 0 : variants[keyInit],
+			isVariant,
+			isHOCShouldPassThrough,
+			parentStaticConfig: pass[15]
+		});
+	}
+	if (shouldPassThrough) {
+		if (keyInit in viewProps) delete viewProps[keyInit];
+		viewProps[keyInit] = valInit;
+		if (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();
+			return;
+		}
+	}
+	if (isTextOrInput) {
+		if (valInit && (keyInit === "fontFamily" || keyInit === shorthands["fontFamily"]) && valInit in conf.fontsParsed) styleState.fontFamily = valInit;
+	}
+	if (isValidStyleKeyInit && valInit != null && !(valInit === "unset") && !(variants && keyInit in variants) && !((styledContextKeys === null || styledContextKeys === void 0 ? void 0 : styledContextKeys.has(keyInit)) || styledContext && keyInit in styledContext)) {
+		contributeValue(styleState, keyInit, valInit, originalOg);
+		return;
+	}
+	if (variants && keyInit in variants && !noExpand && !disabled) {
+		var _variantConfig_variantStyleResolver;
+		var previousLayer = pass[passSourceLayer];
+		pass[passSourceLayer] = previousLayer ? sourceLayerVariant : sourceLayerBase;
+		pass[passMapSourceKey] = keyInit;
+		var variantConfig = styleState.flatStyleStaticConfig;
+		(_variantConfig_variantStyleResolver = variantConfig.variantStyleResolver) === null || _variantConfig_variantStyleResolver === void 0 || _variantConfig_variantStyleResolver.call(variantConfig, styleState, variantConfig.variants, keyInit, valInit, keyInit, pass[passParentCursor]);
+		pass[passSourceLayer] = previousLayer;
+		return;
+	}
+	var isStyledContextProp = !isHOC && ((styledContextKeys === null || styledContextKeys === void 0 ? void 0 : styledContextKeys.has(keyInit)) || styledContext && keyInit in styledContext);
+	if (isStyledContextProp) {
+		var _styleState1, _styleState2;
+		((_styleState1 = styleState).overriddenContextProps || (_styleState1.overriddenContextProps = {}))[keyInit] = originalOg;
+		((_styleState2 = styleState).originalContextPropValues || (_styleState2.originalContextPropValues = {}))[keyInit] = originalOg;
+	}
+	var isHostStyleKey = isValidStyleKeyInit || import_constants.isAndroid && keyInit === "elevation";
+	if (isHostStyleKey || isStyledContextProp) {
+		if (valInit === "unset") {
+			var expanded = (0, import_expandStyle.expandStyle)(keyInit, valInit, conf.settings.styleCompat || "web");
+			clearDirectStyle(styleState, keyInit);
+			if (expanded) for (var index2 = 0; index2 < expanded.length; index2++) clearDirectStyle(styleState, expanded[index2][0]);
+		} else contributeValue(styleState, keyInit, valInit, originalOg, !isHostStyleKey);
+		return;
+	}
+	var condition = pass[passParentCursor];
+	if (condition) {
+		if (isHOC) {
+			var previous = viewProps[keyInit];
+			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.`);
+		return;
+	}
+	if (keyInit in import_helpers.stylePropsAll) {
+		if (process.env.NODE_ENV === "development") 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") {
+		try {
+			(0, import_log.log)(` \u2714\uFE0F expand complete`, keyInit);
+			(0, import_log.log)("style", { ...styleState.style });
+			(0, import_log.log)("viewProps", { ...viewProps });
+			(0, import_log.log)("transforms", styleState.transformAccumulator);
+		} catch (e) {}
+		console.groupEnd();
+	}
+}
+var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver, styleStaticConfig) {
+	var _styleState_flatMediaKeys, _styleState_flatGroupKeys, _styleState_flatGroupMedia, _styleState_flatGroupKeys1, _styleState_flatGroupMedia1, _styleState_style;
+	var conf = (0, import_config.getConfig)();
+	styleStaticConfig || (styleStaticConfig = (0, import_styleStaticConfig.getStyleStaticConfig)(staticConfig, conf));
+	var driver = animationDriver || (componentContext === null || componentContext === void 0 ? void 0 : componentContext.animationDriver) || conf.animations;
+	var driverAnimations = driver === null || driver === void 0 ? void 0 : driver.animations;
+	driver === null || driver === void 0 || driver.inputStyle;
+	var driverOutputStyle = driver === null || driver === void 0 ? void 0 : driver.outputStyle;
+	var resolvedDriver = (driver === null || driver === void 0 ? void 0 : driver.isStub) ? null : driver;
+	if (props.passThrough) return null;
+	var { shorthands } = conf;
+	var { isHOC, isText, isInput, inlineProps, parentStaticConfig, acceptsClassName } = staticConfig;
+	var variants = styleStaticConfig.variants;
+	var viewProps = {};
+	var mediaState = styleProps.mediaState || import_mediaState.mediaState;
+	var shouldDoClasses = !process.env.TAMAGUI_DID_OUTPUT_CSS && acceptsClassName && false;
+	var rulesToInsert = void 0;
+	var classNames = {};
+	var hasMedia = false;
+	var pseudoGroups;
+	var mediaGroups;
+	var staticPassthroughClassName = "";
+	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`;
+	var styleState = {
+		classNames,
+		conf,
+		props,
+		styleProps,
+		componentState,
+		staticConfig,
+		style: null,
+		theme,
+		viewProps,
+		context: componentContext,
+		debug,
+		flatRulesToInsert: rulesToInsert,
+		flatShouldDoClasses: shouldDoClasses,
+		flatThemeName: themeName,
+		flatMediaState: mediaState,
+		flatGroupContext: groupContext,
+		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 (import_isDevTools.isDevTools) {
+			console.groupCollapsed("🔹 getSplitStyles 👇");
+			(0, import_log.log)({
+				props,
+				staticConfig,
+				shouldDoClasses,
+				styleProps,
+				rulesToInsert,
+				componentState,
+				styleState,
+				theme: { ...theme }
+			});
+		}
+	}
+	var { asChild } = props;
+	var { neverSkipProps } = staticConfig;
+	var { noSkip, disableExpandShorthands, noExpand, noClass, noMergeStyle, noNormalize, isAnimated, styledContext } = styleProps;
+	var styledContextKeys = styleStaticConfig.styledContextKeys;
+	var styleFrontend = staticConfig.styleFrontend;
+	var frontendGroup;
+	var frontendContainer;
+	var frontendContainerType;
+	var processedProps = props;
+	var parentVariants = parentStaticConfig ? (0, import_styleStaticConfig.getStyleStaticConfig)(parentStaticConfig, conf).variants : void 0;
+	var defaultProps = asChild ? styleStaticConfig.defaultProps : void 0;
+	var asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
+	var containerValue;
+	var containerName;
+	var containerType;
+	var pass = [
+		styleState,
+		conf,
+		props,
+		viewProps,
+		staticConfig,
+		validStyles,
+		neverSkipProps,
+		variants,
+		inlineProps,
+		parentVariants,
+		styleFrontend,
+		styledContext,
+		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,
+		parentStaticConfig,
+		defaultProps,
+		driverAnimations,
+		driverOutputStyle,
+		elementType,
+		className,
+		shouldDoClasses,
+		containerValue,
+		containerName,
+		containerType,
+		frontendGroup,
+		frontendContainer,
+		frontendContainerType
+	];
+	styleState.flatPass = pass;
+	var conditionalStates = null;
+	var usesSafeArea = false;
+	var baseStyle = styleStaticConfig.baseStyle;
+	var baseVariantProps = styleStaticConfig.baseVariantProps;
+	var appliesBaseStyle = baseStyle && !processedProps.asChild;
+	pass[passSourceLayer] = sourceLayerBase;
+	if (appliesBaseStyle && baseVariantProps) {
+		var callerKeys;
+		for (var key in baseVariantProps) if (Object.hasOwn(processedProps, key) && processedProps[key] !== baseVariantProps[key]) (callerKeys || (callerKeys = /* @__PURE__ */ new Set())).add(key);
+		styleState.flatCallerVariantKeys = callerKeys;
+	}
+	if (appliesBaseStyle) for (var key1 in baseStyle) {
+		var _styleStaticConfig_baseStylePieces;
+		var baseValue = baseVariantProps && Object.hasOwn(baseVariantProps, key1) && Object.hasOwn(processedProps, key1) ? processedProps[key1] : baseStyle[key1];
+		var expandedKey = shorthands[key1] || key1;
+		if ((isText || isInput) && baseValue && expandedKey === "fontFamily" && baseValue in conf.fontsParsed) styleState.fontFamily = baseValue;
+		(_styleStaticConfig_baseStylePieces = styleStaticConfig.baseStylePieces) === null || _styleStaticConfig_baseStylePieces === void 0 || _styleStaticConfig_baseStylePieces[key1];
+		contributeProp(pass, key1, baseValue);
+	}
+	pass[passSourceLayer] = sourceLayerProps;
+	for (var key2 in processedProps) {
+		if (appliesBaseStyle && baseVariantProps && Object.hasOwn(baseVariantProps, key2)) continue;
+		contributeProp(pass, key2, processedProps[key2]);
+	}
+	var resolvers = staticConfig.resolvers;
+	if (resolvers && !noExpand) {
+		var prevSourceLayer = pass[passSourceLayer];
+		pass[passSourceLayer] = sourceLayerResolver;
+		var flagsBefore = pass[passFlags];
+		pass[passFlags] = flagsBefore | passNoExpandFlag;
+		var env = (0, import_styledDynamic.getDynamicEnv)(styleState);
+		for (var index = 0; index < resolvers.length; index++) {
+			var resolved = resolvers[index](processedProps, env);
+			if (resolved) for (var key3 in resolved) {
+				if (resolved[key3] == null) continue;
+				contributeProp(pass, key3, resolved[key3]);
+			}
+		}
+		pass[passFlags] = flagsBefore;
+		pass[passSourceLayer] = prevSourceLayer;
+	}
+	className = pass[passClassName];
+	shouldDoClasses = pass[passShouldDoClasses];
+	containerValue = pass[passContainerValue];
+	containerName = pass[passContainerName];
+	containerType = pass[passContainerType];
+	frontendGroup = pass[passFrontendGroup];
+	frontendContainer = pass[passFrontendContainer];
+	frontendContainerType = pass[passFrontendContainerType];
+	if (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;
+	pseudoGroups = ((_styleState_flatGroupKeys = styleState.flatGroupKeys) === null || _styleState_flatGroupKeys === void 0 ? void 0 : _styleState_flatGroupKeys.size) ? styleState.flatGroupKeys : void 0;
+	mediaGroups = ((_styleState_flatGroupMedia = styleState.flatGroupMedia) === null || _styleState_flatGroupMedia === void 0 ? void 0 : _styleState_flatGroupMedia.size) ? styleState.flatGroupMedia : void 0;
+	if (styleProps.canPlatformPseudo && styleState.flatHasPlatformPseudo) {
+		shouldDoClasses = false;
+		styleState.flatShouldDoClasses = false;
+		if (styleState.transformAccumulator) {
+			mergeStyle(styleState, "transform", (0, import_runtime.finalizeTransformAccumulator)(styleState.transformAccumulator), true);
+			styleState.transformAccumulator = void 0;
+		}
+	}
+	if (styleProps.stylePieceEntries) {
+		var slots = styleState.flatSlots;
+		if (slots) {
+			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+			try {
+				for (var _iterator = slots[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+					var [slot, entries] = _step.value;
+					styleProps.stylePieceEntries[slot] = entries;
+				}
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+				} finally {
+					if (_didIteratorError) throw _iteratorError;
+				}
+			}
+		}
+	}
+	completeResolvedStyles(styleState);
+	if ((_styleState_flatGroupKeys1 = styleState.flatGroupKeys) === null || _styleState_flatGroupKeys1 === void 0 ? void 0 : _styleState_flatGroupKeys1.size) pseudoGroups = styleState.flatGroupKeys;
+	if ((_styleState_flatGroupMedia1 = styleState.flatGroupMedia) === null || _styleState_flatGroupMedia1 === void 0 ? void 0 : _styleState_flatGroupMedia1.size) mediaGroups = styleState.flatGroupMedia;
+	if (styleProps.isStatic) for (var property in classNames) {
+		var identifier = classNames[property];
+		if (rulesToInsert[identifier]) continue;
+		var rules = (0, import_insertStyleRule.getRulesForIdentifier)(identifier);
+		if (rules) rulesToInsert[identifier] = [
+			property,
+			"",
+			identifier,
+			void 0,
+			rules
+		];
+	}
+	var effectiveTransition = (_styleState_style = styleState.style) === null || _styleState_style === void 0 ? void 0 : _styleState_style.transition;
+	if (effectiveTransition != null && styleState.style && true) delete styleState.style.transition;
+	if (styleState.style) {
+		if ("containerType" in styleState.style) delete styleState.style.containerType;
+		if ("containerName" in styleState.style) delete styleState.style.containerName;
+	}
+	if (!(noNormalize === false)) {
+		if (styleState.style) (0, import_expandStyles.fixStyles)(styleState.style);
+		if (styleState.transformAccumulator && !styleState.flatShouldDoClasses) {
+			var _styleState;
+			(_styleState = styleState).style || (_styleState.style = {});
+			styleState.style.transform = (0, import_runtime.finalizeTransformAccumulator)(styleState.transformAccumulator);
+		}
+		if (parentSplitStyles) {
+			if (!shouldDoClasses) for (var key5 in parentSplitStyles.style) {
+				var _styleState1;
+				if (key5 in classNames || styleState.style && key5 in styleState.style) continue;
+				(_styleState1 = styleState).style || (_styleState1.style = {});
+				styleState.style[key5] = parentSplitStyles.style[key5];
+			}
+		}
+	}
+	if (viewProps.tabIndex === 0) {
+		var _viewProps;
+		var _accessible;
+		(_accessible = (_viewProps = viewProps).accessible) !== null && _accessible !== void 0 || (_viewProps.accessible = true);
+	}
+	var style = styleState.style;
+	if (style === null || style === void 0 ? void 0 : style.fontFamily) {
+		var _getFont;
+		var faceInfo = (_getFont = (0, import_config.getFont)(style.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
+		if (faceInfo) {
+			var _faceInfo_style_fontWeight_, _faceInfo_style_fontWeight;
+			var overrideFace = (_faceInfo_style_fontWeight = faceInfo[style.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 ? void 0 : (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
+			if (overrideFace) {
+				style.fontFamily = overrideFace;
+				styleState.fontFamily = overrideFace;
+				delete style.fontWeight;
+				delete style.fontStyle;
+			}
+		}
+		if (process.env.NODE_ENV === "development" && debug && debug !== "profile") (0, import_log.log)(`Found fontFamily native: ${style.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 (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
+		var provenance = {};
+		var hasProvenance = false;
+		for (var key6 in styleState.tokenProvenance) {
+			provenance[key6] = {
+				token: styleState.tokenProvenance[key6],
+				theme: themeName
+			};
+			hasProvenance = true;
+		}
+		if (hasProvenance) (0, import_styleProvenance.setStyleTokenProvenance)(styleState.style, provenance);
+	}
+	var result = {
+		hasMedia,
+		fontFamily: styleState.fontFamily,
+		viewProps,
+		style: styleState.style,
+		classNames,
+		rulesToInsert,
+		pseudoGroups,
+		mediaGroups,
+		overriddenContextProps: styleState.overriddenContextProps
+	};
+	if (effectiveTransition != null) result.effectiveTransition = effectiveTransition;
+	if (conditionalStates) result.programStates = conditionalStates;
+	if (usesSafeArea) result.usesSafeArea = true;
+	if (styleState.flatDynamicThemeAccess) result.dynamicThemeAccess = true;
+	if (styleState.flatEnterKeys || styleState.flatExitKeys) result.programLifecycleStyleKeys = {
+		enter: effectiveLifecycleKeys(styleState.flatEnterKeys),
+		exit: effectiveLifecycleKeys(styleState.flatExitKeys)
+	};
+	if (styleState.flatHasEnterStyle) result.hasEnterStyle = true;
+	if (styleState.flatHasPlatformPseudo) result.platformPseudo = true;
+	if (frontendGroup !== void 0) result.frontendGroup = frontendGroup;
+	if (frontendContainer !== void 0) result.frontendContainer = frontendContainer;
+	if (frontendContainerType !== void 0) result.frontendContainerType = frontendContainerType;
+	if (!noMergeStyle) {
+		if (!asChildExceptStyleLike) {
+			var style1 = styleState.style;
+			if (style1) viewProps.style = style1;
+		}
+	}
+	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+		if (import_constants.isClient && import_isDevTools.isDevTools) {
+			console.groupEnd();
+			console.groupCollapsed("🔹 getSplitStyles ===>");
+			try {
+				var logs = {
+					...props.__tamaguiStyleDebugReceipt && { receipt: props.__tamaguiStyleDebugReceipt },
+					...result,
+					className,
+					componentState,
+					viewProps,
+					rulesToInsert,
+					parentSplitStyles
+				};
+				for (var key8 in logs) (0, import_log.log)(key8, logs[key8]);
+			} catch (e) {}
+			console.groupEnd();
+		}
+	}
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
+	return result;
+};
+var stylePieceStaticConfig = {
+	acceptsClassName: true,
+	isText: true,
+	validStyles: import_helpers.stylePropsAll
+};
+var compileStylePieceRuntime = function(piece, layer) {};
+(0, import_style.setStylePieceCompiler)(compileStylePieceRuntime);
+(0, import_style.setStylePieceResolver)(function(piece, theme, themeName) {
+	var split = getSplitStyles({ style: piece }, stylePieceStaticConfig, theme, themeName, import_defaultComponentState.defaultComponentStateMounted, {
+		isAnimated: false,
+		resolveValues: "value"
+	});
+	return (split === null || split === void 0 ? void 0 : split.style) || {};
+});
+var resolvedStylePieceCache = /* @__PURE__ */ new WeakMap();
+function resolveStylePiece(styleState, piece) {
+	var definition = piece[import_types.stylePieceSymbol].styleObject;
+	if (!(0, import_style.isStylePieceCacheable)(piece)) return resolveStyleObject(styleState, definition);
+	var themeCache = resolvedStylePieceCache.get(piece);
+	if (!themeCache) {
+		themeCache = /* @__PURE__ */ new WeakMap();
+		resolvedStylePieceCache.set(piece, themeCache);
+	}
+	var theme = styleState.theme;
+	var cached = themeCache.get(theme);
+	if (cached) return cached;
+	var resolved = resolveStyleObject(styleState, definition);
+	themeCache.set(theme, resolved);
+	return resolved;
+}
+function writeCapturedStyleRecord(slots, slot, source, sourceLayer) {
+	var list = slots.get(slot);
+	if (!list) slots.set(slot, list = []);
+	var flags = source[7] & 31;
+	var identity = source[3];
+	var condition = source[2];
+	for (var index = 0; index < list.length; index++) {
+		var entry = list[index];
+		var entryFlags = entry[7] & 31;
+		if ((entryFlags & (recordInline | recordCSS)) !== (flags & (recordInline | recordCSS))) continue;
+		if (entry[0] !== source[0]) continue;
+		if (flags & recordDefault) {
+			if (!(entryFlags & recordDefault) && (!entry[2] || entry[3] === identity)) return;
+		} else if (entryFlags & recordDefault && (!condition || entry[3] === identity)) {
+			list.splice(index--, 1);
+			continue;
+		}
+		if (entry[3] === identity) {
+			list.splice(index, 1);
+			break;
+		}
+	}
+	var next = [...source];
+	next[7] = flags | sourceLayer << 5;
+	list.push(next);
+}
+function mergeStyle(styleState, key, val) {
+	arguments.length > 3 && arguments[3] !== void 0 && arguments[3];
+	var originalVal = arguments.length > 4 ? arguments[4] : void 0;
+	var { viewProps, styleProps, staticConfig } = styleState;
+	var contextPropSet = styleState.flatStyleStaticConfig.styledContextKeys;
+	if (contextPropSet === null || contextPropSet === void 0 ? void 0 : contextPropSet.has(key)) {
+		var _styleState_originalContextPropValues;
+		var _styleState;
+		(_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {});
+		var originalFromState = (_styleState_originalContextPropValues = styleState.originalContextPropValues) === null || _styleState_originalContextPropValues === void 0 ? void 0 : _styleState_originalContextPropValues[key];
+		var _ref;
+		styleState.overriddenContextProps[key] = (_ref = originalVal !== null && originalVal !== void 0 ? originalVal : originalFromState) !== null && _ref !== void 0 ? _ref : val;
+	}
+	if (key === "transform" || key in import_helpers.stylePropsTransform) {
+		var _styleState1;
+		(_styleState1 = styleState).transformAccumulator || (_styleState1.transformAccumulator = (0, import_runtime.createTransformAccumulator)());
+		(0, import_runtime.addTransformValue)(styleState.transformAccumulator, key, val);
+	} else {
+		var out = val;
+		if (typeof out === "string") {
+			if (out.includes("cqi") || out.includes("cqw")) {
+				var _styleState2, _styleState3;
+				((_styleState2 = styleState).flatGroupKeys || (_styleState2.flatGroupKeys = /* @__PURE__ */ new Set())).add("@");
+				((_styleState3 = styleState).flatGroupMedia || (_styleState3.flatGroupMedia = /* @__PURE__ */ new Set())).add("@");
+			}
+			out = (0, import_resolveNativeUnits.resolveNativeUnits)(key, out, styleState);
+		}
+		if (staticConfig.isInput && key in import_nativeStyleEngine.nativeTextInputColorProps) viewProps[import_nativeStyleEngine.nativeTextInputColorProps[key]] = out;
+		else {
+			var _styleState4;
+			(_styleState4 = styleState).style || (_styleState4.style = {});
+			styleState.style[key] = out;
+			if (shouldTrackStyleTokenProvenance) recordStyleTokenProvenance(styleState, key, originalVal);
+		}
+	}
+}
+function recordStyleTokenProvenance(styleState, key, originalVal) {
+	var _styleState_conf_themes;
+	var tokenName = typeof originalVal === "string" ? originalVal : "";
+	if (tokenName) {
+		var slash = tokenName.lastIndexOf("/");
+		var opacity = slash === -1 ? NaN : Number(tokenName.slice(slash + 1));
+		if (Number.isInteger(opacity) && opacity >= 0 && opacity <= 100) tokenName = tokenName.slice(0, slash);
+	}
+	if (tokenName !== "" && (tokenName in styleState.theme || tokenName in (((_styleState_conf_themes = styleState.conf.themes) === null || _styleState_conf_themes === void 0 ? void 0 : _styleState_conf_themes[styleState.flatThemeName || ""]) || {}) || Object.values(styleState.conf.tokensParsed).some(function(category) {
+		return tokenName in category;
+	}))) {
+		var _styleState;
+		((_styleState = styleState).tokenProvenance || (_styleState.tokenProvenance = {}))[key] = originalVal;
+	} else if (styleState.tokenProvenance && key in styleState.tokenProvenance) delete styleState.tokenProvenance[key];
+}
+var resolveStyleObject = function(styleState, styleIn) {
+	var { conf, styleProps } = styleState;
+	var styleOut = {};
+	var originalValues;
+	var styleInOriginalValues = import_styleOriginalValues.styleOriginalValues.get(styleIn);
+	var childState = {
+		...styleState,
+		classNames: {},
+		flatShouldDoClasses: false,
+		props: styleIn,
+		style: styleOut,
+		transformAccumulator: void 0
+	};
+	childState.flatAtomics = void 0;
+	childState.flatSlots = void 0;
+	childState.flatPropertyLayers = void 0;
+	var mergeAccepted = function(_state, key2, value2, disableNormalize, originalValue) {
+		styleOut[key2] = disableNormalize || styleProps.noNormalize ? value2 : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value2, key2);
+		var _styleInOriginalValues_key;
+		var trackedOriginal = (_styleInOriginalValues_key = styleInOriginalValues === null || styleInOriginalValues === void 0 ? void 0 : styleInOriginalValues[key2]) !== null && _styleInOriginalValues_key !== void 0 ? _styleInOriginalValues_key : originalValue;
+		if (trackedOriginal !== void 0) (originalValues || (originalValues = {}))[key2] = trackedOriginal;
+	};
+	for (var key in styleIn) {
+		var value = styleIn[key];
+		key = conf.shorthands[key] || key;
+		if (key in import_skipProps.skipProps || value == null) continue;
+		contributeValue(childState, key, value);
+	}
+	completeResolvedStyles(childState, mergeAccepted);
+	if (childState.transformAccumulator) styleOut.transform = (0, import_runtime.finalizeTransformAccumulator)(childState.transformAccumulator);
+	if (!styleProps.noNormalize) (0, import_expandStyles.fixStyles)(styleOut);
+	if (originalValues) import_styleOriginalValues.styleOriginalValues.set(styleOut, originalValues);
+	return styleOut;
+};
+var frameSequence = 0;
+var recordInline = 1;
+var recordNormalize = 2;
+var recordRetract = 4;
+var recordDefault = 8;
+var recordCSS = 16;
+function writeStyleRecord(state, property, value, cursor, original, flags) {
+	var conditionOverride = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : -1;
+	var _state_flatPass;
+	var _direct;
+	var condition = conditionOverride !== -1 ? conditionOverride : cursor ? cursor[conditionValue] : 0;
+	var identity = cursor ? cursor[conditionKey] : "";
+	var slots = (_direct = state).flatSlots || (_direct.flatSlots = /* @__PURE__ */ new Map());
+	var slot = property.startsWith("transition") ? "transition" : property;
+	var list = slots.get(slot);
+	if (!list) slots.set(slot, list = []);
+	for (var index = 0; index < list.length; index++) {
+		var entry = list[index];
+		var entryFlags = entry[7];
+		if ((entryFlags & (recordInline | recordCSS)) !== (flags & (recordInline | recordCSS))) continue;
+		if (entry[0] !== property) continue;
+		if (flags & recordDefault) {
+			if (!(entryFlags & recordDefault) && (!entry[2] || entry[3] === identity)) return;
+		} else if (entryFlags & recordDefault && (!condition || entry[3] === identity)) {
+			list.splice(index--, 1);
+			continue;
+		}
+		if (entry[3] === identity) {
+			list.splice(index, 1);
+			break;
+		}
+	}
+	list.push([
+		property,
+		value,
+		condition,
+		identity,
+		cursor ? cursor[conditionSelector] : "",
+		cursor ? cursor[conditionWrappers] : void 0,
+		original,
+		flags | (((_state_flatPass = state.flatPass) === null || _state_flatPass === void 0 ? void 0 : _state_flatPass[passSourceLayer]) || 0) << 5
+	]);
+}
+function streamWriteInline(state, property, value, cursor, original) {
+	var normalize = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : property === "lineHeight", conditionOverride = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : -1, force = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : false;
+	writeStyleRecord(state, property, value, cursor, original, (normalize ? recordNormalize : 0) | (force ? recordInline : 0), conditionOverride);
+}
+function completeResolvedStyles(state) {
+	var merge = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : mergeStyle;
+	var _direct;
+	var direct = state;
+	var shadow = direct.flatWebShadow;
+	if (shadow && (direct.flatBoxShadowSequence || 0) <= shadow[4]) {
+		var offset = shadow[1] || {
+			width: 0,
+			height: 0
+		};
+		var _shadow_;
+		var color = (0, import_normalizeColor.normalizeColor)(shadow[0], (_shadow_ = shadow[2]) !== null && _shadow_ !== void 0 ? _shadow_ : 1);
+		if (color) {
+			var next = `${shadowUnit(offset.width)} ${shadowUnit(offset.height)} ${shadowUnit(shadow[3])} ${color}`;
+			emitProperty(state, "boxShadow", direct.flatBoxShadow ? `${direct.flatBoxShadow}, ${next}` : next, null, shadow[5], shadow[6]);
+		}
+		direct.flatWebShadow = void 0;
+	}
+	if (state.flatShouldDoClasses && state.transformAccumulator) {
+		var transform = (0, import_runtime.finalizeTransformAccumulator)(state.transformAccumulator);
+		state.transformAccumulator = void 0;
+		writeStyleRecord(state, "transform", Array.isArray(transform) ? (0, import_transformsToString.transformsToString)(transform) : transform, null, transform, 0);
+	}
+	var slots = direct.flatSlots;
+	if (!slots) return;
+	var capture = state.staticConfig.isHOC ? (_direct = direct).flatCapturedSlots || (_direct.flatCapturedSlots = /* @__PURE__ */ new Map()) : void 0;
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = slots[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var [property, entries] = _step.value;
+			var cssEntries = void 0;
+			var inlineWinner = void 0;
+			var importance = -1;
+			for (var index = 0; index < entries.length; index++) {
+				var entry = entries[index];
+				var flags = entry[7];
+				if (flags & recordCSS || state.flatShouldDoClasses && !(flags & recordInline)) {
+					cssEntries || (cssEntries = []);
+					var precedence = entry[2] ? Math.floor(entry[2] / 256) : -1;
+					var layer = flags >> 5;
+					var index1 = cssEntries.length;
+					while (index1 > 0) {
+						var before = cssEntries[index1 - 1];
+						var beforeLayer = before[7] >> 5;
+						if (beforeLayer < layer || beforeLayer === layer && (before[2] ? Math.floor(before[2] / 256) : -1) <= precedence) break;
+						index1--;
+					}
+					if (index1 === cssEntries.length) cssEntries.push(entry);
+					else cssEntries.splice(index1, 0, entry);
+				} else if (!entry[2] || entry[2] & 1) {
+					var next1 = entry[2] ? Math.floor(entry[2] / 256) : 0;
+					if (next1 >= importance) {
+						importance = next1;
+						inlineWinner = entry;
+					}
+				}
+			}
+			if (cssEntries) {
+				(0, import_getCSSStylesAtomic.registerAtomicSlot)(direct, property, cssEntries);
+				if (capture) {
+					var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+					try {
+						for (var _iterator1 = cssEntries[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+							var entry1 = _step1.value;
+							entry1[7] = entry1[7] | recordCSS;
+						}
+					} catch (err) {
+						_didIteratorError1 = true;
+						_iteratorError1 = err;
+					} finally {
+						try {
+							if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+						} finally {
+							if (_didIteratorError1) throw _iteratorError1;
+						}
+					}
+					capture.set(property, cssEntries);
+				}
+			}
+			if (inlineWinner) if (inlineWinner[7] & recordRetract) {
+				if (state.style) delete state.style[inlineWinner[0]];
+			} else merge(state, inlineWinner[0], inlineWinner[1], !(inlineWinner[7] & recordNormalize), inlineWinner[6] !== void 0 ? inlineWinner[6] : inlineWinner[1]);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+	direct.flatSlots = void 0;
+}
+function emitAtParentCondition(state, property, value, originalValue, contextOnly) {
+	var _state_flatPass;
+	var cursor = (_state_flatPass = state.flatPass) === null || _state_flatPass === void 0 ? void 0 : _state_flatPass[passParentCursor];
+	if (cursor) emitUnderCondition(state, property, value, cursor, originalValue, contextOnly, 0, value);
+	else emitValue(state, property, value, null, originalValue, contextOnly);
+}
+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}"`);
+		return 0;
+	}
+	emitValue(state, property, value, cursor, warnMode === 2 ? originalValue : originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
+	if (condition & 2) {
+		if (condition & 4) state.flatHasEnterStyle = true;
+		if (condition & conditionPlatformPseudoFlag) state.flatHasPlatformPseudo = true;
+	}
+	return condition;
+}
+var formatScanFailure = function(failure, source, failureIndex) {
+	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(property, source, failure, failureIndex) {
+	if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnRefusedValue)(property, source, formatScanFailure(failure, source, failureIndex));
+};
+var borderTargets = {
+	border: [
+		"Top",
+		"Right",
+		"Bottom",
+		"Left"
+	],
+	borderTop: ["Top"],
+	borderRight: ["Right"],
+	borderBottom: ["Bottom"],
+	borderLeft: ["Left"],
+	outline: [""],
+	borderBlock: ["BlockStart", "BlockEnd"],
+	borderInline: ["InlineStart", "InlineEnd"]
+};
+var valueCacheConf;
+var valueCacheRevision = -1;
+var valueCaches = /* @__PURE__ */ new WeakMap();
+var valueCacheEntries = 0;
+var valueCacheRoot = {};
+var parsedSlices = /* @__PURE__ */ new WeakMap();
+var cssWideColorKeywords = /* @__PURE__ */ new Set([
+	"inherit",
+	"initial",
+	"unset",
+	"revert",
+	"revert-layer",
+	"currentcolor",
+	"transparent"
+]);
+function configuredValue(state, property, raw) {
+	var embedded = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
+	var grammar = (0, import_grammarConfig.getConfigRevisionState)(state.conf);
+	var name = raw;
+	var opacity;
+	var slash = raw.lastIndexOf("/");
+	if (slash > 0) {
+		var amount = Number(raw.slice(slash + 1));
+		if (Number.isInteger(amount) && amount >= 0 && amount <= 100) {
+			name = raw.slice(0, slash);
+			opacity = amount;
+		}
+	}
+	var safeArea = grammar.safeAreaVariable(name);
+	if (safeArea !== void 0) {
+		state.flatUsesSafeArea = true;
+		return safeArea;
+	}
+	var fontProperty = property.startsWith("font") || property === "lineHeight" || property === "letterSpacing";
+	var resolveValues = state.styleProps.resolveValues;
+	var byRaw;
+	if (!fontProperty) {
+		var _maps;
+		var revision = grammar.revision;
+		if (state.conf !== valueCacheConf || revision !== valueCacheRevision) {
+			valueCacheConf = state.conf;
+			valueCacheRevision = revision;
+			valueCaches = /* @__PURE__ */ new WeakMap();
+			valueCacheEntries = 0;
+			state.flatValueScope = void 0;
+		}
+		var direct = state;
+		var scope = direct.flatValueScope;
+		if (scope === void 0) {
+			var themeObject = state.theme && typeof state.theme === "object" ? state.theme : valueCacheRoot;
+			var byScope = valueCaches.get(themeObject);
+			if (!byScope) valueCaches.set(themeObject, byScope = /* @__PURE__ */ new Map());
+			var scopeKey = `${state.flatThemeName || ""}${resolveValues}`;
+			scope = byScope.get(scopeKey);
+			if (!scope) byScope.set(scopeKey, scope = /* @__PURE__ */ new Map());
+			direct.flatValueScope = scope;
+		}
+		var maps = scope.get(property);
+		if (maps === void 0) scope.set(property, maps = { direct: /* @__PURE__ */ new Map() });
+		byRaw = embedded ? (_maps = maps).embedded || (_maps.embedded = /* @__PURE__ */ new Map()) : maps.direct;
+		var known = byRaw.get(raw);
+		if (known !== void 0 || byRaw.has(raw)) return known;
+	}
+	var lookupName = name.charCodeAt(0) === 36 ? name.slice(1) : name;
+	var value;
+	var fromTheme = false;
+	if (property === "fontFamily") {
+		var _state_conf_fontsParsed_lookupName;
+		value = (_state_conf_fontsParsed_lookupName = state.conf.fontsParsed[lookupName]) === null || _state_conf_fontsParsed_lookupName === void 0 ? void 0 : _state_conf_fontsParsed_lookupName.family;
+	} else {
+		var fontKey = property === "fontSize" ? "size" : property === "fontWeight" ? "weight" : property === "lineHeight" || property === "letterSpacing" ? property : "";
+		if (fontKey) {
+			var _font_fontKey;
+			var font = state.conf.fontsParsed[state.fontFamily || state.conf.defaultFontToken] || state.conf.fontsParsed[state.conf.defaultFontToken];
+			value = font === null || font === void 0 ? void 0 : (_font_fontKey = font[fontKey]) === null || _font_fontKey === void 0 ? void 0 : _font_fontKey[lookupName];
+		} else {
+			var _state_conf_tokensParsed_category;
+			var category = grammar.tokenCategory(property);
+			var dot = lookupName.indexOf(".");
+			if (dot !== -1) {
+				var prefix = lookupName.slice(0, dot);
+				if (!category || prefix === category || prefix === "color") lookupName = lookupName.slice(dot + 1);
+			}
+			value = category ? (_state_conf_tokensParsed_category = state.conf.tokensParsed[category]) === null || _state_conf_tokensParsed_category === void 0 ? void 0 : _state_conf_tokensParsed_category[lookupName] : void 0;
+			if (!value) {
+				var first = lookupName.charCodeAt(0);
+				if (category || !(first >= 48 && first <= 57 || first === 43 || first === 45 || first === 46)) {
+					var _state_theme, _state_conf_themes_, _state_conf_themes;
+					value = ((_state_theme = state.theme) === null || _state_theme === void 0 ? void 0 : _state_theme[lookupName]) || ((_state_conf_themes = state.conf.themes) === null || _state_conf_themes === void 0 ? void 0 : (_state_conf_themes_ = _state_conf_themes[state.flatThemeName || ""]) === null || _state_conf_themes_ === void 0 ? void 0 : _state_conf_themes_[lookupName]);
+					fromTheme = !!value;
+					if (!value && !category) {
+						var _state_conf_tokensParsed_space, _state_conf_tokensParsed_color;
+						value = ((_state_conf_tokensParsed_space = state.conf.tokensParsed.space) === null || _state_conf_tokensParsed_space === void 0 ? void 0 : _state_conf_tokensParsed_space[lookupName]) || ((_state_conf_tokensParsed_color = state.conf.tokensParsed.color) === null || _state_conf_tokensParsed_color === void 0 ? void 0 : _state_conf_tokensParsed_color[lookupName]);
+					}
+				}
+			}
+		}
+	}
+	if (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" && ((_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}"`);
+		if (!value && !fontProperty) {
+			if (name.charCodeAt(0) === 36 || raw.charCodeAt(0) === 36) {
+				var suggested = name.charCodeAt(0) === 36 ? name.slice(1) : raw.slice(1);
+				(0, import_warnOnce.warnOnce)(`v2-token:${property}=${raw}`, `${property}="${raw}": v3 tokens have no "$" prefix, did you mean "${suggested}"?`);
+			} else if ((category1 === "size" || category1 === "space" || category1 === "radius" || category1 === "zIndex") && /^-?\d+(?:\.\d+)?$/.test(name)) {
+				var nearest;
+				var minDistance = Infinity;
+				var rawNum = Number(name);
+				var tokens = category1 ? state.conf.tokensParsed[category1] : void 0;
+				if (tokens && Number.isFinite(rawNum)) for (var key in tokens) {
+					var keyNum = Number(key);
+					if (Number.isFinite(keyNum)) {
+						var dist = Math.abs(keyNum - rawNum);
+						if (dist < minDistance) {
+							minDistance = dist;
+							nearest = key;
+						}
+					} else {
+						var _tokens_key;
+						var val = (_tokens_key = tokens[key]) === null || _tokens_key === void 0 ? void 0 : _tokens_key.val;
+						var valNum = typeof val === "number" ? val : Number(val);
+						if (Number.isFinite(valNum)) {
+							var dist1 = Math.abs(valNum - rawNum);
+							if (dist1 < minDistance) {
+								minDistance = dist1;
+								nearest = key;
+							}
+						}
+					}
+				}
+				(0, import_warnOnce.warnOnce)(`numeric-token:${property}=${raw}`, `${property}="${raw}" was passed to CSS as-is with px units${nearest ? `; nearest token is "${nearest}"` : ""}`);
+			} else if (category1 === "color" && /^[a-zA-Z0-9-]+$/.test(name) && /[a-zA-Z]/.test(name)) {
+				var lower = name.toLowerCase();
+				if (!import_runtime.namedCssColors.has(lower) && !cssWideColorKeywords.has(lower)) {
+					var themeKeys = [];
+					if (state.theme && typeof state.theme === "object") for (var k in state.theme) themeKeys.push(k);
+					if (state.conf.themes) {
+						var active = state.conf.themes[state.flatThemeName || ""];
+						if (active) for (var k1 in active) themeKeys.push(k1);
+						else for (var t in state.conf.themes) for (var k2 in state.conf.themes[t]) themeKeys.push(k2);
+					}
+					var bestMatch;
+					var minDistance1 = 3;
+					var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+					try {
+						for (var _iterator = themeKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+							var key1 = _step.value;
+							if (Math.abs(key1.length - name.length) > 2) continue;
+							var m = name.length;
+							var n = key1.length;
+							var d = [];
+							for (var i = 0; i <= m; i++) d[i] = i;
+							for (var j = 1; j <= n; j++) {
+								var prev = d[0];
+								d[0] = j;
+								for (var i1 = 1; i1 <= m; i1++) {
+									var temp = d[i1];
+									d[i1] = name[i1 - 1] === key1[j - 1] ? prev : Math.min(prev, d[i1], d[i1 - 1]) + 1;
+									prev = temp;
+								}
+							}
+							var dist2 = d[m];
+							if (dist2 <= 2 && dist2 < minDistance1) {
+								minDistance1 = dist2;
+								bestMatch = key1;
+							}
+						}
+					} catch (err) {
+						_didIteratorError = true;
+						_iteratorError = err;
+					} finally {
+						try {
+							if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+						} finally {
+							if (_didIteratorError) throw _iteratorError;
+						}
+					}
+					(0, import_warnOnce.warnOnce)(`unknown-color:${property}=${raw}`, bestMatch ? `unknown color "${name}", did you mean "${bestMatch}"?` : `unknown color "${name}"`);
+				}
+			}
+		}
+	}
+	var out = raw;
+	if ((0, import_createVariable.isVariable)(value)) {
+		out = resolveValues === "except-theme" && fromTheme ? `${import_themeRef.THEME_REF_PREFIX}${lookupName}${opacity !== void 0 ? `/${opacity}` : ""}` : (0, import_resolveVariableValue.resolveVariableValue)(property, value, resolveValues);
+		if (opacity !== void 0) {
+			var _normalizeColor;
+			out = (_normalizeColor = (0, import_normalizeColor.normalizeColor)(out, opacity / 100)) !== null && _normalizeColor !== void 0 ? _normalizeColor : out;
+		}
+	}
+	if (embedded && out === raw) {
+		var usedSafeArea = state.flatUsesSafeArea;
+		out = grammar.embeddedTokens(raw, function(word) {
+			return configuredValue(state, property, word);
+		});
+		if (!usedSafeArea && state.flatUsesSafeArea) return out;
+	}
+	if (!fontProperty && !fromTheme) if (valueCacheEntries > 8192) {
+		valueCaches = /* @__PURE__ */ new WeakMap();
+		valueCacheEntries = 0;
+	} else {
+		valueCacheEntries++;
+		byRaw.set(raw, out);
+	}
+	return out;
+}
+function ownsSourceLayer(state, property) {
+	var conditional = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+	var _direct_flatPass;
+	var _direct;
+	var direct = state;
+	var layer = ((_direct_flatPass = direct.flatPass) === null || _direct_flatPass === void 0 ? void 0 : _direct_flatPass[passSourceLayer]) || 0;
+	var layers = (_direct = direct).flatPropertyLayers || (_direct.flatPropertyLayers = /* @__PURE__ */ new Map());
+	var previous = layers.get(property);
+	if (previous !== void 0) {
+		if (previous > layer) return false;
+		if (previous < layer) {
+			if (conditional) return true;
+			clearDirectStyle(state, property);
+		}
+	} else if (conditional) return true;
+	layers.set(property, layer);
+	return true;
+}
+function emitProperty(state, property, value, cursor, originalValue, contextOnly) {
+	var _state_animationDriver;
+	var _state, _state1;
+	if (!ownsSourceLayer(state, property, cursor !== null)) return;
+	var direct = state;
+	var condition = cursor ? cursor[conditionValue] : 0;
+	if (condition && (!(condition & 2) || !(condition & 1) && !(import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses) && !(cursor[conditionTheme] && import_constants.supportsDynamicColorIOS && (0, import_getDynamicVal.isColorStyleKey)(property)))) return;
+	if (condition & 4) ((_state = state).flatEnterKeys || (_state.flatEnterKeys = /* @__PURE__ */ new Set())).add(property);
+	if (condition & 8) ((_state1 = state).flatExitKeys || (_state1.flatExitKeys = /* @__PURE__ */ new Set())).add(property);
+	var theme = cursor ? cursor[conditionTheme] : "";
+	if (theme) {
+		if (import_constants.supportsDynamicColorIOS && (0, import_getDynamicVal.isColorStyleKey)(property)) {
+			var _direct, _ref, _property;
+			var schemes = (_ref = (_direct = direct).flatDynamicColors || (_direct.flatDynamicColors = {}))[_property = property] || (_ref[_property] = {});
+			schemes[theme] = typeof originalValue === "string" && /^[a-z]+$/i.test(originalValue) ? originalValue : value;
+			streamWriteInline(state, property, { dynamic: { ...schemes } }, cursor, originalValue, true, condition & 1 ? condition : condition + 1);
+			return;
+		}
+		direct.flatDynamicThemeAccess = true;
+	}
+	if (contextOnly) {
+		if (!condition || condition & 1) {
+			var _state3;
+			((_state3 = state).overriddenContextProps || (_state3.overriddenContextProps = {}))[property] = originalValue;
+		}
+		return;
+	}
+	if (import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses && !condition && property === "transform") {
+		var _state4;
+		if (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) {
+					var part = _step.value;
+					(0, import_warnOnce.warnOnce)(`legacy transform part "${part}" is dropped because "transform" owns the property`);
+				}
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+				} finally {
+					if (_didIteratorError) throw _iteratorError;
+				}
+			}
+		}
+		(_state4 = state).transformAccumulator || (_state4.transformAccumulator = (0, import_runtime.createTransformAccumulator)());
+		(0, import_runtime.addTransformValue)(state.transformAccumulator, property, value);
+		return;
+	}
+	var shouldPromoteAnimatedStyle = import_getCSSStylesAtomic.canGenerateCSS && !condition && !state.flatShouldDoClasses && !state.styleProps.noMergeStyle && state.styleProps.isAnimated && ((_state_animationDriver = state.animationDriver) === null || _state_animationDriver === void 0 ? void 0 : _state_animationDriver.inputStyle) === "css" && property in import_helpers.nonAnimatableStyleProps;
+	if (import_getCSSStylesAtomic.canGenerateCSS && (state.flatShouldDoClasses || shouldPromoteAnimatedStyle)) {
+		writeStyleRecord(state, property, value, cursor, originalValue, shouldPromoteAnimatedStyle ? recordCSS : 0);
+		return;
+	}
+	streamWriteInline(state, property, value, cursor, originalValue);
+}
+function numericUnitValue(value, first, second) {
+	return value.length > first.length && (value.endsWith(first) || value.endsWith(second)) ? +value.slice(0, -first.length) : NaN;
+}
+function resolveNumericValue(value) {
+	var unitValue = numericUnitValue(value, "px", "dp");
+	if (Number.isFinite(unitValue)) return unitValue;
+	var numeric = +value;
+	return Number.isFinite(numeric) ? numeric : 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`);
+		return;
+	}
+	var { width, style, color } = (0, import_borderComponents.classifyBorderComponents)(raw, property === "outline");
+	if (style === "none" && width === void 0) width = "0";
+	if (width !== void 0) {
+		if (width === "thin") width = "1px";
+		else if (width === "medium") width = "3px";
+		else if (width === "thick") width = "5px";
+	}
+	var targets = borderTargets[property];
+	var prefix = property === "outline" ? "outline" : "border";
+	if (style !== void 0 && property === "border") emitProperty(state, "borderStyle", style, cursor, originalValue, contextOnly);
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = targets[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var propBase = `${prefix}${_step.value}`;
+			if (width !== void 0) emitResolved(state, `${propBase}Width`, width, cursor, originalValue, contextOnly);
+			if (style !== void 0 && !(property === "border")) emitProperty(state, `${propBase}Style`, style, cursor, originalValue, contextOnly);
+			if (color !== void 0) emitResolved(state, `${propBase}Color`, color, cursor, originalValue, contextOnly);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+}
+function emitTextDecoration(state, raw, cursor, originalValue, contextOnly) {
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = (0, import_borderComponents.splitComponents)(raw)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var part = _step.value;
+			emitResolved(state, part === "solid" || part === "double" || part === "dotted" || part === "dashed" || part === "wavy" ? "textDecorationStyle" : part === "underline" || part === "overline" || part === "line-through" || part === "none" ? "textDecorationLine" : "textDecorationColor", part, cursor, originalValue, contextOnly);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+}
+function emitResolved(state, property, raw, cursor, originalValue, contextOnly) {
+	emitProperty(state, property, resolveValue(state, property, raw), cursor, originalValue, contextOnly);
+}
+function resolveValue(state, property, raw) {
+	var value = typeof raw === "string" ? configuredValue(state, property, raw, true) : raw;
+	if (typeof value === "string" && value !== "") value = resolveNumericValue(value);
+	return value;
+}
+function shadowUnit(part) {
+	return typeof part === "number" ? `${part}px` : part || "0px";
+}
+function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
+	var condition = cursor ? cursor[conditionValue] : 0;
+	var grammar = (0, import_grammarConfig.getConfigRevisionState)(state.conf);
+	if ((0, import_createVariable.isVariable)(raw)) raw = (0, import_resolveVariableValue.resolveVariableValue)(property, raw, state.styleProps.resolveValues);
+	if (typeof raw === "string" && (property === "transition" || property === "transitionProperty")) raw = grammar.normalizeTransition(raw);
+	if ((property === "borderWidth" || property === "borderTopWidth" || property === "borderRightWidth" || property === "borderBottomWidth" || property === "borderLeftWidth") && state.styleProps.noNormalize !== false) writeStyleRecord(state, "borderStyle", "solid", cursor, originalValue, recordDefault);
+	if (grammar.propertyKind(property) === 5) {
+		var value = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
+		if (import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses && !condition) {
+			var _state;
+			(_state = state).transformAccumulator || (_state.transformAccumulator = (0, import_runtime.createTransformAccumulator)());
+			(0, import_runtime.addTransformValue)(state.transformAccumulator, property, value);
+		} else if (condition && import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses) emitProperty(state, "transform", `${property}(${value})`, cursor, originalValue, contextOnly);
+		else streamWriteInline(state, property, value, cursor, originalValue, true);
+		return;
+	}
+	if (property === "transform") {
+		if (import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses && Array.isArray(raw)) raw = (0, import_transformsToString.transformsToString)(raw);
+		if (typeof raw === "string") {
+			var transform = (0, import_parseNativeTransform.parseNativeTransform)(raw);
+			if (transform) {
+				emitProperty(state, property, transform, cursor, originalValue, contextOnly);
+				return;
+			}
+		}
+	}
+	if (typeof raw === "string" && borderTargets[property]) {
+		emitBorder(state, property, raw, cursor, originalValue, contextOnly);
+		return;
+	}
+	if (typeof raw === "string" && property === "textDecoration") {
+		emitTextDecoration(state, raw, cursor, originalValue, contextOnly);
+		return;
+	}
+	if (typeof raw === "string" && property === "background") {
+		var parts = (0, import_borderComponents.splitComponents)(raw);
+		if (parts.length === 1 && !(0, import_borderComponents.startsValueFunction)(parts[0])) {
+			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`);
+		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" && !Number.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 (condition & 1) {
+					(0, import_runtime.removeTransformValue)(state.transformAccumulator, property);
+					writeStyleRecord(state, property, void 0, cursor, void 0, recordRetract);
+				}
+				return;
+			}
+			value2 = resolveNumericValue(value2);
+		}
+		if (!import_getCSSStylesAtomic.canGenerateCSS || !state.flatShouldDoClasses) {
+			emitProperty(state, property, value2, cursor, originalValue, contextOnly);
+			return;
+		}
+		var targets = property === "scale" ? ["--t-scale-x", "--t-scale-y"] : [property === "x" ? "--t-x" : property === "y" ? "--t-y" : property === "scaleX" ? "--t-scale-x" : property === "scaleY" ? "--t-scale-y" : "rotate"];
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = targets[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var target1 = _step.value;
+				var targetValue = value2;
+				if (typeof targetValue === "number") {
+					if (target1 === "--t-x" || target1 === "--t-y") targetValue = `${targetValue}px`;
+					else if (target1 === "rotate") targetValue = `${targetValue}deg`;
+				}
+				emitProperty(state, target1, targetValue, cursor, originalValue, contextOnly);
+				if (target1 === "--t-x" || target1 === "--t-y") (0, import_getCSSStylesAtomic.addComposition)(state, "translate");
+				else if (target1.startsWith("--t-scale")) (0, import_getCSSStylesAtomic.addComposition)(state, "scale");
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+			} finally {
+				if (_didIteratorError) throw _iteratorError;
+			}
+		}
+		return;
+	}
+	var value3 = resolveValue(state, property, raw);
+	if (import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses && property === "boxShadow" && !condition) {
+		state.flatBoxShadow = value3;
+		state.flatBoxShadowSequence = frameSequence + 1;
+	}
+	if (typeof value3 === "string" && (property === "backgroundImage" || property === "boxShadow" || property === "textShadow")) {
+		var parsed = (0, import_parseNativeStyle.parseNativeStyle)(property, value3);
+		if (parsed) {
+			if (property === "textShadow") {
+				var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+				try {
+					for (var _iterator1 = parsed[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+						var [key, parsedValue] = _step1.value;
+						emitProperty(state, key, parsedValue, cursor, originalValue, contextOnly);
+					}
+				} catch (err) {
+					_didIteratorError1 = true;
+					_iteratorError1 = err;
+				} finally {
+					try {
+						if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+					} finally {
+						if (_didIteratorError1) throw _iteratorError1;
+					}
+				}
+			} else emitProperty(state, property === "backgroundImage" ? "experimental_backgroundImage" : property, parsed, cursor, originalValue, contextOnly);
+			return;
+		}
+	}
+	if (property === "fontVariant" && typeof value3 === "string") {
+		var variants = [];
+		var start = 0;
+		for (var index = 0; index <= value3.length; index++) {
+			var code = index === value3.length ? 32 : value3.charCodeAt(index);
+			if (code !== 44 && code > 32) continue;
+			if (start < index) variants.push(value3.slice(start, index));
+			start = index + 1;
+		}
+		value3 = variants;
+	}
+	var expanded = !state.styleProps.noExpand ? (0, import_expandStyle.expandStyle)(property, value3, state.conf.settings.styleCompat || "web") : null;
+	if (!expanded) {
+		emitProperty(state, property, value3, cursor, originalValue, contextOnly);
+		return;
+	}
+	if (typeof raw === "string" && expanded.length > 1) {
+		var parts1 = (0, import_borderComponents.splitComponents)(raw);
+		if (parts1.length > 0 && parts1.length <= (expanded.length === 4 ? 4 : 2)) {
+			for (var index1 = 0; index1 < expanded.length; index1++) {
+				var partIndex = index1 === 0 || parts1.length === 1 ? 0 : index1 === 1 || index1 === 3 && parts1.length < 4 ? 1 : index1 === 2 && parts1.length < 3 ? 0 : index1;
+				emitResolved(state, expanded[index1][0], parts1[partIndex], cursor, originalValue, contextOnly);
+			}
+			return;
+		}
+	}
+	for (var index2 = 0; index2 < expanded.length; index2++) emitProperty(state, expanded[index2][0], expanded[index2][1], cursor, originalValue, contextOnly);
+}
+function emitConditionalValue(state, property, payload, condition, source, sink, mode, contextOnly) {
+	if (sink) sink(payload, condition, source);
+	else if (condition) emitUnderCondition(state, property, payload, condition, mode === 2 ? payload : void 0, contextOnly, mode, source);
+	else emitValue(state, property, payload, null, payload, contextOnly);
+}
+function walkConditionalValue(state, property, value, parent, sink) {
+	var warnMode = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 0, contextOnly = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : false;
+	var parentCondition = parent || null;
+	var hasBase = false;
+	var conditions = 0;
+	var lastPayload = "";
+	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 ((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}"`);
+			}
+		}
+		var slices = parsedSlices.get(parsed);
+		if (slices === void 0) parsedSlices.set(parsed, slices = []);
+		var chainCount = segments.length / 5 - 1;
+		if (property === "aspectRatio" && chainCount === 1) {
+			var left = Number(value.slice(segments[7], segments[8]));
+			var right = Number(value.slice(segments[5], segments[6]));
+			if (left > 0 && right > 0 && Number.isFinite(left) && Number.isFinite(right)) return false;
+		}
+		for (var index = 0; index < segments.length; index += 5) {
+			var start = segments[index];
+			var end = segments[index + 1];
+			var flags = segments[index + 4];
+			if (!(flags & 1)) continue;
+			if (start === end) continue;
+			if (flags & 2) {
+				var _slices, _index;
+				var _;
+				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")) {
+				emitConditionalValue(state, property, value, parentCondition, value, sink, warnMode, contextOnly);
+				hasBase = true;
+			} else if (warnMode) warnScanFailure(property, value, failure, failureIndex);
+		}
+		var lastPayloadStart = 0;
+		for (var index1 = 0; index1 < segments.length; index1 += 5) {
+			var _slices1, _ref;
+			var start1 = segments[index1];
+			var end1 = segments[index1 + 1];
+			var flags1 = segments[index1 + 4];
+			if (flags1 & 1) continue;
+			if (!(flags1 & 4) || !(flags1 & 2)) {
+				if (warnMode) warnScanFailure(property, value, failure, failureIndex);
+				continue;
+			}
+			lastPayloadStart = start1;
+			if (start1 === end1) {
+				if (warnMode && process.env.NODE_ENV === "development") (0, import_warnOnce.warnRefusedValue)(property, value, "a conditional clause has no value");
+				continue;
+			}
+			var _1;
+			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);
+			conditions |= cursor[conditionValue];
+			if (cursor[conditionValue] & conditionResolvedFlag || warnMode) {
+				var _slices2, _index1;
+				var _2;
+				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);
+	} 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 ((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) {
+			emitConditionalValue(state, property, value.default, parentCondition, value.default, sink, warnMode, contextOnly);
+			hasBase = true;
+		}
+		for (var key in value) {
+			if (key === "default" || value[key] == null) continue;
+			var cursor1 = conditionFromKey(state, key, parentCondition);
+			conditions |= cursor1[conditionValue];
+			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_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 && (!import_getCSSStylesAtomic.canGenerateCSS || !state.flatShouldDoClasses) && conditions & 12 && !hasBase) {
+		var _state_flatPropertyLayers;
+		var resting = property === "opacity" || property.startsWith("scale") ? 1 : property === "rotate" ? "0deg" : property === "x" || property === "y" ? 0 : null;
+		if (resting !== null && !((_state_flatPropertyLayers = state.flatPropertyLayers) === null || _state_flatPropertyLayers === void 0 ? void 0 : _state_flatPropertyLayers.has(property))) emitConditionalValue(state, property, resting, parentCondition, resting, sink, warnMode, contextOnly);
+	}
+	return true;
+}
+function contributeValue(state, property, value, originalValue) {
+	var contextOnly = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false, condition = arguments.length > 5 ? arguments[5] : void 0;
+	var _state_flatPass;
+	if (condition !== void 0) {
+		var _directState_flatPass;
+		var parent = ((_directState_flatPass = state.flatPass) === null || _directState_flatPass === void 0 ? void 0 : _directState_flatPass[passParentCursor]) || null;
+		var effective;
+		if (typeof condition === "string") effective = conditionFromKey(state, condition, parent);
+		else if (parent) {
+			effective = conditionFromKey(state, condition[conditionKey], parent);
+			if (!(condition[conditionValue] & conditionResolvedFlag)) setConditionUnresolved(effective);
+			commitCondition(effective);
+		} else effective = condition;
+		if (typeof value !== "string" && walkConditionalValue(state, property, value, effective, null, 2, contextOnly)) return true;
+		emitUnderCondition(state, property, value, effective, originalValue, contextOnly, 2, value);
+		return true;
+	}
+	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`);
+		return true;
+	}
+	if (value === "safe") {
+		var expanded = (0, import_grammarConfig.getConfigRevisionState)(state.conf).expandSafeArea(property);
+		if (expanded) {
+			state.flatUsesSafeArea = true;
+			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+			try {
+				for (var _iterator = expanded[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+					var [key, resolved] = _step.value;
+					emitAtParentCondition(state, key, resolved, originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
+				}
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+				} finally {
+					if (_didIteratorError) throw _iteratorError;
+				}
+			}
+			return true;
+		}
+	}
+	if (walkConditionalValue(state, property, value, ((_state_flatPass = state.flatPass) === null || _state_flatPass === void 0 ? void 0 : _state_flatPass[passParentCursor]) || null, null, 1, contextOnly)) return true;
+	if (value != null) {
+		emitAtParentCondition(state, property, value, originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
+		return true;
+	}
+	return false;
+}
+function clearDirectStyle(state, property) {
+	var _direct_flatAtomics;
+	var direct = state;
+	var propertyKind = (0, import_grammarConfig.getConfigRevisionState)(state.conf).propertyKind(property);
+	var atomicKey = property.startsWith("transition") ? "transition" : propertyKind > 0 && propertyKind < 5 ? "boxShadow" : propertyKind === 6 ? "textShadow" : propertyKind === 5 ? "transform" : property;
+	var slot = atomicKey;
+	(_direct_flatAtomics = direct.flatAtomics) === null || _direct_flatAtomics === void 0 || _direct_flatAtomics.delete(slot);
+	if (direct.flatSlots) {
+		if (slot !== atomicKey) {
+			var entries = direct.flatSlots.get(slot);
+			if (entries) {
+				for (var index = entries.length; index--;) if (entries[index][0] === atomicKey) entries.splice(index, 1);
+			}
+		}
+		direct.flatSlots.delete(atomicKey);
+	}
+	if (atomicKey === "transform") state.transformAccumulator = void 0;
+	if (state.style) delete state.style[atomicKey];
+	delete state.classNames[atomicKey];
+	delete state.classNames[slot];
+}
+function emitVariantStyle(state, key, value, original, condition, disabled) {
+	var _state_flatCallerVariantKeys, _state_flatStyleStaticConfig_styledContextKeys;
+	var pass = state.flatPass;
+	if (key !== pass[passMapSourceKey] && ((_state_flatCallerVariantKeys = state.flatCallerVariantKeys) === null || _state_flatCallerVariantKeys === void 0 ? void 0 : _state_flatCallerVariantKeys.has(key))) return;
+	if ((_state_flatStyleStaticConfig_styledContextKeys = state.flatStyleStaticConfig.styledContextKeys) === null || _state_flatStyleStaticConfig_styledContextKeys === void 0 ? void 0 : _state_flatStyleStaticConfig_styledContextKeys.has(key)) {
+		var _state, _state1;
+		((_state = state).overriddenContextProps || (_state.overriddenContextProps = {}))[key] = ((_state1 = state).originalContextPropValues || (_state1.originalContextPropValues = {}))[key] = original;
+	}
+	var parent = pass[passParentCursor];
+	pass[passParentCursor] = condition;
+	contributeProp(pass, key, value, original, disabled);
+	pass[passParentCursor] = parent;
+}
+function getFontFamilyFromNameOrVariable(input, conf) {
+	if ((0, import_createVariable.isVariable)(input)) {
+		var val = variableToFontNameCache.get(input);
+		if (val) return val;
+		for (var key in conf.fontsParsed) {
+			var familyVariable = conf.fontsParsed[key].family;
+			if ((0, import_createVariable.isVariable)(familyVariable)) {
+				variableToFontNameCache.set(familyVariable, key);
+				if (familyVariable === input) return key;
+			}
+		}
+	} else if (typeof input === "string" && input in conf.fontsParsed) return input;
+}
+var variableToFontNameCache = /* @__PURE__ */ new WeakMap();