@tamagui/linear-gradient 3.0.0-beta.1459.1 → 3.0.0-beta.1464.1

package/dist/cjs/linear-gradient.cjs

@@ -30,7 +30,7 @@ module.exports = __toCommonJS(linear_gradient_exports);
 var import_core = require("@tamagui/core");
 var React = __toESM(require("react"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
-const WebView = import_core.View;
+const GradientView = import_core.View;
 function needsDimensionAwareAngle(start, end) {
 	if (!start && !end) return false;
 	const startX = start?.[0] ?? .5;
@@ -56,15 +56,14 @@ function LinearGradient({ colors, locations, start, end, ...props }) {
 		height
 	]);
 	if (!needsLayout) {
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WebView, {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
 			...props,
-			onLayout: props.onLayout,
-			style: [props.style, { backgroundImage: linearGradientBackgroundImage }]
+			backgroundImage: linearGradientBackgroundImage
 		});
 	}
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WebView, {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
 		...props,
-		style: [props.style, { backgroundImage: linearGradientBackgroundImage }],
+		backgroundImage: linearGradientBackgroundImage,
 		onLayout: (event) => {
 			const { width: width2, height: height2 } = event.nativeEvent.layout;
 			setLayout((oldLayout) => {

package/dist/cjs/linear-gradient.native.cjs

@@ -1,8 +1,10 @@
 "use strict";
 
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
 	for (var name in all) __defProp(target, name, {
@@ -19,18 +21,106 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var linear_gradient_native_exports = {};
-__export(linear_gradient_native_exports, { LinearGradient: () => LinearGradient });
-module.exports = __toCommonJS(linear_gradient_native_exports);
+var linear_gradient_exports = {};
+__export(linear_gradient_exports, { LinearGradient: () => LinearGradient });
+module.exports = __toCommonJS(linear_gradient_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_native = require("@tamagui/native");
-function LinearGradient(props) {
-	var state = (0, import_native.getLinearGradient)().state;
-	if (state.enabled && state.Component) {
-		var ExpoLinearGradient = state.Component;
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpoLinearGradient, { ...props });
+var import_core = require("@tamagui/core");
+var React = __toESM(require("react"), 1);
+var GradientView = import_core.View;
+function needsDimensionAwareAngle(start, end) {
+	if (!start && !end) return false;
+	var _start_;
+	var startX = (_start_ = start === null || start === void 0 ? void 0 : start[0]) !== null && _start_ !== void 0 ? _start_ : .5;
+	var _end_;
+	var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : .5;
+	return startX !== endX;
+}
+function LinearGradient(param) {
+	var { colors, locations, start, end, ...props } = param;
+	var normalizedStart = start ? Array.isArray(start) ? start : [start.x, start.y] : void 0;
+	var normalizedEnd = end ? Array.isArray(end) ? end : [end.x, end.y] : void 0;
+	var needsLayout = needsDimensionAwareAngle(normalizedStart, normalizedEnd);
+	var [{ height, width }, setLayout] = React.useState({
+		height: 1,
+		width: 1
+	});
+	var linearGradientBackgroundImage = React.useMemo(function() {
+		return getLinearGradientBackgroundImage(colors, locations, normalizedStart, normalizedEnd, width, height);
+	}, [
+		colors,
+		locations,
+		normalizedStart,
+		normalizedEnd,
+		width,
+		height
+	]);
+	if (!needsLayout) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
+			...props,
+			backgroundImage: linearGradientBackgroundImage
+		});
 	}
-	console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);
-	return;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
+		...props,
+		backgroundImage: linearGradientBackgroundImage,
+		onLayout: function(event) {
+			var { width: width2, height: height2 } = event.nativeEvent.layout;
+			setLayout(function(oldLayout) {
+				if (width2 !== oldLayout.width || height2 !== oldLayout.height) {
+					return {
+						height: height2,
+						width: width2
+					};
+				}
+				return oldLayout;
+			});
+			if (props.onLayout) {
+				props.onLayout(event);
+			}
+		}
+	});
+}
+function getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint) {
+	var width = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 1, height = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 1;
+	var gradientColors = calculateGradientColors(colors, locations);
+	var angle = calculatePseudoAngle(width, height, startPoint, endPoint);
+	return `linear-gradient(${angle}deg, ${gradientColors.join(", ")})`;
+}
+function calculatePseudoAngle(width, height, startPoint, endPoint) {
+	var getControlPoints = function() {
+		var correctedStartPoint = [0, 0];
+		if (Array.isArray(startPoint)) {
+			correctedStartPoint = [startPoint[0] != null ? startPoint[0] : 0, startPoint[1] != null ? startPoint[1] : 0];
+		}
+		var correctedEndPoint = [0, 1];
+		if (Array.isArray(endPoint)) {
+			correctedEndPoint = [endPoint[0] != null ? endPoint[0] : 0, endPoint[1] != null ? endPoint[1] : 1];
+		}
+		return [correctedStartPoint, correctedEndPoint];
+	};
+	var [start, end] = getControlPoints();
+	start[0] *= width;
+	end[0] *= width;
+	start[1] *= height;
+	end[1] *= height;
+	var py = end[1] - start[1];
+	var px = end[0] - start[0];
+	return 90 + Math.atan2(py, px) * 180 / Math.PI;
+}
+function calculateGradientColors(colors, locations) {
+	return colors.map(function(color, index) {
+		var output = (0, import_core.normalizeColor)(color);
+		if (locations && locations[index] !== void 0) {
+			var location = Math.max(0, Math.min(1, locations[index]));
+			var percentage = location * 100;
+			return `${output} ${percentage}%`;
+		}
+		return output;
+	});
 }

package/dist/cjs/linear-gradient.native.js

@@ -1,8 +1,10 @@
 "use strict";
 
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
 	for (var name in all) __defProp(target, name, {
@@ -19,20 +21,108 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var linear_gradient_native_exports = {};
-__export(linear_gradient_native_exports, { LinearGradient: () => LinearGradient });
-module.exports = __toCommonJS(linear_gradient_native_exports);
+var linear_gradient_exports = {};
+__export(linear_gradient_exports, { LinearGradient: () => LinearGradient });
+module.exports = __toCommonJS(linear_gradient_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_native = require("@tamagui/native");
-function LinearGradient(props) {
-	var state = (0, import_native.getLinearGradient)().state;
-	if (state.enabled && state.Component) {
-		var ExpoLinearGradient = state.Component;
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpoLinearGradient, { ...props });
+var import_core = require("@tamagui/core");
+var React = __toESM(require("react"), 1);
+var GradientView = import_core.View;
+function needsDimensionAwareAngle(start, end) {
+	if (!start && !end) return false;
+	var _start_;
+	var startX = (_start_ = start === null || start === void 0 ? void 0 : start[0]) !== null && _start_ !== void 0 ? _start_ : .5;
+	var _end_;
+	var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : .5;
+	return startX !== endX;
+}
+function LinearGradient(param) {
+	var { colors, locations, start, end, ...props } = param;
+	var normalizedStart = start ? Array.isArray(start) ? start : [start.x, start.y] : void 0;
+	var normalizedEnd = end ? Array.isArray(end) ? end : [end.x, end.y] : void 0;
+	var needsLayout = needsDimensionAwareAngle(normalizedStart, normalizedEnd);
+	var [{ height, width }, setLayout] = React.useState({
+		height: 1,
+		width: 1
+	});
+	var linearGradientBackgroundImage = React.useMemo(function() {
+		return getLinearGradientBackgroundImage(colors, locations, normalizedStart, normalizedEnd, width, height);
+	}, [
+		colors,
+		locations,
+		normalizedStart,
+		normalizedEnd,
+		width,
+		height
+	]);
+	if (!needsLayout) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
+			...props,
+			backgroundImage: linearGradientBackgroundImage
+		});
 	}
-	console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);
-	return;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
+		...props,
+		backgroundImage: linearGradientBackgroundImage,
+		onLayout: function(event) {
+			var { width: width2, height: height2 } = event.nativeEvent.layout;
+			setLayout(function(oldLayout) {
+				if (width2 !== oldLayout.width || height2 !== oldLayout.height) {
+					return {
+						height: height2,
+						width: width2
+					};
+				}
+				return oldLayout;
+			});
+			if (props.onLayout) {
+				props.onLayout(event);
+			}
+		}
+	});
+}
+function getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint) {
+	var width = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 1, height = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 1;
+	var gradientColors = calculateGradientColors(colors, locations);
+	var angle = calculatePseudoAngle(width, height, startPoint, endPoint);
+	return `linear-gradient(${angle}deg, ${gradientColors.join(", ")})`;
+}
+function calculatePseudoAngle(width, height, startPoint, endPoint) {
+	var getControlPoints = function() {
+		var correctedStartPoint = [0, 0];
+		if (Array.isArray(startPoint)) {
+			correctedStartPoint = [startPoint[0] != null ? startPoint[0] : 0, startPoint[1] != null ? startPoint[1] : 0];
+		}
+		var correctedEndPoint = [0, 1];
+		if (Array.isArray(endPoint)) {
+			correctedEndPoint = [endPoint[0] != null ? endPoint[0] : 0, endPoint[1] != null ? endPoint[1] : 1];
+		}
+		return [correctedStartPoint, correctedEndPoint];
+	};
+	var [start, end] = getControlPoints();
+	start[0] *= width;
+	end[0] *= width;
+	start[1] *= height;
+	end[1] *= height;
+	var py = end[1] - start[1];
+	var px = end[0] - start[0];
+	return 90 + Math.atan2(py, px) * 180 / Math.PI;
+}
+function calculateGradientColors(colors, locations) {
+	return colors.map(function(color, index) {
+		var output = (0, import_core.normalizeColor)(color);
+		if (locations && locations[index] !== void 0) {
+			var location = Math.max(0, Math.min(1, locations[index]));
+			var percentage = location * 100;
+			return `${output} ${percentage}%`;
+		}
+		return output;
+	});
 }
 
 //# sourceMappingURL=linear-gradient.native.js.map

