@tamagui/linear-gradient 1.0.4 → 1.0.5

package/dist/cjs/LinearGradient.js

@@ -1,14 +1,8 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 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 });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -17,58 +11,9 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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 React = __toESM(require("react"));
-var import_react_native = require("react-native");
-var import_linear_gradient = require("./linear-gradient");
-const LinearGradient = import_stacks.YStack.extractable(
-  (0, import_core.themeable)(
-    React.forwardRef((props, ref) => {
-      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
-      const colors = useThemeColors(colorsProp || []);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinearGradientFrame, {
-        ref,
-        ...stackProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
-          start,
-          end,
-          colors,
-          locations,
-          style: import_react_native.StyleSheet.absoluteFill,
-          children
-        })
-      });
-    })
-  )
-);
-const LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
-  name: "LinearGradient",
-  overflow: "hidden",
-  position: "relative"
-});
-const useThemeColors = (colors) => {
-  const theme = (0, import_core.useTheme)();
-  return colors.map((color) => {
-    if (color[0] === "$") {
-      return (0, import_core.getVariable)(theme[color] || color);
-    }
-    return color;
-  });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LinearGradient
-});
+__reExport(LinearGradient_exports, require("./LinearGradient.shared"), module.exports);
 //# sourceMappingURL=LinearGradient.js.map

package/dist/cjs/LinearGradient.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradient.tsx"],
-  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\n\nimport {\n  LinearGradient as ExpoLinearGradient,\n  LinearGradientProps as ExpoLinearGradientProps,\n} from './linear-gradient'\n\n//\nexport type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &\n  Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {\n    colors?: (ColorTokens | ThemeTokens | (string & {}))[]\n  }\n\nexport const LinearGradient: React.ForwardRefExoticComponent<\n  LinearGradientProps & React.RefAttributes<HTMLElement | View>\n> = YStack.extractable(\n  themeable(\n    React.forwardRef((props: LinearGradientProps, ref) => {\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        // @ts-ignore\n        <LinearGradientFrame ref={ref} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={StyleSheet.absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst LinearGradientFrame = styled(YStack, {\n  name: 'LinearGradient',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\n// resolve tamagui theme values\nconst useThemeColors = (colors: string[]) => {\n  const theme = useTheme()\n  return colors.map((color) => {\n    if (color[0] === '$') {\n      return getVariable(theme[color] || color)\n    }\n    return color\n  })\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCU;AAjCV,kBAOO;AACP,oBAAoC;AACpC,YAAuB;AACvB,0BAAiC;AAEjC,6BAGO;AAQA,MAAM,iBAET,qBAAO;AAAA,MACT;AAAA,IACE,MAAM,WAAW,CAAC,OAA4B,QAAQ;AACpD,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,aAAa,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aAEE,4CAAC;AAAA,QAAoB;AAAA,QAAW,GAAG;AAAA,QACjC,sDAAC,uBAAAA,gBAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,+BAAW;AAAA,UAEjB;AAAA,SACH;AAAA,OACF;AAAA,IAEJ,CAAC;AAAA,EACH;AACF;AAEA,MAAM,0BAAsB,oBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAGD,MAAM,iBAAiB,CAAC,WAAqB;AAC3C,QAAM,YAAQ,sBAAS;AACvB,SAAO,OAAO,IAAI,CAAC,UAAU;AAC3B,QAAI,MAAM,OAAO,KAAK;AACpB,iBAAO,yBAAY,MAAM,UAAU,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
-  "names": ["ExpoLinearGradient"]
+  "sourcesContent": ["export * from './LinearGradient.shared'\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,mCAAc,oCAAd;",
+  "names": []
 }

package/dist/cjs/LinearGradient.native.js

