@tamagui/linear-gradient 1.15.40 → 1.16.0

package/dist/cjs/LinearGradient.shared.js

@@ -1,9 +1,7 @@
 "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)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var LinearGradient_shared_exports = {};
 __export(LinearGradient_shared_exports, {
@@ -34,28 +24,23 @@ 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_linear_gradient = require("./linear-gradient");
-const LinearGradient = import_stacks.YStack.extractable(
-  (0, import_core.themeable)(
-    React.forwardRef((propsIn, ref) => {
-      const props = (0, import_core.useMediaPropsActive)(propsIn);
-      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: absoluteFill,
-          children
-        }
-      ) });
-    })
-  )
-);
+const LinearGradient = import_stacks.YStack.styleable((propsIn, ref) => {
+  const props = (0, import_core.useMediaPropsActive)(propsIn);
+  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: absoluteFill,
+      children
+    }
+  ) });
+});
 const absoluteFill = {
   position: "absolute",
   top: 0,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradient.shared.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCU;AAlCV,kBAQO;AACP,oBAAoC;AACpC,YAAuB;AAGvB,6BAGO;AAQA,MAAM,iBAET,qBAAO;AAAA,MACT;AAAA,IACE,MAAM,WAAW,CAAC,SAA8B,QAAQ;AACtD,YAAM,YAAQ,iCAAoB,OAAO;AACzC,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aACE,4CAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,QAAC,uBAAAA;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,UAEN;AAAA;AAAA,MACH,GACF;AAAA,IAEJ,CAAC;AAAA,EACH;AACF;AAEA,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;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,CAAC,MAAM,KAAK;AACpB,iBAAO,yBAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BM;AA7BN,kBAOO;AACP,oBAAoC;AAGpC,6BAGO;AAQA,MAAM,iBAAiB,qBAAO,UAA+B,CAAC,SAAS,QAAQ;AACpF,QAAM,YAAQ,iCAAoB,OAAO;AAEzC,QAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,QAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,SACE,4CAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,IAAC,uBAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MAEN;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;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,CAAC,MAAM,KAAK;AACpB,iBAAO,yBAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
   "names": ["ExpoLinearGradient"]
 }

package/dist/esm/LinearGradient.shared.js

@@ -2,35 +2,29 @@ import { jsx } from "react/jsx-runtime";
 import {
   getVariable,
   styled,
-  themeable,
   useMediaPropsActive,
   useTheme
 } from "@tamagui/core";
 import { YStack } from "@tamagui/stacks";
-import * as React from "react";
 import {
   LinearGradient as ExpoLinearGradient
 } from "./linear-gradient";
-const LinearGradient = YStack.extractable(
-  themeable(
-    React.forwardRef((propsIn, ref) => {
-      const props = useMediaPropsActive(propsIn);
-      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: absoluteFill,
-          children
-        }
-      ) });
-    })
-  )
-);
+const LinearGradient = YStack.styleable((propsIn, ref) => {
+  const props = useMediaPropsActive(propsIn);
+  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: absoluteFill,
+      children
+    }
+  ) });
+});
 const absoluteFill = {
   position: "absolute",
   top: 0,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradient.shared.tsx"],
-  "mappings": "AAkCU;AAlCV;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AAGvB;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAAW,CAAC,SAA8B,QAAQ;AACtD,YAAM,QAAQ,oBAAoB,OAAO;AACzC,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aACE,oBAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,UAEN;AAAA;AAAA,MACH,GACF;AAAA,IAEJ,CAAC;AAAA,EACH;AACF;AAEA,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;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,CAAC,MAAM,KAAK;AACpB,aAAO,YAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "mappings": "AA6BM;AA7BN;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AAGpC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAAiB,OAAO,UAA+B,CAAC,SAAS,QAAQ;AACpF,QAAM,QAAQ,oBAAoB,OAAO;AAEzC,QAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,QAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,SACE,oBAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MAEN;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;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,CAAC,MAAM,KAAK;AACpB,aAAO,YAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
   "names": []
 }