package/dist/cjs/linear-gradient.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["cjs/linear-gradient.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar linear_gradient_native_exports = {};\n__export(linear_gradient_native_exports, {\n  LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(linear_gradient_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_native = require(\"@tamagui/native\");\nfunction LinearGradient(props) {\n  var state = (0, import_native.getLinearGradient)().state;\n  if (state.enabled && state.Component) {\n    var ExpoLinearGradient = state.Component;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpoLinearGradient, {\n      ...props\n    });\n  }\n  console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);\n  return;\n}\n//# sourceMappingURL=linear-gradient.native.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,iCAAiC,CAAC;AACtC,SAAS,gCAAgC,EACvC,sBAAsB,eACxB,CAAC;AACD,OAAO,UAAU,aAAa,8BAA8B;AAC5D,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,SAAS,eAAe,OAAO;CAC7B,IAAI,SAAS,GAAG,cAAc,kBAAiB,CAAE,CAAC,CAAC;CACnD,IAAI,MAAM,WAAW,MAAM,WAAW;EACpC,IAAI,qBAAqB,MAAM;EAC/B,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,EACrE,GAAG,MACL,CAAC;CACH;CACA,QAAQ,KAAK,gFAAgF;CAC7F;AACF"}
+{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["cjs/linear-gradient.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar linear_gradient_exports = {};\n__export(linear_gradient_exports, {\n  LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(linear_gradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar React = __toESM(require(\"react\"), 1);\nvar GradientView = import_core.View;\nfunction needsDimensionAwareAngle(start, end) {\n  if (!start && !end) return false;\n  var _start_;\n  var startX = (_start_ = start === null || start === void 0 ? void 0 : start[0]) !== null && _start_ !== void 0 ? _start_ : 0.5;\n  var _end_;\n  var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : 0.5;\n  return startX !== endX;\n}\nfunction LinearGradient(param) {\n  var { colors, locations, start, end, ...props } = param;\n  var normalizedStart = start ? Array.isArray(start) ? start : [\n    start.x,\n    start.y\n  ] : void 0;\n  var normalizedEnd = end ? Array.isArray(end) ? end : [\n    end.x,\n    end.y\n  ] : void 0;\n  var needsLayout = needsDimensionAwareAngle(normalizedStart, normalizedEnd);\n  var [{ height, width }, setLayout] = React.useState({\n    height: 1,\n    width: 1\n  });\n  var linearGradientBackgroundImage = React.useMemo(function() {\n    return getLinearGradientBackgroundImage(colors, locations, normalizedStart, normalizedEnd, width, height);\n  }, [\n    colors,\n    locations,\n    normalizedStart,\n    normalizedEnd,\n    width,\n    height\n  ]);\n  if (!needsLayout) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {\n      ...props,\n      backgroundImage: linearGradientBackgroundImage\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {\n    ...props,\n    backgroundImage: linearGradientBackgroundImage,\n    onLayout: function(event) {\n      var { width: width2, height: height2 } = event.nativeEvent.layout;\n      setLayout(function(oldLayout) {\n        if (width2 !== oldLayout.width || height2 !== oldLayout.height) {\n          return {\n            height: height2,\n            width: width2\n          };\n        }\n        return oldLayout;\n      });\n      if (props.onLayout) {\n        props.onLayout(event);\n      }\n    }\n  });\n}\nfunction getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint) {\n  var width = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 1, height = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 1;\n  var gradientColors = calculateGradientColors(colors, locations);\n  var angle = calculatePseudoAngle(width, height, startPoint, endPoint);\n  return `linear-gradient(${angle}deg, ${gradientColors.join(\", \")})`;\n}\nfunction calculatePseudoAngle(width, height, startPoint, endPoint) {\n  var getControlPoints = function() {\n    var correctedStartPoint = [\n      0,\n      0\n    ];\n    if (Array.isArray(startPoint)) {\n      correctedStartPoint = [\n        startPoint[0] != null ? startPoint[0] : 0,\n        startPoint[1] != null ? startPoint[1] : 0\n      ];\n    }\n    var correctedEndPoint = [\n      0,\n      1\n    ];\n    if (Array.isArray(endPoint)) {\n      correctedEndPoint = [\n        endPoint[0] != null ? endPoint[0] : 0,\n        endPoint[1] != null ? endPoint[1] : 1\n      ];\n    }\n    return [\n      correctedStartPoint,\n      correctedEndPoint\n    ];\n  };\n  var [start, end] = getControlPoints();\n  start[0] *= width;\n  end[0] *= width;\n  start[1] *= height;\n  end[1] *= height;\n  var py = end[1] - start[1];\n  var px = end[0] - start[0];\n  return 90 + Math.atan2(py, px) * 180 / Math.PI;\n}\nfunction calculateGradientColors(colors, locations) {\n  return colors.map(function(color, index) {\n    var output = (0, import_core.normalizeColor)(color);\n    if (locations && locations[index] !== void 0) {\n      var location = Math.max(0, Math.min(1, locations[index]));\n      var percentage = location * 100;\n      return `${output} ${percentage}%`;\n    }\n    return output;\n  });\n}\n//# sourceMappingURL=linear-gradient.js.map\n"],"mappings":"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"}

