@tamagui/linear-gradient 2.7.7 → 3.0.0-beta.643.1

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","LinearGradient_exports","LinearGradient","module","exports","import_jsx_runtime","require","import_core","import_stacks","import_linear_gradient","LinearGradientFrame","styled","YStack","overflow","position","styleable","propsIn","ref","_props_colors","props","useProps","start","end","colors","colorsProp","locations","children","stackProps","theme","useTheme","map","c","_theme_c","_theme_c_get","process","env","NODE_ENV","some","normalized","normalizeColor","startsWith","console","error"],"sources":["../../src/LinearGradient.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAcC,cAAA;AAIvB,IAAAC,gBAAS,GAAAF,MAAkB,CAAAG,wBAA0B;AA6C/C,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAnCN,IAAAC,YAAM,GAAAN,MAAA,CAAAO,SAA6B,CAAAC,cAAQ;AAAA,IACzCC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACN,SAAAC,IAAU,IAAAD,GAAA,EACVZ,SAAU,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACZ,CAAC;AAEM,IAAAC,WAAM,GAAAA,CAAAC,EAAA,EAAiBC,IAAA,EAAAC,MAAA,EAAAC,IAAA,KAAoB;EAChD,IAACF,IAAA,IAAS,OAAQA,IAAA,wBAAAA,IAAA;IAChB,SAAMG,GAAA,IAAQhB,iBAAgB,CAAAa,IAAA,GAE9B,IAAM,CAAAX,YAAS,CAAKe,IAAA,CAAAL,EAAA,EAAQI,GAAA,KAAAA,GAAY,KAAAF,MAAW,EACnDnB,SAAM,CAAQiB,EAAA,EAAAI,GAAA,EAAS;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAEvB;EAEI,OAAAE,EAAA;AAA2C;AAG/C,IAAAM,YAAY,GAAIC,GAAA,IAAAR,WAAa,CAAAhB,SAAc;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACzC,IAAAE,sBACe,GAAM;AACjBhB,QAAA,CAAAgB,sBAAmB;EACnBC,cAAK,EAAAA,CAAA,KAAAA;AACH;AAAOC,MAAA,CAAAC,OACT,GAAAN,YAAA,CAAAG,sBAAA;AAAA,IAAAI,kBAEF,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAQD,OAAA;AAAA,IAAAE,aACN,GAAAF,OAAA;AAAsE,IAAAG,sBACxE,GAAAH,OAAA;AACA,IAAAI,mBAAU,GAAQ,IAAAH,WAAM,CAAAI,MAAA,EAAAH,aAAA,CAAAI,MAAA;EAAAxB,IAC1B;EAAAyB,QACF;EAEAC,QAAA,EACE;AACE;AAAA,IAAAZ,cAAC,GAAAQ,mBAAA,CAAAK,SAAA,WAAAC,OAAA,EAAAC,GAAA;EAAA,IAAAC,aAAA;EAAA,IAAAC,KACC,OAAAZ,WAAA,CAAAa,QAAA,EAAAJ,OAAA;EAAA;IAAAK,KACA;IAAAC,GAAA;IAAAC,MAAA,EAAAC,UAAA;IAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EAAA,IAAAS,KACA,OAAArB,WAAA,CAAAsB,QAAA;EAAA,IAAAN,MACA,KAAAL,aAAA,GAAAC,KAAA,CAAAI,MAAA,cAAAL,aAAA,uBAAAA,aAAA,CAAAY,GAAA,WAAAC,CAAA;IAAA,IAAAC,QACA;IAAO,IAAAC,YAAA;IAAA,OACT,CAAAA,YAAA,IAAAD,QAAA,GAAAJ,KAAA,CAAAG,CAAA,eAAAC,QAAA,uBAAAA,QAAA,CAAA3C,GAAA,qBAAA4C,YAAA,cAAAA,YAAA,GAAAF,CAAA;EAAA,OACC;EAAA,IAAAG,OACH,CAAAC,GAAA,CAAAC,QAAA;IAEJ,IAAAb,MAAA,CAAAc,IAAA,WAAAN,CAAA;MACF,IAAAO,UAAA,OAAA/B,WAAA,CAAAgC,cAAA,EAAAR,CAAA;MAIM,KAAAO,UAAA,IAA2BA,UAAA,CAAAE,UAAA;QAC/B,OAAU;MACV;IACA,IAAM;MACNC,OAAO,CAAAC,KAAA,iEAAAnB,MAAA;MACPA,MAAQ,IACR,MAAQ,EACV,O","ignoreList":[]}
+{"version":3,"file":"LinearGradient.native.js","names":[],"sources":["jsx/LinearGradient.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 LinearGradient_exports = {};\n__export(LinearGradient_exports, {\n  LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(LinearGradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_linear_gradient = require(\"./linear-gradient\");\nvar LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {\n  displayName: \"LinearGradient\",\n  overflow: \"hidden\",\n  position: \"relative\"\n});\nvar LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {\n  var _props_colors;\n  var props = (0, import_core.useProps)(propsIn);\n  var { start, end, colors: colorsProp, locations, children, ...stackProps } = props;\n  var theme = (0, import_core.useTheme)();\n  var colors = ((_props_colors = props.colors) === null || _props_colors === void 0 ? void 0 : _props_colors.map(function(c) {\n    var _theme_c;\n    var _theme_c_get;\n    return (_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 : c;\n  })) || [];\n  if (process.env.NODE_ENV !== \"production\") {\n    if (colors.some(function(c) {\n      var normalized = (0, import_core.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__ */ (0, import_jsx_runtime.jsxs)(LinearGradientFrame, {\n    ref,\n    ...stackProps,\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {\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};\n//# sourceMappingURL=LinearGradient.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,yBAAyB,CAAC;AAC9B,SAAS,wBAAwB,EAC/B,sBAAsB,eACxB,CAAC;AACD,OAAO,UAAU,aAAa,sBAAsB;AACpD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,yBAAyB,QAAQ,6BAAmB;AACxD,IAAI,uBAAuB,GAAG,YAAY,QAAQ,cAAc,QAAQ;CACtE,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,iBAAiB,qBAAqB,SAAS,SAAS,KAAK;CAChG,IAAI;CACJ,IAAI,SAAS,GAAG,YAAY,UAAU,OAAO;CAC7C,IAAI,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC7E,IAAI,SAAS,GAAG,YAAY,UAAU;CACtC,IAAI,WAAW,gBAAgB,MAAM,YAAY,QAAQ,kBAAkB,KAAK,IAAI,KAAK,IAAI,cAAc,IAAI,SAAS,GAAG;EACzH,IAAI;EACJ,IAAI;EACJ,QAAQ,gBAAgB,WAAW,MAAM,QAAQ,QAAQ,aAAa,KAAK,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,OAAO,QAAQ,iBAAiB,KAAK,IAAI,eAAe;CACpK,CAAC,MAAM,CAAC;CACR,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,IAAI,cAAc,GAAG,YAAY,gBAAgB,CAAC;GAClD,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MAAM,gEAAgE,OAAO,8CAA8C;GACnI,SAAS,CACP,QACA,MACF;EACF;CACF;CACA,OAAuB,iBAAC,GAAG,mBAAmB,MAAM,qBAAqB;EACvE;EACA,GAAG;EACH,UAAU,CACQ,iBAAC,GAAG,mBAAmB,KAAK,uBAAuB,gBAAgB;GACjF;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/jsx/index.js

@@ -1,3 +1,3 @@
 import { LinearGradient } from "./LinearGradient.mjs";
-export { LinearGradient };
-//# sourceMappingURL=index.js.map
+
+export { LinearGradient };

package/dist/jsx/index.mjs

@@ -1,3 +1,3 @@
 import { LinearGradient } from "./LinearGradient.mjs";
-export { LinearGradient };
-//# sourceMappingURL=index.mjs.map
+
+export { LinearGradient };

package/dist/jsx/index.native.cjs

@@ -0,0 +1,27 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+__export(index_exports, { LinearGradient: () => import_LinearGradient.LinearGradient });
+module.exports = __toCommonJS(index_exports);
+var import_LinearGradient = require("./LinearGradient.native.js");

package/dist/jsx/index.native.js

@@ -1,31 +1,29 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
-__export(index_exports, {
-  LinearGradient: () => import_LinearGradient.LinearGradient
-});
+__export(index_exports, { LinearGradient: () => import_LinearGradient.LinearGradient });
 module.exports = __toCommonJS(index_exports);
 var import_LinearGradient = require("./LinearGradient.native.js");
+
 //# sourceMappingURL=index.native.js.map

package/dist/jsx/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA;;AAAA,IACEA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAAA,IAAAC,gBAGK,GAAAF,MAAA,CAAAG,wBAAA","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["jsx/index.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 index_exports = {};\n__export(index_exports, {\n  LinearGradient: () => import_LinearGradient.LinearGradient\n});\nmodule.exports = __toCommonJS(index_exports);\nvar import_LinearGradient = require(\"./LinearGradient\");\n//# sourceMappingURL=index.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,gBAAgB,CAAC;AACrB,SAAS,eAAe,EACtB,sBAAsB,sBAAsB,eAC9C,CAAC;AACD,OAAO,UAAU,aAAa,aAAa;AAC3C,IAAI,wBAAwB,QAAQ,4BAAkB"}

package/dist/jsx/linear-gradient.mjs

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

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

@@ -1 +1 @@
-{"version":3,"names":["normalizeColor","React","View","jsx","needsDimensionAwareAngle","start","end","startX","endX","LinearGradient","colors","locations","props","normalizedStart","Array","isArray","x","y","normalizedEnd","needsLayout","height","width","setLayout","useState","linearGradientBackgroundImage","useMemo","getLinearGradientBackgroundImage","onLayout","style","backgroundImage","event","width2","height2","nativeEvent","layout","oldLayout","startPoint","endPoint","gradientColors","calculateGradientColors","angle","calculatePseudoAngle","join","getControlPoints","correctedStartPoint","correctedEndPoint","py","px","Math","atan2","PI","map","color","index","output","location","max","min","percentage"],"sources":["../../src/linear-gradient.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"linear-gradient.js","names":[],"sources":["jsx/linear-gradient.js"],"sourcesContent":["import { normalizeColor } from \"@tamagui/core\";\nimport * as React from \"react\";\nimport { View } from \"react-native-web\";\nimport { jsx } from \"react/jsx-runtime\";\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      View,\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    View,\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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"}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var linear_gradient_native_exports = {};
+__export(linear_gradient_native_exports, { LinearGradient: () => LinearGradient });
+module.exports = __toCommonJS(linear_gradient_native_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 });
+	}
+	console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);
+	return;
+}

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

