@tamagui/web 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/helpers/variables.native.cjs

@@ -0,0 +1,806 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var variables_exports = {};
+__export(variables_exports, {
+	getInlineValuesFromProps: () => getInlineValuesFromProps,
+	getInlineValuesKey: () => getInlineValuesKey,
+	getMergedInlineTheme: () => getMergedInlineTheme,
+	getThemeKeySet: () => getThemeKeySet,
+	getVariablesCSSRules: () => getVariablesCSSRules,
+	resolveVariableValueToCSS: () => resolveVariableValueToCSS
+});
+module.exports = __toCommonJS(variables_exports);
+var import_helpers = require("@tamagui/helpers");
+var import_constants = require("@tamagui/constants");
+var import_runtime = require("@tamagui/style-grammar/runtime");
+var import_config = require("../config.native.js");
+var import_createVariable = require("../createVariable.native.js");
+var import_grammarConfig = require("./grammarConfig.native.js");
+var import_themeUpdateState = require("./themeUpdateState.native.js");
+var import_variableValue = require("./variableValue.native.js");
+var import_warnOnce = require("./warnOnce.native.js");
+var themeKeySets = /* @__PURE__ */ new WeakMap();
+var getThemeKeySet = function(conf) {
+	var generation = (0, import_grammarConfig.getConfigRevisionState)(conf);
+	var existing = themeKeySets.get(generation);
+	if (existing) return existing;
+	var set = /* @__PURE__ */ new Set();
+	for (var themeName in conf.themes) {
+		for (var key in conf.themes[themeName]) {
+			set.add(key);
+		}
+	}
+	if (process.env.NODE_ENV === "development") {
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = set[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var key1 = _step.value;
+				if (import_helpers.reservedThemeProps[key1]) {
+					console.error(`[tamagui] theme key "${key1}" collides with a reserved theme prop, so it cannot be set with <ThemeUpdate ${key1}="...">. Rename it.`);
+				}
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) {
+					_iterator.return();
+				}
+			} finally {
+				if (_didIteratorError) {
+					throw _iteratorError;
+				}
+			}
+		}
+	}
+	themeKeySets.set(generation, set);
+	return set;
+};
+var cssVariablePrefix = process.env.TAMAGUI_CSS_VARIABLE_PREFIX || "";
+var themeKeyVar = function(key) {
+	return `var(--${cssVariablePrefix}${(0, import_helpers.simpleHash)(key, 40)})`;
+};
+function resolveVariableValueToCSS(key, value, conf) {
+	if (typeof value === "number") {
+		return (0, import_variableValue.isUnitlessVariableKey)(key) ? `${value}` : `${value}px`;
+	}
+	if (typeof value === "object" && value && "needsPx" in value) {
+		return `${value.val}px`;
+	}
+	if (typeof value !== "string") {
+		return;
+	}
+	var name = value;
+	if (getThemeKeySet(conf).has(name)) {
+		return themeKeyVar(name);
+	}
+	var token = (0, import_variableValue.findVariableToken)(conf.tokensParsed, name);
+	if (token) {
+		return token.variable;
+	}
+	return value;
+}
+var resolveDeclarations = function(valuesIn, conf, skip) {
+	var out = [];
+	if (!valuesIn) return out;
+	var values = valuesIn;
+	var keySet = getThemeKeySet(conf);
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = Object.keys(values).sort()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var key = _step.value;
+			var value = values[key];
+			if (value == null) continue;
+			if (skip === null || skip === void 0 ? void 0 : skip.has(key)) continue;
+			if (!keySet.has(key)) {
+				(0, import_warnOnce.warnOnce)(`unknown:${key}`, `Theme inline value: "${key}" is not a theme key or config-declared variable (createTamagui({ variables })) \u2014 dropping. Native can't resolve undeclared keys, so declaring it keeps platforms in sync.`);
+				continue;
+			}
+			var cssValue = resolveVariableValueToCSS(key, value, conf);
+			if (cssValue !== void 0) {
+				out.push([key, cssValue]);
+			}
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	return out;
+};
+var toDeclarationBlock = function(declarations) {
+	return declarations.map(function(param) {
+		var [key, value] = param;
+		return `--${cssVariablePrefix}${(0, import_helpers.simpleHash)(key, 40)}:${value};`;
+	}).join("");
+};
+var schemePrefix = /^(light|dark)_/;
+var getThemedBucketNames = function(themes) {
+	if (!themes) return [];
+	var names = [];
+	for (var name in themes) {
+		if (name !== "light" && name !== "dark" && themes[name]) {
+			names.push(name);
+		}
+	}
+	return names.sort();
+};
+var themeBucketNameSets = /* @__PURE__ */ new WeakMap();
+var getThemeBucketNames = function(conf) {
+	var generation = (0, import_grammarConfig.getConfigRevisionState)(conf);
+	var set = themeBucketNameSets.get(generation);
+	if (!set) {
+		set = /* @__PURE__ */ new Set();
+		for (var themeName in conf.themes) {
+			var parts = themeName.replace(schemePrefix, "").split("_");
+			for (var i = 1; i <= parts.length; i++) {
+				set.add(parts.slice(0, i).join("_"));
+			}
+		}
+		themeBucketNameSets.set(generation, set);
+	}
+	return set;
+};
+var warnOnUnknownThemeBucket = function(name, conf) {
+	if (!getThemeBucketNames(conf).has(name)) {
+		(0, import_warnOnce.warnOnce)(`unknown-theme:${name}`, `Theme inline value: modifier "${name}:" doesn't match any theme name in your config, so it will never apply.`);
+	}
+};
+var getCycleDroppedKeys = function(props) {
+	var values = props.values;
+	var themes = props.themes;
+	var light = themes === null || themes === void 0 ? void 0 : themes.light;
+	var dark = themes === null || themes === void 0 ? void 0 : themes.dark;
+	var dropped = null;
+	var check = function(map) {
+		for (var key in map) {
+			var path = [];
+			var pathSet = /* @__PURE__ */ new Set();
+			var current = key;
+			while (true) {
+				if (pathSet.has(current)) {
+					dropped || (dropped = /* @__PURE__ */ new Set());
+					var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+					try {
+						for (var _iterator2 = path[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+							var k = _step2.value;
+							dropped.add(k);
+						}
+					} catch (err) {
+						_didIteratorError2 = true;
+						_iteratorError2 = err;
+					} finally {
+						try {
+							if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+								_iterator2.return();
+							}
+						} finally {
+							if (_didIteratorError2) {
+								throw _iteratorError2;
+							}
+						}
+					}
+					break;
+				}
+				path.push(current);
+				pathSet.add(current);
+				var value = map[current];
+				if (typeof value !== "string") break;
+				var next = value;
+				if (!(next in map)) break;
+				current = next;
+			}
+		}
+	};
+	var checkWithSchemes = function(base) {
+		check({
+			...base,
+			...light
+		});
+		check({
+			...base,
+			...dark
+		});
+	};
+	checkWithSchemes(values || {});
+	var bucketNames = getThemedBucketNames(props.themes);
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = bucketNames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var name = _step.value;
+			var merged = { ...values };
+			var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+			try {
+				for (var _iterator1 = bucketNames[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+					var other = _step1.value;
+					if (other === name || name.startsWith(`${other}_`)) {
+						Object.assign(merged, themes[other]);
+					}
+				}
+			} catch (err) {
+				_didIteratorError1 = true;
+				_iteratorError1 = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+						_iterator1.return();
+					}
+				} finally {
+					if (_didIteratorError1) {
+						throw _iteratorError1;
+					}
+				}
+			}
+			checkWithSchemes(merged);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	if (dropped && process.env.NODE_ENV === "development") {
+		var names = [...dropped];
+		(0, import_warnOnce.warnOnce)(`cycle:${names.join(",")}`, `Theme inline values: reference cycle involving "${names.join("\", \"")}". These keys cannot resolve on either platform and are dropped.`);
+	}
+	return dropped;
+};
+var rulesCache = /* @__PURE__ */ new Map();
+function getVariablesCSSRules(props, conf) {
+	if (process.env.TAMAGUI_DID_OUTPUT_CSS) return null;
+	var cycleDropped = getCycleDroppedKeys(props);
+	var themes = props.themes;
+	var base = resolveDeclarations(props.values, conf, cycleDropped);
+	var dark = resolveDeclarations(themes === null || themes === void 0 ? void 0 : themes.dark, conf, cycleDropped);
+	var light = resolveDeclarations(themes === null || themes === void 0 ? void 0 : themes.light, conf, cycleDropped);
+	var themed = [];
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = getThemedBucketNames(props.themes)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var name = _step.value;
+			if (process.env.NODE_ENV === "development") {
+				warnOnUnknownThemeBucket(name, conf);
+			}
+			var declarations = resolveDeclarations(themes[name], conf, cycleDropped);
+			if (declarations.length) {
+				themed.push([name, declarations]);
+			}
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	if (!base.length && !dark.length && !light.length && !themed.length) {
+		return null;
+	}
+	var prefersColorThemes = !!(0, import_config.getSetting)("shouldAddPrefersColorThemes");
+	var payload = JSON.stringify([
+		base,
+		themed,
+		dark,
+		light,
+		prefersColorThemes
+	]);
+	var cached = rulesCache.get(payload);
+	if (cached) return cached;
+	var identifier = `tvar_${(0, import_helpers.simpleHash)(payload, "strict")}`;
+	var cls = `.${identifier}:not(#t_theme_full_name)`;
+	var rules = [];
+	if (base.length) {
+		rules.push(`:root ${cls} {${toDeclarationBlock(base)}}`);
+	}
+	var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+	try {
+		for (var _iterator1 = themed[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+			var [name1, declarations1] = _step1.value;
+			rules.push(`:root .t_${name1} ${cls}, :root.t_${name1} ${cls} {${toDeclarationBlock(declarations1)}}`);
+		}
+	} catch (err) {
+		_didIteratorError1 = true;
+		_iteratorError1 = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+				_iterator1.return();
+			}
+		} finally {
+			if (_didIteratorError1) {
+				throw _iteratorError1;
+			}
+		}
+	}
+	var schemeRule = function(scheme) {
+		var opposite = scheme === "dark" ? "light" : "dark";
+		var declarations2 = scheme === "light" ? light : dark;
+		return `:root .t_${scheme} ${cls}, :root.t_${scheme} ${cls}, :root .t_${opposite} .t_${scheme} ${cls}, :root.t_${opposite} .t_${scheme} ${cls} {${toDeclarationBlock(declarations2)}}`;
+	};
+	if (light.length) {
+		rules.push(schemeRule("light"));
+	}
+	if (dark.length) {
+		rules.push(schemeRule("dark"));
+	}
+	if (prefersColorThemes) {
+		if (light.length) {
+			rules.push(`@media (prefers-color-scheme:light){:root ${cls} {${toDeclarationBlock(light)}}}`);
+		}
+		if (dark.length) {
+			rules.push(`@media (prefers-color-scheme:dark){:root ${cls} {${toDeclarationBlock(dark)}}}`);
+		}
+	}
+	var result = {
+		identifier,
+		rules
+	};
+	if (rulesCache.size >= 1e4) {
+		rulesCache.clear();
+	}
+	rulesCache.set(payload, result);
+	return result;
+}
+var serializeInlineValue = function(value) {
+	return value && typeof value === "object" ? `object:px${value.val}` : `${typeof value}:${String(value)}`;
+};
+var serializeBucket = function(bucket) {
+	if (!bucket) return "";
+	var map = bucket;
+	return Object.keys(map).sort().map(function(key) {
+		var value = serializeInlineValue(map[key]);
+		return `${key.length}:${key}${value.length}:${value}`;
+	}).join("");
+};
+var inlineKeys = /* @__PURE__ */ new WeakMap();
+var getInlineValuesKey = function(inline) {
+	var cached = inlineKeys.get(inline);
+	if (cached !== void 0) return cached;
+	var key = serializeBucket(inline.values);
+	if (inline.themes) {
+		var themes = inline.themes;
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = Object.keys(themes).sort()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var name = _step.value;
+				key += `;${name}=${serializeBucket(themes[name])}`;
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) {
+					_iterator.return();
+				}
+			} finally {
+				if (_didIteratorError) {
+					throw _iteratorError;
+				}
+			}
+		}
+	}
+	inlineKeys.set(inline, key);
+	return key;
+};
+var themeUpdateFlatHandler = {
+	segment(ctx, start, end, isBase) {
+		if (isBase) {
+			ctx.out.base = start < end ? ctx.source.slice(start, end) : null;
+		}
+	},
+	chain(ctx, start, end) {
+		ctx.pending = [];
+		ctx.chainStart = start;
+		ctx.chainEnd = end;
+	},
+	modifier(ctx, start, end) {
+		var name = ctx.source.slice(start, end);
+		var kind = import_runtime.grammarPlatformNames.has(name) ? import_runtime.modifierKindPlatform : (0, import_runtime.isRootThemeName)(name) && ctx.themeBuckets.has(name) ? import_runtime.modifierKindTheme : 0;
+		ctx.pending.push([name, kind]);
+	},
+	clause(ctx, _start, _chainEnd, start, end) {
+		var _ctx_out;
+		;
+		((_ctx_out = ctx.out).clauses || (_ctx_out.clauses = [])).push([ctx.source.slice(start, end), ctx.pending]);
+	},
+	error(ctx, code, index) {
+		if (ctx.out.error !== null) return;
+		if (code === "empty-modifier") {
+			ctx.out.error = "a modifier chain has an empty segment";
+		} else if (code === "empty-payload") {
+			ctx.out.error = `the "${ctx.source.slice(ctx.chainStart, ctx.chainEnd)}:" clause has no value`;
+		} else if (code === "invalid-character") {
+			ctx.out.error = `"${ctx.source[index]}" cannot appear in a value: it would end the declaration or rule`;
+		} else if (code === "unterminated-string") {
+			ctx.out.error = `unterminated ${ctx.source[index]} string`;
+		} else if (code === "unterminated-comment") {
+			ctx.out.error = "unterminated \"/*\" comment: it would swallow the rules after this one";
+		} else if (code === "stray-comment-close") {
+			ctx.out.error = "stray \"*/\": it would close a comment opened somewhere else";
+		} else {
+			ctx.out.error = "unterminated \"(\" in value";
+		}
+	}
+};
+var parsedInlineValues = /* @__PURE__ */ new WeakMap();
+var addFlatValue = function(out, key, raw, conf, onIssue) {
+	var report = function(once, message, dropped) {
+		var diagnosis = message.replace(/\.$/, "");
+		if (onIssue) onIssue({
+			key,
+			raw: String(raw),
+			message: diagnosis
+		});
+		else (0, import_warnOnce.warnOnce)(once, `${diagnosis}. ${dropped}`);
+	};
+	if (typeof raw !== "string") {
+		out.values[key] = raw;
+		return;
+	}
+	var generation = (0, import_grammarConfig.getConfigRevisionState)(conf);
+	var configValues = parsedInlineValues.get(generation);
+	if (!configValues) {
+		configValues = /* @__PURE__ */ new Map();
+		parsedInlineValues.set(generation, configValues);
+	}
+	var parsed = configValues.get(raw);
+	if (!parsed) {
+		parsed = {
+			base: null,
+			clauses: null,
+			error: null
+		};
+		(0, import_runtime.reduceFlatValueIdentity)(raw, themeUpdateFlatHandler, {
+			source: raw,
+			themeBuckets: getThemeBucketNames(conf),
+			out: parsed,
+			pending: null,
+			chainStart: 0,
+			chainEnd: 0
+		});
+		if (configValues.size >= 1e4) {
+			configValues.clear();
+		}
+		configValues.set(raw, parsed);
+	}
+	if (parsed.error !== null) {
+		report(`parse:${key}:${raw}`, `<ThemeUpdate ${key}="${raw}">: ${parsed.error}`, "Dropping.");
+		return;
+	}
+	var { base, clauses } = parsed;
+	if (base !== null) {
+		out.values[key] = base;
+	}
+	if (!clauses) return;
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = clauses[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var [payload, modifiers] = _step.value;
+			var themeName = void 0;
+			var applies = true;
+			var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+			try {
+				for (var _iterator1 = modifiers[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+					var [modifier, kind] = _step1.value;
+					if (kind === import_runtime.modifierKindPlatform) {
+						applies && (applies = (0, import_constants.platformMatches)(modifier));
+						continue;
+					}
+					if (kind === import_runtime.modifierKindTheme) {
+						if (themeName !== void 0) {
+							report(`two-themes:${key}:${raw}`, `<ThemeUpdate ${key}="${raw}">: "${themeName}:${modifier}:" targets two themes at once, which a subtree value can't express. Name the composed theme instead.`, "Dropping the clause.");
+							applies = false;
+							break;
+						}
+						themeName = modifier;
+						continue;
+					}
+					report(`unsupported-modifier:${modifier}`, `<ThemeUpdate ${key}="${raw}">: "${modifier}:" isn't supported here. Theme values apply to a whole subtree, so only theme (dark:) and platform (ios:) modifiers work.`, "Dropping the clause.");
+					applies = false;
+					break;
+				}
+			} catch (err) {
+				_didIteratorError1 = true;
+				_iteratorError1 = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+						_iterator1.return();
+					}
+				} finally {
+					if (_didIteratorError1) {
+						throw _iteratorError1;
+					}
+				}
+			}
+			if (!applies) continue;
+			if (themeName === void 0) {
+				out.values[key] = payload;
+			} else {
+				var _out, _ref, _themeName;
+				;
+				((_ref = (_out = out).themes || (_out.themes = {}))[_themeName = themeName] || (_ref[_themeName] = {}))[key] = payload;
+			}
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+};
+var flatLayers = /* @__PURE__ */ new WeakMap();
+function getInlineValuesFromProps(props, conf, onIssue) {
+	var hasKey = false;
+	var cacheKey = "";
+	for (var key in props) {
+		if (import_helpers.reservedThemeProps[key]) continue;
+		hasKey = true;
+		var value = props[key];
+		if (value == null) continue;
+		var serialized = serializeInlineValue(value);
+		cacheKey += `${key.length}:${key}${serialized.length}:${serialized}`;
+	}
+	if (!hasKey) return null;
+	var generation = (0, import_grammarConfig.getConfigRevisionState)(conf);
+	var configLayers = flatLayers.get(generation);
+	if (!configLayers) {
+		configLayers = /* @__PURE__ */ new Map();
+		flatLayers.set(generation, configLayers);
+	}
+	var cached = onIssue ? void 0 : configLayers.get(cacheKey);
+	if (cached) return cached;
+	var out = {
+		values: {},
+		themes: null
+	};
+	for (var key1 in props) {
+		if (import_helpers.reservedThemeProps[key1]) continue;
+		var value1 = props[key1];
+		if (value1 == null) continue;
+		addFlatValue(out, key1, value1, conf, onIssue);
+	}
+	var layer = {
+		values: out.values,
+		themes: out.themes || void 0
+	};
+	if (!onIssue) {
+		if (configLayers.size >= 1e4) {
+			configLayers.clear();
+		}
+		configLayers.set(cacheKey, layer);
+	}
+	return layer;
+}
+var mergedThemeCache = /* @__PURE__ */ new WeakMap();
+function getMergedInlineTheme(parentTheme, inline, themeName, conf) {
+	var generation = (0, import_grammarConfig.getConfigRevisionState)(conf);
+	var name = themeName || "light";
+	var activeScheme = name === "dark" || name.startsWith("dark_") ? "dark" : "light";
+	var bucketNames = getThemedBucketNames(inline.themes);
+	var matched;
+	if (bucketNames.length) {
+		var baseName = name.replace(schemePrefix, "");
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = bucketNames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var bucketName = _step.value;
+				if (process.env.NODE_ENV === "development") {
+					warnOnUnknownThemeBucket(bucketName, conf);
+				}
+				if (baseName === bucketName || baseName.startsWith(`${bucketName}_`)) {
+					matched || (matched = []);
+					matched.push(bucketName);
+				}
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) {
+					_iterator.return();
+				}
+			} finally {
+				if (_didIteratorError) {
+					throw _iteratorError;
+				}
+			}
+		}
+	}
+	var cacheKey = `${getInlineValuesKey(inline)}|${activeScheme}|${matched ? matched.join(",") : ""}`;
+	var existingInfo = parentTheme[import_themeUpdateState.themeUpdateStateKey];
+	if ((existingInfo === null || existingInfo === void 0 ? void 0 : existingInfo.generation) === generation && existingInfo.key === cacheKey) {
+		return parentTheme;
+	}
+	var generationCache = mergedThemeCache.get(generation);
+	var byKey = generationCache === null || generationCache === void 0 ? void 0 : generationCache.get(parentTheme);
+	var cached = byKey === null || byKey === void 0 ? void 0 : byKey.get(cacheKey);
+	if (cached) return cached;
+	var values = inline.values || {};
+	var themes = inline.themes || {};
+	var light = themes.light || {};
+	var dark = themes.dark || {};
+	var base = { ...values };
+	if (matched) {
+		var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+		try {
+			for (var _iterator1 = matched[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+				var bucketName1 = _step1.value;
+				Object.assign(base, themes[bucketName1]);
+			}
+		} catch (err) {
+			_didIteratorError1 = true;
+			_iteratorError1 = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+					_iterator1.return();
+				}
+			} finally {
+				if (_didIteratorError1) {
+					throw _iteratorError1;
+				}
+			}
+		}
+	}
+	var effective = {
+		...base,
+		...activeScheme === "dark" ? dark : light
+	};
+	var opposite = {
+		...base,
+		...activeScheme === "dark" ? light : dark
+	};
+	var dropped = getCycleDroppedKeys(inline);
+	var keySet = getThemeKeySet(conf);
+	var resolveRaw = function(keyIn, map) {
+		var key2 = keyIn;
+		var value = map[key2];
+		while (typeof value === "string") {
+			var name2 = value;
+			if (name2 in map && !(dropped === null || dropped === void 0 ? void 0 : dropped.has(name2))) {
+				key2 = name2;
+				value = map[name2];
+				continue;
+			}
+			var themeValue = parentTheme[name2];
+			if (themeValue !== void 0) {
+				return (0, import_createVariable.isVariable)(themeValue) ? themeValue.val : themeValue;
+			}
+			var token = (0, import_variableValue.findVariableToken)(conf.tokensParsed, name2);
+			if (token) return token.val;
+			return value;
+		}
+		if (value && typeof value === "object") {
+			return value.val;
+		}
+		return value;
+	};
+	var info = {
+		key: cacheKey,
+		generation,
+		overridden: new Set(existingInfo === null || existingInfo === void 0 ? void 0 : existingInfo.overridden),
+		pairs: { ...existingInfo === null || existingInfo === void 0 ? void 0 : existingInfo.pairs }
+	};
+	var merged = { ...parentTheme };
+	var didOverride = false;
+	var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+	try {
+		for (var _iterator2 = Object.keys(effective).sort()[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+			var key = _step2.value;
+			if (dropped === null || dropped === void 0 ? void 0 : dropped.has(key)) continue;
+			if (effective[key] == null) continue;
+			if (!keySet.has(key)) {
+				(0, import_warnOnce.warnOnce)(`unknown:${key}`, `Theme inline value: "${key}" is not a theme key or config-declared variable (createTamagui({ variables })) \u2014 dropping. Native can't resolve undeclared keys, so declaring it keeps platforms in sync.`);
+				continue;
+			}
+			var raw = resolveRaw(key, effective);
+			if (raw === void 0) continue;
+			didOverride = true;
+			merged[key] = (0, import_createVariable.createVariable)({
+				key,
+				name: key,
+				val: raw
+			});
+			info.overridden.add(key);
+			delete info.pairs[key];
+			var activeLiteral = effective[key];
+			var oppositeLiteral = opposite[key];
+			var isLiteral = function(v) {
+				return typeof v === "string" && !(v in effective) && !(v in parentTheme) && !(0, import_variableValue.findVariableToken)(conf.tokensParsed, v) || typeof v === "number";
+			};
+			if (isLiteral(activeLiteral) && isLiteral(oppositeLiteral)) {
+				info.pairs[key] = {
+					light: activeScheme === "light" ? activeLiteral : oppositeLiteral,
+					dark: activeScheme === "dark" ? activeLiteral : oppositeLiteral
+				};
+			}
+		}
+	} catch (err) {
+		_didIteratorError2 = true;
+		_iteratorError2 = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+				_iterator2.return();
+			}
+		} finally {
+			if (_didIteratorError2) {
+				throw _iteratorError2;
+			}
+		}
+	}
+	if (!didOverride) {
+		return parentTheme;
+	}
+	Object.defineProperty(merged, import_themeUpdateState.themeUpdateStateKey, {
+		value: info,
+		enumerable: false
+	});
+	byKey || (byKey = /* @__PURE__ */ new Map());
+	if (!generationCache) {
+		generationCache = /* @__PURE__ */ new WeakMap();
+		mergedThemeCache.set(generation, generationCache);
+	}
+	generationCache.set(parentTheme, byKey);
+	if (byKey.size >= 1e4) {
+		byKey.clear();
+	}
+	byKey.set(cacheKey, merged);
+	return merged;
+}