@tamagui/linear-gradient 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/esm/LinearGradient.mjs

@@ -3,44 +3,54 @@ import { YStack } from "@tamagui/stacks";
 import { LinearGradient as ExpoLinearGradient } from "./linear-gradient.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const LinearGradientFrame = styled(YStack, {
-    name: "LinearGradient",
-    overflow: "hidden",
-    position: "relative"
-  }),
-  LinearGradient = LinearGradientFrame.styleable((propsIn, ref) => {
-    const props = useProps(propsIn),
-      {
-        start,
-        end,
-        colors: colorsProp,
-        locations,
-        children,
-        ...stackProps
-      } = props,
-      theme = useTheme();
-    let colors = props.colors?.map(c => theme[c]?.get("web") ?? c) || [];
-    return process.env.NODE_ENV !== "production" && colors.some(c => {
+  name: "LinearGradient",
+  overflow: "hidden",
+  position: "relative"
+});
+const LinearGradient = LinearGradientFrame.styleable((propsIn, ref) => {
+  const props = useProps(propsIn);
+  const {
+    start,
+    end,
+    colors: colorsProp,
+    locations,
+    children,
+    ...stackProps
+  } = props;
+  const theme = useTheme();
+  let colors = props.colors?.map(c => {
+    return theme[c]?.get("web") ?? c;
+  }) || [];
+  if (process.env.NODE_ENV !== "production") {
+    if (colors.some(c => {
       const normalized = normalizeColor(c);
-      if (!normalized || normalized.startsWith("$")) return !0;
-    }) && (console.error(`LinearGradient: "colors" prop contains invalid color tokens: ${colors} fallback to default colors: ["#000", "#fff"]`), colors = ["#000", "#fff"]), /* @__PURE__ */jsxs(LinearGradientFrame, {
-      ref,
-      ...stackProps,
-      children: [/* @__PURE__ */jsx(ExpoLinearGradient, {
-        start,
-        end,
-        colors,
-        locations,
-        style: gradientStyle
-      }), children]
-    });
-  }),
-  gradientStyle = {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: 0
-  };
+      if (!normalized || normalized.startsWith("$")) {
+        return true;
+      }
+    })) {
+      console.error(`LinearGradient: "colors" prop contains invalid color tokens: ${colors} fallback to default colors: ["#000", "#fff"]`);
+      colors = ["#000", "#fff"];
+    }
+  }
+  return /* @__PURE__ */jsxs(LinearGradientFrame, {
+    ref,
+    ...stackProps,
+    children: [/* @__PURE__ */jsx(ExpoLinearGradient, {
+      start,
+      end,
+      colors,
+      locations,
+      style: gradientStyle
+    }), children]
+  });
+});
+const gradientStyle = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: 0
+};
 export { LinearGradient };
 //# sourceMappingURL=LinearGradient.mjs.map