package/dist/esm/LinearGradient.shared.mjs

@@ -2,35 +2,29 @@ import { jsx } from "react/jsx-runtime";
 import {
   getVariable,
   styled,
-  themeable,
   useMediaPropsActive,
   useTheme
 } from "@tamagui/core";
 import { YStack } from "@tamagui/stacks";
-import * as React from "react";
 import {
   LinearGradient as ExpoLinearGradient
 } from "./linear-gradient";
-const LinearGradient = YStack.extractable(
-  themeable(
-    React.forwardRef((propsIn, ref) => {
-      const props = useMediaPropsActive(propsIn);
-      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: absoluteFill,
-          children
-        }
-      ) });
-    })
-  )
-);
+const LinearGradient = YStack.styleable((propsIn, ref) => {
+  const props = useMediaPropsActive(propsIn);
+  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: absoluteFill,
+      children
+    }
+  ) });
+});
 const absoluteFill = {
   position: "absolute",
   top: 0,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradient.shared.tsx"],
-  "mappings": "AAkCU;AAlCV;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AAGvB;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAAW,CAAC,SAA8B,QAAQ;AACtD,YAAM,QAAQ,oBAAoB,OAAO;AACzC,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aACE,oBAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,UAEN;AAAA;AAAA,MACH,GACF;AAAA,IAEJ,CAAC;AAAA,EACH;AACF;AAEA,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;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,CAAC,MAAM,KAAK;AACpB,aAAO,YAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "mappings": "AA6BM;AA7BN;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AAGpC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAAiB,OAAO,UAA+B,CAAC,SAAS,QAAQ;AACpF,QAAM,QAAQ,oBAAoB,OAAO;AAEzC,QAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,QAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,SACE,oBAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MAEN;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;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,CAAC,MAAM,KAAK;AACpB,aAAO,YAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
   "names": []
 }

package/dist/jsx/LinearGradient.shared.js

@@ -1,31 +1,25 @@
 import {
   getVariable,
   styled,
-  themeable,
   useMediaPropsActive,
   useTheme
 } from "@tamagui/core";
 import { YStack } from "@tamagui/stacks";
-import * as React from "react";
 import {
   LinearGradient as ExpoLinearGradient
 } from "./linear-gradient";
-const LinearGradient = YStack.extractable(
-  themeable(
-    React.forwardRef((propsIn, ref) => {
-      const props = useMediaPropsActive(propsIn);
-      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={absoluteFill}
-      >{children}</ExpoLinearGradient></LinearGradientFrame>;
-    })
-  )
-);
+const LinearGradient = YStack.styleable((propsIn, ref) => {
+  const props = useMediaPropsActive(propsIn);
+  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={absoluteFill}
+  >{children}</ExpoLinearGradient></LinearGradientFrame>;
+});
 const absoluteFill = {
   position: "absolute",
   top: 0,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradient.shared.tsx"],
-  "mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AAGvB;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAAW,CAAC,SAA8B,QAAQ;AACtD,YAAM,QAAQ,oBAAoB,OAAO;AACzC,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aACE,CAAC,oBAAoB,KAAK,SAAgB,YACxC,CAAC;AAAA,QACC,OAAO;AAAA,QACP,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QAEN,SACH,EARC,mBASH,EAVC;AAAA,IAYL,CAAC;AAAA,EACH;AACF;AAEA,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;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,CAAC,MAAM,KAAK;AACpB,aAAO,YAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AAGpC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAAiB,OAAO,UAA+B,CAAC,SAAS,QAAQ;AACpF,QAAM,QAAQ,oBAAoB,OAAO;AAEzC,QAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,QAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,SACE,CAAC,oBAAoB,KAAK,SAAgB,YACxC,CAAC;AAAA,IACC,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,OAAO;AAAA,IAEN,SACH,EARC,mBASH,EAVC;AAYL,CAAC;AAED,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;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,CAAC,MAAM,KAAK;AACpB,aAAO,YAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
   "names": []
 }

