@tamagui/web 3.0.0-beta.1101.1 → 3.0.0-beta.1111.1

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

@@ -13,7 +13,8 @@ var normalizeColor = function(color, opacity) {
 };
 var getRgba = function(color) {
 	if (typeof color !== "string") return;
-	var colorNum = normalizeCSSColor(color);
+	var nativeColor = color.replace(/^(rgb|hsl)\((?=[^)]*\/)/, "$1a(");
+	var colorNum = normalizeCSSColor(nativeColor);
 	if (colorNum != null) {
 		return rgba(colorNum);
 	}

package/dist/esm/helpers/normalizeColor.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeColor.native.js","names":[],"sources":["esm/helpers/normalizeColor.native.js"],"sourcesContent":["import { normalizeCSSColor, rgba } from \"@tamagui/normalize-css-color\";\nimport { rgba as rgba2 } from \"@tamagui/normalize-css-color\";\nvar normalizeColor = function(color, opacity) {\n  if (!color) return;\n  if (typeof color !== \"string\") return color;\n  var rgbaVal = getRgba(color);\n  if (rgbaVal) {\n    var colors = `${rgbaVal.r},${rgbaVal.g},${rgbaVal.b}`;\n    var _ref;\n    return opacity === 1 ? `rgb(${colors})` : `rgba(${colors},${(_ref = opacity !== null && opacity !== void 0 ? opacity : rgbaVal.a) !== null && _ref !== void 0 ? _ref : 1})`;\n  }\n  return color;\n};\nvar getRgba = function(color) {\n  if (typeof color !== \"string\") return;\n  var colorNum = normalizeCSSColor(color);\n  if (colorNum != null) {\n    return rgba(colorNum);\n  }\n};\nexport {\n  getRgba,\n  normalizeColor,\n  rgba2 as rgba\n};\n//# sourceMappingURL=normalizeColor.native.js.map\n"],"mappings":";;;AAEA,IAAI,iBAAiB,SAAS,OAAO,SAAS;CAC5C,IAAI,CAAC,OAAO;CACZ,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,UAAU,QAAQ,KAAK;CAC3B,IAAI,SAAS;EACX,IAAI,SAAS,GAAG,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,QAAQ;EAClD,IAAI;EACJ,OAAO,YAAY,IAAI,OAAO,OAAO,KAAK,QAAQ,OAAO,IAAI,OAAO,YAAY,QAAQ,YAAY,KAAK,IAAI,UAAU,QAAQ,OAAO,QAAQ,SAAS,KAAK,IAAI,OAAO,EAAE;CAC3K;CACA,OAAO;AACT;AACA,IAAI,UAAU,SAAS,OAAO;CAC5B,IAAI,OAAO,UAAU,UAAU;CAC/B,IAAI,WAAW,kBAAkB,KAAK;CACtC,IAAI,YAAY,MAAM;EACpB,OAAO,KAAK,QAAQ;CACtB;AACF"}
+{"version":3,"file":"normalizeColor.native.js","names":[],"sources":["esm/helpers/normalizeColor.native.js"],"sourcesContent":["import { normalizeCSSColor, rgba } from \"@tamagui/normalize-css-color\";\nimport { rgba as rgba2 } from \"@tamagui/normalize-css-color\";\nvar normalizeColor = function(color, opacity) {\n  if (!color) return;\n  if (typeof color !== \"string\") return color;\n  var rgbaVal = getRgba(color);\n  if (rgbaVal) {\n    var colors = `${rgbaVal.r},${rgbaVal.g},${rgbaVal.b}`;\n    var _ref;\n    return opacity === 1 ? `rgb(${colors})` : `rgba(${colors},${(_ref = opacity !== null && opacity !== void 0 ? opacity : rgbaVal.a) !== null && _ref !== void 0 ? _ref : 1})`;\n  }\n  return color;\n};\nvar getRgba = function(color) {\n  if (typeof color !== \"string\") return;\n  var nativeColor = color.replace(/^(rgb|hsl)\\((?=[^)]*\\/)/, \"$1a(\");\n  var colorNum = normalizeCSSColor(nativeColor);\n  if (colorNum != null) {\n    return rgba(colorNum);\n  }\n};\nexport {\n  getRgba,\n  normalizeColor,\n  rgba2 as rgba\n};\n//# sourceMappingURL=normalizeColor.native.js.map\n"],"mappings":";;;AAEA,IAAI,iBAAiB,SAAS,OAAO,SAAS;CAC5C,IAAI,CAAC,OAAO;CACZ,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,UAAU,QAAQ,KAAK;CAC3B,IAAI,SAAS;EACX,IAAI,SAAS,GAAG,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,QAAQ;EAClD,IAAI;EACJ,OAAO,YAAY,IAAI,OAAO,OAAO,KAAK,QAAQ,OAAO,IAAI,OAAO,YAAY,QAAQ,YAAY,KAAK,IAAI,UAAU,QAAQ,OAAO,QAAQ,SAAS,KAAK,IAAI,OAAO,EAAE;CAC3K;CACA,OAAO;AACT;AACA,IAAI,UAAU,SAAS,OAAO;CAC5B,IAAI,OAAO,UAAU,UAAU;CAC/B,IAAI,cAAc,MAAM,QAAQ,2BAA2B,MAAM;CACjE,IAAI,WAAW,kBAAkB,WAAW;CAC5C,IAAI,YAAY,MAAM;EACpB,OAAO,KAAK,QAAQ;CACtB;AACF"}

package/dist/esm/helpers/parseNativeStyle.mjs

