@nativetail/ui 0.2.7 → 0.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nativetail/ui",
3
- "version": "0.2.7",
3
+ "version": "0.2.9",
4
4
  "description": "",
5
5
  "main": "src/index.ts",
6
6
  "scripts": {},
@@ -30,7 +30,6 @@
30
30
  "@nativetail/core": "^0.0.6",
31
31
  "@shopify/flash-list": "^1.7.1",
32
32
  "countries-list": "^3.1.0",
33
- "expo-blur": "^13.0.2",
34
33
  "expo-linear-gradient": "~13.0.2",
35
34
  "lucide-react-native": "^0.427.0",
36
35
  "moti": "^0.29.0",
@@ -1,6 +1,5 @@
1
1
  import { cn, useTw, View } from "@nativetail/core";
2
2
  import { forwardRef } from "react";
3
- import { Blur } from "../blur";
4
3
  import { Button } from "../button";
5
4
  import { Dialog, DialogMethods } from "../dialog";
6
5
 
@@ -43,11 +42,6 @@ export const ActionSheet = forwardRef<DialogMethods, ActionSheetProps>(
43
42
  ref={ref}
44
43
  >
45
44
  <View className="w-full rounded-xl bg-card/95">
46
- {useBlur && (
47
- <Blur
48
- style={tw`absolute top-0 flex-1 left-0 right-0 bottom-0 rounded-xl bg-card`}
49
- />
50
- )}
51
45
  {options?.map((action, index) => (
52
46
  <ActionSheetItem
53
47
  key={index}
@@ -1,15 +1,4 @@
1
- import { BlurView, BlurViewProps } from "expo-blur";
2
- import { useColorScheme } from "@nativetail/core";
3
-
4
- export type BlurProps = BlurViewProps;
1
+ export type BlurProps = {};
5
2
  export const Blur = (props: BlurProps) => {
6
- const [colorScheme] = useColorScheme();
7
- return (
8
- <BlurView
9
- intensity={50}
10
- tint={colorScheme === "dark" ? "dark" : "light"}
11
- experimentalBlurMethod="dimezisBlurView"
12
- {...props}
13
- />
14
- );
3
+ return null;
15
4
  };
@@ -4,7 +4,6 @@ import ActionSheet, {
4
4
  ActionSheetProps,
5
5
  ActionSheetRef,
6
6
  } from "react-native-actions-sheet";
7
- import { Blur } from "../blur";
8
7
  export type BottomSheetProps = ActionSheetProps & {
9
8
  containerClassName?: string;
10
9
  contentClassName?: string;
@@ -33,11 +32,6 @@ export const BottomSheet = forwardRef<ActionSheetRef, BottomSheetProps>(
33
32
  indicatorStyle={tw.style("bg-muted/15", indicatorClassName)}
34
33
  {...props}
35
34
  >
36
- {useBlur && (
37
- <Blur
38
- style={tw`absolute top-0 left-0 right-0 bottom-0 rounded-xl flex-1 bg-card`}
39
- />
40
- )}
41
35
  <View className={cn("p-4 ", contentClassName)}>{children}</View>
42
36
  </ActionSheet>
43
37
  );
@@ -1,6 +1,5 @@
1
- import { BlurView } from "expo-blur";
2
- import { AnimatePresence } from "moti";
3
1
  import { cn, mergeClasses, Pressable, useTw, View } from "@nativetail/core";
2
+ import { AnimatePresence } from "moti";
4
3
  import {
5
4
  forwardRef,
6
5
  useCallback,
@@ -9,7 +8,6 @@ import {
9
8
  useState,
10
9
  } from "react";
11
10
  import { Modal } from "react-native";
12
- import { Blur } from "../blur";
13
11
 
14
12
  export type DialogProps = {
15
13
  containerClassName?: string;
@@ -107,12 +105,6 @@ export const Dialog = forwardRef<DialogMethods, DialogProps>(function Dialog(
107
105
  )}
108
106
  onDidAnimate={onDidAnimate}
109
107
  >
110
- {useBlur && (
111
- <Blur
112
- style={tw`absolute top-0 left-0 right-0 bottom-0 rounded-xl flex-1 bg-card`}
113
- />
114
- )}
115
-
116
108
  {children}
117
109
  </View>
118
110
  )}
@@ -22,7 +22,6 @@ import {
22
22
  useWindowDimensions,
23
23
  ViewStyle,
24
24
  } from "react-native";
25
- import { Blur } from "../blur";
26
25
 
27
26
  type PositionType = {
28
27
  width: number;
@@ -256,9 +255,6 @@ const DropdownMenu = ({
256
255
  animated
257
256
  print
258
257
  >
259
- {useBlur && (
260
- <Blur style={tw`absolute top-0 left-0 rounded-xl flex-1 `} />
261
- )}
262
258
  {renderChildren()}
263
259
  </View>
264
260
  )}