package/dist/jsx/LinearGradient.shared.mjs

@@ -1,31 +1,25 @@
 import {
   getVariable,
   styled,
-  themeable,
   useMediaPropsActive,
   useTheme
 } from "@tamagui/core";
 import { YStack } from "@tamagui/stacks";
-import * as React from "react";
 import {
   LinearGradient as ExpoLinearGradient
 } from "./linear-gradient";
-const LinearGradient = YStack.extractable(
-  themeable(
-    React.forwardRef((propsIn, ref) => {
-      const props = useMediaPropsActive(propsIn);
-      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={absoluteFill}
-      >{children}</ExpoLinearGradient></LinearGradientFrame>;
-    })
-  )
-);
+const LinearGradient = YStack.styleable((propsIn, ref) => {
+  const props = useMediaPropsActive(propsIn);
+  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={absoluteFill}
+  >{children}</ExpoLinearGradient></LinearGradientFrame>;
+});
 const absoluteFill = {
   position: "absolute",
   top: 0,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradient.shared.tsx"],
-  "mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AAGvB;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAAW,CAAC,SAA8B,QAAQ;AACtD,YAAM,QAAQ,oBAAoB,OAAO;AACzC,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aACE,CAAC,oBAAoB,KAAK,SAAgB,YACxC,CAAC;AAAA,QACC,OAAO;AAAA,QACP,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QAEN,SACH,EARC,mBASH,EAVC;AAAA,IAYL,CAAC;AAAA,EACH;AACF;AAEA,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;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,CAAC,MAAM,KAAK;AACpB,aAAO,YAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AAGpC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAAiB,OAAO,UAA+B,CAAC,SAAS,QAAQ;AACpF,QAAM,QAAQ,oBAAoB,OAAO;AAEzC,QAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,QAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,SACE,CAAC,oBAAoB,KAAK,SAAgB,YACxC,CAAC;AAAA,IACC,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,OAAO;AAAA,IAEN,SACH,EARC,mBASH,EAVC;AAYL,CAAC;AAED,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;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,CAAC,MAAM,KAAK;AACpB,aAAO,YAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/linear-gradient",
-  "version": "1.15.40",
+  "version": "1.16.0",
   "sideEffects": [
     "*.css"
   ],
@@ -31,14 +31,14 @@
     }
   },
   "dependencies": {
-    "@tamagui/core": "1.15.40",
-    "@tamagui/stacks": "1.15.40"
+    "@tamagui/core": "1.16.0",
+    "@tamagui/stacks": "1.16.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.15.40",
+    "@tamagui/build": "1.16.0",
     "expo-linear-gradient": "^12.0.1",
     "react": "^18.2.0"
   },

package/src/LinearGradient.shared.tsx

@@ -3,13 +3,11 @@ import {
   ThemeTokens,
   getVariable,
   styled,
-  themeable,
   useMediaPropsActive,
   useTheme,
 } from '@tamagui/core'
 import { YStack, YStackProps } from '@tamagui/stacks'
-import * as React from 'react'
-import type { View, ViewStyle } from 'react-native'
+import type { ViewStyle } from 'react-native'
 
 import {
   LinearGradient as ExpoLinearGradient,
@@ -22,30 +20,25 @@ export type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &
     colors?: (ColorTokens | ThemeTokens | (string & {}))[]
   }
 