@@ -0,0 +1,168 @@
+import { normalizeColor } from "./normalizeColor.mjs";
+
+function parseNativeStyle(key, cssString, tokenMap) {
+	switch (key) {
+		case "backgroundImage": return parseBackgroundImage(cssString, tokenMap);
+		case "boxShadow": return parseBoxShadow(cssString, tokenMap);
+		case "textShadow": return parseTextShadow(cssString, tokenMap);
+		default: return void 0;
+	}
+}
+function resolveColor(raw, tokenMap) {
+	if (tokenMap && tokenMap.has(raw)) {
+		return tokenMap.get(raw);
+	}
+	return raw.includes("(") && !raw.includes(",") ? normalizeColor(raw) : raw;
+}
+const gradientAngle = /^([+-]?\d*\.?\d+)(deg|grad|rad|turn)$/i;
+const gradientKeyword = /^to\s+(?:top|bottom|left|right)(?:\s+(?:top|bottom|left|right))?$/i;
+function gradientPosition(token) {
+	if (/px$/i.test(token)) return Number.parseFloat(token);
+	if (token.endsWith("%")) return token;
+	return void 0;
+}
+function parseBackgroundImage(css, tokenMap) {
+	if (css.trim() === "none") return [];
+	const match = css.match(/^linear-gradient\((.+)\)$/s);
+	if (!match) return void 0;
+	const inner = match[1];
+	const parts = splitOutsideParens(inner);
+	if (parts.length < 2) return void 0;
+	let direction;
+	let startIdx = 0;
+	const firstPart = parts[0].trim();
+	if (gradientAngle.test(firstPart) || gradientKeyword.test(firstPart)) {
+		direction = firstPart;
+		startIdx = 1;
+	}
+	const colorStops = [];
+	const stops = parts.slice(startIdx);
+	let prevWasHint = false;
+	for (let i = 0; i < stops.length; i++) {
+		const stopParts = stops[i].trim().match(/\S+\([^)]*\)|\S+/g);
+		if (!stopParts) continue;
+		if (stopParts.length === 1) {
+			const hint = gradientPosition(stopParts[0]);
+			if (hint !== void 0) {
+				if (i === 0 || i === stops.length - 1 || prevWasHint) return void 0;
+				colorStops.push({
+					color: null,
+					positions: [hint]
+				});
+				prevWasHint = true;
+				continue;
+			}
+		}
+		prevWasHint = false;
+		const color = resolveColor(stopParts[0], tokenMap);
+		const stop = { color };
+		if (stopParts.length > 1) {
+			const positions = [];
+			for (let p = 1; p < stopParts.length; p++) {
+				const position = gradientPosition(stopParts[p]);
+				if (position === void 0) return void 0;
+				positions.push(position);
+			}
+			stop.positions = positions;
+		}
+		colorStops.push(stop);
+	}
+	const gradient = {
+		type: "linear-gradient",
+		colorStops
+	};
+	if (direction) {
+		gradient.direction = direction;
+	}
+	return [gradient];
+}
+function parseBoxShadow(css, tokenMap) {
+	const shadowStrings = splitOutsideParens(css);
+	const shadows = [];
+	for (const raw of shadowStrings) {
+		const s = raw.trim();
+		if (!s) continue;
+		const tokens = s.split(/\s+/);
+		if (tokens.length < 2) return void 0;
+		let startIdx = 0;
+		let inset = false;
+		if (tokens[0] === "inset") {
+			inset = true;
+			startIdx = 1;
+		}
+		const numericParts = [];
+		let colorParts = [];
+		for (let i = startIdx; i < tokens.length; i++) {
+			const n = parseDimension(tokens[i]);
+			if (n !== void 0) {
+				numericParts.push(n);
+			} else {
+				colorParts = tokens.slice(i);
+				break;
+			}
+		}
+		if (numericParts.length < 2) return void 0;
+		const shadow = {
+			offsetX: numericParts[0],
+			offsetY: numericParts[1]
+		};
+		if (inset) {
+			shadow.inset = true;
+		}
+		if (numericParts.length >= 3) {
+			shadow.blurRadius = numericParts[2];
+		}
+		if (numericParts.length >= 4) {
+			shadow.spreadDistance = numericParts[3];
+		}
+		if (colorParts.length > 0) {
+			const colorStr = colorParts.join(" ");
+			shadow.color = resolveColor(colorStr, tokenMap);
+		}
+		shadows.push(shadow);
+	}
+	return shadows.length > 0 ? shadows : void 0;
+}
+function parseTextShadow(css, tokenMap) {
+	const tokens = css.trim().split(/\s+/);
+	if (tokens.length < 3) return void 0;
+	const offsetX = parseDimension(tokens[0]);
+	const offsetY = parseDimension(tokens[1]);
+	const blur = parseDimension(tokens[2]);
+	if (offsetX === void 0 || offsetY === void 0 || blur === void 0) {
+		return void 0;
+	}
+	const result = [["textShadowOffset", {
+		width: offsetX,
+		height: offsetY
+	}], ["textShadowRadius", blur]];
+	if (tokens.length >= 4) {
+		const colorStr = tokens.slice(3).join(" ");
+		result.push(["textShadowColor", resolveColor(colorStr, tokenMap)]);
+	}
+	return result;
+}
+function parseDimension(s) {
+	const cleaned = s.replace(/px$|dp$/i, "");
+	const n = Number(cleaned);
+	return Number.isFinite(n) ? n : void 0;
+}
+function splitOutsideParens(s) {
+	const parts = [];
+	let depth = 0;
+	let start = 0;
+	for (let i = 0; i < s.length; i++) {
+		const ch = s.charCodeAt(i);
+		if (ch === 40) depth++;
+		else if (ch === 41) depth--;
+		else if (ch === 44 && depth === 0) {
+			parts.push(s.slice(start, i));
+			start = i + 1;
+		}
+	}
+	parts.push(s.slice(start));
+	return parts;
+}
+
+export { parseNativeStyle };
+//# sourceMappingURL=parseNativeStyle.mjs.map