@@ -1,43 +1,39 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var linear_gradient_native_exports = {};
-__export(linear_gradient_native_exports, {
-  LinearGradient: () => LinearGradient
-});
+__export(linear_gradient_native_exports, { LinearGradient: () => LinearGradient });
 module.exports = __toCommonJS(linear_gradient_native_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
-    });
-  }
-  console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);
-  return;
+	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 });
+	}
+	console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);
+	return;
 }
+
 //# sourceMappingURL=linear-gradient.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["linear_gradient_native_exports","__export","LinearGradient","module","exports","__toCommonJS","import_jsx_runtime","require","import_native","props","state","getLinearGradient","enabled","Component","ExpoLinearGradient","jsx","console","warn"],"sources":["../../src/linear-gradient.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,8BAAA;AAAA,IAAAM,kBAAA,GAA4BC,OAAA;AAC5B,IAAAC,aAAA,GAAkCD,OAAA;AAC3B,SAASL,eAAeO,KAAA,EAAO;EAClC,IAAIC,KAAA,OAAQF,aAAA,CAAAG,iBAAA,EAAkB,EAAED,KAAA;EAChC,IAAIA,KAAA,CAAME,OAAA,IAAWF,KAAA,CAAMG,SAAA,EAAW;IAClC,IAAIC,kBAAA,GAAqBJ,KAAA,CAAMG,SAAA;IAC/B,OAAqB,mBAAAP,kBAAA,CAAAS,GAAA,EAAKD,kBAAA,EAAoB;MAC1C,GAAGL;IACP,CAAC;EACL;EACAO,OAAA,CAAQC,IAAA,CAAK,gFAAgF;EAC7F;AACJ","ignoreList":[]}