package/dist/esm/LinearGradient.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["normalizeColor","styled","useProps","useTheme","YStack","LinearGradient","ExpoLinearGradient","jsx","jsxs","LinearGradientFrame","name","overflow","position","styleable","propsIn","ref","props","start","end","colors","colorsProp","locations","children","stackProps","theme","map","c","get","process","env","NODE_ENV","some","normalized","startsWith","console","error","style","gradientStyle","top","left","right","bottom","zIndex"],"sources":["../../src/LinearGradient.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,EAAgBC,MAAA,EAAQC,QAAA,EAAUC,QAAA,QAAgB;AAC3D,SAASC,MAAA,QAAc;AAIvB,SAASC,cAAA,IAAkBC,kBAAA,QAA0B;AA6C/C,SACEC,GAAA,EADFC,IAAA;AAnCN,MAAMC,mBAAA,GAAsBR,MAAA,CAAOG,MAAA,EAAQ;IACzCM,IAAA,EAAM;IACNC,QAAA,EAAU;IACVC,QAAA,EAAU;EACZ,CAAC;EAEYP,cAAA,GAAiBI,mBAAA,CAAoBI,SAAA,CAChD,CAACC,OAAA,EAASC,GAAA,KAAQ;IAChB,MAAMC,KAAA,GAAQd,QAAA,CAASY,OAAO;MAExB;QAAEG,KAAA;QAAOC,GAAA;QAAKC,MAAA,EAAQC,UAAA;QAAYC,SAAA;QAAWC,QAAA;QAAU,GAAGC;MAAW,IAAIP,KAAA;MACzEQ,KAAA,GAAQrB,QAAA,CAAS;IAEvB,IAAIgB,MAAA,GACFH,KAAA,CAAMG,MAAA,EAAQM,GAAA,CAAKC,CAAA,IACTF,KAAA,CAAME,CAAC,GAAGC,GAAA,CAAI,KAAK,KAAgBD,CAC5C,KAAK,EAAC;IAET,OAAIE,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,gBAEzBX,MAAA,CAAOY,IAAA,CAAML,CAAA,IAAM;MACjB,MAAMM,UAAA,GAAahC,cAAA,CAAe0B,CAAC;MACnC,IAAI,CAACM,UAAA,IAAcA,UAAA,CAAWC,UAAA,CAAW,GAAG,GAC1C,OAAO;IAEX,CAAC,MAEDC,OAAA,CAAQC,KAAA,CACN,gEAAgEhB,MAAM,+CACxE,GACAA,MAAA,GAAS,CAAC,QAAQ,MAAM,IAK1B,eAAAX,IAAA,CAACC,mBAAA;MAAoBM,GAAA;MAAkB,GAAGQ,UAAA;MACxCD,QAAA,kBAAAf,GAAA,CAACD,kBAAA;QACCW,KAAA;QACAC,GAAA;QACAC,MAAA;QACAE,SAAA;QACAe,KAAA,EAAOC;MAAA,CACT,GACCf,QAAA;IAAA,CACH;EAEJ,CACF;EAIMe,aAAA,GAA2B;IAC/BzB,QAAA,EAAU;IACV0B,GAAA,EAAK;IACLC,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,MAAA,EAAQ;EACV","ignoreList":[]}
+{"version":3,"names":["normalizeColor","styled","useProps","useTheme","YStack","LinearGradient","ExpoLinearGradient","jsx","jsxs","LinearGradientFrame","name","overflow","position","styleable","propsIn","ref","props","start","end","colors","colorsProp","locations","children","stackProps","theme","map","c","get","process","env","NODE_ENV","some","normalized","startsWith","console","error","style","gradientStyle","top","left","right","bottom","zIndex"],"sources":["../../src/LinearGradient.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,EAAgBC,MAAA,EAAQC,QAAA,EAAUC,QAAA,QAAgB;AAC3D,SAASC,MAAA,QAAc;AAIvB,SAASC,cAAA,IAAkBC,kBAAA,QAA0B;AA6C/C,SACEC,GAAA,EADFC,IAAA;AAnCN,MAAMC,mBAAA,GAAsBR,MAAA,CAAOG,MAAA,EAAQ;EACzCM,IAAA,EAAM;EACNC,QAAA,EAAU;EACVC,QAAA,EAAU;AACZ,CAAC;AAEM,MAAMP,cAAA,GAAiBI,mBAAA,CAAoBI,SAAA,CAChD,CAACC,OAAA,EAASC,GAAA,KAAQ;EAChB,MAAMC,KAAA,GAAQd,QAAA,CAASY,OAAO;EAE9B,MAAM;IAAEG,KAAA;IAAOC,GAAA;IAAKC,MAAA,EAAQC,UAAA;IAAYC,SAAA;IAAWC,QAAA;IAAU,GAAGC;EAAW,IAAIP,KAAA;EAC/E,MAAMQ,KAAA,GAAQrB,QAAA,CAAS;EAEvB,IAAIgB,MAAA,GACFH,KAAA,CAAMG,MAAA,EAAQM,GAAA,CAAKC,CAAA,IAAM;IACvB,OAAQF,KAAA,CAAME,CAAC,GAAGC,GAAA,CAAI,KAAK,KAAgBD,CAAA;EAC7C,CAAC,KAAK,EAAC;EAET,IAAIE,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,cAAc;IACzC,IACEX,MAAA,CAAOY,IAAA,CAAML,CAAA,IAAM;MACjB,MAAMM,UAAA,GAAahC,cAAA,CAAe0B,CAAC;MACnC,IAAI,CAACM,UAAA,IAAcA,UAAA,CAAWC,UAAA,CAAW,GAAG,GAAG;QAC7C,OAAO;MACT;IACF,CAAC,GACD;MACAC,OAAA,CAAQC,KAAA,CACN,gEAAgEhB,MAAM,+CACxE;MACAA,MAAA,GAAS,CAAC,QAAQ,MAAM;IAC1B;EACF;EAEA,OACE,eAAAX,IAAA,CAACC,mBAAA;IAAoBM,GAAA;IAAkB,GAAGQ,UAAA;IACxCD,QAAA,kBAAAf,GAAA,CAACD,kBAAA;MACCW,KAAA;MACAC,GAAA;MACAC,MAAA;MACAE,SAAA;MACAe,KAAA,EAAOC;IAAA,CACT,GACCf,QAAA;EAAA,CACH;AAEJ,CACF;AAIA,MAAMe,aAAA,GAA2B;EAC/BzB,QAAA,EAAU;EACV0B,GAAA,EAAK;EACLC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,MAAA,EAAQ;AACV","ignoreList":[]}

package/dist/esm/LinearGradient.native.js

@@ -3,48 +3,57 @@ import { normalizeColor, styled, useProps, useTheme } from "@tamagui/core";
 import { YStack } from "@tamagui/stacks";
 import { LinearGradient as ExpoLinearGradient } from "./linear-gradient.native.js";
 var LinearGradientFrame = styled(YStack, {
-    name: "LinearGradient",
-    overflow: "hidden",
-    position: "relative"
-  }),
-  LinearGradient = LinearGradientFrame.styleable(function (propsIn, ref) {
-    var _props_colors,
-      props = useProps(propsIn),
-      {
-        start,
-        end,
-        colors: colorsProp,
-        locations,
-        children,
-        ...stackProps
-      } = props,
-      theme = useTheme(),
-      colors = ((_props_colors = props.colors) === null || _props_colors === void 0 ? void 0 : _props_colors.map(function (c) {
-        var _theme_c, _theme_c_get;
-        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;
-      })) || [];
-    return process.env.NODE_ENV !== "production" && colors.some(function (c) {
+  name: "LinearGradient",
+  overflow: "hidden",
+  position: "relative"
+});
+var LinearGradient = LinearGradientFrame.styleable(function (propsIn, ref) {
+  var _props_colors;
+  var props = useProps(propsIn);
+  var {
+    start,
+    end,
+    colors: colorsProp,
+    locations,
+    children,
+    ...stackProps
+  } = props;
+  var theme = useTheme();
+  var colors = ((_props_colors = props.colors) === null || _props_colors === void 0 ? void 0 : _props_colors.map(function (c) {
+    var _theme_c;
+    var _theme_c_get;
+    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;
+  })) || [];
+  if (process.env.NODE_ENV !== "production") {
+    if (colors.some(function (c) {
       var normalized = normalizeColor(c);
-      if (!normalized || normalized.startsWith("$")) return !0;
-    }) && (console.error(`LinearGradient: "colors" prop contains invalid color tokens: ${colors} fallback to default colors: ["#000", "#fff"]`), colors = ["#000", "#fff"]), /* @__PURE__ */_jsxs(LinearGradientFrame, {
-      ref,
-      ...stackProps,
-      children: [/* @__PURE__ */_jsx(ExpoLinearGradient, {
-        start,
-        end,
-        colors,
-        locations,
-        style: gradientStyle
-      }), children]
-    });
-  }),
-  gradientStyle = {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: 0
-  };
+      if (!normalized || normalized.startsWith("$")) {
+        return true;
+      }
+    })) {
+      console.error(`LinearGradient: "colors" prop contains invalid color tokens: ${colors} fallback to default colors: ["#000", "#fff"]`);
+      colors = ["#000", "#fff"];
+    }
+  }
+  return /* @__PURE__ */_jsxs(LinearGradientFrame, {
+    ref,
+    ...stackProps,
+    children: [/* @__PURE__ */_jsx(ExpoLinearGradient, {
+      start,
+      end,
+      colors,
+      locations,
+      style: gradientStyle
+    }), children]
+  });
+});
+var gradientStyle = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: 0
+};
 export { LinearGradient };
 //# sourceMappingURL=LinearGradient.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","normalizeColor","styled","useProps","useTheme","YStack","LinearGradient","ExpoLinearGradient","LinearGradientFrame","name","overflow","position","styleable","propsIn","ref","_props_colors","props","start","end","colors","colorsProp","locations","children","stackProps","theme","map","c","_theme_c","_theme_c_get","get","process","env","NODE_ENV","some","normalized","startsWith","console","error","style","gradientStyle","top","left","right","bottom"],"sources":["../../src/LinearGradient.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAQ,QAAU,mBAAgB;AAC3D,SAASC,cAAc,EAAAC,MAAA,EAAAC,QAAA,EAAAC,QAAA;AAIvB,SAASC,MAAA,yBAAkB;AA6CrB,SACEC,cADF,IAAAC,kBAAA;AAnCN,IAAAC,mBAAM,GAAAN,MAAsB,CAAAG,MAAO;IACjCI,IAAA,EAAM;IACNC,QAAA,EAAU;IACVC,QAAA,EAAU;EACZ,CAAC;EAEYL,cAAA,GAAiBE,mBAAA,CAAoBI,SAAA,WAAAC,OAAA,EAAAC,GAAA;IAChD,IAACC,aAAS;MAAQC,KAAA,GAAAb,QAAA,CAAAU,OAAA;MAAA;QAAAI,KAAA;QAAAC,GAAA;QAAAC,MAAA,EAAAC,UAAA;QAAAC,SAAA;QAAAC,QAAA;QAAA,GAAAC;MAAA,IAAAP,KAAA;MAAAQ,KAAA,GAAApB,QAAA;MAAAe,MAAA,KAAAJ,aAAA,GAAAC,KAAA,CAAAG,MAAA,cAAAJ,aAAA,uBAAAA,aAAA,CAAAU,GAAA,WAAAC,CAAA;QAChB,IAAAC,QAAM,EAAQC,YAAS;QAKvB,OAAI,CAAAA,YACI,IAAAD,QAAa,GAAAH,KACT,CAAAE,CAAA,OAAU,IAAI,IAAKC,QAC5B,KAAM,kBAAAA,QAAA,CAAAE,GAAA,qBAAAD,YAAA,cAAAA,YAAA,GAAAF,CAAA;MAET,SAAI;IAGE,OAAAI,OAAM,CAAAC,GAAA,CAAAC,QAAa,iBAAgB,IAAAb,MAAA,CAAAc,IAAA,WAAAP,CAAA;MACnC,IAAAQ,UAAK,GAAAjC,cAAc,CAAWyB,CAAA;MAC5B,KAAAQ,UAAO,IAAAA,UAAA,CAAAC,UAAA,OAEV,OAED;IAAQ,OACNC,OAAA,CAAAC,KAAA,iEAAsElB,MAAA,kDAAAA,MAAA,IACxE,MACA,EAMA,yBAACnB,KAAA,CAAAQ,mBAAA;MAAAM,GAAA;MAAA,GAAAS,UACC;MAAAD,QACA,kBACAxB,IAAA,CAAAS,kBAAA;QAAAU,KACA;QAAAC,GACA;QAAOC,MAAA;QACTE,SAAA;QACCiB,KAAA,EAAAC;MAAA,CACH,GAEJjB,QAAA;IAMA;EAAU,EACV;EAAAiB,aAAK;IACL5B,QAAM;IACN6B,GAAA;IACAC,IAAA;IACAC,KAAA,GAAQ;IACVC,MAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","normalizeColor","styled","useProps","useTheme","YStack","LinearGradient","ExpoLinearGradient","LinearGradientFrame","name","overflow","position","styleable","propsIn","ref","_props_colors","props","start","end","colors","colorsProp","locations","children","stackProps","theme","map","c","_theme_c","_theme_c_get","get","process","env","NODE_ENV","some","normalized","startsWith","console","error","style","gradientStyle","top","left","right"],"sources":["../../src/LinearGradient.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAQ,QAAU,mBAAgB;AAC3D,SAASC,cAAc,EAAAC,MAAA,EAAAC,QAAA,EAAAC,QAAA;AAIvB,SAASC,MAAA,yBAAkB;AA6CrB,SACEC,cADF,IAAAC,kBAAA;AAnCN,IAAAC,mBAAM,GAAAN,MAAsB,CAAAG,MAAO;EACjCI,IAAA,EAAM;EACNC,QAAA,EAAU;EACVC,QAAA,EAAU;AACZ,CAAC;AAEM,IAAAL,cAAM,GAAAE,mBAAiB,CAAAI,SAAoB,WAAAC,OAAA,EAAAC,GAAA;EAChD,IAACC,aAAS;EACR,IAAAC,KAAM,GAAAb,QAAQ,CAAAU,OAAS;EAEvB;IAAAI,KAAQ;IAAAC,GAAA;IAAOC,MAAK,EAAAC,UAAQ;IAAAC,SAAY;IAAAC,QAAW;IAAA,GAAAC;EAAa,IAAWP,KAAI;EAC/E,IAAAQ,KAAM,GAAApB,QAAQ;EAEd,IAAAe,MAAI,KACFJ,aAAM,GAAQC,KAAK,CAAAG,MAAM,cAAAJ,aAAA,uBAAAA,aAAA,CAAAU,GAAA,WAAAC,CAAA;IACvB,IAAAC,QAAQ;IACV,IAACC,YAAM;IAET,OAAI,CAAAA,YAAY,IAAAD,QAAa,GAAAH,KAAA,CAAAE,CAAA,CAAc,cAAAC,QAAA,uBAAAA,QAAA,CAAAE,GAAA,qBAAAD,YAAA,cAAAA,YAAA,GAAAF,CAAA;EACzC,SACE;EACE,IAAAI,OAAA,CAAMC,GAAA,CAAAC,QAAA,KAAa,YAAgB;IACnC,IAAAb,MAAK,CAAAc,IAAA,WAAcP,CAAA;MACjB,IAAAQ,UAAO,GAAAjC,cAAA,CAAAyB,CAAA;MAAA,IACT,CAAAQ,UAAA,IAAAA,UAAA,CAAAC,UAAA;QACD,OACD;MACA;IAAQ;MACgEC,OACxE,CAAAC,KAAA,iEAAAlB,MAAA;MACAA,MAAA,IACF,QACF,OAEA;IAEI;EAAA;EAAC,sBAAAnB,KAAA,CAAAQ,mBAAA;IAAAM,GAAA;IACC,GAAAS,UACA;IAAAD,QACA,kBACAxB,IAAA,CAAAS,kBAAA;MAAAU,KACA;MAAOC,GAAA;MACTC,MAAA;MACCE,SAAA;MACHiB,KAAA,EAAAC;IAEJ,IACFjB,QAAA;EAKE;AAAU,EACV;AAAK,IACLiB,aAAM;EACN5B,QAAO;EACP6B,GAAA;EACAC,IAAA;EACFC,KAAA","ignoreList":[]}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,OAGK;",