@@ -0,0 +1,35 @@
+"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_native_exports = {};
+__export(LinearGradient_native_exports, {
+  LinearGradient: () => LinearGradient
+});
+module.exports = __toCommonJS(LinearGradient_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function LinearGradient(props) {
+  const Real = require("./LinearGradient.shared").LinearGradient;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Real, {
+    ...props
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LinearGradient
+});
+//# sourceMappingURL=LinearGradient.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradient.native.tsx"],
+  "sourcesContent": ["/**\n * Fake file require just so native users can avoid installing\n * expo stuff up front for native.\n */\n\nimport { View } from 'react-native'\n\nexport function LinearGradient(props) {\n  const Real = require('./LinearGradient.shared').LinearGradient\n\n  return <Real {...props} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUS;AAHF,SAAS,eAAe,OAAO;AACpC,QAAM,OAAO,QAAQ,yBAAyB,EAAE;AAEhD,SAAO,4CAAC;AAAA,IAAM,GAAG;AAAA,GAAO;AAC1B;",
+  "names": []
+}

package/dist/cjs/LinearGradient.shared.js

@@ -0,0 +1,74 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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 });
+};
+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 __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 LinearGradient_shared_exports = {};
+__export(LinearGradient_shared_exports, {
+  LinearGradient: () => LinearGradient
+});
+module.exports = __toCommonJS(LinearGradient_shared_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_stacks = require("@tamagui/stacks");
+var React = __toESM(require("react"));
+var import_react_native = require("react-native");
+var import_linear_gradient = require("./linear-gradient");
+const LinearGradient = import_stacks.YStack.extractable(
+  (0, import_core.themeable)(
+    React.forwardRef((props, ref) => {
+      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
+      const colors = useThemeColors(colorsProp || []);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinearGradientFrame, {
+        ref,
+        ...stackProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+          start,
+          end,
+          colors,
+          locations,
+          style: import_react_native.StyleSheet.absoluteFill,
+          children
+        })
+      });
+    })
+  )
+);
+const LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: "LinearGradient",
+  overflow: "hidden",
+  position: "relative"
+});
+const useThemeColors = (colors) => {
+  const theme = (0, import_core.useTheme)();
+  return colors.map((color) => {
+    if (color[0] === "$") {
+      return (0, import_core.getVariable)(theme[color] || color);
+    }
+    return color;
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LinearGradient
+});
+//# sourceMappingURL=LinearGradient.shared.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradient.shared.tsx"],
+  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\n\nimport {\n  LinearGradient as ExpoLinearGradient,\n  LinearGradientProps as ExpoLinearGradientProps,\n} from './linear-gradient'\n\n//\nexport type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &\n  Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {\n    colors?: (ColorTokens | ThemeTokens | (string & {}))[]\n  }\n\nexport const LinearGradient: React.ForwardRefExoticComponent<\n  LinearGradientProps & React.RefAttributes<HTMLElement | View>\n> = YStack.extractable(\n  themeable(\n    React.forwardRef((props: LinearGradientProps, ref) => {\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        // @ts-ignore\n        <LinearGradientFrame ref={ref} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={StyleSheet.absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst LinearGradientFrame = styled(YStack, {\n  name: 'LinearGradient',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\n// resolve tamagui theme values\nconst useThemeColors = (colors: string[]) => {\n  const theme = useTheme()\n  return colors.map((color) => {\n    if (color[0] === '$') {\n      return getVariable(theme[color] || color)\n    }\n    return color\n  })\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCU;AAjCV,kBAOO;AACP,oBAAoC;AACpC,YAAuB;AACvB,0BAAiC;AAEjC,6BAGO;AAQA,MAAM,iBAET,qBAAO;AAAA,MACT;AAAA,IACE,MAAM,WAAW,CAAC,OAA4B,QAAQ;AACpD,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,aAAa,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aAEE,4CAAC;AAAA,QAAoB;AAAA,QAAW,GAAG;AAAA,QACjC,sDAAC,uBAAAA,gBAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,+BAAW;AAAA,UAEjB;AAAA,SACH;AAAA,OACF;AAAA,IAEJ,CAAC;AAAA,EACH;AACF;AAEA,MAAM,0BAAsB,oBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAGD,MAAM,iBAAiB,CAAC,WAAqB;AAC3C,QAAM,YAAQ,sBAAS;AACvB,SAAO,OAAO,IAAI,CAAC,UAAU;AAC3B,QAAI,MAAM,OAAO,KAAK;AACpB,iBAAO,yBAAY,MAAM,UAAU,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "names": ["ExpoLinearGradient"]
+}

package/dist/esm/LinearGradient.js

