@nativetail/ui 0.0.4 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativetail/ui",
-	"version": "0.0.4",
+	"version": "0.0.6",
 	"description": "",
 	"main": "src/index.ts",
 	"scripts": {},

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

@@ -23,7 +23,7 @@ export const ActionSheet = forwardRef<DialogMethods, ActionSheetProps>(
 		{
 			containerClassName,
 			contentClassName,
-			useBlur = true,
+			useBlur = false,
 			onCancel,
 			children,
 			options,

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

@@ -18,7 +18,7 @@ export const BottomSheet = forwardRef<ActionSheetRef, BottomSheetProps>(
 			containerClassName,
 			contentClassName,
 			children,
-			useBlur,
+			useBlur = false,
 			indicatorClassName,
 			...props
 		},
@@ -28,7 +28,7 @@ export const BottomSheet = forwardRef<ActionSheetRef, BottomSheetProps>(
 		return (
 			<ActionSheet
 				ref={ref}
-				containerStyle={tw.style("bg-background/75", containerClassName)}
+				containerStyle={tw.style("bg-background/95", containerClassName)}
 				gestureEnabled
 				indicatorStyle={tw.style("bg-muted/15", indicatorClassName)}
 				{...props}

package/src/components/dialog/index.tsx

@@ -27,7 +27,7 @@ export const Dialog = forwardRef<DialogMethods, DialogProps>(function Dialog(
 	{
 		containerClassName,
 		contentClassName,
-		useBlur = true,
+		useBlur = false,
 		children,
 		onRequestClose,
 	}: DialogProps,

package/src/components/dropdown/index.tsx

@@ -130,7 +130,7 @@ let timeout: NodeJS.Timeout;
 const DropdownMenu = ({
 	className,
 	children,
-	useBlur = true,
+	useBlur = false,
 }: {
 	className?: string;
 	children: ReactNode;

package/src/components/input/input.tsx

@@ -58,6 +58,10 @@ export function Input({
 			{leftElement && (
 				<View className="absolute left-2 bottom-2">{leftElement}</View>
 			)}
+
+			{rightElement && (
+				<View className="absolute right-2 bottom-2">{rightElement}</View>
+			)}
 			{error && <Text className="text-danger text-sm">{error}</Text>}
 
 			{isSecretToggleable && (