-  "names": []
-}
+{"version":3,"names":["LinearGradient"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SACEA,cAAA,QAGK","ignoreList":[]}

package/dist/esm/linear-gradient.mjs

@@ -3,9 +3,9 @@ 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 !1;
-  const startX = start?.[0] ?? 0.5,
-    endX = end?.[0] ?? 0.5;
+  if (!start && !end) return false;
+  const startX = start?.[0] ?? 0.5;
+  const endX = end?.[0] ?? 0.5;
   return startX !== endX;
 }
 function LinearGradient({
@@ -15,20 +15,33 @@ function LinearGradient({
   end,
   ...props
 }) {
-  const normalizedStart = start ? Array.isArray(start) ? start : [start.x, start.y] : void 0,
-    normalizedEnd = end ? Array.isArray(end) ? end : [end.x, end.y] : void 0,
-    needsLayout = needsDimensionAwareAngle(normalizedStart, normalizedEnd),
-    [{
-      height,
-      width
-    }, setLayout] = React.useState({
-      height: 1,
-      width: 1
-    }),
-    linearGradientBackgroundImage = React.useMemo(() => getLinearGradientBackgroundImage(
+  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]);
-  return needsLayout ? /* @__PURE__ */jsx(View, {
+    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'.
@@ -40,45 +53,55 @@ function LinearGradient({
         width: width2,
         height: height2
       } = event.nativeEvent.layout;
-      setLayout(oldLayout => width2 !== oldLayout.width || height2 !== oldLayout.height ? {
-        height: height2,
-        width: width2
-      } : oldLayout), props.onLayout && props.onLayout(event);
+      setLayout(oldLayout => {
+        if (width2 !== oldLayout.width || height2 !== oldLayout.height) {
+          return {
+            height: height2,
+            width: width2
+          };
+        }
+        return oldLayout;
+      });
+      if (props.onLayout) {
+        props.onLayout(event);
+      }
     }
-  }) : /* @__PURE__ */jsx(View, {
-    ...props,
-    onLayout: props.onLayout,
-    style: [props.style,
-    // @ts-ignore: [ts] Property 'backgroundImage' does not exist on type 'ViewStyle'.
-    {
-      backgroundImage: linearGradientBackgroundImage
-    }]
   });
 }
 function getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint, width = 1, height = 1) {
   const gradientColors = calculateGradientColors(
   // @ts-expect-error TODO fix numbers
   colors, locations);
-  return `linear-gradient(${calculatePseudoAngle(width, height, startPoint, endPoint)}deg, ${gradientColors.join(", ")})`;
+  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];
-      Array.isArray(startPoint) && (correctedStartPoint = [startPoint[0] != null ? startPoint[0] : 0, startPoint[1] != null ? startPoint[1] : 0]);
-      let correctedEndPoint = [0, 1];
-      return Array.isArray(endPoint) && (correctedEndPoint = [endPoint[0] != null ? endPoint[0] : 0, endPoint[1] != null ? endPoint[1] : 1]), [correctedStartPoint, correctedEndPoint];
-    },
-    [start, end] = getControlPoints();
-  start[0] *= width, end[0] *= width, start[1] *= height, end[1] *= height;
-  const py = end[1] - start[1],
-    px = end[0] - start[0];
+    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 percentage = Math.max(0, Math.min(1, locations[index])) * 100;
+      const location = Math.max(0, Math.min(1, locations[index]));
+      const percentage = location * 100;
       return `${output} ${percentage}%`;
     }
     return output;

