@nativetail/ui 0.0.3 → 0.0.5

package/package.json

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

package/src/components/input/floating-input.tsx

@@ -38,8 +38,9 @@ export function FloatingInput({
 	const onBlur = useCallback(() => {
 		setIsFocused(false);
 	}, []);
-	const tw = useTw();
-	const [showPassword, setShowPassword] = useState(false);
+	const [showPassword, setShowPassword] = useState(
+		isSecretToggleable ? false : true
+	);
 	return (
 		<>
 			<View

package/src/components/input/input.tsx

@@ -32,7 +32,10 @@ export function Input({
 	...props
 }: InputProps) {
 	const tw = useTw();
-	const [showPassword, setShowPassword] = useState(false);
+
+	const [showPassword, setShowPassword] = useState(
+		isSecretToggleable ? false : true
+	);
 	return (
 		<View className={cn("w-full gap-1", containerClassName)}>
 			<Text className={cn("text-muted/75 duration-75 ")}>{label}</Text>
@@ -55,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 && (