@@ -1,51 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import {
-  getVariable,
-  styled,
-  themeable,
-  useTheme
-} from "@tamagui/core";
-import { YStack } from "@tamagui/stacks";
-import * as React from "react";
-import { StyleSheet } from "react-native";
-import {
-  LinearGradient as ExpoLinearGradient
-} from "./linear-gradient";
-const LinearGradient = YStack.extractable(
-  themeable(
-    React.forwardRef((props, ref) => {
-      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
-      const colors = useThemeColors(colorsProp || []);
-      return /* @__PURE__ */ jsx(LinearGradientFrame, {
-        ref,
-        ...stackProps,
-        children: /* @__PURE__ */ jsx(ExpoLinearGradient, {
-          start,
-          end,
-          colors,
-          locations,
-          style: StyleSheet.absoluteFill,
-          children
-        })
-      });
-    })
-  )
-);
-const LinearGradientFrame = styled(YStack, {
-  name: "LinearGradient",
-  overflow: "hidden",
-  position: "relative"
-});
-const useThemeColors = (colors) => {
-  const theme = useTheme();
-  return colors.map((color) => {
-    if (color[0] === "$") {
-      return getVariable(theme[color] || color);
-    }
-    return color;
-  });
-};
-export {
-  LinearGradient
-};
+export * from "./LinearGradient.shared";
 //# sourceMappingURL=LinearGradient.js.map

package/dist/esm/LinearGradient.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradient.tsx"],
-  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\n\nimport {\n  LinearGradient as ExpoLinearGradient,\n  LinearGradientProps as ExpoLinearGradientProps,\n} from './linear-gradient'\n\n//\nexport type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &\n  Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {\n    colors?: (ColorTokens | ThemeTokens | (string & {}))[]\n  }\n\nexport const LinearGradient: React.ForwardRefExoticComponent<\n  LinearGradientProps & React.RefAttributes<HTMLElement | View>\n> = YStack.extractable(\n  themeable(\n    React.forwardRef((props: LinearGradientProps, ref) => {\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        // @ts-ignore\n        <LinearGradientFrame ref={ref} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={StyleSheet.absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst LinearGradientFrame = styled(YStack, {\n  name: 'LinearGradient',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\n// resolve tamagui theme values\nconst useThemeColors = (colors: string[]) => {\n  const theme = useTheme()\n  return colors.map((color) => {\n    if (color[0] === '$') {\n      return getVariable(theme[color] || color)\n    }\n    return color\n  })\n}\n"],
-  "mappings": "AAiCU;AAjCV;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AACvB,SAAS,kBAAwB;AAEjC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAAW,CAAC,OAA4B,QAAQ;AACpD,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,aAAa,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aAEE,oBAAC;AAAA,QAAoB;AAAA,QAAW,GAAG;AAAA,QACjC,8BAAC;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,WAAW;AAAA,UAEjB;AAAA,SACH;AAAA,OACF;AAAA,IAEJ,CAAC;AAAA,EACH;AACF;AAEA,MAAM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAGD,MAAM,iBAAiB,CAAC,WAAqB;AAC3C,QAAM,QAAQ,SAAS;AACvB,SAAO,OAAO,IAAI,CAAC,UAAU;AAC3B,QAAI,MAAM,OAAO,KAAK;AACpB,aAAO,YAAY,MAAM,UAAU,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "sourcesContent": ["export * from './LinearGradient.shared'\n"],
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/esm/LinearGradient.native.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+function LinearGradient(props) {
+  const Real = require("./LinearGradient.shared").LinearGradient;
+  return /* @__PURE__ */ jsx(Real, {
+    ...props
+  });
+}
+export {
+  LinearGradient
+};
+//# sourceMappingURL=LinearGradient.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradient.native.tsx"],
+  "sourcesContent": ["/**\n * Fake file require just so native users can avoid installing\n * expo stuff up front for native.\n */\n\nimport { View } from 'react-native'\n\nexport function LinearGradient(props) {\n  const Real = require('./LinearGradient.shared').LinearGradient\n\n  return <Real {...props} />\n}\n"],
+  "mappings": "AAUS;AAHF,SAAS,eAAe,OAAO;AACpC,QAAM,OAAO,QAAQ,yBAAyB,EAAE;AAEhD,SAAO,oBAAC;AAAA,IAAM,GAAG;AAAA,GAAO;AAC1B;",
+  "names": []
+}

package/dist/esm/LinearGradient.shared.js