package/dist/esm/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","style","backgroundImage","onLayout","event","width2","height2","nativeEvent","layout","oldLayout","startPoint","endPoint","gradientColors","calculateGradientColors","calculatePseudoAngle","join","getControlPoints","correctedStartPoint","correctedEndPoint","py","px","Math","atan2","PI","map","color","index","output","percentage","max","min"],"sources":["../../src/linear-gradient.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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":[]}

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

@@ -8,7 +8,8 @@ function LinearGradient(props) {
       ...props
     });
   }
-  console.warn("Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root");
+  console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);
+  return;
 }
 export { LinearGradient };
 //# sourceMappingURL=linear-gradient.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","getLinearGradient","LinearGradient","props","state","enabled","Component","ExpoLinearGradient","console","warn"],"sources":["../../src/linear-gradient.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,QAAY;AAC5B,SAASC,iBAAA,QAAyB;AAC3B,SAASC,eAAeC,KAAA,EAAO;EAClC,IAAIC,KAAA,GAAQH,iBAAA,CAAkB,EAAEG,KAAA;EAChC,IAAIA,KAAA,CAAMC,OAAA,IAAWD,KAAA,CAAME,SAAA,EAAW;IAClC,IAAIC,kBAAA,GAAqBH,KAAA,CAAME,SAAA;IAC/B,OAAqB,eAAAN,IAAA,CAAKO,kBAAA,EAAoB;MAC1C,GAAGJ;IACP,CAAC;EACL;EACAK,OAAA,CAAQC,IAAA,CAAK,gFAAgF;AAEjG","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","getLinearGradient","LinearGradient","props","state","enabled","Component","ExpoLinearGradient","console","warn"],"sources":["../../src/linear-gradient.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,QAAY;AAC5B,SAASC,iBAAA,QAAyB;AAC3B,SAASC,eAAeC,KAAA,EAAO;EAClC,IAAIC,KAAA,GAAQH,iBAAA,CAAkB,EAAEG,KAAA;EAChC,IAAIA,KAAA,CAAMC,OAAA,IAAWD,KAAA,CAAME,SAAA,EAAW;IAClC,IAAIC,kBAAA,GAAqBH,KAAA,CAAME,SAAA;IAC/B,OAAqB,eAAAN,IAAA,CAAKO,kBAAA,EAAoB;MAC1C,GAAGJ;IACP,CAAC;EACL;EACAK,OAAA,CAAQC,IAAA,CAAK,gFAAgF;EAC7F;AACJ","ignoreList":[]}

