@tamagui/linear-gradient 1.5.8 → 1.5.10

package/dist/cjs/LinearGradient.shared.js

@@ -38,23 +38,21 @@ var React = __toESM(require("react"));
 var import_linear_gradient = require("./linear-gradient");
 const LinearGradient = import_stacks.YStack.extractable(
   (0, import_core.themeable)(
-    React.forwardRef((props, ref) => {
+    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 (
-        // @ts-ignore
-        /* @__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
-          }
-        ) })
-      );
+      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
+        }
+      ) });
     })
   )
 );

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

@@ -1,7 +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 type { View, ViewStyle } 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={absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst absoluteFill: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n}\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;AAGvB,6BAGO;AAQA,MAAM,iBAET,qBAAO;AAAA,MACT;AAAA,IACE,MAAM,WAAW,CAAC,OAA4B,QAAQ;AACpD,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C;AAAA;AAAA,QAEE,4CAAC,uBAAoB,KAAW,GAAG,YACjC;AAAA,UAAC,uBAAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO;AAAA,YAEN;AAAA;AAAA,QACH,GACF;AAAA;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;",
+  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useMediaPropsActive,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport type { View, ViewStyle } 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((propsIn: LinearGradientProps, ref) => {\n      const props = useMediaPropsActive(propsIn)\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        <LinearGradientFrame ref={ref as any} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst absoluteFill: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n}\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;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;",
   "names": ["ExpoLinearGradient"]
 }

package/dist/esm/LinearGradient.shared.js

@@ -3,6 +3,7 @@ import {
   getVariable,
   styled,
   themeable,
+  useMediaPropsActive,
   useTheme
 } from "@tamagui/core";
 import { YStack } from "@tamagui/stacks";
@@ -12,23 +13,21 @@ import {
 } from "./linear-gradient";
 const LinearGradient = YStack.extractable(
   themeable(
-    React.forwardRef((props, ref) => {
+    React.forwardRef((propsIn, ref) => {
+      const props = useMediaPropsActive(propsIn);
       const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
       const colors = useThemeColors(colorsProp || []);
-      return (
-        // @ts-ignore
-        /* @__PURE__ */ jsx(LinearGradientFrame, { ref, ...stackProps, children: /* @__PURE__ */ jsx(
-          ExpoLinearGradient,
-          {
-            start,
-            end,
-            colors,
-            locations,
-            style: absoluteFill,
-            children
-          }
-        ) })
-      );
+      return /* @__PURE__ */ jsx(LinearGradientFrame, { ref, ...stackProps, children: /* @__PURE__ */ jsx(
+        ExpoLinearGradient,
+        {
+          start,
+          end,
+          colors,
+          locations,
+          style: absoluteFill,
+          children
+        }
+      ) });
     })
   )
 );

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

@@ -1,7 +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 type { View, ViewStyle } 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={absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst absoluteFill: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n}\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;AAGvB;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,UAAU,GAAG,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C;AAAA;AAAA,QAEE,oBAAC,uBAAoB,KAAW,GAAG,YACjC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO;AAAA,YAEN;AAAA;AAAA,QACH,GACF;AAAA;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;",
+  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useMediaPropsActive,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport type { View, ViewStyle } 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((propsIn: LinearGradientProps, ref) => {\n      const props = useMediaPropsActive(propsIn)\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        <LinearGradientFrame ref={ref as any} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst absoluteFill: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n}\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": "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;",
   "names": []
 }

package/dist/esm/LinearGradient.shared.mjs

@@ -3,6 +3,7 @@ import {
   getVariable,
   styled,
   themeable,
+  useMediaPropsActive,
   useTheme
 } from "@tamagui/core";
 import { YStack } from "@tamagui/stacks";
