@tamagui/linear-gradient 2.0.0-1769320275396 → 2.0.0-1769401121849

package/dist/cjs/linear-gradient.cjs

@@ -38,6 +38,12 @@ var import_core = require("@tamagui/core"),
   React = __toESM(require("react"), 1),
   import_react_native = require("react-native-web"),
   import_jsx_runtime = require("react/jsx-runtime");
+function needsDimensionAwareAngle(start, end) {
+  if (!start && !end) return !1;
+  const startX = start?.[0] ?? 0.5,
+    endX = end?.[0] ?? 0.5;
+  return startX !== endX;
+}
 function LinearGradient({
   colors,
   locations,
@@ -45,7 +51,10 @@ function LinearGradient({
   end,
   ...props
 }) {
-  const [{
+  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({
@@ -54,8 +63,8 @@ function LinearGradient({
     }),
     linearGradientBackgroundImage = React.useMemo(() => getLinearGradientBackgroundImage(
     // @ts-expect-error ok
-    colors, locations, start ? Array.isArray(start) ? start : [start.x, start.y] : void 0, end ? Array.isArray(end) ? end : [end.x, end.y] : void 0, width, height), [colors, locations, start, end, width, height]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+    colors, locations, normalizedStart, normalizedEnd, width, height), [colors, locations, normalizedStart, normalizedEnd, width, height]);
+  return needsLayout ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
     ...props,
     style: [props.style,
     // @ts-ignore: [ts] Property 'backgroundImage' does not exist on type 'ViewStyle'.
@@ -72,6 +81,14 @@ function LinearGradient({
         width: width2
       } : oldLayout), props.onLayout && props.onLayout(event);
     }
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.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) {

package/dist/cjs/linear-gradient.js

@@ -26,6 +26,11 @@ __export(linear_gradient_exports, {
 });
 module.exports = __toCommonJS(linear_gradient_exports);
 var import_core = require("@tamagui/core"), React = __toESM(require("react"), 1), import_react_native = require("react-native-web"), import_jsx_runtime = require("react/jsx-runtime");
+function needsDimensionAwareAngle(start, end) {
+  if (!start && !end) return !1;
+  const startX = start?.[0] ?? 0.5, endX = end?.[0] ?? 0.5;
+  return startX !== endX;
+}
 function LinearGradient({
   colors,
   locations,
@@ -33,19 +38,22 @@ function LinearGradient({
   end,
   ...props
 }) {
-  const [{ height, width }, setLayout] = React.useState({
+  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(
     // @ts-expect-error ok
     colors,
     locations,
-    start ? Array.isArray(start) ? start : [start.x, start.y] : void 0,
-    end ? Array.isArray(end) ? end : [end.x, end.y] : void 0,
+    normalizedStart,
+    normalizedEnd,
     width,
     height
-  ), [colors, locations, start, end, width, height]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  ), [colors, locations, normalizedStart, normalizedEnd, width, height]);
+  return needsLayout ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_native.View,
     {
       ...props,
@@ -59,6 +67,17 @@ function LinearGradient({
         setLayout((oldLayout) => width2 !== oldLayout.width || height2 !== oldLayout.height ? { height: height2, width: width2 } : oldLayout), props.onLayout && props.onLayout(event);
       }
     }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native.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) {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/linear-gradient.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["width", "height"]
 }

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

@@ -22,8 +22,19 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var linear_gradient_native_exports = {};
 __export(linear_gradient_native_exports, {
-  LinearGradient: () => import_expo_linear_gradient.LinearGradient
+  LinearGradient: () => LinearGradient
 });
 module.exports = __toCommonJS(linear_gradient_native_exports);
-var import_expo_linear_gradient = require("expo-linear-gradient");
+var import_jsx_runtime = require("react/jsx-runtime"),
+  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");
+}
 //# sourceMappingURL=linear-gradient.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["linear_gradient_native_exports","__export","LinearGradient","import_expo_linear_gradient","module","exports","__toCommonJS","require"],"sources":["../../src/linear-gradient.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAC,2BAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,8BAAA;AAAA,IAAAG,2BAAA,GAA+BI,OAAA","ignoreList":[]}
+{"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;EAC5BC,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;AAEjG","ignoreList":[]}

package/dist/esm/linear-gradient.js

@@ -2,6 +2,11 @@ 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 !1;
+  const startX = start?.[0] ?? 0.5, endX = end?.[0] ?? 0.5;
+  return startX !== endX;
+}
 function LinearGradient({
   colors,
   locations,
@@ -9,19 +14,22 @@ function LinearGradient({
   end,
   ...props
 }) {
-  const [{ height, width }, setLayout] = React.useState({
+  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(
     // @ts-expect-error ok
     colors,
     locations,
-    start ? Array.isArray(start) ? start : [start.x, start.y] : void 0,
-    end ? Array.isArray(end) ? end : [end.x, end.y] : void 0,
+    normalizedStart,
+    normalizedEnd,
     width,
     height
-  ), [colors, locations, start, end, width, height]);
-  return /* @__PURE__ */ jsx(
+  ), [colors, locations, normalizedStart, normalizedEnd, width, height]);
+  return needsLayout ? /* @__PURE__ */ jsx(
     View,
     {
       ...props,
@@ -35,6 +43,17 @@ function LinearGradient({
         setLayout((oldLayout) => width2 !== oldLayout.width || height2 !== oldLayout.height ? { height: height2, width: width2 } : oldLayout), 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) {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/linear-gradient.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["width", "height"]
 }

package/dist/esm/linear-gradient.mjs

@@ -2,6 +2,12 @@ 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 !1;
+  const startX = start?.[0] ?? 0.5,
+    endX = end?.[0] ?? 0.5;
+  return startX !== endX;
+}
 function LinearGradient({
   colors,
   locations,
@@ -9,7 +15,10 @@ function LinearGradient({
   end,
   ...props
 }) {
-  const [{
+  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({
@@ -18,8 +27,8 @@ function LinearGradient({
     }),
     linearGradientBackgroundImage = React.useMemo(() => getLinearGradientBackgroundImage(
     // @ts-expect-error ok
-    colors, locations, start ? Array.isArray(start) ? start : [start.x, start.y] : void 0, end ? Array.isArray(end) ? end : [end.x, end.y] : void 0, width, height), [colors, locations, start, end, width, height]);
-  return /* @__PURE__ */jsx(View, {
+    colors, locations, normalizedStart, normalizedEnd, width, height), [colors, locations, normalizedStart, normalizedEnd, width, height]);
+  return needsLayout ? /* @__PURE__ */jsx(View, {
     ...props,
     style: [props.style,
     // @ts-ignore: [ts] Property 'backgroundImage' does not exist on type 'ViewStyle'.
@@ -36,6 +45,14 @@ function LinearGradient({
         width: width2
       } : oldLayout), 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) {

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

@@ -1 +1 @@
-{"version":3,"names":["normalizeColor","React","View","jsx","LinearGradient","colors","locations","start","end","props","height","width","setLayout","useState","linearGradientBackgroundImage","useMemo","getLinearGradientBackgroundImage","Array","isArray","x","y","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","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":[]}

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

@@ -1,3 +1,14 @@
-import { LinearGradient } from "expo-linear-gradient";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getLinearGradient } from "@tamagui/native";
+function LinearGradient(props) {
+  var state = getLinearGradient().state;
+  if (state.enabled && state.Component) {
+    var ExpoLinearGradient = state.Component;
+    return /* @__PURE__ */_jsx(ExpoLinearGradient, {
+      ...props
+    });
+  }
+  console.warn("Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root");
+}
 export { LinearGradient };
 //# sourceMappingURL=linear-gradient.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["LinearGradient"],"sources":["../../src/linear-gradient.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB","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;AAEjG","ignoreList":[]}

package/dist/jsx/linear-gradient.js

@@ -2,6 +2,11 @@ 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 !1;
+  const startX = start?.[0] ?? 0.5, endX = end?.[0] ?? 0.5;
+  return startX !== endX;
+}
 function LinearGradient({
   colors,
   locations,
@@ -9,19 +14,22 @@ function LinearGradient({
   end,
   ...props
 }) {
-  const [{ height, width }, setLayout] = React.useState({
+  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(
     // @ts-expect-error ok
     colors,
     locations,
-    start ? Array.isArray(start) ? start : [start.x, start.y] : void 0,
-    end ? Array.isArray(end) ? end : [end.x, end.y] : void 0,
+    normalizedStart,
+    normalizedEnd,
     width,
     height
-  ), [colors, locations, start, end, width, height]);
-  return /* @__PURE__ */ jsx(
+  ), [colors, locations, normalizedStart, normalizedEnd, width, height]);
+  return needsLayout ? /* @__PURE__ */ jsx(
     View,
     {
       ...props,
@@ -35,6 +43,17 @@ function LinearGradient({
         setLayout((oldLayout) => width2 !== oldLayout.width || height2 !== oldLayout.height ? { height: height2, width: width2 } : oldLayout), 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) {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/linear-gradient.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["width", "height"]
 }

package/dist/jsx/linear-gradient.mjs

@@ -2,6 +2,12 @@ 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 !1;
+  const startX = start?.[0] ?? 0.5,
+    endX = end?.[0] ?? 0.5;
+  return startX !== endX;
+}
 function LinearGradient({
   colors,
   locations,
@@ -9,7 +15,10 @@ function LinearGradient({
   end,
   ...props
 }) {
-  const [{
+  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({
@@ -18,8 +27,8 @@ function LinearGradient({
     }),
     linearGradientBackgroundImage = React.useMemo(() => getLinearGradientBackgroundImage(
     // @ts-expect-error ok
-    colors, locations, start ? Array.isArray(start) ? start : [start.x, start.y] : void 0, end ? Array.isArray(end) ? end : [end.x, end.y] : void 0, width, height), [colors, locations, start, end, width, height]);
-  return /* @__PURE__ */jsx(View, {
+    colors, locations, normalizedStart, normalizedEnd, width, height), [colors, locations, normalizedStart, normalizedEnd, width, height]);
+  return needsLayout ? /* @__PURE__ */jsx(View, {
     ...props,
     style: [props.style,
     // @ts-ignore: [ts] Property 'backgroundImage' does not exist on type 'ViewStyle'.
@@ -36,6 +45,14 @@ function LinearGradient({
         width: width2
       } : oldLayout), 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) {

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

@@ -1 +1 @@
-{"version":3,"names":["normalizeColor","React","View","jsx","LinearGradient","colors","locations","start","end","props","height","width","setLayout","useState","linearGradientBackgroundImage","useMemo","getLinearGradientBackgroundImage","Array","isArray","x","y","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","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":[]}

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

@@ -22,8 +22,19 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var linear_gradient_native_exports = {};
 __export(linear_gradient_native_exports, {
-  LinearGradient: () => import_expo_linear_gradient.LinearGradient
+  LinearGradient: () => LinearGradient
 });
 module.exports = __toCommonJS(linear_gradient_native_exports);
-var import_expo_linear_gradient = require("expo-linear-gradient");
+var import_jsx_runtime = require("react/jsx-runtime"),
+  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");
+}
 //# 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","import_expo_linear_gradient","module","exports","__toCommonJS","require"],"sources":["../../src/linear-gradient.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAC,2BAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,8BAAA;AAAA,IAAAG,2BAAA,GAA+BI,OAAA","ignoreList":[]}
+{"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;EAC5BC,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;AAEjG","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/linear-gradient",
-  "version": "2.0.0-1769320275396",
+  "version": "2.0.0-1769401121849",
   "type": "module",
   "sideEffects": [
     "*.css"
@@ -39,11 +39,12 @@
     }
   },
   "dependencies": {
-    "@tamagui/core": "2.0.0-1769320275396",
-    "@tamagui/stacks": "2.0.0-1769320275396"
+    "@tamagui/core": "2.0.0-1769401121849",
+    "@tamagui/native": "2.0.0-1769401121849",
+    "@tamagui/stacks": "2.0.0-1769401121849"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-1769320275396",
+    "@tamagui/build": "2.0.0-1769401121849",
     "expo-linear-gradient": "~15.0.7",
     "react": "*",
     "react-native": "0.81.5"

package/src/linear-gradient.native.tsx

@@ -1,2 +1,15 @@
-export { LinearGradient } from 'expo-linear-gradient'
+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/src/linear-gradient.tsx

@@ -1,16 +1,40 @@
-export type { LinearGradientProps, LinearGradientPoint } from 'expo-linear-gradient'
+/**
+ * Adapted from expo-linear-gradient
+ * https://github.com/expo/expo/blob/main/packages/expo-linear-gradient/src/LinearGradient.web.tsx
+ *
+ * MIT License
+ * Copyright (c) 2015-present 650 Industries, Inc. (aka Expo)
+ */
+
 import { normalizeColor } from '@tamagui/core'
 import type {
-  LinearGradientProps,
   LinearGradientPoint,
+  LinearGradientProps,
   NativeLinearGradientPoint,
 } from 'expo-linear-gradient'
 
-// copied from https://raw.githubusercontent.com/expo/expo/main/packages/expo-linear-gradient/src/LinearGradient.web.tsx
+export type { LinearGradientPoint, LinearGradientProps } from 'expo-linear-gradient'
 
 import * as React from 'react'
 import { View } from 'react-native'
 
+// check if start/end points require dimension-aware angle calculation
+function needsDimensionAwareAngle(
+  start?: NativeLinearGradientPoint | null,
+  end?: NativeLinearGradientPoint | null
+): boolean {
+  // default is top-to-bottom: start [0.5, 0] to end [0.5, 1]
+  // for this case (and any case where x values are equal), width doesn't matter
+  // we only need onLayout when x values differ AND could create non-standard angles
+  if (!start && !end) return false
+
+  const startX = start?.[0] ?? 0.5
+  const endX = end?.[0] ?? 0.5
+
+  // if x coordinates are different, angle depends on aspect ratio
+  return startX !== endX
+}
+
 export function LinearGradient({
   colors,
   locations,
@@ -18,6 +42,18 @@ export function LinearGradient({
   end,
   ...props
 }: LinearGradientProps) {
+  const normalizedStart = start
+    ? Array.isArray(start)
+      ? start
+      : [start.x, start.y]
+    : undefined
+  const normalizedEnd = end ? (Array.isArray(end) ? end : [end.x, end.y]) : undefined
+
+  const needsLayout = needsDimensionAwareAngle(
+    normalizedStart as NativeLinearGradientPoint,
+    normalizedEnd as NativeLinearGradientPoint
+  )
+
   const [{ height, width }, setLayout] = React.useState({
     height: 1,
     width: 1,
@@ -28,12 +64,27 @@ export function LinearGradient({
       // @ts-expect-error ok
       colors,
       locations,
-      start ? (Array.isArray(start) ? start : [start.x, start.y]) : undefined,
-      end ? (Array.isArray(end) ? end : [end.x, end.y]) : undefined,
+      normalizedStart as NativeLinearGradientPoint,
+      normalizedEnd as NativeLinearGradientPoint,
       width,
       height
     )
-  }, [colors, locations, start, end, width, height])
+  }, [colors, locations, normalizedStart, normalizedEnd, width, height])
+
+  // if we don't need dimension-aware angles, skip the onLayout overhead
+  if (!needsLayout) {
+    return (
+      <View
+        {...props}
+        onLayout={props.onLayout}
+        style={[
+          props.style,
+          // @ts-ignore: [ts] Property 'backgroundImage' does not exist on type 'ViewStyle'.
+          { backgroundImage: linearGradientBackgroundImage },
+        ]}
+      />
+    )
+  }
 
   return (
     <View

package/types/linear-gradient.d.ts

@@ -1,4 +1,11 @@
-export type { LinearGradientProps, LinearGradientPoint } from 'expo-linear-gradient';
+/**
+ * Adapted from expo-linear-gradient
+ * https://github.com/expo/expo/blob/main/packages/expo-linear-gradient/src/LinearGradient.web.tsx
+ *
+ * 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';
 export declare function LinearGradient({ colors, locations, start, end, ...props }: LinearGradientProps): import("react/jsx-runtime").JSX.Element;
 //# 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,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAEpF,OAAO,KAAK,EACV,mBAAmB,EAGpB,MAAM,sBAAsB,CAAA;AAO7B,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mBAAmB,2CA4CrB"}
+{"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;AAsBpF,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAuErB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"linear-gradient.native.d.ts","sourceRoot":"","sources":["../src/linear-gradient.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA"}
+{"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,uDAUxC"}