@@ -0,0 +1,51 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  getVariable,
+  styled,
+  themeable,
+  useTheme
+} from "@tamagui/core";
+import { YStack } from "@tamagui/stacks";
+import * as React from "react";
+import { StyleSheet } from "react-native";
+import {
+  LinearGradient as ExpoLinearGradient
+} from "./linear-gradient";
+const LinearGradient = YStack.extractable(
+  themeable(
+    React.forwardRef((props, ref) => {
+      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
+      const colors = useThemeColors(colorsProp || []);
+      return /* @__PURE__ */ jsx(LinearGradientFrame, {
+        ref,
+        ...stackProps,
+        children: /* @__PURE__ */ jsx(ExpoLinearGradient, {
+          start,
+          end,
+          colors,
+          locations,
+          style: StyleSheet.absoluteFill,
+          children
+        })
+      });
+    })
+  )
+);
+const LinearGradientFrame = styled(YStack, {
+  name: "LinearGradient",
+  overflow: "hidden",
+  position: "relative"
+});
+const useThemeColors = (colors) => {
+  const theme = useTheme();
+  return colors.map((color) => {
+    if (color[0] === "$") {
+      return getVariable(theme[color] || color);
+    }
+    return color;
+  });
+};
+export {
+  LinearGradient
+};
+//# sourceMappingURL=LinearGradient.shared.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradient.shared.tsx"],
+  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\n\nimport {\n  LinearGradient as ExpoLinearGradient,\n  LinearGradientProps as ExpoLinearGradientProps,\n} from './linear-gradient'\n\n//\nexport type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &\n  Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {\n    colors?: (ColorTokens | ThemeTokens | (string & {}))[]\n  }\n\nexport const LinearGradient: React.ForwardRefExoticComponent<\n  LinearGradientProps & React.RefAttributes<HTMLElement | View>\n> = YStack.extractable(\n  themeable(\n    React.forwardRef((props: LinearGradientProps, ref) => {\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        // @ts-ignore\n        <LinearGradientFrame ref={ref} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={StyleSheet.absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst LinearGradientFrame = styled(YStack, {\n  name: 'LinearGradient',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\n// resolve tamagui theme values\nconst useThemeColors = (colors: string[]) => {\n  const theme = useTheme()\n  return colors.map((color) => {\n    if (color[0] === '$') {\n      return getVariable(theme[color] || color)\n    }\n    return color\n  })\n}\n"],
+  "mappings": "AAiCU;AAjCV;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AACvB,SAAS,kBAAwB;AAEjC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAAW,CAAC,OAA4B,QAAQ;AACpD,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,aAAa,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aAEE,oBAAC;AAAA,QAAoB;AAAA,QAAW,GAAG;AAAA,QACjC,8BAAC;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,WAAW;AAAA,UAEjB;AAAA,SACH;AAAA,OACF;AAAA,IAEJ,CAAC;AAAA,EACH;AACF;AAEA,MAAM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAGD,MAAM,iBAAiB,CAAC,WAAqB;AAC3C,QAAM,QAAQ,SAAS;AACvB,SAAO,OAAO,IAAI,CAAC,UAAU;AAC3B,QAAI,MAAM,OAAO,KAAK;AACpB,aAAO,YAAY,MAAM,UAAU,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "names": []
+}

package/dist/jsx/LinearGradient.js

@@ -1,39 +1,2 @@
-import {
-  getVariable,
-  styled,
-  themeable,
-  useTheme
-} from "@tamagui/core";
-import { YStack } from "@tamagui/stacks";
-import * as React from "react";
-import { StyleSheet } from "react-native";
-import {
-  LinearGradient as ExpoLinearGradient
-} from "./linear-gradient";
-const LinearGradient = YStack.extractable(
-  themeable(
-    React.forwardRef((props, ref) => {
-      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
-      const colors = useThemeColors(colorsProp || []);
-      return <LinearGradientFrame ref={ref} {...stackProps}><ExpoLinearGradient start={start} end={end} colors={colors} locations={locations} style={StyleSheet.absoluteFill}>{children}</ExpoLinearGradient></LinearGradientFrame>;
-    })
-  )
-);
-const LinearGradientFrame = styled(YStack, {
-  name: "LinearGradient",
-  overflow: "hidden",
-  position: "relative"
-});
-const useThemeColors = (colors) => {
-  const theme = useTheme();
-  return colors.map((color) => {
-    if (color[0] === "$") {
-      return getVariable(theme[color] || color);
-    }
-    return color;
-  });
-};
-export {
-  LinearGradient
-};
+export * from "./LinearGradient.shared";
 //# sourceMappingURL=LinearGradient.js.map