package/dist/esm/helpers/parseNativeStyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseNativeStyle.js","names":[],"sources":["esm/helpers/parseNativeStyle.js"],"sourcesContent":["import { normalizeColor } from \"./normalizeColor\";\nfunction parseNativeStyle(key, cssString, tokenMap) {\n  switch (key) {\n    case \"backgroundImage\":\n      return parseBackgroundImage(cssString, tokenMap);\n    case \"boxShadow\":\n      return parseBoxShadow(cssString, tokenMap);\n    case \"textShadow\":\n      return parseTextShadow(cssString, tokenMap);\n    default:\n      return void 0;\n  }\n}\nfunction resolveColor(raw, tokenMap) {\n  if (tokenMap && tokenMap.has(raw)) {\n    return tokenMap.get(raw);\n  }\n  return raw.includes(\"(\") && !raw.includes(\",\") ? normalizeColor(raw) : raw;\n}\nconst gradientAngle = /^([+-]?\\d*\\.?\\d+)(deg|grad|rad|turn)$/i;\nconst gradientKeyword = /^to\\s+(?:top|bottom|left|right)(?:\\s+(?:top|bottom|left|right))?$/i;\nfunction gradientPosition(token) {\n  if (/px$/i.test(token)) return Number.parseFloat(token);\n  if (token.endsWith(\"%\")) return token;\n  return void 0;\n}\nfunction parseBackgroundImage(css, tokenMap) {\n  if (css.trim() === \"none\") return [];\n  const match = css.match(/^linear-gradient\\((.+)\\)$/s);\n  if (!match) return void 0;\n  const inner = match[1];\n  const parts = splitOutsideParens(inner);\n  if (parts.length < 2) return void 0;\n  let direction;\n  let startIdx = 0;\n  const firstPart = parts[0].trim();\n  if (gradientAngle.test(firstPart) || gradientKeyword.test(firstPart)) {\n    direction = firstPart;\n    startIdx = 1;\n  }\n  const colorStops = [];\n  const stops = parts.slice(startIdx);\n  let prevWasHint = false;\n  for (let i = 0; i < stops.length; i++) {\n    const stopParts = stops[i].trim().match(/\\S+\\([^)]*\\)|\\S+/g);\n    if (!stopParts) continue;\n    if (stopParts.length === 1) {\n      const hint = gradientPosition(stopParts[0]);\n      if (hint !== void 0) {\n        if (i === 0 || i === stops.length - 1 || prevWasHint) return void 0;\n        colorStops.push({ color: null, positions: [hint] });\n        prevWasHint = true;\n        continue;\n      }\n    }\n    prevWasHint = false;\n    const color = resolveColor(stopParts[0], tokenMap);\n    const stop = { color };\n    if (stopParts.length > 1) {\n      const positions = [];\n      for (let p = 1; p < stopParts.length; p++) {\n        const position = gradientPosition(stopParts[p]);\n        if (position === void 0) return void 0;\n        positions.push(position);\n      }\n      stop.positions = positions;\n    }\n    colorStops.push(stop);\n  }\n  const gradient = {\n    type: \"linear-gradient\",\n    colorStops\n  };\n  if (direction) {\n    gradient.direction = direction;\n  }\n  return [gradient];\n}\nfunction parseBoxShadow(css, tokenMap) {\n  const shadowStrings = splitOutsideParens(css);\n  const shadows = [];\n  for (const raw of shadowStrings) {\n    const s = raw.trim();\n    if (!s) continue;\n    const tokens = s.split(/\\s+/);\n    if (tokens.length < 2) return void 0;\n    let startIdx = 0;\n    let inset = false;\n    if (tokens[0] === \"inset\") {\n      inset = true;\n      startIdx = 1;\n    }\n    const numericParts = [];\n    let colorParts = [];\n    for (let i = startIdx; i < tokens.length; i++) {\n      const n = parseDimension(tokens[i]);\n      if (n !== void 0) {\n        numericParts.push(n);\n      } else {\n        colorParts = tokens.slice(i);\n        break;\n      }\n    }\n    if (numericParts.length < 2) return void 0;\n    const shadow = {\n      offsetX: numericParts[0],\n      offsetY: numericParts[1]\n    };\n    if (inset) {\n      shadow.inset = true;\n    }\n    if (numericParts.length >= 3) {\n      shadow.blurRadius = numericParts[2];\n    }\n    if (numericParts.length >= 4) {\n      shadow.spreadDistance = numericParts[3];\n    }\n    if (colorParts.length > 0) {\n      const colorStr = colorParts.join(\" \");\n      shadow.color = resolveColor(colorStr, tokenMap);\n    }\n    shadows.push(shadow);\n  }\n  return shadows.length > 0 ? shadows : void 0;\n}\nfunction parseTextShadow(css, tokenMap) {\n  const tokens = css.trim().split(/\\s+/);\n  if (tokens.length < 3) return void 0;\n  const offsetX = parseDimension(tokens[0]);\n  const offsetY = parseDimension(tokens[1]);\n  const blur = parseDimension(tokens[2]);\n  if (offsetX === void 0 || offsetY === void 0 || blur === void 0) {\n    return void 0;\n  }\n  const result = [\n    [\"textShadowOffset\", { width: offsetX, height: offsetY }],\n    [\"textShadowRadius\", blur]\n  ];\n  if (tokens.length >= 4) {\n    const colorStr = tokens.slice(3).join(\" \");\n    result.push([\"textShadowColor\", resolveColor(colorStr, tokenMap)]);\n  }\n  return result;\n}\nfunction parseDimension(s) {\n  const cleaned = s.replace(/px$|dp$/i, \"\");\n  const n = Number(cleaned);\n  return Number.isFinite(n) ? n : void 0;\n}\nfunction splitOutsideParens(s) {\n  const parts = [];\n  let depth = 0;\n  let start = 0;\n  for (let i = 0; i < s.length; i++) {\n    const ch = s.charCodeAt(i);\n    if (ch === 40) depth++;\n    else if (ch === 41) depth--;\n    else if (ch === 44 && depth === 0) {\n      parts.push(s.slice(start, i));\n      start = i + 1;\n    }\n  }\n  parts.push(s.slice(start));\n  return parts;\n}\nexport {\n  parseNativeStyle\n};\n//# sourceMappingURL=parseNativeStyle.js.map\n"],"mappings":"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"}

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