+{"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,mBAAmB,EAAE;CACnD,IAAI,MAAM,WAAW,MAAM,WAAW;EACpC,IAAI,qBAAqB,MAAM;EAC/B,OAAuB,iBAAC,GAAG,mBAAmB,KAAK,oBAAoB,EACrE,GAAG,MACL,CAAC;CACH;CACA,QAAQ,KAAK,gFAAgF;CAC7F;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/linear-gradient",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.643.1",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -34,18 +34,19 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/core": "2.7.7",
-    "@tamagui/native": "2.7.7",
-    "@tamagui/stacks": "2.7.7"
+    "@tamagui/core": "3.0.0-beta.643.1",
+    "@tamagui/native": "3.0.0-beta.643.1",
+    "@tamagui/stacks": "3.0.0-beta.643.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
-    "expo-linear-gradient": "~55.0.8",
+    "@tamagui/build": "3.0.0-beta.643.1",
+    "expo-linear-gradient": "~57.0.1",
     "react": ">=19",
-    "react-native": "0.83.2"
+    "react-native": "0.86.2"
   },
   "peerDependencies": {
-    "react": ">=19"
+    "react": ">=19",
+    "react-native-web": "*"
   },
   "module:jsx": "dist/jsx",
   "repository": {

package/src/LinearGradient.tsx

@@ -1,5 +1,11 @@
 import type { ColorTokens, GetProps, ThemeTokens } from '@tamagui/core'
-import { normalizeColor, styled, useProps, useTheme } from '@tamagui/core'
+import {
+  createStyledHOC,
+  normalizeColor,
+  styled,
+  useProps,
+  useTheme,
+} from '@tamagui/core'
 import { YStack } from '@tamagui/stacks'
 import type { ViewStyle } from 'react-native'
 
@@ -15,13 +21,18 @@ export type LinearGradientExtraProps = {
 }
 
 const LinearGradientFrame = styled(YStack, {
-  name: 'LinearGradient',
+  displayName: 'LinearGradient',
   overflow: 'hidden',
   position: 'relative',
 })
 
-export const LinearGradient = LinearGradientFrame.styleable<LinearGradientExtraProps>(
-  (propsIn, ref) => {
+export const LinearGradient = createStyledHOC(
+  LinearGradientFrame,
+  (
+    propsIn: Omit<GetProps<typeof LinearGradientFrame>, keyof LinearGradientExtraProps> &
+      LinearGradientExtraProps,
+    ref
+  ) => {
     const props = useProps(propsIn)
 
     const { start, end, colors: colorsProp, locations, children, ...stackProps } = props
@@ -36,7 +47,7 @@ export const LinearGradient = LinearGradientFrame.styleable<LinearGradientExtraP
       if (
         colors.some((c) => {
           const normalized = normalizeColor(c)
-          if (!normalized || normalized.startsWith('$')) {
+          if (!normalized) {
             return true
           }
         })

package/types/LinearGradient.d.ts

@@ -7,11 +7,13 @@ export type LinearGradientExtraProps = {
     end?: LinearGradientPoint | null;
 };
 export declare const LinearGradient: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-    fullscreen?: boolean | undefined;
-}>, keyof LinearGradientExtraProps> & LinearGradientExtraProps, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & LinearGradientExtraProps, import("@tamagui/core").StackStyleBase, {
-    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-    fullscreen?: boolean | undefined;
+    elevation?: number | import("@tamagui/core").Size | undefined;
+}>, "alignContent" | "alignItems" | "alignSelf" | "animateOnly" | "animatePresence" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderColor" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderEndWidth" | "borderImage" | "borderInline" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStartWidth" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "bottom" | "boxShadow" | "boxSizing" | "caretColor" | "clipPath" | "color" | "columnGap" | "contain" | "containerName" | "containerType" | "cursor" | "direction" | "display" | "elevation" | "experimental_backgroundImage" | "experimental_backgroundPosition" | "experimental_backgroundRepeat" | "experimental_backgroundSize" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "gap" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "height" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "left" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "mask" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "matrix" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "onTransition" | "opacity" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowBlock" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "passThrough" | "perspective" | "pointerEvents" | "position" | "resize" | "right" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "rotation" | "rowGap" | "scale" | "scaleX" | "scaleY" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "skewX" | "skewY" | "textEmphasis" | "textWrap" | "top" | "transform" | "transformMatrix" | "transformOrigin" | "transformStyle" | "transition" | "translateX" | "translateY" | "userSelect" | "verticalAlign" | "visibility" | "width" | "wordWrap" | "x" | "y" | "zIndex" | keyof LinearGradientExtraProps | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    elevation?: number | import("@tamagui/core").Size | undefined;
+}>, keyof LinearGradientExtraProps> & LinearGradientExtraProps, import("react-native").View | (HTMLElement & import("@tamagui/core").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    elevation?: number | import("@tamagui/core").Size | undefined;
+}>, keyof LinearGradientExtraProps> & LinearGradientExtraProps, import("@tamagui/core").StackStyleBase, {
+    elevation?: number | import("@tamagui/core").Size | undefined;
 }, import("@tamagui/core").StaticConfigPublic>;
 export type LinearGradientProps = GetProps<typeof LinearGradient>;
 //# sourceMappingURL=LinearGradient.d.ts.map

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;AAKvE,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;;;;;;8CAyC1B,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;AAWvE,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;;;;;;;;8CA8C1B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA"}