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

package/dist/cjs/helpers/directStyle.cjs

@@ -1,962 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") {
-		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: () => from[key],
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var directStyle_exports = {};
-__export(directStyle_exports, {
-	clearDirectStyle: () => clearDirectStyle,
-	contributeFrontendValue: () => contributeFrontendValue,
-	contributeStyleString: () => contributeStyleString,
-	contributeStyleValue: () => contributeStyleValue,
-	contributeVariantClauseValue: () => contributeVariantClauseValue,
-	directStyleSignature: () => directStyleSignature,
-	flushDirectStyles: () => flushDirectStyles,
-	getDirectDynamicThemeAccess: () => getDirectDynamicThemeAccess,
-	isConditionalStyleObject: () => isConditionalStyleObject,
-	platformMatches: () => platformMatches,
-	resolveClauseChain: () => resolveClauseChain
-});
-module.exports = __toCommonJS(directStyle_exports);
-var import_constants = require("@tamagui/constants");
-var import_helpers = require("@tamagui/helpers");
-var import_runtime = require("@tamagui/style-grammar/runtime");
-var import_createVariable = require("../createVariable.cjs");
-var import_useMedia = require("../hooks/useMedia.cjs");
-var import_warnOnce = require("./warnOnce.cjs");
-var import_expandStyle = require("./expandStyle.cjs");
-var import_getCSSStylesAtomic = require("./getCSSStylesAtomic.cjs");
-var import_grammarConfig = require("./grammarConfig.cjs");
-var import_getDynamicVal = require("./getDynamicVal.cjs");
-var import_insertStyleRule = require("./insertStyleRule.cjs");
-var import_normalizeColor = require("./normalizeColor.cjs");
-require("./parseNativeStyle.native.cjs");
-require("./parseNativeTransform.native.cjs");
-var import_tokenCategories = require("./tokenCategories.cjs");
-var import_resolveSafeAreaVariable = require("./resolveSafeAreaVariable.cjs");
-var import_resolveSafeArea = require("./resolveSafeArea.cjs");
-var import_resolveVariableValue = require("./resolveVariableValue.cjs");
-var import_themeRef = require("./themeRef.cjs");
-var import_transformsToString = require("./transformsToString.cjs");
-const 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") (0, import_warnOnce.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;
-			}
-			const 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") (0, import_warnOnce.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") (0, import_warnOnce.warnRefusedValue)(property, source, "a conditional clause has no value");
-			return;
-		}
-		if (property === "aspectRatio" && chainCount === 1) {
-			const left = Number(source.slice(chainStart, chainEnd));
-			const right = Number(source.slice(start, end));
-			if (chainStart < chainEnd && Number.isFinite(left) && left > 0 && Number.isFinite(right) && right > 0) return 12;
-		}
-		const 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") (0, import_warnOnce.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) {
-		let hasBase = !!(result & 1);
-		if (result & 8 && chainCount === 1) {
-			emitValue(state, property, source, 0, "", void 0, "", "", merge, originalValue ?? source, contextOnly);
-			hasBase = true;
-		}
-		if (process.env.NODE_ENV === "development" && !hasBase && result & 4 && (property in import_helpers.tokenCategories.color || property in import_tokenCategories.tokenCategoryByProperty) && splitComponents(source.slice(lastPayloadStart)).length > 1) (0, import_warnOnce.warnOnce)(`${property}="${source}" has multiple values after its first conditional. Write the base value before the first conditional.`);
-		if ((!import_constants.isWeb || !state.flatShouldDoClasses) && result & 2 && !hasBase) {
-			const 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;
-}
-const legacyTransformParts = /* @__PURE__ */ new Set([
-	"matrix",
-	"perspective",
-	"rotateX",
-	"rotateY",
-	"rotateZ",
-	"scaleZ",
-	"skewX",
-	"skewY"
-]);
-const webShadowParts = /* @__PURE__ */ new Set([
-	"shadowColor",
-	"shadowOffset",
-	"shadowOpacity",
-	"shadowRadius"
-]);
-const webTextShadowParts = /* @__PURE__ */ new Set([
-	"textShadowColor",
-	"textShadowOffset",
-	"textShadowRadius"
-]);
-const lineStyles = /* @__PURE__ */ new Set([
-	"none",
-	"hidden",
-	"dotted",
-	"dashed",
-	"solid",
-	"double",
-	"groove",
-	"ridge",
-	"inset",
-	"outset"
-]);
-const 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"]
-	}
-};
-const borderStyleDefaults = {
-	borderWidth: "borderStyle",
-	borderTopWidth: "borderTopStyle",
-	borderRightWidth: "borderRightStyle",
-	borderBottomWidth: "borderBottomStyle",
-	borderLeftWidth: "borderLeftStyle"
-};
-function platformMatches(name) {
-	if (name === "web") return import_constants.isWeb;
-	if (name === "native") return !import_constants.isWeb;
-	if (name === "ios") return import_constants.isIos;
-	if (name === "android") return import_constants.isAndroid;
-	if (name === "tvos") return import_constants.isIos && import_constants.isTV;
-	if (name === "androidtv") return import_constants.isAndroid && import_constants.isTV;
-	return name === "tv" && import_constants.isTV;
-}
-function resolveClauseChain(state, source, start, end, property, raw, merge, originalValue, contextOnly = false, payloadStart = -1, payloadEnd = -1, warning = 0) {
-	const compiled = (0, import_grammarConfig.getConfigRevisionState)(state.conf);
-	const sourceStart = start;
-	let key = "";
-	let active = true;
-	let emit = true;
-	let selector = "";
-	let wrappers;
-	let theme = "";
-	let enter = false;
-	let exit = false;
-	let unsupportedState = "";
-	let platformRank = 0;
-	let depth = 0;
-	let categoryRank = 0;
-	let withinRank = 0;
-	let selfStateSpecificity = 0;
-	for (let index = start; index <= end; index++) {
-		if (index !== end && source.charCodeAt(index) !== 58) continue;
-		let modifier = source.slice(start, index);
-		start = index + 1;
-		let code = compiled.modifiers[modifier];
-		let kind = code & 7;
-		let rank = code >> 3;
-		let stateSelector = "";
-		let conditionStateName = "";
-		let groupName = "";
-		let containerSize = "";
-		let containerName = "";
-		let containerQuery = "";
-		if (kind === import_runtime.modifierKindState) {
-			modifier = import_runtime.canonicalStateModifierNames[rank];
-			stateSelector = import_runtime.stateModifierSelectors[rank];
-		} else if (!kind && modifier.startsWith("group-")) {
-			const slash = modifier.indexOf("/");
-			const authoredState = modifier.slice(6, slash === -1 ? void 0 : slash);
-			code = compiled.modifiers[authoredState];
-			if ((code & 7) !== import_runtime.modifierKindState) kind = 0;
-			else {
-				rank = code >> 3;
-				groupName = slash === -1 ? "true" : modifier.slice(slash + 1);
-				if (rank === 6 || rank === 7 || slash !== -1 && !(0, import_runtime.isModifierName)(groupName, 0, groupName.length)) kind = 0;
-				else {
-					kind = 5;
-					const stateName = import_runtime.canonicalStateModifierNames[rank];
-					conditionStateName = stateName;
-					stateSelector = import_runtime.stateModifierSelectors[rank];
-					modifier = `group-${stateName}${slash === -1 ? "" : modifier.slice(slash)}`;
-				}
-			}
-		} else if (!kind && modifier.charCodeAt(0) === 64) {
-			const slash = modifier.indexOf("/");
-			containerSize = modifier.slice(1, slash === -1 ? void 0 : slash);
-			containerName = slash === -1 ? "" : modifier.slice(slash + 1);
-			if ((0, import_runtime.isModifierName)(containerSize, 0, containerSize.length) && (slash === -1 || (0, import_runtime.isModifierName)(containerName, 0, containerName.length)) && ((code = compiled.modifiers[containerSize]) & 7) === import_runtime.modifierKindMedia && (containerQuery = compiled.mediaQueries[containerSize]) && (0, import_runtime.isContainerSizeQueryText)(containerQuery)) {
-				kind = 6;
-				rank = code >> 3;
-			}
-		}
-		if (!kind) {
-			if (warning && process.env.NODE_ENV === "development") (0, import_warnOnce.warnRefusedValue)(property, warning === 1 ? source : raw, `unknown modifier "${source.slice(sourceStart, end)}"`);
-			return 0;
-		}
-		let slotStart = 0;
-		let duplicate = false;
-		let inserted = !key;
-		if (!key) key = modifier;
-		else {
-			while (slotStart <= key.length) {
-				let slotEnd = key.indexOf(":", slotStart);
-				if (slotEnd === -1) slotEnd = key.length;
-				let order = 0;
-				const compareLength = Math.min(modifier.length, slotEnd - slotStart);
-				for (let offset = 0; offset < compareLength; offset++) {
-					order = modifier.charCodeAt(offset) - key.charCodeAt(slotStart + offset);
-					if (order) break;
-				}
-				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 === import_runtime.modifierKindPlatform) {
-			if (rank > platformRank) platformRank = rank;
-			const matches = platformMatches(modifier);
-			active &&= matches;
-			emit &&= matches;
-			continue;
-		}
-		depth++;
-		const nextCategory = kind === import_runtime.modifierKindMedia ? 0 : kind === 6 ? 1 : kind === import_runtime.modifierKindTheme ? 2 : kind === 5 ? 3 : 4;
-		if (nextCategory > categoryRank) {
-			categoryRank = nextCategory;
-			withinRank = rank;
-		} else if (nextCategory === categoryRank && rank > withinRank) withinRank = rank;
-		if (kind === import_runtime.modifierKindMedia) {
-			const query = compiled.mediaQueries[modifier];
-			if (!query) return 0;
-			(wrappers ||= []).push(`@media ${query}`);
-			active &&= !!state.flatMediaState?.[modifier];
-			(state.flatMediaKeys ||= /* @__PURE__ */ new Set()).add(modifier);
-		} else if (kind === import_runtime.modifierKindTheme) {
-			theme = modifier;
-			selector += `:where(.t_${modifier}, .t_${modifier} *)`;
-			active &&= state.flatThemeName === modifier || state.flatThemeName?.startsWith(`${modifier}_`) === true;
-		} else if (kind === 5) {
-			selector += `:where(.t_group_${groupName}${stateSelector} *)`;
-			if (rank === 0) (wrappers ||= []).push("@media (hover: hover)");
-			const component = state.componentState.group?.[groupName];
-			const context = state.flatGroupContext?.[groupName];
-			active &&= !!(component?.pseudo ?? context?.state.pseudo)?.[conditionStateName];
-			(state.flatGroupKeys ||= /* @__PURE__ */ new Set()).add(groupName);
-		} else if (kind === 6) {
-			const groupKey = `@${containerName}`;
-			(wrappers ||= []).push(containerName ? `@container ${containerName} ${containerQuery}` : `@container ${containerQuery}`);
-			const component = state.componentState.group?.[groupKey];
-			const context = state.flatGroupContext?.[groupKey];
-			const match = component?.media?.[containerSize];
-			active &&= match === void 0 ? !!(context?.state.layout && (0, import_useMedia.mediaKeyMatch)(containerSize, context.state.layout)) : !!match;
-			(state.flatGroupKeys ||= /* @__PURE__ */ new Set()).add(groupKey);
-			(state.flatGroupMedia ||= /* @__PURE__ */ new Set()).add(containerSize);
-		} else {
-			selfStateSpecificity++;
-			if (!import_constants.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 ||= []).push("@media (hover: hover)");
-			const component = state.componentState;
-			active &&= rank === 0 ? !!component.hover : rank === 4 ? !!(component.press || component.pressIn) : rank === 2 ? !!component.focus : rank === 3 ? !!component.focusVisible : rank === 1 ? !!component.focusWithin : rank === 5 ? !!(component.disabled || state.props.disabled) : rank === 6 ? !!component.unmounted : rank === 7 ? !!state.styleProps.isExiting : false;
-			if (stateSelector[0] === ":") (state.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)}:"`);
-	const 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") (0, import_warnOnce.warnOnce)(`${property}: "${unsupportedState}:" has no native component-state source; dropping the clause`);
-	if (merge && property && condition & 2 && (condition & 1 || import_constants.isWeb && state.flatShouldDoClasses || warning === 1 && !import_constants.isWeb && theme && import_constants.supportsDynamicColorIOS && (0, import_getDynamicVal.isColorStyleKey)(property))) {
-		const value = payloadStart === -1 ? raw : source.slice(payloadStart, payloadEnd);
-		emitValue(state, property, value, condition, key, wrappers, selector, theme, merge, warning === 2 ? originalValue : originalValue ?? value, contextOnly);
-	}
-	return condition;
-}
-const 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) {
-	let lookupName = name.charCodeAt(0) === 36 ? name.slice(1) : name;
-	if (property === "fontFamily") {
-		const family = state.conf.fontsParsed[lookupName]?.family;
-		return family ? fillTokenLookup(family, false, lookupName) : void 0;
-	}
-	const fontKey = property === "fontSize" ? "size" : property === "fontWeight" ? "weight" : property === "lineHeight" || property === "letterSpacing" ? property : void 0;
-	if (fontKey) {
-		const value = (state.conf.fontsParsed[state.fontFamily || state.conf.defaultFontToken] || state.conf.fontsParsed[state.conf.defaultFontToken])?.[fontKey]?.[lookupName];
-		return value ? fillTokenLookup(value, false, lookupName) : void 0;
-	}
-	const category = (0, import_tokenCategories.getTokenCategoryForProperty)(property);
-	const dot = lookupName.indexOf(".");
-	if (dot !== -1) {
-		const prefix = lookupName.slice(0, dot);
-		if (!category || prefix === category || prefix === "color") lookupName = lookupName.slice(dot + 1);
-	}
-	if (category) {
-		const own = state.conf.tokensParsed[category]?.[lookupName];
-		if (own) return fillTokenLookup(own, false, lookupName);
-		for (const sibling of [
-			"color",
-			"space",
-			"size",
-			"radius",
-			"zIndex"
-		]) if (sibling !== category && state.conf.tokensParsed[sibling]?.[lookupName]) return;
-	} else {
-		const first = lookupName.charCodeAt(0);
-		if (first >= 48 && first <= 57 || first === 43 || first === 45 || first === 46) return;
-	}
-	const theme = state.theme?.[lookupName] || state.conf.themes?.[state.flatThemeName || ""]?.[lookupName];
-	if (theme) return fillTokenLookup(theme, true, lookupName);
-	if (category) return;
-	const token = state.conf.tokensParsed.space?.[lookupName] || state.conf.tokensParsed.color?.[lookupName];
-	return token ? fillTokenLookup(token, false, lookupName) : void 0;
-}
-function configuredValue(state, property, raw) {
-	let name = raw;
-	let opacity;
-	const slash = raw.lastIndexOf("/");
-	if (slash > 0) {
-		const amount = Number(raw.slice(slash + 1));
-		if (Number.isInteger(amount) && amount >= 0 && amount <= 100) {
-			name = raw.slice(0, slash);
-			opacity = amount;
-		}
-	}
-	const safeArea = (0, import_resolveSafeAreaVariable.resolveSafeAreaVariable)(name);
-	if (safeArea !== void 0) {
-		state.flatUsesSafeArea = true;
-		return safeArea;
-	}
-	const lookup = tokenVariable(state, property, name);
-	if (!lookup || !(0, import_createVariable.isVariable)(lookup.value)) {
-		if (process.env.NODE_ENV === "development" && import_tokenCategories.tokenCategoryByProperty[property] && state.conf.tokensParsed.color?.[name]) (0, import_warnOnce.warnOnce)(`"${name}" contributes to "color", not "${property}"; keeping it literal`);
-		return raw;
-	}
-	const resolveValues = import_constants.isWeb && !state.flatShouldDoClasses && state.styleProps.resolveValues === "auto" ? "value" : state.styleProps.resolveValues;
-	if (resolveValues === "except-theme" && lookup.fromTheme) return `${import_themeRef.THEME_REF_PREFIX}${lookup.themeKey}${opacity !== void 0 ? `/${opacity}` : ""}`;
-	let value = (0, import_resolveVariableValue.resolveVariableValue)(property, lookup.value, resolveValues);
-	if (opacity !== void 0) value = import_constants.isWeb ? `color-mix(in srgb, ${value} ${opacity}%, transparent)` : (0, import_normalizeColor.normalizeColor)(value, opacity / 100);
-	return value;
-}
-const 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, (word, index) => {
-		if (word.charCodeAt(0) !== 36) {
-			const 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;
-		}
-		const value = configuredValue(state, property, word);
-		return value === word ? word : String(value);
-	});
-}
-function normalizeTransitionNames(state, raw) {
-	let quote = 0;
-	let depth = 0;
-	let copyFrom = 0;
-	let out = "";
-	for (let index = 0; index < raw.length; index++) {
-		const 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;
-		let end = index + 1;
-		while (end < raw.length) {
-			const 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) {
-			const authored = raw.slice(index, end);
-			let 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, (letter) => `-${letter.toLowerCase()}`);
-				copyFrom = end;
-			}
-		}
-		index = end - 1;
-	}
-	return copyFrom ? out + raw.slice(copyFrom) : raw;
-}
-function directStyleSignature(property, value, conditionKey = "") {
-	return `${property}${conditionKey}${String(value)}`;
-}
-function directAtomic(state, property, value, condition, conditionKey, conditionWrappers, conditionSelector, isDefault = false) {
-	const atomics = state.flatAtomics ||= {};
-	const atomicKey = property.startsWith("transition") ? "transition" : property;
-	const existing = atomics[atomicKey];
-	const contribution = directStyleSignature(property, value, conditionKey);
-	const signature = existing ? existing.signature + contribution : contribution;
-	const next = (0, import_getCSSStylesAtomic.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;
-	const identifier = next[import_helpers.StyleObjectIdentifier];
-	const nextRules = next[import_helpers.StyleObjectRules];
-	const slotted = condition || atomicKey === "transition";
-	if (!existing) {
-		const 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 {
-		const previousIdentifier = existing.styleObject[import_helpers.StyleObjectIdentifier];
-		const rules = existing.styleObject[import_helpers.StyleObjectRules].slice();
-		existing.styleObject[import_helpers.StyleObjectRules] = rules;
-		if (!condition && !isDefault && existing.conditions) for (const key in existing.conditions) {
-			const entry = existing.conditions[key];
-			if (!entry.default) continue;
-			rules.splice(entry.index, entry.count);
-			delete existing.conditions[key];
-			for (const otherKey in existing.conditions) {
-				const other = existing.conditions[otherKey];
-				if (other.index > entry.index) other.index -= entry.count;
-			}
-		}
-		if (previousIdentifier !== identifier) {
-			const oldSelector = `.${previousIdentifier}`;
-			const newSelector = `.${identifier}`;
-			for (let index = 0; index < rules.length; index++) rules[index] = rules[index].replaceAll(oldSelector, newSelector);
-		}
-		if (slotted) {
-			const slot = atomicKey === "transition" ? `${conditionKey}\0${property}` : conditionKey;
-			const previous = existing.conditions?.[slot];
-			if (previous) {
-				rules.splice(previous.index, previous.count);
-				if (existing.conditions) for (const key in existing.conditions) {
-					const entry = existing.conditions[key];
-					if (entry !== previous && entry.index > previous.index) entry.index -= previous.count;
-				}
-				delete existing.conditions[slot];
-			}
-			const precedence = condition ? Math.floor(condition / 256) : 0;
-			let insertionIndex = rules.length;
-			if (existing.conditions) {
-				for (const key in existing.conditions) {
-					const entry = existing.conditions[key];
-					if (entry.precedence > precedence && entry.index < insertionIndex) insertionIndex = entry.index;
-				}
-				for (const key in existing.conditions) {
-					const entry = existing.conditions[key];
-					if (entry.index >= insertionIndex) entry.index += nextRules.length;
-				}
-			}
-			(existing.conditions ||= {})[slot] = {
-				count: nextRules.length,
-				index: insertionIndex,
-				precedence,
-				default: isDefault
-			};
-			rules.splice(insertionIndex, 0, ...nextRules);
-		} else {
-			const difference = nextRules.length - existing.baseRules;
-			rules.splice(0, existing.baseRules, ...nextRules);
-			if (difference && existing.conditions) for (const key in existing.conditions) existing.conditions[key].index += difference;
-			existing.baseRules = nextRules.length;
-		}
-		existing.signature = signature;
-		existing.styleObject[import_helpers.StyleObjectIdentifier] = identifier;
-		existing.styleObject[1] = next[1];
-	}
-	state.classNames[atomicKey] = identifier;
-}
-function emitBorderStyleDefault(state, property, condition, conditionKey, conditionWrappers, conditionSelector) {
-	if (!import_constants.isWeb || !state.flatShouldDoClasses || state.styleProps.noNormalize === false) return;
-	const target = borderStyleDefaults[property];
-	if (!target) return;
-	const atomic = state.flatAtomics?.[target];
-	if (atomic?.baseRules || state.classNames[target] && !atomic || condition && atomic?.conditions?.[conditionKey]) return;
-	directAtomic(state, target, "solid", condition, conditionKey, conditionWrappers, conditionSelector, true);
-}
-function flushDirectStyles(state, clear = false) {
-	const direct = state;
-	const atomics = direct.flatAtomics;
-	if (!atomics) return;
-	for (const property in atomics) {
-		const styleObject = atomics[property].styleObject;
-		const identifier = styleObject[import_helpers.StyleObjectIdentifier];
-		if ((0, import_insertStyleRule.shouldInsertStyleRules)(identifier)) {
-			const rules = styleObject[import_helpers.StyleObjectRules].slice();
-			styleObject[import_helpers.StyleObjectRules] = rules;
-			(0, import_insertStyleRule.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) {
-	const direct = state;
-	if (condition & 4) (state.flatEnterKeys ||= /* @__PURE__ */ new Set()).add(property);
-	if (condition & 8) (state.flatExitKeys ||= /* @__PURE__ */ new Set()).add(property);
-	if (!import_constants.isWeb && conditionTheme) {
-		if (import_constants.supportsDynamicColorIOS && (0, import_getDynamicVal.isColorStyleKey)(property)) {
-			const schemes = (direct.flatDynamicColors ||= {})[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) (state.overriddenContextProps ||= {})[property] = originalValue;
-		return;
-	}
-	const shouldPromoteAnimatedStyle = import_constants.isWeb && !condition && !state.flatShouldDoClasses && !state.styleProps.noMergeStyle && state.styleProps.isAnimated && !state.animationDriver?.isReactNative && property in import_helpers.nonAnimatableStyleProps;
-	if (import_constants.isWeb && (state.flatShouldDoClasses || shouldPromoteAnimatedStyle)) {
-		if (!condition) {
-			if (state.style) delete state.style[property];
-		}
-		directAtomic(state, property, value, condition, conditionKey, conditionWrappers, conditionSelector);
-		return;
-	}
-	if (condition) {
-		if (!(condition & 1)) return;
-		const precedence = Math.floor(condition / 256);
-		const previous = direct.flatPrecedence?.[property];
-		if (previous !== void 0 && precedence < previous) return;
-		(direct.flatPrecedence ||= {})[property] = precedence;
-		(state.flatActiveConditions ||= {})[property] = true;
-	} else if (state.flatActiveConditions?.[property]) return;
-	merge(state, property, value, 1, true, originalValue);
-}
-function splitComponents(value) {
-	const parts = [];
-	let start = 0;
-	let quote = 0;
-	let depth = 0;
-	for (let index = 0; index <= value.length; index++) {
-		const 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 (!import_constants.isWeb && (property === "borderBlock" || property === "borderInline")) {
-		if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`RN has no logical border shorthand "${property}"; dropping it`);
-		return;
-	}
-	const targets = borderTargets[property];
-	let width;
-	let style;
-	let color;
-	for (const part of splitComponents(raw)) {
-		const 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;
-	}
-	if (style === "none" && width === void 0) width = "0";
-	if (width !== void 0) for (const target of targets.width) emitResolved(state, target, width, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-	if (style !== void 0) {
-		const styleTargets = !import_constants.isWeb && property === "border" ? ["borderStyle"] : targets.style;
-		for (const target of styleTargets) emitProperty(state, target, style, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-	}
-	if (color !== void 0) for (const target of targets.color) emitResolved(state, target, color, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-}
-function emitTextDecoration(state, raw, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly) {
-	for (const part of splitComponents(raw)) 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);
-}
-function addComposition(state, property) {
-	if (state.classNames[property]) return;
-	const value = property === "translate" ? "var(--t-x, 0px) var(--t-y, 0px)" : "var(--t-scale-x, 1) var(--t-scale-y, 1)";
-	const defaults = property === "translate" ? "--t-x:0px;--t-y:0px" : "--t-scale-x:1;--t-scale-y:1";
-	const styleObject = (0, import_getCSSStylesAtomic.getCSSStyleAtomic)(property, value, "", void 0, void 0, true);
-	const identifier = styleObject[import_helpers.StyleObjectIdentifier];
-	styleObject[import_helpers.StyleObjectRules].unshift(`:where(.${identifier}){${defaults}}`);
-	if ((0, import_insertStyleRule.shouldInsertStyleRules)(identifier)) {
-		(0, import_insertStyleRule.updateRules)(identifier, styleObject[import_helpers.StyleObjectRules]);
-		state.flatRulesToInsert[identifier] = styleObject;
-	}
-	state.classNames[property] = identifier;
-}
-function emitTransform(state, property, value, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly) {
-	if (!import_constants.isWeb || !state.flatShouldDoClasses) {
-		if (!import_constants.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;
-	}
-	const 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"];
-	for (const target of targets) {
-		let 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");
-	}
-}
-function emitResolved(state, property, raw, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly) {
-	let value = configuredValue(state, property, raw);
-	if (value === raw && /[\s,(]/.test(raw)) value = resolveEmbeddedTokens(state, property, raw);
-	if ((!import_constants.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) {
-	const shadow = state.flatWebShadow ||= {};
-	shadow[property] = value;
-	const offset = shadow.shadowOffset || {
-		width: 0,
-		height: 0
-	};
-	const color = (0, import_normalizeColor.normalizeColor)(shadow.shadowColor, shadow.shadowOpacity ?? 1);
-	if (!color) return;
-	const 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) {
-	const shadow = state.flatTextShadow ||= {};
-	shadow[property] = value;
-	const 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 ((0, import_createVariable.isVariable)(raw)) raw = (0, import_resolveVariableValue.resolveVariableValue)(property, raw, import_constants.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 (import_constants.isWeb && state.flatShouldDoClasses && state.classNames.transform) {
-			if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`legacy transform part "${property}" is dropped because "transform" owns the property`);
-			return;
-		}
-		const value2 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
-		if (import_constants.isWeb && state.flatShouldDoClasses && !condition) {
-			const direct = state;
-			(direct.flatLegacyTransforms ||= {})[property] = value2;
-			emitProperty(state, "transform", (0, import_transformsToString.transformsToString)(Object.keys(direct.flatLegacyTransforms).sort().map((key) => ({ [key]: direct.flatLegacyTransforms[key] }))), 0, "", void 0, "", "", merge, originalValue, contextOnly);
-		} else if (condition && import_constants.isWeb && state.flatShouldDoClasses) emitProperty(state, "transform", `${property}(${value2})`, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-		else merge(state, property, value2, 1, false, originalValue);
-		return;
-	}
-	if (import_constants.isWeb && webShadowParts.has(property)) {
-		const value2 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
-		if (state.flatShouldDoClasses) emitWebShadow(state, property, value2, merge, originalValue, contextOnly);
-		else merge(state, property, value2, 1, false, originalValue);
-		return;
-	}
-	if (import_constants.isWeb && webTextShadowParts.has(property)) {
-		const 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 (import_constants.isWeb && state.flatShouldDoClasses) {
-		if (property === "transform") {
-			const direct = state;
-			if (process.env.NODE_ENV === "development" && direct.flatLegacyTransforms) for (const part in direct.flatLegacyTransforms) (0, import_warnOnce.warnOnce)(`legacy transform part "${part}" is dropped because "transform" owns the property`);
-			direct.flatLegacyTransforms = void 0;
-			if (state.flatTransforms) {
-				if (process.env.NODE_ENV === "development") for (const part in state.flatTransforms) (0, import_warnOnce.warnOnce)(`legacy transform part "${part}" is dropped because "transform" owns the property`);
-				state.flatTransforms = void 0;
-			}
-		}
-	}
-	if (import_constants.isWeb && state.flatShouldDoClasses && property === "transform" && Array.isArray(raw)) raw = (0, import_transformsToString.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") {
-		const 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 (!import_constants.isWeb) {
-			if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`native background cannot represent "${raw}"; dropping it`);
-			return;
-		}
-	}
-	if (property === "x" || property === "y" || property === "scale" || property === "scaleX" || property === "scaleY" || property === "rotate") {
-		let value2 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
-		if ((!import_constants.isWeb || !state.flatShouldDoClasses) && typeof value2 === "string" && !value2.startsWith(import_themeRef.THEME_REF_PREFIX)) {
-			if (property === "rotate" && !/^-?(?:\d+\.?\d*|\.\d+)(?:deg|rad)$/i.test(value2)) {
-				if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`native transform "${property}" cannot represent "${value2}"; dropping it`);
-				if (condition & 1 && state.flatTransforms) delete state.flatTransforms[property];
-				return;
-			}
-			if (/^-?(?:\d+\.?\d*|\.\d+)(?:px|dp)$/i.test(value2)) value2 = Number.parseFloat(value2);
-			else if (Number.isFinite(Number(value2))) value2 = Number(value2);
-		}
-		emitTransform(state, property, value2, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-		return;
-	}
-	if (import_constants.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;
-	}
-	let value = raw;
-	if (typeof raw === "string") {
-		value = configuredValue(state, property, raw);
-		if (value === raw && /[\s,(]/.test(raw)) value = resolveEmbeddedTokens(state, property, raw);
-	}
-	if ((!import_constants.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);
-	}
-	if (import_constants.isWeb && state.flatShouldDoClasses && property === "boxShadow" && !condition) state.flatBoxShadow = value;
-	if (!import_constants.isWeb && property === "fontVariant" && typeof value === "string") value = value.split(/[,\s]+/).filter(Boolean);
-	const expanded = state.styleProps.noExpand ? null : (0, import_expandStyle.expandStyle)(property, value, state.conf.settings.styleCompat || "web");
-	if (!expanded) {
-		emitProperty(state, property, value, condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-		return;
-	}
-	if (typeof raw === "string" && expanded.length > 1) {
-		const parts = splitComponents(raw);
-		if (parts.length > 0 && parts.length <= (expanded.length === 4 ? 4 : 2)) {
-			for (let index = 0; index < expanded.length; index++) {
-				const partIndex = index === 0 || parts.length === 1 ? 0 : index === 1 || index === 3 && parts.length < 4 ? 1 : index === 2 && parts.length < 3 ? 0 : index;
-				emitResolved(state, expanded[index][0], parts[partIndex], condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-			}
-			return;
-		}
-	}
-	for (let index = 0; index < expanded.length; index++) emitProperty(state, expanded[index][0], expanded[index][1], condition, conditionKey, conditionWrappers, conditionSelector, conditionTheme, merge, originalValue, contextOnly);
-}
-function contributeStyleString(state, property, source, merge, originalValue, contextOnly = false) {
-	if (import_constants.isWeb && source.indexOf(":") !== -1 && (webShadowParts.has(property) || legacyTransformParts.has(property))) {
-		if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`conditional "${property}" needs its composite property; dropping it`);
-		return true;
-	}
-	if (source.indexOf(":") === -1) {
-		emitValue(state, property, source, 0, "", void 0, "", "", merge, originalValue ?? source, contextOnly);
-		return true;
-	}
-	(0, import_runtime.scanFlatValue)(source, directStyleHandler, state, property, merge, originalValue, contextOnly);
-	return true;
-}
-function contributeFrontendValue(state, property, value, merge, contextOnly = false) {
-	if (value.base !== null) emitValue(state, property, value.base, 0, "", void 0, "", "", merge, value.base, contextOnly);
-	for (const clause of value.clauses) {
-		const source = clause.modifiers.join(":");
-		resolveClauseChain(state, source, 0, source.length, property, clause.payload, merge, clause.payload, contextOnly);
-	}
-	return true;
-}
-function isConditionalStyleObject(state, value) {
-	if (Object.prototype.hasOwnProperty.call(value, "default")) return true;
-	for (const key in value) return key.length > 0 && !!resolveClauseChain(state, key, 0, key.length);
-	return false;
-}
-function contributeVariantClauseValue(state, property, value, conditionSource, merge, originalValue, contextOnly = false) {
-	if (value && typeof value === "object" && !Array.isArray(value) && !(0, import_createVariable.isVariable)(value) && isConditionalStyleObject(state, value)) {
-		for (const key in value) {
-			const payload = value[key];
-			if (payload == null) continue;
-			const 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 (import_constants.isWeb && (webShadowParts.has(property) || legacyTransformParts.has(property))) {
-		if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`conditional "${property}" needs its composite property; dropping it`);
-		return true;
-	}
-	let hasBase = false;
-	const base = value.default;
-	if (base != null) {
-		emitValue(state, property, base, 0, "", void 0, "", "", merge, base, contextOnly);
-		hasBase = true;
-	}
-	let conditions = 0;
-	for (const key in value) {
-		if (key === "default") continue;
-		const payload = value[key];
-		if (payload == null) continue;
-		conditions |= resolveClauseChain(state, key, 0, key.length, property, payload, merge, payload, contextOnly, -1, -1, 1);
-	}
-	if ((!import_constants.isWeb || !state.flatShouldDoClasses) && conditions & 12 && !hasBase) {
-		const 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, contextOnly = false) {
-	if (value === "safe" && (0, import_resolveSafeArea.isSafeAreaKey)(property)) {
-		const expanded = (0, import_resolveSafeArea.expandSafeAreaValue)(property);
-		if (expanded) {
-			state.flatUsesSafeArea = true;
-			for (const [key, resolved] of expanded) emitValue(state, key, resolved, 0, "", void 0, "", "", merge, originalValue ?? value, contextOnly);
-			return true;
-		}
-	}
-	if (typeof value === "string") return contributeStyleString(state, property, value, merge, originalValue, contextOnly);
-	if (value && typeof value === "object" && !Array.isArray(value) && !(0, import_createVariable.isVariable)(value) && contributeStyleObject(state, property, value, merge, contextOnly)) return true;
-	if (value != null) {
-		emitValue(state, property, value, 0, "", void 0, "", "", merge, originalValue ?? value, contextOnly);
-		return true;
-	}
-	return false;
-}
-function clearDirectStyle(state, property) {
-	const direct = state;
-	const 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];
-}