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

package/dist/cjs/linear-gradient.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,143 +6,117 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    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 __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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var linear_gradient_exports = {};
-__export(linear_gradient_exports, {
-  LinearGradient: () => LinearGradient
-});
+__export(linear_gradient_exports, { LinearGradient: () => LinearGradient });
 module.exports = __toCommonJS(linear_gradient_exports);
 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 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__ */(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'.
-    {
-      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__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {
+			...props,
+			onLayout: props.onLayout,
+			style: [props.style, { backgroundImage: linearGradientBackgroundImage }]
+		});
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.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 = (0, import_core.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 = (0, import_core.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;
+	});
+}

package/dist/cjs/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/cjs/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/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;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":["cjs/linear-gradient.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar linear_gradient_native_exports = {};\n__export(linear_gradient_native_exports, {\n  LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(linear_gradient_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_native = require(\"@tamagui/native\");\nfunction LinearGradient(props) {\n  var state = (0, import_native.getLinearGradient)().state;\n  if (state.enabled && state.Component) {\n    var ExpoLinearGradient = state.Component;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpoLinearGradient, {\n      ...props\n    });\n  }\n  console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);\n  return;\n}\n//# sourceMappingURL=linear-gradient.native.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,iCAAiC,CAAC;AACtC,SAAS,gCAAgC,EACvC,sBAAsB,eACxB,CAAC;AACD,OAAO,UAAU,aAAa,8BAA8B;AAC5D,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,SAAS,eAAe,OAAO;CAC7B,IAAI,SAAS,GAAG,cAAc,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/dist/esm/LinearGradient.mjs

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

package/dist/esm/LinearGradient.native.js

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

package/dist/esm/index.js

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

package/dist/esm/index.mjs

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