package/dist/jsx/LinearGradient.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradient.tsx"],
-  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\n\nimport {\n  LinearGradient as ExpoLinearGradient,\n  LinearGradientProps as ExpoLinearGradientProps,\n} from './linear-gradient'\n\n//\nexport type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &\n  Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {\n    colors?: (ColorTokens | ThemeTokens | (string & {}))[]\n  }\n\nexport const LinearGradient: React.ForwardRefExoticComponent<\n  LinearGradientProps & React.RefAttributes<HTMLElement | View>\n> = YStack.extractable(\n  themeable(\n    React.forwardRef((props: LinearGradientProps, ref) => {\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        // @ts-ignore\n        <LinearGradientFrame ref={ref} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={StyleSheet.absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst LinearGradientFrame = styled(YStack, {\n  name: 'LinearGradient',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\n// resolve tamagui theme values\nconst useThemeColors = (colors: string[]) => {\n  const theme = useTheme()\n  return colors.map((color) => {\n    if (color[0] === '$') {\n      return getVariable(theme[color] || color)\n    }\n    return color\n  })\n}\n"],
-  "mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AACvB,SAAS,kBAAwB;AAEjC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAAW,CAAC,OAA4B,QAAQ;AACpD,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,aAAa,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aAEE,CAAC,oBAAoB,KAAK,SAAS,YACjC,CAAC,mBACC,OAAO,OACP,KAAK,KACL,QAAQ,QACR,WAAW,WACX,OAAO,WAAW,eAEjB,SACH,EARC,mBASH,EAVC;AAAA,IAYL,CAAC;AAAA,EACH;AACF;AAEA,MAAM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAGD,MAAM,iBAAiB,CAAC,WAAqB;AAC3C,QAAM,QAAQ,SAAS;AACvB,SAAO,OAAO,IAAI,CAAC,UAAU;AAC3B,QAAI,MAAM,OAAO,KAAK;AACpB,aAAO,YAAY,MAAM,UAAU,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "sourcesContent": ["export * from './LinearGradient.shared'\n"],
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/jsx/LinearGradient.native.js

@@ -0,0 +1,8 @@
+function LinearGradient(props) {
+  const Real = require("./LinearGradient.shared").LinearGradient;
+  return <Real {...props} />;
+}
+export {
+  LinearGradient
+};
+//# sourceMappingURL=LinearGradient.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradient.native.tsx"],
+  "sourcesContent": ["/**\n * Fake file require just so native users can avoid installing\n * expo stuff up front for native.\n */\n\nimport { View } from 'react-native'\n\nexport function LinearGradient(props) {\n  const Real = require('./LinearGradient.shared').LinearGradient\n\n  return <Real {...props} />\n}\n"],
+  "mappings": "AAOO,SAAS,eAAe,OAAO;AACpC,QAAM,OAAO,QAAQ,yBAAyB,EAAE;AAEhD,SAAO,CAAC,SAAS,OAAO;AAC1B;",
+  "names": []
+}

package/dist/jsx/LinearGradient.shared.js

@@ -0,0 +1,39 @@
+import {
+  getVariable,
+  styled,
+  themeable,
+  useTheme
+} from "@tamagui/core";
+import { YStack } from "@tamagui/stacks";
+import * as React from "react";
+import { StyleSheet } from "react-native";
+import {
+  LinearGradient as ExpoLinearGradient
+} from "./linear-gradient";
+const LinearGradient = YStack.extractable(
+  themeable(
+    React.forwardRef((props, ref) => {
+      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
+      const colors = useThemeColors(colorsProp || []);
+      return <LinearGradientFrame ref={ref} {...stackProps}><ExpoLinearGradient start={start} end={end} colors={colors} locations={locations} style={StyleSheet.absoluteFill}>{children}</ExpoLinearGradient></LinearGradientFrame>;
+    })
+  )
+);
+const LinearGradientFrame = styled(YStack, {
+  name: "LinearGradient",
+  overflow: "hidden",
+  position: "relative"
+});
+const useThemeColors = (colors) => {
+  const theme = useTheme();
+  return colors.map((color) => {
+    if (color[0] === "$") {
+      return getVariable(theme[color] || color);
+    }
+    return color;
+  });
+};
+export {
+  LinearGradient
+};
+//# sourceMappingURL=LinearGradient.shared.js.map