-export const LinearGradient: React.ForwardRefExoticComponent<
-  LinearGradientProps & React.RefAttributes<HTMLElement | View>
-> = YStack.extractable(
-  themeable(
-    React.forwardRef((propsIn: LinearGradientProps, ref) => {
-      const props = useMediaPropsActive(propsIn)
-      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props
-      const colors = useThemeColors(colorsProp || [])
-      return (
-        <LinearGradientFrame ref={ref as any} {...stackProps}>
-          <ExpoLinearGradient
-            start={start}
-            end={end}
-            colors={colors}
-            locations={locations}
-            style={absoluteFill}
-          >
-            {children}
-          </ExpoLinearGradient>
-        </LinearGradientFrame>
-      )
-    })
+export const LinearGradient = YStack.styleable<LinearGradientProps>((propsIn, ref) => {
+  const props = useMediaPropsActive(propsIn)
+
+  const { start, end, colors: colorsProp, locations, children, ...stackProps } = props
+  const colors = useThemeColors(colorsProp || [])
+  return (
+    <LinearGradientFrame ref={ref as any} {...stackProps}>
+      <ExpoLinearGradient
+        start={start}
+        end={end}
+        colors={colors}
+        locations={locations}
+        style={absoluteFill}
+      >
+        {children}
+      </ExpoLinearGradient>
+    </LinearGradientFrame>
   )
-) as any
+})
 
 const absoluteFill: ViewStyle = {
   position: 'absolute',

package/types/LinearGradient.shared.d.ts

@@ -1,10 +1,31 @@
 import { ColorTokens, ThemeTokens } from '@tamagui/core';
 import { YStackProps } from '@tamagui/stacks';
-import * as React from 'react';
-import type { 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 declare const LinearGradient: import("@tamagui/core").ReactComponentWithRef<Omit<ExpoLinearGradientProps, "colors"> & Omit<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+}>>, "colors" | keyof import("react-native").ViewProps | "locations" | "start" | "end"> & {
+    colors?: (ColorTokens | (string & {}))[] | undefined;
+} & Omit<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+}>>, "colors" | keyof import("react-native").ViewProps | "locations" | "start" | "end" | "display" | "elevation" | "gap" | "columnGap" | "rowGap" | "backgroundColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderColor" | "borderEndColor" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartColor" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderEndWidth" | "borderStartWidth" | "bottom" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "top" | "width" | "zIndex" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "fullscreen" | `$${string}` | `$${number}` | keyof import("@tamagui/core").TransformStyleProps | "cursor" | "contain" | "userSelect" | "outlineColor" | "outlineStyle" | "outlineOffset" | "outlineWidth" | "theme" | "space" | "separator" | "target" | "asChild" | "spaceDirection" | "dangerouslySetInnerHTML" | "animation" | "animateOnly" | "debug" | "disabled" | "className" | "themeShallow" | "tag" | "componentName" | "tabIndex" | "forceStyle" | "onPress" | "onPressIn" | "onPressOut" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onScroll" | "rel" | "download" | "dataSet" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "href" | "hrefAttrs" | "elevationAndroid" | keyof import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+}>>>, import("@tamagui/core").TamaguiElement>;
 //# sourceMappingURL=LinearGradient.shared.d.ts.map

package/types/LinearGradient.shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinearGradient.shared.d.ts","sourceRoot":"","sources":["../src/LinearGradient.shared.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,WAAW,EAMZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,IAAI,EAAa,MAAM,cAAc,CAAA;AAEnD,OAAO,EAEL,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,mBAAmB,CAAA;AAG1B,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,uBAAuB,EAAE,QAAQ,CAAC,GACvE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,MAAM,uBAAuB,CAAC,GAAG;IAC9D,MAAM,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,CAAA;CACvD,CAAA;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,yBAAyB,CAC1D,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,CAsBvD,CAAA"}
+{"version":3,"file":"LinearGradient.shared.d.ts","sourceRoot":"","sources":["../src/LinearGradient.shared.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,WAAW,EAKZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGrD,OAAO,EAEL,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,mBAAmB,CAAA;AAG1B,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,uBAAuB,EAAE,QAAQ,CAAC,GACvE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,MAAM,uBAAuB,CAAC,GAAG;IAC9D,MAAM,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,CAAA;CACvD,CAAA;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;6CAkBzB,CAAA"}