package/dist/jsx/LinearGradient.mjs

@@ -3,44 +3,54 @@ import { YStack } from "@tamagui/stacks";
 import { LinearGradient as ExpoLinearGradient } from "./linear-gradient.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const LinearGradientFrame = styled(YStack, {
-    name: "LinearGradient",
-    overflow: "hidden",
-    position: "relative"
-  }),
-  LinearGradient = LinearGradientFrame.styleable((propsIn, ref) => {
-    const props = useProps(propsIn),
-      {
-        start,
-        end,
-        colors: colorsProp,
-        locations,
-        children,
-        ...stackProps
-      } = props,
-      theme = useTheme();
-    let colors = props.colors?.map(c => theme[c]?.get("web") ?? c) || [];
-    return process.env.NODE_ENV !== "production" && colors.some(c => {
+  name: "LinearGradient",
+  overflow: "hidden",
+  position: "relative"
+});
+const LinearGradient = LinearGradientFrame.styleable((propsIn, ref) => {
+  const props = useProps(propsIn);
+  const {
+    start,
+    end,
+    colors: colorsProp,
+    locations,
+    children,
+    ...stackProps
+  } = props;
+  const theme = useTheme();
+  let colors = props.colors?.map(c => {
+    return theme[c]?.get("web") ?? c;
+  }) || [];
+  if (process.env.NODE_ENV !== "production") {
+    if (colors.some(c => {
       const normalized = normalizeColor(c);
-      if (!normalized || normalized.startsWith("$")) return !0;
-    }) && (console.error(`LinearGradient: "colors" prop contains invalid color tokens: ${colors} fallback to default colors: ["#000", "#fff"]`), colors = ["#000", "#fff"]), /* @__PURE__ */jsxs(LinearGradientFrame, {
-      ref,
-      ...stackProps,
-      children: [/* @__PURE__ */jsx(ExpoLinearGradient, {
-        start,
-        end,
-        colors,
-        locations,
-        style: gradientStyle
-      }), children]
-    });
-  }),
-  gradientStyle = {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: 0
-  };
+      if (!normalized || normalized.startsWith("$")) {
+        return true;
+      }
+    })) {
+      console.error(`LinearGradient: "colors" prop contains invalid color tokens: ${colors} fallback to default colors: ["#000", "#fff"]`);
+      colors = ["#000", "#fff"];
+    }
+  }
+  return /* @__PURE__ */jsxs(LinearGradientFrame, {
+    ref,
+    ...stackProps,
+    children: [/* @__PURE__ */jsx(ExpoLinearGradient, {
+      start,
+      end,
+      colors,
+      locations,
+      style: gradientStyle
+    }), children]
+  });
+});
+const gradientStyle = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: 0
+};
 export { LinearGradient };
 //# sourceMappingURL=LinearGradient.mjs.map