@@ -1,3 +1,5 @@
+import { normalizeColor } from "./normalizeColor.native.js";
+
 function parseNativeStyle(key, cssString, tokenMap) {
 	switch (key) {
 		case "backgroundImage": return parseBackgroundImage(cssString, tokenMap);
@@ -10,7 +12,7 @@ function resolveColor(raw, tokenMap) {
 	if (tokenMap && tokenMap.has(raw)) {
 		return tokenMap.get(raw);
 	}
-	return raw;
+	return raw.includes("(") && !raw.includes(",") ? normalizeColor(raw) : raw;
 }
 var gradientAngle = /^([+-]?\d*\.?\d+)(deg|grad|rad|turn)$/i;
 var gradientKeyword = /^to\s+(?:top|bottom|left|right)(?:\s+(?:top|bottom|left|right))?$/i;

package/dist/esm/helpers/parseNativeStyle.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"parseNativeStyle.native.js","names":[],"sources":["esm/helpers/parseNativeStyle.native.js"],"sourcesContent":["function parseNativeStyle(key, cssString, tokenMap) {\n  switch (key) {\n    case \"backgroundImage\":\n      return parseBackgroundImage(cssString, tokenMap);\n    case \"boxShadow\":\n      return parseBoxShadow(cssString, tokenMap);\n    case \"textShadow\":\n      return parseTextShadow(cssString, tokenMap);\n    default:\n      return void 0;\n  }\n}\nfunction resolveColor(raw, tokenMap) {\n  if (tokenMap && tokenMap.has(raw)) {\n    return tokenMap.get(raw);\n  }\n  return raw;\n}\nvar gradientAngle = /^([+-]?\\d*\\.?\\d+)(deg|grad|rad|turn)$/i;\nvar gradientKeyword = /^to\\s+(?:top|bottom|left|right)(?:\\s+(?:top|bottom|left|right))?$/i;\nfunction gradientPosition(token) {\n  if (/px$/i.test(token)) return Number.parseFloat(token);\n  if (token.endsWith(\"%\")) return token;\n  return void 0;\n}\nfunction parseBackgroundImage(css, tokenMap) {\n  if (css.trim() === \"none\") return [];\n  var match = css.match(RegExp(\"^linear-gradient\\\\((.+)\\\\)$\", \"s\"));\n  if (!match) return void 0;\n  var inner = match[1];\n  var parts = splitOutsideParens(inner);\n  if (parts.length < 2) return void 0;\n  var direction;\n  var startIdx = 0;\n  var firstPart = parts[0].trim();\n  if (gradientAngle.test(firstPart) || gradientKeyword.test(firstPart)) {\n    direction = firstPart;\n    startIdx = 1;\n  }\n  var colorStops = [];\n  var stops = parts.slice(startIdx);\n  var prevWasHint = false;\n  for (var i = 0; i < stops.length; i++) {\n    var stopParts = stops[i].trim().match(/\\S+\\([^)]*\\)|\\S+/g);\n    if (!stopParts) continue;\n    if (stopParts.length === 1) {\n      var hint = gradientPosition(stopParts[0]);\n      if (hint !== void 0) {\n        if (i === 0 || i === stops.length - 1 || prevWasHint) return void 0;\n        colorStops.push({\n          color: null,\n          positions: [\n            hint\n          ]\n        });\n        prevWasHint = true;\n        continue;\n      }\n    }\n    prevWasHint = false;\n    var color = resolveColor(stopParts[0], tokenMap);\n    var stop = {\n      color\n    };\n    if (stopParts.length > 1) {\n      var positions = [];\n      for (var p = 1; p < stopParts.length; p++) {\n        var position = gradientPosition(stopParts[p]);\n        if (position === void 0) return void 0;\n        positions.push(position);\n      }\n      stop.positions = positions;\n    }\n    colorStops.push(stop);\n  }\n  var gradient = {\n    type: \"linear-gradient\",\n    colorStops\n  };\n  if (direction) {\n    gradient.direction = direction;\n  }\n  return [\n    gradient\n  ];\n}\nfunction parseBoxShadow(css, tokenMap) {\n  var shadowStrings = splitOutsideParens(css);\n  var shadows = [];\n  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n  try {\n    for (var _iterator = shadowStrings[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n      var raw = _step.value;\n      var s = raw.trim();\n      if (!s) continue;\n      var tokens = s.split(/\\s+/);\n      if (tokens.length < 2) return void 0;\n      var startIdx = 0;\n      var inset = false;\n      if (tokens[0] === \"inset\") {\n        inset = true;\n        startIdx = 1;\n      }\n      var numericParts = [];\n      var colorParts = [];\n      for (var i = startIdx; i < tokens.length; i++) {\n        var n = parseDimension(tokens[i]);\n        if (n !== void 0) {\n          numericParts.push(n);\n        } else {\n          colorParts = tokens.slice(i);\n          break;\n        }\n      }\n      if (numericParts.length < 2) return void 0;\n      var shadow = {\n        offsetX: numericParts[0],\n        offsetY: numericParts[1]\n      };\n      if (inset) {\n        shadow.inset = true;\n      }\n      if (numericParts.length >= 3) {\n        shadow.blurRadius = numericParts[2];\n      }\n      if (numericParts.length >= 4) {\n        shadow.spreadDistance = numericParts[3];\n      }\n      if (colorParts.length > 0) {\n        var colorStr = colorParts.join(\" \");\n        shadow.color = resolveColor(colorStr, tokenMap);\n      }\n      shadows.push(shadow);\n    }\n  } catch (err) {\n    _didIteratorError = true;\n    _iteratorError = err;\n  } finally {\n    try {\n      if (!_iteratorNormalCompletion && _iterator.return != null) {\n        _iterator.return();\n      }\n    } finally {\n      if (_didIteratorError) {\n        throw _iteratorError;\n      }\n    }\n  }\n  return shadows.length > 0 ? shadows : void 0;\n}\nfunction parseTextShadow(css, tokenMap) {\n  var tokens = css.trim().split(/\\s+/);\n  if (tokens.length < 3) return void 0;\n  var offsetX = parseDimension(tokens[0]);\n  var offsetY = parseDimension(tokens[1]);\n  var blur = parseDimension(tokens[2]);\n  if (offsetX === void 0 || offsetY === void 0 || blur === void 0) {\n    return void 0;\n  }\n  var result = [\n    [\n      \"textShadowOffset\",\n      {\n        width: offsetX,\n        height: offsetY\n      }\n    ],\n    [\n      \"textShadowRadius\",\n      blur\n    ]\n  ];\n  if (tokens.length >= 4) {\n    var colorStr = tokens.slice(3).join(\" \");\n    result.push([\n      \"textShadowColor\",\n      resolveColor(colorStr, tokenMap)\n    ]);\n  }\n  return result;\n}\nfunction parseDimension(s) {\n  var cleaned = s.replace(/px$|dp$/i, \"\");\n  var n = Number(cleaned);\n  return Number.isFinite(n) ? n : void 0;\n}\nfunction splitOutsideParens(s) {\n  var parts = [];\n  var depth = 0;\n  var start = 0;\n  for (var i = 0; i < s.length; i++) {\n    var ch = s.charCodeAt(i);\n    if (ch === 40) depth++;\n    else if (ch === 41) depth--;\n    else if (ch === 44 && /* , */\n    depth === 0) {\n      parts.push(s.slice(start, i));\n      start = i + 1;\n    }\n  }\n  parts.push(s.slice(start));\n  return parts;\n}\nexport {\n  parseNativeStyle\n};\n//# sourceMappingURL=parseNativeStyle.native.js.map\n"],"mappings":"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"}
+{"version":3,"file":"parseNativeStyle.native.js","names":[],"sources":["esm/helpers/parseNativeStyle.native.js"],"sourcesContent":["import { normalizeColor } from \"./normalizeColor\";\nfunction parseNativeStyle(key, cssString, tokenMap) {\n  switch (key) {\n    case \"backgroundImage\":\n      return parseBackgroundImage(cssString, tokenMap);\n    case \"boxShadow\":\n      return parseBoxShadow(cssString, tokenMap);\n    case \"textShadow\":\n      return parseTextShadow(cssString, tokenMap);\n    default:\n      return void 0;\n  }\n}\nfunction resolveColor(raw, tokenMap) {\n  if (tokenMap && tokenMap.has(raw)) {\n    return tokenMap.get(raw);\n  }\n  return raw.includes(\"(\") && !raw.includes(\",\") ? normalizeColor(raw) : raw;\n}\nvar gradientAngle = /^([+-]?\\d*\\.?\\d+)(deg|grad|rad|turn)$/i;\nvar gradientKeyword = /^to\\s+(?:top|bottom|left|right)(?:\\s+(?:top|bottom|left|right))?$/i;\nfunction gradientPosition(token) {\n  if (/px$/i.test(token)) return Number.parseFloat(token);\n  if (token.endsWith(\"%\")) return token;\n  return void 0;\n}\nfunction parseBackgroundImage(css, tokenMap) {\n  if (css.trim() === \"none\") return [];\n  var match = css.match(RegExp(\"^linear-gradient\\\\((.+)\\\\)$\", \"s\"));\n  if (!match) return void 0;\n  var inner = match[1];\n  var parts = splitOutsideParens(inner);\n  if (parts.length < 2) return void 0;\n  var direction;\n  var startIdx = 0;\n  var firstPart = parts[0].trim();\n  if (gradientAngle.test(firstPart) || gradientKeyword.test(firstPart)) {\n    direction = firstPart;\n    startIdx = 1;\n  }\n  var colorStops = [];\n  var stops = parts.slice(startIdx);\n  var prevWasHint = false;\n  for (var i = 0; i < stops.length; i++) {\n    var stopParts = stops[i].trim().match(/\\S+\\([^)]*\\)|\\S+/g);\n    if (!stopParts) continue;\n    if (stopParts.length === 1) {\n      var hint = gradientPosition(stopParts[0]);\n      if (hint !== void 0) {\n        if (i === 0 || i === stops.length - 1 || prevWasHint) return void 0;\n        colorStops.push({\n          color: null,\n          positions: [\n            hint\n          ]\n        });\n        prevWasHint = true;\n        continue;\n      }\n    }\n    prevWasHint = false;\n    var color = resolveColor(stopParts[0], tokenMap);\n    var stop = {\n      color\n    };\n    if (stopParts.length > 1) {\n      var positions = [];\n      for (var p = 1; p < stopParts.length; p++) {\n        var position = gradientPosition(stopParts[p]);\n        if (position === void 0) return void 0;\n        positions.push(position);\n      }\n      stop.positions = positions;\n    }\n    colorStops.push(stop);\n  }\n  var gradient = {\n    type: \"linear-gradient\",\n    colorStops\n  };\n  if (direction) {\n    gradient.direction = direction;\n  }\n  return [\n    gradient\n  ];\n}\nfunction parseBoxShadow(css, tokenMap) {\n  var shadowStrings = splitOutsideParens(css);\n  var shadows = [];\n  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n  try {\n    for (var _iterator = shadowStrings[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n      var raw = _step.value;\n      var s = raw.trim();\n      if (!s) continue;\n      var tokens = s.split(/\\s+/);\n      if (tokens.length < 2) return void 0;\n      var startIdx = 0;\n      var inset = false;\n      if (tokens[0] === \"inset\") {\n        inset = true;\n        startIdx = 1;\n      }\n      var numericParts = [];\n      var colorParts = [];\n      for (var i = startIdx; i < tokens.length; i++) {\n        var n = parseDimension(tokens[i]);\n        if (n !== void 0) {\n          numericParts.push(n);\n        } else {\n          colorParts = tokens.slice(i);\n          break;\n        }\n      }\n      if (numericParts.length < 2) return void 0;\n      var shadow = {\n        offsetX: numericParts[0],\n        offsetY: numericParts[1]\n      };\n      if (inset) {\n        shadow.inset = true;\n      }\n      if (numericParts.length >= 3) {\n        shadow.blurRadius = numericParts[2];\n      }\n      if (numericParts.length >= 4) {\n        shadow.spreadDistance = numericParts[3];\n      }\n      if (colorParts.length > 0) {\n        var colorStr = colorParts.join(\" \");\n        shadow.color = resolveColor(colorStr, tokenMap);\n      }\n      shadows.push(shadow);\n    }\n  } catch (err) {\n    _didIteratorError = true;\n    _iteratorError = err;\n  } finally {\n    try {\n      if (!_iteratorNormalCompletion && _iterator.return != null) {\n        _iterator.return();\n      }\n    } finally {\n      if (_didIteratorError) {\n        throw _iteratorError;\n      }\n    }\n  }\n  return shadows.length > 0 ? shadows : void 0;\n}\nfunction parseTextShadow(css, tokenMap) {\n  var tokens = css.trim().split(/\\s+/);\n  if (tokens.length < 3) return void 0;\n  var offsetX = parseDimension(tokens[0]);\n  var offsetY = parseDimension(tokens[1]);\n  var blur = parseDimension(tokens[2]);\n  if (offsetX === void 0 || offsetY === void 0 || blur === void 0) {\n    return void 0;\n  }\n  var result = [\n    [\n      \"textShadowOffset\",\n      {\n        width: offsetX,\n        height: offsetY\n      }\n    ],\n    [\n      \"textShadowRadius\",\n      blur\n    ]\n  ];\n  if (tokens.length >= 4) {\n    var colorStr = tokens.slice(3).join(\" \");\n    result.push([\n      \"textShadowColor\",\n      resolveColor(colorStr, tokenMap)\n    ]);\n  }\n  return result;\n}\nfunction parseDimension(s) {\n  var cleaned = s.replace(/px$|dp$/i, \"\");\n  var n = Number(cleaned);\n  return Number.isFinite(n) ? n : void 0;\n}\nfunction splitOutsideParens(s) {\n  var parts = [];\n  var depth = 0;\n  var start = 0;\n  for (var i = 0; i < s.length; i++) {\n    var ch = s.charCodeAt(i);\n    if (ch === 40) depth++;\n    else if (ch === 41) depth--;\n    else if (ch === 44 && /* , */\n    depth === 0) {\n      parts.push(s.slice(start, i));\n      start = i + 1;\n    }\n  }\n  parts.push(s.slice(start));\n  return parts;\n}\nexport {\n  parseNativeStyle\n};\n//# sourceMappingURL=parseNativeStyle.js.map\n"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ function resolveVariableValue(key, valOrVar, resolveValues) {
 	if (isVariable(valOrVar)) {
 		if (resolveValues === "value") return valOrVar.val;
 		var get = valOrVar === null || valOrVar === void 0 ? void 0 : valOrVar.get;
-		if (key !== "shadowColor") {
+		if (!(key === "shadowColor" || key === "boxShadow" || key === "textShadow" || key === "backgroundImage")) {
 			if (typeof get === "function") return get(resolveValues === "web" ? "web" : void 0);
 		}
 		return valOrVar.val;

package/dist/esm/helpers/resolveVariableValue.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveVariableValue.native.js","names":[],"sources":["esm/helpers/resolveVariableValue.native.js"],"sourcesContent":["import { isVariable } from \"../createVariable\";\n\nfunction resolveVariableValue(key, valOrVar, resolveValues) {\n\tif (resolveValues === \"none\") return valOrVar;\n\tif (isVariable(valOrVar)) {\n\t\tif (resolveValues === \"value\") return valOrVar.val;\n\t\tvar get = valOrVar === null || valOrVar === void 0 ? void 0 : valOrVar.get;\n\t\tif (key !== \"shadowColor\") {\n\t\t\tif (typeof get === \"function\") return get(resolveValues === \"web\" ? \"web\" : void 0);\n\t\t}\n\t\treturn valOrVar.val;\n\t}\n\treturn valOrVar;\n}\n\nexport { resolveVariableValue };"],"mappings":";;;AAEA,SAAS,qBAAqB,KAAK,UAAU,eAAe;CAC3D,IAAI,kBAAkB,QAAQ,OAAO;CACrC,IAAI,WAAW,QAAQ,GAAG;EACzB,IAAI,kBAAkB,SAAS,OAAO,SAAS;EAC/C,IAAI,MAAM,aAAa,QAAQ,aAAa,KAAK,IAAI,KAAK,IAAI,SAAS;EACvE,IAAI,QAAQ,eAAe;GAC1B,IAAI,OAAO,QAAQ,YAAY,OAAO,IAAI,kBAAkB,QAAQ,QAAQ,KAAK,CAAC;EACnF;EACA,OAAO,SAAS;CACjB;CACA,OAAO;AACR"}
+{"version":3,"file":"resolveVariableValue.native.js","names":[],"sources":["esm/helpers/resolveVariableValue.native.js"],"sourcesContent":["import { isVariable } from \"../createVariable\";\n\nfunction resolveVariableValue(key, valOrVar, resolveValues) {\n\tif (resolveValues === \"none\") return valOrVar;\n\tif (isVariable(valOrVar)) {\n\t\tif (resolveValues === \"value\") return valOrVar.val;\n\t\tvar get = valOrVar === null || valOrVar === void 0 ? void 0 : valOrVar.get;\n\t\tif (!(key === \"shadowColor\" || key === \"boxShadow\" || key === \"textShadow\" || key === \"backgroundImage\")) {\n\t\t\tif (typeof get === \"function\") return get(resolveValues === \"web\" ? \"web\" : void 0);\n\t\t}\n\t\treturn valOrVar.val;\n\t}\n\treturn valOrVar;\n}\n\nexport { resolveVariableValue };"],"mappings":";;;AAEA,SAAS,qBAAqB,KAAK,UAAU,eAAe;CAC3D,IAAI,kBAAkB,QAAQ,OAAO;CACrC,IAAI,WAAW,QAAQ,GAAG;EACzB,IAAI,kBAAkB,SAAS,OAAO,SAAS;EAC/C,IAAI,MAAM,aAAa,QAAQ,aAAa,KAAK,IAAI,KAAK,IAAI,SAAS;EACvE,IAAI,EAAE,QAAQ,iBAAiB,QAAQ,eAAe,QAAQ,gBAAgB,QAAQ,oBAAoB;GACzG,IAAI,OAAO,QAAQ,YAAY,OAAO,IAAI,kBAAkB,QAAQ,QAAQ,KAAK,CAAC;EACnF;EACA,OAAO,SAAS;CACjB;CACA,OAAO;AACR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/web",
-  "version": "3.0.0-beta.1101.1",
+  "version": "3.0.0-beta.1111.1",
   "license": "MIT",
   "author": {
     "name": "Nate Wienert"
@@ -100,24 +100,24 @@
     "test:web": "vitest --typecheck --run"
   },
   "dependencies": {
-    "@tamagui/animation-helpers": "3.0.0-beta.1101.1",
-    "@tamagui/compose-refs": "3.0.0-beta.1101.1",
-    "@tamagui/constants": "3.0.0-beta.1101.1",
-    "@tamagui/dom": "3.0.0-beta.1101.1",
-    "@tamagui/helpers": "3.0.0-beta.1101.1",
-    "@tamagui/is-equal-shallow": "3.0.0-beta.1101.1",
-    "@tamagui/native": "3.0.0-beta.1101.1",
-    "@tamagui/normalize-css-color": "3.0.0-beta.1101.1",
-    "@tamagui/react-native-types": "3.0.0-beta.1101.1",
-    "@tamagui/style-grammar": "3.0.0-beta.1101.1",
-    "@tamagui/timer": "3.0.0-beta.1101.1",
-    "@tamagui/types": "3.0.0-beta.1101.1",
-    "@tamagui/use-did-finish-ssr": "3.0.0-beta.1101.1",
-    "@tamagui/use-event": "3.0.0-beta.1101.1",
-    "@tamagui/use-force-update": "3.0.0-beta.1101.1"
+    "@tamagui/animation-helpers": "3.0.0-beta.1111.1",
+    "@tamagui/compose-refs": "3.0.0-beta.1111.1",
+    "@tamagui/constants": "3.0.0-beta.1111.1",
+    "@tamagui/dom": "3.0.0-beta.1111.1",
+    "@tamagui/helpers": "3.0.0-beta.1111.1",
+    "@tamagui/is-equal-shallow": "3.0.0-beta.1111.1",
+    "@tamagui/native": "3.0.0-beta.1111.1",
+    "@tamagui/normalize-css-color": "3.0.0-beta.1111.1",
+    "@tamagui/react-native-types": "3.0.0-beta.1111.1",
+    "@tamagui/style-grammar": "3.0.0-beta.1111.1",
+    "@tamagui/timer": "3.0.0-beta.1111.1",
+    "@tamagui/types": "3.0.0-beta.1111.1",
+    "@tamagui/use-did-finish-ssr": "3.0.0-beta.1111.1",
+    "@tamagui/use-event": "3.0.0-beta.1111.1",
+    "@tamagui/use-force-update": "3.0.0-beta.1111.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.1101.1",
+    "@tamagui/build": "3.0.0-beta.1111.1",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": "19.2.3",

package/src/helpers/createDesignSystem.ts

@@ -233,8 +233,8 @@ const getStaticCSS = (
 ._hsb-y::-webkit-scrollbar:vertical { display: none !important; }
 ._hsb-x { scrollbar-width: none !important; }
 ._hsb-y { scrollbar-width: none !important; }`
-  const pointerEventsCSS = `:root ._pe-boxonly>* {pointer-events:none;}
-:root ._pe-boxnone>* {pointer-events:auto;}`
+  const pointerEventsCSS = `:where(._pe-boxonly)>* {pointer-events:none;}
+:where(._pe-boxnone)>* {pointer-events:auto;}`
 
   const designSystem = `._ovs-contain {overscroll-behavior:contain;}
 .t_unmounted .is_View, .t_unmounted .is_Text { transition: none !important; }

package/src/helpers/getCSSStylesAtomic.ts

@@ -368,7 +368,7 @@ function createAtomicRules(
         const children = value === 'none' || value === 'box-only' ? 'none' : 'auto'
         rules.push(
           `${selector}{pointer-events:${subject}}`,
-          `${selector}>*{pointer-events:${children}}`
+          `:where(${selector})>*{pointer-events:${children}}`
         )
         break
       }

package/src/helpers/getSplitStyles.tsx

@@ -80,7 +80,7 @@ import {
 import { log } from './log'
 import { normalizeColor } from './normalizeColor'
 import { normalizeValueWithProperty } from './normalizeValueWithProperty'
-import { parseNativeStyle } from './parseNativeStyle.native'
+import { parseNativeStyle } from './parseNativeStyle'
 import { parseNativeTransform } from './parseNativeTransform.native'
 import { isRemValue, resolveRem } from './resolveRem'
 import { resolveNativeUnits } from './resolveNativeUnits'

package/src/helpers/normalizeColor.native.ts

@@ -21,7 +21,9 @@ export const normalizeColor = (color?: string | null, opacity?: number) => {
 export const getRgba = (color: string) => {
   // handle dynamic color objects
   if (typeof color !== 'string') return
-  const colorNum = normalizeCSSColor(color)
+  // RN accepts the alpha forms with a slash, but requires the `a` function name.
+  const nativeColor = color.replace(/^(rgb|hsl)\((?=[^)]*\/)/, '$1a(')
+  const colorNum = normalizeCSSColor(nativeColor)
   if (colorNum != null) {
     return rgba(colorNum)
   }

package/src/helpers/{parseNativeStyle.native.ts → parseNativeStyle.ts}

@@ -9,6 +9,8 @@
  * so this code is dead-code-eliminated on web builds.
  */
 
+import { normalizeColor } from './normalizeColor'
+
 type TokenMap = Map<string, any>
 
 export function parseNativeStyle(
@@ -32,7 +34,7 @@ function resolveColor(raw: string, tokenMap?: TokenMap): any {
   if (tokenMap && tokenMap.has(raw)) {
     return tokenMap.get(raw)
   }
-  return raw
+  return raw.includes('(') && !raw.includes(',') ? normalizeColor(raw) : raw
 }
 
 // the direction grammar React Native itself accepts, sourced from

package/src/helpers/resolveVariableValue.ts

@@ -17,8 +17,13 @@ export function resolveVariableValue(
     // @ts-expect-error dynamic variables may expose a platform-aware getter
     const get = valOrVar?.get
 
-    // shadowColor doesn't support dynamic style
-    if (process.env.TAMAGUI_TARGET !== 'native' || key !== 'shadowColor') {
+    // compound CSS strings cannot contain native dynamic color objects.
+    const needsLiteralColor =
+      key === 'shadowColor' ||
+      key === 'boxShadow' ||
+      key === 'textShadow' ||
+      key === 'backgroundImage'
+    if (process.env.TAMAGUI_TARGET !== 'native' || !needsLiteralColor) {
       if (typeof get === 'function') {
         const resolveDynamicFor = resolveValues === 'web' ? 'web' : undefined
         return get(resolveDynamicFor)

package/types/helpers/normalizeColor.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeColor.native.d.ts","sourceRoot":"","sources":["../../src/helpers/normalizeColor.native.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAEnD,eAAO,MAAM,cAAc,WAAY,MAAM,GAAG,IAAI,YAAY,MAAM,uBAcrE,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,MAAM;;;;;aAOpC,CAAA"}
+{"version":3,"file":"normalizeColor.native.d.ts","sourceRoot":"","sources":["../../src/helpers/normalizeColor.native.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAEnD,eAAO,MAAM,cAAc,WAAY,MAAM,GAAG,IAAI,YAAY,MAAM,uBAcrE,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,MAAM;;;;;aASpC,CAAA"}

package/types/helpers/{parseNativeStyle.native.d.ts → parseNativeStyle.d.ts}

@@ -11,4 +11,4 @@
 type TokenMap = Map<string, any>;
 export declare function parseNativeStyle(key: string, cssString: string, tokenMap?: TokenMap): any | undefined;
 export {};
-//# sourceMappingURL=parseNativeStyle.native.d.ts.map
+//# sourceMappingURL=parseNativeStyle.d.ts.map

package/types/helpers/parseNativeStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseNativeStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/parseNativeStyle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,KAAK,QAAQ,GAAG,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAEhC,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,MAAM,EACjB,QAAQ,CAAC,EAAE,QAAQ,GAClB,GAAG,GAAG,SAAS,CAWjB"}

package/types/helpers/resolveVariableValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveVariableValue.d.ts","sourceRoot":"","sources":["../../src/helpers/resolveVariableValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAE3D,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,GAAG,GAAG,EACxB,aAAa,CAAC,EAAE,iBAAiB,OAwBlC"}
+{"version":3,"file":"resolveVariableValue.d.ts","sourceRoot":"","sources":["../../src/helpers/resolveVariableValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAE3D,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,GAAG,GAAG,EACxB,aAAa,CAAC,EAAE,iBAAiB,OA6BlC"}

package/types/helpers/parseNativeStyle.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"parseNativeStyle.native.d.ts","sourceRoot":"","sources":["../../src/helpers/parseNativeStyle.native.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,KAAK,QAAQ,GAAG,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAEhC,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,MAAM,EACjB,QAAQ,CAAC,EAAE,QAAQ,GAClB,GAAG,GAAG,SAAS,CAWjB"}