@@ -12,23 +13,21 @@ import {
 } from "./linear-gradient";
 const LinearGradient = YStack.extractable(
   themeable(
-    React.forwardRef((props, ref) => {
+    React.forwardRef((propsIn, ref) => {
+      const props = useMediaPropsActive(propsIn);
       const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
       const colors = useThemeColors(colorsProp || []);
-      return (
-        // @ts-ignore
-        /* @__PURE__ */ jsx(LinearGradientFrame, { ref, ...stackProps, children: /* @__PURE__ */ jsx(
-          ExpoLinearGradient,
-          {
-            start,
-            end,
-            colors,
-            locations,
-            style: absoluteFill,
-            children
-          }
-        ) })
-      );
+      return /* @__PURE__ */ jsx(LinearGradientFrame, { ref, ...stackProps, children: /* @__PURE__ */ jsx(
+        ExpoLinearGradient,
+        {
+          start,
+          end,
+          colors,
+          locations,
+          style: absoluteFill,
+          children
+        }
+      ) });
     })
   )
 );

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

@@ -1,7 +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 type { View, ViewStyle } 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={absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst absoluteFill: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n}\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;AAGvB;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,UAAU,GAAG,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C;AAAA;AAAA,QAEE,oBAAC,uBAAoB,KAAW,GAAG,YACjC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO;AAAA,YAEN;AAAA;AAAA,QACH,GACF;AAAA;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;",
+  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useMediaPropsActive,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport type { View, ViewStyle } 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((propsIn: LinearGradientProps, ref) => {\n      const props = useMediaPropsActive(propsIn)\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        <LinearGradientFrame ref={ref as any} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst absoluteFill: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n}\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": "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;",
   "names": []
 }

package/dist/jsx/LinearGradient.shared.js

@@ -2,6 +2,7 @@ import {
   getVariable,
   styled,
   themeable,
+  useMediaPropsActive,
   useTheme
 } from "@tamagui/core";
 import { YStack } from "@tamagui/stacks";
@@ -11,19 +12,17 @@ import {
 } from "./linear-gradient";
 const LinearGradient = YStack.extractable(
   themeable(
-    React.forwardRef((props, ref) => {
+    React.forwardRef((propsIn, ref) => {
+      const props = useMediaPropsActive(propsIn);
       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={absoluteFill}
-        >{children}</ExpoLinearGradient></LinearGradientFrame>
-      );
+      return <LinearGradientFrame ref={ref} {...stackProps}><ExpoLinearGradient
+        start={start}
+        end={end}
+        colors={colors}
+        locations={locations}
+        style={absoluteFill}
+      >{children}</ExpoLinearGradient></LinearGradientFrame>;
     })
   )
 );

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

@@ -1,7 +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 type { View, ViewStyle } 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={absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst absoluteFill: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n}\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;AAGvB;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,UAAU,GAAG,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C;AAAA;AAAA,QAEE,CAAC,oBAAoB,KAAK,SAAS,YACjC,CAAC;AAAA,UACC,OAAO;AAAA,UACP,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,OAAO;AAAA,UAEN,SACH,EARC,mBASH,EAVC;AAAA;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;",
+  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useMediaPropsActive,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport type { View, ViewStyle } 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((propsIn: LinearGradientProps, ref) => {\n      const props = useMediaPropsActive(propsIn)\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        <LinearGradientFrame ref={ref as any} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst absoluteFill: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n}\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,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;",
   "names": []
 }

package/dist/jsx/LinearGradient.shared.mjs

@@ -2,6 +2,7 @@ import {
   getVariable,
   styled,
   themeable,
+  useMediaPropsActive,
   useTheme
 } from "@tamagui/core";
 import { YStack } from "@tamagui/stacks";
@@ -11,19 +12,17 @@ import {
 } from "./linear-gradient";
 const LinearGradient = YStack.extractable(
   themeable(
-    React.forwardRef((props, ref) => {
+    React.forwardRef((propsIn, ref) => {
+      const props = useMediaPropsActive(propsIn);
       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={absoluteFill}
-        >{children}</ExpoLinearGradient></LinearGradientFrame>
-      );
+      return <LinearGradientFrame ref={ref} {...stackProps}><ExpoLinearGradient
+        start={start}
+        end={end}
+        colors={colors}
+        locations={locations}
+        style={absoluteFill}
+      >{children}</ExpoLinearGradient></LinearGradientFrame>;
     })
   )
 );

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

@@ -1,7 +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 type { View, ViewStyle } 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={absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst absoluteFill: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n}\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;AAGvB;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,UAAU,GAAG,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C;AAAA;AAAA,QAEE,CAAC,oBAAoB,KAAK,SAAS,YACjC,CAAC;AAAA,UACC,OAAO;AAAA,UACP,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,OAAO;AAAA,UAEN,SACH,EARC,mBASH,EAVC;AAAA;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;",
+  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useMediaPropsActive,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport type { View, ViewStyle } 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((propsIn: LinearGradientProps, ref) => {\n      const props = useMediaPropsActive(propsIn)\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        <LinearGradientFrame ref={ref as any} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst absoluteFill: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n}\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,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;",
   "names": []
 }

package/package.json

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

package/src/LinearGradient.shared.tsx

@@ -4,6 +4,7 @@ import {
   getVariable,
   styled,
   themeable,
+  useMediaPropsActive,
   useTheme,
 } from '@tamagui/core'
 import { YStack, YStackProps } from '@tamagui/stacks'
@@ -25,12 +26,12 @@ export const LinearGradient: React.ForwardRefExoticComponent<
   LinearGradientProps & React.RefAttributes<HTMLElement | View>
 > = YStack.extractable(
   themeable(
-    React.forwardRef((props: LinearGradientProps, ref) => {
+    React.forwardRef((propsIn: LinearGradientProps, ref) => {
+      const props = useMediaPropsActive(propsIn)
       const { start, end, colors: colorsProp, locations, children, ...stackProps } = props
       const colors = useThemeColors(colorsProp || [])
       return (
-        // @ts-ignore
-        <LinearGradientFrame ref={ref} {...stackProps}>
+        <LinearGradientFrame ref={ref as any} {...stackProps}>
           <ExpoLinearGradient
             start={start}
             end={end}

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,EAKZ,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,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"}