@tamagui/web 3.0.0-beta.755.1 → 3.0.0-beta.804.1

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

@@ -1,1132 +0,0 @@
-import { isAndroid, isIos, isTV, isWeb, supportsDynamicColorIOS } from "@tamagui/constants";
-import { StyleObjectIdentifier, StyleObjectRules, nonAnimatableStyleProps, tokenCategories } from "@tamagui/helpers";
-import { canonicalStateModifierNames, isContainerSizeQueryText, isModifierName, modifierKindMedia, modifierKindPlatform, modifierKindState, modifierKindTheme, scanFlatValue, stateModifierSelectors } from "@tamagui/style-grammar/runtime";
-import { isVariable } from "../createVariable.native.js";
-import { mediaKeyMatch } from "../hooks/useMedia.native.js";
-import { warnOnce, warnRefusedValue } from "./warnOnce.native.js";
-import { expandStyle } from "./expandStyle.native.js";
-import { getCSSStyleAtomic } from "./getCSSStylesAtomic.native.js";
-import { getConfigRevisionState } from "./grammarConfig.native.js";
-import { isColorStyleKey } from "./getDynamicVal.native.js";
-import { shouldInsertStyleRules, updateRules } from "./insertStyleRule.native.js";
-import { normalizeColor } from "./normalizeColor.native.js";
-import { parseNativeStyle } from "./parseNativeStyle.native.js";
-import { parseNativeTransform } from "./parseNativeTransform.native.js";
-import { getTokenCategoryForProperty, tokenCategoryByProperty } from "./tokenCategories.native.js";
-import { resolveSafeAreaVariable } from "./resolveSafeAreaVariable.native.js";
-import { expandSafeAreaValue, isSafeAreaKey } from "./resolveSafeArea.native.js";
-import { resolveVariableValue } from "./resolveVariableValue.native.js";
-import { THEME_REF_PREFIX } from "./themeRef.native.js";
-import { transformsToString } from "./transformsToString.native.js";
-
-function _type_of(obj) {
-	"@swc/helpers - typeof";
-	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-var directStyleHandler = {
-	segment(state, start, end, isBase, valid, source, chainStart, chainEnd, chainValid, chainCount, _result, failure, failureIndex, property, merge, originalValue, contextOnly) {
-		if (isBase) {
-			if (start === end) return;
-			if (!valid) {
-				if (process.env.NODE_ENV === "development") warnRefusedValue(property, source, 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 \"*/\"" : "an unterminated \"(\"");
-				return;
-			}
-			var value = source.slice(start, end);
-			emitValue(state, property, value, 0, "", void 0, "", "", merge, value, contextOnly);
-			return 5;
-		}
-		if (!chainValid) {
-			if (process.env.NODE_ENV === "development") warnRefusedValue(property, source, 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 \"*/\"" : "an unterminated \"(\"");
-			return;
-		}
-		if (start === end) {
-			if (process.env.NODE_ENV === "development") warnRefusedValue(property, source, "a conditional clause has no value");
-			return;
-		}
-		if (property === "aspectRatio" && chainCount === 1) {
-			var left = Number(source.slice(chainStart, chainEnd));
-			var right = Number(source.slice(start, end));
-			if (chainStart < chainEnd && Number.isFinite(left) && left > 0 && Number.isFinite(right) && right > 0) return 12;
-		}
-		var condition = resolveClauseChain(state, source, chainStart, chainEnd, property, void 0, valid ? merge : void 0, void 0, contextOnly, start, end, 1);
-		if (!condition) return;
-		if (!valid) {
-			if (process.env.NODE_ENV === "development") warnRefusedValue(property, source, 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 \"*/\"" : "an unterminated \"(\"");
-			return;
-		}
-		return 4 | (condition & 12 ? 2 : 0);
-	},
-	chain() {
-		return true;
-	},
-	end(state, source, result, lastPayloadStart, chainCount, property, merge, originalValue, contextOnly) {
-		var hasBase = !!(result & 1);
-		if (result & 8 && chainCount === 1) {
-			emitValue(state, property, source, 0, "", void 0, "", "", merge, originalValue !== null && originalValue !== void 0 ? originalValue : source, contextOnly);
-			hasBase = true;
-		}
-		if (process.env.NODE_ENV === "development" && !hasBase && result & 4 && (property in tokenCategories.color || property in tokenCategoryByProperty) && splitComponents(source.slice(lastPayloadStart)).length > 1) warnOnce(`${property}="${source}" has multiple values after its first conditional. Write the base value before the first conditional.`);
-		if ((!isWeb || !state.flatShouldDoClasses) && result & 2 && !hasBase) {
-			var value = implicitLifecycleBase(property);
-			if (value !== null) emitValue(state, property, value, 0, "", void 0, "", "", merge, value, contextOnly);
-		}
-	}
-};
-function implicitLifecycleBase(property) {
-	return property === "opacity" || property === "scale" || property === "scaleX" || property === "scaleY" ? 1 : property === "rotate" ? "0deg" : property === "x" || property === "y" ? 0 : null;
-}
-var legacyTransformParts = /* @__PURE__ */ new Set([
-	"matrix",
-	"perspective",
-	"rotateX",
-	"rotateY",
-	"rotateZ",
-	"scaleZ",
-	"skewX",
-	"skewY"
-]);
-var webShadowParts = /* @__PURE__ */ new Set([
-	"shadowColor",
-	"shadowOffset",
-	"shadowOpacity",
-	"shadowRadius"
-]);
-var webTextShadowParts = /* @__PURE__ */ new Set([
-	"textShadowColor",
-	"textShadowOffset",
-	"textShadowRadius"
-]);
-var lineStyles = /* @__PURE__ */ new Set([
-	"none",
-	"hidden",
-	"dotted",
-	"dashed",
-	"solid",
-	"double",
-	"groove",
-	"ridge",
-	"inset",
-	"outset"
-]);
-var borderTargets = {
-	border: {
-		width: [
-			"borderTopWidth",
-			"borderRightWidth",
-			"borderBottomWidth",
-			"borderLeftWidth"
-		],
-		style: [
-			"borderTopStyle",
-			"borderRightStyle",
-			"borderBottomStyle",
-			"borderLeftStyle"
-		],
-		color: [
-			"borderTopColor",
-			"borderRightColor",
-			"borderBottomColor",
-			"borderLeftColor"
-		]
-	},
-	borderTop: {
-		width: ["borderTopWidth"],
-		style: ["borderTopStyle"],
-		color: ["borderTopColor"]
-	},
-	borderRight: {
-		width: ["borderRightWidth"],
-		style: ["borderRightStyle"],
-		color: ["borderRightColor"]
-	},
-	borderBottom: {
-		width: ["borderBottomWidth"],
-		style: ["borderBottomStyle"],
-		color: ["borderBottomColor"]
-	},
-	borderLeft: {
-		width: ["borderLeftWidth"],
-		style: ["borderLeftStyle"],
-		color: ["borderLeftColor"]
-	},
-	outline: {
-		width: ["outlineWidth"],
-		style: ["outlineStyle"],
-		color: ["outlineColor"]
-	},
-	borderBlock: {
-		width: ["borderBlockStartWidth", "borderBlockEndWidth"],
-		style: ["borderBlockStartStyle", "borderBlockEndStyle"],
-		color: ["borderBlockStartColor", "borderBlockEndColor"]
-	},
-	borderInline: {
-		width: ["borderInlineStartWidth", "borderInlineEndWidth"],
-		style: ["borderInlineStartStyle", "borderInlineEndStyle"],
-		color: ["borderInlineStartColor", "borderInlineEndColor"]
-	}
-};
-var borderStyleDefaults = {
-	borderWidth: "borderStyle",
-	borderTopWidth: "borderTopStyle",
-	borderRightWidth: "borderRightStyle",
-	borderBottomWidth: "borderBottomStyle",
-	borderLeftWidth: "borderLeftStyle"
-};
-function platformMatches(name) {
-	if (name === "web") return isWeb;
-	if (name === "native") return !isWeb;
-	if (name === "ios") return isIos;
-	if (name === "android") return isAndroid;
-	if (name === "tvos") return isIos && isTV;
-	if (name === "androidtv") return isAndroid && isTV;
-	return name === "tv" && isTV;
-}
-function resolveClauseChain(state, source, start, end, property, raw, merge, originalValue) {
-	var contextOnly = arguments.length > 8 && arguments[8] !== void 0 ? arguments[8] : false, payloadStart = arguments.length > 9 && arguments[9] !== void 0 ? arguments[9] : -1, payloadEnd = arguments.length > 10 && arguments[10] !== void 0 ? arguments[10] : -1, warning = arguments.length > 11 && arguments[11] !== void 0 ? arguments[11] : 0;
-	var compiled = getConfigRevisionState(state.conf);
-	var sourceStart = start;
-	var key = "";
-	var active = true;
-	var emit = true;
-	var selector = "";
-	var wrappers;
-	var theme = "";
-	var enter = false;
-	var exit = false;
-	var unsupportedState = "";
-	var platformRank = 0;
-	var depth = 0;
-	var categoryRank = 0;
-	var withinRank = 0;
-	var selfStateSpecificity = 0;
-	for (var index = start; index <= end; index++) {
-		if (index !== end && source.charCodeAt(index) !== 58) continue;
-		var modifier = source.slice(start, index);
-		start = index + 1;
-		var code = compiled.modifiers[modifier];
-		var kind = code & 7;
-		var rank = code >> 3;
-		var stateSelector = "";
-		var conditionStateName = "";
-		var groupName = "";
-		var containerSize = "";
-		var containerName = "";
-		var containerQuery = "";
-		if (kind === modifierKindState) {
-			modifier = canonicalStateModifierNames[rank];
-			stateSelector = stateModifierSelectors[rank];
-		} else if (!kind && modifier.startsWith("group-")) {
-			var slash = modifier.indexOf("/");
-			var authoredState = modifier.slice(6, slash === -1 ? void 0 : slash);
-			code = compiled.modifiers[authoredState];
-			if ((code & 7) !== modifierKindState) kind = 0;
-			else {
-				rank = code >> 3;
-				groupName = slash === -1 ? "true" : modifier.slice(slash + 1);
-				if (rank === 6 || rank === 7 || slash !== -1 && !isModifierName(groupName, 0, groupName.length)) kind = 0;
-				else {
-					kind = 5;
-					var stateName = canonicalStateModifierNames[rank];
-					conditionStateName = stateName;
-					stateSelector = stateModifierSelectors[rank];
-					modifier = `group-${stateName}${slash === -1 ? "" : modifier.slice(slash)}`;
-				}
-			}
-		} else if (!kind && modifier.charCodeAt(0) === 64) {
-			var slash1 = modifier.indexOf("/");
-			containerSize = modifier.slice(1, slash1 === -1 ? void 0 : slash1);
-			containerName = slash1 === -1 ? "" : modifier.slice(slash1 + 1);
-			if (isModifierName(containerSize, 0, containerSize.length) && (slash1 === -1 || isModifierName(containerName, 0, containerName.length)) && ((code = compiled.modifiers[containerSize]) & 7) === modifierKindMedia && (containerQuery = compiled.mediaQueries[containerSize]) && isContainerSizeQueryText(containerQuery)) {
-				kind = 6;
-				rank = code >> 3;
-			}
-		}
-		if (!kind) {
-			if (warning && process.env.NODE_ENV === "development") warnRefusedValue(property, warning === 1 ? source : raw, `unknown modifier "${source.slice(sourceStart, end)}"`);
-			return 0;
-		}
-		var slotStart = 0;
-		var duplicate = false;
-		var inserted = !key;
-		if (!key) key = modifier;
-		else {
-			while (slotStart <= key.length) {
-				var slotEnd = key.indexOf(":", slotStart);
-				if (slotEnd === -1) slotEnd = key.length;
-				var order = 0;
-				var compareLength = Math.min(modifier.length, slotEnd - slotStart);
-				for (var offset = 0; offset < compareLength; offset++) {
-					order = modifier.charCodeAt(offset) - key.charCodeAt(slotStart + offset);
-					if (order) break;
-				}
-				order || (order = modifier.length - (slotEnd - slotStart));
-				if (!order) {
-					duplicate = true;
-					break;
-				}
-				if (order < 0) {
-					key = `${key.slice(0, slotStart)}${modifier}:${key.slice(slotStart)}`;
-					inserted = true;
-					break;
-				}
-				if (slotEnd === key.length) break;
-				slotStart = slotEnd + 1;
-			}
-			if (!duplicate && !inserted) key += `:${modifier}`;
-		}
-		if (duplicate) continue;
-		if (kind === modifierKindPlatform) {
-			if (rank > platformRank) platformRank = rank;
-			var matches = platformMatches(modifier);
-			active && (active = matches);
-			emit && (emit = matches);
-			continue;
-		}
-		depth++;
-		var nextCategory = kind === modifierKindMedia ? 0 : kind === 6 ? 1 : kind === modifierKindTheme ? 2 : kind === 5 ? 3 : 4;
-		if (nextCategory > categoryRank) {
-			categoryRank = nextCategory;
-			withinRank = rank;
-		} else if (nextCategory === categoryRank && rank > withinRank) withinRank = rank;
-		if (kind === modifierKindMedia) {
-			var _state_flatMediaState;
-			var _state;
-			var query = compiled.mediaQueries[modifier];
-			if (!query) return 0;
-			(wrappers || (wrappers = [])).push(`@media ${query}`);
-			active && (active = !!((_state_flatMediaState = state.flatMediaState) === null || _state_flatMediaState === void 0 ? void 0 : _state_flatMediaState[modifier]));
-			((_state = state).flatMediaKeys || (_state.flatMediaKeys = /* @__PURE__ */ new Set())).add(modifier);
-		} else if (kind === modifierKindTheme) {
-			var _state_flatThemeName;
-			theme = modifier;
-			selector += `:where(.t_${modifier}, .t_${modifier} *)`;
-			active && (active = state.flatThemeName === modifier || ((_state_flatThemeName = state.flatThemeName) === null || _state_flatThemeName === void 0 ? void 0 : _state_flatThemeName.startsWith(`${modifier}_`)) === true);
-		} else if (kind === 5) {
-			var _state_componentState_group, _state_flatGroupContext, _this;
-			var _state1;
-			selector += `:where(.t_group_${groupName}${stateSelector} *)`;
-			if (rank === 0) (wrappers || (wrappers = [])).push("@media (hover: hover)");
-			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];
-			var _component_pseudo;
-			active && (active = !!((_this = (_component_pseudo = component === null || component === void 0 ? void 0 : component.pseudo) !== null && _component_pseudo !== void 0 ? _component_pseudo : context === null || context === void 0 ? void 0 : context.state.pseudo) === null || _this === void 0 ? void 0 : _this[conditionStateName]));
-			((_state1 = state).flatGroupKeys || (_state1.flatGroupKeys = /* @__PURE__ */ new Set())).add(groupName);
-		} else if (kind === 6) {
-			var _state_componentState_group1, _state_flatGroupContext1, _component_media;
-			var _state2, _state3;
-			var groupKey = `@${containerName}`;
-			(wrappers || (wrappers = [])).push(containerName ? `@container ${containerName} ${containerQuery}` : `@container ${containerQuery}`);
-			var component1 = (_state_componentState_group1 = state.componentState.group) === null || _state_componentState_group1 === void 0 ? void 0 : _state_componentState_group1[groupKey];
-			var context1 = (_state_flatGroupContext1 = state.flatGroupContext) === null || _state_flatGroupContext1 === void 0 ? void 0 : _state_flatGroupContext1[groupKey];
-			var match = component1 === null || component1 === void 0 ? void 0 : (_component_media = component1.media) === null || _component_media === void 0 ? void 0 : _component_media[containerSize];
-			active && (active = match === void 0 ? !!((context1 === null || context1 === void 0 ? void 0 : context1.state.layout) && mediaKeyMatch(containerSize, context1.state.layout)) : !!match);
-			((_state2 = state).flatGroupKeys || (_state2.flatGroupKeys = /* @__PURE__ */ new Set())).add(groupKey);
-			((_state3 = state).flatGroupMedia || (_state3.flatGroupMedia = /* @__PURE__ */ new Set())).add(containerSize);
-		} else {
-			selfStateSpecificity++;
-			if (!isWeb && stateSelector[0] === "[" && modifier !== "disabled") unsupportedState = modifier;
-			if (stateSelector[0] === ".") {
-				selector += `:is(${stateSelector}, ${stateSelector} *)`;
-				if (rank === 6) enter = true;
-				else exit = true;
-			} else selector += stateSelector;
-			if (rank === 0) (wrappers || (wrappers = [])).push("@media (hover: hover)");
-			var component2 = state.componentState;
-			active && (active = rank === 0 ? !!component2.hover : rank === 4 ? !!(component2.press || component2.pressIn) : rank === 2 ? !!component2.focus : rank === 3 ? !!component2.focusVisible : rank === 1 ? !!component2.focusWithin : rank === 5 ? !!(component2.disabled || state.props.disabled) : rank === 6 ? !!component2.unmounted : rank === 7 ? !!state.styleProps.isExiting : false);
-			if (stateSelector[0] === ":") {
-				var _state4;
-				((_state4 = state).flatStateKeys || (_state4.flatStateKeys = /* @__PURE__ */ new Set())).add(modifier);
-			}
-		}
-	}
-	if (depth > 5) throw new Error(`a flat value clause supports at most 5 non-platform conditions; received ${depth} in "${source.slice(sourceStart, end)}:"`);
-	var condition = (platformRank << 26 | depth << 23 | categoryRank << 20 | withinRank) * 256 + selfStateSpecificity * 32 + 16 + (active ? 1 : 0) + (emit ? 2 : 0) + (enter ? 4 : 0) + (exit ? 8 : 0);
-	if (warning && unsupportedState && process.env.NODE_ENV === "development") warnOnce(`${property}: "${unsupportedState}:" has no native component-state source; dropping the clause`);
-	if (merge && property && condition & 2 && (condition & 1 || isWeb && state.flatShouldDoClasses || warning === 1 && !isWeb && theme && supportsDynamicColorIOS && isColorStyleKey(property))) {
-		var value = payloadStart === -1 ? raw : source.slice(payloadStart, payloadEnd);
-		emitValue(state, property, value, condition, key, wrappers, selector, theme, merge, warning === 2 ? originalValue : originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
-	}
-	return condition;
-}
-var tokenLookup = {
-	value: void 0,
-	fromTheme: false,
-	themeKey: ""
-};
-function fillTokenLookup(value, fromTheme, themeKey) {
-	tokenLookup.value = value;
-	tokenLookup.fromTheme = fromTheme;
-	tokenLookup.themeKey = themeKey;
-	return tokenLookup;
-}
-function tokenVariable(state, property, name) {
-	var _state_theme, _state_conf_themes_, _state_conf_themes, _state_conf_tokensParsed_space, _state_conf_tokensParsed_color;
-	var lookupName = name.charCodeAt(0) === 36 ? name.slice(1) : name;
-	if (property === "fontFamily") {
-		var _state_conf_fontsParsed_lookupName;
-		var family = (_state_conf_fontsParsed_lookupName = state.conf.fontsParsed[lookupName]) === null || _state_conf_fontsParsed_lookupName === void 0 ? void 0 : _state_conf_fontsParsed_lookupName.family;
-		return family ? fillTokenLookup(family, false, lookupName) : void 0;
-	}
-	var fontKey = property === "fontSize" ? "size" : property === "fontWeight" ? "weight" : property === "lineHeight" || property === "letterSpacing" ? property : void 0;
-	if (fontKey) {
-		var _font_fontKey;
-		var font = state.conf.fontsParsed[state.fontFamily || state.conf.defaultFontToken] || state.conf.fontsParsed[state.conf.defaultFontToken];
-		var value = font === null || font === void 0 ? void 0 : (_font_fontKey = font[fontKey]) === null || _font_fontKey === void 0 ? void 0 : _font_fontKey[lookupName];
-		return value ? fillTokenLookup(value, false, lookupName) : void 0;
-	}
-	var category = getTokenCategoryForProperty(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);
-	}
-	if (category) {
-		var _state_conf_tokensParsed_category;
-		var own = (_state_conf_tokensParsed_category = state.conf.tokensParsed[category]) === null || _state_conf_tokensParsed_category === void 0 ? void 0 : _state_conf_tokensParsed_category[lookupName];
-		if (own) return fillTokenLookup(own, false, lookupName);
-		for (var _i = 0, _iter = [
-			"color",
-			"space",
-			"size",
-			"radius",
-			"zIndex"
-		]; _i < _iter.length; _i++) {
-			var sibling = _iter[_i];
-			var _state_conf_tokensParsed_sibling;
-			if (sibling !== category && ((_state_conf_tokensParsed_sibling = state.conf.tokensParsed[sibling]) === null || _state_conf_tokensParsed_sibling === void 0 ? void 0 : _state_conf_tokensParsed_sibling[lookupName])) return;
-		}
-	} else {
-		var first = lookupName.charCodeAt(0);
-		if (first >= 48 && first <= 57 || first === 43 || first === 45 || first === 46) return;
-	}
-	var theme = ((_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]);
-	if (theme) return fillTokenLookup(theme, true, lookupName);
-	if (category) return;
-	var token = ((_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]);
-	return token ? fillTokenLookup(token, false, lookupName) : void 0;
-}
-function configuredValue(state, property, raw) {
-	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 = resolveSafeAreaVariable(name);
-	if (safeArea !== void 0) {
-		state.flatUsesSafeArea = true;
-		return safeArea;
-	}
-	var lookup = tokenVariable(state, property, name);
-	if (!lookup || !isVariable(lookup.value)) {
-		var _state_conf_tokensParsed_color;
-		if (process.env.NODE_ENV === "development" && tokenCategoryByProperty[property] && ((_state_conf_tokensParsed_color = state.conf.tokensParsed.color) === null || _state_conf_tokensParsed_color === void 0 ? void 0 : _state_conf_tokensParsed_color[name])) warnOnce(`"${name}" contributes to "color", not "${property}"; keeping it literal`);
-		return raw;
-	}
-	var resolveValues = isWeb && !state.flatShouldDoClasses && state.styleProps.resolveValues === "auto" ? "value" : state.styleProps.resolveValues;
-	if (resolveValues === "except-theme" && lookup.fromTheme) return `${THEME_REF_PREFIX}${lookup.themeKey}${opacity !== void 0 ? `/${opacity}` : ""}`;
-	var value = resolveVariableValue(property, lookup.value, resolveValues);
-	if (opacity !== void 0) value = isWeb ? `color-mix(in srgb, ${value} ${opacity}%, transparent)` : normalizeColor(value, opacity / 100);
-	return value;
-}
-var letterFreeCallPattern = /^[A-Za-z-]+\([^A-Za-z]*\)$/;
-function resolveEmbeddedTokens(state, property, raw) {
-	if (letterFreeCallPattern.test(raw)) return raw;
-	return raw.replace(/[$A-Za-z_][\w.$-]*(?:\/\d+)?/g, function(word, index) {
-		if (word.charCodeAt(0) !== 36) {
-			var before = raw.charCodeAt(index - 1);
-			if (before >= 48 && before <= 57 || before === 35 || before === 45 && raw.charCodeAt(index - 2) === 45 || raw.charCodeAt(index + word.length) === 40) return word;
-		}
-		var value = configuredValue(state, property, word);
-		return value === word ? word : String(value);
-	});
-}
-function normalizeTransitionNames(state, raw) {
-	var quote = 0;
-	var depth = 0;
-	var copyFrom = 0;
-	var out = "";
-	for (var index = 0; index < raw.length; index++) {
-		var code = raw.charCodeAt(index);
-		if (quote) {
-			if (code === 92) index++;
-			else if (code === quote) quote = 0;
-			continue;
-		}
-		if (code === 34 || code === 39) {
-			quote = code;
-			continue;
-		}
-		if (code === 40) {
-			depth++;
-			continue;
-		}
-		if (code === 41) {
-			depth--;
-			continue;
-		}
-		if (depth || !(code >= 65 && code <= 90 || code >= 97 && code <= 122 || code === 95) || index > 1 && raw.charCodeAt(index - 1) === 45 && raw.charCodeAt(index - 2) === 45) continue;
-		var end = index + 1;
-		while (end < raw.length) {
-			var next = raw.charCodeAt(end);
-			if (next >= 48 && next <= 57 || next >= 65 && next <= 90 || next >= 97 && next <= 122 || next === 45 || next === 95) end++;
-			else break;
-		}
-		if (raw.charCodeAt(end) !== 40) {
-			var authored = raw.slice(index, end);
-			var property = state.conf.shorthands[authored] || authored;
-			if (property === "x" || property === "y") property = "translate";
-			else if (property === "scaleX" || property === "scaleY") property = "scale";
-			else if (legacyTransformParts.has(property)) property = "transform";
-			if (property !== authored || /[A-Z]/.test(property)) {
-				out += raw.slice(copyFrom, index);
-				out += property.replace(/[A-Z]/g, function(letter) {
-					return `-${letter.toLowerCase()}`;
-				});
-				copyFrom = end;
-			}
-		}
-		index = end - 1;
-	}
-	return copyFrom ? out + raw.slice(copyFrom) : raw;
-}
-function directStyleSignature(property, value) {
-	return `${property}${arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ""}${String(value)}`;
-}
-function directAtomic(state, property, value, condition, conditionKey, conditionWrappers, conditionSelector) {
-	var isDefault = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : false;
-	var _state;
-	var atomics = (_state = state).flatAtomics || (_state.flatAtomics = {});
-	var atomicKey = property.startsWith("transition") ? "transition" : property;
-	var existing = atomics[atomicKey];
-	var contribution = directStyleSignature(property, value, conditionKey);
-	var signature = existing ? existing.signature + contribution : contribution;
-	var next = getCSSStyleAtomic(property, value, conditionSelector, conditionWrappers, signature, 2, atomicKey, condition ? 1 + (Math.floor(condition / 256) >>> 23 & 7) + (Math.floor(condition / 256) >>> 26) * 6 - (condition >>> 5 & 7) : void 0);
-	if (!next) return;
-	var identifier = next[StyleObjectIdentifier];
-	var nextRules = next[StyleObjectRules];
-	var slotted = condition || atomicKey === "transition";
-	if (!existing) {
-		var atomic = {
-			baseRules: slotted ? 0 : nextRules.length,
-			conditions: void 0,
-			signature,
-			styleObject: next
-		};
-		if (slotted) atomic.conditions = { [atomicKey === "transition" ? `${conditionKey}\0${property}` : conditionKey]: {
-			count: nextRules.length,
-			index: 0,
-			precedence: condition ? Math.floor(condition / 256) : 0,
-			default: isDefault
-		} };
-		atomics[atomicKey] = atomic;
-	} else {
-		var previousIdentifier = existing.styleObject[StyleObjectIdentifier];
-		var rules = existing.styleObject[StyleObjectRules].slice();
-		existing.styleObject[StyleObjectRules] = rules;
-		if (!condition && !isDefault && existing.conditions) for (var key in existing.conditions) {
-			var entry = existing.conditions[key];
-			if (!entry.default) continue;
-			rules.splice(entry.index, entry.count);
-			delete existing.conditions[key];
-			for (var otherKey in existing.conditions) {
-				var other = existing.conditions[otherKey];
-				if (other.index > entry.index) other.index -= entry.count;
-			}
-		}
-		if (previousIdentifier !== identifier) {
-			var oldSelector = `.${previousIdentifier}`;
-			var newSelector = `.${identifier}`;
-			for (var index = 0; index < rules.length; index++) rules[index] = rules[index].replaceAll(oldSelector, newSelector);
-		}
-		if (slotted) {
-			var _existing_conditions;
-			var _existing;
-			var slot = atomicKey === "transition" ? `${conditionKey}\0${property}` : conditionKey;
-			var previous = (_existing_conditions = existing.conditions) === null || _existing_conditions === void 0 ? void 0 : _existing_conditions[slot];
-			if (previous) {
-				rules.splice(previous.index, previous.count);
-				if (existing.conditions) for (var key1 in existing.conditions) {
-					var entry1 = existing.conditions[key1];
-					if (entry1 !== previous && entry1.index > previous.index) entry1.index -= previous.count;
-				}
-				delete existing.conditions[slot];
-			}
-			var precedence = condition ? Math.floor(condition / 256) : 0;
-			var insertionIndex = rules.length;
-			if (existing.conditions) {
-				for (var key2 in existing.conditions) {
-					var entry2 = existing.conditions[key2];
-					if (entry2.precedence > precedence && entry2.index < insertionIndex) insertionIndex = entry2.index;
-				}
-				for (var key3 in existing.conditions) {
-					var entry3 = existing.conditions[key3];
-					if (entry3.index >= insertionIndex) entry3.index += nextRules.length;
-				}
-			}
-			((_existing = existing).conditions || (_existing.conditions = {}))[slot] = {
-				count: nextRules.length,
-				index: insertionIndex,
-				precedence,
-				default: isDefault
-			};
-			rules.splice(insertionIndex, 0, ...nextRules);
-		} else {
-			var difference = nextRules.length - existing.baseRules;
-			rules.splice(0, existing.baseRules, ...nextRules);
-			if (difference && existing.conditions) for (var key4 in existing.conditions) existing.conditions[key4].index += difference;
-			existing.baseRules = nextRules.length;
-		}
-		existing.signature = signature;
-		existing.styleObject[StyleObjectIdentifier] = identifier;
-		existing.styleObject[1] = next[1];
-	}
-	state.classNames[atomicKey] = identifier;
-}
-function emitBorderStyleDefault(state, property, condition, conditionKey, conditionWrappers, conditionSelector) {
-	var _state_flatAtomics, _atomic_conditions;
-	if (!isWeb || !state.flatShouldDoClasses || state.styleProps.noNormalize === false) return;
-	var target = borderStyleDefaults[property];
-	if (!target) return;
-	var atomic = (_state_flatAtomics = state.flatAtomics) === null || _state_flatAtomics === void 0 ? void 0 : _state_flatAtomics[target];
-	if ((atomic === null || atomic === void 0 ? void 0 : atomic.baseRules) || state.classNames[target] && !atomic || condition && (atomic === null || atomic === void 0 ? void 0 : (_atomic_conditions = atomic.conditions) === null || _atomic_conditions === void 0 ? void 0 : _atomic_conditions[conditionKey])) return;
-	directAtomic(state, target, "solid", condition, conditionKey, conditionWrappers, conditionSelector, true);
-}
-function flushDirectStyles(state) {
-	var clear = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
-	var direct = state;
-	var atomics = direct.flatAtomics;
-	if (!atomics) return;
-	for (var property in atomics) {
-		var styleObject = atomics[property].styleObject;
-		var identifier = styleObject[StyleObjectIdentifier];
-		if (shouldInsertStyleRules(identifier)) {
-			var rules = styleObject[StyleObjectRules].slice();
-			styleObject[StyleObjectRules] = rules;
-			updateRules(identifier, rules);
-			state.flatRulesToInsert[identifier] = styleObject;
-		}
-	}
-	if (clear) direct.flatAtomics = void 0;
-}
-function getDirectDynamicThemeAccess(state) {
-	return state.flatDynamicThemeAccess;
-}
-function emitProperty(state, property, value, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly) {
-	var _state_animationDriver, _state_flatActiveConditions;
-	var _state, _state1;
-	var direct = state;
-	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);
-	if (!isWeb && conditionTheme) {
-		if (supportsDynamicColorIOS && isColorStyleKey(property)) {
-			var _direct, _ref, _property;
-			var schemes = (_ref = (_direct = direct).flatDynamicColors || (_direct.flatDynamicColors = {}))[_property = property] || (_ref[_property] = {});
-			schemes[conditionTheme] = typeof originalValue === "string" && /^[a-z]+$/i.test(originalValue) ? originalValue : value;
-			merge(state, property, { dynamic: { ...schemes } }, 1, false, originalValue);
-			return;
-		}
-		direct.flatDynamicThemeAccess = true;
-	}
-	if (contextOnly) {
-		if (!condition || condition & 1) {
-			var _state2;
-			((_state2 = state).overriddenContextProps || (_state2.overriddenContextProps = {}))[property] = originalValue;
-		}
-		return;
-	}
-	var shouldPromoteAnimatedStyle = isWeb && !condition && !state.flatShouldDoClasses && !state.styleProps.noMergeStyle && state.styleProps.isAnimated && !((_state_animationDriver = state.animationDriver) === null || _state_animationDriver === void 0 ? void 0 : _state_animationDriver.isReactNative) && property in nonAnimatableStyleProps;
-	if (isWeb && (state.flatShouldDoClasses || shouldPromoteAnimatedStyle)) {
-		if (!condition) {
-			if (state.style) delete state.style[property];
-		}
-		directAtomic(state, property, value, condition, conditionKey, conditionWrappers, conditionSelector);
-		return;
-	}
-	if (condition) {
-		var _direct_flatPrecedence;
-		var _direct1, _state3;
-		if (!(condition & 1)) return;
-		var precedence = Math.floor(condition / 256);
-		var previous = (_direct_flatPrecedence = direct.flatPrecedence) === null || _direct_flatPrecedence === void 0 ? void 0 : _direct_flatPrecedence[property];
-		if (previous !== void 0 && precedence < previous) return;
-		((_direct1 = direct).flatPrecedence || (_direct1.flatPrecedence = {}))[property] = precedence;
-		((_state3 = state).flatActiveConditions || (_state3.flatActiveConditions = {}))[property] = true;
-	} else if ((_state_flatActiveConditions = state.flatActiveConditions) === null || _state_flatActiveConditions === void 0 ? void 0 : _state_flatActiveConditions[property]) return;
-	merge(state, property, value, 1, true, originalValue);
-}
-function splitComponents(value) {
-	var parts = [];
-	var start = 0;
-	var quote = 0;
-	var depth = 0;
-	for (var index = 0; index <= value.length; index++) {
-		var code = index === value.length ? 32 : value.charCodeAt(index);
-		if (quote) {
-			if (code === 92) index++;
-			else if (code === quote) quote = 0;
-			continue;
-		}
-		if (code === 34 || code === 39) quote = code;
-		else if (code === 40) depth++;
-		else if (code === 41) depth--;
-		else if (!depth && code <= 32) {
-			if (index > start) parts.push(value.slice(start, index));
-			start = index + 1;
-		}
-	}
-	return parts;
-}
-function emitBorder(state, property, raw, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly) {
-	if (!isWeb && (property === "borderBlock" || property === "borderInline")) {
-		if (process.env.NODE_ENV === "development") warnOnce(`RN has no logical border shorthand "${property}"; dropping it`);
-		return;
-	}
-	var targets = borderTargets[property];
-	var width;
-	var style;
-	var color;
-	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-	try {
-		for (var _iterator = splitComponents(raw)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-			var part = _step.value;
-			var lower = part.toLowerCase();
-			if (lineStyles.has(lower) || property === "outline" && lower === "auto") style = part;
-			else if (lower === "thin" || lower === "medium" || lower === "thick" || /^-?(?:\d+\.?\d*|\.\d+)(?:[a-z%]+)?$/i.test(part) || /^(?:calc|var|min|max|clamp)\(/i.test(part)) width = part;
-			else color = part;
-		}
-	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
-	} finally {
-		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-		} finally {
-			if (_didIteratorError) throw _iteratorError;
-		}
-	}
-	if (style === "none" && width === void 0) width = "0";
-	if (width !== void 0) {
-		var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
-		try {
-			for (var _iterator1 = targets.width[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
-				var target = _step1.value;
-				emitResolved(state, target, width, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-			}
-		} catch (err) {
-			_didIteratorError1 = true;
-			_iteratorError1 = err;
-		} finally {
-			try {
-				if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
-			} finally {
-				if (_didIteratorError1) throw _iteratorError1;
-			}
-		}
-	}
-	if (style !== void 0) {
-		var styleTargets = !isWeb && property === "border" ? ["borderStyle"] : targets.style;
-		var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
-		try {
-			for (var _iterator2 = styleTargets[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-				var target1 = _step2.value;
-				emitProperty(state, target1, style, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-			}
-		} catch (err) {
-			_didIteratorError2 = true;
-			_iteratorError2 = err;
-		} finally {
-			try {
-				if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
-			} finally {
-				if (_didIteratorError2) throw _iteratorError2;
-			}
-		}
-	}
-	if (color !== void 0) {
-		var _iteratorNormalCompletion3 = true, _didIteratorError3 = false, _iteratorError3 = void 0;
-		try {
-			for (var _iterator3 = targets.color[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
-				var target2 = _step3.value;
-				emitResolved(state, target2, color, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-			}
-		} catch (err) {
-			_didIteratorError3 = true;
-			_iteratorError3 = err;
-		} finally {
-			try {
-				if (!_iteratorNormalCompletion3 && _iterator3.return != null) _iterator3.return();
-			} finally {
-				if (_didIteratorError3) throw _iteratorError3;
-			}
-		}
-	}
-}
-function emitTextDecoration(state, raw, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly) {
-	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-	try {
-		for (var _iterator = 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, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-		}
-	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
-	} finally {
-		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-		} finally {
-			if (_didIteratorError) throw _iteratorError;
-		}
-	}
-}
-function addComposition(state, property) {
-	if (state.classNames[property]) return;
-	var value = property === "translate" ? "var(--t-x, 0px) var(--t-y, 0px)" : "var(--t-scale-x, 1) var(--t-scale-y, 1)";
-	var defaults = property === "translate" ? "--t-x:0px;--t-y:0px" : "--t-scale-x:1;--t-scale-y:1";
-	var styleObject = getCSSStyleAtomic(property, value, "", void 0, void 0, true);
-	var identifier = styleObject[StyleObjectIdentifier];
-	styleObject[StyleObjectRules].unshift(`:where(.${identifier}){${defaults}}`);
-	if (shouldInsertStyleRules(identifier)) {
-		updateRules(identifier, styleObject[StyleObjectRules]);
-		state.flatRulesToInsert[identifier] = styleObject;
-	}
-	state.classNames[property] = identifier;
-}
-function emitTransform(state, property, value, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly) {
-	if (!isWeb || !state.flatShouldDoClasses) {
-		if (!isWeb && property === "scale") {
-			emitProperty(state, "scaleX", value, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-			emitProperty(state, "scaleY", value, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-		} else emitProperty(state, property, value, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, 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 target = _step.value;
-			var targetValue = value;
-			if (typeof targetValue === "number") {
-				if (target === "--t-x" || target === "--t-y") targetValue = `${targetValue}px`;
-				else if (target === "rotate") targetValue = `${targetValue}deg`;
-			}
-			emitProperty(state, target, targetValue, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-			if (target === "--t-x" || target === "--t-y") addComposition(state, "translate");
-			else if (target.startsWith("--t-scale")) addComposition(state, "scale");
-		}
-	} 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, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly) {
-	var value = configuredValue(state, property, raw);
-	if (value === raw && /[\s,(]/.test(raw)) value = resolveEmbeddedTokens(state, property, raw);
-	if ((!isWeb || !state.flatShouldDoClasses) && typeof value === "string") {
-		if (/^-?(?:\d+\.?\d*|\.\d+)(?:px|dp)$/i.test(value)) value = Number.parseFloat(value);
-		else if (value !== "" && Number.isFinite(Number(value))) value = Number(value);
-	}
-	emitProperty(state, property, value, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-}
-function shadowUnit(part) {
-	return typeof part === "number" ? `${part}px` : part || "0px";
-}
-function emitWebShadow(state, property, value, merge, originalValue, contextOnly) {
-	var _state;
-	var shadow = (_state = state).flatWebShadow || (_state.flatWebShadow = {});
-	shadow[property] = value;
-	var offset = shadow.shadowOffset || {
-		width: 0,
-		height: 0
-	};
-	var _shadow_shadowOpacity;
-	var color = normalizeColor(shadow.shadowColor, (_shadow_shadowOpacity = shadow.shadowOpacity) !== null && _shadow_shadowOpacity !== void 0 ? _shadow_shadowOpacity : 1);
-	if (!color) return;
-	var next = `${shadowUnit(offset.width)} ${shadowUnit(offset.height)} ${shadowUnit(shadow.shadowRadius)} ${color}`;
-	emitProperty(state, "boxShadow", state.flatBoxShadow ? `${state.flatBoxShadow}, ${next}` : next, 0, "", void 0, "", "", merge, originalValue, contextOnly);
-}
-function emitWebTextShadow(state, property, value, merge, originalValue, contextOnly) {
-	var _state;
-	var shadow = (_state = state).flatTextShadow || (_state.flatTextShadow = {});
-	shadow[property] = value;
-	var offset = shadow.textShadowOffset || {
-		width: 0,
-		height: 0
-	};
-	if (!shadow.textShadowColor) return;
-	emitProperty(state, "textShadow", `${shadowUnit(offset.width)} ${shadowUnit(offset.height)} ${shadowUnit(shadow.textShadowRadius)} ${shadow.textShadowColor}`, 0, "", void 0, "", "", merge, originalValue, contextOnly);
-}
-function emitValue(state, property, raw, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly) {
-	if (typeof raw === "string") raw = raw.trim();
-	if (isVariable(raw)) raw = resolveVariableValue(property, raw, isWeb && !state.flatShouldDoClasses && state.styleProps.resolveValues === "auto" ? "value" : state.styleProps.resolveValues);
-	emitBorderStyleDefault(state, property, condition, conditionKey, conditionWrappers, conditionSelector);
-	if (typeof raw === "string" && (property === "transition" || property === "transitionProperty")) raw = normalizeTransitionNames(state, raw);
-	if (legacyTransformParts.has(property)) {
-		if (isWeb && state.flatShouldDoClasses && state.classNames.transform) {
-			if (process.env.NODE_ENV === "development") warnOnce(`legacy transform part "${property}" is dropped because "transform" owns the property`);
-			return;
-		}
-		var value = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
-		if (isWeb && state.flatShouldDoClasses && !condition) {
-			var _direct;
-			var direct = state;
-			((_direct = direct).flatLegacyTransforms || (_direct.flatLegacyTransforms = {}))[property] = value;
-			emitProperty(state, "transform", transformsToString(Object.keys(direct.flatLegacyTransforms).sort().map(function(key2) {
-				return { [key2]: direct.flatLegacyTransforms[key2] };
-			})), 0, "", void 0, "", "", merge, originalValue, contextOnly);
-		} else if (condition && isWeb && state.flatShouldDoClasses) emitProperty(state, "transform", `${property}(${value})`, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-		else merge(state, property, value, 1, false, originalValue);
-		return;
-	}
-	if (isWeb && webShadowParts.has(property)) {
-		var value1 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
-		if (state.flatShouldDoClasses) emitWebShadow(state, property, value1, merge, originalValue, contextOnly);
-		else merge(state, property, value1, 1, false, originalValue);
-		return;
-	}
-	if (isWeb && webTextShadowParts.has(property)) {
-		var value2 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
-		if (state.flatShouldDoClasses) emitWebTextShadow(state, property, value2, merge, originalValue, contextOnly);
-		else merge(state, property, value2, 1, false, originalValue);
-		return;
-	}
-	if (isWeb && state.flatShouldDoClasses) {
-		if (property === "transform") {
-			var direct1 = state;
-			if (process.env.NODE_ENV === "development" && direct1.flatLegacyTransforms) for (var part in direct1.flatLegacyTransforms) warnOnce(`legacy transform part "${part}" is dropped because "transform" owns the property`);
-			direct1.flatLegacyTransforms = void 0;
-			if (state.flatTransforms) {
-				if (process.env.NODE_ENV === "development") for (var part1 in state.flatTransforms) warnOnce(`legacy transform part "${part1}" is dropped because "transform" owns the property`);
-				state.flatTransforms = void 0;
-			}
-		}
-	}
-	if (isWeb && state.flatShouldDoClasses && property === "transform" && Array.isArray(raw)) raw = transformsToString(raw);
-	if (typeof raw === "string" && property in borderTargets) {
-		emitBorder(state, property, raw, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-		return;
-	}
-	if (typeof raw === "string" && property === "textDecoration") {
-		emitTextDecoration(state, raw, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-		return;
-	}
-	if (typeof raw === "string" && property === "background") {
-		var parts = splitComponents(raw);
-		if (parts.length === 1 && !/^(?:url|image-set|.*gradient)\(/i.test(parts[0])) {
-			emitResolved(state, "backgroundColor", parts[0], condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-			return;
-		}
-		if (!isWeb) {
-			if (process.env.NODE_ENV === "development") warnOnce(`native background cannot represent "${raw}"; dropping it`);
-			return;
-		}
-	}
-	if (property === "x" || property === "y" || property === "scale" || property === "scaleX" || property === "scaleY" || property === "rotate") {
-		var value3 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
-		if ((!isWeb || !state.flatShouldDoClasses) && typeof value3 === "string" && !value3.startsWith(THEME_REF_PREFIX)) {
-			if (property === "rotate" && !/^-?(?:\d+\.?\d*|\.\d+)(?:deg|rad)$/i.test(value3)) {
-				if (process.env.NODE_ENV === "development") warnOnce(`native transform "${property}" cannot represent "${value3}"; dropping it`);
-				if (condition & 1 && state.flatTransforms) delete state.flatTransforms[property];
-				return;
-			}
-			if (/^-?(?:\d+\.?\d*|\.\d+)(?:px|dp)$/i.test(value3)) value3 = Number.parseFloat(value3);
-			else if (Number.isFinite(Number(value3))) value3 = Number(value3);
-		}
-		emitTransform(state, property, value3, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-		return;
-	}
-	if (isWeb && !state.flatShouldDoClasses && !condition && property === "borderRadius") {
-		if (typeof raw === "string") emitResolved(state, property, raw, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-		else emitProperty(state, property, raw, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-		return;
-	}
-	if (property === "transform" && typeof raw === "string") {
-		var transform = parseNativeTransform(raw);
-		if (transform) {
-			emitProperty(state, property, transform, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-			return;
-		}
-	}
-	var value4 = raw;
-	if (typeof raw === "string") {
-		value4 = configuredValue(state, property, raw);
-		if (value4 === raw && /[\s,(]/.test(raw)) value4 = resolveEmbeddedTokens(state, property, raw);
-	}
-	if ((!isWeb || !state.flatShouldDoClasses) && typeof value4 === "string") {
-		if (/^-?(?:\d+\.?\d*|\.\d+)(?:px|dp)$/i.test(value4)) value4 = Number.parseFloat(value4);
-		else if (value4 !== "" && Number.isFinite(Number(value4))) value4 = Number(value4);
-	}
-	if (isWeb && state.flatShouldDoClasses && property === "boxShadow" && !condition) state.flatBoxShadow = value4;
-	if (typeof value4 === "string" && (property === "backgroundImage" || property === "boxShadow" || property === "textShadow")) {
-		var parsed = parseNativeStyle(property, value4);
-		if (parsed) {
-			if (property === "textShadow") {
-				var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-				try {
-					for (var _iterator = parsed[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-						var [key, parsedValue] = _step.value;
-						emitProperty(state, key, parsedValue, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-					}
-				} catch (err) {
-					_didIteratorError = true;
-					_iteratorError = err;
-				} finally {
-					try {
-						if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-					} finally {
-						if (_didIteratorError) throw _iteratorError;
-					}
-				}
-			} else emitProperty(state, property === "backgroundImage" ? "experimental_backgroundImage" : property, parsed, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-			return;
-		}
-	}
-	if (!isWeb && property === "fontVariant" && typeof value4 === "string") value4 = value4.split(/[,\s]+/).filter(Boolean);
-	var expanded = state.styleProps.noExpand ? null : expandStyle(property, value4, state.conf.settings.styleCompat || "web");
-	if (!expanded) {
-		emitProperty(state, property, value4, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-		return;
-	}
-	if (typeof raw === "string" && expanded.length > 1) {
-		var parts1 = splitComponents(raw);
-		if (parts1.length > 0 && parts1.length <= (expanded.length === 4 ? 4 : 2)) {
-			for (var index = 0; index < expanded.length; index++) {
-				var partIndex = index === 0 || parts1.length === 1 ? 0 : index === 1 || index === 3 && parts1.length < 4 ? 1 : index === 2 && parts1.length < 3 ? 0 : index;
-				emitResolved(state, expanded[index][0], parts1[partIndex], condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-			}
-			return;
-		}
-	}
-	for (var index1 = 0; index1 < expanded.length; index1++) emitProperty(state, expanded[index1][0], expanded[index1][1], condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-}
-function contributeStyleString(state, property, source, merge, originalValue) {
-	var contextOnly = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
-	if (isWeb && source.indexOf(":") !== -1 && (webShadowParts.has(property) || legacyTransformParts.has(property))) {
-		if (process.env.NODE_ENV === "development") warnOnce(`conditional "${property}" needs its composite property; dropping it`);
-		return true;
-	}
-	if (source.indexOf(":") === -1) {
-		emitValue(state, property, source, 0, "", void 0, "", "", merge, originalValue !== null && originalValue !== void 0 ? originalValue : source, contextOnly);
-		return true;
-	}
-	scanFlatValue(source, directStyleHandler, state, property, merge, originalValue, contextOnly);
-	return true;
-}
-function contributeFrontendValue(state, property, value, merge) {
-	var contextOnly = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false;
-	if (value.base !== null) emitValue(state, property, value.base, 0, "", void 0, "", "", merge, value.base, contextOnly);
-	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-	try {
-		for (var _iterator = value.clauses[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-			var clause = _step.value;
-			var source = clause.modifiers.join(":");
-			resolveClauseChain(state, source, 0, source.length, property, clause.payload, merge, clause.payload, contextOnly);
-		}
-	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
-	} finally {
-		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-		} finally {
-			if (_didIteratorError) throw _iteratorError;
-		}
-	}
-	return true;
-}
-function isConditionalStyleObject(state, value) {
-	if (Object.prototype.hasOwnProperty.call(value, "default")) return true;
-	for (var key in value) return key.length > 0 && !!resolveClauseChain(state, key, 0, key.length);
-	return false;
-}
-function contributeVariantClauseValue(state, property, value, conditionSource, merge, originalValue) {
-	var contextOnly = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : false;
-	if (value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && !Array.isArray(value) && !isVariable(value) && isConditionalStyleObject(state, value)) {
-		for (var key in value) {
-			var payload = value[key];
-			if (payload == null) continue;
-			var source = key === "default" ? conditionSource : `${conditionSource}:${key}`;
-			resolveClauseChain(state, source, 0, source.length, property, payload, merge, payload, contextOnly, -1, -1, 2);
-		}
-		return;
-	}
-	resolveClauseChain(state, conditionSource, 0, conditionSource.length, property, value, merge, originalValue, contextOnly, -1, -1, 2);
-}
-function contributeStyleObject(state, property, value, merge, contextOnly) {
-	if (!isConditionalStyleObject(state, value)) return false;
-	if (isWeb && (webShadowParts.has(property) || legacyTransformParts.has(property))) {
-		if (process.env.NODE_ENV === "development") warnOnce(`conditional "${property}" needs its composite property; dropping it`);
-		return true;
-	}
-	var hasBase = false;
-	var base = value.default;
-	if (base != null) {
-		emitValue(state, property, base, 0, "", void 0, "", "", merge, base, contextOnly);
-		hasBase = true;
-	}
-	var conditions = 0;
-	for (var key in value) {
-		if (key === "default") continue;
-		var payload = value[key];
-		if (payload == null) continue;
-		conditions |= resolveClauseChain(state, key, 0, key.length, property, payload, merge, payload, contextOnly, -1, -1, 1);
-	}
-	if ((!isWeb || !state.flatShouldDoClasses) && conditions & 12 && !hasBase) {
-		var resting = implicitLifecycleBase(property);
-		if (resting !== null) emitValue(state, property, resting, 0, "", void 0, "", "", merge, resting, contextOnly);
-	}
-	return true;
-}
-function contributeStyleValue(state, property, value, merge, originalValue) {
-	var contextOnly = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
-	if (value === "safe" && isSafeAreaKey(property)) {
-		var expanded = expandSafeAreaValue(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;
-					emitValue(state, key, resolved, 0, "", void 0, "", "", merge, 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 (typeof value === "string") return contributeStyleString(state, property, value, merge, originalValue, contextOnly);
-	if (value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && !Array.isArray(value) && !isVariable(value) && contributeStyleObject(state, property, value, merge, contextOnly)) return true;
-	if (value != null) {
-		emitValue(state, property, value, 0, "", void 0, "", "", merge, originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
-		return true;
-	}
-	return false;
-}
-function clearDirectStyle(state, property) {
-	var direct = state;
-	var atomicKey = property.startsWith("transition") ? "transition" : webShadowParts.has(property) ? "boxShadow" : webTextShadowParts.has(property) ? "textShadow" : legacyTransformParts.has(property) ? "transform" : property;
-	if (direct.flatAtomics) delete direct.flatAtomics[atomicKey];
-	delete state.classNames[atomicKey];
-}
-
-export { clearDirectStyle, contributeFrontendValue, contributeStyleString, contributeStyleValue, contributeVariantClauseValue, directStyleSignature, flushDirectStyles, getDirectDynamicThemeAccess, isConditionalStyleObject, platformMatches, resolveClauseChain };
-//# sourceMappingURL=directStyle.native.js.map