@tamagui/web 2.7.7 → 3.0.0-beta.643.1

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

@@ -0,0 +1,1112 @@
+import { isAndroid, isIos, isTV, isWeb, supportsDynamicColorIOS } from "@tamagui/constants";
+import { StyleObjectIdentifier, StyleObjectRules, tokenCategories } from "@tamagui/helpers";
+import { canonicalClauseModifier, clauseConditionSetKey, clauseSubjectClassRepetitions, compareClausePrecedence, createClausePrecedenceOrder, getClausePrecedenceKeyFromKinds, isRootThemeName, scanFlatValue } 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 { isColorStyleKey } from "./getDynamicVal.native.js";
+import { shouldInsertStyleRules, updateRules } from "./insertStyleRule.native.js";
+import { mediaObjectToString } from "./mediaObjectToString.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";
+
+var baseClausePrecedence = [
+	0,
+	0,
+	0,
+	0
+];
+var stateSelectors = {
+	hover: ":hover",
+	press: ":active",
+	focus: ":focus",
+	"focus-visible": ":focus-visible",
+	"focus-within": ":focus-within",
+	disabled: "[aria-disabled]",
+	open: "[data-state=\"open\"]",
+	checked: "[data-state=\"checked\"]",
+	highlighted: "[data-highlighted]",
+	selected: "[data-state=\"active\"]",
+	invalid: "[aria-invalid=\"true\"]"
+};
+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"
+};
+var mediaQueries = /* @__PURE__ */ new WeakMap();
+var clausePrecedenceOrders = /* @__PURE__ */ new WeakMap();
+function queryFor(state, name) {
+	var queries = mediaQueries.get(state.conf);
+	if (!queries) {
+		queries = {};
+		var media = state.conf.media || {};
+		for (var key in media) queries[key] = mediaObjectToString(media[key]);
+		mediaQueries.set(state.conf, queries);
+	}
+	return queries[name];
+}
+function precedenceOrderFor(state) {
+	var order = clausePrecedenceOrders.get(state.conf);
+	if (!order) {
+		order = createClausePrecedenceOrder(state.conf.media);
+		clausePrecedenceOrders.set(state.conf, order);
+	}
+	return order;
+}
+function stateIsActive(state, name) {
+	var component = state.componentState;
+	if (name === "hover") return !!component.hover;
+	if (name === "press") return !!(component.press || component.pressIn);
+	if (name === "focus") return !!component.focus;
+	if (name === "focus-visible") return !!component.focusVisible;
+	if (name === "focus-within") return !!component.focusWithin;
+	if (name === "disabled") return !!(component.disabled || state.props.disabled);
+	if (name === "enter") return !!component.unmounted;
+	if (name === "exit") return !!state.styleProps.isExiting;
+	return false;
+}
+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 groupCondition(state, modifier, out) {
+	var _state_componentState_group, _state_flatGroupContext, _this;
+	var _out, _out1, _state;
+	var slash = modifier.indexOf("/");
+	var stateName = modifier.slice(6, slash === -1 ? void 0 : slash);
+	var groupName = slash === -1 ? "true" : modifier.slice(slash + 1);
+	var selector = stateSelectors[stateName];
+	if (!selector || !groupName) return false;
+	out.selector += `:where(.t_group_${groupName}${selector} *)`;
+	if (stateName === "hover") ((_out = out).wrappers || (_out.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;
+	(_out1 = out).active && (_out1.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[stateName]));
+	((_state = state).flatGroupKeys || (_state.flatGroupKeys = /* @__PURE__ */ new Set())).add(groupName);
+	return true;
+}
+function containerCondition(state, modifier, out) {
+	var _state_componentState_group, _state_flatGroupContext, _component_media;
+	var _out, _out1, _state, _state1;
+	var slash = modifier.indexOf("/");
+	var size = modifier.slice(1, slash === -1 ? void 0 : slash);
+	var name = slash === -1 ? null : modifier.slice(slash + 1);
+	var query = queryFor(state, size);
+	if (!query || name !== null && !name) return false;
+	var key = name === null ? "@" : `@${name}`;
+	((_out = out).wrappers || (_out.wrappers = [])).push(name === null ? `@container ${query}` : `@container ${name} ${query}`);
+	var component = (_state_componentState_group = state.componentState.group) === null || _state_componentState_group === void 0 ? void 0 : _state_componentState_group[key];
+	var context = (_state_flatGroupContext = state.flatGroupContext) === null || _state_flatGroupContext === void 0 ? void 0 : _state_flatGroupContext[key];
+	var active = component === null || component === void 0 ? void 0 : (_component_media = component.media) === null || _component_media === void 0 ? void 0 : _component_media[size];
+	(_out1 = out).active && (_out1.active = active === void 0 ? !!((context === null || context === void 0 ? void 0 : context.state.layout) && mediaKeyMatch(size, context.state.layout)) : !!active);
+	((_state = state).flatGroupKeys || (_state.flatGroupKeys = /* @__PURE__ */ new Set())).add(key);
+	((_state1 = state).flatGroupMedia || (_state1.flatGroupMedia = /* @__PURE__ */ new Set())).add(size);
+	return true;
+}
+function getCondition(state, source) {
+	var out = {
+		key: "",
+		active: true,
+		emit: true,
+		selector: ""
+	};
+	var canonical = [];
+	var kinds = [];
+	var seenModifiers = /* @__PURE__ */ new Set();
+	var selfStateSpecificity = 0;
+	var start = 0;
+	for (var index = 0; index <= source.length; index++) {
+		if (index !== source.length && source.charCodeAt(index) !== 58) continue;
+		var modifier = canonicalClauseModifier(source.slice(start, index));
+		start = index + 1;
+		if (!modifier) return null;
+		if (seenModifiers.has(modifier)) continue;
+		seenModifiers.add(modifier);
+		if (modifier.startsWith("group-")) {
+			if (!groupCondition(state, modifier, out)) return null;
+			canonical.push(modifier);
+			kinds.push("group");
+			continue;
+		}
+		if (modifier.charCodeAt(0) === 64) {
+			if (!containerCondition(state, modifier, out)) return null;
+			canonical.push(modifier);
+			kinds.push("container");
+			continue;
+		}
+		if (modifier in stateSelectors || modifier === "enter" || modifier === "exit") {
+			var _out, _out1;
+			canonical.push(modifier);
+			kinds.push("state");
+			selfStateSpecificity++;
+			var selector = stateSelectors[modifier];
+			if (!isWeb && modifier !== "hover" && modifier !== "press" && modifier !== "focus" && modifier !== "focus-visible" && modifier !== "focus-within" && modifier !== "disabled" && modifier !== "enter" && modifier !== "exit") out.unsupportedState = modifier;
+			if (modifier === "enter" || modifier === "exit") {
+				var cls = modifier === "enter" ? ".t_unmounted" : ".t_exiting";
+				out.selector += `:is(${cls}, ${cls} *)`;
+				out[modifier] = true;
+			} else if (selector) out.selector += selector;
+			if (modifier === "hover") ((_out = out).wrappers || (_out.wrappers = [])).push("@media (hover: hover)");
+			(_out1 = out).active && (_out1.active = stateIsActive(state, modifier));
+			if (modifier === "hover" || modifier === "press" || modifier === "focus" || modifier === "focus-visible" || modifier === "focus-within") {
+				var _state;
+				((_state = state).flatStateKeys || (_state.flatStateKeys = /* @__PURE__ */ new Set())).add(modifier);
+			}
+			continue;
+		}
+		if (modifier in (state.conf.media || {})) {
+			var _state_flatMediaState;
+			var _out2, _out3, _state1;
+			var query = queryFor(state, modifier);
+			if (!query) return null;
+			canonical.push(modifier);
+			kinds.push("media");
+			((_out2 = out).wrappers || (_out2.wrappers = [])).push(`@media ${query}`);
+			(_out3 = out).active && (_out3.active = !!((_state_flatMediaState = state.flatMediaState) === null || _state_flatMediaState === void 0 ? void 0 : _state_flatMediaState[modifier]));
+			((_state1 = state).flatMediaKeys || (_state1.flatMediaKeys = /* @__PURE__ */ new Set())).add(modifier);
+			continue;
+		}
+		if (isRootThemeName(modifier) && modifier in (state.conf.themes || {})) {
+			var _state_flatThemeName;
+			var _out4;
+			canonical.push(modifier);
+			kinds.push("theme");
+			out.theme = modifier;
+			out.selector += `:where(.t_${modifier}, .t_${modifier} *)`;
+			(_out4 = out).active && (_out4.active = state.flatThemeName === modifier || ((_state_flatThemeName = state.flatThemeName) === null || _state_flatThemeName === void 0 ? void 0 : _state_flatThemeName.startsWith(`${modifier}_`)) === true);
+			continue;
+		}
+		if (modifier === "web" || modifier === "native" || modifier === "ios" || modifier === "android" || modifier === "tv" || modifier === "tvos" || modifier === "androidtv") {
+			var _out5, _out6;
+			canonical.push(modifier);
+			kinds.push("platform");
+			var matches = platformMatches(modifier);
+			(_out5 = out).active && (_out5.active = matches);
+			(_out6 = out).emit && (_out6.emit = matches);
+			continue;
+		}
+		return null;
+	}
+	out.key = clauseConditionSetKey(canonical);
+	out.precedence = getClausePrecedenceKeyFromKinds(canonical, kinds, precedenceOrderFor(state));
+	out.classRepetitions = clauseSubjectClassRepetitions(out.precedence, selfStateSpecificity);
+	return out;
+}
+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) {
+	var isDefault = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 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, (condition === null || condition === void 0 ? void 0 : condition.key) || "");
+	var signature = existing ? existing.signature + contribution : contribution;
+	var next = getCSSStyleAtomic(property, value, condition === null || condition === void 0 ? void 0 : condition.selector, condition === null || condition === void 0 ? void 0 : condition.wrappers, signature, true, atomicKey, condition === null || condition === void 0 ? void 0 : condition.classRepetitions);
+	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) {
+			var _condition_precedence;
+			atomic.conditions = { [atomicKey === "transition" ? `${(condition === null || condition === void 0 ? void 0 : condition.key) || ""}\0${property}` : condition.key]: {
+				count: nextRules.length,
+				index: 0,
+				precedence: (_condition_precedence = condition === null || condition === void 0 ? void 0 : condition.precedence) !== null && _condition_precedence !== void 0 ? _condition_precedence : baseClausePrecedence,
+				default: isDefault
+			} };
+		}
+		atomics[atomicKey] = atomic;
+	} else {
+		var previousIdentifier = existing.styleObject[StyleObjectIdentifier];
+		var rules = existing.styleObject[StyleObjectRules];
+		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" ? `${(condition === null || condition === void 0 ? void 0 : condition.key) || ""}\0${property}` : condition.key;
+			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 _condition_precedence1;
+			var precedence = (_condition_precedence1 = condition === null || condition === void 0 ? void 0 : condition.precedence) !== null && _condition_precedence1 !== void 0 ? _condition_precedence1 : baseClausePrecedence;
+			var insertionIndex = rules.length;
+			if (existing.conditions) {
+				for (var key2 in existing.conditions) {
+					var entry2 = existing.conditions[key2];
+					if (compareClausePrecedence(entry2.precedence, precedence) > 0 && 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) {
+	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[condition.key])) return;
+	directAtomic(state, target, "solid", condition, 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)) {
+			updateRules(identifier, styleObject[StyleObjectRules]);
+			state.flatRulesToInsert[identifier] = styleObject;
+		}
+	}
+	if (clear) direct.flatAtomics = void 0;
+}
+function getDirectDynamicThemeAccess(state) {
+	return state.flatDynamicThemeAccess;
+}
+function emitProperty(state, property, value, condition, merge, originalValue, contextOnly) {
+	var _state_flatActiveConditions;
+	var _state, _state1;
+	var direct = state;
+	if (condition === null || condition === void 0 ? void 0 : condition.enter) ((_state = state).flatEnterKeys || (_state.flatEnterKeys = /* @__PURE__ */ new Set())).add(property);
+	if (condition === null || condition === void 0 ? void 0 : condition.exit) ((_state1 = state).flatExitKeys || (_state1.flatExitKeys = /* @__PURE__ */ new Set())).add(property);
+	if (!isWeb && (condition === null || condition === void 0 ? void 0 : condition.theme)) {
+		if (supportsDynamicColorIOS && isColorStyleKey(property)) {
+			var _direct, _ref, _property;
+			var schemes = (_ref = (_direct = direct).flatDynamicColors || (_direct.flatDynamicColors = {}))[_property = property] || (_ref[_property] = {});
+			schemes[condition.theme] = 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.active) {
+			var _state2;
+			((_state2 = state).overriddenContextProps || (_state2.overriddenContextProps = {}))[property] = originalValue;
+		}
+		return;
+	}
+	if (isWeb && state.flatShouldDoClasses) {
+		if (!condition) {
+			if (state.style) delete state.style[property];
+		}
+		directAtomic(state, property, value, condition);
+		return;
+	}
+	if (condition) {
+		var _direct_flatPrecedence;
+		var _direct1, _state3;
+		if (!condition.active) return;
+		var previous = (_direct_flatPrecedence = direct.flatPrecedence) === null || _direct_flatPrecedence === void 0 ? void 0 : _direct_flatPrecedence[property];
+		if (previous && compareClausePrecedence(condition.precedence, previous) < 0) return;
+		((_direct1 = direct).flatPrecedence || (_direct1.flatPrecedence = {}))[property] = condition.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, 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, 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, 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, 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, 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, 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, merge, originalValue, contextOnly) {
+	if (!isWeb || !state.flatShouldDoClasses) {
+		if (!isWeb && property === "scale") {
+			emitProperty(state, "scaleX", value, condition, merge, originalValue, contextOnly);
+			emitProperty(state, "scaleY", value, condition, merge, originalValue, contextOnly);
+		} else emitProperty(state, property, value, condition, 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, 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, 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, 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, null, 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}`, null, merge, originalValue, contextOnly);
+}
+function emitValue(state, property, raw, condition, 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);
+	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] };
+			})), null, merge, originalValue, contextOnly);
+		} else if (condition && isWeb && state.flatShouldDoClasses) emitProperty(state, "transform", `${property}(${value})`, condition, 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, merge, originalValue, contextOnly);
+		return;
+	}
+	if (typeof raw === "string" && property === "textDecoration") {
+		emitTextDecoration(state, raw, condition, 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, 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 === null || condition === void 0 ? void 0 : condition.active) && 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, merge, originalValue, contextOnly);
+		return;
+	}
+	if (isWeb && !state.flatShouldDoClasses && !condition && property === "borderRadius") {
+		if (typeof raw === "string") emitResolved(state, property, raw, condition, merge, originalValue, contextOnly);
+		else emitProperty(state, property, raw, condition, merge, originalValue, contextOnly);
+		return;
+	}
+	if (property === "transform" && typeof raw === "string") {
+		var transform = parseNativeTransform(raw);
+		if (transform) {
+			emitProperty(state, property, transform, condition, 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, 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, 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, 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, merge, originalValue, contextOnly);
+			}
+			return;
+		}
+	}
+	for (var index1 = 0; index1 < expanded.length; index1++) emitProperty(state, expanded[index1][0], expanded[index1][1], condition, merge, originalValue, contextOnly);
+}
+function emitSegment(state, property, source, start, end, condition, merge, originalValue, contextOnly) {
+	while (start < end && source.charCodeAt(start) <= 32) start++;
+	while (end > start && source.charCodeAt(end - 1) <= 32) end--;
+	if (start === end) return false;
+	if (!condition || condition.emit && (condition.active || isWeb && state.flatShouldDoClasses || !isWeb && condition.theme && supportsDynamicColorIOS && isColorStyleKey(property))) {
+		var value = source.slice(start, end);
+		emitValue(state, property, value, condition, merge, value, contextOnly);
+	}
+	return true;
+}
+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, null, merge, originalValue !== null && originalValue !== void 0 ? originalValue : source, contextOnly);
+		return true;
+	}
+	var conditions = [];
+	var starts = [];
+	var ends = [];
+	var pending = null;
+	var refused = "";
+	var lifecycle = false;
+	scanFlatValue(source, {
+		segment(start, end, isBase) {
+			if (start === end) {
+				if (!isBase && !refused) refused = "a conditional clause has no value";
+				return;
+			}
+			conditions.push(pending);
+			starts.push(start);
+			ends.push(end);
+		},
+		chain(start, end) {
+			if (refused) return false;
+			var next = getCondition(state, source.slice(start, end));
+			if (!next) {
+				refused = `unknown modifier "${source.slice(start, end)}"`;
+				return false;
+			}
+			if (process.env.NODE_ENV === "development" && next.unsupportedState) warnOnce(`${property}: "${next.unsupportedState}:" has no native component-state source; dropping the clause`);
+			pending = next;
+			lifecycle || (lifecycle = !!(next.enter || next.exit));
+			return true;
+		},
+		error(code, index2) {
+			if (refused) return;
+			refused = code === "invalid-character" ? `"${source[index2]}" would end the declaration or rule` : code === "unterminated-string" ? "an unterminated string" : code === "unterminated-comment" ? "an unterminated \"/*\" comment" : code === "stray-comment-close" ? "a stray \"*/\"" : "an unterminated \"(\"";
+		}
+	});
+	if (refused) {
+		if (property === "aspectRatio") {
+			emitValue(state, property, source, null, merge, originalValue !== null && originalValue !== void 0 ? originalValue : source, contextOnly);
+			return true;
+		}
+		if (process.env.NODE_ENV === "development") warnRefusedValue(property, source, refused);
+		return true;
+	}
+	var hasBase = false;
+	var lastPayloadStart = 0;
+	for (var index = 0; index < conditions.length; index++) {
+		var condition = conditions[index];
+		lastPayloadStart = starts[index];
+		var emitted = emitSegment(state, property, source, starts[index], ends[index], condition, merge, originalValue, contextOnly);
+		if (!condition && emitted) hasBase = true;
+	}
+	if (process.env.NODE_ENV === "development" && !hasBase && conditions.length > 0 && (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) && lifecycle && !hasBase) {
+		var value = property === "opacity" ? 1 : property === "scale" || property === "scaleX" || property === "scaleY" ? 1 : property === "rotate" ? "0deg" : property === "x" || property === "y" ? 0 : null;
+		if (value !== null) emitValue(state, property, value, null, merge, value, 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, null, 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 condition = getCondition(state, clause.modifiers.join(":"));
+			if (condition && condition.emit && (condition.active || isWeb && state.flatShouldDoClasses)) emitValue(state, property, clause.payload, condition, 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 contributeVariantClauseValue(state, property, value, conditionSource, merge, originalValue) {
+	var contextOnly = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : false;
+	var condition = getCondition(state, conditionSource);
+	if (!condition) {
+		if (process.env.NODE_ENV === "development") warnRefusedValue(property, value, `unknown modifier "${conditionSource}"`);
+		return;
+	}
+	if (process.env.NODE_ENV === "development" && condition.unsupportedState) warnOnce(`${property}: "${condition.unsupportedState}:" has no native component-state source; dropping the clause`);
+	if (condition.emit && (condition.active || isWeb && state.flatShouldDoClasses)) emitValue(state, property, value, condition, merge, originalValue, contextOnly);
+}
+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, null, 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 != null) {
+		emitValue(state, property, value, null, 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, getCondition, getDirectDynamicThemeAccess, platformMatches };
+//# sourceMappingURL=directStyle.native.js.map