package/dist/esm/LinearGradient.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LinearGradient.js","names":["ExpoLinearGradient"],"sources":["esm/LinearGradient.js"],"sourcesContent":["import {\n  createStyledHOC,\n  getTokens,\n  getVariableValue,\n  normalizeColor,\n  styled,\n  useTheme\n} from \"@tamagui/core\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { LinearGradient as ExpoLinearGradient } from \"./linear-gradient\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst LinearGradientFrame = styled(YStack, {\n  displayName: \"LinearGradient\",\n  overflow: \"hidden\",\n  position: \"relative\"\n});\nconst LinearGradient = createStyledHOC(\n  LinearGradientFrame,\n  (propsIn, ref) => {\n    const { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n    const theme = useTheme();\n    const colorTokens = getTokens().color;\n    let colors = colorsProp?.map((c) => {\n      return theme[c]?.get(\"web\") ?? getVariableValue(colorTokens[c]) ?? c;\n    }) || [];\n    if (process.env.NODE_ENV !== \"production\") {\n      if (colors.some((c) => {\n        const normalized = normalizeColor(c);\n        if (!normalized) {\n          return true;\n        }\n      })) {\n        console.error(\n          `LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`\n        );\n        colors = [\"#000\", \"#fff\"];\n      }\n    }\n    return /* @__PURE__ */ jsxs(LinearGradientFrame, { ref, ...stackProps, children: [\n      /* @__PURE__ */ jsx(\n        ExpoLinearGradient,\n        {\n          start,\n          end,\n          colors,\n          locations,\n          style: gradientStyle\n        }\n      ),\n      children\n    ] });\n  }\n);\nconst gradientStyle = {\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: 0\n};\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;;;;AAWA,MAAM,sBAAsB,OAAO,QAAQ;CACzC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,MAAM,iBAAiB,gBACrB,sBACC,SAAS,QAAQ;CAChB,MAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC/E,MAAM,QAAQ,SAAS;CACvB,MAAM,cAAc,UAAU,CAAC,CAAC;CAChC,IAAI,SAAS,YAAY,KAAK,MAAM;EAClC,OAAO,MAAM,EAAE,EAAE,IAAI,KAAK,KAAK,iBAAiB,YAAY,EAAE,KAAK;CACrE,CAAC,KAAK,CAAC;CACP,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,MAAM,MAAM;GACrB,MAAM,aAAa,eAAe,CAAC;GACnC,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MACN,gEAAgE,OAAO,8CACzE;GACA,SAAS,CAAC,QAAQ,MAAM;EAC1B;CACF;CACA,OAAuB,qBAAK,qBAAqB;EAAE;EAAK,GAAG;EAAY,UAAU,CAC/D,oBACdA,kBACA;GACE;GACA;GACA;GACA;GACA,OAAO;EACT,CACF,GACA,QACF;CAAE,CAAC;AACL,CACF;AACA,MAAM,gBAAgB;CACpB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}
+{"version":3,"file":"LinearGradient.js","names":["GradientBackground"],"sources":["esm/LinearGradient.js"],"sourcesContent":["import {\n  createStyledHOC,\n  getTokens,\n  getVariableValue,\n  normalizeColor,\n  styled,\n  useTheme\n} from \"@tamagui/core\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { LinearGradient as GradientBackground } from \"./linear-gradient\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst LinearGradientFrame = styled(YStack, {\n  displayName: \"LinearGradient\",\n  overflow: \"hidden\",\n  position: \"relative\"\n});\nconst LinearGradient = createStyledHOC(\n  LinearGradientFrame,\n  (propsIn, ref) => {\n    const { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n    const theme = useTheme();\n    const colorTokens = getTokens().color;\n    let colors = colorsProp?.map((c) => {\n      return theme[c]?.get(\"web\") ?? getVariableValue(colorTokens[c]) ?? c;\n    }) || [];\n    if (process.env.NODE_ENV !== \"production\") {\n      if (colors.some((c) => {\n        const normalized = normalizeColor(c);\n        if (!normalized) {\n          return true;\n        }\n      })) {\n        console.error(\n          `LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`\n        );\n        colors = [\"#000\", \"#fff\"];\n      }\n    }\n    return /* @__PURE__ */ jsxs(LinearGradientFrame, { ref, ...stackProps, children: [\n      /* @__PURE__ */ jsx(\n        GradientBackground,\n        {\n          start,\n          end,\n          colors,\n          locations,\n          style: gradientStyle\n        }\n      ),\n      children\n    ] });\n  }\n);\nconst gradientStyle = {\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: 0\n};\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;;;;AAWA,MAAM,sBAAsB,OAAO,QAAQ;CACzC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,MAAM,iBAAiB,gBACrB,sBACC,SAAS,QAAQ;CAChB,MAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC/E,MAAM,QAAQ,SAAS;CACvB,MAAM,cAAc,UAAU,CAAC,CAAC;CAChC,IAAI,SAAS,YAAY,KAAK,MAAM;EAClC,OAAO,MAAM,EAAE,EAAE,IAAI,KAAK,KAAK,iBAAiB,YAAY,EAAE,KAAK;CACrE,CAAC,KAAK,CAAC;CACP,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,MAAM,MAAM;GACrB,MAAM,aAAa,eAAe,CAAC;GACnC,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MACN,gEAAgE,OAAO,8CACzE;GACA,SAAS,CAAC,QAAQ,MAAM;EAC1B;CACF;CACA,OAAuB,qBAAK,qBAAqB;EAAE;EAAK,GAAG;EAAY,UAAU,CAC/D,oBACdA,kBACA;GACE;GACA;GACA;GACA;GACA,OAAO;EACT,CACF,GACA,QACF;CAAE,CAAC;AACL,CACF;AACA,MAAM,gBAAgB;CACpB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}

package/dist/esm/LinearGradient.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearGradient.native.js","names":["ExpoLinearGradient"],"sources":["esm/LinearGradient.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createStyledHOC, getTokens, getVariableValue, normalizeColor, styled, useTheme } from \"@tamagui/core\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { LinearGradient as ExpoLinearGradient } from \"./linear-gradient\";\nvar LinearGradientFrame = styled(YStack, {\n  displayName: \"LinearGradient\",\n  overflow: \"hidden\",\n  position: \"relative\"\n});\nvar LinearGradient = createStyledHOC(LinearGradientFrame, function(propsIn, ref) {\n  var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n  var theme = useTheme();\n  var colorTokens = getTokens().color;\n  var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {\n    var _theme_c;\n    var _theme_c_get, _ref;\n    return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get(\"web\")) !== null && _theme_c_get !== void 0 ? _theme_c_get : getVariableValue(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;\n  })) || [];\n  if (process.env.NODE_ENV !== \"production\") {\n    if (colors.some(function(c) {\n      var normalized = normalizeColor(c);\n      if (!normalized) {\n        return true;\n      }\n    })) {\n      console.error(`LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`);\n      colors = [\n        \"#000\",\n        \"#fff\"\n      ];\n    }\n  }\n  return /* @__PURE__ */ _jsxs(LinearGradientFrame, {\n    ref,\n    ...stackProps,\n    children: [\n      /* @__PURE__ */ _jsx(ExpoLinearGradient, {\n        start,\n        end,\n        colors,\n        locations,\n        style: gradientStyle\n      }),\n      children\n    ]\n  });\n});\nvar gradientStyle = {\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: 0\n};\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;;;;AAIA,IAAI,sBAAsB,OAAO,QAAQ;CACvC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,IAAI,iBAAiB,gBAAgB,qBAAqB,SAAS,SAAS,KAAK;CAC/E,IAAI,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC7E,IAAI,QAAQ,SAAS;CACrB,IAAI,cAAc,UAAU,CAAC,CAAC;CAC9B,IAAI,UAAU,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,IAAI,SAAS,GAAG;EAC/F,IAAI;EACJ,IAAI,cAAc;EAClB,QAAQ,QAAQ,gBAAgB,WAAW,MAAM,QAAQ,QAAQ,aAAa,KAAK,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,OAAO,QAAQ,iBAAiB,KAAK,IAAI,eAAe,iBAAiB,YAAY,EAAE,OAAO,QAAQ,SAAS,KAAK,IAAI,OAAO;CACnP,CAAC,MAAM,CAAC;CACR,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,IAAI,aAAa,eAAe,CAAC;GACjC,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MAAM,gEAAgE,OAAO,8CAA8C;GACnI,SAAS,CACP,QACA,MACF;EACF;CACF;CACA,OAAuB,qBAAM,qBAAqB;EAChD;EACA,GAAG;EACH,UAAU,CACQ,oBAAKA,kBAAoB;GACvC;GACA;GACA;GACA;GACA,OAAO;EACT,CAAC,GACD,QACF;CACF,CAAC;AACH,CAAC;AACD,IAAI,gBAAgB;CAClB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}
+{"version":3,"file":"LinearGradient.native.js","names":["GradientBackground"],"sources":["esm/LinearGradient.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createStyledHOC, getTokens, getVariableValue, normalizeColor, styled, useTheme } from \"@tamagui/core\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { LinearGradient as GradientBackground } from \"./linear-gradient\";\nvar LinearGradientFrame = styled(YStack, {\n  displayName: \"LinearGradient\",\n  overflow: \"hidden\",\n  position: \"relative\"\n});\nvar LinearGradient = createStyledHOC(LinearGradientFrame, function(propsIn, ref) {\n  var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n  var theme = useTheme();\n  var colorTokens = getTokens().color;\n  var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {\n    var _theme_c;\n    var _theme_c_get, _ref;\n    return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get(\"web\")) !== null && _theme_c_get !== void 0 ? _theme_c_get : getVariableValue(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;\n  })) || [];\n  if (process.env.NODE_ENV !== \"production\") {\n    if (colors.some(function(c) {\n      var normalized = normalizeColor(c);\n      if (!normalized) {\n        return true;\n      }\n    })) {\n      console.error(`LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`);\n      colors = [\n        \"#000\",\n        \"#fff\"\n      ];\n    }\n  }\n  return /* @__PURE__ */ _jsxs(LinearGradientFrame, {\n    ref,\n    ...stackProps,\n    children: [\n      /* @__PURE__ */ _jsx(GradientBackground, {\n        start,\n        end,\n        colors,\n        locations,\n        style: gradientStyle\n      }),\n      children\n    ]\n  });\n});\nvar gradientStyle = {\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: 0\n};\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;;;;AAIA,IAAI,sBAAsB,OAAO,QAAQ;CACvC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,IAAI,iBAAiB,gBAAgB,qBAAqB,SAAS,SAAS,KAAK;CAC/E,IAAI,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC7E,IAAI,QAAQ,SAAS;CACrB,IAAI,cAAc,UAAU,CAAC,CAAC;CAC9B,IAAI,UAAU,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,IAAI,SAAS,GAAG;EAC/F,IAAI;EACJ,IAAI,cAAc;EAClB,QAAQ,QAAQ,gBAAgB,WAAW,MAAM,QAAQ,QAAQ,aAAa,KAAK,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,OAAO,QAAQ,iBAAiB,KAAK,IAAI,eAAe,iBAAiB,YAAY,EAAE,OAAO,QAAQ,SAAS,KAAK,IAAI,OAAO;CACnP,CAAC,MAAM,CAAC;CACR,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,IAAI,aAAa,eAAe,CAAC;GACjC,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MAAM,gEAAgE,OAAO,8CAA8C;GACnI,SAAS,CACP,QACA,MACF;EACF;CACF;CACA,OAAuB,qBAAM,qBAAqB;EAChD;EACA,GAAG;EACH,UAAU,CACQ,oBAAKA,kBAAoB;GACvC;GACA;GACA;GACA;GACA,OAAO;EACT,CAAC,GACD,QACF;CACF,CAAC;AACH,CAAC;AACD,IAAI,gBAAgB;CAClB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}

package/dist/esm/linear-gradient.mjs

@@ -2,7 +2,7 @@ import { View, normalizeColor } from "@tamagui/core";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 
-const WebView = View;
+const GradientView = View;
 function needsDimensionAwareAngle(start, end) {
 	if (!start && !end) return false;
 	const startX = start?.[0] ?? .5;
@@ -28,15 +28,14 @@ function LinearGradient({ colors, locations, start, end, ...props }) {
 		height
 	]);
 	if (!needsLayout) {
-		return /* @__PURE__ */ jsx(WebView, {
+		return /* @__PURE__ */ jsx(GradientView, {
 			...props,
-			onLayout: props.onLayout,
-			style: [props.style, { backgroundImage: linearGradientBackgroundImage }]
+			backgroundImage: linearGradientBackgroundImage
 		});
 	}
-	return /* @__PURE__ */ jsx(WebView, {
+	return /* @__PURE__ */ jsx(GradientView, {
 		...props,
-		style: [props.style, { backgroundImage: linearGradientBackgroundImage }],
+		backgroundImage: linearGradientBackgroundImage,
 		onLayout: (event) => {
 			const { width: width2, height: height2 } = event.nativeEvent.layout;
 			setLayout((oldLayout) => {

package/dist/esm/linear-gradient.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"linear-gradient.js","names":[],"sources":["esm/linear-gradient.js"],"sourcesContent":["import { View, normalizeColor } from \"@tamagui/core\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst WebView = View;\nfunction needsDimensionAwareAngle(start, end) {\n  if (!start && !end) return false;\n  const startX = start?.[0] ?? 0.5;\n  const endX = end?.[0] ?? 0.5;\n  return startX !== endX;\n}\nfunction LinearGradient({\n  colors,\n  locations,\n  start,\n  end,\n  ...props\n}) {\n  const normalizedStart = start ? Array.isArray(start) ? start : [start.x, start.y] : void 0;\n  const normalizedEnd = end ? Array.isArray(end) ? end : [end.x, end.y] : void 0;\n  const needsLayout = needsDimensionAwareAngle(\n    normalizedStart,\n    normalizedEnd\n  );\n  const [{ height, width }, setLayout] = React.useState({\n    height: 1,\n    width: 1\n  });\n  const linearGradientBackgroundImage = React.useMemo(() => {\n    return getLinearGradientBackgroundImage(\n      // @ts-expect-error ok\n      colors,\n      locations,\n      normalizedStart,\n      normalizedEnd,\n      width,\n      height\n    );\n  }, [colors, locations, normalizedStart, normalizedEnd, width, height]);\n  if (!needsLayout) {\n    return /* @__PURE__ */ jsx(\n      WebView,\n      {\n        ...props,\n        onLayout: props.onLayout,\n        style: [\n          props.style,\n          // @ts-ignore: [ts] Property 'backgroundImage' does not exist on type 'ViewStyle'.\n          { backgroundImage: linearGradientBackgroundImage }\n        ]\n      }\n    );\n  }\n  return /* @__PURE__ */ jsx(\n    WebView,\n    {\n      ...props,\n      style: [\n        props.style,\n        // @ts-ignore: [ts] Property 'backgroundImage' does not exist on type 'ViewStyle'.\n        { backgroundImage: linearGradientBackgroundImage }\n      ],\n      onLayout: (event) => {\n        const { width: width2, height: height2 } = event.nativeEvent.layout;\n        setLayout((oldLayout) => {\n          if (width2 !== oldLayout.width || height2 !== oldLayout.height) {\n            return { height: height2, width: width2 };\n          }\n          return oldLayout;\n        });\n        if (props.onLayout) {\n          props.onLayout(event);\n        }\n      }\n    }\n  );\n}\nfunction getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint, width = 1, height = 1) {\n  const gradientColors = calculateGradientColors(\n    // @ts-expect-error TODO fix numbers\n    colors,\n    locations\n  );\n  const angle = calculatePseudoAngle(width, height, startPoint, endPoint);\n  return `linear-gradient(${angle}deg, ${gradientColors.join(\", \")})`;\n}\nfunction calculatePseudoAngle(width, height, startPoint, endPoint) {\n  const getControlPoints = () => {\n    let correctedStartPoint = [0, 0];\n    if (Array.isArray(startPoint)) {\n      correctedStartPoint = [\n        startPoint[0] != null ? startPoint[0] : 0,\n        startPoint[1] != null ? startPoint[1] : 0\n      ];\n    }\n    let correctedEndPoint = [0, 1];\n    if (Array.isArray(endPoint)) {\n      correctedEndPoint = [\n        endPoint[0] != null ? endPoint[0] : 0,\n        endPoint[1] != null ? endPoint[1] : 1\n      ];\n    }\n    return [correctedStartPoint, correctedEndPoint];\n  };\n  const [start, end] = getControlPoints();\n  start[0] *= width;\n  end[0] *= width;\n  start[1] *= height;\n  end[1] *= height;\n  const py = end[1] - start[1];\n  const px = end[0] - start[0];\n  return 90 + Math.atan2(py, px) * 180 / Math.PI;\n}\nfunction calculateGradientColors(colors, locations) {\n  return colors.map((color, index) => {\n    const output = normalizeColor(color);\n    if (locations && locations[index] !== void 0) {\n      const location = Math.max(0, Math.min(1, locations[index]));\n      const percentage = location * 100;\n      return `${output} ${percentage}%`;\n    }\n    return output;\n  });\n}\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=linear-gradient.js.map\n"],"mappings":"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"}
+{"version":3,"file":"linear-gradient.js","names":[],"sources":["esm/linear-gradient.js"],"sourcesContent":["import { View, normalizeColor } from \"@tamagui/core\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst GradientView = View;\nfunction needsDimensionAwareAngle(start, end) {\n  if (!start && !end) return false;\n  const startX = start?.[0] ?? 0.5;\n  const endX = end?.[0] ?? 0.5;\n  return startX !== endX;\n}\nfunction LinearGradient({\n  colors,\n  locations,\n  start,\n  end,\n  ...props\n}) {\n  const normalizedStart = start ? Array.isArray(start) ? start : [start.x, start.y] : void 0;\n  const normalizedEnd = end ? Array.isArray(end) ? end : [end.x, end.y] : void 0;\n  const needsLayout = needsDimensionAwareAngle(\n    normalizedStart,\n    normalizedEnd\n  );\n  const [{ height, width }, setLayout] = React.useState({\n    height: 1,\n    width: 1\n  });\n  const linearGradientBackgroundImage = React.useMemo(() => {\n    return getLinearGradientBackgroundImage(\n      colors,\n      locations,\n      normalizedStart,\n      normalizedEnd,\n      width,\n      height\n    );\n  }, [colors, locations, normalizedStart, normalizedEnd, width, height]);\n  if (!needsLayout) {\n    return /* @__PURE__ */ jsx(GradientView, { ...props, backgroundImage: linearGradientBackgroundImage });\n  }\n  return /* @__PURE__ */ jsx(\n    GradientView,\n    {\n      ...props,\n      backgroundImage: linearGradientBackgroundImage,\n      onLayout: (event) => {\n        const { width: width2, height: height2 } = event.nativeEvent.layout;\n        setLayout((oldLayout) => {\n          if (width2 !== oldLayout.width || height2 !== oldLayout.height) {\n            return { height: height2, width: width2 };\n          }\n          return oldLayout;\n        });\n        if (props.onLayout) {\n          props.onLayout(event);\n        }\n      }\n    }\n  );\n}\nfunction getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint, width = 1, height = 1) {\n  const gradientColors = calculateGradientColors(colors, locations);\n  const angle = calculatePseudoAngle(width, height, startPoint, endPoint);\n  return `linear-gradient(${angle}deg, ${gradientColors.join(\", \")})`;\n}\nfunction calculatePseudoAngle(width, height, startPoint, endPoint) {\n  const getControlPoints = () => {\n    let correctedStartPoint = [0, 0];\n    if (Array.isArray(startPoint)) {\n      correctedStartPoint = [\n        startPoint[0] != null ? startPoint[0] : 0,\n        startPoint[1] != null ? startPoint[1] : 0\n      ];\n    }\n    let correctedEndPoint = [0, 1];\n    if (Array.isArray(endPoint)) {\n      correctedEndPoint = [\n        endPoint[0] != null ? endPoint[0] : 0,\n        endPoint[1] != null ? endPoint[1] : 1\n      ];\n    }\n    return [correctedStartPoint, correctedEndPoint];\n  };\n  const [start, end] = getControlPoints();\n  start[0] *= width;\n  end[0] *= width;\n  start[1] *= height;\n  end[1] *= height;\n  const py = end[1] - start[1];\n  const px = end[0] - start[0];\n  return 90 + Math.atan2(py, px) * 180 / Math.PI;\n}\nfunction calculateGradientColors(colors, locations) {\n  return colors.map((color, index) => {\n    const output = normalizeColor(color);\n    if (locations && locations[index] !== void 0) {\n      const location = Math.max(0, Math.min(1, locations[index]));\n      const percentage = location * 100;\n      return `${output} ${percentage}%`;\n    }\n    return output;\n  });\n}\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=linear-gradient.js.map\n"],"mappings":"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"}

package/dist/esm/linear-gradient.native.js

@@ -1,14 +1,98 @@
 import { jsx } from "react/jsx-runtime";
-import { getLinearGradient } from "@tamagui/native";
+import { View, normalizeColor } from "@tamagui/core";
+import * as React from "react";
 
-function LinearGradient(props) {
-	var state = getLinearGradient().state;
-	if (state.enabled && state.Component) {
-		var ExpoLinearGradient = state.Component;
-		return /* @__PURE__ */ jsx(ExpoLinearGradient, { ...props });
+var GradientView = View;
+function needsDimensionAwareAngle(start, end) {
+	if (!start && !end) return false;
+	var _start_;
+	var startX = (_start_ = start === null || start === void 0 ? void 0 : start[0]) !== null && _start_ !== void 0 ? _start_ : .5;
+	var _end_;
+	var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : .5;
+	return startX !== endX;
+}
+function LinearGradient(param) {
+	var { colors, locations, start, end, ...props } = param;
+	var normalizedStart = start ? Array.isArray(start) ? start : [start.x, start.y] : void 0;
+	var normalizedEnd = end ? Array.isArray(end) ? end : [end.x, end.y] : void 0;
+	var needsLayout = needsDimensionAwareAngle(normalizedStart, normalizedEnd);
+	var [{ height, width }, setLayout] = React.useState({
+		height: 1,
+		width: 1
+	});
+	var linearGradientBackgroundImage = React.useMemo(function() {
+		return getLinearGradientBackgroundImage(colors, locations, normalizedStart, normalizedEnd, width, height);
+	}, [
+		colors,
+		locations,
+		normalizedStart,
+		normalizedEnd,
+		width,
+		height
+	]);
+	if (!needsLayout) {
+		return /* @__PURE__ */ jsx(GradientView, {
+			...props,
+			backgroundImage: linearGradientBackgroundImage
+		});
 	}
-	console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);
-	return;
+	return /* @__PURE__ */ jsx(GradientView, {
+		...props,
+		backgroundImage: linearGradientBackgroundImage,
+		onLayout: function(event) {
+			var { width: width2, height: height2 } = event.nativeEvent.layout;
+			setLayout(function(oldLayout) {
+				if (width2 !== oldLayout.width || height2 !== oldLayout.height) {
+					return {
+						height: height2,
+						width: width2
+					};
+				}
+				return oldLayout;
+			});
+			if (props.onLayout) {
+				props.onLayout(event);
+			}
+		}
+	});
+}
+function getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint) {
+	var width = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 1, height = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 1;
+	var gradientColors = calculateGradientColors(colors, locations);
+	var angle = calculatePseudoAngle(width, height, startPoint, endPoint);
+	return `linear-gradient(${angle}deg, ${gradientColors.join(", ")})`;
+}
+function calculatePseudoAngle(width, height, startPoint, endPoint) {
+	var getControlPoints = function() {
+		var correctedStartPoint = [0, 0];
+		if (Array.isArray(startPoint)) {
+			correctedStartPoint = [startPoint[0] != null ? startPoint[0] : 0, startPoint[1] != null ? startPoint[1] : 0];
+		}
+		var correctedEndPoint = [0, 1];
+		if (Array.isArray(endPoint)) {
+			correctedEndPoint = [endPoint[0] != null ? endPoint[0] : 0, endPoint[1] != null ? endPoint[1] : 1];
+		}
+		return [correctedStartPoint, correctedEndPoint];
+	};
+	var [start, end] = getControlPoints();
+	start[0] *= width;
+	end[0] *= width;
+	start[1] *= height;
+	end[1] *= height;
+	var py = end[1] - start[1];
+	var px = end[0] - start[0];
+	return 90 + Math.atan2(py, px) * 180 / Math.PI;
+}
+function calculateGradientColors(colors, locations) {
+	return colors.map(function(color, index) {
+		var output = normalizeColor(color);
+		if (locations && locations[index] !== void 0) {
+			var location = Math.max(0, Math.min(1, locations[index]));
+			var percentage = location * 100;
+			return `${output} ${percentage}%`;
+		}
+		return output;
+	});
 }
 
 export { LinearGradient };

package/dist/esm/linear-gradient.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["esm/linear-gradient.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getLinearGradient } from \"@tamagui/native\";\nfunction LinearGradient(props) {\n  var state = getLinearGradient().state;\n  if (state.enabled && state.Component) {\n    var ExpoLinearGradient = state.Component;\n    return /* @__PURE__ */ _jsx(ExpoLinearGradient, {\n      ...props\n    });\n  }\n  console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);\n  return;\n}\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=linear-gradient.native.js.map\n"],"mappings":";;;;AAEA,SAAS,eAAe,OAAO;CAC7B,IAAI,QAAQ,kBAAkB,CAAC,CAAC;CAChC,IAAI,MAAM,WAAW,MAAM,WAAW;EACpC,IAAI,qBAAqB,MAAM;EAC/B,OAAuB,oBAAK,oBAAoB,EAC9C,GAAG,MACL,CAAC;CACH;CACA,QAAQ,KAAK,gFAAgF;CAC7F;AACF"}
+{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["esm/linear-gradient.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { View, normalizeColor } from \"@tamagui/core\";\nimport * as React from \"react\";\nvar GradientView = View;\nfunction needsDimensionAwareAngle(start, end) {\n  if (!start && !end) return false;\n  var _start_;\n  var startX = (_start_ = start === null || start === void 0 ? void 0 : start[0]) !== null && _start_ !== void 0 ? _start_ : 0.5;\n  var _end_;\n  var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : 0.5;\n  return startX !== endX;\n}\nfunction LinearGradient(param) {\n  var { colors, locations, start, end, ...props } = param;\n  var normalizedStart = start ? Array.isArray(start) ? start : [\n    start.x,\n    start.y\n  ] : void 0;\n  var normalizedEnd = end ? Array.isArray(end) ? end : [\n    end.x,\n    end.y\n  ] : void 0;\n  var needsLayout = needsDimensionAwareAngle(normalizedStart, normalizedEnd);\n  var [{ height, width }, setLayout] = React.useState({\n    height: 1,\n    width: 1\n  });\n  var linearGradientBackgroundImage = React.useMemo(function() {\n    return getLinearGradientBackgroundImage(colors, locations, normalizedStart, normalizedEnd, width, height);\n  }, [\n    colors,\n    locations,\n    normalizedStart,\n    normalizedEnd,\n    width,\n    height\n  ]);\n  if (!needsLayout) {\n    return /* @__PURE__ */ _jsx(GradientView, {\n      ...props,\n      backgroundImage: linearGradientBackgroundImage\n    });\n  }\n  return /* @__PURE__ */ _jsx(GradientView, {\n    ...props,\n    backgroundImage: linearGradientBackgroundImage,\n    onLayout: function(event) {\n      var { width: width2, height: height2 } = event.nativeEvent.layout;\n      setLayout(function(oldLayout) {\n        if (width2 !== oldLayout.width || height2 !== oldLayout.height) {\n          return {\n            height: height2,\n            width: width2\n          };\n        }\n        return oldLayout;\n      });\n      if (props.onLayout) {\n        props.onLayout(event);\n      }\n    }\n  });\n}\nfunction getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint) {\n  var width = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 1, height = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 1;\n  var gradientColors = calculateGradientColors(colors, locations);\n  var angle = calculatePseudoAngle(width, height, startPoint, endPoint);\n  return `linear-gradient(${angle}deg, ${gradientColors.join(\", \")})`;\n}\nfunction calculatePseudoAngle(width, height, startPoint, endPoint) {\n  var getControlPoints = function() {\n    var correctedStartPoint = [\n      0,\n      0\n    ];\n    if (Array.isArray(startPoint)) {\n      correctedStartPoint = [\n        startPoint[0] != null ? startPoint[0] : 0,\n        startPoint[1] != null ? startPoint[1] : 0\n      ];\n    }\n    var correctedEndPoint = [\n      0,\n      1\n    ];\n    if (Array.isArray(endPoint)) {\n      correctedEndPoint = [\n        endPoint[0] != null ? endPoint[0] : 0,\n        endPoint[1] != null ? endPoint[1] : 1\n      ];\n    }\n    return [\n      correctedStartPoint,\n      correctedEndPoint\n    ];\n  };\n  var [start, end] = getControlPoints();\n  start[0] *= width;\n  end[0] *= width;\n  start[1] *= height;\n  end[1] *= height;\n  var py = end[1] - start[1];\n  var px = end[0] - start[0];\n  return 90 + Math.atan2(py, px) * 180 / Math.PI;\n}\nfunction calculateGradientColors(colors, locations) {\n  return colors.map(function(color, index) {\n    var output = normalizeColor(color);\n    if (locations && locations[index] !== void 0) {\n      var location = Math.max(0, Math.min(1, locations[index]));\n      var percentage = location * 100;\n      return `${output} ${percentage}%`;\n    }\n    return output;\n  });\n}\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=linear-gradient.js.map\n"],"mappings":"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"}

package/dist/jsx/LinearGradient.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LinearGradient.js","names":["ExpoLinearGradient"],"sources":["jsx/LinearGradient.js"],"sourcesContent":["import {\n  createStyledHOC,\n  getTokens,\n  getVariableValue,\n  normalizeColor,\n  styled,\n  useTheme\n} from \"@tamagui/core\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { LinearGradient as ExpoLinearGradient } from \"./linear-gradient\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst LinearGradientFrame = styled(YStack, {\n  displayName: \"LinearGradient\",\n  overflow: \"hidden\",\n  position: \"relative\"\n});\nconst LinearGradient = createStyledHOC(\n  LinearGradientFrame,\n  (propsIn, ref) => {\n    const { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n    const theme = useTheme();\n    const colorTokens = getTokens().color;\n    let colors = colorsProp?.map((c) => {\n      return theme[c]?.get(\"web\") ?? getVariableValue(colorTokens[c]) ?? c;\n    }) || [];\n    if (process.env.NODE_ENV !== \"production\") {\n      if (colors.some((c) => {\n        const normalized = normalizeColor(c);\n        if (!normalized) {\n          return true;\n        }\n      })) {\n        console.error(\n          `LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`\n        );\n        colors = [\"#000\", \"#fff\"];\n      }\n    }\n    return /* @__PURE__ */ jsxs(LinearGradientFrame, { ref, ...stackProps, children: [\n      /* @__PURE__ */ jsx(\n        ExpoLinearGradient,\n        {\n          start,\n          end,\n          colors,\n          locations,\n          style: gradientStyle\n        }\n      ),\n      children\n    ] });\n  }\n);\nconst gradientStyle = {\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: 0\n};\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;;;;AAWA,MAAM,sBAAsB,OAAO,QAAQ;CACzC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,MAAM,iBAAiB,gBACrB,sBACC,SAAS,QAAQ;CAChB,MAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC/E,MAAM,QAAQ,SAAS;CACvB,MAAM,cAAc,UAAU,CAAC,CAAC;CAChC,IAAI,SAAS,YAAY,KAAK,MAAM;EAClC,OAAO,MAAM,EAAE,EAAE,IAAI,KAAK,KAAK,iBAAiB,YAAY,EAAE,KAAK;CACrE,CAAC,KAAK,CAAC;CACP,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,MAAM,MAAM;GACrB,MAAM,aAAa,eAAe,CAAC;GACnC,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MACN,gEAAgE,OAAO,8CACzE;GACA,SAAS,CAAC,QAAQ,MAAM;EAC1B;CACF;CACA,OAAuB,qBAAK,qBAAqB;EAAE;EAAK,GAAG;EAAY,UAAU,CAC/D,oBACdA,kBACA;GACE;GACA;GACA;GACA;GACA,OAAO;EACT,CACF,GACA,QACF;CAAE,CAAC;AACL,CACF;AACA,MAAM,gBAAgB;CACpB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}
+{"version":3,"file":"LinearGradient.js","names":["GradientBackground"],"sources":["jsx/LinearGradient.js"],"sourcesContent":["import {\n  createStyledHOC,\n  getTokens,\n  getVariableValue,\n  normalizeColor,\n  styled,\n  useTheme\n} from \"@tamagui/core\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { LinearGradient as GradientBackground } from \"./linear-gradient\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst LinearGradientFrame = styled(YStack, {\n  displayName: \"LinearGradient\",\n  overflow: \"hidden\",\n  position: \"relative\"\n});\nconst LinearGradient = createStyledHOC(\n  LinearGradientFrame,\n  (propsIn, ref) => {\n    const { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n    const theme = useTheme();\n    const colorTokens = getTokens().color;\n    let colors = colorsProp?.map((c) => {\n      return theme[c]?.get(\"web\") ?? getVariableValue(colorTokens[c]) ?? c;\n    }) || [];\n    if (process.env.NODE_ENV !== \"production\") {\n      if (colors.some((c) => {\n        const normalized = normalizeColor(c);\n        if (!normalized) {\n          return true;\n        }\n      })) {\n        console.error(\n          `LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`\n        );\n        colors = [\"#000\", \"#fff\"];\n      }\n    }\n    return /* @__PURE__ */ jsxs(LinearGradientFrame, { ref, ...stackProps, children: [\n      /* @__PURE__ */ jsx(\n        GradientBackground,\n        {\n          start,\n          end,\n          colors,\n          locations,\n          style: gradientStyle\n        }\n      ),\n      children\n    ] });\n  }\n);\nconst gradientStyle = {\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: 0\n};\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;;;;AAWA,MAAM,sBAAsB,OAAO,QAAQ;CACzC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,MAAM,iBAAiB,gBACrB,sBACC,SAAS,QAAQ;CAChB,MAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC/E,MAAM,QAAQ,SAAS;CACvB,MAAM,cAAc,UAAU,CAAC,CAAC;CAChC,IAAI,SAAS,YAAY,KAAK,MAAM;EAClC,OAAO,MAAM,EAAE,EAAE,IAAI,KAAK,KAAK,iBAAiB,YAAY,EAAE,KAAK;CACrE,CAAC,KAAK,CAAC;CACP,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,MAAM,MAAM;GACrB,MAAM,aAAa,eAAe,CAAC;GACnC,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MACN,gEAAgE,OAAO,8CACzE;GACA,SAAS,CAAC,QAAQ,MAAM;EAC1B;CACF;CACA,OAAuB,qBAAK,qBAAqB;EAAE;EAAK,GAAG;EAAY,UAAU,CAC/D,oBACdA,kBACA;GACE;GACA;GACA;GACA;GACA,OAAO;EACT,CACF,GACA,QACF;CAAE,CAAC;AACL,CACF;AACA,MAAM,gBAAgB;CACpB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}

package/dist/jsx/linear-gradient.mjs

@@ -2,7 +2,7 @@ import { View, normalizeColor } from "@tamagui/core";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 
-const WebView = View;
+const GradientView = View;
 function needsDimensionAwareAngle(start, end) {
 	if (!start && !end) return false;
 	const startX = start?.[0] ?? .5;
@@ -28,15 +28,14 @@ function LinearGradient({ colors, locations, start, end, ...props }) {
 		height
 	]);
 	if (!needsLayout) {
-		return /* @__PURE__ */ jsx(WebView, {
+		return /* @__PURE__ */ jsx(GradientView, {
 			...props,
-			onLayout: props.onLayout,
-			style: [props.style, { backgroundImage: linearGradientBackgroundImage }]
+			backgroundImage: linearGradientBackgroundImage
 		});
 	}
-	return /* @__PURE__ */ jsx(WebView, {
+	return /* @__PURE__ */ jsx(GradientView, {
 		...props,
-		style: [props.style, { backgroundImage: linearGradientBackgroundImage }],
+		backgroundImage: linearGradientBackgroundImage,
 		onLayout: (event) => {
 			const { width: width2, height: height2 } = event.nativeEvent.layout;
 			setLayout((oldLayout) => {

package/dist/jsx/linear-gradient.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"linear-gradient.js","names":[],"sources":["jsx/linear-gradient.js"],"sourcesContent":["import { View, normalizeColor } from \"@tamagui/core\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst WebView = View;\nfunction needsDimensionAwareAngle(start, end) {\n  if (!start && !end) return false;\n  const startX = start?.[0] ?? 0.5;\n  const endX = end?.[0] ?? 0.5;\n  return startX !== endX;\n}\nfunction LinearGradient({\n  colors,\n  locations,\n  start,\n  end,\n  ...props\n}) {\n  const normalizedStart = start ? Array.isArray(start) ? start : [start.x, start.y] : void 0;\n  const normalizedEnd = end ? Array.isArray(end) ? end : [end.x, end.y] : void 0;\n  const needsLayout = needsDimensionAwareAngle(\n    normalizedStart,\n    normalizedEnd\n  );\n  const [{ height, width }, setLayout] = React.useState({\n    height: 1,\n    width: 1\n  });\n  const linearGradientBackgroundImage = React.useMemo(() => {\n    return getLinearGradientBackgroundImage(\n      // @ts-expect-error ok\n      colors,\n      locations,\n      normalizedStart,\n      normalizedEnd,\n      width,\n      height\n    );\n  }, [colors, locations, normalizedStart, normalizedEnd, width, height]);\n  if (!needsLayout) {\n    return /* @__PURE__ */ jsx(\n      WebView,\n      {\n        ...props,\n        onLayout: props.onLayout,\n        style: [\n          props.style,\n          // @ts-ignore: [ts] Property 'backgroundImage' does not exist on type 'ViewStyle'.\n          { backgroundImage: linearGradientBackgroundImage }\n        ]\n      }\n    );\n  }\n  return /* @__PURE__ */ jsx(\n    WebView,\n    {\n      ...props,\n      style: [\n        props.style,\n        // @ts-ignore: [ts] Property 'backgroundImage' does not exist on type 'ViewStyle'.\n        { backgroundImage: linearGradientBackgroundImage }\n      ],\n      onLayout: (event) => {\n        const { width: width2, height: height2 } = event.nativeEvent.layout;\n        setLayout((oldLayout) => {\n          if (width2 !== oldLayout.width || height2 !== oldLayout.height) {\n            return { height: height2, width: width2 };\n          }\n          return oldLayout;\n        });\n        if (props.onLayout) {\n          props.onLayout(event);\n        }\n      }\n    }\n  );\n}\nfunction getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint, width = 1, height = 1) {\n  const gradientColors = calculateGradientColors(\n    // @ts-expect-error TODO fix numbers\n    colors,\n    locations\n  );\n  const angle = calculatePseudoAngle(width, height, startPoint, endPoint);\n  return `linear-gradient(${angle}deg, ${gradientColors.join(\", \")})`;\n}\nfunction calculatePseudoAngle(width, height, startPoint, endPoint) {\n  const getControlPoints = () => {\n    let correctedStartPoint = [0, 0];\n    if (Array.isArray(startPoint)) {\n      correctedStartPoint = [\n        startPoint[0] != null ? startPoint[0] : 0,\n        startPoint[1] != null ? startPoint[1] : 0\n      ];\n    }\n    let correctedEndPoint = [0, 1];\n    if (Array.isArray(endPoint)) {\n      correctedEndPoint = [\n        endPoint[0] != null ? endPoint[0] : 0,\n        endPoint[1] != null ? endPoint[1] : 1\n      ];\n    }\n    return [correctedStartPoint, correctedEndPoint];\n  };\n  const [start, end] = getControlPoints();\n  start[0] *= width;\n  end[0] *= width;\n  start[1] *= height;\n  end[1] *= height;\n  const py = end[1] - start[1];\n  const px = end[0] - start[0];\n  return 90 + Math.atan2(py, px) * 180 / Math.PI;\n}\nfunction calculateGradientColors(colors, locations) {\n  return colors.map((color, index) => {\n    const output = normalizeColor(color);\n    if (locations && locations[index] !== void 0) {\n      const location = Math.max(0, Math.min(1, locations[index]));\n      const percentage = location * 100;\n      return `${output} ${percentage}%`;\n    }\n    return output;\n  });\n}\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=linear-gradient.js.map\n"],"mappings":";;;;;AAGA,MAAM,UAAU;AAChB,SAAS,yBAAyB,OAAO,KAAK;CAC5C,IAAI,CAAC,SAAS,CAAC,KAAK,OAAO;CAC3B,MAAM,SAAS,QAAQ,MAAM;CAC7B,MAAM,OAAO,MAAM,MAAM;CACzB,OAAO,WAAW;AACpB;AACA,SAAS,eAAe,EACtB,QACA,WACA,OACA,KACA,GAAG,SACF;CACD,MAAM,kBAAkB,QAAQ,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,KAAK;CACzF,MAAM,gBAAgB,MAAM,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK;CAC7E,MAAM,cAAc,yBAClB,iBACA,aACF;CACA,MAAM,CAAC,EAAE,QAAQ,SAAS,aAAa,MAAM,SAAS;EACpD,QAAQ;EACR,OAAO;CACT,CAAC;CACD,MAAM,gCAAgC,MAAM,cAAc;EACxD,OAAO,iCAEL,QACA,WACA,iBACA,eACA,OACA,MACF;CACF,GAAG;EAAC;EAAQ;EAAW;EAAiB;EAAe;EAAO;CAAM,CAAC;CACrE,IAAI,CAAC,aAAa;EAChB,OAAuB,oBACrB,SACA;GACE,GAAG;GACH,UAAU,MAAM;GAChB,OAAO,CACL,MAAM,OAEN,EAAE,iBAAiB,8BAA8B,CACnD;EACF,CACF;CACF;CACA,OAAuB,oBACrB,SACA;EACE,GAAG;EACH,OAAO,CACL,MAAM,OAEN,EAAE,iBAAiB,8BAA8B,CACnD;EACA,WAAW,UAAU;GACnB,MAAM,EAAE,OAAO,QAAQ,QAAQ,YAAY,MAAM,YAAY;GAC7D,WAAW,cAAc;IACvB,IAAI,WAAW,UAAU,SAAS,YAAY,UAAU,QAAQ;KAC9D,OAAO;MAAE,QAAQ;MAAS,OAAO;KAAO;IAC1C;IACA,OAAO;GACT,CAAC;GACD,IAAI,MAAM,UAAU;IAClB,MAAM,SAAS,KAAK;GACtB;EACF;CACF,CACF;AACF;AACA,SAAS,iCAAiC,QAAQ,WAAW,YAAY,UAAU,QAAQ,GAAG,SAAS,GAAG;CACxG,MAAM,iBAAiB,wBAErB,QACA,SACF;CACA,MAAM,QAAQ,qBAAqB,OAAO,QAAQ,YAAY,QAAQ;CACtE,OAAO,mBAAmB,MAAM,OAAO,eAAe,KAAK,IAAI,EAAE;AACnE;AACA,SAAS,qBAAqB,OAAO,QAAQ,YAAY,UAAU;CACjE,MAAM,yBAAyB;EAC7B,IAAI,sBAAsB,CAAC,GAAG,CAAC;EAC/B,IAAI,MAAM,QAAQ,UAAU,GAAG;GAC7B,sBAAsB,CACpB,WAAW,MAAM,OAAO,WAAW,KAAK,GACxC,WAAW,MAAM,OAAO,WAAW,KAAK,CAC1C;EACF;EACA,IAAI,oBAAoB,CAAC,GAAG,CAAC;EAC7B,IAAI,MAAM,QAAQ,QAAQ,GAAG;GAC3B,oBAAoB,CAClB,SAAS,MAAM,OAAO,SAAS,KAAK,GACpC,SAAS,MAAM,OAAO,SAAS,KAAK,CACtC;EACF;EACA,OAAO,CAAC,qBAAqB,iBAAiB;CAChD;CACA,MAAM,CAAC,OAAO,OAAO,iBAAiB;CACtC,MAAM,MAAM;CACZ,IAAI,MAAM;CACV,MAAM,MAAM;CACZ,IAAI,MAAM;CACV,MAAM,KAAK,IAAI,KAAK,MAAM;CAC1B,MAAM,KAAK,IAAI,KAAK,MAAM;CAC1B,OAAO,KAAK,KAAK,MAAM,IAAI,EAAE,IAAI,MAAM,KAAK;AAC9C;AACA,SAAS,wBAAwB,QAAQ,WAAW;CAClD,OAAO,OAAO,KAAK,OAAO,UAAU;EAClC,MAAM,SAAS,eAAe,KAAK;EACnC,IAAI,aAAa,UAAU,WAAW,KAAK,GAAG;GAC5C,MAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,MAAM,CAAC;GAC1D,MAAM,aAAa,WAAW;GAC9B,OAAO,GAAG,OAAO,GAAG,WAAW;EACjC;EACA,OAAO;CACT,CAAC;AACH"}
+{"version":3,"file":"linear-gradient.js","names":[],"sources":["jsx/linear-gradient.js"],"sourcesContent":["import { View, normalizeColor } from \"@tamagui/core\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst GradientView = View;\nfunction needsDimensionAwareAngle(start, end) {\n  if (!start && !end) return false;\n  const startX = start?.[0] ?? 0.5;\n  const endX = end?.[0] ?? 0.5;\n  return startX !== endX;\n}\nfunction LinearGradient({\n  colors,\n  locations,\n  start,\n  end,\n  ...props\n}) {\n  const normalizedStart = start ? Array.isArray(start) ? start : [start.x, start.y] : void 0;\n  const normalizedEnd = end ? Array.isArray(end) ? end : [end.x, end.y] : void 0;\n  const needsLayout = needsDimensionAwareAngle(\n    normalizedStart,\n    normalizedEnd\n  );\n  const [{ height, width }, setLayout] = React.useState({\n    height: 1,\n    width: 1\n  });\n  const linearGradientBackgroundImage = React.useMemo(() => {\n    return getLinearGradientBackgroundImage(\n      colors,\n      locations,\n      normalizedStart,\n      normalizedEnd,\n      width,\n      height\n    );\n  }, [colors, locations, normalizedStart, normalizedEnd, width, height]);\n  if (!needsLayout) {\n    return /* @__PURE__ */ jsx(GradientView, { ...props, backgroundImage: linearGradientBackgroundImage });\n  }\n  return /* @__PURE__ */ jsx(\n    GradientView,\n    {\n      ...props,\n      backgroundImage: linearGradientBackgroundImage,\n      onLayout: (event) => {\n        const { width: width2, height: height2 } = event.nativeEvent.layout;\n        setLayout((oldLayout) => {\n          if (width2 !== oldLayout.width || height2 !== oldLayout.height) {\n            return { height: height2, width: width2 };\n          }\n          return oldLayout;\n        });\n        if (props.onLayout) {\n          props.onLayout(event);\n        }\n      }\n    }\n  );\n}\nfunction getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint, width = 1, height = 1) {\n  const gradientColors = calculateGradientColors(colors, locations);\n  const angle = calculatePseudoAngle(width, height, startPoint, endPoint);\n  return `linear-gradient(${angle}deg, ${gradientColors.join(\", \")})`;\n}\nfunction calculatePseudoAngle(width, height, startPoint, endPoint) {\n  const getControlPoints = () => {\n    let correctedStartPoint = [0, 0];\n    if (Array.isArray(startPoint)) {\n      correctedStartPoint = [\n        startPoint[0] != null ? startPoint[0] : 0,\n        startPoint[1] != null ? startPoint[1] : 0\n      ];\n    }\n    let correctedEndPoint = [0, 1];\n    if (Array.isArray(endPoint)) {\n      correctedEndPoint = [\n        endPoint[0] != null ? endPoint[0] : 0,\n        endPoint[1] != null ? endPoint[1] : 1\n      ];\n    }\n    return [correctedStartPoint, correctedEndPoint];\n  };\n  const [start, end] = getControlPoints();\n  start[0] *= width;\n  end[0] *= width;\n  start[1] *= height;\n  end[1] *= height;\n  const py = end[1] - start[1];\n  const px = end[0] - start[0];\n  return 90 + Math.atan2(py, px) * 180 / Math.PI;\n}\nfunction calculateGradientColors(colors, locations) {\n  return colors.map((color, index) => {\n    const output = normalizeColor(color);\n    if (locations && locations[index] !== void 0) {\n      const location = Math.max(0, Math.min(1, locations[index]));\n      const percentage = location * 100;\n      return `${output} ${percentage}%`;\n    }\n    return output;\n  });\n}\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=linear-gradient.js.map\n"],"mappings":";;;;;AAGA,MAAM,eAAe;AACrB,SAAS,yBAAyB,OAAO,KAAK;CAC5C,IAAI,CAAC,SAAS,CAAC,KAAK,OAAO;CAC3B,MAAM,SAAS,QAAQ,MAAM;CAC7B,MAAM,OAAO,MAAM,MAAM;CACzB,OAAO,WAAW;AACpB;AACA,SAAS,eAAe,EACtB,QACA,WACA,OACA,KACA,GAAG,SACF;CACD,MAAM,kBAAkB,QAAQ,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,KAAK;CACzF,MAAM,gBAAgB,MAAM,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK;CAC7E,MAAM,cAAc,yBAClB,iBACA,aACF;CACA,MAAM,CAAC,EAAE,QAAQ,SAAS,aAAa,MAAM,SAAS;EACpD,QAAQ;EACR,OAAO;CACT,CAAC;CACD,MAAM,gCAAgC,MAAM,cAAc;EACxD,OAAO,iCACL,QACA,WACA,iBACA,eACA,OACA,MACF;CACF,GAAG;EAAC;EAAQ;EAAW;EAAiB;EAAe;EAAO;CAAM,CAAC;CACrE,IAAI,CAAC,aAAa;EAChB,OAAuB,oBAAI,cAAc;GAAE,GAAG;GAAO,iBAAiB;EAA8B,CAAC;CACvG;CACA,OAAuB,oBACrB,cACA;EACE,GAAG;EACH,iBAAiB;EACjB,WAAW,UAAU;GACnB,MAAM,EAAE,OAAO,QAAQ,QAAQ,YAAY,MAAM,YAAY;GAC7D,WAAW,cAAc;IACvB,IAAI,WAAW,UAAU,SAAS,YAAY,UAAU,QAAQ;KAC9D,OAAO;MAAE,QAAQ;MAAS,OAAO;KAAO;IAC1C;IACA,OAAO;GACT,CAAC;GACD,IAAI,MAAM,UAAU;IAClB,MAAM,SAAS,KAAK;GACtB;EACF;CACF,CACF;AACF;AACA,SAAS,iCAAiC,QAAQ,WAAW,YAAY,UAAU,QAAQ,GAAG,SAAS,GAAG;CACxG,MAAM,iBAAiB,wBAAwB,QAAQ,SAAS;CAChE,MAAM,QAAQ,qBAAqB,OAAO,QAAQ,YAAY,QAAQ;CACtE,OAAO,mBAAmB,MAAM,OAAO,eAAe,KAAK,IAAI,EAAE;AACnE;AACA,SAAS,qBAAqB,OAAO,QAAQ,YAAY,UAAU;CACjE,MAAM,yBAAyB;EAC7B,IAAI,sBAAsB,CAAC,GAAG,CAAC;EAC/B,IAAI,MAAM,QAAQ,UAAU,GAAG;GAC7B,sBAAsB,CACpB,WAAW,MAAM,OAAO,WAAW,KAAK,GACxC,WAAW,MAAM,OAAO,WAAW,KAAK,CAC1C;EACF;EACA,IAAI,oBAAoB,CAAC,GAAG,CAAC;EAC7B,IAAI,MAAM,QAAQ,QAAQ,GAAG;GAC3B,oBAAoB,CAClB,SAAS,MAAM,OAAO,SAAS,KAAK,GACpC,SAAS,MAAM,OAAO,SAAS,KAAK,CACtC;EACF;EACA,OAAO,CAAC,qBAAqB,iBAAiB;CAChD;CACA,MAAM,CAAC,OAAO,OAAO,iBAAiB;CACtC,MAAM,MAAM;CACZ,IAAI,MAAM;CACV,MAAM,MAAM;CACZ,IAAI,MAAM;CACV,MAAM,KAAK,IAAI,KAAK,MAAM;CAC1B,MAAM,KAAK,IAAI,KAAK,MAAM;CAC1B,OAAO,KAAK,KAAK,MAAM,IAAI,EAAE,IAAI,MAAM,KAAK;AAC9C;AACA,SAAS,wBAAwB,QAAQ,WAAW;CAClD,OAAO,OAAO,KAAK,OAAO,UAAU;EAClC,MAAM,SAAS,eAAe,KAAK;EACnC,IAAI,aAAa,UAAU,WAAW,KAAK,GAAG;GAC5C,MAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,MAAM,CAAC;GAC1D,MAAM,aAAa,WAAW;GAC9B,OAAO,GAAG,OAAO,GAAG,WAAW;EACjC;EACA,OAAO;CACT,CAAC;AACH"}

package/dist/jsx/linear-gradient.native.cjs

@@ -1,8 +1,10 @@
 "use strict";
 
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
 	for (var name in all) __defProp(target, name, {
@@ -19,18 +21,106 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var linear_gradient_native_exports = {};
-__export(linear_gradient_native_exports, { LinearGradient: () => LinearGradient });
-module.exports = __toCommonJS(linear_gradient_native_exports);
+var linear_gradient_exports = {};
+__export(linear_gradient_exports, { LinearGradient: () => LinearGradient });
+module.exports = __toCommonJS(linear_gradient_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_native = require("@tamagui/native");
-function LinearGradient(props) {
-	var state = (0, import_native.getLinearGradient)().state;
-	if (state.enabled && state.Component) {
-		var ExpoLinearGradient = state.Component;
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpoLinearGradient, { ...props });
+var import_core = require("@tamagui/core");
+var React = __toESM(require("react"), 1);
+var GradientView = import_core.View;
+function needsDimensionAwareAngle(start, end) {
+	if (!start && !end) return false;
+	var _start_;
+	var startX = (_start_ = start === null || start === void 0 ? void 0 : start[0]) !== null && _start_ !== void 0 ? _start_ : .5;
+	var _end_;
+	var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : .5;
+	return startX !== endX;
+}
+function LinearGradient(param) {
+	var { colors, locations, start, end, ...props } = param;
+	var normalizedStart = start ? Array.isArray(start) ? start : [start.x, start.y] : void 0;
+	var normalizedEnd = end ? Array.isArray(end) ? end : [end.x, end.y] : void 0;
+	var needsLayout = needsDimensionAwareAngle(normalizedStart, normalizedEnd);
+	var [{ height, width }, setLayout] = React.useState({
+		height: 1,
+		width: 1
+	});
+	var linearGradientBackgroundImage = React.useMemo(function() {
+		return getLinearGradientBackgroundImage(colors, locations, normalizedStart, normalizedEnd, width, height);
+	}, [
+		colors,
+		locations,
+		normalizedStart,
+		normalizedEnd,
+		width,
+		height
+	]);
+	if (!needsLayout) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
+			...props,
+			backgroundImage: linearGradientBackgroundImage
+		});
 	}
-	console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);
-	return;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
+		...props,
+		backgroundImage: linearGradientBackgroundImage,
+		onLayout: function(event) {
+			var { width: width2, height: height2 } = event.nativeEvent.layout;
+			setLayout(function(oldLayout) {
+				if (width2 !== oldLayout.width || height2 !== oldLayout.height) {
+					return {
+						height: height2,
+						width: width2
+					};
+				}
+				return oldLayout;
+			});
+			if (props.onLayout) {
+				props.onLayout(event);
+			}
+		}
+	});
+}
+function getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint) {
+	var width = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 1, height = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 1;
+	var gradientColors = calculateGradientColors(colors, locations);
+	var angle = calculatePseudoAngle(width, height, startPoint, endPoint);
+	return `linear-gradient(${angle}deg, ${gradientColors.join(", ")})`;
+}
+function calculatePseudoAngle(width, height, startPoint, endPoint) {
+	var getControlPoints = function() {
+		var correctedStartPoint = [0, 0];
+		if (Array.isArray(startPoint)) {
+			correctedStartPoint = [startPoint[0] != null ? startPoint[0] : 0, startPoint[1] != null ? startPoint[1] : 0];
+		}
+		var correctedEndPoint = [0, 1];
+		if (Array.isArray(endPoint)) {
+			correctedEndPoint = [endPoint[0] != null ? endPoint[0] : 0, endPoint[1] != null ? endPoint[1] : 1];
+		}
+		return [correctedStartPoint, correctedEndPoint];
+	};
+	var [start, end] = getControlPoints();
+	start[0] *= width;
+	end[0] *= width;
+	start[1] *= height;
+	end[1] *= height;
+	var py = end[1] - start[1];
+	var px = end[0] - start[0];
+	return 90 + Math.atan2(py, px) * 180 / Math.PI;
+}
+function calculateGradientColors(colors, locations) {
+	return colors.map(function(color, index) {
+		var output = (0, import_core.normalizeColor)(color);
+		if (locations && locations[index] !== void 0) {
+			var location = Math.max(0, Math.min(1, locations[index]));
+			var percentage = location * 100;
+			return `${output} ${percentage}%`;
+		}
+		return output;
+	});
 }

package/dist/jsx/linear-gradient.native.js

@@ -1,8 +1,10 @@
 "use strict";
 
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
 	for (var name in all) __defProp(target, name, {
@@ -19,20 +21,108 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var linear_gradient_native_exports = {};
-__export(linear_gradient_native_exports, { LinearGradient: () => LinearGradient });
-module.exports = __toCommonJS(linear_gradient_native_exports);
+var linear_gradient_exports = {};
+__export(linear_gradient_exports, { LinearGradient: () => LinearGradient });
+module.exports = __toCommonJS(linear_gradient_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_native = require("@tamagui/native");
-function LinearGradient(props) {
-	var state = (0, import_native.getLinearGradient)().state;
-	if (state.enabled && state.Component) {
-		var ExpoLinearGradient = state.Component;
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpoLinearGradient, { ...props });
+var import_core = require("@tamagui/core");
+var React = __toESM(require("react"), 1);
+var GradientView = import_core.View;
+function needsDimensionAwareAngle(start, end) {
+	if (!start && !end) return false;
+	var _start_;
+	var startX = (_start_ = start === null || start === void 0 ? void 0 : start[0]) !== null && _start_ !== void 0 ? _start_ : .5;
+	var _end_;
+	var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : .5;
+	return startX !== endX;
+}
+function LinearGradient(param) {
+	var { colors, locations, start, end, ...props } = param;
+	var normalizedStart = start ? Array.isArray(start) ? start : [start.x, start.y] : void 0;
+	var normalizedEnd = end ? Array.isArray(end) ? end : [end.x, end.y] : void 0;
+	var needsLayout = needsDimensionAwareAngle(normalizedStart, normalizedEnd);
+	var [{ height, width }, setLayout] = React.useState({
+		height: 1,
+		width: 1
+	});
+	var linearGradientBackgroundImage = React.useMemo(function() {
+		return getLinearGradientBackgroundImage(colors, locations, normalizedStart, normalizedEnd, width, height);
+	}, [
+		colors,
+		locations,
+		normalizedStart,
+		normalizedEnd,
+		width,
+		height
+	]);
+	if (!needsLayout) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
+			...props,
+			backgroundImage: linearGradientBackgroundImage
+		});
 	}
-	console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);
-	return;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
+		...props,
+		backgroundImage: linearGradientBackgroundImage,
+		onLayout: function(event) {
+			var { width: width2, height: height2 } = event.nativeEvent.layout;
+			setLayout(function(oldLayout) {
+				if (width2 !== oldLayout.width || height2 !== oldLayout.height) {
+					return {
+						height: height2,
+						width: width2
+					};
+				}
+				return oldLayout;
+			});
+			if (props.onLayout) {
+				props.onLayout(event);
+			}
+		}
+	});
+}
+function getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint) {
+	var width = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 1, height = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 1;
+	var gradientColors = calculateGradientColors(colors, locations);
+	var angle = calculatePseudoAngle(width, height, startPoint, endPoint);
+	return `linear-gradient(${angle}deg, ${gradientColors.join(", ")})`;
+}
+function calculatePseudoAngle(width, height, startPoint, endPoint) {
+	var getControlPoints = function() {
+		var correctedStartPoint = [0, 0];
+		if (Array.isArray(startPoint)) {
+			correctedStartPoint = [startPoint[0] != null ? startPoint[0] : 0, startPoint[1] != null ? startPoint[1] : 0];
+		}
+		var correctedEndPoint = [0, 1];
+		if (Array.isArray(endPoint)) {
+			correctedEndPoint = [endPoint[0] != null ? endPoint[0] : 0, endPoint[1] != null ? endPoint[1] : 1];
+		}
+		return [correctedStartPoint, correctedEndPoint];
+	};
+	var [start, end] = getControlPoints();
+	start[0] *= width;
+	end[0] *= width;
+	start[1] *= height;
+	end[1] *= height;
+	var py = end[1] - start[1];
+	var px = end[0] - start[0];
+	return 90 + Math.atan2(py, px) * 180 / Math.PI;
+}
+function calculateGradientColors(colors, locations) {
+	return colors.map(function(color, index) {
+		var output = (0, import_core.normalizeColor)(color);
+		if (locations && locations[index] !== void 0) {
+			var location = Math.max(0, Math.min(1, locations[index]));
+			var percentage = location * 100;
+			return `${output} ${percentage}%`;
+		}
+		return output;
+	});
 }
 
 //# sourceMappingURL=linear-gradient.native.js.map

package/dist/jsx/linear-gradient.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["jsx/linear-gradient.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar linear_gradient_native_exports = {};\n__export(linear_gradient_native_exports, {\n  LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(linear_gradient_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_native = require(\"@tamagui/native\");\nfunction LinearGradient(props) {\n  var state = (0, import_native.getLinearGradient)().state;\n  if (state.enabled && state.Component) {\n    var ExpoLinearGradient = state.Component;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpoLinearGradient, {\n      ...props\n    });\n  }\n  console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);\n  return;\n}\n//# sourceMappingURL=linear-gradient.native.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,iCAAiC,CAAC;AACtC,SAAS,gCAAgC,EACvC,sBAAsB,eACxB,CAAC;AACD,OAAO,UAAU,aAAa,8BAA8B;AAC5D,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,SAAS,eAAe,OAAO;CAC7B,IAAI,SAAS,GAAG,cAAc,kBAAiB,CAAE,CAAC,CAAC;CACnD,IAAI,MAAM,WAAW,MAAM,WAAW;EACpC,IAAI,qBAAqB,MAAM;EAC/B,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,EACrE,GAAG,MACL,CAAC;CACH;CACA,QAAQ,KAAK,gFAAgF;CAC7F;AACF"}
+{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["jsx/linear-gradient.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar linear_gradient_exports = {};\n__export(linear_gradient_exports, {\n  LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(linear_gradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar React = __toESM(require(\"react\"), 1);\nvar GradientView = import_core.View;\nfunction needsDimensionAwareAngle(start, end) {\n  if (!start && !end) return false;\n  var _start_;\n  var startX = (_start_ = start === null || start === void 0 ? void 0 : start[0]) !== null && _start_ !== void 0 ? _start_ : 0.5;\n  var _end_;\n  var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : 0.5;\n  return startX !== endX;\n}\nfunction LinearGradient(param) {\n  var { colors, locations, start, end, ...props } = param;\n  var normalizedStart = start ? Array.isArray(start) ? start : [\n    start.x,\n    start.y\n  ] : void 0;\n  var normalizedEnd = end ? Array.isArray(end) ? end : [\n    end.x,\n    end.y\n  ] : void 0;\n  var needsLayout = needsDimensionAwareAngle(normalizedStart, normalizedEnd);\n  var [{ height, width }, setLayout] = React.useState({\n    height: 1,\n    width: 1\n  });\n  var linearGradientBackgroundImage = React.useMemo(function() {\n    return getLinearGradientBackgroundImage(colors, locations, normalizedStart, normalizedEnd, width, height);\n  }, [\n    colors,\n    locations,\n    normalizedStart,\n    normalizedEnd,\n    width,\n    height\n  ]);\n  if (!needsLayout) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {\n      ...props,\n      backgroundImage: linearGradientBackgroundImage\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {\n    ...props,\n    backgroundImage: linearGradientBackgroundImage,\n    onLayout: function(event) {\n      var { width: width2, height: height2 } = event.nativeEvent.layout;\n      setLayout(function(oldLayout) {\n        if (width2 !== oldLayout.width || height2 !== oldLayout.height) {\n          return {\n            height: height2,\n            width: width2\n          };\n        }\n        return oldLayout;\n      });\n      if (props.onLayout) {\n        props.onLayout(event);\n      }\n    }\n  });\n}\nfunction getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint) {\n  var width = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 1, height = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 1;\n  var gradientColors = calculateGradientColors(colors, locations);\n  var angle = calculatePseudoAngle(width, height, startPoint, endPoint);\n  return `linear-gradient(${angle}deg, ${gradientColors.join(\", \")})`;\n}\nfunction calculatePseudoAngle(width, height, startPoint, endPoint) {\n  var getControlPoints = function() {\n    var correctedStartPoint = [\n      0,\n      0\n    ];\n    if (Array.isArray(startPoint)) {\n      correctedStartPoint = [\n        startPoint[0] != null ? startPoint[0] : 0,\n        startPoint[1] != null ? startPoint[1] : 0\n      ];\n    }\n    var correctedEndPoint = [\n      0,\n      1\n    ];\n    if (Array.isArray(endPoint)) {\n      correctedEndPoint = [\n        endPoint[0] != null ? endPoint[0] : 0,\n        endPoint[1] != null ? endPoint[1] : 1\n      ];\n    }\n    return [\n      correctedStartPoint,\n      correctedEndPoint\n    ];\n  };\n  var [start, end] = getControlPoints();\n  start[0] *= width;\n  end[0] *= width;\n  start[1] *= height;\n  end[1] *= height;\n  var py = end[1] - start[1];\n  var px = end[0] - start[0];\n  return 90 + Math.atan2(py, px) * 180 / Math.PI;\n}\nfunction calculateGradientColors(colors, locations) {\n  return colors.map(function(color, index) {\n    var output = (0, import_core.normalizeColor)(color);\n    if (locations && locations[index] !== void 0) {\n      var location = Math.max(0, Math.min(1, locations[index]));\n      var percentage = location * 100;\n      return `${output} ${percentage}%`;\n    }\n    return output;\n  });\n}\n//# sourceMappingURL=linear-gradient.js.map\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/linear-gradient",
-  "version": "3.0.0-beta.1459.1",
+  "version": "3.0.0-beta.1464.1",
   "license": "MIT",
   "source": "src/index.ts",
   "files": [
@@ -35,14 +35,12 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/core": "3.0.0-beta.1459.1",
-    "@tamagui/native": "3.0.0-beta.1459.1",
-    "@tamagui/react-native-types": "3.0.0-beta.1459.1",
-    "@tamagui/stacks": "3.0.0-beta.1459.1"
+    "@tamagui/core": "3.0.0-beta.1464.1",
+    "@tamagui/react-native-types": "3.0.0-beta.1464.1",
+    "@tamagui/stacks": "3.0.0-beta.1464.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.1459.1",
-    "expo-linear-gradient": "~57.0.1",
+    "@tamagui/build": "3.0.0-beta.1464.1",
     "react": "19.2.3",
     "react-native": "0.86.2"
   },

package/src/LinearGradient.tsx

@@ -11,9 +11,8 @@ import { YStack } from '@tamagui/stacks'
 import type { ViewStyle } from '@tamagui/react-native-types'
 
 import type { LinearGradientPoint } from './linear-gradient'
-import { LinearGradient as ExpoLinearGradient } from './linear-gradient'
+import { LinearGradient as GradientBackground } from './linear-gradient'
 
-// taken from expo-linear-gradient
 export type LinearGradientExtraProps = {
   colors?: (ColorTokens | ThemeTokens | (string & {}))[]
   locations?: number[] | null
@@ -61,11 +60,11 @@ export const LinearGradient = createStyledHOC(
 
     return (
       <LinearGradientFrame ref={ref as any} {...stackProps}>
-        <ExpoLinearGradient
+        <GradientBackground
           start={start}
           end={end}
-          colors={colors as any}
-          locations={locations as any}
+          colors={colors}
+          locations={locations}
           style={gradientStyle}
         />
         {children}

package/src/linear-gradient.tsx

@@ -7,17 +7,26 @@
  */
 
 import { View, normalizeColor } from '@tamagui/core'
-import type {
-  LinearGradientPoint,
-  LinearGradientProps,
-  NativeLinearGradientPoint,
-} from 'expo-linear-gradient'
+import * as React from 'react'
 
-export type { LinearGradientPoint, LinearGradientProps } from 'expo-linear-gradient'
+type NativeLinearGradientPoint = [x: number, y: number]
 
-import * as React from 'react'
+export type LinearGradientPoint = { x: number; y: number } | NativeLinearGradientPoint
+
+// start and end are the gradient's points here, not View's logical insets.
+export type LinearGradientProps = Omit<
+  React.ComponentProps<typeof View>,
+  'start' | 'end'
+> & {
+  colors: readonly string[]
+  locations?: readonly number[] | null
+  start?: LinearGradientPoint | null
+  end?: LinearGradientPoint | null
+}
 
-const WebView = View as React.ComponentType<any>
+// one path on every platform: a backgroundImage gradient, which react native
+// draws natively (experimental_backgroundImage) and the web draws as css.
+const GradientView = View as React.ComponentType<any>
 
 // check if start/end points require dimension-aware angle calculation
 function needsDimensionAwareAngle(
@@ -62,7 +71,6 @@ export function LinearGradient({
 
   const linearGradientBackgroundImage = React.useMemo(() => {
     return getLinearGradientBackgroundImage(
-      // @ts-expect-error ok
       colors,
       locations,
       normalizedStart as NativeLinearGradientPoint,
@@ -74,27 +82,13 @@ export function LinearGradient({
 
   // if we don't need dimension-aware angles, skip the onLayout overhead
   if (!needsLayout) {
-    return (
-      <WebView
-        {...props}
-        onLayout={props.onLayout}
-        style={[
-          props.style,
-          // @ts-ignore: [ts] Property 'backgroundImage' does not exist on type 'ViewStyle'.
-          { backgroundImage: linearGradientBackgroundImage },
-        ]}
-      />
-    )
+    return <GradientView {...props} backgroundImage={linearGradientBackgroundImage} />
   }
 
   return (
-    <WebView
+    <GradientView
       {...props}
-      style={[
-        props.style,
-        // @ts-ignore: [ts] Property 'backgroundImage' does not exist on type 'ViewStyle'.
-        { backgroundImage: linearGradientBackgroundImage },
-      ]}
+      backgroundImage={linearGradientBackgroundImage}
       onLayout={(event) => {
         const { width, height } = event.nativeEvent.layout
 
@@ -116,18 +110,14 @@ export function LinearGradient({
 }
 
 function getLinearGradientBackgroundImage(
-  colors: number[] | string[],
-  locations?: number[] | null,
+  colors: readonly string[],
+  locations?: readonly number[] | null,
   startPoint?: NativeLinearGradientPoint | null,
   endPoint?: NativeLinearGradientPoint | null,
   width = 1,
   height = 1
 ) {
-  const gradientColors = calculateGradientColors(
-    // @ts-expect-error TODO fix numbers
-    colors,
-    locations
-  )
+  const gradientColors = calculateGradientColors(colors, locations)
   const angle = calculatePseudoAngle(width, height, startPoint, endPoint)
   return `linear-gradient(${angle}deg, ${gradientColors.join(', ')})`
 }
@@ -167,7 +157,10 @@ function calculatePseudoAngle(
   return 90 + (Math.atan2(py, px) * 180) / Math.PI
 }
 
-function calculateGradientColors(colors: string[], locations?: number[] | null) {
+function calculateGradientColors(
+  colors: readonly string[],
+  locations?: readonly number[] | null
+) {
   return colors.map((color: string, index: number): string | void => {
     const output = normalizeColor(color)
     if (locations && locations[index] !== undefined) {

package/types/LinearGradient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinearGradient.d.ts","sourceRoot":"","sources":["../src/LinearGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAYvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAI5D,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,CAAA;IACtD,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC3B,KAAK,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAClC,GAAG,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACjC,CAAA;AAQD,eAAO,MAAM,cAAc,oxJA6C1B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA"}
+{"version":3,"file":"LinearGradient.d.ts","sourceRoot":"","sources":["../src/LinearGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAYvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAG5D,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,CAAA;IACtD,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC3B,KAAK,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAClC,GAAG,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACjC,CAAA;AAQD,eAAO,MAAM,cAAc,oxJA6C1B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA"}

package/types/linear-gradient.d.ts

@@ -5,8 +5,19 @@
  * MIT License
  * Copyright (c) 2015-present 650 Industries, Inc. (aka Expo)
  */
-import type { LinearGradientProps } from 'expo-linear-gradient';
-export type { LinearGradientPoint, LinearGradientProps } from 'expo-linear-gradient';
+import { View } from '@tamagui/core';
 import * as React from 'react';
+type NativeLinearGradientPoint = [x: number, y: number];
+export type LinearGradientPoint = {
+    x: number;
+    y: number;
+} | NativeLinearGradientPoint;
+export type LinearGradientProps = Omit<React.ComponentProps<typeof View>, 'start' | 'end'> & {
+    colors: readonly string[];
+    locations?: readonly number[] | null;
+    start?: LinearGradientPoint | null;
+    end?: LinearGradientPoint | null;
+};
 export declare function LinearGradient({ colors, locations, start, end, ...props }: LinearGradientProps): React.JSX.Element;
+export {};
 //# sourceMappingURL=linear-gradient.d.ts.map

package/types/linear-gradient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linear-gradient.d.ts","sourceRoot":"","sources":["../src/linear-gradient.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,sBAAsB,CAAA;AAE7B,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAEpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAuErB"}
+{"version":3,"file":"linear-gradient.d.ts","sourceRoot":"","sources":["../src/linear-gradient.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,IAAI,EAAkB,MAAM,eAAe,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,yBAAyB,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;AAEvD,MAAM,MAAM,mBAAmB,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,yBAAyB,CAAA;AAGtF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EACjC,OAAO,GAAG,KAAK,CAChB,GAAG;IACF,MAAM,EAAE,SAAS,MAAM,EAAE,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAA;IACpC,KAAK,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAClC,GAAG,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACjC,CAAA;AAuBD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAwDrB"}

package/src/linear-gradient.native.tsx

@@ -1,15 +0,0 @@
-import { getLinearGradient } from '@tamagui/native'
-
-export type { LinearGradientProps, LinearGradientPoint } from 'expo-linear-gradient'
-
-export function LinearGradient(props: any) {
-  const state = getLinearGradient().state
-  if (state.enabled && state.Component) {
-    const ExpoLinearGradient = state.Component
-    return <ExpoLinearGradient {...props} />
-  }
-  console.warn(
-    `Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`
-  )
-  return
-}

package/types/linear-gradient.native.d.ts

@@ -1,3 +0,0 @@
-export type { LinearGradientProps, LinearGradientPoint } from 'expo-linear-gradient';
-export declare function LinearGradient(props: any): import("react").JSX.Element | undefined;
-//# sourceMappingURL=linear-gradient.native.d.ts.map

package/types/linear-gradient.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"linear-gradient.native.d.ts","sourceRoot":"","sources":["../src/linear-gradient.native.tsx"],"names":[],"mappings":"AAEA,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAEpF,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,2CAUxC"}