@tamagui/core 3.0.0-beta.653.1 → 3.0.0-beta.661.1

package/dist/native.cjs

@@ -11199,15 +11199,10 @@ function queueNativeViewState(entry) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/registerCSSVariable.native.js
-var variableKey = function(val) {
-	if (typeof val !== "string") return val;
-	var color = normalizeCSSColor(val);
-	return color == null ? val : `#${color.toString(16).padStart(8, "0")}`;
-};
 var variableGeneration = 0;
 var registerCSSVariable = function(v) {
 	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
-		var key = variableKey(getVariableValue(v));
+		var key = getVariableValue(v);
 		if (tokensValueToVariable.has(key) || tokensValueToVariable.size < 1e4) {
 			tokensValueToVariable.set(key, v);
 			variableGeneration++;
@@ -16865,9 +16860,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	};
 	if (process.env.IS_STATIC === "is_static") {
 		var { fallbackProps } = styleProps;
-		if (fallbackProps) styleState.props = new Proxy(props, { get(_, key9, val2) {
-			if (!Reflect.has(props, key9)) return Reflect.get(fallbackProps, key9);
-			return Reflect.get(props, key9);
+		if (fallbackProps) styleState.props = new Proxy(props, { get(_, key8, val2) {
+			if (!Reflect.has(props, key8)) return Reflect.get(fallbackProps, key8);
+			return Reflect.get(props, key8);
 		} });
 	}
 	var { asChild } = props;
@@ -16891,7 +16886,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			var style2 = isArray ? styleProp[index] : styleProp;
 			if (!style2) continue;
 			if (style2["$$css"]) {
-				for (var key9 in style2) clearDirectStyle(styleState, key9);
+				for (var key8 in style2) clearDirectStyle(styleState, key8);
 				Object.assign(styleState.classNames, style2);
 				continue;
 			}
@@ -17007,50 +17002,50 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			contributeStyleValue(styleState, keyInit, valInit, mergeStyle);
 			return;
 		}
-		propMapper(keyInit, valInit, styleState, disablePropMap, function(key9, val2, originalVal, conditionSource) {
+		propMapper(keyInit, valInit, styleState, disablePropMap, function(key8, val2, originalVal, conditionSource) {
 			var _parentStaticConfig_variants;
-			var isStyledContextProp = styledContext && key9 in styledContext;
-			if (key9 === "className") {
+			var isStyledContextProp = styledContext && key8 in styledContext;
+			if (key8 === "className") {
 				if (typeof val2 === "string" && val2) className = `${className} ${val2}`.trim();
 				return;
 			}
 			if (!isHOC && disablePropMap && !isStyledContextProp) {
-				if (key9 in stylePropsAll && !isValidStyleKey(key9, validStyles$1, accept)) return;
-				viewProps[key9] = val2;
+				if (key8 in stylePropsAll && !isValidStyleKey(key8, validStyles$1, accept)) return;
+				viewProps[key8] = val2;
 				return;
 			}
 			if (val2 == null) return;
-			if (accept && key9 in accept) {
-				viewProps[key9] = val2;
+			if (accept && key8 in accept) {
+				viewProps[key8] = val2;
 				return;
 			}
-			var isHostStyleKey = !isHOC && isValidStyleKey(key9, validStyles$1, accept) || isAndroid && key9 === "elevation";
+			var isHostStyleKey = !isHOC && isValidStyleKey(key8, validStyles$1, accept) || isAndroid && key8 === "elevation";
 			var isContextProgramKey = !isHOC && Boolean(isStyledContextProp);
 			if (conditionSource !== void 0) {
-				if (isHostStyleKey || isContextProgramKey) contributeVariantClauseValue(styleState, key9, val2, conditionSource, mergeStyle, originalVal, !isHostStyleKey);
+				if (isHostStyleKey || isContextProgramKey) contributeVariantClauseValue(styleState, key8, val2, conditionSource, mergeStyle, originalVal, !isHostStyleKey);
 				else if (isHOC) {
-					var appended = appendFlatClause(viewProps[key9], conditionSource, val2);
-					if (appended !== void 0) viewProps[key9] = appended;
+					var appended = appendFlatClause(viewProps[key8], conditionSource, val2);
+					if (appended !== void 0) viewProps[key8] = appended;
 				}
 				return;
 			}
 			if (isHostStyleKey || isContextProgramKey) {
-				contributeStyleValue(styleState, key9, val2, mergeStyle, originalVal, !isHostStyleKey);
+				contributeStyleValue(styleState, key8, val2, mergeStyle, originalVal, !isHostStyleKey);
 				return;
 			}
-			isVariant = variants && key9 in variants;
-			if (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key9)) {
+			isVariant = variants && key8 in variants;
+			if (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key8)) {
 				var _props_key;
-				viewProps[key9] = (_props_key = props[key9]) !== null && _props_key !== void 0 ? _props_key : val2;
+				viewProps[key8] = (_props_key = props[key8]) !== null && _props_key !== void 0 ? _props_key : val2;
 			}
 			if (isHOC && Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit])) {
-				passDownProp(viewProps, key9, val2);
+				passDownProp(viewProps, key8, val2);
 				return;
 			}
 			if (!isVariant) {
 				if (isStyledContextProp) return;
-				if (key9 in stylePropsAll && !isValidStyleKey(key9, validStyles$1, accept)) return;
-				viewProps[key9] = val2;
+				if (key8 in stylePropsAll && !isValidStyleKey(key8, validStyles$1, accept)) return;
+				viewProps[key8] = val2;
 			}
 		});
 	};
@@ -17164,9 +17159,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
 		var provenance = {};
 		var hasProvenance = false;
-		for (var key6 in styleState.tokenProvenance) {
-			provenance[key6] = {
-				token: styleState.tokenProvenance[key6],
+		for (var key5 in styleState.tokenProvenance) {
+			provenance[key5] = {
+				token: styleState.tokenProvenance[key5],
 				theme: themeName
 			};
 			hasProvenance = true;
@@ -17195,8 +17190,8 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			var _iteratorNormalCompletion4 = true, _didIteratorError4 = false, _iteratorError4 = void 0;
 			try {
 				for (var _iterator4 = keys[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
-					var key9 = _step4.value;
-					out.add(key9 === "--t-x" || key9 === "--t-y" ? "translate" : key9 === "--t-scale-x" || key9 === "--t-scale-y" ? "scale" : key9);
+					var key8 = _step4.value;
+					out.add(key8 === "--t-x" || key8 === "--t-y" ? "translate" : key8 === "--t-scale-x" || key8 === "--t-scale-y" ? "scale" : key8);
 				}
 			} catch (err) {
 				_didIteratorError4 = true;

package/dist/test.native.cjs

@@ -1113,532 +1113,256 @@ function queueNativeViewState(entry) {
 	pending.push(entry);
 }
 //#endregion
-//#region ../normalize-css-color/dist/esm/rgba.native.js
-var import_normalize_color = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
-	function normalizeColor(color) {
-		if (typeof color === "number") {
-			if (color >>> 0 === color && color >= 0 && color <= 4294967295) return color;
-			return null;
-		}
-		if (typeof color !== "string") return null;
-		const matchers = getMatchers();
-		let match;
-		if (match = matchers.hex6.exec(color)) return parseInt(match[1] + "ff", 16) >>> 0;
-		const colorFromKeyword = normalizeKeyword(color);
-		if (colorFromKeyword != null) return colorFromKeyword;
-		if (match = matchers.rgb.exec(color)) return (parse255(match[1]) << 24 | parse255(match[2]) << 16 | parse255(match[3]) << 8 | 255) >>> 0;
-		if (match = matchers.rgba.exec(color)) {
-			if (match[6] !== void 0) return (parse255(match[6]) << 24 | parse255(match[7]) << 16 | parse255(match[8]) << 8 | parse1(match[9])) >>> 0;
-			return (parse255(match[2]) << 24 | parse255(match[3]) << 16 | parse255(match[4]) << 8 | parse1(match[5])) >>> 0;
-		}
-		if (match = matchers.hex3.exec(color)) return parseInt(match[1] + match[1] + match[2] + match[2] + match[3] + match[3] + "ff", 16) >>> 0;
-		if (match = matchers.hex8.exec(color)) return parseInt(match[1], 16) >>> 0;
-		if (match = matchers.hex4.exec(color)) return parseInt(match[1] + match[1] + match[2] + match[2] + match[3] + match[3] + match[4] + match[4], 16) >>> 0;
-		if (match = matchers.hsl.exec(color)) return (hslToRgb(parse360(match[1]), parsePercentage(match[2]), parsePercentage(match[3])) | 255) >>> 0;
-		if (match = matchers.hsla.exec(color)) {
-			if (match[6] !== void 0) return (hslToRgb(parse360(match[6]), parsePercentage(match[7]), parsePercentage(match[8])) | parse1(match[9])) >>> 0;
-			return (hslToRgb(parse360(match[2]), parsePercentage(match[3]), parsePercentage(match[4])) | parse1(match[5])) >>> 0;
-		}
-		if (match = matchers.hwb.exec(color)) return (hwbToRgb(parse360(match[1]), parsePercentage(match[2]), parsePercentage(match[3])) | 255) >>> 0;
-		return null;
-	}
-	function hue2rgb(p, q, t) {
-		if (t < 0) t += 1;
-		if (t > 1) t -= 1;
-		if (t < 1 / 6) return p + (q - p) * 6 * t;
-		if (t < 1 / 2) return q;
-		if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
-		return p;
-	}
-	function hslToRgb(h, s, l) {
-		const q = l < .5 ? l * (1 + s) : l + s - l * s;
-		const p = 2 * l - q;
-		const r = hue2rgb(p, q, h + 1 / 3);
-		const g = hue2rgb(p, q, h);
-		const b = hue2rgb(p, q, h - 1 / 3);
-		return Math.round(r * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b * 255) << 8;
-	}
-	function hwbToRgb(h, w, b) {
-		if (w + b >= 1) {
-			const gray = Math.round(w * 255 / (w + b));
-			return gray << 24 | gray << 16 | gray << 8;
+//#region ../web/dist/esm/helpers/registerCSSVariable.native.js
+var variableGeneration = 0;
+var registerCSSVariable = function(v) {
+	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+		var key = getVariableValue(v);
+		if (tokensValueToVariable.has(key) || tokensValueToVariable.size < 1e4) {
+			tokensValueToVariable.set(key, v);
+			variableGeneration++;
 		}
-		const red = hue2rgb(0, 1, h + 1 / 3) * (1 - w - b) + w;
-		const green = hue2rgb(0, 1, h) * (1 - w - b) + w;
-		const blue = hue2rgb(0, 1, h - 1 / 3) * (1 - w - b) + w;
-		return Math.round(red * 255) << 24 | Math.round(green * 255) << 16 | Math.round(blue * 255) << 8;
-	}
-	var NUMBER = "[-+]?\\d*\\.?\\d+";
-	var PERCENTAGE = NUMBER + "%";
-	function call(...args) {
-		return "\\(\\s*(" + args.join(")\\s*,?\\s*(") + ")\\s*\\)";
 	}
-	function callWithSlashSeparator(...args) {
-		return "\\(\\s*(" + args.slice(0, args.length - 1).join(")\\s*,?\\s*(") + ")\\s*/\\s*(" + args[args.length - 1] + ")\\s*\\)";
+};
+var variableToCSS = function(v) {
+	var unitless = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) return `--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${createCSSVariable(v.name, false)}:${!unitless && typeof v.val === "number" ? `${v.val}px` : v.val}`;
+	return "";
+};
+var tokensValueToVariable = /* @__PURE__ */ new Map();
+var autoVariables = [];
+var serializeVariables = function(variables) {
+	return variables.map(function(v) {
+		return `--${v.name}:${v.val}`;
+	}).join(";");
+};
+var getAutoVariableCSS = function() {
+	return serializeVariables(autoVariables);
+};
+var mutatedAutoVariables = [];
+var getMutatedAutoVariableCSS = function() {
+	return serializeVariables(mutatedAutoVariables);
+};
+//#endregion
+//#region ../web/dist/esm/helpers/insertStyleRule.native.js
+var totalSelectorsInserted = /* @__PURE__ */ new Map();
+var allRules = {};
+function scanAllSheets() {
+	arguments.length > 0 && arguments[0] !== void 0 && arguments[0];
+	arguments.length > 1 && arguments[1];
+	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) return;
+}
+var bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
+bailAfterEnv && +bailAfterEnv;
+var mountedProviders = 0;
+var trackAllRules = true;
+function stopAccumulatingRules() {
+	mountedProviders++;
+	trackAllRules = false;
+	return function() {
+		mountedProviders--;
+		trackAllRules = mountedProviders === 0;
+	};
+}
+function updateRules(identifier, rules) {
+	if (trackAllRules) allRules[identifier] = rules.join(" ");
+	return true;
+}
+function setNonce(_) {}
+function insertStyleRules(rulesToInsert) {}
+var maxToInsert = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
+function shouldInsertStyleRules(identifier) {
+	if (process.env.IS_STATIC === "is_static") return true;
+	return (totalSelectorsInserted.get(identifier) || 0) < maxToInsert;
+}
+//#endregion
+//#region ../compose-refs/dist/esm/compose-refs.native.js
+var _excluded$11 = ["ref"];
+function setRef(ref, value) {
+	if (typeof ref === "function") ref(value);
+	else if (ref) ref.current = value;
+}
+function composeRefs() {
+	for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) refs[_key] = arguments[_key];
+	return function(node) {
+		return refs.forEach(function(ref) {
+			return setRef(ref, node);
+		});
+	};
+}
+function useComposedRefs() {
+	for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) refs[_key] = arguments[_key];
+	return react.useCallback(composeRefs(...refs), refs);
+}
+function createRefComponent(render) {
+	function RefComponent(props) {
+		var { ref } = props;
+		return render(_objectWithoutProperties(props, _excluded$11), ref);
 	}
-	function commaSeparatedCall(...args) {
-		return "\\(\\s*(" + args.join(")\\s*,\\s*(") + ")\\s*\\)";
+	RefComponent.displayName = render.name;
+	return RefComponent;
+}
+//#endregion
+//#region ../web/dist/esm/hooks/isOptimizedForFirstRender.native.js
+function isOptimizedForFirstRender() {
+	return getSetting("optimizeFor") !== "updates";
+}
+//#endregion
+//#region ../web/dist/esm/helpers/mediaObjectToString.native.js
+function camelToHyphen(str) {
+	return str.replace(/[A-Z]/g, function(m) {
+		return `-${m.toLowerCase()}`;
+	}).toLowerCase();
+}
+var cache$3 = /* @__PURE__ */ new WeakMap();
+function mediaObjectToString(query) {
+	if (typeof query === "string") return query;
+	if (cache$3.has(query)) return cache$3.get(query);
+	var res = Object.entries(query).map(function(param) {
+		var [feature, value] = param;
+		feature = camelToHyphen(feature);
+		if (typeof value === "string") return `(${feature}: ${value})`;
+		if (typeof value === "number" && /[height|width]$/.test(feature)) value = `${value}px`;
+		return `(${feature}: ${value})`;
+	}).join(" and ");
+	cache$3.set(query, res);
+	return res;
+}
+//#endregion
+//#region ../web/dist/esm/helpers/mediaState.native.js
+var mediaState = {};
+var setMediaState = function(next) {
+	mediaState = next;
+};
+var mediaQueryConfig = {};
+var getMedia = function() {
+	return mediaState;
+};
+var mediaKeys = /* @__PURE__ */ new Set();
+//#endregion
+//#region ../web/dist/esm/helpers/matchMedia.native.js
+var matchMediaImpl = matchMediaFallback;
+var matchMedia = function() {
+	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+	return matchMediaImpl(...args);
+};
+function matchMediaFallback(query) {
+	if (!process.env.IS_STATIC && false);
+	return {
+		match: function(a, b) {
+			return false;
+		},
+		addListener: function() {},
+		removeListener: function() {},
+		matches: false
+	};
+}
+function setupMatchMedia(_) {
+	matchMediaImpl = _;
+	globalThis["matchMedia"] = _;
+}
+var dispose = /* @__PURE__ */ new Set();
+var mediaVersion = 0;
+var configureMedia = function(config) {
+	var { media } = config;
+	var mediaQueryDefaultActive = getSetting("mediaQueryDefaultActive");
+	if (!media) return;
+	mediaVersion++;
+	resetMediaTouchTracker();
+	publishedState = null;
+	for (var key in media) {
+		getMedia()[key] = (mediaQueryDefaultActive === null || mediaQueryDefaultActive === void 0 ? void 0 : mediaQueryDefaultActive[key]) || false;
+		mediaKeys.add(key);
 	}
-	var cachedMatchers;
-	function getMatchers() {
-		if (cachedMatchers === void 0) cachedMatchers = {
-			rgb: new RegExp("rgb" + call(NUMBER, NUMBER, NUMBER)),
-			rgba: new RegExp("rgba(" + commaSeparatedCall(NUMBER, NUMBER, NUMBER, NUMBER) + "|" + callWithSlashSeparator(NUMBER, NUMBER, NUMBER, NUMBER) + ")"),
-			hsl: new RegExp("hsl" + call(NUMBER, PERCENTAGE, PERCENTAGE)),
-			hsla: new RegExp("hsla(" + commaSeparatedCall(NUMBER, PERCENTAGE, PERCENTAGE, NUMBER) + "|" + callWithSlashSeparator(NUMBER, PERCENTAGE, PERCENTAGE, NUMBER) + ")"),
-			hwb: new RegExp("hwb" + call(NUMBER, PERCENTAGE, PERCENTAGE)),
-			hex3: /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-			hex4: /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-			hex6: /^#([0-9a-fA-F]{6})$/,
-			hex8: /^#([0-9a-fA-F]{8})$/
+	Object.assign(mediaQueryConfig, media);
+	_objectSpread2({}, getMedia());
+	setupMediaListeners();
+};
+function unlisten() {
+	dispose.forEach(function(cb) {
+		return cb();
+	});
+	dispose.clear();
+}
+var setupVersion = -1;
+function setupMediaListeners() {
+	var _loop = function(key2) {
+		var str = mediaObjectToString(mediaQueryConfig[key2]);
+		var getMatch = function() {
+			return matchMedia(str);
 		};
-		return cachedMatchers;
-	}
-	function parse255(str) {
-		const int = parseInt(str, 10);
-		if (int < 0) return 0;
-		if (int > 255) return 255;
-		return int;
-	}
-	function parse360(str) {
-		return (parseFloat(str) % 360 + 360) % 360 / 360;
-	}
-	function parse1(str) {
-		const num = parseFloat(str);
-		if (num < 0) return 0;
-		if (num > 1) return 255;
-		return Math.round(num * 255);
-	}
-	function parsePercentage(str) {
-		const int = parseFloat(str);
-		if (int < 0) return 0;
-		if (int > 100) return 1;
-		return int / 100;
-	}
-	function normalizeKeyword(name) {
-		switch (name) {
-			case "transparent": return 0;
-			case "aliceblue": return 4042850303;
-			case "antiquewhite": return 4209760255;
-			case "aqua": return 16777215;
-			case "aquamarine": return 2147472639;
-			case "azure": return 4043309055;
-			case "beige": return 4126530815;
-			case "bisque": return 4293182719;
-			case "black": return 255;
-			case "blanchedalmond": return 4293643775;
-			case "blue": return 65535;
-			case "blueviolet": return 2318131967;
-			case "brown": return 2771004159;
-			case "burlywood": return 3736635391;
-			case "burntsienna": return 3934150143;
-			case "cadetblue": return 1604231423;
-			case "chartreuse": return 2147418367;
-			case "chocolate": return 3530104575;
-			case "coral": return 4286533887;
-			case "cornflowerblue": return 1687547391;
-			case "cornsilk": return 4294499583;
-			case "crimson": return 3692313855;
-			case "cyan": return 16777215;
-			case "darkblue": return 35839;
-			case "darkcyan": return 9145343;
-			case "darkgoldenrod": return 3095792639;
-			case "darkgray": return 2846468607;
-			case "darkgreen": return 6553855;
-			case "darkgrey": return 2846468607;
-			case "darkkhaki": return 3182914559;
-			case "darkmagenta": return 2332068863;
-			case "darkolivegreen": return 1433087999;
-			case "darkorange": return 4287365375;
-			case "darkorchid": return 2570243327;
-			case "darkred": return 2332033279;
-			case "darksalmon": return 3918953215;
-			case "darkseagreen": return 2411499519;
-			case "darkslateblue": return 1211993087;
-			case "darkslategray": return 793726975;
-			case "darkslategrey": return 793726975;
-			case "darkturquoise": return 13554175;
-			case "darkviolet": return 2483082239;
-			case "deeppink": return 4279538687;
-			case "deepskyblue": return 12582911;
-			case "dimgray": return 1768516095;
-			case "dimgrey": return 1768516095;
-			case "dodgerblue": return 512819199;
-			case "firebrick": return 2988581631;
-			case "floralwhite": return 4294635775;
-			case "forestgreen": return 579543807;
-			case "fuchsia": return 4278255615;
-			case "gainsboro": return 3705462015;
-			case "ghostwhite": return 4177068031;
-			case "gold": return 4292280575;
-			case "goldenrod": return 3668254975;
-			case "gray": return 2155905279;
-			case "green": return 8388863;
-			case "greenyellow": return 2919182335;
-			case "grey": return 2155905279;
-			case "honeydew": return 4043305215;
-			case "hotpink": return 4285117695;
-			case "indianred": return 3445382399;
-			case "indigo": return 1258324735;
-			case "ivory": return 4294963455;
-			case "khaki": return 4041641215;
-			case "lavender": return 3873897215;
-			case "lavenderblush": return 4293981695;
-			case "lawngreen": return 2096890111;
-			case "lemonchiffon": return 4294626815;
-			case "lightblue": return 2916673279;
-			case "lightcoral": return 4034953471;
-			case "lightcyan": return 3774873599;
-			case "lightgoldenrodyellow": return 4210742015;
-			case "lightgray": return 3553874943;
-			case "lightgreen": return 2431553791;
-			case "lightgrey": return 3553874943;
-			case "lightpink": return 4290167295;
-			case "lightsalmon": return 4288707327;
-			case "lightseagreen": return 548580095;
-			case "lightskyblue": return 2278488831;
-			case "lightslategray": return 2005441023;
-			case "lightslategrey": return 2005441023;
-			case "lightsteelblue": return 2965692159;
-			case "lightyellow": return 4294959359;
-			case "lime": return 16711935;
-			case "limegreen": return 852308735;
-			case "linen": return 4210091775;
-			case "magenta": return 4278255615;
-			case "maroon": return 2147483903;
-			case "mediumaquamarine": return 1724754687;
-			case "mediumblue": return 52735;
-			case "mediumorchid": return 3126187007;
-			case "mediumpurple": return 2473647103;
-			case "mediumseagreen": return 1018393087;
-			case "mediumslateblue": return 2070474495;
-			case "mediumspringgreen": return 16423679;
-			case "mediumturquoise": return 1221709055;
-			case "mediumvioletred": return 3340076543;
-			case "midnightblue": return 421097727;
-			case "mintcream": return 4127193855;
-			case "mistyrose": return 4293190143;
-			case "moccasin": return 4293178879;
-			case "navajowhite": return 4292783615;
-			case "navy": return 33023;
-			case "oldlace": return 4260751103;
-			case "olive": return 2155872511;
-			case "olivedrab": return 1804477439;
-			case "orange": return 4289003775;
-			case "orangered": return 4282712319;
-			case "orchid": return 3664828159;
-			case "palegoldenrod": return 4008225535;
-			case "palegreen": return 2566625535;
-			case "paleturquoise": return 2951671551;
-			case "palevioletred": return 3681588223;
-			case "papayawhip": return 4293907967;
-			case "peachpuff": return 4292524543;
-			case "peru": return 3448061951;
-			case "pink": return 4290825215;
-			case "plum": return 3718307327;
-			case "powderblue": return 2967529215;
-			case "purple": return 2147516671;
-			case "rebeccapurple": return 1714657791;
-			case "red": return 4278190335;
-			case "rosybrown": return 3163525119;
-			case "royalblue": return 1097458175;
-			case "saddlebrown": return 2336560127;
-			case "salmon": return 4202722047;
-			case "sandybrown": return 4104413439;
-			case "seagreen": return 780883967;
-			case "seashell": return 4294307583;
-			case "sienna": return 2689740287;
-			case "silver": return 3233857791;
-			case "skyblue": return 2278484991;
-			case "slateblue": return 1784335871;
-			case "slategray": return 1887473919;
-			case "slategrey": return 1887473919;
-			case "snow": return 4294638335;
-			case "springgreen": return 16744447;
-			case "steelblue": return 1182971135;
-			case "tan": return 3535047935;
-			case "teal": return 8421631;
-			case "thistle": return 3636451583;
-			case "tomato": return 4284696575;
-			case "turquoise": return 1088475391;
-			case "violet": return 4001558271;
-			case "wheat": return 4125012991;
-			case "white": return 4294967295;
-			case "whitesmoke": return 4126537215;
-			case "yellow": return 4294902015;
-			case "yellowgreen": return 2597139199;
+		var match = getMatch();
+		if (!match) throw new Error(formatDiagnostic("TAMAGUI_MEDIA_MATCH", "useMedia", "matchMedia returned no MediaQueryList", "Provide a matchMedia implementation that returns a MediaQueryList", "key,query,platform", {
+			key: key2,
+			query: str,
+			platform: "native"
+		}));
+		match.addListener(update);
+		dispose.add(function() {
+			match.removeListener(update);
+		});
+		function update() {
+			var next = !!getMatch().matches;
+			if (next === getMedia()[key2]) return;
+			setMediaState(_objectSpread2(_objectSpread2({}, getMedia()), {}, { [key2]: next }));
+			updateMediaListeners();
 		}
-		return null;
-	}
-	module.exports = normalizeColor;
-})))(), 1);
-function rgba(colorInt) {
-	return {
-		r: Math.round((colorInt & 4278190080) >>> 24),
-		g: Math.round((colorInt & 16711680) >>> 16),
-		b: Math.round((colorInt & 65280) >>> 8),
-		a: ((colorInt & 255) >>> 0) / 255
+		update();
 	};
+	if (process.env.IS_STATIC) return;
+	if (setupVersion === mediaVersion) return;
+	setupVersion = mediaVersion;
+	unlisten();
+	for (var key in mediaQueryConfig) _loop(key);
 }
-//#endregion
-//#region ../normalize-css-color/dist/esm/index.native.js
-var normalizeCSSColor = import_normalize_color.default || import_normalize_color;
-//#endregion
-//#region ../web/dist/esm/helpers/registerCSSVariable.native.js
-var variableKey = function(val) {
-	if (typeof val !== "string") return val;
-	var color = normalizeCSSColor(val);
-	return color == null ? val : `#${color.toString(16).padStart(8, "0")}`;
+var listenersByKey = /* @__PURE__ */ new Map();
+var globalListeners = /* @__PURE__ */ new Set();
+var publishedState = null;
+var _mediaListenerStats = {
+	publishes: 0,
+	notified: 0
 };
-var variableGeneration = 0;
-var registerCSSVariable = function(v) {
-	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
-		var key = variableKey(getVariableValue(v));
-		if (tokensValueToVariable.has(key) || tokensValueToVariable.size < 1e4) {
-			tokensValueToVariable.set(key, v);
-			variableGeneration++;
-		}
-	}
-};
-var variableToCSS = function(v) {
-	var unitless = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
-	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) return `--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${createCSSVariable(v.name, false)}:${!unitless && typeof v.val === "number" ? `${v.val}px` : v.val}`;
-	return "";
-};
-var tokensValueToVariable = /* @__PURE__ */ new Map();
-var autoVariables = [];
-var serializeVariables = function(variables) {
-	return variables.map(function(v) {
-		return `--${v.name}:${v.val}`;
-	}).join(";");
-};
-var getAutoVariableCSS = function() {
-	return serializeVariables(autoVariables);
-};
-var mutatedAutoVariables = [];
-var getMutatedAutoVariableCSS = function() {
-	return serializeVariables(mutatedAutoVariables);
-};
-//#endregion
-//#region ../web/dist/esm/helpers/insertStyleRule.native.js
-var totalSelectorsInserted = /* @__PURE__ */ new Map();
-var allRules = {};
-function scanAllSheets() {
-	arguments.length > 0 && arguments[0] !== void 0 && arguments[0];
-	arguments.length > 1 && arguments[1];
-	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) return;
-}
-var bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
-bailAfterEnv && +bailAfterEnv;
-var mountedProviders = 0;
-var trackAllRules = true;
-function stopAccumulatingRules() {
-	mountedProviders++;
-	trackAllRules = false;
-	return function() {
-		mountedProviders--;
-		trackAllRules = mountedProviders === 0;
-	};
-}
-function updateRules(identifier, rules) {
-	if (trackAllRules) allRules[identifier] = rules.join(" ");
-	return true;
-}
-function setNonce(_) {}
-function insertStyleRules(rulesToInsert) {}
-var maxToInsert = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
-function shouldInsertStyleRules(identifier) {
-	if (process.env.IS_STATIC === "is_static") return true;
-	return (totalSelectorsInserted.get(identifier) || 0) < maxToInsert;
-}
-//#endregion
-//#region ../compose-refs/dist/esm/compose-refs.native.js
-var _excluded$11 = ["ref"];
-function setRef(ref, value) {
-	if (typeof ref === "function") ref(value);
-	else if (ref) ref.current = value;
-}
-function composeRefs() {
-	for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) refs[_key] = arguments[_key];
-	return function(node) {
-		return refs.forEach(function(ref) {
-			return setRef(ref, node);
-		});
-	};
-}
-function useComposedRefs() {
-	for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) refs[_key] = arguments[_key];
-	return react.useCallback(composeRefs(...refs), refs);
-}
-function createRefComponent(render) {
-	function RefComponent(props) {
-		var { ref } = props;
-		return render(_objectWithoutProperties(props, _excluded$11), ref);
-	}
-	RefComponent.displayName = render.name;
-	return RefComponent;
-}
-//#endregion
-//#region ../web/dist/esm/hooks/isOptimizedForFirstRender.native.js
-function isOptimizedForFirstRender() {
-	return getSetting("optimizeFor") !== "updates";
-}
-//#endregion
-//#region ../web/dist/esm/helpers/mediaObjectToString.native.js
-function camelToHyphen(str) {
-	return str.replace(/[A-Z]/g, function(m) {
-		return `-${m.toLowerCase()}`;
-	}).toLowerCase();
-}
-var cache$3 = /* @__PURE__ */ new WeakMap();
-function mediaObjectToString(query) {
-	if (typeof query === "string") return query;
-	if (cache$3.has(query)) return cache$3.get(query);
-	var res = Object.entries(query).map(function(param) {
-		var [feature, value] = param;
-		feature = camelToHyphen(feature);
-		if (typeof value === "string") return `(${feature}: ${value})`;
-		if (typeof value === "number" && /[height|width]$/.test(feature)) value = `${value}px`;
-		return `(${feature}: ${value})`;
-	}).join(" and ");
-	cache$3.set(query, res);
-	return res;
-}
-//#endregion
-//#region ../web/dist/esm/helpers/mediaState.native.js
-var mediaState = {};
-var setMediaState = function(next) {
-	mediaState = next;
-};
-var mediaQueryConfig = {};
-var getMedia = function() {
-	return mediaState;
-};
-var mediaKeys = /* @__PURE__ */ new Set();
-//#endregion
-//#region ../web/dist/esm/helpers/matchMedia.native.js
-var matchMediaImpl = matchMediaFallback;
-var matchMedia = function() {
-	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-	return matchMediaImpl(...args);
-};
-function matchMediaFallback(query) {
-	if (!process.env.IS_STATIC && false);
-	return {
-		match: function(a, b) {
-			return false;
-		},
-		addListener: function() {},
-		removeListener: function() {},
-		matches: false
-	};
-}
-function setupMatchMedia(_) {
-	matchMediaImpl = _;
-	globalThis["matchMedia"] = _;
-}
-var dispose = /* @__PURE__ */ new Set();
-var mediaVersion = 0;
-var configureMedia = function(config) {
-	var { media } = config;
-	var mediaQueryDefaultActive = getSetting("mediaQueryDefaultActive");
-	if (!media) return;
-	mediaVersion++;
-	resetMediaTouchTracker();
-	publishedState = null;
-	for (var key in media) {
-		getMedia()[key] = (mediaQueryDefaultActive === null || mediaQueryDefaultActive === void 0 ? void 0 : mediaQueryDefaultActive[key]) || false;
-		mediaKeys.add(key);
-	}
-	Object.assign(mediaQueryConfig, media);
-	_objectSpread2({}, getMedia());
-	setupMediaListeners();
-};
-function unlisten() {
-	dispose.forEach(function(cb) {
-		return cb();
-	});
-	dispose.clear();
-}
-var setupVersion = -1;
-function setupMediaListeners() {
-	var _loop = function(key2) {
-		var str = mediaObjectToString(mediaQueryConfig[key2]);
-		var getMatch = function() {
-			return matchMedia(str);
-		};
-		var match = getMatch();
-		if (!match) throw new Error(formatDiagnostic("TAMAGUI_MEDIA_MATCH", "useMedia", "matchMedia returned no MediaQueryList", "Provide a matchMedia implementation that returns a MediaQueryList", "key,query,platform", {
-			key: key2,
-			query: str,
-			platform: "native"
-		}));
-		match.addListener(update);
-		dispose.add(function() {
-			match.removeListener(update);
-		});
-		function update() {
-			var next = !!getMatch().matches;
-			if (next === getMedia()[key2]) return;
-			setMediaState(_objectSpread2(_objectSpread2({}, getMedia()), {}, { [key2]: next }));
-			updateMediaListeners();
-		}
-		update();
-	};
-	if (process.env.IS_STATIC) return;
-	if (setupVersion === mediaVersion) return;
-	setupVersion = mediaVersion;
-	unlisten();
-	for (var key in mediaQueryConfig) _loop(key);
-}
-var listenersByKey = /* @__PURE__ */ new Map();
-var globalListeners = /* @__PURE__ */ new Set();
-var publishedState = null;
-var _mediaListenerStats = {
-	publishes: 0,
-	notified: 0
-};
-function updateMediaListeners() {
-	_mediaListenerStats.publishes++;
-	var media = getMedia();
-	var prev = publishedState;
-	publishedState = media;
-	if (listenersByKey.size) {
-		var woken = /* @__PURE__ */ new Set();
-		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-		try {
-			for (var _iterator = mediaKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-				var key = _step.value;
-				if (prev !== null && media[key] === prev[key]) continue;
-				var bucket = listenersByKey.get(key);
-				if (bucket) {
-					var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
-					try {
-						for (var _iterator1 = bucket[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
-							var cb = _step1.value;
-							woken.add(cb);
-						}
-					} catch (err) {
-						_didIteratorError1 = true;
-						_iteratorError1 = err;
-					} finally {
-						try {
-							if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
-						} finally {
-							if (_didIteratorError1) throw _iteratorError1;
-						}
-					}
-				}
-			}
-		} catch (err) {
-			_didIteratorError = true;
-			_iteratorError = err;
-		} finally {
-			try {
-				if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-			} finally {
-				if (_didIteratorError) throw _iteratorError;
-			}
+function updateMediaListeners() {
+	_mediaListenerStats.publishes++;
+	var media = getMedia();
+	var prev = publishedState;
+	publishedState = media;
+	if (listenersByKey.size) {
+		var woken = /* @__PURE__ */ new Set();
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = mediaKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var key = _step.value;
+				if (prev !== null && media[key] === prev[key]) continue;
+				var bucket = listenersByKey.get(key);
+				if (bucket) {
+					var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+					try {
+						for (var _iterator1 = bucket[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+							var cb = _step1.value;
+							woken.add(cb);
+						}
+					} catch (err) {
+						_didIteratorError1 = true;
+						_iteratorError1 = err;
+					} finally {
+						try {
+							if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+						} finally {
+							if (_didIteratorError1) throw _iteratorError1;
+						}
+					}
+				}
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+			} finally {
+				if (_didIteratorError) throw _iteratorError;
+			}
 		}
 		var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
 		try {
@@ -2937,6 +2661,277 @@ function getDynamicVal(param) {
 	} };
 }
 //#endregion
+//#region ../normalize-css-color/dist/esm/rgba.native.js
+var import_normalize_color = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
+	function normalizeColor(color) {
+		if (typeof color === "number") {
+			if (color >>> 0 === color && color >= 0 && color <= 4294967295) return color;
+			return null;
+		}
+		if (typeof color !== "string") return null;
+		const matchers = getMatchers();
+		let match;
+		if (match = matchers.hex6.exec(color)) return parseInt(match[1] + "ff", 16) >>> 0;
+		const colorFromKeyword = normalizeKeyword(color);
+		if (colorFromKeyword != null) return colorFromKeyword;
+		if (match = matchers.rgb.exec(color)) return (parse255(match[1]) << 24 | parse255(match[2]) << 16 | parse255(match[3]) << 8 | 255) >>> 0;
+		if (match = matchers.rgba.exec(color)) {
+			if (match[6] !== void 0) return (parse255(match[6]) << 24 | parse255(match[7]) << 16 | parse255(match[8]) << 8 | parse1(match[9])) >>> 0;
+			return (parse255(match[2]) << 24 | parse255(match[3]) << 16 | parse255(match[4]) << 8 | parse1(match[5])) >>> 0;
+		}
+		if (match = matchers.hex3.exec(color)) return parseInt(match[1] + match[1] + match[2] + match[2] + match[3] + match[3] + "ff", 16) >>> 0;
+		if (match = matchers.hex8.exec(color)) return parseInt(match[1], 16) >>> 0;
+		if (match = matchers.hex4.exec(color)) return parseInt(match[1] + match[1] + match[2] + match[2] + match[3] + match[3] + match[4] + match[4], 16) >>> 0;
+		if (match = matchers.hsl.exec(color)) return (hslToRgb(parse360(match[1]), parsePercentage(match[2]), parsePercentage(match[3])) | 255) >>> 0;
+		if (match = matchers.hsla.exec(color)) {
+			if (match[6] !== void 0) return (hslToRgb(parse360(match[6]), parsePercentage(match[7]), parsePercentage(match[8])) | parse1(match[9])) >>> 0;
+			return (hslToRgb(parse360(match[2]), parsePercentage(match[3]), parsePercentage(match[4])) | parse1(match[5])) >>> 0;
+		}
+		if (match = matchers.hwb.exec(color)) return (hwbToRgb(parse360(match[1]), parsePercentage(match[2]), parsePercentage(match[3])) | 255) >>> 0;
+		return null;
+	}
+	function hue2rgb(p, q, t) {
+		if (t < 0) t += 1;
+		if (t > 1) t -= 1;
+		if (t < 1 / 6) return p + (q - p) * 6 * t;
+		if (t < 1 / 2) return q;
+		if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+		return p;
+	}
+	function hslToRgb(h, s, l) {
+		const q = l < .5 ? l * (1 + s) : l + s - l * s;
+		const p = 2 * l - q;
+		const r = hue2rgb(p, q, h + 1 / 3);
+		const g = hue2rgb(p, q, h);
+		const b = hue2rgb(p, q, h - 1 / 3);
+		return Math.round(r * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b * 255) << 8;
+	}
+	function hwbToRgb(h, w, b) {
+		if (w + b >= 1) {
+			const gray = Math.round(w * 255 / (w + b));
+			return gray << 24 | gray << 16 | gray << 8;
+		}
+		const red = hue2rgb(0, 1, h + 1 / 3) * (1 - w - b) + w;
+		const green = hue2rgb(0, 1, h) * (1 - w - b) + w;
+		const blue = hue2rgb(0, 1, h - 1 / 3) * (1 - w - b) + w;
+		return Math.round(red * 255) << 24 | Math.round(green * 255) << 16 | Math.round(blue * 255) << 8;
+	}
+	var NUMBER = "[-+]?\\d*\\.?\\d+";
+	var PERCENTAGE = NUMBER + "%";
+	function call(...args) {
+		return "\\(\\s*(" + args.join(")\\s*,?\\s*(") + ")\\s*\\)";
+	}
+	function callWithSlashSeparator(...args) {
+		return "\\(\\s*(" + args.slice(0, args.length - 1).join(")\\s*,?\\s*(") + ")\\s*/\\s*(" + args[args.length - 1] + ")\\s*\\)";
+	}
+	function commaSeparatedCall(...args) {
+		return "\\(\\s*(" + args.join(")\\s*,\\s*(") + ")\\s*\\)";
+	}
+	var cachedMatchers;
+	function getMatchers() {
+		if (cachedMatchers === void 0) cachedMatchers = {
+			rgb: new RegExp("rgb" + call(NUMBER, NUMBER, NUMBER)),
+			rgba: new RegExp("rgba(" + commaSeparatedCall(NUMBER, NUMBER, NUMBER, NUMBER) + "|" + callWithSlashSeparator(NUMBER, NUMBER, NUMBER, NUMBER) + ")"),
+			hsl: new RegExp("hsl" + call(NUMBER, PERCENTAGE, PERCENTAGE)),
+			hsla: new RegExp("hsla(" + commaSeparatedCall(NUMBER, PERCENTAGE, PERCENTAGE, NUMBER) + "|" + callWithSlashSeparator(NUMBER, PERCENTAGE, PERCENTAGE, NUMBER) + ")"),
+			hwb: new RegExp("hwb" + call(NUMBER, PERCENTAGE, PERCENTAGE)),
+			hex3: /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+			hex4: /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+			hex6: /^#([0-9a-fA-F]{6})$/,
+			hex8: /^#([0-9a-fA-F]{8})$/
+		};
+		return cachedMatchers;
+	}
+	function parse255(str) {
+		const int = parseInt(str, 10);
+		if (int < 0) return 0;
+		if (int > 255) return 255;
+		return int;
+	}
+	function parse360(str) {
+		return (parseFloat(str) % 360 + 360) % 360 / 360;
+	}
+	function parse1(str) {
+		const num = parseFloat(str);
+		if (num < 0) return 0;
+		if (num > 1) return 255;
+		return Math.round(num * 255);
+	}
+	function parsePercentage(str) {
+		const int = parseFloat(str);
+		if (int < 0) return 0;
+		if (int > 100) return 1;
+		return int / 100;
+	}
+	function normalizeKeyword(name) {
+		switch (name) {
+			case "transparent": return 0;
+			case "aliceblue": return 4042850303;
+			case "antiquewhite": return 4209760255;
+			case "aqua": return 16777215;
+			case "aquamarine": return 2147472639;
+			case "azure": return 4043309055;
+			case "beige": return 4126530815;
+			case "bisque": return 4293182719;
+			case "black": return 255;
+			case "blanchedalmond": return 4293643775;
+			case "blue": return 65535;
+			case "blueviolet": return 2318131967;
+			case "brown": return 2771004159;
+			case "burlywood": return 3736635391;
+			case "burntsienna": return 3934150143;
+			case "cadetblue": return 1604231423;
+			case "chartreuse": return 2147418367;
+			case "chocolate": return 3530104575;
+			case "coral": return 4286533887;
+			case "cornflowerblue": return 1687547391;
+			case "cornsilk": return 4294499583;
+			case "crimson": return 3692313855;
+			case "cyan": return 16777215;
+			case "darkblue": return 35839;
+			case "darkcyan": return 9145343;
+			case "darkgoldenrod": return 3095792639;
+			case "darkgray": return 2846468607;
+			case "darkgreen": return 6553855;
+			case "darkgrey": return 2846468607;
+			case "darkkhaki": return 3182914559;
+			case "darkmagenta": return 2332068863;
+			case "darkolivegreen": return 1433087999;
+			case "darkorange": return 4287365375;
+			case "darkorchid": return 2570243327;
+			case "darkred": return 2332033279;
+			case "darksalmon": return 3918953215;
+			case "darkseagreen": return 2411499519;
+			case "darkslateblue": return 1211993087;
+			case "darkslategray": return 793726975;
+			case "darkslategrey": return 793726975;
+			case "darkturquoise": return 13554175;
+			case "darkviolet": return 2483082239;
+			case "deeppink": return 4279538687;
+			case "deepskyblue": return 12582911;
+			case "dimgray": return 1768516095;
+			case "dimgrey": return 1768516095;
+			case "dodgerblue": return 512819199;
+			case "firebrick": return 2988581631;
+			case "floralwhite": return 4294635775;
+			case "forestgreen": return 579543807;
+			case "fuchsia": return 4278255615;
+			case "gainsboro": return 3705462015;
+			case "ghostwhite": return 4177068031;
+			case "gold": return 4292280575;
+			case "goldenrod": return 3668254975;
+			case "gray": return 2155905279;
+			case "green": return 8388863;
+			case "greenyellow": return 2919182335;
+			case "grey": return 2155905279;
+			case "honeydew": return 4043305215;
+			case "hotpink": return 4285117695;
+			case "indianred": return 3445382399;
+			case "indigo": return 1258324735;
+			case "ivory": return 4294963455;
+			case "khaki": return 4041641215;
+			case "lavender": return 3873897215;
+			case "lavenderblush": return 4293981695;
+			case "lawngreen": return 2096890111;
+			case "lemonchiffon": return 4294626815;
+			case "lightblue": return 2916673279;
+			case "lightcoral": return 4034953471;
+			case "lightcyan": return 3774873599;
+			case "lightgoldenrodyellow": return 4210742015;
+			case "lightgray": return 3553874943;
+			case "lightgreen": return 2431553791;
+			case "lightgrey": return 3553874943;
+			case "lightpink": return 4290167295;
+			case "lightsalmon": return 4288707327;
+			case "lightseagreen": return 548580095;
+			case "lightskyblue": return 2278488831;
+			case "lightslategray": return 2005441023;
+			case "lightslategrey": return 2005441023;
+			case "lightsteelblue": return 2965692159;
+			case "lightyellow": return 4294959359;
+			case "lime": return 16711935;
+			case "limegreen": return 852308735;
+			case "linen": return 4210091775;
+			case "magenta": return 4278255615;
+			case "maroon": return 2147483903;
+			case "mediumaquamarine": return 1724754687;
+			case "mediumblue": return 52735;
+			case "mediumorchid": return 3126187007;
+			case "mediumpurple": return 2473647103;
+			case "mediumseagreen": return 1018393087;
+			case "mediumslateblue": return 2070474495;
+			case "mediumspringgreen": return 16423679;
+			case "mediumturquoise": return 1221709055;
+			case "mediumvioletred": return 3340076543;
+			case "midnightblue": return 421097727;
+			case "mintcream": return 4127193855;
+			case "mistyrose": return 4293190143;
+			case "moccasin": return 4293178879;
+			case "navajowhite": return 4292783615;
+			case "navy": return 33023;
+			case "oldlace": return 4260751103;
+			case "olive": return 2155872511;
+			case "olivedrab": return 1804477439;
+			case "orange": return 4289003775;
+			case "orangered": return 4282712319;
+			case "orchid": return 3664828159;
+			case "palegoldenrod": return 4008225535;
+			case "palegreen": return 2566625535;
+			case "paleturquoise": return 2951671551;
+			case "palevioletred": return 3681588223;
+			case "papayawhip": return 4293907967;
+			case "peachpuff": return 4292524543;
+			case "peru": return 3448061951;
+			case "pink": return 4290825215;
+			case "plum": return 3718307327;
+			case "powderblue": return 2967529215;
+			case "purple": return 2147516671;
+			case "rebeccapurple": return 1714657791;
+			case "red": return 4278190335;
+			case "rosybrown": return 3163525119;
+			case "royalblue": return 1097458175;
+			case "saddlebrown": return 2336560127;
+			case "salmon": return 4202722047;
+			case "sandybrown": return 4104413439;
+			case "seagreen": return 780883967;
+			case "seashell": return 4294307583;
+			case "sienna": return 2689740287;
+			case "silver": return 3233857791;
+			case "skyblue": return 2278484991;
+			case "slateblue": return 1784335871;
+			case "slategray": return 1887473919;
+			case "slategrey": return 1887473919;
+			case "snow": return 4294638335;
+			case "springgreen": return 16744447;
+			case "steelblue": return 1182971135;
+			case "tan": return 3535047935;
+			case "teal": return 8421631;
+			case "thistle": return 3636451583;
+			case "tomato": return 4284696575;
+			case "turquoise": return 1088475391;
+			case "violet": return 4001558271;
+			case "wheat": return 4125012991;
+			case "white": return 4294967295;
+			case "whitesmoke": return 4126537215;
+			case "yellow": return 4294902015;
+			case "yellowgreen": return 2597139199;
+		}
+		return null;
+	}
+	module.exports = normalizeColor;
+})))(), 1);
+function rgba(colorInt) {
+	return {
+		r: Math.round((colorInt & 4278190080) >>> 24),
+		g: Math.round((colorInt & 16711680) >>> 16),
+		b: Math.round((colorInt & 65280) >>> 8),
+		a: ((colorInt & 255) >>> 0) / 255
+	};
+}
+//#endregion
+//#region ../normalize-css-color/dist/esm/index.native.js
+var normalizeCSSColor = import_normalize_color.default || import_normalize_color;
+//#endregion
 //#region ../web/dist/esm/helpers/normalizeColor.native.js
 var normalizeColor = function(color, opacity) {
 	if (!color) return;
@@ -7059,9 +7054,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	};
 	if (process.env.IS_STATIC === "is_static") {
 		var { fallbackProps } = styleProps;
-		if (fallbackProps) styleState.props = new Proxy(props, { get(_, key9, val2) {
-			if (!Reflect.has(props, key9)) return Reflect.get(fallbackProps, key9);
-			return Reflect.get(props, key9);
+		if (fallbackProps) styleState.props = new Proxy(props, { get(_, key8, val2) {
+			if (!Reflect.has(props, key8)) return Reflect.get(fallbackProps, key8);
+			return Reflect.get(props, key8);
 		} });
 	}
 	var { asChild } = props;
@@ -7085,7 +7080,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			var style2 = isArray ? styleProp[index] : styleProp;
 			if (!style2) continue;
 			if (style2["$$css"]) {
-				for (var key9 in style2) clearDirectStyle(styleState, key9);
+				for (var key8 in style2) clearDirectStyle(styleState, key8);
 				Object.assign(styleState.classNames, style2);
 				continue;
 			}
@@ -7202,50 +7197,50 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			contributeStyleValue(styleState, keyInit, valInit, mergeStyle);
 			return;
 		}
-		propMapper(keyInit, valInit, styleState, disablePropMap, function(key9, val2, originalVal, conditionSource) {
+		propMapper(keyInit, valInit, styleState, disablePropMap, function(key8, val2, originalVal, conditionSource) {
 			var _parentStaticConfig_variants;
-			var isStyledContextProp = styledContext && key9 in styledContext;
-			if (key9 === "className") {
+			var isStyledContextProp = styledContext && key8 in styledContext;
+			if (key8 === "className") {
 				if (typeof val2 === "string" && val2) className = `${className} ${val2}`.trim();
 				return;
 			}
 			if (!isHOC && disablePropMap && !isStyledContextProp) {
-				if (key9 in stylePropsAll && !isValidStyleKey(key9, validStyles$1, accept)) return;
-				viewProps[key9] = val2;
+				if (key8 in stylePropsAll && !isValidStyleKey(key8, validStyles$1, accept)) return;
+				viewProps[key8] = val2;
 				return;
 			}
 			if (val2 == null) return;
-			if (accept && key9 in accept) {
-				viewProps[key9] = val2;
+			if (accept && key8 in accept) {
+				viewProps[key8] = val2;
 				return;
 			}
-			var isHostStyleKey = !isHOC && isValidStyleKey(key9, validStyles$1, accept) || isAndroid && key9 === "elevation";
+			var isHostStyleKey = !isHOC && isValidStyleKey(key8, validStyles$1, accept) || isAndroid && key8 === "elevation";
 			var isContextProgramKey = !isHOC && Boolean(isStyledContextProp);
 			if (conditionSource !== void 0) {
-				if (isHostStyleKey || isContextProgramKey) contributeVariantClauseValue(styleState, key9, val2, conditionSource, mergeStyle, originalVal, !isHostStyleKey);
+				if (isHostStyleKey || isContextProgramKey) contributeVariantClauseValue(styleState, key8, val2, conditionSource, mergeStyle, originalVal, !isHostStyleKey);
 				else if (isHOC) {
-					var appended = appendFlatClause(viewProps[key9], conditionSource, val2);
-					if (appended !== void 0) viewProps[key9] = appended;
+					var appended = appendFlatClause(viewProps[key8], conditionSource, val2);
+					if (appended !== void 0) viewProps[key8] = appended;
 				}
 				return;
 			}
 			if (isHostStyleKey || isContextProgramKey) {
-				contributeStyleValue(styleState, key9, val2, mergeStyle, originalVal, !isHostStyleKey);
+				contributeStyleValue(styleState, key8, val2, mergeStyle, originalVal, !isHostStyleKey);
 				return;
 			}
-			isVariant = variants && key9 in variants;
-			if (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key9)) {
+			isVariant = variants && key8 in variants;
+			if (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key8)) {
 				var _props_key;
-				viewProps[key9] = (_props_key = props[key9]) !== null && _props_key !== void 0 ? _props_key : val2;
+				viewProps[key8] = (_props_key = props[key8]) !== null && _props_key !== void 0 ? _props_key : val2;
 			}
 			if (isHOC && Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit])) {
-				passDownProp(viewProps, key9, val2);
+				passDownProp(viewProps, key8, val2);
 				return;
 			}
 			if (!isVariant) {
 				if (isStyledContextProp) return;
-				if (key9 in stylePropsAll && !isValidStyleKey(key9, validStyles$1, accept)) return;
-				viewProps[key9] = val2;
+				if (key8 in stylePropsAll && !isValidStyleKey(key8, validStyles$1, accept)) return;
+				viewProps[key8] = val2;
 			}
 		});
 	};
@@ -7359,9 +7354,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
 		var provenance = {};
 		var hasProvenance = false;
-		for (var key6 in styleState.tokenProvenance) {
-			provenance[key6] = {
-				token: styleState.tokenProvenance[key6],
+		for (var key5 in styleState.tokenProvenance) {
+			provenance[key5] = {
+				token: styleState.tokenProvenance[key5],
 				theme: themeName
 			};
 			hasProvenance = true;
@@ -7390,8 +7385,8 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			var _iteratorNormalCompletion4 = true, _didIteratorError4 = false, _iteratorError4 = void 0;
 			try {
 				for (var _iterator4 = keys[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
-					var key9 = _step4.value;
-					out.add(key9 === "--t-x" || key9 === "--t-y" ? "translate" : key9 === "--t-scale-x" || key9 === "--t-scale-y" ? "scale" : key9);
+					var key8 = _step4.value;
+					out.add(key8 === "--t-x" || key8 === "--t-y" ? "translate" : key8 === "--t-scale-x" || key8 === "--t-scale-y" ? "scale" : key8);
 				}
 			} catch (err) {
 				_didIteratorError4 = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "3.0.0-beta.653.1",
+  "version": "3.0.0-beta.661.1",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "license": "MIT",
   "author": {
@@ -118,20 +118,20 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "3.0.0-beta.653.1",
-    "@tamagui/constants": "3.0.0-beta.653.1",
-    "@tamagui/helpers": "3.0.0-beta.653.1",
-    "@tamagui/react-native-media-driver": "3.0.0-beta.653.1",
-    "@tamagui/react-native-use-pressable": "3.0.0-beta.653.1",
-    "@tamagui/size": "3.0.0-beta.653.1",
-    "@tamagui/use-element-layout": "3.0.0-beta.653.1",
-    "@tamagui/use-event": "3.0.0-beta.653.1",
-    "@tamagui/web": "3.0.0-beta.653.1"
+    "@tamagui/compose-refs": "3.0.0-beta.661.1",
+    "@tamagui/constants": "3.0.0-beta.661.1",
+    "@tamagui/helpers": "3.0.0-beta.661.1",
+    "@tamagui/react-native-media-driver": "3.0.0-beta.661.1",
+    "@tamagui/react-native-use-pressable": "3.0.0-beta.661.1",
+    "@tamagui/size": "3.0.0-beta.661.1",
+    "@tamagui/use-element-layout": "3.0.0-beta.661.1",
+    "@tamagui/use-event": "3.0.0-beta.661.1",
+    "@tamagui/web": "3.0.0-beta.661.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.653.1",
-    "@tamagui/native-bundle": "3.0.0-beta.653.1",
-    "@tamagui/react-native-web-lite": "3.0.0-beta.653.1",
+    "@tamagui/build": "3.0.0-beta.661.1",
+    "@tamagui/native-bundle": "3.0.0-beta.661.1",
+    "@tamagui/react-native-web-lite": "3.0.0-beta.661.1",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": ">=19",