package/dist/jsx/LinearGradient.shared.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradient.shared.tsx"],
+  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\n\nimport {\n  LinearGradient as ExpoLinearGradient,\n  LinearGradientProps as ExpoLinearGradientProps,\n} from './linear-gradient'\n\n//\nexport type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &\n  Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {\n    colors?: (ColorTokens | ThemeTokens | (string & {}))[]\n  }\n\nexport const LinearGradient: React.ForwardRefExoticComponent<\n  LinearGradientProps & React.RefAttributes<HTMLElement | View>\n> = YStack.extractable(\n  themeable(\n    React.forwardRef((props: LinearGradientProps, ref) => {\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        // @ts-ignore\n        <LinearGradientFrame ref={ref} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={StyleSheet.absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst LinearGradientFrame = styled(YStack, {\n  name: 'LinearGradient',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\n// resolve tamagui theme values\nconst useThemeColors = (colors: string[]) => {\n  const theme = useTheme()\n  return colors.map((color) => {\n    if (color[0] === '$') {\n      return getVariable(theme[color] || color)\n    }\n    return color\n  })\n}\n"],
+  "mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AACvB,SAAS,kBAAwB;AAEjC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAAW,CAAC,OAA4B,QAAQ;AACpD,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,aAAa,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aAEE,CAAC,oBAAoB,KAAK,SAAS,YACjC,CAAC,mBACC,OAAO,OACP,KAAK,KACL,QAAQ,QACR,WAAW,WACX,OAAO,WAAW,eAEjB,SACH,EARC,mBASH,EAVC;AAAA,IAYL,CAAC;AAAA,EACH;AACF;AAEA,MAAM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAGD,MAAM,iBAAiB,CAAC,WAAqB;AAC3C,QAAM,QAAQ,SAAS;AACvB,SAAO,OAAO,IAAI,CAAC,UAAU;AAC3B,QAAI,MAAM,OAAO,KAAK;AACpB,aAAO,YAAY,MAAM,UAAU,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/linear-gradient",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "sideEffects": [
     "*.css"
   ],