package/dist/jsx/LinearGradient.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["normalizeColor","styled","useProps","useTheme","YStack","LinearGradient","ExpoLinearGradient","jsx","jsxs","LinearGradientFrame","name","overflow","position","styleable","propsIn","ref","props","start","end","colors","colorsProp","locations","children","stackProps","theme","map","c","get","process","env","NODE_ENV","some","normalized","startsWith","console","error","style","gradientStyle","top","left","right","bottom","zIndex"],"sources":["../../src/LinearGradient.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,EAAgBC,MAAA,EAAQC,QAAA,EAAUC,QAAA,QAAgB;AAC3D,SAASC,MAAA,QAAc;AAIvB,SAASC,cAAA,IAAkBC,kBAAA,QAA0B;AA6C/C,SACEC,GAAA,EADFC,IAAA;AAnCN,MAAMC,mBAAA,GAAsBR,MAAA,CAAOG,MAAA,EAAQ;IACzCM,IAAA,EAAM;IACNC,QAAA,EAAU;IACVC,QAAA,EAAU;EACZ,CAAC;EAEYP,cAAA,GAAiBI,mBAAA,CAAoBI,SAAA,CAChD,CAACC,OAAA,EAASC,GAAA,KAAQ;IAChB,MAAMC,KAAA,GAAQd,QAAA,CAASY,OAAO;MAExB;QAAEG,KAAA;QAAOC,GAAA;QAAKC,MAAA,EAAQC,UAAA;QAAYC,SAAA;QAAWC,QAAA;QAAU,GAAGC;MAAW,IAAIP,KAAA;MACzEQ,KAAA,GAAQrB,QAAA,CAAS;IAEvB,IAAIgB,MAAA,GACFH,KAAA,CAAMG,MAAA,EAAQM,GAAA,CAAKC,CAAA,IACTF,KAAA,CAAME,CAAC,GAAGC,GAAA,CAAI,KAAK,KAAgBD,CAC5C,KAAK,EAAC;IAET,OAAIE,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,gBAEzBX,MAAA,CAAOY,IAAA,CAAML,CAAA,IAAM;MACjB,MAAMM,UAAA,GAAahC,cAAA,CAAe0B,CAAC;MACnC,IAAI,CAACM,UAAA,IAAcA,UAAA,CAAWC,UAAA,CAAW,GAAG,GAC1C,OAAO;IAEX,CAAC,MAEDC,OAAA,CAAQC,KAAA,CACN,gEAAgEhB,MAAM,+CACxE,GACAA,MAAA,GAAS,CAAC,QAAQ,MAAM,IAK1B,eAAAX,IAAA,CAACC,mBAAA;MAAoBM,GAAA;MAAkB,GAAGQ,UAAA;MACxCD,QAAA,kBAAAf,GAAA,CAACD,kBAAA;QACCW,KAAA;QACAC,GAAA;QACAC,MAAA;QACAE,SAAA;QACAe,KAAA,EAAOC;MAAA,CACT,GACCf,QAAA;IAAA,CACH;EAEJ,CACF;EAIMe,aAAA,GAA2B;IAC/BzB,QAAA,EAAU;IACV0B,GAAA,EAAK;IACLC,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,MAAA,EAAQ;EACV","ignoreList":[]}
+{"version":3,"names":["normalizeColor","styled","useProps","useTheme","YStack","LinearGradient","ExpoLinearGradient","jsx","jsxs","LinearGradientFrame","name","overflow","position","styleable","propsIn","ref","props","start","end","colors","colorsProp","locations","children","stackProps","theme","map","c","get","process","env","NODE_ENV","some","normalized","startsWith","console","error","style","gradientStyle","top","left","right","bottom","zIndex"],"sources":["../../src/LinearGradient.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,EAAgBC,MAAA,EAAQC,QAAA,EAAUC,QAAA,QAAgB;AAC3D,SAASC,MAAA,QAAc;AAIvB,SAASC,cAAA,IAAkBC,kBAAA,QAA0B;AA6C/C,SACEC,GAAA,EADFC,IAAA;AAnCN,MAAMC,mBAAA,GAAsBR,MAAA,CAAOG,MAAA,EAAQ;EACzCM,IAAA,EAAM;EACNC,QAAA,EAAU;EACVC,QAAA,EAAU;AACZ,CAAC;AAEM,MAAMP,cAAA,GAAiBI,mBAAA,CAAoBI,SAAA,CAChD,CAACC,OAAA,EAASC,GAAA,KAAQ;EAChB,MAAMC,KAAA,GAAQd,QAAA,CAASY,OAAO;EAE9B,MAAM;IAAEG,KAAA;IAAOC,GAAA;IAAKC,MAAA,EAAQC,UAAA;IAAYC,SAAA;IAAWC,QAAA;IAAU,GAAGC;EAAW,IAAIP,KAAA;EAC/E,MAAMQ,KAAA,GAAQrB,QAAA,CAAS;EAEvB,IAAIgB,MAAA,GACFH,KAAA,CAAMG,MAAA,EAAQM,GAAA,CAAKC,CAAA,IAAM;IACvB,OAAQF,KAAA,CAAME,CAAC,GAAGC,GAAA,CAAI,KAAK,KAAgBD,CAAA;EAC7C,CAAC,KAAK,EAAC;EAET,IAAIE,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,cAAc;IACzC,IACEX,MAAA,CAAOY,IAAA,CAAML,CAAA,IAAM;MACjB,MAAMM,UAAA,GAAahC,cAAA,CAAe0B,CAAC;MACnC,IAAI,CAACM,UAAA,IAAcA,UAAA,CAAWC,UAAA,CAAW,GAAG,GAAG;QAC7C,OAAO;MACT;IACF,CAAC,GACD;MACAC,OAAA,CAAQC,KAAA,CACN,gEAAgEhB,MAAM,+CACxE;MACAA,MAAA,GAAS,CAAC,QAAQ,MAAM;IAC1B;EACF;EAEA,OACE,eAAAX,IAAA,CAACC,mBAAA;IAAoBM,GAAA;IAAkB,GAAGQ,UAAA;IACxCD,QAAA,kBAAAf,GAAA,CAACD,kBAAA;MACCW,KAAA;MACAC,GAAA;MACAC,MAAA;MACAE,SAAA;MACAe,KAAA,EAAOC;IAAA,CACT,GACCf,QAAA;EAAA,CACH;AAEJ,CACF;AAIA,MAAMe,aAAA,GAA2B;EAC/BzB,QAAA,EAAU;EACV0B,GAAA,EAAK;EACLC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,MAAA,EAAQ;AACV","ignoreList":[]}