fix: use validation in input copy paste

.changeset/deep-peas-bake.md

@@ -0,0 +1,5 @@
+---
+"@wpmudev/sui-input": major
+---
+
+useValidation hook validate support for copy/paste

.changeset/sad-chairs-lie.md

@@ -0,0 +1,5 @@
+---
+"@wpmudev/sui-password-field": major
+---
+
+onChange prop added for password field

packages/ui/input/src/input.tsx

@@ -111,16 +111,23 @@ const Input = forwardRef<HTMLInputElement | HTMLTextAreaElement, InputProps>(
 		// handle on change
 		const handleChange = useCallback(
 			(e: React.ChangeEvent<HTMLInputElement>) => {
-				// update value if input isn't read-only
+				const newValue = e?.target?.value ?? ""
+
+				// update input value
 				if (!isReadOnly) {
-					setValue((e?.target?.value ?? "") as InputProps["defaultValue"])
+					setValue(newValue as InputProps["defaultValue"])
+				}
+
+				// 🔥 VALIDATE HERE → covers paste + typing + everything else
+				if (validate && isFunction(validate)) {
+					validate(newValue)
 				}
 
-				if (!!onChange) {
+				if (onChange) {
 					onChange(e)
 				}
 			},
-			[isReadOnly, onChange],
+			[isReadOnly, onChange, validate],
 		)
 
 		// Clear input value

packages/ui/password-field/src/password-field.tsx

@@ -19,6 +19,7 @@ const PasswordField: React.FC<PasswordFieldProps> = ({
 	validateOnMount,
 	resetValidation,
 	name,
+	onChange,
 	_htmlProps,
 	_style = {},
 }) => {
@@ -54,6 +55,7 @@ const PasswordField: React.FC<PasswordFieldProps> = ({
 			const getValue = inputElement?.value
 			setHasValue(getValue?.length > 0)
 		},
+		onChange,
 		isSmall,
 	}