@@ -23,8 +23,8 @@
     "lint:fix": "../../node_modules/.bin/rome check --apply-suggested src"
   },
   "dependencies": {
-    "@tamagui/core": "^1.0.4",
-    "@tamagui/stacks": "^1.0.4"
+    "@tamagui/core": "^1.0.5",
+    "@tamagui/stacks": "^1.0.5"
   },
   "peerDependencies": {
     "expo-linear-gradient": "*",
@@ -32,7 +32,7 @@
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.4",
+    "@tamagui/build": "^1.0.5",
     "expo-linear-gradient": "^12.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

package/src/LinearGradient.native.tsx

@@ -0,0 +1,12 @@
+/**
+ * Fake file require just so native users can avoid installing
+ * expo stuff up front for native.
+ */
+
+import { View } from 'react-native'
+
+export function LinearGradient(props) {
+  const Real = require('./LinearGradient.shared').LinearGradient
+
+  return <Real {...props} />
+}

package/src/LinearGradient.shared.tsx

@@ -0,0 +1,64 @@
+import {
+  ColorTokens,
+  ThemeTokens,
+  getVariable,
+  styled,
+  themeable,
+  useTheme,
+} from '@tamagui/core'
+import { YStack, YStackProps } from '@tamagui/stacks'
+import * as React from 'react'
+import { StyleSheet, View } from 'react-native'
+
+import {
+  LinearGradient as ExpoLinearGradient,
+  LinearGradientProps as ExpoLinearGradientProps,
+} from './linear-gradient'
+
+//
+export type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &
+  Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {
+    colors?: (ColorTokens | ThemeTokens | (string & {}))[]
+  }
+
+export const LinearGradient: React.ForwardRefExoticComponent<
+  LinearGradientProps & React.RefAttributes<HTMLElement | View>
+> = YStack.extractable(
+  themeable(
+    React.forwardRef((props: LinearGradientProps, ref) => {
+      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props
+      const colors = useThemeColors(colorsProp || [])
+      return (
+        // @ts-ignore
+        <LinearGradientFrame ref={ref} {...stackProps}>
+          <ExpoLinearGradient
+            start={start}
+            end={end}
+            colors={colors}
+            locations={locations}
+            style={StyleSheet.absoluteFill}
+          >
+            {children}
+          </ExpoLinearGradient>
+        </LinearGradientFrame>
+      )
+    })
+  )
+) as any
+
+const LinearGradientFrame = styled(YStack, {
+  name: 'LinearGradient',
+  overflow: 'hidden',
+  position: 'relative',
+})
+
+// resolve tamagui theme values
+const useThemeColors = (colors: string[]) => {
+  const theme = useTheme()
+  return colors.map((color) => {
+    if (color[0] === '$') {
+      return getVariable(theme[color] || color)
+    }
+    return color
+  })
+}

package/src/LinearGradient.tsx

@@ -1,64 +1 @@
-import {
-  ColorTokens,
-  ThemeTokens,
-  getVariable,
-  styled,
-  themeable,
-  useTheme,
-} from '@tamagui/core'
-import { YStack, YStackProps } from '@tamagui/stacks'
-import * as React from 'react'
-import { StyleSheet, View } from 'react-native'
-
-import {
-  LinearGradient as ExpoLinearGradient,
-  LinearGradientProps as ExpoLinearGradientProps,
-} from './linear-gradient'
-
-//
-export type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &
-  Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {
-    colors?: (ColorTokens | ThemeTokens | (string & {}))[]
-  }
-
-export const LinearGradient: React.ForwardRefExoticComponent<
-  LinearGradientProps & React.RefAttributes<HTMLElement | View>
-> = YStack.extractable(
-  themeable(
-    React.forwardRef((props: LinearGradientProps, ref) => {
-      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props
-      const colors = useThemeColors(colorsProp || [])
-      return (
-        // @ts-ignore
-        <LinearGradientFrame ref={ref} {...stackProps}>
-          <ExpoLinearGradient
-            start={start}
-            end={end}
-            colors={colors}
-            locations={locations}
-            style={StyleSheet.absoluteFill}
-          >
-            {children}
-          </ExpoLinearGradient>
-        </LinearGradientFrame>
-      )
-    })
-  )
-) as any
-
-const LinearGradientFrame = styled(YStack, {
-  name: 'LinearGradient',
-  overflow: 'hidden',
-  position: 'relative',
-})
-
-// resolve tamagui theme values
-const useThemeColors = (colors: string[]) => {
-  const theme = useTheme()
-  return colors.map((color) => {
-    if (color[0] === '$') {
-      return getVariable(theme[color] || color)
-    }
-    return color
-  })
-}
+export * from './LinearGradient.shared'

package/types/LinearGradient.d.ts

@@ -1,10 +1,2 @@
-import { ColorTokens, ThemeTokens } from '@tamagui/core';
-import { YStackProps } from '@tamagui/stacks';
-import * as React from 'react';
-import { View } from 'react-native';
-import { LinearGradientProps as ExpoLinearGradientProps } from './linear-gradient';
-export type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> & Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {
-    colors?: (ColorTokens | ThemeTokens | (string & {}))[];
-};
-export declare const LinearGradient: React.ForwardRefExoticComponent<LinearGradientProps & React.RefAttributes<HTMLElement | View>>;
+export * from './LinearGradient.shared';
 //# sourceMappingURL=LinearGradient.d.ts.map

package/types/LinearGradient.native.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Fake file require just so native users can avoid installing
+ * expo stuff up front for native.
+ */
+/// <reference types="react" />
+export declare function LinearGradient(props: any): JSX.Element;
+//# sourceMappingURL=LinearGradient.native.d.ts.map

package/types/LinearGradient.shared.d.ts

@@ -0,0 +1,10 @@
+import { ColorTokens, ThemeTokens } from '@tamagui/core';
+import { YStackProps } from '@tamagui/stacks';
+import * as React from 'react';
+import { View } from 'react-native';
+import { LinearGradientProps as ExpoLinearGradientProps } from './linear-gradient';
+export type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> & Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {
+    colors?: (ColorTokens | ThemeTokens | (string & {}))[];
+};
+export declare const LinearGradient: React.ForwardRefExoticComponent<LinearGradientProps & React.RefAttributes<HTMLElement | View>>;
+//# sourceMappingURL=LinearGradient.shared.d.ts.map