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

package/dist/cjs/LinearGradient.cjs

@@ -3,67 +3,79 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var LinearGradient_exports = {};
 __export(LinearGradient_exports, {
   LinearGradient: () => LinearGradient
 });
 module.exports = __toCommonJS(LinearGradient_exports);
-var import_core = require("@tamagui/core"),
-  import_stacks = require("@tamagui/stacks"),
-  import_linear_gradient = require("./linear-gradient.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_stacks = require("@tamagui/stacks");
+var import_linear_gradient = require("./linear-gradient.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 const LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
-    name: "LinearGradient",
-    overflow: "hidden",
-    position: "relative"
-  }),
-  LinearGradient = LinearGradientFrame.styleable((propsIn, ref) => {
-    const props = (0, import_core.useProps)(propsIn),
-      {
-        start,
-        end,
-        colors: colorsProp,
-        locations,
-        children,
-        ...stackProps
-      } = props,
-      theme = (0, import_core.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 = (0, import_core.useProps)(propsIn);
+  const {
+    start,
+    end,
+    colors: colorsProp,
+    locations,
+    children,
+    ...stackProps
+  } = props;
+  const theme = (0, import_core.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 = (0, import_core.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__ */(0, import_jsx_runtime.jsxs)(LinearGradientFrame, {
-      ref,
-      ...stackProps,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
-        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__ */(0, import_jsx_runtime.jsxs)(LinearGradientFrame, {
+    ref,
+    ...stackProps,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+      start,
+      end,
+      colors,
+      locations,
+      style: gradientStyle
+    }), children]
+  });
+});
+const gradientStyle = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: 0
+};

package/dist/cjs/LinearGradient.native.js

@@ -5,72 +5,83 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var LinearGradient_exports = {};
 __export(LinearGradient_exports, {
   LinearGradient: () => LinearGradient
 });
 module.exports = __toCommonJS(LinearGradient_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_core = require("@tamagui/core"),
-  import_stacks = require("@tamagui/stacks"),
-  import_linear_gradient = require("./linear-gradient.native.js"),
-  LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
-    name: "LinearGradient",
-    overflow: "hidden",
-    position: "relative"
-  }),
-  LinearGradient = LinearGradientFrame.styleable(function (propsIn, ref) {
-    var _props_colors,
-      props = (0, import_core.useProps)(propsIn),
-      {
-        start,
-        end,
-        colors: colorsProp,
-        locations,
-        children,
-        ...stackProps
-      } = props,
-      theme = (0, import_core.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) {
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_stacks = require("@tamagui/stacks");
+var import_linear_gradient = require("./linear-gradient.native.js");
+var LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: "LinearGradient",
+  overflow: "hidden",
+  position: "relative"
+});
+var LinearGradient = LinearGradientFrame.styleable(function (propsIn, ref) {
+  var _props_colors;
+  var props = (0, import_core.useProps)(propsIn);
+  var {
+    start,
+    end,
+    colors: colorsProp,
+    locations,
+    children,
+    ...stackProps
+  } = props;
+  var theme = (0, import_core.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 = (0, import_core.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__ */(0, import_jsx_runtime.jsxs)(LinearGradientFrame, {
-      ref,
-      ...stackProps,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
-        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__ */(0, import_jsx_runtime.jsxs)(LinearGradientFrame, {
+    ref,
+    ...stackProps,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+      start,
+      end,
+      colors,
+      locations,
+      style: gradientStyle
+    }), children]
+  });
+});
+var gradientStyle = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: 0
+};
 //# sourceMappingURL=LinearGradient.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LinearGradient_exports","__export","LinearGradient","module","exports","import_jsx_runtime","require","import_core","import_stacks","import_linear_gradient","LinearGradientFrame","styled","YStack","name","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","get","process","env","NODE_ENV","some","normalized","normalizeColor","startsWith","console","error","jsxs","jsx","style","gradientStyle","top","left","right","bottom"],"sources":["../../src/LinearGradient.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA2D,CAAAK,sBAC3D;AAcA,IAAAK,kBAAM,GAAAC,OAAsB,oBAAO;EAAAC,WAAA,GAAAD,OAAQ;EAAAE,aAAA,GAAAF,OAAA;EAAAG,sBAAA,GAAAH,OAAA;EAAAI,mBAAA,OAAAH,WAAA,CAAAI,MAAA,EAAAH,aAAA,CAAAI,MAAA;IACzCC,IAAA,EAAM;IACNC,QAAA,EAAU;IACVC,QAAA,EAAU;EACZ,CAAC;EAEYb,cAAA,GAAiBQ,mBAAA,CAAoBM,SAAA,WAAAC,OAAA,EAAAC,GAAA;IAChD,IAACC,aAAS;MAAQC,KAAA,OAAAb,WAAA,CAAAc,QAAA,EAAAJ,OAAA;MAAA;QAAAK,KAAA;QAAAC,GAAA;QAAAC,MAAA,EAAAC,UAAA;QAAAC,SAAA;QAAAC,QAAA;QAAA,GAAAC;MAAA,IAAAR,KAAA;MAAAS,KAAA,OAAAtB,WAAA,CAAAuB,QAAA;MAAAN,MAAA,KAAAL,aAAA,GAAAC,KAAA,CAAAI,MAAA,cAAAL,aAAA,uBAAAA,aAAA,CAAAY,GAAA,WAAAC,CAAA;QAChB,IAAAC,QAAM,EAAAC,YAAQ;QAKd,OAAI,CAAAA,YACI,IAAAD,QAAa,GAAAJ,KACT,CAAAG,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,qBAAAd,MAAA,CAAee,IAAC,WAAAP,CAAA;MACnC,IAAAQ,UAAK,OAAcjC,WAAW,CAAAkC,cAAc,EAAAT,CAAA;MAC1C,KAAAQ,UAAO,IAAAA,UAAA,CAAAE,UAAA,OAEV,OAED;IAAQ,OACNC,OAAA,CAAAC,KAAA,iEAAsEpB,MAAA,kDAAAA,MAAA,IACxE,MACA,EAMA,yBAAC,IAAAnB,kBAAA,CAAAwC,IAAA,EAAAnC,mBAAA;MAAAQ,GAAA;MAAA,GAAAU,UACC;MAAAD,QACA,kBACA,IAAAtB,kBAAA,CAAAyC,GAAA,EAAArC,sBAAA,CAAAP,cAAA;QAAAoB,KACA;QAAAC,GACA;QAAOC,MAAA;QACTE,SAAA;QACCqB,KAAA,EAAAC;MAAA,CACH,GAEJrB,QAAA;IAMA;EAAU,EACV;EAAAqB,aAAK;IACLjC,QAAM;IACNkC,GAAA;IACAC,IAAA;IACAC,KAAA,GAAQ;IACVC,MAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LinearGradient_exports","__export","LinearGradient","module","exports","import_jsx_runtime","require","import_core","import_stacks","import_linear_gradient","LinearGradientFrame","styled","YStack","name","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","get","process","env","NODE_ENV","some","normalized","normalizeColor","startsWith","console","error","jsxs","jsx","style","gradientStyle","top","left"],"sources":["../../src/LinearGradient.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA2D,CAAAK,sBAAA;AAC3D,IAAAK,kBAAuB,GAAAC,OAAA;AAIvB,IAAAC,WAAA,GAAAD,OAAA,gBAAqD;AA6C/C,IAAAE,aAAA,GAAAF,OAAA;AAnCN,IAAAG,sBAAM,GAAAH,OAAsB,8BAAO;AAAQ,IACzCI,mBAAM,OAAAH,WAAA,CAAAI,MAAA,EAAAH,aAAA,CAAAI,MAAA;EACNC,IAAA,kBAAU;EACVC,QAAA,EAAU;EACXC,QAAA;AAEM;AAA2C,IAC/Cb,cAAS,GAAQQ,mBAAA,CAAAM,SAAA,WAAAC,OAAA,EAAAC,GAAA;EAChB,IAAAC,aAAM;EAEN,IAAAC,KAAM,GAAE,IAAAb,WAAY,CAAAc,QAAQ,EAAAJ,OAAY;EACxC;IAAAK,KAAM;IAAAC,GAAA;IAAAC,MAAQ,EAAAC,UAAA;IAAAC,SAAS;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EAEvB,IAAAS,KAAI,OACFtB,WAAM,CAAAuB,QAAa;EACjB,IAAAN,MAAA,GAAQ,EAAAL,aAAc,GAAKC,KAAgB,CAAAI,MAAA,cAAAL,aAAA,uBAAAA,aAAA,CAAAY,GAAA,WAAAC,CAAA;IAC7C,IAACC,QAAM;IAET,IAAIC,YAAY;IACd,OACE,CAAAA,YAAa,IAAAD,QAAM,GAAAJ,KAAA,CAAAG,CAAA,eAAAC,QAAA,uBAAAA,QAAA,CAAAE,GAAA,qBAAAD,YAAA,cAAAA,YAAA,GAAAF,CAAA;EACjB;EACA,IAAAI,OAAK,CAAAC,GAAA,CAAAC,QAAA,KAAc,YAAW;IAC5B,IAAAd,MAAA,CAAAe,IAAO,WAAAP,CAAA;MAAA,IACTQ,UAAA,OAAAjC,WAAA,CAAAkC,cAAA,EAAAT,CAAA;MACF,IACA,CAAAQ,UAAA,IAAAA,UAAA,CAAAE,UAAA;QACA,WAAQ;MAAA;IACgE,IACxE;MACAC,OAAA,CAAAC,KAAU,iEAAcpB,MAAA;MAC1BA,MAAA,IACF,QAEA,MACE,CACE;IAAA;EAAC;EAAA,sBACC,IAAAnB,kBAAA,CAAAwC,IAAA,EAAAnC,mBAAA;IAAAQ,GAAA;IACA,GAAAU,UACA;IAAAD,QACA,kBACO,IAAAtB,kBAAA,CAAAyC,GAAA,EAAArC,sBAAA,CAAAP,cAAA;MAAAoB,KAAA;MACTC,GAAA;MACCC,MAAA;MACHE,SAAA;MAEJqB,KAAA,EAAAC;IACF,IAIMrB,QAAA;EAEJ;AAAK,EACL;AAAM,IACNqB,aAAO;EACPjC,QAAQ;EACRkC,GAAA;EACFC,IAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var index_exports = {};
 __export(index_exports, {

package/dist/cjs/index.native.js

@@ -5,20 +5,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var index_exports = {};
 __export(index_exports, {

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","LinearGradient","import_LinearGradient","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAC,qBAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAV,YAIO,CAAAK,aAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","LinearGradient","import_LinearGradient","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAC,qBAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAV,YAIO,CAAAK,aAAA","ignoreList":[]}

package/dist/cjs/linear-gradient.cjs

@@ -2,46 +2,48 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var linear_gradient_exports = {};
 __export(linear_gradient_exports, {
   LinearGradient: () => LinearGradient
 });
 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");
+var import_core = require("@tamagui/core");
+var React = __toESM(require("react"), 1);
+var import_react_native = require("react-native-web");
+var 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;
+  if (!start && !end) return false;
+  const startX = start?.[0] ?? 0.5;
+  const endX = end?.[0] ?? 0.5;
   return startX !== endX;
 }
 function LinearGradient({
@@ -51,20 +53,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__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+    colors, locations, normalizedStart, normalizedEnd, width, height);
+  }, [colors, locations, normalizedStart, normalizedEnd, width, height]);
+  if (!needsLayout) {
+    return /* @__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
+      }]
+    });
+  }
+  return /* @__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'.
@@ -76,45 +91,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__ */(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) {
   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 = (0, import_core.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/cjs/linear-gradient.native.js

@@ -5,28 +5,30 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  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"),
-  import_native = require("@tamagui/native");
+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) {
@@ -35,6 +37,7 @@ 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;
 }
 //# 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","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":[]}
+{"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":[]}