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

package/dist/esm/index.native.js

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

package/dist/esm/linear-gradient.mjs

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

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

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

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

@@ -1,15 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { 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`);
-  return;
+	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`);
+	return;
 }
+
 export { LinearGradient };
 //# sourceMappingURL=linear-gradient.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","getLinearGradient","LinearGradient","props","state","enabled","Component","ExpoLinearGradient","console","warn"],"sources":["../../src/linear-gradient.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,QAAY;AAC5B,SAASC,iBAAA,QAAyB;AAC3B,SAASC,eAAeC,KAAA,EAAO;EAClC,IAAIC,KAAA,GAAQH,iBAAA,CAAkB,EAAEG,KAAA;EAChC,IAAIA,KAAA,CAAMC,OAAA,IAAWD,KAAA,CAAME,SAAA,EAAW;IAClC,IAAIC,kBAAA,GAAqBH,KAAA,CAAME,SAAA;IAC/B,OAAqB,eAAAN,IAAA,CAAKO,kBAAA,EAAoB;MAC1C,GAAGJ;IACP,CAAC;EACL;EACAK,OAAA,CAAQC,IAAA,CAAK,gFAAgF;EAC7F;AACJ","ignoreList":[]}
+{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["esm/linear-gradient.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getLinearGradient } from \"@tamagui/native\";\nfunction LinearGradient(props) {\n  var state = getLinearGradient().state;\n  if (state.enabled && state.Component) {\n    var ExpoLinearGradient = state.Component;\n    return /* @__PURE__ */ _jsx(ExpoLinearGradient, {\n      ...props\n    });\n  }\n  console.warn(`Warning: Must call import '@tamagui/native/setup-expo-linear-gradient' at root`);\n  return;\n}\nexport {\n  LinearGradient\n};\n//# sourceMappingURL=linear-gradient.native.js.map\n"],"mappings":";;;;AAEA,SAAS,eAAe,OAAO;CAC7B,IAAI,QAAQ,kBAAkB,EAAE;CAChC,IAAI,MAAM,WAAW,MAAM,WAAW;EACpC,IAAI,qBAAqB,MAAM;EAC/B,OAAuB,oBAAK,oBAAoB,EAC9C,GAAG,MACL,CAAC;CACH;CACA,QAAQ,KAAK,gFAAgF;CAC7F;AACF"}

package/dist/jsx/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/jsx/LinearGradient.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["normalizeColor","styled","useProps","useTheme","YStack","LinearGradient","ExpoLinearGradient","jsx","jsxs","LinearGradientFrame","name","overflow","position","styleable","propsIn","ref","props","start","end","colors","colorsProp","locations","children","stackProps","theme","map","c","get","process","env","NODE_ENV","some","normalized","startsWith","console","error","style","gradientStyle","top","left","right","bottom","zIndex"],"sources":["../../src/LinearGradient.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,EAAgBC,MAAA,EAAQC,QAAA,EAAUC,QAAA,QAAgB;AAC3D,SAASC,MAAA,QAAc;AAIvB,SAASC,cAAA,IAAkBC,kBAAA,QAA0B;AA6C/C,SACEC,GAAA,EADFC,IAAA;AAnCN,MAAMC,mBAAA,GAAsBR,MAAA,CAAOG,MAAA,EAAQ;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":["jsx/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/jsx/LinearGradient.native.cjs

@@ -0,0 +1,76 @@
+"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 LinearGradient_exports = {};
+__export(LinearGradient_exports, { LinearGradient: () => LinearGradient });
+module.exports = __toCommonJS(LinearGradient_exports);
+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, {
+	displayName: "LinearGradient",
+	overflow: "hidden",
+	position: "relative"
+});
+var LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, 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) {
+				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
+};

package/dist/jsx/LinearGradient.native.js

@@ -1,87 +1,78 @@
 "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 LinearGradient_exports = {};
-__export(LinearGradient_exports, {
-  LinearGradient: () => LinearGradient
-});
+__export(LinearGradient_exports, { LinearGradient: () => LinearGradient });
 module.exports = __toCommonJS(LinearGradient_exports);
 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"
+	displayName: "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 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 LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, 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) {
+				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
+	position: "absolute",
+	top: 0,
+	left: 0,
+	right: 0,
+	bottom: 0,
+	zIndex: 0
 };
+
 //# sourceMappingURL=LinearGradient.native.js.map