@nativetail/ui 0.2.6 → 0.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativetail/ui",
-	"version": "0.2.6",
+	"version": "0.2.8",
 	"description": "",
 	"main": "src/index.ts",
 	"scripts": {},
@@ -30,7 +30,6 @@
 		"@nativetail/core": "^0.0.6",
 		"@shopify/flash-list": "^1.7.1",
 		"countries-list": "^3.1.0",
-		"expo-blur": "^13.0.2",
 		"expo-linear-gradient": "~13.0.2",
 		"lucide-react-native": "^0.427.0",
 		"moti": "^0.29.0",

package/src/components/actions-sheet/index.tsx

@@ -1,6 +1,5 @@
 import { cn, useTw, View } from "@nativetail/core";
 import { forwardRef } from "react";
-import { Blur } from "../blur";
 import { Button } from "../button";
 import { Dialog, DialogMethods } from "../dialog";
 
@@ -43,11 +42,6 @@ export const ActionSheet = forwardRef<DialogMethods, ActionSheetProps>(
 				ref={ref}
 			>
 				<View className="w-full rounded-xl bg-card/95">
-					{useBlur && (
-						<Blur
-							style={tw`absolute top-0 flex-1 left-0 right-0 bottom-0 rounded-xl bg-card`}
-						/>
-					)}
 					{options?.map((action, index) => (
 						<ActionSheetItem
 							key={index}

package/src/components/blur/index.tsx

@@ -1,15 +1,4 @@
-import { BlurView, BlurViewProps } from "expo-blur";
-import { useColorScheme } from "@nativetail/core";
-
-export type BlurProps = BlurViewProps;
+export type BlurProps = {};
 export const Blur = (props: BlurProps) => {
-	const [colorScheme] = useColorScheme();
-	return (
-		<BlurView
-			intensity={50}
-			tint={colorScheme === "dark" ? "dark" : "light"}
-			experimentalBlurMethod="dimezisBlurView"
-			{...props}
-		/>
-	);
+	return null;
 };

package/src/components/bottom-sheet/index.tsx

@@ -4,7 +4,6 @@ import ActionSheet, {
 	ActionSheetProps,
 	ActionSheetRef,
 } from "react-native-actions-sheet";
-import { Blur } from "../blur";
 export type BottomSheetProps = ActionSheetProps & {
 	containerClassName?: string;
 	contentClassName?: string;
@@ -33,11 +32,6 @@ export const BottomSheet = forwardRef<ActionSheetRef, BottomSheetProps>(
 				indicatorStyle={tw.style("bg-muted/15", indicatorClassName)}
 				{...props}
 			>
-				{useBlur && (
-					<Blur
-						style={tw`absolute top-0 left-0 right-0 bottom-0 rounded-xl flex-1 bg-card`}
-					/>
-				)}
 				<View className={cn("p-4 ", contentClassName)}>{children}</View>
 			</ActionSheet>
 		);

package/src/components/dialog/index.tsx

@@ -1,6 +1,5 @@
-import { BlurView } from "expo-blur";
-import { AnimatePresence } from "moti";
 import { cn, mergeClasses, Pressable, useTw, View } from "@nativetail/core";
+import { AnimatePresence } from "moti";
 import {
 	forwardRef,
 	useCallback,
@@ -9,7 +8,6 @@ import {
 	useState,
 } from "react";
 import { Modal } from "react-native";
-import { Blur } from "../blur";
 
 export type DialogProps = {
 	containerClassName?: string;
@@ -107,12 +105,6 @@ export const Dialog = forwardRef<DialogMethods, DialogProps>(function Dialog(
 							)}
 							onDidAnimate={onDidAnimate}
 						>
-							{useBlur && (
-								<Blur
-									style={tw`absolute top-0 left-0 right-0 bottom-0 rounded-xl flex-1 bg-card`}
-								/>
-							)}
-
 							{children}
 						</View>
 					)}

package/src/components/dropdown/index.tsx

@@ -22,7 +22,6 @@ import {
 	useWindowDimensions,
 	ViewStyle,
 } from "react-native";
-import { Blur } from "../blur";
 
 type PositionType = {
 	width: number;
@@ -223,11 +222,14 @@ const DropdownMenu = ({
 	}, [isOpen]);
 	const renderChildren = useCallback(() => {
 		return React.Children.map(children, (child, index) => {
-			return React.cloneElement(child as any, {
-				key: index,
-				last: index === React.Children.count(children) - 1,
-				first: index === 0,
-			});
+			return (
+				child &&
+				React.cloneElement(child as any, {
+					key: index,
+					last: index === React.Children.count(children) - 1,
+					first: index === 0,
+				})
+			);
 		});
 	}, [children]);
 	return (
@@ -253,9 +255,6 @@ const DropdownMenu = ({
 							animated
 							print
 						>
-							{useBlur && (
-								<Blur style={tw`absolute top-0 left-0 rounded-xl flex-1 `} />
-							)}
 							{renderChildren()}
 						</View>
 					)}