@tamagui/linear-gradient 1.0.4

package/dist/jsx/linear-gradient.js

@@ -0,0 +1,5 @@
+import { LinearGradient } from "expo-linear-gradient";
+export {
+  LinearGradient
+};
+//# sourceMappingURL=linear-gradient.js.map

package/dist/jsx/linear-gradient.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/linear-gradient.ts"],
+  "sourcesContent": ["export { LinearGradient } from 'expo-linear-gradient'\nexport type { LinearGradientProps } from 'expo-linear-gradient'\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;",
+  "names": []
+}

package/dist/jsx/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/jsx/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/jsx/useSelectBreakpointActive.js

@@ -0,0 +1,14 @@
+import { useMedia } from "@tamagui/core";
+const useSelectBreakpointActive = (sheetBreakpoint) => {
+  const media = useMedia();
+  return sheetBreakpoint ? media[sheetBreakpoint] : false;
+};
+const useShowSelectSheet = (context) => {
+  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
+  return context.open === false ? false : breakpointActive;
+};
+export {
+  useSelectBreakpointActive,
+  useShowSelectSheet
+};
+//# sourceMappingURL=useSelectBreakpointActive.js.map

package/dist/jsx/useSelectBreakpointActive.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSelectBreakpointActive.tsx"],
+  "sourcesContent": ["import { useMedia } from '@tamagui/core'\n\nimport { SelectContextValue } from './types'\n\nexport const useSelectBreakpointActive = (\n  sheetBreakpoint: SelectContextValue['sheetBreakpoint'],\n) => {\n  const media = useMedia()\n  return sheetBreakpoint ? media[sheetBreakpoint] : false\n}\n\nexport const useShowSelectSheet = (context: SelectContextValue) => {\n  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)\n  return context.open === false ? false : breakpointActive\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAM,4BAA4B,CACvC,oBACG;AACH,QAAM,QAAQ,SAAS;AACvB,SAAO,kBAAkB,MAAM,mBAAmB;AACpD;AAEO,MAAM,qBAAqB,CAAC,YAAgC;AACjE,QAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAC1E,SAAO,QAAQ,SAAS,QAAQ,QAAQ;AAC1C;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@tamagui/linear-gradient",
+  "version": "1.0.4",
+  "sideEffects": [
+    "*.css"
+  ],
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build",
+    "lint": "../../node_modules/.bin/rome check src",
+    "lint:fix": "../../node_modules/.bin/rome check --apply-suggested src"
+  },
+  "dependencies": {
+    "@tamagui/core": "^1.0.4",
+    "@tamagui/stacks": "^1.0.4"
+  },
+  "peerDependencies": {
+    "expo-linear-gradient": "*",
+    "react": "*",
+    "react-dom": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.4",
+    "expo-linear-gradient": "^12.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/LinearGradient.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/index.ts

@@ -0,0 +1 @@
+export * from './LinearGradient'

package/src/linear-gradient.d.ts

@@ -0,0 +1,3 @@
+export { LinearGradient } from 'expo-linear-gradient';
+export type { LinearGradientProps } from 'expo-linear-gradient';
+//# sourceMappingURL=linear-gradient.d.ts.map

package/src/linear-gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linear-gradient.d.ts","sourceRoot":"","sources":["linear-gradient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA"}

package/src/linear-gradient.ts

@@ -0,0 +1,2 @@
+export { LinearGradient } from 'expo-linear-gradient'
+export type { LinearGradientProps } from 'expo-linear-gradient'

package/types/LinearGradient.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.d.ts.map

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LinearGradient';
+//# sourceMappingURL=index.d.ts.map

package/types/linear-gradient.d.ts

@@ -0,0 +1,3 @@
+export { LinearGradient } from 'expo-linear-gradient';
+export type { LinearGradientProps } from 'expo-linear-gradient';
+//# sourceMappingURL=linear-gradient.d.ts.map